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






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


#index


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

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

/* #sec_1 */
#index #sec_1 .incnt{ max-width: 1185px; }
#index #sec_1 .box1{ margin-bottom: 80px; position: relative; }
#index #sec_1 .box1 .txtbox1{ width: 720px; }
#index #sec_1 .box1 .txtbox1 .copy{ font-size: 1.88em; font-weight: bold; color: #3c2717; line-height: 1.6; margin-bottom: 30px; }
#index #sec_1 .box1 .txtbox1 .copy span{ font-weight: bold; }
#index #sec_1 .box1 .txtbox1 .list{ margin-top: 40px; margin-left: -7px; margin-bottom: -7px; }
#index #sec_1 .box1 .txtbox1 .list>li{ display: inline-block; margin-left: 7px; margin-bottom: 7px; }
#index #sec_1 .box1 .txtbox1 .list>li a{ width: 266px; }
#index #sec_1 .box1 .img{ position: absolute; right: 30px; bottom: -50px; width: calc(100% - 740px); text-align: center; }
#index #sec_1 .box1 .img img{ width: 380px; }
#index #sec_1 .linklist1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-left: -20px; }
#index #sec_1 .linklist1>li{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: calc(33.3% - 20px); margin-left: 20px; }
#index #sec_1 .linklist1>li>a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; border: 1px solid #3c2717; color: #3c2717; font-size: 1.5em; position: relative; text-decoration: none; width: 100%; height: 238px; }
#index #sec_1 .linklist1>li>a .subtitle{  font-style: italic; }
#index #sec_1 .linklist1>li>a .title{ font-weight: bold; }
#index #sec_1 .linklist1>li>a svg{ width: 20px; height: 10px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 25px; }
#index #sec_1 .linklist1>li>a svg .arr1_st { stroke:#3c2717; transition: 0.3s; }
#index #sec_1 .linklist1>li>a:hover{ opacity: 1; background: #3c2717; color: #fff; }
#index #sec_1 .linklist1>li>a:hover svg .arr1_st { stroke:#fff; }
@media screen and (max-width: 1200px) { 
	#index #sec_1 .box1 .txtbox1{ width: 61%; }
	#index #sec_1 .box1 .img{ width: 36%; }
	#index #sec_1 .box1 .basehide{ display: none; }
}
@media screen and (max-width: 1040px) { 
	#index #sec_1 .box1 .txtbox1,
	#index #sec_1 .box1 .img{ width: 100%; }
	#index #sec_1 .box1 .img{ text-align: center; margin-top: 0; position: static; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#index #sec_1 .box1 .img img{ max-width: 300px; width: 100%; }
	#index #sec_1 .box1 .txtbox1 .list{ text-align: center; }
	#index #sec_1 .linklist1{ display: block; margin-left: 0; }
	#index #sec_1 .linklist1>li{ width: 100%; margin-left: 0; margin-bottom: 20px; }
	#index #sec_1 .linklist1>li>a{ padding: 30px 6%; height: auto; }
}
@media screen and (max-width: 767px) { 
	#index #sec_1 .box1 .txtbox1 .copy{ font-size: 1.4em; margin-bottom: 20px; }
	#index #sec_1 .box1 .txtbox1 .list{ margin-top: 30px; }
	#index #sec_1 .linklist1>li>a{ padding: 20px 6%; font-size: 1.25em; }
	#index #sec_1 .box1{ margin-bottom: 40px; }
}

/* #sec_2 */
#index #swrap_2{ background: #f8f7f3; }
#index #swrap_2 #sec_2 .incnt{ max-width: 880px; }
#index #swrap_2 #sec_2 .titlebox1{ margin-bottom: 25px; position: relative; }
#index #swrap_2 #sec_2 .titlebox1 .subtitle{ color: #3c2717; font-size: 1.5em; font-style: italic; }
#index #swrap_2 #sec_2 .titlebox1 .title{ color: #3c2717; font-size: 2em; font-weight: bold; line-height: 1.6; }
#index #swrap_2 #sec_2 .titlebox1 .link{ position: absolute; right: 0; bottom: 0; }
@media screen and (max-width: 767px) { 
	#index #swrap_2 #sec_2 .titlebox1{ margin-bottom: 25px; }
	#index #swrap_2 #sec_2 .titlebox1 .subtitle{ font-size: 1.25em; }
	#index #swrap_2 #sec_2 .titlebox1 .title{ font-size: 1.5em; }
	#index #swrap_2 #sec_2 .titlebox1 .link{ position: static; text-align: right; }
}





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


#about.about


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

/* common */

/* #sec_1 */
#about.about #sec_1{  }
#about.about #sec_1 .img{ text-align: center; }
#about.about #sec_1 .img img{ max-width: 600px; width: 100%; }
#about.about #sec_1 .copytxt{ margin-top: 20px; text-align: center; }
#about.about #sec_1 .copytxt>li{ display: inline-block; padding-right: 90px; position: relative; }
#about.about #sec_1 .copytxt>li:after{ content:""; background: url(../img/about/s1_img8.svg) no-repeat; -webkit-background-size: contain; background-size: contain; display: inline-block; width: 24px; height: 50px; position: absolute; top: 30px; right: 40px; }
#about.about #sec_1 .copytxt>li:last-child{ padding-right: 0; }
#about.about #sec_1 .copytxt>li:last-child:after{ content:none; }
#about.about #sec_1 .copytxt>li .sub{ height: 20px; margin-bottom: 10px; }
#about.about #sec_1 .copytxt>li .sub,
#about.about #sec_1 .copytxt>li .title{ text-align: center; line-height: 1; }
#about.about #sec_1 .copytxt>li:nth-child(1) .sub img{ width: 32px; height: 14px; }
#about.about #sec_1 .copytxt>li:nth-child(1) .title img{ width: 54px; height: 56px; }
#about.about #sec_1 .copytxt>li:nth-child(2) .sub img{ width: 28px; height: 16px; }
#about.about #sec_1 .copytxt>li:nth-child(2) .title img{ width: 58px; height: 56px; }
#about.about #sec_1 .copytxt>li:nth-child(3) .sub img{ width: 14px; height: 14px; }
#about.about #sec_1 .copytxt>li:nth-child(3) .title img{ width: 56px; height: 56px; }
#about.about #sec_1 .copytxt>li .txt{ text-align: center; margin-top: 20px; }
#about.about #sec_1 .cnt{  }
#about.about #sec_1 .cnt p{ text-align: center; margin-top: 35px; }
@media screen and (max-width: 767px) { 
	#about.about #sec_1 .copytxt>li{ padding-right: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin-bottom: 20px;  }
	#about.about #sec_1 .copytxt>li .titlebox{ margin-right: 20px; width: 60px; }
	#about.about #sec_1 .copytxt>li:last-child{ margin-bottom: 0; }
	#about.about #sec_1 .copytxt>li:after{ content: none; }
	#about.about #sec_1 .copytxt>li .txt{ text-align: left; width: calc(100% - 70px); margin-top: 30px; }
	#about.about #sec_1 .cnt p{ text-align: left; }
}

/* #sec_2 */
#about.about #sec_2{  }
#about.about #sec_2 .copy{ font-size: 1.5em; font-weight: bold; color: #3c2717; line-height: 1.6; margin-bottom: 30px; }
#about.about #sec_2 .img{ margin-top: 50px; }
@media screen and (max-width: 767px) { 
	#about.about #sec_2 .copy{ margin-bottom: 20px; }
	#about.about #sec_2 .img{ margin-top: 30px; }
}


/* #sec_3 */
#about.about #sec_3{  }
#about.about #sec_3 .list{  }
#about.about #sec_3 .list>li{ margin-top: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: space-between; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }
#about.about #sec_3 .list>li:first-child{ margin-top: 0; }
#about.about #sec_3 .list .txtbox{ width: calc(100% - 570px) }
#about.about #sec_3 .list .txtbox .copy{ margin-bottom: 30px; line-height: 1; }
#about.about #sec_3 .list .txtbox .copy img{ width: 342px; height: 38px; }
#about.about #sec_3 .list .txtbox .link{ margin-top: 20px; }
#about.about #sec_3 .list .imgbox{ width: 500px; }
@media screen and (max-width: 1040px) { 
	#about.about #sec_3 .list>li{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 30px; }
	#about.about #sec_3 .list .txtbox{ width: 100%; margin-top: 20px; max-width: 500px; }
	#about.about #sec_3 .list .imgbox{ width: 100%; text-align: center; }
	#about.about #sec_3 .list .imgbox img{ max-width: 500px; width: 100%; }
	#about.about #sec_3 .list .txtbox .copy{ margin-bottom: 20px; }
	#about.about #sec_3 .list .txtbox .copy img{ max-width: 200px; width: 100%; height: auto; }
/*	#about.about #sec_3 .list>li{ display: block; margin-top: 20px; }
	#about.about #sec_3 .list .txtbox{ width: 100% }
	#about.about #sec_3 .list .imgbox{ width: 100%; margin-top: 30px; }
	#about.about #sec_3 .list .imgbox{ max-width: 500px; width: 100%; }
	#about.about #sec_3 .list .txtbox .copy{ margin-bottom: 20px; }
	#about.about #sec_3 .list .txtbox .copy img{ max-width: 200px; width: 100%; height: auto; }
	#about.about #sec_3 .list{ position: relative; padding-bottom: 300px; }
	#about.about #sec_3 .list>li .imgbox{ position: absolute; bottom: 0; width: 48%; margin-top: 0; }
	#about.about #sec_3 .list>li:nth-child(1) .imgbox{ left: 0; }
	#about.about #sec_3 .list>li:nth-child(2) .imgbox{ right: 0; }*/
}
@media screen and (max-width: 767px) { 
}





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


#about.plan


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

/* common */

/* #sec_1 */
#about.plan #sec_1{  }
#about.plan #sec_1 .img{ text-align: center; margin-bottom: 40px; }
#about.plan #sec_1 .img img{ max-width: 460px; width: 100%; }
#about.plan #sec_1 .copy1{ text-align: center; margin-bottom: 25px; }
#about.plan #sec_1 .copy1 img{ width: 542px; height: 52px; }
#about.plan #sec_1 .copy2{ line-height: 1.6; text-align: center; font-weight: bold; font-size: 1.5em; margin-bottom: 20px; }
#about.plan #sec_1 .copy2 span{ font-weight: bold; }
#about.plan #sec_1 .txt{ text-align: center; }
#about.plan #sec_1 .box1{ margin-top: 50px; border: 1px solid #d8d4d1; padding: 40px 50px 60px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
#about.plan #sec_1 .box1 .list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
#about.plan #sec_1 .box1 .list>li{ width: calc(33.3% - 15px); margin-left: 15px; }
#about.plan #sec_1 .box1 .list>li .icon{ text-align: center; margin-bottom: 15px; }
#about.plan #sec_1 .box1 .list>li .icon img{ width: auto; height: 82px; }
#about.plan #sec_1 .box1 .list>li .title{ font-size: 1.5em; font-weight: bold; line-height: 1.6; text-align: center; color: #3c2717; margin-bottom: 10px; }
#about.plan #sec_1 .box1 .list>li .txt{ font-weight: bold; text-align: left; }
#about.plan #sec_1 .box1 .linklist{ margin-left: -10px; position: absolute; bottom: -30px; left: 0; right: 0; text-align: center; }
#about.plan #sec_1 .box1 .linklist>li{ display: inline-block; margin-left: 10px; }
@media screen and (max-width: 1040px) { 
	#about.plan #sec_1 .copy1 img{ width: 70%; height: auto; max-width: 542px; }
	#about.plan #sec_1 .box1{ padding: 10px 6% 60px; }
	#about.plan #sec_1 .box1 .list{ display: block; }
	#about.plan #sec_1 .box1 .list>li{ width: 100%; margin-left: 0; margin-top: 30px; }
	#about.plan #sec_1 .box1 .list>li .txt{ text-align: center; }
}
@media screen and (max-width: 767px) { 
	#about.plan #sec_1 .img{ margin-bottom: 30px; }
	#about.plan #sec_1 .copy1{ margin-bottom: 10px; }
	#about.plan #sec_1 .copy2{ margin-bottom: 10px; font-size: 1.25em; }
	#about.plan #sec_1 .box1{ margin-top: 40px; }
	#about.plan #sec_1 .copy1 img{ width: 100%; max-width: 400px; }
	#about.plan #sec_1 .box1 .list>li .txt{ text-align: left; }
}
@media screen and (max-width: 639px) { 
	#about.plan #sec_1 .txt{ text-align: left; }
	#about.plan #sec_1 .box1{ padding: 0 6% 20px; }
	#about.plan #sec_1 .box1 .linklist{ position: static; margin-top: 30px; }
	#about.plan #sec_1 .box1 .linklist>li{ margin-bottom: 10px; }
	#about.plan #sec_1 .copy2{ font-size: 1.1em; line-height: 1.8; }
	#about.plan #sec_1 .box1{ margin-top: 30px; }
	#about.plan #sec_1 .box1 .list>li .title{ font-size: 1.25em; margin-bottom: 5px; }
	#about.plan #sec_1 .box1 .list>li .txt{ font-weight: normal; }
}


/* #sec_2 */
#about.plan #sec_2{  }
#about.plan #sec_2 .list{ margin-top: 40px; }
#about.plan #sec_2 .list>li{ margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f5f4f3; padding: 30px 35px 30px 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; }
#about.plan #sec_2 .list>li .img{ width: 41%; }
#about.plan #sec_2 .list>li .txtbox1{ width: 52%; }
#about.plan #sec_2 .list>li .txtbox1 .copy{ font-size: 1.5em; font-weight: bold; line-height: 1.6; color: #3c2717; margin-bottom: 10px; }
#about.plan #sec_2 .list>li .txtbox1 .txt{ font-weight: bold; }
@media screen and (max-width: 1040px) { 
	#about.plan #sec_2 .list>li{ -ms-align-items: stretch; align-items: stretch; }
	#about.plan #sec_2 .list>li .img{ width: 42%; }
	#about.plan #sec_2 .list>li .txtbox1{ width: 54%; padding-top: 10px; padding-bottom: 10px; }
	#about.plan #sec_2 .list>li .img img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ object-position: 50% 50% }

}
@media screen and (max-width: 767px) { 
	#about.plan #sec_2 .list>li{ display: block; padding: 20px 20px; }
	#about.plan #sec_2 .list>li .img,
	#about.plan #sec_2 .list>li .txtbox1{ width: 100%; }
	#about.plan #sec_2 .list>li .txtbox1{ margin-top: 20px; padding-top: 0; padding-bottom: 0; }
	#about.plan #sec_2 .list>li .img{ text-align: center; }
	#about.plan #sec_2 .list>li .txtbox1 .txt{ font-weight: normal; }
}





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


#about.flow


//////////////////*/
/* common */
#about.flow .flowlist{ margin-top: 20px; }





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


#contact


//////////////////*/
/* common */
#contact .formbox1{ margin-top: 40px; margin-bottom: 55px; }
#contact .formbox1>ul{ margin-bottom: -10px; }
#contact .formbox1>ul>li{ margin-bottom: 10px; }
#contact .formbox1>ul>li>dl{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; }
#contact .formbox1>ul>li>dl>dt{ width: 280px; }
#contact.index .formbox1>ul>li>dl>dt{ margin-top: 20px; }
#contact .formbox1>ul>li>dl>dd{ width: calc(100% - 300px) }
#contact .formbox1>ul>li>dl>dd .width_longshort{ max-width: 370px; width: 100%; }
#contact .formbox1>ul>li>dl>dd .short{ max-width: 250px; width: 100%; }
#contact .btnarea{ margin-top: 70px; }
#contact .btnarea ul{ margin-left: -10px; text-align: center; }
#contact .btnarea li{ margin-left: 10px; display: inline-block; }
#contact .submit,
#contact .button { text-decoration: none!important; position: relative; color: #fff; background: #3c2717; border-radius: 40px; padding: 17px 57px; border: 1px solid #3c2717; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; text-align: center; font-size: 100%; font-weight: bold; }
#contact .button{ background: #d6c3a9; border: 1px solid #d6c3a9; }
#contact .submit:hover{ background: #fff; color: #3c2717; }
#contact .button:hover{ background: #fff; color: #d6c3a9; }
@media screen and (max-width: 1040px) { 
	#contact .formbox1>ul{ margin-bottom: -20px; }
	#contact .formbox1>ul>li{ margin-bottom: 20px; }
	#contact .formbox1>ul>li>dl{ display: block; }
	#contact .formbox1>ul>li>dl>dt{ width: 100%; margin-bottom: 10px; }
	#contact.index .formbox1>ul>li>dl>dt{ margin-top: 0; }
	#contact .formbox1>ul>li>dl>dd{ width: 100% }
}
@media screen and (max-width: 767px) { 
	#contact .btnarea{ margin-top: 40px; }
	#contact .submit,
	#contact .button{ padding: 16px 6%; width: 100%; max-width: 260px; }
	#contact .btnarea ul{ margin-left: 0; margin-bottom: -10px; }
	#contact .btnarea li{ display: block; margin-left: 0; margin-bottom: 10px; }
}

/* sec_1 */
#contact.index #sec_1 {  }
#contact.index #sec_1 .txt{ font-size: 1.5em; line-height: 1.6; font-weight: bold; margin-top: 25px; }
#contact.index #sec_1 .txt a{ text-decoration: none; font-weight: bold; color:inherit!important; }
#contact.index #sec_1 .txt a:hover{ opacity: 1; }
@media screen and (max-width: 767px) { 
	#contact.index #sec_1 .txt{ font-size: 1.25em; }
}

/* sec_2 */
#contact.index #sec_2 {  }
#contact.index #sec_2 {  }





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


#company


//////////////////*/
/* sec_1 */
#company #sec_1 .box1{ background: #f7f7f7; padding: 50px 80px; }
#company #sec_1 .box1>ul{ margin-bottom: -30px; }
#company #sec_1 .box1>ul>li{ margin-bottom: 30px; }
#company #sec_1 .box1>ul>li>dl{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
#company #sec_1 .box1>ul>li>dl>dt{ width: 140px;  }
#company #sec_1 .box1>ul>li>dl>dd{ width: calc(100% - 150px) }
#company #sec_1 .box1 ol._2{ font-size: 0.94em; }
#company #sec_1 .box1 ol._2>li{ padding-left: 1em!important; text-indent: -1em; }
#company #sec_1 .box1 a{ text-decoration: none; }
#company #sec_1 .link { margin-top: 60px; text-align: center; }
@media screen and (max-width: 1040px) { 
	#company #sec_1 .box1{ background: #f7f7f7; padding: 30px 6%; }
	#company #sec_1 .box1>ul{ margin-bottom: -20px; }
	#company #sec_1 .box1>ul>li{ margin-bottom: 20px; }
	#company #sec_1 .box1>ul>li>dl{ display: block; }
	#company #sec_1 .box1>ul>li>dl>dt{ width: 100%;  }
	#company #sec_1 .box1>ul>li>dl>dd{ width: 100% }
}
@media screen and (max-width: 767px) { 
}