@charset "UTF-8";
/* start_check ビジネス切り分け */
#st-check {font-size:110%; line-height:1.8;}
#st-check .st-tit{ background: linear-gradient(-45deg,#FFFBD4 25%, #F7E7BC 25%,#F7E7BC 50%, #FFFBD4 50%,#FFFBD4 75%, #F7E7BC 75%,#F7E7BC); background-size: 60px 60px; width: 100%; height:350px;}
#st-check .st-tit img{ height: 220px; object-fit: cover;}
#st-check .c-tit ul{ margin: 0 auto; padding-left:40px; position: relative;}
#st-check .c-tit li{ line-height: 2em; font-feature-settings: "palt"; font-size:80%; list-style-type: none!important;}
#st-check .c-tit li:before { font-family: "Font Awesome 5 Free"; content: "\f00c"; position: absolute; left:-25px; color: #FF6E69; /*アイコン色*/}

.st-chart { width:100%; padding:0;}
.st-chart-in{ position:relative; width:100%; margin:0 auto; font-weight: bold; font-feature-settings: "palt";}
.st-chart-in2{ width:100%; margin:0 auto;}
.st-chart img{ width:150%;}

/*SPのみ*/
.st-cbox1 { text-align: center; color:#FF7B77; font-size:120%; margin-top:20px;}
.st-cbox2 { position:relative; display:block; text-align: center; margin:15px auto; padding:15px 35px; border: 5px solid #ccc; z-index: 0; font-size:150%;}
.st-cbox2:before { position:absolute; display: block; content: ''; position: absolute; top: -5px; left: -5px; width: 20px; height: 20px; z-index: 1;
	border-top: 5px solid #FF7F7C;	/* 一部だけ異なる線の太さ・種類・色 */
	border-left: 5px solid #FF7F7C;	/* 一部だけ異なる線の太さ・種類・色 */}
.st-cbox2:after { position: absolute; border-style: solid; border-width: 15px 15px 0 15px; border-color: #ccc transparent transparent transparent; content: ""; top: 75px; left: 50%; transform: translateX(-50%); z-index: 1; margin:0 auto;}
.st-chart .st-qbox { position:relative; display:block; border:solid 5px #ccc; font-size:130%; margin:40px 0; padding:20px;}
.st-chart .st-qbox:before { position: absolute; border-style: solid; border-width: 20px 20px 0 20px; border-color: #ccc transparent transparent transparent; content: ""; top: 100%; left: 50%; transform: translateX(-50%);  z-index: 1; margin:0 auto;}
.st-chart .st-abox { display:flex; justify-content:space-between; color:#fff; text-align: center;}
.st-chart .st-abox a{ text-decoration: none; color:#fff;}
.st-chart .st-abox p{ font-size:80%;}
.st-chart .st-abox .st-yes{ width:40%; border:solid 1px #EF7D1D; background-color: #EF7D1D; padding:10px; margin:20px 0 0 0; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);}
.st-chart .st-abox .st-no{ width:40%; border:solid 1px #0064BE; background-color: #0064BE; padding:10px; margin:20px 0 0 0; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);}
.st-chart .st-abox .st-yes:active {  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);}
.st-chart .st-abox .st-no:active {  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);}

#st-check .bg_pink{background-color: #FDEDF2;}
#st-check .st-osusume_a { text-decoration: none;}
#st-check .st-osusume_b { position: relative; z-index: 0; width:100%; border: 3px solid #80AAD6; border-radius: 10px; padding: 65px 20px 20px 20px; background-color: #F6F5EF; box-sizing:border-box; margin-bottom:100px; color:#000!important;}
#st-check .st-osusume_b:before{ position: absolute; top: 0; left: 0; right: 0; z-index: 2; background-color: #80AAD6; border-radius: 5px 5px 0px 0px; color: #fff; content:'プラス！おすすめ　　>>詳細を見る'; font-weight:bold; height: 30px; padding: 10px 15px;}
#st-check .st-osusume_b:after { border-style: solid; border-width: 10px 10px 0 10px; border-color: #80AAD6 transparent transparent transparent;	/* 吹き出し三角部分の色 */content: ""; position: absolute; top: 50px; left: 20px; width: 0px; height: 0px; z-index: 1;}
#st-check .st-osusume_a:hover .st-osusume_b { opacity: 1; border: 3px solid #0064BE;}
#st-check .st-osusume_a:hover .st-osusume_b:before{ background-color: #0064BE;}
#st-check .st-osusume_a:hover .st-osusume_b:after{ border-color: #0064BE transparent transparent transparent;}

#st-check .st-table{ width:100%; margin:20px 0 50px; border:solid 3px #80AAD6; border-radius: 5px; border-collapse: separate;}
#st-check .st-table td{ padding:8px 15px; border:solid 3px #80AAD6;}
#st-check .st-table tr:first-child { background-color: #80AAD6; color:#fff; text-align:center; font-size:110%;}
#st-check .st-table td:first-child { width:40%; font-weight: bold; }