.t004-youto {
	display:flex;
	flex-flow:wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.t004-youto-left {
	display:flex;
	flex-flow:column;
	width: 100%;
}
.t004-youto-left div {
    width: calc(100% - 30px);
    padding: 15px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    background-color: #E5EDFC;
}
.t004-youto-left div ul {
    width: calc(100% - 20px - 20px);
	margin-left:20px;
	margin-right:20px;
}
.t004-youto-left div ul li {
    width: calc(100% - 10px);
	margin-left:10px;
    padding: 6px 10px 6px 0;
    list-style-position: outside;
    list-style-type: disc;
}

/*結果*/
ul.t004-kekka {
	width:100%;
	margin-top:20px;
}
ul.t004-kekka li {
    width: calc(100% - 20px);
    list-style-position: outside;
    list-style-type: disc;
	margin-left:20px;
	font-size:20px;
	font-weight:500;
	line-height:135%;
	padding-bottom:10px;
	color: rgba(8,74,156,1.00);
}
div.s4-kousatsu-waku {
	width:100%;
	max-width:1000px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}
div.s4-kousatsu {
	width:100%;
	min-width:700px!important;
	overflow-x: auto;
	display:flex;
	justify-content: space-between;
padding-top:10px;
padding-bottom:10px;
	margin-bottom:10px;
}
div.s4-kousatsu div {
	width:32%;
}
div.s4-kousatsu div h6 {
	font-weight:500;
	display:flex;
	justify-content: center;
}
div.s4-kousatsu div img {
	width:100%;
	height:auto;
}
div.s4-kousatsu div p {
	line-height:135%;
	margin-top:10px;
	padding:0;
	margin-bottom:0;
}

/*まとめ*/
ol.t004-matome {
	width:100%;
	margin-top:20px;
}
ol.t004-matome li {
    width: calc(100% - 35px);
    margin-left: 35px;
    font-size: 20px;
    font-weight: 500;
    line-height: 135%;
    padding-bottom: 10px;
    color: rgba(8,74,156,1.00);
}
ol.t004-matome li:nth-child(1):before {
	content:"①";
	margin-left:-24px;
}
ol.t004-matome li:nth-child(2):before {
	content:"②";
	margin-left:-24px;
}








/*scrool hint*/
div.t004-img {
	width:100%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}
div.t004-img img {
	width:100%;
	min-width:700px;
	overflow-x: auto;
}



.mgn-b30 {
	margin-bottom:30px;
}

/* ================================================================== */
/* max-width 1200px */
/* ================================================================== */

@media screen and (max-width: 1200px) {

	
	
	
	
}




/* ================================================================== */
/* max-width 1000px */
/* ================================================================== */

@media screen and (max-width: 1000px) {
	

	
	

}





/* ================================================================== */
/* max-width 800px */
/* ================================================================== */

@media screen and (max-width: 800px) {



}



/* ================================================================== */
/* max-width 600px */
/* ================================================================== */
@media screen and (max-width: 600px) {

	
	
}

