@charset "utf-8";


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

.about #pageTitle .img-wrap			{ background-image: url("../images/about/title_bg.jpg");}



/* about
-------------------------------------------------------------------------------------------------------- */

.contents-wrap				{ padding-bottom: 0;}


/* lead */

.lead-wrap										{ overflow: hidden; padding: 0 0 6rem; }
.lead-wrap .row									{ }
.lead-wrap .row .pic							{ margin: 0 -3rem 0 0;}
.lead-wrap .row .txt-box						{ margin-top: 2rem; }
.lead-wrap .row .txt-box .l-title				{ text-align: left; margin-top: 0.5rem; }
.lead-wrap .row .txt-box .l-title+p				{ margin-top: 2rem; }
.lead-wrap .row .txt-box p+p					{ margin-top: 1rem; }
.lead-wrap .link-btn							{ margin: 2rem 0 0;  }


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

}

@media print, screen and (min-width: 1024px) {

.lead-wrap .row									{ -webkit-display: flex; display: flex; flex-direction: row-reverse;}
.lead-wrap .row .pic								{ width: 920px; margin: 0 -410px 0 30px;}
.lead-wrap .row .txt-box							{ width: 50%; margin: 0 30px 0 0; }
.lead-wrap .row .txt-box .ttl-sect+p				{ margin-top: 10px;}

.lead-wrap .link-btn								{ margin: 50px 0 0;  }

}





/* sec01 */

#sec01 							{ position: relative; padding: 10rem 0; background-image: url("../images/common/bg_ar_wh.png") ; background-repeat: no-repeat; background-position: center top; background-size: contain; }
#sec01 .ttl-sect .en			{ color: #f2f2f2; }
#sec01 .row						{ margin-top: 2rem; }
#sec01 .row+.row				{ margin-top: 4rem; }
#sec01 .row .txt-box			{ margin-top: 1.5rem; }
#sec01 .row .txt-box .title		{ font-size: 2rem; }
#sec01 .row .txt-box .title+p	{ margin-top: 1rem; }
#sec01 .row .txt-box p+p		{ margin-top: 1rem; }



@media print, screen and (min-width: 768px) {
#sec01 							{ padding: 120px 0; }
#sec01 .row						{ display: flex; flex-wrap: wrap; flex-direction: row-reverse; margin: 40px -10px 0; }
#sec01 .row >*					{ width: calc(50% - 20px); margin: 0 10px; }




}

@media print, screen and (min-width: 1024px) {
#sec01 							{ padding: 220px 0; }
#sec01 .row						{ margin: 40px -15px 0; }
#sec01 .row >*					{ width: calc(50% - 30px); margin: 0 15px; }
#sec01 .row .txt-box .title		{ font-size: 30px; }
#sec01 .row .txt-box .title+p	{ margin-top: 20px; }


}