@charset "UTF-8";
/* CSS Document */

body{
outline-style: none;
}

header{
width: 100%;
height: auto;
}

.h_ba_01{
/*background: url("../img/page/h_top_main_ba_01.jpg") no-repeat center center;*/
/*background-size: cover;*/
}

.h_ba_w{
background: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 70px;
z-index: 9;
}

.page_h_logo{
width: 380px;
background: #fff url("../img/page/common_top_logo.png") no-repeat center center;
background-size: 318px;
position: fixed;
top: 0;
left: 0;
text-align: center;
padding: 43px 0;
transition: all 0.5s;/*アニメーション設定*/
z-index: 9;
}


.page_h_logo a{
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}

.page_h_logo:hover{
background: #432109 url("../img/page/common_top_logo_h.png") no-repeat center center;
background-size: 318px;
}

.page_h_midashi{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
font-size: 4.0rem;
color: #D58D4E;
line-height: 60%;
letter-spacing: 0.1em;
background: #fff;
width: 1100px;
margin: 0 auto 0 auto;
padding-top: 130px;
padding-bottom: 50px;
text-align: center;
}

.page_h_midashi span{
font-family: tbudrgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.2rem;
color: #717071;
}



.crumb{
width: 1100px;
margin: 2em auto 4em auto;
font-size: 1.4rem;
color: #595757;
}

.crumb a{
font-size: 1.4rem;
color: #595757;
}

.works_main_section{
clear: both;
width: 1100px;
margin: 0 auto 5% auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 2%;
}

.works_l{
width: 247px;
}

.works_r{
width: 815px;
}

.category_midashi_01{
font-size: 1.9rem;
color: #796A56;
border-bottom: #231815 1px solid;
border-top: #231815 1px solid;
padding: 0.3em 0 0.3em 0.3em;
margin-bottom: 0.5em;
}

.category_list{
border-bottom: #231815 1px solid;
padding-bottom: 2em;
}

.category_list > li{
font-size: 1.6rem;
padding-left: 0.3em;
margin-top: 0.3em;
}

.category_list > li >ul > li{
font-size: 1.4rem;
padding-left: 1.3em;
margin-top: 0.3em;
}

.page_list_three_column{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.page_list_three_column li{
width: 30%;
position: relative;
margin-bottom: 10%;
}

.page_list_three_column li img{
height: 150px;
overflow-y: hidden;
object-fit: cover;
}

.page_list_three_column::after{
  content:"";
  display: block;
  width:30%;
}

.hover_01 li{
transition: all 0.5s;/*アニメーション設定*/
}

.hover_01 li:hover{
opacity: 0.7;
}



.page_category_01{
font-size: 1.2rem;
color: #fff;
display: inline;
padding: 0 1em;
float: left;
margin-right: 5px;
margin-top: 2px;
}

.category_ba_01{
background: #CAB966;
}

.category_ba_02{
background: #808070;
}

.category_ba_03{
background: #879DA9;
}

.category_ba_04{
background: #796A56;
}

.works_day{
color: #796A56;
font-size: 1.5rem;
}

.center{
text-align: center;
margin: 0.3em 0;
}

.works_txt{
font-size: 1.4rem;
line-height: 150%;
}

.works_txt_02{
font-size: 1.2rem;
line-height: 150%;
margin-top: 2%;
}

.more_btn_03{
font-size: 1.28rem;
width: 100px;
padding-left: 7px;
margin: 0 auto;
text-align: left;
display: block;
color: #766A58;
position: relative;
margin-top: 2.0em;
border: #766A58 1px solid;
user-select: none;
}




.more_btn_03::after{
font-family: "Font Awesome 5 Free";
content: "\f35a";
position: absolute;
right: 7px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.works_link_01{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.wp-pagenavi {
border-top: #231815 1px solid;
width: 100%;
margin: 5% auto 0 auto;
margin-bottom: 0px;
padding-top: 5%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 60px;
}

.wp-pagenavi a i{
font-size: 1.5rem;
}

.wp-pagenavi a {
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
border: #796A56 1px solid;
font-size: 2.8rem;
color: #796A56;
display: block;
text-align: center;
width: 30px;
line-height: 80%;
margin: 0 5px;
padding: 0!important;
}

.wp-pagenavi .last {
display: none;
}

.wp-pagenavi .first {
display: none;
}

.wp-pagenavi span {
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
border: #796A56 1px solid;
font-size: 2.8rem;
display: block;
text-align: center;
width: 30px;
background: #796A56;
color: #fff;
line-height: 80%;
padding: 0!important;
padding-bottom: 8px;
padding-bottom: 8px!important;
margin: 0 5px;
}

.previouspostslink{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
border: #796A56 1px solid;
font-size: 2.8rem;
display: block;
text-align: center;
width: 30px;
background: #796A56;
color: #fff !important;
line-height: 80%;
padding-bottom: 8px;
padding-bottom: 8px;
margin: 0 5px;
}

.nextpostslink{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
border: #796A56 1px solid;
font-size: 2.8rem;
display: block;
text-align: center;
width: 30px;
background: #796A56;
color: #fff !important;
line-height: 80%;
padding-bottom: 8px;
margin: 0 5px;
}

.works_page_section{
width: 1100px;
margin: 0 auto;
}

.works_midashi_01{
display: flex;
flex-wrap: wrap;
align-items: center;
border-bottom: #231815 1px solid;
margin-bottom: 1em;
}

.works_midashi_01 p:nth-of-type(2){
font-size: 2.4rem;
color: #796A56;
}

.works_midashi_01 p:nth-of-type(1){
color: #fff;
font-size: 1.3rem;
padding: 0.6% 1%;
margin-right: 1em;
line-height: 200%;
display: inline-block;
}


.products_center{
  margin: 0 auto;
  width: 100%;
height: 700px;
text-align: center;
margin-bottom: 130px;
}

.products_center div img{
width: auto;
height: 550px;
padding: 3% 0;
overflow-y: hidden;
object-fit: cover;
}

.products_center ul{
  margin: 0;
  padding: 0;
  list-style: none;
  
    margin: 0 auto;
  padding: 0;
  width: 90%;  /* コンテンツが見切れて見えるようにする */
  overflow-x: auto;  /* 横スクロールの指定 */
  white-space: nowrap;  /* 横スクロールの指定 */
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */

}
.products_center li{
width: 12.05%;
margin-right: 0.5%;
padding-bottom: 0.5%;
cursor: pointer;

  display: inline-block;  /* 横並びにする指定 */
  list-style: none;
}
.products_center li:nth-of-type(8){
  margin-right: 0;
}

.products_center li img{
height: 85px;
overflow-y: hidden;
object-fit: cover;
}

.products_center figure{
cursor: pointer;
text-align: center;
border: #fff 1px solid;
padding: 0 5px;
outline-style: none;
}

.products_center figure img{
width: auto;
overflow-y: hidden;
object-fit: cover;
width: 100%;
height: 85px;
display: block;
margin: 0 auto;
}


.works_sub_section{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-top: #231815 1px solid;
width: 100%;
padding-top: 0.5%;
margin-bottom: 5%;
}

.works_sub_section div p{
font-size: 1.4rem;
margin-bottom: 1.5em;
}

.works_sub_section div:nth-of-type(1){
width: 55%;
}

.works_sub_section div:nth-of-type(2){
width: 40%;
}

.midashi_04{
font-size: 2.5rem;
color: #796A56;
margin-bottom: 0.2em;
}

.page_honbun_01{
font-size: 1.4rem;
}


.works_sub_section div iframe{
width: 100%;
height: 183px;
padding: 3% 0;
}

.map_midashi{
font-size: 1.8rem;
color: #796A56;
margin-top: 5%;
}


.midashi_05{
text-align: center;
font-size: 2.2rem;
color: #D58D4E;
border-bottom: #231815 1px solid;
margin-bottom: 4%;
}

.reports_sevtion_01{
width: 1100px;
margin: 0 auto;
}

.reports_midashi_01{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
font-size: 4.0rem;
color: #D58D4E;
margin-bottom: 0.5em;
}

.reports_list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 4%;
}

.reports_list_01 li{
width: 44.5%;
padding: 2% 2% 1% 2%;
border: #C1C2C3 1px solid;
border-right: #C1C2C3 5px solid;
border-bottom: #C1C2C3 5px solid;
background: url("../img/page/ba_01.png") no-repeat center right 10px;
background-size: auto 70%;
margin-bottom: 3%;
position: relative;
transition: all 0.1s;/*アニメーション設定*/
}

.reports_list_01 li:hover{
border: #C1C2C3 1px solid;
border-left: #C1C2C3 5px solid;
border-top: #C1C2C3 5px solid;
border-bottom: #C1C2C3 1px solid;
background: url("../img/page/ba_01.png") no-repeat center right 5px;
background-size: auto 70%;
}

.reports_list_01 li dl{
display: flex;
flex-wrap: wrap;
margin-bottom: 1.5%;
}

.reports_list_01 li dl dt{
background: #796A56;
font-size: 1.2rem;
color: #fff;
padding: 0 1%;
margin-right: 0.5em;
}

.reports_list_01 li dl dd{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
font-size: 2.8rem;
line-height: 50%;
color: #796A56;
padding-top: 0.1em;
}

.reports_list_01 li p{
font-size: 2.1rem;
}

.reports_list_01 li a{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.reports_midashi_02{
font-size: 2.4rem;
color: #796A56;
border-bottom: #231815 1px solid;
}

.reports_list_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 5%;
}

.reports_list_02 li{
width: 30%;
position: relative;
margin-bottom: 10%;
text-align: center;
}

.reports_list_02 li img{
width: auto;
height: 220px;
overflow-y: hidden;
object-fit: cover;
}



.reports_list_02::after{
content:"";
display: block;
width:30%;
}

.number{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
font-size: 3.0rem;
color: #D58D4E;
line-height: 80%;
display: block;
width: 28px;
text-align: center;
padding-bottom: 2.5%;
margin-right: 5px;
margin-top: 5px;
margin-bottom: -38px;
}

.reports_list_02 li h3{
font-size: 2.2rem;
color: #796A56;
}

.reports_list_02 li dl{
display: flex;
flex-wrap: wrap;
border-top: #C1C2C3 1px solid;
margin-top: 2%;
padding-top: 4%;
}

.reports_list_02 li dl dt{
background: #796A56;
color: #fff;
font-size: 1.2rem;
padding: 0 1%;
margin-right: 2%;
display: none;
}

.reports_list_02 li dl dd{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
color: #796A56;
font-size: 2.0rem;
line-height: 55%;
}

.company_section_01{
display: flex;
flex-wrap: wrap;
align-items: center;
width: 1100px;
margin: 0 auto 10% auto;
}

.company_section_01 div:nth-of-type(1){
width: 517px;
}

.company_section_01 div:nth-of-type(2){
width: 583px;
}

.c_midashi_01{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
font-size: 4.0rem;
color: #CC844E;
letter-spacing: 0.15em;
border-bottom: #231815 1px solid;
padding-bottom: 2%;
margin-bottom: 5%
}

.c_midashi_01 span{
font-family: fot-tsukubrdgothic-std,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
color: #717071;
letter-spacing: 0;
margin-left: 1em;
}

.page_honbun_02{
font-size: 1.7rem;
line-height: 250%;
}

.name_01{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 3.0rem;
letter-spacing: 0.1em;
margin-top: 1em;
}

.name_01 span{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
letter-spacing: 0.05em;
margin-left: 1em;
}

.company_section_02{
display: flex;
flex-wrap: wrap;
align-items: center;
width: 1100px;
margin: 0 auto 10% auto;
}

.company_section_02 div:nth-of-type(1){
width: 620px;
order: 2;
}

.company_section_02 div:nth-of-type(2){
width: 480px;
order: 1;
}

.c_midashi_02{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
font-size: 4.0rem;
color: #CC844E;
letter-spacing: 0.15em;
border-bottom: #231815 1px solid;
padding-bottom: 2%;
margin-bottom: 5%;
padding-left: 110px;
}

.c_midashi_02 span{
font-family: fot-tsukubrdgothic-std,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
color: #717071;
letter-spacing: 0;
margin-left: 1em;
}

.company_list_01{
padding-left: 110px;
display: flex;
flex-wrap: wrap;
}

.company_list_01 dt{
font-size: 1.7rem;
width: 150px;
}

.company_list_01 dd{
font-size: 1.7rem;
width: 350px;
margin-bottom: 2%;
}

.google_map_01{
margin-bottom: 10%;
}

.google_map_01 iframe{
width: 100%;
height: 400px;
}

.map_btn_01{
font-size: 2.4rem;
background: #CF874E;
color: #fff;
text-align: center;
width: 400px;
display: block;
margin: 0 auto;
margin-top: 2%;
letter-spacing: 0.1em;
position: relative;
}

.map_btn_01 i{
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.c_midashi_03{
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
font-size: 4.0rem;
color: #CC844E;
text-align: center;
letter-spacing: 0.1em;
}

.c_midashi_03 span{
font-family: fot-tsukubrdgothic-std,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
color: #717071;
letter-spacing: 0;
margin-left: 1em;
}

.company_section_03{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1100px;
margin: 2% auto 10% auto;
}

.company_section_03 div{
width: 30%;
position: relative;
margin-bottom: 10%;
}

.company_section_03 div p{
display: block;
background: #fff;
border: #CF874E 1px solid;
text-align: center;
width: 70%;
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
font-size: 2.5rem;
letter-spacing: 0.1em;
line-height: 100%;
padding: 6% 0 5% 0;
position: absolute;
bottom: -10%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.company_section_03 div p span{
font-size: 1.5rem;
letter-spacing: 0.1em;
}

.concept_midashi_01{
font-size: 7.0rem;
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
color: #796A56;
text-align: center;
letter-spacing: 0.1em;
margin-bottom: 5%;
}

.concept_list_01{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 4% 0;
}

.concept_list_01 dt{
margin: 0 2%;
}

.concept_list_01 dd{
width: 310px;
margin: 0 2%;
}

.fixed_ba_01{
background: url("../img/page/ba_02.jpg") no-repeat center center;
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 300px;
margin: 5% 0;
}

.fixed_ba_02{
background: url("../img/page/ba_04.jpg") no-repeat center center;
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 300px;
margin: 5% 0;
}

.fixed_ba_03{
background: url("../img/page/ba_05.jpg") no-repeat center center;
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 300px;
margin: 5% 0;
}

.fixed_ba_04{
background: url("../img/page/ba_09.jpg") no-repeat center center;
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 300px;
margin: 5% 0;
}

.fixed_ba_05{
background: url("../img/page/ba_10.jpg") no-repeat center center;
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 300px;
margin: 5% 0;
}


.series_section_list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 2% 0;
position: relative;
}

.series_section_list_01 div:nth-of-type(2){
width: 60%;
}

.series_section_list_01 div:nth-of-type(1){
width: 35%;
padding-left: 5%;
}

.concept_midashi_02{
font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
font-size: 4.8rem;
color: #796A56;
margin-bottom: 3%;
}

.series_section_list_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 1100px;
margin: 5% auto;
background: #ECECEA;
}

.series_section_list_02 div{
width: 50%;
}

.series_section_list_02 div:nth-of-type(2){
width: 45%;
padding-left: 5%;
}

.concept_midashi_03{
font-size: 3.2rem;
color: #808070;
}

.line_01{
border: #808070 1px solid;
width: 1100px;
margin: 8% auto;
}

.line_02{
border: #808070 1px solid;
width: 100%;
margin: 8% auto;
}

.series_section_list_03{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1100px;
margin: 0 auto 5% auto;
}

.series_section_list_03 div{
width: 29%;
}

.concept_midashi_04{
font-size: 5.2rem;
font-family: adobe-thai,serif;
font-weight: 400;
font-style: normal;
color: #796A56;
text-align: center;
line-height: 60%;
margin-bottom: 5%;
}

.concept_midashi_04 span{
font-family: fot-tsukubrdgothic-std,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
color: #CC844E;
}

.concept_navi{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1100px;
margin: 0 auto;
margin-bottom: 4%;
}


.concept_navi li a{
font-size: 1.5rem;
display: block;
padding: 0 20px;
transition: all 0.5s;/*アニメーション設定*/
}

.concept_navi li a:hover{
background: #E2B795;
color: #fff;
opacity: 1;
}

.here{
background: #E2B795;
color: #fff;
cursor:default;
}

.concept_navi li.current a{
background: #E2B795;
color: #fff;
cursor:default;
}

.concept_main_01{
background: url("../img/page/ba_03.jpg") no-repeat center center;
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 550px;
position: relative;
margin-bottom: 4%;
}

.concept_main_02{
background: url("../img/page/ba_07.jpg") no-repeat center center;
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 550px;
position: relative;
margin-bottom: 4%;
}

.concept_main_03{
background: url("../img/page/ba_08.jpg") no-repeat center center;
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 550px;
position: relative;
margin-bottom: 4%;
}

.concept_main_midashi{
font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
font-size: 7.0rem;
color: #fff;
text-shadow: black 0 0 10px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

.concept_main_midashi img{
width: 245px;
}

.concept_midashi_05{
font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
font-size: 4.0rem;
color: #796A56;
text-align: center;
margin-bottom: 2%;
}

.concept_midashi_06{
text-align: center;
color: #6FB02C;
font-size: 2.8rem;
line-height: 130%;
background: url("../img/page/line_01.png") no-repeat bottom center;
background-size: 80px;
padding-bottom: 20px;
margin-bottom: 40px;
}

.concept_midashi_06 span{
font-size: 2.0rem;
}

.concept_section_two_column_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1100px;
margin: 0 auto;
}

.concept_section_two_column_01 div{
width: 48%;
}

.page_honbun_03{
font-size: 1.5rem;
}

.concept_midashi_07{
font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
font-size: 2.4rem;
color: #796A56;
margin-bottom: 3%;
letter-spacing: 0.1em;
}

.concept_section_01{
width: 1100px;
margin: 0 auto;
margin-bottom: 4%;
}

.obi_midashi_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 2%;
}

.obi_midashi_01 dt{
font-family: adobe-thai, serif;
font-weight: 400;
font-style: normal;
background: #6FB02C;
color: #fff;
text-align: center;
font-size: 5.5rem;
width: 5%;
line-height: 60%;
}

.obi_midashi_01 dd{
background: #E9F3DF;
font-size: 2.4rem;
color: #796A56;
width: 93%;
padding-left: 2%;
}

.concept_section_two_column_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1100px;
margin: 0 auto;
margin-bottom: 5%;
}

.concept_section_two_column_02 div:nth-of-type(1){
width: 60%;
}

.concept_section_two_column_02 div:nth-of-type(2){
width: 35%;
}

.concept_midashi_08{
font-size: 2.3rem;
color: #6FB02C;
}

.marginbottom01{
margin-bottom: 4%;
}

.more_btn_04{
width: 750px;
margin: 7% auto;
font-size: 2.4rem;
display: block;
text-align: center;
padding: 1.3% 0;
color: #fff;
background: #CF874E url("../img/page/ba_06.png") no-repeat center right 15px;
background-size: 50px;
transition: all 0.5s;/*アニメーション設定*/
}

.more_btn_04:hover{
opacity: 1;
background: #432107 url("../img/page/ba_06.png") no-repeat center right 5px;
background-size: 50px;
}

.soramado_img_section{
position: relative;
margin: 5% 0;
}

.img_33{
width: 32%;
margin-left: 20%;
margin-bottom: 5%;
}

.img_34{
width: 24%;
position: absolute;
top: 15%;
right: 10%;
}

.img_35{
width: 65%;
margin-left: 10%;
margin-bottom: 3%;
}

.img_36{
width: 25%;
margin-left: 20%;
}

.img_37{
width: 35%;
margin-left: 50%;
margin-top: -15%
}



.concept_section_two_column_03{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1100px;
margin: 0 auto;
margin-bottom: 5%;
}

.concept_section_two_column_03 div:nth-of-type(1){
width: 57%;
}

.concept_section_two_column_03 div:nth-of-type(2){
width: 38%;
}

.point_dl_01{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 0 5% 0;
}

.point_dl_01 dt{
width: 160px;
margin-right: 1%;
}

.point_dl_01 dd{
width: 690px;
font-size: 1.5rem;
margin-left: 1%;
}

.concept_midashi_09{
font-size: 3.2rem;
color: #CF874E;
text-align: center;
background: url("../img/page/line_02.png") no-repeat center bottom;
background-size: 120px;
padding-bottom: 2%;
margin-bottom: 4%;
padding-top: 2%;
}

.anchor_section{
width: 1100px;
margin: 0 auto;
position: relative;
margin-bottom: 10%;
}

.img_47{
display: block;
width: 754px;
margin: 5% auto;
}

.anchor_link_01{
font-size: 2.0rem;
background: #6FB02C;
color: #fff;
display: inline-block;
line-height: 130%;
padding: 1%;
position: absolute;
padding-right: 40px;
border-radius: 10px;
}

.anchor_link_01 span{
font-size: 1.5rem;
}

.anchor_link_01 i{
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.position01{
top: 0;
left: 180px;
}

.position02{
top: 0;
right: 210px;
}

.position03{
bottom: 0;
left: 200px;
}

.position04{
bottom: 0;
left: 470px;
}

.position05{
bottom: 0;
left: 690px;
}

.structure_section_01{
width: 1100px;
margin: 5% auto;
}

.concept_midashi_10{
background: #E9F3DF;
color: #796A56;
font-size: 2.4rem;
text-align: center;
margin-bottom: 2%;
}

.three_column_list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.three_column_list_01 li{
width: 31%;
}

.concept_midashi_11{
font-size: 2.2rem;
color: #6FB02C;
}

.number_02{
background: #6FB02C;
color: #fff;
text-align: center;
display: inline-block;
width: 40px;
line-height: 170%;
margin-right: 0.5em;
}

.image65{
display: block;
width: 65%;
margin: 0 auto;
}

.link_btn_01{
font-size: 2.4rem;
text-align: center;
background: #CF874E;
color: #fff;
width: 530px;
display:block;
margin: 0 auto;
position: relative;
}

.link_btn_01 i{
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.four_column_list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.four_column_list_01 li{
width: 24%;
}

.concept_midashi_12{
font-size: 2.3rem;
color: #CF874E;
}

.margintop01{
margin-top: 4%;
}

.threepoint01{
margin: 2% 0;
}

.threepoint01 li{
color: #796A56;
background: #F8EDE4;
font-size: 2.3rem;
text-align: center;
padding: 2% 0;
}

.flow_section_01{
width: 1100px;
margin: 5% auto;
}

.flow_green{
display: flex;
flex-wrap: wrap;
align-items: center;
background: #E9F3DF;
padding: 25px 3%;
position: relative;
margin-bottom: 20px;
}

.flow_green dt{
font-family: adobe-thai, serif;
font-weight: 400;
font-style: normal;
font-size: 5.5rem;
color: #fff;
background: #6FB02C;
width: 50px;
text-align: center;
line-height: 70%;
padding-bottom: 1.5%;
margin-right: 1em;
}

.flow_green dd{
width: 850px;
}

.flow_green dd h2{
font-size: 2.3rem;
color: #6FB02C;
}

.arrow_01{
width: 70px;
position: absolute;
top: -10px;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

.flow_pink{
display: flex;
flex-wrap: wrap;
align-items: center;
background: #F8EDE4;
padding: 25px 3%;
position: relative;
margin-bottom: 20px;
}

.flow_pink dt{
font-family: adobe-thai, serif;
font-weight: 400;
font-style: normal;
font-size: 5.5rem;
color: #fff;
background: #CF874E;
width: 50px;
text-align: center;
line-height: 70%;
padding-bottom: 1.5%;
margin-right: 1em;
}

.flow_pink dd{
width: 850px;
}

.flow_pink dd h2{
font-size: 2.3rem;
color: #CF874E;
}

.img_63{
width: 280px;
position: absolute;
top: -40px;
right: -20px;
z-index: 5;
}

.img_64{
width: 330px;
position: absolute;
top: -10px;
right: -40px;
z-index: 5;
}

.img_65{
width: 280px;
position: absolute;
top: -40px;
right: 20px;
z-index: 5;
}

.img_66{
width: 250px;
position: absolute;
top: -80px;
right: -40px;
z-index: 5;
}

.img_67{
width: 280px;
position: absolute;
top: -15px;
right: 50px;
z-index: 5;
}

.img_68{
width: 340px;
position: absolute;
top: -50px;
right: -70px;
z-index: 5;
}

.list_01{
margin: 2% 0;
}

.list_01 li{
font-size: 1.7rem;
}

.list_01 li span{
color: #6FB02C;
}

.sub_midashi_01{
font-size: 2.3rem;
color: #6FB02C;
}

.info_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.info_list dt{
width: 15%;
font-size: 1.5rem;
font-weight: bold;
}

.info_list dd{
width: 85%;
font-size: 1.5rem;
}

.soramado_section_01{
width: 100%;
padding: 7% 0;
background: url("../img/page/ba_11.jpg") no-repeat center center;
background-size: cover;
}

.soramado_section_01 div{
width: 1100px;
margin: 0 auto;
position: relative;
padding-bottom: 5%;
}

.soramado_img{
width: 245px;
position: absolute;
top: 15px;
right: 0;
}

.soramado_prof{
padding-bottom: 0 !important;
width: 650px !important;
padding-left: 450px;
}

.soramado_prof img{
width: 180px;
position: absolute;
top: 0;
right: 0;
}

.soramado_prof p{
font-size: 1.5rem;
border-bottom: #00ABE1 1px solid;
padding-bottom: 1%;
margin-bottom: 2%;
}

.soramado_prof p b{
font-family: a-otf-ryumin-pr6n, serif;
font-weight: 300;
font-style: normal;
font-size: 3.0rem;
margin: 0 10px;
}

.soramado_prof p span{
font-family: adobe-thai, serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
letter-spacing: 0.1em;
}

.soramado_prof dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 1.5rem;
}

.soramado_prof dl dt{
width: 10%;
}

.soramado_prof dl dd{
width: 90%;
}

.management_section_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.management_section_01 div:nth-of-type(1){
width: 35%;
padding: 0 10% 0 5%;
order: 2;
}

.management_section_01 div:nth-of-type(2){
width: 45%;
order: 1;
}

.management_section_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 5% 0;
}

.management_section_02 div:nth-of-type(1){
width: 50%;
padding: 0 10% 0 10%;
}

.management_section_02 div:nth-of-type(2){
width: 30%;
}

.img_80{
width: 250px;
}

.management_list_01{
}

.management_list_01 li{
font-size: 3.0rem;
color: #796A56;
border-bottom: #F1DBCA dotted 4px;
background: url("../img/page/img_81.jpg") no-repeat left top 15px;
background-size: 41px;
padding-left: 1.5em;
margin-bottom: 15px;
padding-bottom: 15px;
}

.management_list_02 li{
font-size: 2.3rem;
color: #796A56;
border-bottom: #F1DBCA dotted 4px;
background: url("../img/page/img_82.jpg") no-repeat left top 15px;
background-size: 19px;
padding-left: 1.5em;
margin-bottom: 15px;
padding-bottom: 15px;
}

.management_section_03{
width: 1100px;
margin: 5% auto;
}

.management_list_03{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 1%;
margin-bottom: 1%;
}

.management_list_03 dt{
width: 40px;
font-family: adobe-thai, serif;
font-weight: 400;
font-style: normal;
background: #6FB02C;
color: #fff;
text-align: center;
font-size: 3.5rem;
line-height: 90%;
padding-bottom: 8px;
margin-bottom: 1%;
}

.management_list_03 dd{
font-size: 2.0rem;
width: 1050px;
margin-bottom: 1%;
color: #796A56;
}

.management_list_03 dd b{
color: #CF874E;
}

.management_midashi_01{
font-size: 2.4rem;
color: #796A56;
background: #F8EDE4;
padding: 0.5% 2%;
}

.management_section_in_01{
display: flex;
flex-wrap: wrap;
margin: 4% 0;
}

.management_section_in_01 div:nth-of-type(1){
width: 35%;
padding-left: 5%;
}

.management_section_in_01 div:nth-of-type(2){
width: 60%;
}

.management_section_in_01 div:nth-of-type(1) p{
padding-right: 10%;
}

.management_midashi_02{
font-size: 2.3rem;
color: #6FB02C;
line-height: 150%;
border-bottom: #000000 1px solid;
padding-bottom: 4%;
margin-bottom: 6%;
margin-top: 50px;
}

.management_section_in_02{
display: flex;
flex-wrap: wrap;
margin: 4% 0;
}

.management_section_in_02 div:nth-of-type(1){
width: 35%;
order: 2;
}

.management_section_in_02 div:nth-of-type(2){
width: 40%;
order: 1;
}

.management_section_in_02 div:nth-of-type(1) p{
padding-left: 20%;
}

.management_section_in_02 div:nth-of-type(1) h3{
padding-left: 20%;
}


.management_section_in_03{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
margin: 4% 0;
margin-top: -30%;
}

.management_section_in_03 div:nth-of-type(1){
width: 35%;
padding-left: 25%;
}

.management_section_in_03 div:nth-of-type(2){
width: 40%;
}

.management_section_in_03 div:nth-of-type(1) p{
padding-right: 10%;
margin-bottom: 20%;
}


.management_section_in_04{
display: flex;
flex-wrap: wrap;
margin: 4% 0;
}

.management_section_in_04 div:nth-of-type(1){
width: 35%;
order: 2;
}

.management_section_in_04 div:nth-of-type(2){
width: 60%;
order: 1;
}

.management_section_in_04 div:nth-of-type(1) p{
padding-left: 15%;
}

.management_section_in_04 div:nth-of-type(1) h3{
padding-left: 15%;
margin-top: 30%;
}

.img_90{
width: 320px;
position: absolute;
top: -100px;
right: -80px;
z-index: 5;
}

.img_91{
width: 280px;
position: absolute;
top: -130px;
right: -40px;
z-index: 5;
}

.img_92{
width: 300px;
position: absolute;
top: -40px;
right: -100px;
z-index: 5;
}

.tel{
font-family: adobe-thai, serif;
font-weight: 400;
font-style: normal;
font-size: 4.0rem;
color: #796A56;
letter-spacing: 0.1em;
}

.mail{
font-family: adobe-thai, serif;
font-weight: 400;
font-style: normal;
font-size: 2.8rem;
letter-spacing: 0.1em;
margin-top: 1%;
}

.works_page_section div p, .works_sub_section div p, .news_div div p{
font-size: 1.4rem;
margin-bottom: 1.5em;
}

.works_page_section div h1, .works_sub_section div h1, .news_div div h1{
font-size: 2.0em !important;
font-weight: 700;
margin-bottom: 0.5em;
}

.works_page_section div h2, .works_sub_section div h2, .news_div div h2{
font-size: 1.8em !important;
font-weight: 600;
margin-bottom: 0.5em;
}
.works_page_section div h3, .works_sub_section div h3, .news_div div h3{
font-size: 1.6em !important;
font-weight: 600;
margin-bottom: 0.5em;
}
.works_page_section div h4, .works_sub_section div h4, .news_div div h4{
font-size: 1.4em !important;
font-weight: 600;
margin-bottom: 0.5em;
}
.works_page_section div h5, .works_sub_section div h5, .news_div div h5{
font-size: 1.2em !important;
font-weight: 600;
margin-bottom: 0.5em;
}
.works_page_section div h6, .works_sub_section div h6, .news_div div h6{
font-size: 1.1em !important;
font-weight: 500;
margin-bottom: 0.5em;
}


#form-tbl{
	}

#form{
	width:100%;
	}

#form tr{
	}

#form tr th{
	font-size:1.7rem;
	width:25%;
	padding-bottom:35px;
	padding-top:35px;
	border-bottom:#B3B3B3 1px solid;
	font-weight: 500;
	}

#form tr th span{
	background:#B9525C;
	color:#fff;
	font-size:1.3rem;
	padding:1% 2%;
	font-weight:bold;
	margin-right:3px;
	}

#form tr td{
	width:60%;
	font-size:1.7rem;
	padding-bottom:35px;
	padding-top:35px;
	border-bottom:#B3B3B3 1px solid;
text-align: left;
font-weight: 500;
	}

#form label {
font-weight: 500;
line-height: 250%;
}

#form input{
	font-size:1.7rem;
	border-radius:5px;
	border:#999 1px solid;
	background:#F7F8F8;
	margin-bottom:5px;
	margin-top:5px
	}

#form input[type="text"] {
width: 98%;
padding: 1.5% 1%;
}

#form [disabled=""] {
display: none;
}

#form input[id="yuubin_02"] {
width: 20%;
padding: 1.5% 1%;
}


.op{
opacity: 0.5;
}
	
#form select{
	border-radius:5px;
	font-size:1.7rem;
	padding: 1.5% 1%;
	border:#999 1px solid;
	background:#F7F8F8;
	}
	
#form textarea{
	border-radius:5px;
	font-size:1.7rem;
	padding:1%;
	border:#999 1px solid;
	background:#F7F8F8;
	width:98%;
	}

.btn{
margin: 5% 0;
}

.btn input{
border: none;
width: 350px;
display: block;
background: #796A56;
color: #fff;
font-size: 2.0rem;
font-weight: 700;
text-align: center;
padding: 1.5% 0 2% 0;
position: relative;
margin: 0 auto;
cursor: pointer;
border-radius: 20px;
}

.contact_section_01{
width: 800px;
margin: 0 auto;
text-align: center;
}

.privacy_section{
text-align: left;
height: 300px;
overflow-y: scroll;
margin: 2% 0;
border: #A0A0A0 1px solid;
padding: 2%;
}

.youtube iframe{
width: 100%;
height: 610px;
}


.news_div{
width: 50%;
margin: 0 auto;
font-size: 1.4rem;
}

.news_div p{
font-size: 1.4rem;
}

.news_div a{
text-decoration: underline;
}

.news_div img{
width: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

.aligncenter{
margin: 0.5em auto;
display: block;
}

.slick-slide.isActive{
border: rgba(0,0,0,1.00) 3px solid;
}

.wpcf7-form-control{
width: 100%;
font-size: 1.6rem;
padding: 0.5em 0;
}

.wpcf7-form p{
font-size: 1.6rem;
font-weight: bold;
}

.wpcf7-submit{
background: #D58D4E;
color: #fff;
border: none;
padding: 0.5em 0;
margin-top: 5%;
}