/* overseas非表示----------------------------------- 
a.mypage{display: none;}
.cp_offcm01{display: none;}
.footer_fix{display: none;}
#abroad .foot{padding-bottom: 0em;}
.business{display: none;}
.planning{display: none;}
.business.copy{display: block !important;}

 --------------------------------------------------- */
 /* overseas非表示----------------------------------- */
#abroad.overseas_no .footer_fix{display: none;}
#abroad.overseas_no .foot{padding-bottom:0;}

 
/* index --------------------------------------------------- */
.ostop_lead{
width: 100%;
text-align: center;
font-size: 1.2em;
margin-bottom: 1.5em;
}
.crosskink,
.crosskink_wrap{
width: 40%;
margin: 1em 30% 3em;
}
.crosskink a,
.crosskink_ttl a{
padding: 0.6em 1em 0.5em;
display: block;
position: relative;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.2em;
border-radius: 50px;
}
.crosskink a::after,
.crosskink_ttl a::after {
font-family: "Font Awesome 5 Free";
position: absolute;
color: #fff;
content: "\f054";
font-weight: bold;
right: 1em;
bottom: 0.5em;
}
.crosskink a.abroad{background: #f93;}
.crosskink a.amani{background: #7e1c33;}
.crosskink_ttl a{background: #7e1c33;}
.crosskink_ttl{}
.amani_tel{
text-align: center;
padding: 0.5em;
font-size: 1.3em;
font-weight: bold;
}
.amani_tel i{margin-right: 0.2em;}
.crosskink_wrap .tel_link{pointer-events: none;}

.h3_col_amani {
background: #011553;
padding: 15px;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 18px;
/*
border-top: solid 2px;
border-bottom: solid 2px;
border-image: linear-gradient(to right, #b37922 0%,#f4d48d 25%,#f4f5c9 50%,#f4d48d 75%,#b37922 100%) 1;
*/
}

.co_flex{
display: flex;
flex-wrap: wrap;
font-size: 1.3em;
}
.theme_wrap{}
.theme_co{
width: calc(100% / 3 - 2%);
margin: 0 1% 2em;
}
.theme_co a {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
display: block;
}
.theme_co img {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 100%;
}
.theme_co h3 {
position: absolute;
color: #fff;
font-weight: bold;
text-shadow: 0px 0px 6px #000;
background: rgba(0, 0, 0, 0.5);
width: 100%;
bottom: 0;
margin: 0;
padding: 0.4em 0.5em;
font-size: 1.3em;
}
.theme_co a::after {
font-family: "Font Awesome 5 Free";
position: absolute;
color: #fff;
content: "\f054";
font-weight: bold;
right: 0.3em;
bottom: 0.3em;
font-size: 1.4em;
}
.theme_co p{
font-size: 1.1em;
margin: 0.5em 0 0;
}
.theme_img02{top: 46% !important;}
.theme_img03{top: 45% !important;}

.areaguide_wrap{margin: 0 0 3em;}
.areaguide_co{
width: calc(100% / 2 - 2%);
margin: 0 1% 2em;
}
.areaguide_co a {
display: flex;
align-items: flex-start;
position: relative;
}
.areaguide_co img {
width: 45%;
order: 2;
}
.areaguide_co a::after {
font-family: "Font Awesome 5 Free";
position: absolute;
color: #fff;
content: "\f054";
font-weight: bold;
transform: translate(0%, -50%);
right: 0.3em;
top: 50%;
font-size: 2em;
}
.areaguide_text{
width: 52%;
font-size: 1.1em;
margin-right: 3%;
order: 1;
}
.areaguide_co h3 {
font-weight: bold;
margin: 0 0 0.5em;
border-bottom: solid 1px #CCC;
}
.bnr_amani{width: 520px;margin: 0 auto 3em;}
.bnr_amani img{max-width: 100%;}

@media screen and (max-width:768px){
.ostop_lead{font-size: 1.1em;text-align: left;}
.crosskink,.crosskink_wrap{width: 90%;margin: 0em 5% 2em;}
.crosskink a,.crosskink_ttl a{font-size: 1.1em;}
.amani_tel{}
.amani_tel i{}
.crosskink_wrap .tel_link{pointer-events: auto;}

.theme_wrap{width: 96% !important;min-width: unset !important;}
.theme_co{width: 94%;margin: 0 3% 2em;}
.theme_co a {height: 150px;}
.theme_img02{top: 25% !important;}
.theme_img03{top: 25% !important;}
.areaguide_wrap{width: 96% !important;min-width: unset !important;}
.areaguide_co{width: 100%;margin: 0 0% 2em;}
.areaguide_co img {order: 1;width: 40%;}
.areaguide_co a::after {content: unset;}
.areaguide_text{
width: 57%;
order: 2;
margin-left: 3%;
margin-right: 0;
}
.areaguide_co h3 {}
.bnr_amani{width: 94%;}
}

/* エリアガイド --------------------------------------------------- */
.h2_line_wrap{
width: 100%;
text-align: center;
margin-bottom: 1.5em;
}
.h2_line{
position: relative;
display: inline-block;
padding: 0 2.5em;
margin-bottom: 0;
font-size: 1.5em;
font-weight: bold;
}
.h2_line:before, .h2_line:after {
content: '';
position: absolute;
top: 47%;
display: inline-block;
width: 35px;
height: 1px;
background-color: #333;
}
.h2_line:before {left:0;}
.h2_line:after {right: 0;}

.areaguide_wrap2{margin: 2em 0 3em;}
.areaguide_co2{
margin: 0 1em 2.5em;
width: calc(100% / 2 - 2em);
}
.areaguide_co2 a{}
.areaguide_img{
position: relative;
width: 100%;
height: 220px;
overflow: hidden;
display: block;
}
.areaguide_img img{
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 100%;
}
.areaguide_img img.areaguide_uae{}
.areaguide_img img.areaguide_egypt{top: 63%;}
.areaguide_img img.areaguide_morocco{top: 63%;}
.areaguide_img img.areaguide_tunisia{}
.areaguide_img img.areaguide_kenya{top: 35%;}
.areaguide_img img.areaguide_jordan{top: 66%;}
.areaguide_img img.areaguide_turkey{top: 53%;}
.areaguide_img img.areaguide_southern-africa{top: 38%;}
.areaguide_img img.areaguide_malaysia{top: 41%;}
.areaguide_img img.areaguide_thailand{top: 53%;}
.areaguide_img img.areaguide_cambodia{top: 68%;}
.areaguide_img img.areaguide_indonesia{top: 33%;}
.areaguide_img img.areaguide_vietnam{top: 60%;}
.areaguide_img img.areaguide_peru{top: 66%;}
.areaguide_img img.areaguide_argentina{top: 65%;}
.areaguide_img img.areaguide_hawaii{top: 35%;}
.areaguide_img img.areaguide_sri-lanka{top: 65%;}
.areaguide_img img.areaguide_uzbekistan{top: 45%;}
.areaguide_img img.areaguide_australia{top: 40%;}
.areaguide_img img.areaguide_tanzania{top: 45%;}
.areaguide_img img.areaguide_qatar{top: 72%;}

.areaguide_co2 h3{
position: absolute;
color: #fff;
font-weight: bold;
text-shadow: 0px 0px 6px #000;
background: rgba(0, 0, 0, 0.5);
width: 100%;
bottom: 0;
margin: 0;
padding: 0.3em 0.5em 0.2em;
font-size: 1.4em;
}
.areaguide_img::after {
font-family: "Font Awesome 5 Free";
position: absolute;
color: #fff;
content: "\f054";
font-weight: bold;
right: 0.5em;
bottom: 0.3em;
font-size: 1.3em;
}
.areaguide_text2{padding:0.5em 0em 0;font-size: 1.1em;}
.areaguide_wrap2 .crosskink{margin: 0 30% 1.5em;}

@media screen and (max-width:768px){
.areaguide_wrap2{width: 96% !important;min-width: unset !important;}
.areaguide_co2{width: 98%;margin: 0 auto 2.0em;}
.areaguide_img{height: 150px;}
.areaguide_wrap2 .crosskink{width: 90%;margin: 0em 5% 2em;}

}