@charset "UTF-8";
/* 
	
CSS page.css */


/* 
base : #8c8c8c
black : #666
orange : #ee781f
*/







/*//////////////////


#index


//////////////////*/

/* common */


#index {  }
@media screen and (max-width: 767px) { 
}


/* #sec_1 */
#index #sec_1 { display:flex; align-items: center; }
#index #sec_1 .newslist{ flex:1; /* margin-right: 4%; */}
#index #sec_1 .newslist>li{ margin-bottom:20px; display:flex; align-items:flex-start;}
#index #sec_1 .newslist>li:last-child{margin-bottom:0px;}
#index #sec_1 .newslist>li .date:before { content:""; background: url(../img/common/arr2.svg) no-repeat; width: 8px; height: 8px; top:50%; margin-top:-4px; left:0; position:absolute; }
#index #sec_1 .newslist>li .date{ font-family:'Roboto Condensed', sans-serif; font-size:1.8rem; font-weight:bold; padding:0 25px 0 15px; position:relative;}
#index #sec_1 .newslist>li br{display:none;}
@media screen and (max-width: 1040px) {
    #index #sec_1 { display:block; }
	#index #sec_1 .newslist{width:100%;margin-bottom: 30px; margin-right: 0; }
	#index #sec_1 .newslist>li { display:block;}
}
@media screen and (max-width: 767px) { 
}


/* #sec_2 */
#index #sec_2 { display:flex; align-items: center; }
#index #sec_2 .txtbox { flex:1; margin-right: 4%;}
@media screen and (max-width: 1040px) {
	#index #sec_2 {display:block;}
	#index #sec_2 .txtbox{width:100%; margin-bottom:40px; margin-right: 0;}	
}
@media screen and (max-width: 767px) {
	#index #sec_2 .txtbox{margin-bottom: 30px;}	
}


/* #sec_3 */
#index #sec_3 .box{display:flex;justify-content:space-between; align-items: center; margin-bottom: 70px;}
#index #sec_3 .box .txtbox{flex:1; margin-right: 4%; }
#index #sec_3 .list{display:flex; justify-content:space-between;}
#index #sec_3 .list>li{width:47%;}
#index #sec_3 .list>li .num{font-family:'Roboto Condensed', sans-serif;font-size:2.2rem;color:#666;position:relative; padding-left: 30px;}
#index #sec_3 .list>li .num:before{content:""; background:#808080; width:20px; height:1px; position:absolute; display:inline-block; left: 0; top:50%;}
#index #sec_3 .list>li .txt{margin-bottom:30px;}
#index #sec_3 .list>li .sublist{margin-bottom:40px; text-align: left;}
#index #sec_3 .list>li .sublist>li{display:inline-block; margin-right: 1em; }
#index #sec_3 .list>li .subtxt{font-size:1.3rem; text-align:right; margin-top:10px;}
#index #sec_3 .imglist { display: flex; }
#index #sec_3 .imglist li { width: 25%; }
@media screen and (max-width: 1280px) {
	#index #sec_3 .list>li .subtxt{ text-align:left; }
}
@media screen and (max-width: 1040px) {
	#index #sec_3 .box{display:block;}
	#index #sec_3 .box .txtbox { margin-right: 0; margin-bottom: 40px; }
	#index #sec_3 .list{ display:block; }
	#index #sec_3 .list>li{ width:100%; }
	#index #sec_3 .list>li:first-child{ margin-bottom:60px; }
}
@media screen and (max-width: 767px) {
	#index #sec_3 .box{margin-bottom: 50px;}
	#index #sec_3 .box .txtbox {margin-bottom: 30px; }
	#index #sec_3 .list>li:first-child{ margin-bottom:40px; }
	#index #sec_3 .list>li .num{ font-size:1.8rem;}
	#index #sec_3 .list>li .txt{margin-bottom:20px;}
	#index #sec_3 .list>li .sublist{margin-bottom:30px;}
	#index #sec_3 .list>li .subtxt{font-size:1.2rem; text-align:left;}
}
@media screen and (max-width: 639px) {
	#index #sec_3 .list>li .sublist>li{display:block;}
	#index #sec_3 .imglist li { width: 50%; }
}


/* #sec_4 */
#index #sec_4 .imgbox{ margin-bottom:120px; height:800px; }
#index #sec_4 .imgbox img { width:100%; height:100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
@media screen and (max-width: 767px) {
	#index #sec_4 .imgbox { margin-bottom:80px; height:600px;}
}
@media screen and (max-width: 500px) {
	#index #sec_4 .imgbox { height:400px;}
}











/*//////////////////


#company


//////////////////*/

/* common */
#company {  }
@media screen and (max-width: 767px) { 
}

/* #sec_1 */
#company #sec_1 {  }
#company #sec_1 .copy.s1 span { margin-left:30px; }
@media screen and (max-width: 767px) { 
}


/* #sec_2 */
#company #sec_2 .list { display:flex; justify-content:space-between; margin-bottom:70px; }
#company #sec_2 .list>li { width:47%; }
#company #sec_2 .list>li .list1>li,
#company #sec_2 .list>li .list2>li { margin-bottom:40px; }
#company #sec_2 .list>li .list1>li:last-child,
#company #sec_2 .list>li .list2>li:last-child { margin-bottom:0px; }
#company #sec_2 .map { height:800px; }
@media screen and (max-width: 1040px) {
	#company #sec_2 .list { display:block; }
	#company #sec_2 .list>li { width:100%; }
	#company #sec_2 .list>li .list1 { margin-bottom:40px; }
	#company #sec_2 .map { height:600px; }
}
@media screen and (max-width: 767px) {
	#company #sec_2 .list { margin-bottom:40px; }
	#company #sec_2 .list>li .list1>li,
	#company #sec_2 .list>li .list2>li { margin-bottom:20px; }
}














/*//////////////////


#business


//////////////////*/

/* common */
#business {  }
@media screen and (max-width: 767px) { 
}


/* #sec_1 */
#business #sec_1 .copy.title { font-size:3.2rem; margin-bottom:60px; }
@media screen and (max-width: 767px) {
	#business #sec_1 .copy.title { font-size:2.0rem; margin-bottom:30px; }
}


/* #sec_2 */
#business #sec_2 .inbox {margin-bottom: 70px;}
#business #sec_2 .list{display:flex; justify-content:space-between;}
#business #sec_2 .list>li{width:47%;}
#business #sec_2 .list>li .num{font-family:'Roboto Condensed', sans-serif;font-size:2.2rem;color:#666;position:relative; padding-left: 30px;}
#business #sec_2 .list>li .num:before{content:""; background:#808080; width:20px; height:1px; position:absolute; display:inline-block; left: 0; top:50%;}
#business #sec_2 .list>li .txt{margin-bottom:30px;}
#business #sec_2 .list>li .inbox {margin-bottom: 20px;}
#business #sec_2 .list>li .inbox .subtitle {margin-bottom: 10px;}
#business #sec_2 .list>li .inbox .subtitle .title { margin-left:0px; }
#business #sec_2 .list>li .sublist{margin-bottom:40px; text-align: left;}
#business #sec_2 .list>li .sublist>li{ margin-right: 1em; }
#business #sec_2 .list>li .subtxt{font-size:1.3rem; text-align:right; margin-top:10px;}
#business #sec_2 .imglist { display: flex; }
#business #sec_2 .imglist li { width: 25%; }
@media screen and (max-width: 1280px) {
	#business #sec_2 .list>li .subtxt{ text-align:left; }
}
@media screen and (max-width: 1040px) {
	#business #sec_2 .list{ display:block; }
	#business #sec_2 .list>li{ width:100%; }
	#business #sec_2 .list>li:first-child{ margin-bottom:60px; }
}
@media screen and (max-width: 767px) {
	#business #sec_2 .inbox {margin-bottom: 40px;}
	#business #sec_2 .list>li:first-child{ margin-bottom:40px; }
	#business #sec_2 .list>li .num{ font-size:1.8rem;}
	#business #sec_2 .list>li .txt{margin-bottom:20px;}
	#business #sec_2 .list>li .sublist{margin-bottom:30px;}
	#business #sec_2 .list>li .subtxt{font-size:1.2rem; text-align:left;}
}
@media screen and (max-width: 639px) {
	#business #sec_2 .list>li .sublist>li{display:block;}
	#business #sec_2 .imglist li { width: 50%; }
}

















/*//////////////////


#english


//////////////////*/

/* common */
#english {  }
#english #swrap_2,
#english #swrap_3 { padding:120px 0; }
@media screen and (max-width: 767px) {
	#english #swrap_2,
	#english #swrap_3 { padding: 80px 0; }
}

/* #sec_1 */
#english #sec_1 {  }
@media screen and (max-width: 767px) { 
}

/* #sec_2 */
#english #sec_2 .list { display:flex; justify-content:space-between; margin-bottom:70px; }
#english #sec_2 .list>li { width:47%; }
#english #sec_2 .list>li .list1>li,
#english #sec_2 .list>li .list2>li { margin-bottom:40px; }
#english #sec_2 .list>li .list1>li:last-child,
#english #sec_2 .list>li .list2>li:last-child { margin-bottom:0px; }
#english #sec_2 .map { height:800px; }
@media screen and (max-width: 1040px) {
	#english #sec_2 .list { display:block; }
	#english #sec_2 .list>li { width:100%; }
	#english #sec_2 .list>li .list1 { margin-bottom:40px; }
	#english #sec_2 .map { height:600px; }
}
@media screen and (max-width: 767px) {
	#english #sec_2 .list { margin-bottom:40px; }
	#english #sec_2 .list>li .list1>li,
	#english #sec_2 .list>li .list2>li { margin-bottom:20px; }
}


/* #sec_3 */
#english #sec_3 .copy.title { font-size:3.2rem; margin-bottom:60px; }
@media screen and (max-width: 767px) {
	#english #sec_3 .copy.title { font-size:2.0rem; margin-bottom:30px; }
}


/* #sec_2 */
#english #sec_4 .inbox {margin-bottom: 70px;}
#english #sec_4 .list{display:flex; justify-content:space-between;}
#english #sec_4 .list>li{width:47%;}
#english #sec_4 .list>li .num{font-family:'Roboto Condensed', sans-serif;font-size:2.2rem;color:#666;position:relative; padding-left: 30px;}
#english #sec_4 .list>li .num:before{content:""; background:#808080; width:20px; height:1px; position:absolute; display:inline-block; left: 0; top:50%;}
#english #sec_4 .list>li .txt{margin-bottom:30px;}
#english #sec_4 .list>li .inbox {margin-bottom: 20px;}
#english #sec_4 .list>li .inbox .subtitle {margin-bottom: 10px;}
#english #sec_4 .list>li .inbox .subtitle .title { margin-left:0px; }
#english #sec_4 .list>li .sublist{margin-bottom:40px; text-align: left;}
#english #sec_4 .list>li .sublist>li{ margin-right: 1em; }
#english #sec_4 .list>li .subtxt{font-size:1.3rem; text-align:right; margin-top:10px;}
#english #sec_4 .imglist { display: flex; }
#english #sec_4 .imglist li { width: 25%; }
@media screen and (max-width: 1280px) {
	#english #sec_4 .list>li .subtxt{ text-align:left; }
}
@media screen and (max-width: 1040px) {
	#english #sec_4 .list{ display:block; }
	#english #sec_4 .list>li{ width:100%; }
	#english #sec_4 .list>li:first-child{ margin-bottom:60px; }
}
@media screen and (max-width: 767px) {
	#english #sec_4 .inbox {margin-bottom: 40px;}
	#english #sec_4 .list>li:first-child{ margin-bottom:40px; }
	#english #sec_4 .list>li .num{ font-size:1.8rem;}
	#english #sec_4 .list>li .txt{margin-bottom:20px;}
	#english #sec_4 .list>li .sublist{margin-bottom:30px;}
	#english #sec_4 .list>li .subtxt{font-size:1.2rem; text-align:left;}
}
@media screen and (max-width: 639px) {
	#english #sec_4 .list>li .sublist>li{display:block;}
	#english #sec_4 .imglist li { width: 50%; }
}














/*//////////////////


#contact.index


//////////////////*/

/* common */
#contact #footer .contactbox { display: none; }

/* #sec_ */
/*#contact.index .copy.title { font-size:3.2rem; margin-bottom:60px; background: red;}
@media screen and (max-width: 767px) {
}
*/
#contact #mainv .pagetitle { color: #666; }
#contact #mainv .pagetitle:before {background: #666; }
#contact #mainv .mainbox .txtbox { display: block; background:none; height: auto; margin-right: 0; margin-top: 90px; width: auto; }
#contact #mainv .mainbox { align-items: flex-start; flex-direction: column; }
#contact #mainv .mainbox .txt1 { margin-top: 30px; }

#contact #main #sec_1 .telbox .txt1 { font-family:'Roboto Condensed', sans-serif; font-size:3.2rem; color:#666; line-height: 1; letter-spacing: 0.1em; display: inline-block; text-align: left; }
#contact #main #sec_1 .telbox .txt1.tel { font-size:4.8rem; letter-spacing: 0.05em; line-height: 1; margin-right: 20px; }
#contact #main #sec_1 .telbox .txt2 { display: inline-block; line-height: 1; }
@media screen and (max-width: 1040px) {
	#contact #main #sec_1 .telbox .txt1 { }
	#contact #main #sec_1 .telbox .txt2 { margin-left: 0; }
}
@media screen and (max-width: 767px) {
	#contact #main #sec_1 .telbox .txt1 { font-size:2rem; }
	#contact #main #sec_1 .telbox .txt1.tel { font-size:2.8rem; }
	#contact #main #sec_1 .telbox .txt2 { line-height: 1.6;}
}
@media screen and (max-width: 500px) {
}



/* formbox */
#contact #sec_form .formbox>ul { }
#contact #sec_form .formbox>ul>li { margin-bottom: 20px; }
#contact #sec_form .formbox>ul>li:last-child { margin-bottom: 0 }
#contact #sec_form .formbox>ul>li>dl { display: flex; justify-content: space-between; }
#contact #sec_form .formbox>ul>li>dl>dt { width: 370px; padding-top: 25px; font-family: 'Noto Sans JP', sans-serif; font-size:2.0rem; line-height:1.6; letter-spacing: 0.1em; display: inline-block; }
#contact #sec_form .formbox>ul>li>dl>dt { padding-top: 25px; }
#contact #sec_form .formbox>ul>li>dl>dt .en { font-size: 1.8rem; font-family: Roboto, 'Roboto', sans-serif; letter-spacing: 0.05em; margin-right: 15px; }
#contact #sec_form .formbox.check>ul>li>dl>dt { padding-top: 0; }
#contact #sec_form .formbox>ul>li>dl>dd { width: calc(100% - 400px); }
#contact #sec_form .formbox>ul>li>dl>dd>ul.tategroup>li { margin-bottom: 10px }
#contact #sec_form .formbox>ul>li>dl>dd>ul.tategroup>li:last-child { margin-bottom: 0; }
#contact #sec_form .formbox>ul>li>dl>dd>ul.yoko>li{ margin-left: 20px; display: inline-block; }
#contact #sec_form .formbox>ul>li>dl>dd>ul.yoko{ margin-left: -20px }
form .policy { padding: 40px; background: #f7f7f7; height: 200px; overflow: scroll; margin-bottom: 60px; }
@media screen and (max-width: 1040px) { 
	#contact #sec_form .formbox>ul>li>dl{ flex-direction: column }
	#contact #sec_form .formbox>ul>li>dl>dt{ width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 10px; font-size:1.6rem; }
	#contact #sec_form .formbox>ul>li>dl>dd{ width: 100%; }
	#contact #sec_form .formbox>ul>li>dl>dt .en { font-size: 1.6rem; }
	form .policy { padding: 8%; }
}
@media screen and (max-width: 639px) { 
	#contact #sec_form .formbox>ul>li>dl>dd>ul.yoko>li{ display: block; }
}

/* radiocheck */
#contact #sec_form .formbox>ul>li.radiocheck { padding: 35px 0; }
#contact #sec_form .formbox>ul>li.radiocheck>dl { padding-bottom: 45px; }
#contact #sec_form .formbox>ul>li.radiocheck>dl:last-child { padding-bottom: 0px; }
#contact #sec_form .formbox>ul>li.radiocheck>dl>dt { padding-top: 0; }
#contact #sec_form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
@media screen and (max-width: 1040px) { 
	#contact #sec_form .formbox>ul>li.radiocheck { padding: 20px 0; }
	#contact #sec_form .formbox>ul>li.radiocheck>dl { padding-bottom: 30px; }
	#contact #sec_form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
}

/* #sec_intro
#contact #sec_intro .box { margin-top: 40px; text-align: center; }
#contact #sec_intro .tel { font-size: 38px; line-height: 1.5; }
#contact #sec_intro .txt_thanks { font-size: 18px; text-align: center; }
@media screen and (max-width: 767px) { 
	#contact #sec_intro .box { margin-top: 30px; }
	#contact #sec_intro .tel { font-size: 28px; }
	#contact #sec_intro .txt_thanks { font-size: 15px; }
}
#contact #sec_intro .telbox { display: flex; justify-content: center; align-items: center; }
#contact #sec_intro .telbox .tel { color: #004680; font-size: 28px; font-weight: bold; line-height: 1; margin-right: 10px; }
#contact #sec_intro .telbox svg { width: 20px; height: 35px; margin: -4px 5px 0 10px; fill: #004680; }
@media screen and (max-width: 1040px) { 
	#contact #sec_intro .telbox { display: block; text-align: center; }
	#contact #sec_intro .txt1 { display: block; margin-bottom: 5px; }
	#contact #sec_intro .txt2 { display: block; margin-top: 10px; }
	#contact #sec_intro .telbox .tel { vertical-align: middle; }
	#contact #sec_intro .telbox svg { margin: -4px 0 0; vertical-align: middle; }
}
 */

/* #sec_form */
#contact #sec_form .txt1 { margin-bottom: 40px; }
#contact #sec_form .txt1.s1 { margin-bottom: 40px; margin-top: 120px; }
#contact #sec_intro .txt_thanks { margin-top: 120px; text-align: center; font-size: 2.0rem; font-weight: bold; }
@media screen and (max-width: 767px) { 
	#contact #sec_form .txt1 { margin-bottom: 20px; }
	#contact #sec_form .txt1.s1 { margin-bottom: 40px; margin-top: 80px; }
	#contact #sec_intro .txt_thanks { margin-top: 80px; }
}