@charset "utf-8";
/*common*/
body{
font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
font-feature-settings:"palt";
background:#f6faf2;
}
a,a:hover,a:visited{
text-decoration:none;
color:#fff;
display:block;
}
img{
width:100%;
max-width:100%;
}
.pc{
display:block;
}
.sp{
display:none;
}

/*pc*/
.mv{
width:100%;
margin-bottom:100px;
}

.worries{
margin-bottom:100px;
}
.worries h3{
background:#efb918;
color:#fff;
font-size:45px;
font-weight:bold;
text-align:center;
padding:30px;
margin-bottom:50px;
}
.worries ul{
max-width:1200px;
margin:0 auto 30px;
display:flex;
justify-content:space-between;
}
.worries li{
width:32%;
}
.worries .solution{
max-width:850px;
text-align:center;
margin:0 auto 40px;
}
.worries .declaration{
max-width:1100px;
margin:0 auto 40px;
font-size:30px;
font-weight:bold;
line-height:1.5em;
letter-spacing:1px;
text-align:justify;
}
.worries .solution_box{
max-width:1200px;
margin:0 auto 30px;
background:#fff;
border:4px solid #efb918;
border-radius:50px;
padding:50px;
display:flex;
justify-content:space-between;
align-items:center;
}
.worries .solution_img{
width:27%;
}
.worries .solution_txt{
width:70%;
}
.relief{
text-align:center;
font-size:28px;
margin-bottom:20px;
font-weight:bold;
}
.acceptance{
text-align:center;
font-size:50px;
line-height:1.8em;
font-weight:bold;
}
.acceptance span{
font-size:65px;
marginn-top:20px;
color:#e72d12;
padding:0 20px;
background: linear-gradient(transparent 60%, #efb918 20%);
display: inline-block;
}

.occupation{
margin-bottom:100px;
}
.occupation h3{
background:#efb918;
color:#fff;
font-size:45px;
font-weight:bold;
text-align:center;
padding:30px;
margin-bottom:50px;
}
.occupation ul{
max-width:1200px;
margin:0 auto 100px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.occupation li{
width:46%;
margin-bottom:50px;
box-shadow: 10px 20px 0px 0px #efb918;
border-radius: 30px;
}
.occupation li:nth-child(3),.occupation li:nth-child(4){
margin-bottom:0;
}
.map{
max-width:1000px;
margin:0 auto 40px;
}
.country{
}
.country h4{
text-align:center;
font-size:50px;
margin-bottom:40px;
}
.country_flag{
max-width:790px;
margin:0 auto 40px;
display:flex;
justify-content:space-between;
}
.country_flag dl{
width:48%;
text-align:center;
}
.country_flag dt{
margin-bottom:20px;
}
.country_flag dd{
font-size:45px;
}
.country p{
text-align:center;
font-size:45px;
}


.flow{
margin-bottom:100px;
}
.flow h3{
background:#efb918;
color:#fff;
font-size:45px;
font-weight:bold;
text-align:center;
padding:30px;
margin-bottom:50px;
}
.flow_box{
max-width:1200px;
margin:0 auto;
}
.flow_box dl{
display:flex;
margin-bottom:50px;
}
.flow_box dt{
width:30%;
background:#efb918;
color:#fff;
padding:30px;
font-size:40px;
display:flex;
align-items:center;
text-align:center;
}
.flow_box dt span{
font-size:90px;
margin-right:20px;
}
.flow_box dt:after{
}
.flow_box dd{
width:70%;
border:4px solid #efb918;
background:#fff;
padding:20px;
font-size:25px;
display:flex;
align-items:center;
line-height:1.8em;
}

.regulation{
margin-bottom:100px;
}
.regulation h3{
background:#efb918;
color:#fff;
font-size:45px;
font-weight:bold;
text-align:center;
padding:30px;
margin-bottom:50px;
}
.regulation_book{
max-width:1000px;
margin:0 auto 100px;
overflow:auto;
border:4px solid #efb918;
}
.regulation_book iframe{
width:100%;
height:500px;
}
.management{

}
.management h4{
text-align:center;
font-size:50px;
margin-bottom:40px;
}
.management .management_box{
max-width:1000px;
margin:0 auto;
}
.management .management_box dl{
display:flex;
font-size:15px;
}
.management .management_box dt{
width:30%;
background:#efb918;
color:#fff;
border-bottom:2px solid #fff;
padding:20px;
text-align:center;
}
.management .management_box dl:first-child dt{
border-top:2px solid #efb918;
}
.management .management_box dl:last-child dt{
border-bottom:2px solid #efb918;
}
.management .management_box dd{
width:70%;
border-bottom:2px solid #efb918;
border-right:2px solid #efb918;
padding:20px;
}
.management .management_box dl:first-child dd{
border-top:2px solid #efb918;
}
.management .management_box .contact dd{
display:flex;
}
.management .management_box .contact dd img{
height:15px;
width:auto;
}

footer{
padding:10px;
text-align:center;
background:#efb918;
color:#fff;
font-size:15px;
}

/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.pc{
display:none;
}
.sp{
display:block;
}

.mv{
width:100%;
margin-bottom:10%;
}

.worries{
margin-bottom:10%;
}
.worries h3{
font-size:5vw;
padding:3%;
margin-bottom:5%;
}
.worries ul{
max-width:100%;
margin:0 auto 5%;
display:block;
}
.worries li{
width:60%;
margin:0 auto 5%;
}
.worries li:last-child{
margin:0 auto;
}

.worries .solution{
width:90%;
margin:0 auto 5%;
}
.worries .declaration{
max-width:90%;
margin:0 auto 5%;
font-size:4.5vw;
letter-spacing:1px;
}
.worries .solution_box{
max-width:90%;
margin:0 auto 5%;
border-radius:30px;
padding:10% 3%;
display:block;
}
.worries .solution_img{
width:70%;
margin:0 auto 5%;
}
.worries .solution_txt{
width:100%;
}
.relief{
font-size:4.5vw;
margin-bottom:3%;
line-height:1.5em;
}
.acceptance{
font-size:5.5vw;
}
.acceptance span{
font-size:6.5vw;
padding:0 20px;
}

.occupation{
margin-bottom:10%;
}
.occupation h3{
font-size:5vw;
padding:3%;
margin-bottom:5%;
}
.occupation ul{
max-width:90;
margin:0 auto 10%;
display:block;
}
.occupation li{
width:70%;
margin:0 auto 10%;
box-shadow: 10px 10px 0px 0px #efb918;
border-radius: 5%;
}
.occupation li:nth-child(3){
margin:0 auto 10%;
}
.occupation li:nth-child(4){
margin-bottom:0;
}
.map{
max-width:90%;
margin:0 auto 5%;
}
.country{
}
.country h4{
font-size:4.5vw;
margin-bottom:5%;
}
.country_flag{
max-width:70%;
margin:0 auto 5%;
display:flex;
}
.country_flag dl{
width:48%;
}
.country_flag dt{
margin-bottom:3%;
}
.country_flag dd{
font-size:4vw;
}
.country p{
font-size:4.5vw;
}


.flow{
margin-bottom:10%;
}
.flow h3{
font-size:5vw;
padding:3%;
margin-bottom:5%;
}
.flow_box{
max-width:90%;
}
.flow_box dl{
display:block;
margin-bottom:5%;
}
.flow_box dt{
width:100%;
padding:3%;
font-size:5vw;
display:flex;
}
.flow_box dt span{
font-size:8vw;
margin-right:3%;
}
.flow_box dt:after{
}
.flow_box dd{
width:100%;
padding:3%;
border:2px solid #efb918;
font-size:4.5vw;
display:block;
}

.regulation{
margin-bottom:10%;
}
.regulation h3{
font-size:5vw;
padding:3%;
margin-bottom:5%;
}
.regulation_book{
max-width:90%;
margin:0 auto 10%;
overflow:auto;
border:2px solid #efb918;
}
.regulation_book iframe{
width:100%;
height:400px;
}
.management{
}
.management h4{
text-align:center;
font-size:4.5vw;
margin-bottom:5%;
}
.management .management_box{
max-width:90%;
margin:0 auto;
}
.management .management_box dl{
display:block;
font-size:3.8vw;
line-height:1.4em;
}
.management .management_box dt{
width:100%;
background:#efb918;
color:#fff;
border-bottom:none;
padding:20px;
text-align:center;
}
.management .management_box dl:first-child dt{
border-top:none;
}
.management .management_box dl:last-child dt{
border-bottom:none;
}
.management .management_box dd{
width:100%;
border-bottom:2px solid #efb918;
border-right:2px solid #efb918;
border-left:2px solid #efb918;
padding:20px;
}
.management .management_box dl:first-child dd{
border-top:2px solid #efb918;
}
.management .management_box .contact dd{
display:block;
}
.management .management_box .contact dd img{
height:15px;
width:auto;
}

footer{
padding:3%;
font-size:3.8vw;
}

}