@charset "utf-8";






#content .main_title_box{background:url("../images/main_title_bg.webp")no-repeat center;background-size:cover;}
.form_base p.sub_title {font-size: 28px;line-height: 1.6;font-weight: 700;border-bottom: 1px solid #BBB;padding: 20px;}
@media screen and (max-width: 1060px) {

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

}





/*
#contact_btn {position:fixed;right:0;bottom:50%;z-index:997;}
#contact_btn ul li a{text-decoration:none;display:block;height:86px;width:220px;border-radius:43px 0 0 43px;background:rgba(190,175,135,1);;border:3px solid #FFF;box-sizing:border-box;padding-right:50px;z-index:997;}
#contact_btn ul li a .fix_text{display:block;font-size:1.4em;font-weight:700;color:#FFF;position:relative;}
#contact_btn ul li a .fix_text::before{content:"";display:block;width:38px;height:38px;margin:8px auto 5px;}
#contact_btn ul li a.fix_entry .fix_text::before{background:url("/recruitment/images/entry_ico.svg")no-repeat;background-size:contain;}
#contact_btn ul li a .hover_on{position:absolute;left:50%;top:115%;transform:translateX(-50%);visibility:hidden;opacity:0;width:150px;background:#FFF;color:var(--color-base);padding:5px 0;font-size:1.2em;box-shadow:3px 3px 10px rgba(190,175,135,0.25);border-radius:5px;}

@media screen and (min-width:768px) {
#contact_btn ul li a{transition:right 0.3s;}
#contact_btn ul li a:hover{right:-30px;}
#contact_btn ul li a .hover_on{transition:opacity 0.3s;}
#contact_btn ul li a:hover .hover_on{visibility:visible;opacity:1;}
}
@media screen and (max-width:767px) {
#contact_btn ul li a{text-decoration:none;display:block;height:200px;width:50px;border-radius:10px 0 0 10px;background:rgba(190,175,135,1);;border:3px solid #FFF;box-sizing:border-box;position:fixed;right:0;bottom:0;z-index:997;}
#contact_btn ul li a .fix_text{        display: inline-grid;
font-size: 1.4em;
font-weight: 700; 
color: #FFF;
/* width: 100%; */
/* 
height: 100%;
writing-mode: vertical-rl;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
padding: 35px 0 0;
}
#contact_btn ul li a .fix_text::before{content:"";display:block;width:32px;height:32px;margin:8px auto 5px;}
#contact_btn ul li a.fix_entry{top:50%;right: -3px; transform: translateY(-50%);
-webkit- transform: translateY(-50%);}
#contact_btn ul li a.fix_entry .fix_text::before{background:url("/recruitment/images/entry_ico.svg")no-repeat;background-size:contain;
position: absolute;
top:15px;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
}
#contact_btn ul li a .hover_on{position:absolute;left:50%;top:115%;transform:translateX(-50%);visibility:hidden;opacity:0;width:150px;background:#FFF;color:var(--color-base);padding:5px 0;font-size:1.2em;box-shadow:3px 3px 10px rgba(190,175,135,0.25);border-radius:5px;}
}
*/




#contact_btn {position:fixed;right:0;bottom:50%;z-index:997;}
#contact_btn ul li {margin-bottom: 1vh;text-align: right;}
#contact_btn ul li a{text-decoration:none;display:block;height:10vh;max-height: 86px; width:20vh;max-width: 180px;min-width: 150px; border-radius:5vh 0 0 5vh;;background:rgba(190,175,135,1);border:3px solid #FFF;box-sizing:border-box;position: relative;margin: auto -3px auto auto;}
#contact_btn ul li a .fix_text{display:block;
font-size:1.2em;
font-weight:700;color:#FFF;
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: 0 0 0 .5vw;
}
#contact_btn ul li a .fix_text::before{content:"";display:block;width:4vh;max-width: 38px; height:4vh;max-height: 38px; margin:0 auto 5px;}
#contact_btn ul li a.fix_entry .fix_text::before{background:url("/recruitment/images/entry_ico.svg")no-repeat;background-size:contain;}
#contact_btn ul li a .hover_on{position:absolute;left:50%;top:115%;transform:translateX(-50%);visibility:hidden;opacity:0;width:150px;background:#FFF;color:var(--color-base);padding:5px 0;font-size:1.2em;box-shadow:3px 3px 10px rgba(0,0,0,0.25);border-radius:5px;}

@media screen and (min-width:768px) {

#contact_btn ul li a{transition: 0.3s;}
#contact_btn ul li a:hover{width:24vh;max-width:200px;min-width: 200px;}
#contact_btn ul li a .hover_on{transition:opacity 0.3s;}
#contact_btn ul li a:hover .hover_on{visibility:visible;opacity:1;}
}

@media screen and (max-width:767px) {
#contact_btn {position:fixed;right:0;bottom:50%;z-index:997;}
#contact_btn ul li {margin-bottom: 1vh;text-align: right;}
#contact_btn ul li a{text-decoration:none;display:block;height:200px;width:50px;max-height: inherit;max-width: inherit;min-width: inherit; border-radius:10px 0 0 10px;background:rgba(190,175,135,1);border:3px solid #FFF;box-sizing:border-box;position:fixed;right:0;bottom:0;z-index:997;margin: inherit;}
#contact_btn ul li a .fix_text{        display: inline-grid;
font-size: 1.4em;
font-weight: 700; 
color: #FFF;
width: inherit;
height: 100%;
writing-mode: vertical-rl;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
padding: 35px 0 0;
margin: auto auto auto -4.5vw;
}
#contact_btn ul li a .fix_text::before{content:"";display:block;width:32px;height:32px;margin:8px auto 5px;}
#contact_btn ul li a.fix_entry{top:50%;right: -3px; transform: translateY(-50%);
-webkit- transform: translateY(-50%);}
#contact_btn ul li a.fix_entry .fix_text::before{background:url("/recruitment/images/entry_ico.svg")no-repeat;background-size:contain;
position: absolute;
top:15px;
left: 10.5vw;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
}
#contact_btn ul li a .hover_on{position:absolute;left:50%;top:115%;transform:translateX(-50%);visibility:hidden;opacity:0;width:150px;background:#FFF;color:var(--color-base);padding:5px 0;font-size:1.2em;box-shadow:3px 3px 10px rgba(190,175,135,0.25);border-radius:5px;}
}










#entry {padding: 100px 0 0;}
.pc {display: block;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.pc {display: none;}
}











.message {position: relative; display: block;margin: 0 0 100px;}
.message_pic {width: 60%;min-width: 900px; margin: 0 0 0 auto;}
.message_pic img {width: 100%;height: auto;}
.message_text {
display: block;
width: 55%;

    margin: -37vw 0 0 5%;
/*
position: absolute;
top: 2vh;
left: 5vw;
*/
text-align: left;
}
.message_text h3 {font-size: 4.0em;line-height: 1.3;font-weight: 500;color: #a08a61;font-family: "Kiwi Maru", serif;margin: 0 0 20px;}
.message_text p.name {font-size: 1.4em;line-height: 1.6;margin:0 0 40px;}
.message_text p.name img {height: 72px;width: auto;}
.message_text p {font-size: 1.8em;line-height: 2.2;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.message {position: relative; display: block;margin: 0 0 10%;overflow-x: hidden;}
.message_pic {width: 100%;min-width: inherit;margin: 0 0 5%;position: relative;overflow: hidden;}

.message_pic::before {
  content: '';
  display: block;
  padding-top: 100%;
}
.message_pic img {width: auto; height: 100%;position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.message_text {
display: block;
width: 90%;
position: inherit;
top: inherit;
left: inherit;
text-align: left;
margin: auto;
}
.message_text h3 {font-size: 2.8em;line-height: 1.3;font-weight: 500;color: #a08a61;font-family: "Kiwi Maru", serif;margin: 0 0 20px;}
.message_text p.name {font-size: 1.8em;line-height: 2.2;margin:0 0 5%;}
.message_text p.name img {height: 62px;width: auto;}
.message_text p {font-size: 1.8em;line-height: 2.2;}
}






.job {background: #e8e2d4;padding: 100px 0;width: 100%;}
.job dl {width: 1160px;margin:0 auto 60px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.job dl dt {width: 50%;}
.job dl dt img {width: 100%;height: auto;}
.job dl dd {width: 45%;margin: 0 0 0 5%;text-align: left;}

.job dl dd h3 {font-family: "Kiwi Maru", serif;
font-size: 2.2em;
line-height: 1.3;
color: #a08a61;}
.job dl dd p {font-size: 1.6em;
line-height: 1.6;padding-top: 1.5em;}
.flow {width: 90%;max-width: 660px; margin:auto ;padding: 80px 0 0;}

.flow ul {}
.flow ul li {margin: 0 0 110px;position: relative;background: #fff;padding:80px 40px 40px;border: 1px solid #a08a61;
border-radius: 2vw;
-webkit-border-radius: 2vw;
-moz-border-radius: 2vw;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.25);
}
.flow ul li:last-child {margin-bottom: 0;}


.flow ul li:before {
  content: '';/*何も入れない*/
  display: inline-block;
  width: 110px;/*画像の幅*/
  height: 110px;/*画像の高さ*/
  
  background-size: contain;
  vertical-align: middle;
position: absolute;
top: -55px;
left: 50%;
transform: translateX(-50%);
-webkit- transform:  translateX(-50%);
}
.flow ul li:nth-child(1):before {background-image: url("../images/flow1.svg");}
.flow ul li:nth-child(2):before {background-image: url("../images/flow2.svg");}
.flow ul li:nth-child(3):before {background-image: url("../images/flow3.svg");}
.flow ul li:nth-child(4):before {background-image: url("../images/flow4.svg");}

.flow ul li:after {
  content: '';/*何も入れない*/
  display: inline-block;
  width: 110px;/*画像の幅*/
  height: 54px;/*画像の高さ*/
  background-image: url("../images/flow.svg");
  background-size: contain;
  vertical-align: middle;
position: absolute;
bottom: -54px;
left: 50%;
transform: translateX(-50%);
-webkit- transform:  translateX(-50%);
}
.flow ul li:last-child:after {display: none;}
.flow ul li dl {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width: 100%;
}
.flow ul li dl dt {width: 110px;
display: table-cell;
  vertical-align: middle;
  /display:inline;/*IE6,7用*/
  /zoom:1;/*IE6,7用*/
}
.flow ul li dl dt img {width: 100%;height: auto;}
.flow ul li dl dd {width:calc(100% - 130px);
margin: 0 0 0 20px;

display: flex;
  align-items: center;
  
}
.flow ul li p {        font-size: 1.6em;
        line-height: 1.6;text-align: left;}
.flow ul li p span {
        font-family: "Kiwi Maru", serif;
        font-size: 1.4em;
        line-height: 1.6;
        color: #a08a61;
		text-align: center;
		display: block;
		margin: 0 0 20px;
        
}

.flow img {}
@media screen and (max-width: 1060px) {
.job {background: #e8e2d4;padding: 100px 0;width: 100%;}
.job dl {width: 90%;margin:0 auto 60px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.job dl dt {width: 50%;}
.job dl dt img {width: 100%;height: auto;}
.job dl dd {width: 45%;margin: 0 0 0 5%;text-align: left;}

.job dl dd h3 {font-family: "Kiwi Maru", serif;
font-size: 2.2em;
line-height: 1.3;
color: #a08a61;}
.job dl dd p {font-size: 1.8em;
line-height: 2.2;padding-top: 1.5em;}
.flow {width: 90%;margin:auto ;padding: 80px 0 0;}








}
@media screen and (max-width: 767px) {
.job {background: #e8e2d4;padding: 10% 0;width: 100%;}
.job dl {width: 90%;margin:0 auto 60px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.job dl dt {width: 100%;margin: 0 0 5%;}
.job dl dt img {width: 100%;height: auto;}
.job dl dd {width: 100%;margin: 0;text-align: left;}

.job dl dd h3 {font-family: "Kiwi Maru", serif;
font-size: 2em;
line-height: 1.3;
color: #a08a61;}
.job dl dd p {font-size: 1.6em;line-height: 2.2;padding-top: 1.5em;}
.flow {width: 90%;margin:auto ;padding:60px 0 0;}
.flow img {width: 100%;height: auto;}

.flow ul {}
.flow ul li {margin: 0 0 80px;position: relative;background: #fff;padding:60px 20px 20px;border: 1px solid #a08a61;
border-radius: 2vw;
-webkit-border-radius: 2vw;
-moz-border-radius: 2vw;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.25);
}
.flow ul li:last-child {margin-bottom: 0;}


.flow ul li:before {
  content: '';/*何も入れない*/
  display: inline-block;
  width: 80px;/*画像の幅*/
  height: 80px;/*画像の高さ*/
  
  background-size: contain;
  vertical-align: middle;
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
-webkit- transform:  translateX(-50%);
}
.flow ul li:nth-child(1):before {background-image: url("../images/flow1.svg");}
.flow ul li:nth-child(2):before {background-image: url("../images/flow2.svg");}
.flow ul li:nth-child(3):before {background-image: url("../images/flow3.svg");}
.flow ul li:nth-child(4):before {background-image: url("../images/flow4.svg");}

.flow ul li:after {
  content: '';/*何も入れない*/
  display: inline-block;
  width: 80px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
  background-image: url("../images/flow.svg");
  background-size: contain;
  vertical-align: middle;
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
-webkit- transform:  translateX(-50%);
}
.flow ul li:last-child:after {display: none;}

.flow ul li p {        font-size: 1.6em;
        line-height: 2.2;}
.flow ul li p span {
        font-family: "Kiwi Maru", serif;
        font-size: 1.4em;
        line-height: 1.6;
        color: #a08a61;
		margin: 0 0 10px;
        
}

}

.fukidashi{display:inline-block;font-size:3.5em;font-weight:500;line-height:1.4;letter-spacing:0.08em;}
.fukidashi::before{content:"";display:inline-block;width:31px;height:50px;background:url(/images/fukidashi_l@2x.png) no-repeat;background-size:contain;vertical-align:middle;margin-right:10px;}
.fukidashi::after{content:"";display:inline-block;width:31px;height:50px;background:url(/images/fukidashi_r@2x.png) no-repeat;background-size:contain;vertical-align:middle;margin-left:10px;}
.fukidashi em{font-size:1.428em;}
@media screen and (min-width: 768px) {

}
@media screen and (max-width:767px) {
.fukidashi{font-size:2.1em;position:relative;}
.fukidashi::before{margin-right:0;position:absolute;left:-41px;top:50%;transform:translateY(-50%);}
.fukidashi::after{margin-left:0;position:absolute;right:-41px;top:50%;transform:translateY(-50%);}
}









.com_p_box{background:#414042;box-sizing:border-box;padding:100px 0;margin: 0 0 100px;}
.com_p_box h2.top_stitle {color: #ffffff;}
.com_p_box .inner{min-width:var(--wid-base);max-width:var(--wid-base);box-sizing:border-box;padding:0 20px;text-align:left;margin:0 auto;}
.com_p_box .inner .com_s_title{color: #ffffff;}
.com_p_box .inner .com_p_table dl{display:flex;border-top:1px solid #717071;box-sizing:border-box;padding:30px 0;color: #ffffff;}
.com_p_box .inner .com_p_table dl:last-child{border-bottom:1px solid #717071;}
.com_p_box .inner .com_p_table dl dt{width:170px;font-size:1.8em;letter-spacing:0.04em;line-height:1.3;font-weight:600;box-sizing:border-box;padding-right:20px;}
.com_p_box .inner .com_p_table dl dd{font-size:1.6em;letter-spacing:0.04em;line-height:1.5;font-weight:300;width:calc(100% - 170px);}

@media screen and (max-width:767px) {
.com_p_box{padding:50px 0;margin: 0;}
.com_p_box .inner{padding:0 20px;}
.com_p_box .inner .com_p_table dl{display:block;padding:20px 0;}
.com_p_box .inner .com_p_table dl dt{width:100%;font-size:1.6em;padding-right:0;padding-bottom:10px;}
.com_p_box .inner .com_p_table dl dd{font-size:1.4em;width:100%;}
}


.information {width: 880px;margin: auto;padding: 60px 0 0;}
.information ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.information ul li {width: 48%;margin: 0 4% 0 0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
overflow: hidden;
background: #ffffff;}
.information ul li:nth-child(2n) {margin: 0;}
.information ul li dl {}
.information ul li dl dt {}
.information ul li dl dt img {width: 100%;height: auto;}
.information ul li dl dd {height: 120px;position: relative;}
.information ul li .information_text {padding: 20px;
}
.information ul li .information_text h3 {font-size: 1.8em;line-height: 1.6;font-weight: 500;color: #a08a61;font-family: "Kiwi Maru", serif;margin: 0 0 5px;}
.information ul li .information_text p {font-size: 1.6em;line-height: 1.6;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.information {width: 90%;margin: auto;padding: 5% 0 0;}
.information ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.information ul li {width: 100%;margin: 0 0 5%;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
overflow: hidden;
background: #ffffff;}
.information ul li:nth-child(2n) {margin: 0;}
.information ul li dl {}
.information ul li dl dt {}
.information ul li dl dt img {width: 100%;height: auto;}
.information ul li dl dd {height: inherit;position: relative;}
.information ul li .information_text {padding: 5%;
}
.information ul li .information_text h3 {font-size:1.6em;line-height: 1.6;font-weight: 500;color: #a08a61;font-family: "Kiwi Maru", serif;margin: 0 0 5px;}
.information ul li .information_text p {font-size: 1.4em;line-height: 1.6;}
}






.interview {position: relative; display: block;}
.interview_pic {width: 60%;margin: 0 0 0 40%;overflow: hidden;}
.interview_pic img {width: 100%;height: auto;}
.interview_text {
display: block;
width: 65%;
position: absolute;
top: 30vw;
left: 10vw;
text-align: left;
}
.interview_text img {height: 91px;width: auto;}

.interview_list {margin: 0 10vw;padding: 90px 0 0;}
.interview_list dl {text-align: left;}
.interview_list dl dt {font-size: 2.2em;line-height: 1.6;font-weight: 500;color: #a08a61;font-family: "Kiwi Maru", serif;margin: 0 0 5px;position: relative;padding: 0 0 0 60px;}
.interview_list dl dt:before
{
margin-right: 10px;
width: 30px;
content: "";
display: inline-block;
width: 50px;;
height: 1px;
background: #a08a61;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) ;
-webkit- transform: translateY(-50%);
}
.interview_list dl dd {font-size: 1.6em;line-height: 1.6;padding: 0 0 40px 60px;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.interview {position: relative; display: block;}


.interview_pic {width: 100%;margin: 0 0 5%;position: relative;overflow: hidden;}
/*
.interview_pic::before {
  content: '';
  display: block;
  padding-top: 100%;
}
*/
.interview_pic img {width: auto;height: 100vw;margin: auto;margin: 0 auto 0 -32vw;

}


.interview_text {
display: block;
width: 90%;
position: inherit;
top: inherit;
left: inherit;
text-align: left;
margin: -90px auto 0 20px;
}
.interview_text img {height: auto;width: 80%;}

.interview_list {margin: 0 5%;padding: 5% 0 0;}
.interview_list dl {text-align: left;}
.interview_list dl dt {font-size: 2em;line-height: 1.6;font-weight: 500;color: #a08a61;font-family: "Kiwi Maru", serif;margin: 0 0 5px;position: relative;padding: 0 0 0 30px;}
.interview_list dl dt:before
{
margin-right: 10px;
width: 30px;
content: "";
display: inline-block;
width: 20px;;
height: 1px;
background: #a08a61;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) ;
-webkit- transform: translateY(-50%);
}
.interview_list dl dd {font-size: 1.6em;line-height: 2.2;padding: 0 0 5% 30px;}
}

.name_box{background:var(--color-base2);display:inline-block;color:#FFF;padding:5px 20px 8px;margin-bottom:30px;}
.name_box .name{font-family:"Kiwi Maru", serif;font-size:2.8em;font-weight:400;visibility:hidden;}
.name_box .name{visibility:visible;}
.name_box .eng_position{padding-left:20px;}
.name_box .eng_position .eng_name{font-family:"Jost", serif;font-size:1.4em;letter-spacing:0.03em;visibility:hidden;}
.name_box .eng_position .eng_name{visibility:visible;}
.name_box .eng_position .position{font-size:1.4em;letter-spacing:0.08em;display:inline-block;}
.name_box .eng_position .position::before{content:"|";padding:0 10px;}
@media screen and (max-width:767px) {

.name_box{padding:5px 10px 8px;margin-bottom:20px;margin-right:0;}
.name_box .name{font-size:2.0em;}
.name_box .eng_position{padding-left:10px;}
.name_box.name_box_lsize .eng_position{padding:3px 0 0 0;display:block;}
.name_box .eng_position .position::before{padding:0 5px;}
.name_box .eng_position .eng_name{font-size:1.2em;}
.name_box .eng_position .position{font-size:1.2em;}

}




#content .form_base {margin: auto;padding: 0;}
@media screen and (max-width: 1060px) {
#content .form_base {width: 90%; margin: auto;padding: 0;}
}
@media screen and (max-width: 767px) {

}




.loaded img{animation:scaleup 3s forwards ease-in-out;}
@keyframes scaleup {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}







/*-------------------------
__main_img
-------------------------*/
#content .main_img{margin:0 0 0 calc((100% - 1000px)/2);text-align:left;}
#content .main_img .se_title_box .se_title{margin:0 0 0 -10px;position:relative;z-index:1;}
#content .main_img .se_title_box .se_title .eng{font-size:6em;font-weight:600;padding-right:20px;}
#content .main_img .se_title_box .se_title .jap{font-size:3em;font-weight:500;}
#content .main_img .main_img_inner{background:#ecf1f4;margin-top:-20px;box-sizing:border-box;padding:120px 100px 100px;position:relative;}
#content .main_img .main_img_inner::after{content:"";display:block;width:300px;position:absolute;left:700px;bottom:0;aspect-ratio:1 / 2.21;background:url("../images/main_img2@2x.png")no-repeat;background-size:cover;}
#content .main_img .main_img_inner .main_title{font-size:5.0em;font-weight:500;line-height:1.4;letter-spacing:0.05em;color:var(--color-base2);display:block;margin-bottom:80px;margin-left: -.5em;}
#content .main_img .main_img_inner .name_box2{display:inline-block;font-size:1.4em;}
#content .main_img .main_img_inner .name_box2 .name{display:block;margin:10px 0;}
#content .main_img .main_img_inner .name_box2 .eng_name{text-align:right;position:relative;}
#content .main_img .main_img_inner .name_box2 .eng_name::before{content:"";display:inline-block;height:1px;width:calc(100% - 9em);background:#333;position:absolute;top:50%;left:0;transform:translateY(-50%);}

@media screen and (max-width:767px) {
  #content .main_img{margin:0 0 0 20px;}
  #content .main_img .se_title_box .se_title .eng{font-size:5.5em;padding-right:0;display:block;}
  #content .main_img .se_title_box .se_title .jap{font-size:1.5em;}
  #content .main_img .main_img_inner{padding:50px 70px 30px;}
  #content .main_img .main_img_inner::after{width:40%;max-width:170px;left:380px;}
  #content .main_img .main_img_inner .main_title{font-size:3em;margin-bottom:40px;}
  #content .main_img .main_img_inner .name_box2{width:40%;font-size:1.2em;}
  #content .main_img .main_img_inner .name_box2 .name img{width:100%;height:auto;}
}
@media screen and (max-width:568px) {
  #content .main_img .main_img_inner{padding:5vw;}
  #content .main_img .main_img_inner::after{width:30%;max-width:160px;left:auto;right:0;}
  #content .main_img .main_img_inner .main_title{font-size:5.5vw;margin-bottom:40px;}
}
@media screen and (max-width:374px) {
  #content .main_img .main_img_inner .name_box2{width:140px;}
  #content .main_img .main_img_inner .main_title{font-size:2.1em;margin-bottom:30px;}
  #content .main_img .main_img_inner .name_box2 .eng_name::before{width:calc(100% - 8em);}
}
/*-------------------------
__mes_box_style
-------------------------*/
#content .mes_box{width:1000px;margin:0 auto 0;background:#FFF;box-sizing:border-box;padding:50px 0 100px;text-align:left;position:relative;}
#content .mes_box .mes_text_box .mes_text{font-size:1.6em;line-height:1.6;}
#content .mes_box .mes_text_box .mes_text span {    color: var(--color-base2);font-size:1.2em;font-weight: 500;}
#content .mes_box .mes_text_box .mes_text + .mes_text{padding-top:1.5em;}

@media screen and (max-width:767px) {
  #content .mes_box{width:100%;margin:50px auto;background:#FFF;box-sizing:border-box;padding:0 20px;text-align:left;position:relative;}
  #content .mes_box .mes_text_box .mes_text{font-size:1.6em;line-height:2.2;}
  #content .mes_box .mes_text_box .mes_text + .mes_text{padding-top:1em;}
  #content .mes_box .mes_text_box .mes_text span {    color: var(--color-base2);font-size:1em;font-weight: 500;}
}