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






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


#index


//////////////////*/
@media screen and (max-width: 1040px){
	.secwrap { padding: 50px 0; }
}
@media screen and (max-width: 767px){
	.secwrap { padding: 40px 0; }
}

#index #sec_1{  }
#index #sec_1>.incnt{  }
#index #sec_1>.incnt>.inwrap{ 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; }
#index #sec_1 .copybox{  }
#index #sec_1 .copybox>.incnt>.inwrap{ width: 386px; }
#index #sec_1 .copybox .maincopy{ font-weight: bold; font-size: 2.4rem; letter-spacing: 0.3em; }
#index #sec_1 .copybox .subcopy{ font-size: 1.4rem; margin-top: 10px; letter-spacing: 0.15em; }
#index #sec_1 .copybox .img{ margin-top: 40px; }
#index #sec_1 .copybox .img img{ max-width: 183px; width: 100%; }
#index #sec_1 .txtbox{ width: calc(100% - 390px); position: relative; }
#index #sec_1 .txtbox .txt{ font-size: 1.8rem; line-height: 2.5; }
#index #sec_1 .txtbox .linklist{ margin-top: 50px; margin-left: -30px; margin-bottom: -20px; }
#index #sec_1 .txtbox .linklist>li{ margin-left: 30px; display: inline-block; vertical-align: middle; margin-bottom: 20px; }
#index #sec_1 .txtbox .linklist>li>a{  }
@media screen and (max-width: 1040px){
	#index #sec_1>.incnt>.inwrap{ display: block; }
	#index #sec_1 .copybox{ margin-bottom: 30px; }
	#index #sec_1 .copybox>.incnt>.inwrap{ width: 100%; position: relative; }
	#index #sec_1 .copybox .img{ position: absolute; top: 0; right: 0; }
	#index #sec_1 .txtbox{ width: 100%; }
	#index #sec_1 .txtbox .txt .br1{ display: none; }
}
@media screen and (max-width: 767px){
	#index #sec_1 .copybox .maincopy{ font-size: 2rem; }
	#index #sec_1 .copybox .subcopy{ font-size: 1rem; }
	#index #sec_1 .txtbox .txt{ font-size: 1em; }
	#index #sec_1 .txtbox .linklist{ margin-left: -20px; }
	#index #sec_1 .txtbox .linklist>li{ margin-left: 20px; }
}
@media screen and (max-width: 550px){
	#index #sec_1 .copybox .img{ display: none; }
}
@media screen and (max-width: 479px){
	#index #sec_1 .txtbox .linklist{ margin-top: 20px; }
	#index #sec_1 .txtbox .linklist{ margin-bottom: -10px; }
	#index #sec_1 .txtbox .linklist>li{ margin-bottom: 10px; }
}



#index #sec_2{  }
#index #sec_2 .list{  }
#index #sec_2 .list>ul{ 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; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-bottom: -10px; }
#index #sec_2 .list>ul>li{ margin-left: 10px; margin-bottom: 10px; }
#index #sec_2 .list>ul>li:nth-child(1){ width: calc(30.5% - 10px); }
#index #sec_2 .list>ul>li:nth-child(2){ width: calc(44.9% - 10px); }
#index #sec_2 .list>ul>li:nth-child(3){ width: calc(24.6% - 10px); }
#index #sec_2 .list>ul>li>img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; }
#index #sec_2 .list>ul>li:nth-child(4){ width: calc(26.1% - 10px); }
#index #sec_2 .list>ul>li:nth-child(5),
#index #sec_2 .list>ul>li:nth-child(6){ width: calc(21.6% - 10px); }
#index #sec_2 .list>ul>li:nth-child(7){ width: calc(30.7% - 10px); }
@media screen and (max-width: 1040px){
	#index #sec_2 .list>ul{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
}
@media screen and (max-width: 767px){
	#index #sec_2 .list>ul>li,
	#index #sec_2 .list>ul>li:nth-child(1),
	#index #sec_2 .list>ul>li:nth-child(5){ width: calc(51% - 10px); }
	#index #sec_2 .list>ul>li:nth-child(2n),
	#index #sec_2 .list>ul>li:nth-child(6){ width: calc(49% - 10px); }
	#index #sec_2 .list>ul>li:nth-child(3n),
	#index #sec_2 .list>ul>li:nth-child(7){ width: calc(49% - 10px); }
	#index #sec_2 .list>ul>li:nth-child(4n){ width: calc(51% - 10px); }
	#index #sec_2 .list>ul>li:nth-child(7){ width: 100%; }
}


#index .indexsecbox{ text-align: center; margin-bottom: 50px; }
#index .indexsecbox .sectitle{ font-weight: bold; font-size: 2.4rem; letter-spacing: 0.2em; }
#index .indexsecbox .subsectitle{ font-size: 1.4rem; margin-top: 5px; letter-spacing: 0.15em; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#index .indexsecbox{ margin-bottom: 30px; }
	#index .indexsecbox .sectitle{ font-size: 2rem; }
	#index .indexsecbox .subsectitle{ font-size: 1rem; }
}


#index #sec_3{  }
#index #sec_3 .link{ text-align: center; margin-top: 60px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 479px){
	#index #sec_3 .link{ margin-top: 40px; }
}


#index #sec_4{  }
#index #sec_4 .incnt>.inwrap{ 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; }
#index #sec_4 .incnt>.inwrap>.insec{ width: 48%; }
#index #sec_4 .indexsecbox{  }
#index #sec_4 .indexsecbox .sectitle{ text-align: left; }
#index #sec_4 .indexsecbox .subsectitle{ text-align: left; }
#index #sec_4 .bloglist{ overflow: hidden; }
#index #sec_4 .bloglist>ul{ margin-bottom: -25px; }
#index #sec_4 .bloglist>ul>li{ margin-bottom: 25px; }
#index #sec_4 .bloglist>ul>li>a{ 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; text-decoration: none; }
#index #sec_4 .bloglist>ul>li .img{ width: 180px; height: 125px; }
#index #sec_4 .bloglist>ul>li .img>img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; }
#index #sec_4 .bloglist>ul>li .txtbox{ padding-top: 20px; padding-bottom: 20px; width: calc(100% - 210px) }
#index #sec_4 .bloglist>ul>li .txtbox .date{ font-size: 1.2rem; }

#index #sec_4 .link{ margin-top: 50px; text-align: center; }
@media screen and (max-width: 1040px){
	#index #sec_4 .incnt>.inwrap{ display: block; }
	#index #sec_4 .incnt>.inwrap>.insec{ width: 100%; margin-bottom: 80px; }
	#index #sec_4 .link{  }
}
@media screen and (max-width: 767px){
	#index #sec_4 .incnt>.inwrap>.insec{ margin-bottom: 60px; }
	#index #sec_4 .bloglist>ul>li .txtbox .date{ font-size: 1.1rem; }
	#index #sec_4 .link{ margin-top: 30px; }
}
@media screen and (max-width: 479px){
	#index #sec_4 .bloglist>ul>li .img{ width: 130px; height: auto; }
	#index #sec_4 .bloglist>ul>li .txtbox{ padding-top: 10px; padding-bottom: 10px; width: calc(100% - 150px) }
}






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


#vision


//////////////////*/
#vision #sec_1 .txt{ font-size: 1.8rem; line-height: 2.3; text-align: center; }
@media screen and (max-width: 1040px){
	#vision #sec_1 .txt{ font-size: 1.6rem; line-height: 2.2;  }
}
@media screen and (max-width: 767px){
	#vision #sec_1 .txt{ text-align: left; }
}
@media screen and (max-width: 479px){
}

#vision #sec_2 .list{  }
#vision #sec_2 .incnt{ max-width: 1060px; }
#vision #sec_2 .list>li{ 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: -12px; padding-right: 20px; justify-content: space-between; -ms-align-items: center; align-items: center; }
#vision #sec_2 .list>li:last-child{ margin-bottom: 0; }
#vision #sec_2 .list>li:nth-child(even){ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; padding-right: 0; padding-left: 20px; }
#vision #sec_2 .list .txtbox{ width: 47%; }
#vision #sec_2 .list .txtbox .title{ font-weight: bold; font-size: 2rem; margin-bottom: 15px; line-height: 1.8; }
#vision #sec_2 .list .txtbox .title span{ font-weight: bold; }
#vision #sec_2 .list .txtbox .txt{  }
#vision #sec_2 .list .imgbox{ width: 48%; }
#vision #sec_2 .list .imgbox .img{ position: relative; }
#vision #sec_2 .list .imgbox .img img{  }
#vision #sec_2 .list .icon{ display: inline-block; line-height: 1; padding: 11px 13px 8px 15px; font-size: 1.2rem; color: #fff; position: absolute; letter-spacing: 0.3em; }
#vision #sec_2 .list>li:nth-child(1){ padding-right: 70px; }
#vision #sec_2 .list>li:nth-child(1) .icon{ background: #61B56F; left: -20px; bottom: 40px; }
#vision #sec_2 .list>li:nth-child(2){ margin-bottom: -40px; width: calc(100% + 20px) }
#vision #sec_2 .list>li:nth-child(2) .icon{ background: #E2CA1C; right: -50px; bottom: 60px; }
#vision #sec_2 .list>li:nth-child(2) .txtbox{ width: 42%; }
#vision #sec_2 .list>li:nth-child(3){ padding-left: 60px; }
#vision #sec_2 .list>li:nth-child(3) .imgbox{ width: 49%; }
#vision #sec_2 .list>li:nth-child(3) .icon{ background: #893525; left: -50px; top: 80px; }
#vision #sec_2 .list>li:nth-child(3) .txtbox{ padding-top: 140px; }
@media screen and (max-width: 1200px){
	#vision #sec_2 .list>li{ padding-right: 0; margin-bottom: 0; }
	#vision #sec_2 .list>li:nth-child(even){ padding-left: 0; }
	#vision #sec_2 .list>li:nth-child(1){ padding-right: 0; }
	#vision #sec_2 .list>li:nth-child(2){ margin-bottom: 0; width: 100%; }
	#vision #sec_2 .list>li:nth-child(3){ padding-left: 0; }
}
@media screen and (max-width: 1100px){
	#vision #sec_2 .list>li:nth-child(2) .txtbox{ width: 44%; }
	#vision #sec_2 .list>li:nth-child(2) .icon{ right: -20px; }
	#vision #sec_2 .list>li:nth-child(3) .icon{ left: -20px; top: 60px; }
}
@media screen and (max-width: 1040px){
	#vision #sec_2 .list>li{ margin-bottom: 20px; }
	#vision #sec_2 .list>li:nth-child(3) .txtbox{ padding-top: 0; }
	#vision #sec_2 .list>li:nth-child(2) .txtbox,
	#vision #sec_2 .list .txtbox{ width: calc(48% - 20px); }
	#vision #sec_2 .list>li:nth-child(3) .imgbox,
	#vision #sec_2 .list .imgbox{ width: calc(48% - 20px); }
	#vision #sec_2 .list .txtbox .title{ font-size: 1.8rem; }
	/*#vision #sec_2 .list>li{ position: relative; margin-bottom: 20px; padding-right: 140px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#vision #sec_2 .list>li:nth-child(even){ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
	#vision #sec_2 .list .txtbox{ width: 100%!important; height: 400px; 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; justify-content: center; }
	#vision #sec_2 .list .imgbox{ position: absolute; top: 0; bottom: 0; right: 0; margin-top: auto; margin-bottom: auto; z-index: -1; width: 100%!important; text-align: right; }
	#vision #sec_2 .list>li .imgbox .img{ display: inline-block; }
	#vision #sec_2 .list>li:nth-child(even) .imgbox{ text-align: left; }
	#vision #sec_2 .list .imgbox .img:before{ content: ""; background: rgba(255, 255, 255,.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
	#vision #sec_2 .list .icon{ z-index: 10; }
	#vision #sec_2 .list .imgbox .img img{ height: 400px; width: auto; }
	#vision #sec_2 .list>li:nth-child(even){ padding-right: 0!important; padding-left: 140px!important; }
	#vision #sec_2 .list>li:nth-child(even) .imgbox{ left: 0; right: auto; }
	#vision #sec_2 .list>li:nth-child(3) .txtbox{ padding-top: 0; }
	#vision #sec_2 .list>li:nth-child(1) .icon{ top: 40px; bottom: auto; }
	#vision #sec_2 .list>li:nth-child(2) .icon{ bottom: auto; top: 40px; }
	#vision #sec_2 .list>li:nth-child(3) .icon{ top: 40px; bottom: auto; }*/
}
@media screen and (max-width: 767px){
	#vision #sec_2 .list .imgbox{ text-align: center!important; }
	#vision #sec_2 .list>li{ padding-right: 0!important; display: block; margin-bottom: 40px; }
	#vision #sec_2 .list>li:nth-child(2){ margin-bottom: 40px; }
	#vision #sec_2 .list>li:nth-child(even){ padding-right: 0!important; padding-left: 0!important; }
	#vision #sec_2 .list .icon{  position: static; }
	#vision #sec_2 .list .txtbox .subtitle1,
	#vision #sec_2 .list .txtbox .title{ text-align: center; }
	#vision #sec_2 .list .txtbox .subtitle1{ margin-bottom: 15px; }
	#vision #sec_2 .list .imgbox,
	#vision #sec_2 .list .txtbox{ width: 100% !important; }
	#vision #sec_2 .list .txtbox { margin-bottom: 20px; height: auto; }
	#vision #sec_2 .list .imgbox .img img{ height: auto; width: 100%; max-width: 300px; }
}
@media screen and (max-width: 639px){
	/*#vision #sec_2 .list>li,
	#vision #sec_2 .list>li:nth-child(2) { display: block; margin-bottom: 40px; }
	#vision #sec_2 .list .txtbox { margin-bottom: 20px; height: auto; }
	#vision #sec_2 .list .txtbox .title{ line-height: 1.8; }
	#vision #sec_2 .list .imgbox{ position: static; }
	#vision #sec_2 .list .imgbox .img img{ height: auto; width: 100%; max-width: 300px; }
	#vision #sec_2 .list .imgbox .img:before{ content: none }*/
}
@media screen and (max-width: 479px){
}

#vision #sec_3{  }
#vision #sec_3 .toptxt{ text-align: center; }
#vision #sec_3 .insec .img{ margin-top: 40px; }
#vision #sec_3 .insec .list{ display: flex; flex-direction: row; justify-content: space-between; margin-left: -20px; margin-top: 20px; }
#vision #sec_3 .insec .list>li{ margin-left: 20px; }
#vision #sec_3 .insec .list>li>img{ width: 100%; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#vision #sec_3 .insec .img{ margin-top: 20px; }
	#vision #sec_3 .insec .list{ display: block; margin-left: 0; margin-top: 15px; }
	#vision #sec_3 .insec .list>li{ margin-left: 0; margin-bottom: 15px; }
	#vision #sec_3 .insec .list>li:last-child{ margin-bottom: 0; }
	#vision #sec_3 .insec .img img,
	#vision #sec_3 .insec .list>li>img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; height: 350px; width: 100%; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#vision #sec_3 .insec .img img,
	#vision #sec_3 .insec .list>li>img{ height: 250px; }
}






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


#about


//////////////////*/
#about #sec_1{  }
#about #sec_1 .list{  }
#about #sec_1 .list>li{  }
#about #sec_1 .list>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; }
#about #sec_1 .list>li>dl>dt,
#about #sec_1 .list>li>dl>dd{ padding-bottom: 20px; padding-top: 25px; }
#about #sec_1 .list>li>dl>dt{ border-bottom: 1px solid #060001; padding-left: 20px; width: 210px; }
#about #sec_1 .list>li>dl>dd{ border-bottom: 1px solid #CDCCCC; padding-right: 20px; width: calc(100% - 210px); padding-left: 25px; }
#about #sec_1 .list>li:last-child>dl>dt,
#about #sec_1 .list>li:last-child>dl>dd{ border-bottom: none; padding-bottom: 0; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#about #sec_1 .list>li>dl>dt{ width: 150px; padding-left: 4%; }
	#about #sec_1 .list>li>dl>dd{ width: calc(100% - 150px); padding-left: 4%; padding-right: 4%; }
	#about #sec_1 .list>li>dl>dt,
	#about #sec_1 .list>li>dl>dd{ padding-bottom: 15px; padding-top: 20px; }
}
@media screen and (max-width: 479px){
	#about #sec_1 .list>li>dl>dt{ width: 100px; }
	#about #sec_1 .list>li>dl>dd{ width: calc(100% - 100px); }
}

#about #sec_2{  }
#about #sec_2 .list{  }
#about #sec_2 .list>li{  border-bottom: 1px solid #CDCCCC; padding-bottom: 40px; margin-bottom: 40px; padding-left: 85px; padding-right: 60px; }
#about #sec_2 .list>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; }
#about #sec_2 .list>li>dl>dt,
#about #sec_2 .list>li>dl>dd{ }
#about #sec_2 .list>li>dl>dt{ font-weight: bold; font-size: 2rem; }
#about #sec_2 .list>li>dl>dd{  }
#about #sec_2 .list>li>dl>dt{ width: 230px; letter-spacing: 0.1em; }
#about #sec_2 .list>li>dl>dd{ width: calc(100% - 230px); padding-top: 4px; text-align: left; }
#about #sec_2 .list>li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
#about #sec_2 .map{ margin-top: 65px; }
#about #sec_2 .map iframe{ width: 100%; height: 650px; }
#about #sec_2 .link{ text-align: center; margin-top: 20px; }
@media screen and (max-width: 1040px){
	#about #sec_2 .list>li{ padding-left: 4%; padding-right: 4%; padding-bottom: 30px; margin-bottom: 30px; }
	#about #sec_2 .map{ margin-top: 50px; }
	#about #sec_2 .map iframe{ height: 500px; }
}
@media screen and (max-width: 767px){
	#about #sec_2 .list>li>dl{ display: block; }
	#about #sec_2 .list>li>dl>dt{ width: 100%; margin-bottom: 10px; }
	#about #sec_2 .list>li>dl>dd{ width: 100%; padding-top: 0; }
	#about #sec_2 .map iframe{ height: 400px; }
}
@media screen and (max-width: 479px){
	#about #sec_2 .list>li{ padding-bottom: 25px; margin-bottom: 20px; }
	#about #sec_2 .map iframe{ height: 300px; }
	#about #sec_2 .map{ margin-top: 40px; }
	#about #sec_2 .link{ margin-top: 10px; }
}

#about #sec_3{  }
#about #sec_3 .toptxt{ text-align: center; }
#about #sec_3 .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; margin-top: 30px; }
#about #sec_3 .list>li{ width: 33.33%; }
#about #sec_3 .list>li>img{ width: 100%; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#about #sec_3 .toptxt{ text-align: left; }
	#about #sec_3 .list{ display: block; margin-top: 20px; }
	#about #sec_3 .list img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 200px; }
	#about #sec_3 .list>li{ width: 100%; }
}
@media screen and (max-width: 479px){
}





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


#store


//////////////////*/
#store #sec_1 { min-height:300px;}
#store #undermvbox #mv .pagetitlebox .titlebox>.inwrap{ padding-left: 45px; }
#store #undermvbox #mv .pagetitlebox .titlebox>.inwrap>svg{ width: 34px; height: 30px; position: absolute; top: 0; bottom: 0; left: 0; margin-top: auto; margin-bottom: auto; }
#store #sec_1 .storelist>li .sub { font-size:1.4rem; margin-top: 5px;}
@media screen and (max-width: 767px){
	#store #sec_1 { min-height:140px;}
}




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


#contact


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

#contact #sec_1{  }
#contact #sec_1 .toptxt{ margin-bottom: 50px; text-align: center; }
#contact #sec_1{  }
#contact #sec_1 .blocktitle{  }
#contact #sec_1 .tel{ text-align: center; }
#contact #sec_1 .tel svg{ width: 26px; height: 26px; vertical-align: sub; margin-right: 5px; }
#contact #sec_1 .tel a{ font-size: 2.8rem; vertical-align: middle; letter-spacing: 0.2em; }
#contact #sec_1 .opentime{ margin-top: 5px; text-align: center; }
#contact #sec_1 .caution{ font-size: 1.4rem; text-align: center; }
#contact.thanks .blocktitle{ margin-bottom: 40px; }
#contact.thanks #sec_1 .txt,
#contact.thanks #sec_1 .txt1{ text-align: center; }
#contact.thanks #sec_1 .txt1{ font-size: 1em; }
#contact.thanks #sec_1 .tel{ margin-top: 40px; }
#contact.thanks #sec_1 .link{ text-align: center; margin-top: 100px; }
@media screen and (max-width: 767px){
	#contact.thanks #sec_1 .tel{ margin-top: 30px; }
	#contact.thanks #sec_1 .link{ margin-top: 50px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#contact #sec_1 .toptxt,
	#contact #sec_1 .caution{ text-align: left; }
	#contact.thanks #sec_1 .txt,
	#contact.thanks #sec_1 .txt1{ text-align: left; }
}


#contact #sec_2 .txt{ text-align: center; margin-bottom: 50px; }
@media screen and (max-width: 767px){
	#contact #sec_2 .txt{ text-align: left; }
}





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


#wonderful


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

#wonderful #sec_1{  }
#wonderful #sec_1 .list{ margin-top: 45px; }
#wonderful #sec_1 .list>li{ margin-bottom: 20px; }
#wonderful #sec_1 .list>li:last-child{ margin-bottom: 0; }
#wonderful #sec_1 .list>li>dl{ background: #f7fbf8; padding: 50px 6%; }
#wonderful #sec_1 .list>li>dl>dt{ font-weight: bold; font-size: 2.4rem; line-height: 1.6; text-align: center; margin-bottom: 20px; letter-spacing: 0.15em; }
#wonderful #sec_1 .list>li>dl>dd{  }
#wonderful #sec_1 .linklist{ margin-top: 60px; margin-left: -15px; margin-bottom: -10px; text-align: center; }
#wonderful #sec_1 .linklist>li{ margin-left: 15px; display: inline-block; vertical-align: middle; margin-bottom: 10px; }
#wonderful #sec_1 .linklist>li>a{  }
@media screen and (max-width: 1040px){
	#wonderful #sec_1 .img img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 300px; }
	#wonderful #sec_1 .list{ margin-top: 35px; }
	#wonderful #sec_1 .list>li{ margin-bottom: 20px; }
	#wonderful #sec_1 .list>li>dl{ padding: 30px 4%; }
	#wonderful #sec_1 .list>li>dl>dt{ margin-bottom: 10px; }
}
@media screen and (max-width: 767px){
	#wonderful #sec_1 .img img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 200px; }
	#wonderful #sec_1 .list{ margin-top: 25px; }
	#wonderful #sec_1 .list>li{ margin-bottom: 15px; }
	#wonderful #sec_1 .list>li>dl{ padding: 20px 6%; }
	#wonderful #sec_1 .list>li>dl>dt{ font-size: 2rem; letter-spacing: 0.1em; }
	#wonderful #sec_1 .linklist{ margin-top: 30px; }
}
@media screen and (max-width: 479px){
}





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


#process


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

#process #sec_1{  }
#process #sec_1 .box1{ margin-top: 50px; }
#process #sec_1 .box1 .txtbox{  }
#process #sec_1 .box1 .txtbox .list1{  }
#process #sec_1 .box1 .txtbox .list1>li{ margin-bottom: 20px; }
#process #sec_1 .box1 .txtbox .list1>li:last-child{ margin-bottom: 0; }
#process #sec_1 .box1 .txtbox .list1>li dl{  }
#process #sec_1 .box1 .txtbox .list1>li dl>dt{ font-weight: bold; font-size: 2rem; line-height: 1.8; margin-bottom: 15px; }
#process #sec_1 .box1 .txtbox .list1>li dl>dd{  }
#process #sec_1 .box1 .imgbox{ width: 34.7%; margin-left: 6%; float: right; }
#process #sec_1 .processlist{ margin-top: 55px; }
#process #sec_1 .processlist>li{ margin-bottom: 10px; }
#process #sec_1 .processlist>li:last-child{ margin-bottom: 0; }
#process #sec_1 .processlist>li>dl{ background: #f7fbf8; padding: 30px 8%; 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; }
#process #sec_1 .processlist>li>dl>dt{ flex-shrink: 0; color: #61b56f; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; margin-left: -20px; }
#process #sec_1 .processlist>li>dl>dt .monthtxt{ margin-left: 20px; }
#process #sec_1 .processlist>li>dl>dt .monthtxt .num{ font-weight: bold; display: inline-block; vertical-align: text-bottom; font-size: 3.6rem; line-height: 1.2 }
#process #sec_1 .processlist>li>dl>dt .monthtxt .month{ font-weight: bold; display: inline-block; vertical-align: text-bottom; font-size: 2rem; line-height: 1.8; margin-left: 5px; }
#process #sec_1 .processlist>li>dl>dt .list1{ font-size: 2rem; line-height: 1.6; margin-left: 20px; }
#process #sec_1 .processlist>li>dl>dt .list1>li{ font-weight: bold; letter-spacing: 0.05em; }
#process #sec_1 .processlist>li>dl>dt .list1>li a{ text-decoration: none; font-weight: bold; color: #61b56f; }
#process #sec_1 .processlist>li>dl>dt .list1>li a:hover{ color: #3D6744; }
#process #sec_1 .processlist>li>dl>dd{ margin-left: 45px; }
#process #sec_1 .processlist>li>dl>dd .txt{  }
#process #sec_1 .processlist>li>dl>dd .imglist{ text-align: left; margin-left: -5px; margin-top: 15px; margin-bottom: -10px; }
#process #sec_1 .processlist>li>dl>dd .imglist>li{ display: inline-block; vertical-align: middle; margin-left: 5px; width: 144px; margin-bottom: 10px; }
@media screen and (max-width: 1040px){
	#process #sec_1 .processlist>li>dl{ display: block; padding-left: 6%; padding-right: 6%; }
	#process #sec_1 .processlist>li>dl>dd{ margin-left: 0; margin-top: 10px; }
	#process #sec_1 .processlist>li>dl>dt .monthtxt{ line-height: 1.6; }
	#process #sec_1 .processlist>li>dl>dt .monthtxt .num{ font-size: 3rem; }
	#process #sec_1 .processlist>li>dl>dt .monthtxt .month{ font-size: 1.8rem; }
	#process #sec_1 .box1 .imgbox{ width: 40%; margin-left: 4%; }
}
@media screen and (max-width: 767px){
	#process #sec_1 .box1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
	#process #sec_1 .box1{ margin-top: 40px; }
	#process #sec_1 .box1 .txtbox .list1>li dl>dt{ margin-bottom: 5px; }
	#process #sec_1 .box1 .imgbox{ width: 100%; margin-left: 0; float: none; margin-top: 30px; }
	#process #sec_1 .processlist>li>dl{ padding: 25px 6%; }
	#process #sec_1 .processlist>li>dl>dt .monthtxt .num{ font-size: 2.6rem; }
	#process #sec_1 .processlist>li>dl>dt .monthtxt .month{ font-size: 1.6rem; }
	#process #sec_1 .processlist>li>dl>dt .list1{ font-size: 1.6rem; line-height: 1.8; }
}
@media screen and (max-width: 479px){
	#process #sec_1 .box1{ margin-top: 30px; }
	#process #sec_1 .processlist{ margin-top: 45px; }
	#process #sec_1 .processlist>li>dl{ padding: 25px 8%; }
}


#process #sec_2{  }
#process #sec_2 .copy{ text-align: center; letter-spacing: 0.1em; margin-bottom: 15px; }
#process #sec_2 .imglist{ 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-top: 40px; }
#process #sec_2 .imglist>li{ width: 33.33%; }
@media screen and (max-width: 1040px){
	#process #sec_2 .imglist>li img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 260px; }
}
@media screen and (max-width: 767px){
	#process #sec_2 .imglist{ margin-top: 30px; }
	#process #sec_2 .imglist>li img{ height: 200px; }
}
@media screen and (max-width: 639px){
	#process #sec_2 .imglist{ display: block; }
	#process #sec_2 .imglist>li{ width: 100%; }
}
@media screen and (max-width: 479px){
}