@charset "utf-8";


/* overwrite
-------------------------------------------------------------------------------------------------------- */

/* pageTitle */
#pageTitle                     { background-image: url(../images/advantage/pagetitle_bg.jpg);}






/* advantage
-------------------------------------------------------------------------------------------------------- */


/* sec01 */
#sec01 .wrap .img-box					{ position: relative; margin: 2rem 0 40rem;}
#sec01 .wrap .img-box:last-child		{ margin-bottom:25rem;}
#sec01 .wrap .img-box .pic				{ text-align: center;}
#sec01 .wrap .img-box .txt-box			{ position: absolute; top: 18rem; right: 0; left: 0; padding: 1.5rem; margin: 0 1.5rem;  background: #FFF;}
#sec01 .wrap .img-box .txt-box .number 	{ font-size: 3rem; color: #877c50; text-align: center; font-weight: bold; line-height: initial;}
#sec01 .wrap .img-box .txt-box .title	{ margin-top: 0.5rem; font-size: 1.8rem; font-weight: bold; text-align: center;}
#sec01 .wrap .img-box .txt-box .txt		{ margin-top: 1rem; font-size: 1.4rem;}

@media print, screen and (min-width: 685px) {
#sec01 .wrap .img-box					{ margin: 2rem 0 45rem;}
#sec01 .wrap .img-box:last-child		{ margin-bottom:32rem;}
}


@media print, screen and (min-width: 768px) {
#sec01 .wrap .img-box					{ margin:40px 0 350px;}
#sec01 .wrap .img-box:last-child		{ margin-bottom:160px;}
#sec01 .wrap .img-box .pic				{ margin-right: 20%; }
#sec01 .wrap .img-box .txt-box			{ width: 460px; padding: 40px;  margin: 0; top: 200px; left: auto;  }
#sec01 .wrap .img-box.rev .pic			{ margin-right: auto; margin-left: 20%; text-align: right; }
#sec01 .wrap .img-box.rev .txt-box		{ right: auto; }
#sec01 .wrap .img-box .txt-box .number  { font-size: 5rem; }
#sec01 .wrap .img-box .txt-box .title	{ font-size: 22px; font-weight: normal; line-height: 1.4; text-align: left; }
#sec01 .wrap .img-box .txt-box .txt		{ margin-top: 15px; }
}

@media print, screen and (min-width: 1024px) {
#sec01 .wrap .img-box					{ }
#sec01 .wrap .img-box .pic				{ margin-right: 27.8%; text-align: left; }
#sec01 .wrap .img-box .txt-box			{ width: 650px; padding: 50px 60px 50px 60px; top: 150px;}
#sec01 .wrap .img-box .txt-box .title	{ margin-top: 15px; }
#sec01 .wrap .img-box .txt-box .txt		{ margin-top: 20px; font-size: 16px; line-height: 1.7;}


}





/* sec02*/
#sec02 .ttl-txt	            			{ margin-top: 1.5rem; font-weight:bold; text-align: center; }
#sec02 .txt-box                 		{ margin: 1rem auto 0; font-size: 1.4rem;}
#sec02 .row-box.box03					{ display: block; margin: 0 0;}
#sec02 .row-box.box03 >*				{ width: 100%; margin: 3rem 0 0;}
#sec02 .row-box .inBox .type   			{ margin-top: 0.5rem; color: #102d5b; font-weight: bold;}
#sec02 .row-box .inBox .type-txt		{ margin-top: 0.5rem; font-size: 1.4rem;}


@media print, screen and (min-width: 768px) {
#sec02 .ttl-txt                			{ font-size: 2.2rem; font-weight:normal; margin-top: 5rem;}
#sec02 .txt-box               			{ margin: 3rem auto 0; font-size: 16px;}
#sec02 .row-box.box03					{ -webkit-display:flex; display:flex; flex-wrap: wrap; margin: 0 -10px;}
#sec02 .row-box.box03 >*				{ width: calc(33.33% - 20px); margin: 20px 10px 0;}
#sec02 .row-box .inBox          		{ margin-top: 30px;}
#sec02 .row-box .inBox .type    		{ margin-top: 20px;}
#sec02 .row-box .inBox .type-txt   		{ font-size: 14px; line-height: 1.6;}
}

@media print, screen and (min-width: 1024px) {
#sec02 .row-box.box03					{ margin: 0 -15px;}
#sec02 .row-box.box03 >*				{ width: calc(33.33% - 30px); margin: 70px 15px 0;}
#sec02 .row-box .inBox:nth-child(-n+3)	{ margin-top: 30px;}
#sec02 .row-box .inBox .type    		{ margin-top: 18px;}
#sec02 .row-box .inBox .type-txt   		{ }
}