@charset "utf-8";
@media all and (max-width: 800px) {

}


/* 780.css */
@media all and (max-width: 780px) {
	/* layout */
	#wrapper {
		padding: 0;
	}

	/* header */
	h1#logo {
		display: flex;
        font-size: 1.25rem;
    }

	h1#logo > a {display: block;
		padding-top: 0;
	}

	h1#logo > a br.nobreak {
		display: inline-block;
	}

	h1#logo strong {
		display: inline-block;
		text-indent: 0;
	}



	#topimage {
		height: 180px;
	}

	#topimage h1 {
		width: 80%;;
		font-size: 0.90rem !important
	}

	#topimage h1 span {
		font-size: 1.15rem !important
	}


	/* index link list*/
	#index_list {
		justify-content: center;
	}

	#index_list>li {
		box-sizing: border-box;
		width: 100% !important;
	}


	
	/* index reason */
	#index_reason {
		flex-direction: column;
		justify-content: center;
	}

	#index_reason>li {
		display: flex;
		flex-wrap: wrap;
		width: 100% !important;
	}

	#index_reason>li ol>li {
/*
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;

		padding-top: 0.50rem !important;
		padding-bottom: 0.50rem !important;
		margin-bottom: 1.00rem !important;
		border-bottom: 1px dotted rgba(200 200 200/ 1.00);
*/
	}

	#index_reason>li ol>li::before {
/*
		content: "";
		display: block;
		width: 32px;
		height: 34px;
		margin-right: 5px;
*/
	}




	/****
	 * first-todo.php
	 */ 
	.flow #_05>section>article>ol {
		flex-wrap: wrap;
	}

	.flow #_05>section>article>ol>li {
		width: 100%;
		margin-bottom: 1.00rem !important;
	}

	.flow #_05>section>article>ol>li>section>h4 {
		flex-direction: row;
		align-items: center;
	}


}