@charset "utf-8";


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

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






/* advantage
-------------------------------------------------------------------------------------------------------- */
.resolution							{ padding: 4rem 0 7rem; background-size: 3rem; text-align: center; font-weight: bold; font-size: 2rem; color: #102d5b;}
@media print, screen and (min-width: 768px) {
.resolution							{ padding: 0 0 50px; }
}
@media print, screen and (min-width: 1024px) {
.resolution							{ padding: 60px 0; font-size: 30px; }

}


/* lead-wrap */
#lead-wrap							{}

@media print, screen and (min-width: 768px) {
#lead-wrap							{ padding: 50px 0;}

}
@media print, screen and (min-width: 1024px) {
#lead-wrap							{ padding: 40px 0;}

}



/* sec01 */
#sec01								{}
#sec01 .problem						{ border: #102d5b 1px solid; padding: 2.5rem 1.5rem; background: #FFFFFF;}
#sec01 .problem .title 				{ text-align: center; }
#sec01 .problem .title span			{ padding-bottom: 0.4rem; border-bottom: #102d5b 1px solid; font-size: 2rem; font-weight: bold;}
#sec01 .problem .check				{ margin-top: 2rem;}
#sec01 .problem .check li			{ position: relative; padding-left: 2.2rem; font-size: 1.4rem; font-weight: bold;}
#sec01 .problem .check li+li		{ margin-top: 1rem; }
#sec01 .problem .check li:before	{ position: absolute; top: 0.2rem; left: 0; content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url("../images/owner/ico_check.png") no-repeat; background-size: contain;}
#sec01 .resolution					{ padding: 4rem 0 0; background: url("../images/common/ico_ar_bl_down.png") no-repeat center top; background-size: 3rem; font-size: 2rem;}

@media print, screen and (min-width: 768px) {
#sec01 .problem						{ padding: 30px 40px;}
#sec01 .problem .title span			{ font-size: 25px; }
#sec01 .problem .check				{ margin-top: 30px;}
#sec01 .problem .check li			{ padding-left: 30px; font-size: 18px;}
#sec01 .problem .check li+li		{ margin-top: 20px; }
#sec01 .problem .check li:before	{ top: 5px; width: 20px; height: 20px; }
#sec01 .resolution					{ padding: 60px 0 0; background-size: 60px; font-size: 25px;}

}

@media print, screen and (min-width: 1024px) {
#sec01 .problem						{ padding:70px;}
#sec01 .problem .title span			{ font-size: 36px; }
#sec01 .problem .check li			{ padding-left: 48px; font-size: 24px;}
#sec01 .problem .check li:before	{ top: 5px; width: 35px; height: 35px; }
#sec01 .resolution					{ padding: 90px 0 0; font-size: 40px;}

}





/* sec02*/
#sec02.sec-box							{ padding: 3rem 0 6rem;}
#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 .pic   			{ margin: 0 8rem;}
#sec02 .row-box .inBox .type   			{ margin: 1rem 2rem 0; color: #102d5b; font-weight: bold;}
#sec02 .row-box .inBox .type-txt		{ margin: 0.5rem 2rem 0; font-size: 1.4rem;}


@media print, screen and (min-width: 768px) {
#sec02.sec-box							{ padding: 100px 0 ;}
#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 .pic   			{ margin: 0 20px;}
#sec02 .row-box .inBox .type    		{ margin: 20px 0 0;}
#sec02 .row-box .inBox .type-txt   		{ margin: 5px 0 0; 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 .pic   			{ margin: 0 50px;}
#sec02 .row-box .inBox .type    		{ margin-top: 18px;}
#sec02 .row-box .inBox .type-txt   		{ }
}



/* sec03*/
#sec03.sec-box				{ border-top: #FAFAFA 1px solid;}
#sec03 .pic					{ height: 20rem; margin-top: 2rem; background: url("../images/owner/s03_p01.jpg") no-repeat center center; background-size: cover;}
#sec03 .more				{ padding:1rem 1.5rem 0 0; text-align: right; }
#sec03 .more span			{ padding-right: 1.2rem; color: #102d5b; background: url("../images/common/ico_ar_bl_l.png") no-repeat right center; background-size: 0.8rem; font-size: 1.4rem;}
@media print, screen and (min-width: 768px) {
#sec03 .pic					{ height: 300px; margin-top: 40px;}
#sec03 .more				{ padding:20px 20px 0 0; text-align: right; }
}

@media print, screen and (min-width: 1024px) {
#sec03 .pic					{ height: 700px; margin-top: 50px;}

}