@charset "UTF-8";
@import url("grid.css");

img {
	max-width:100%;
	height: auto;/*高さ自動*/
	vertical-align: top;
}
a {
    display:block;
    color: #333;
    text-decoration-line: none;
}
a:hover { 
    color: #333;
	opacity: 0.7; 
}

/*ヘッダー
-------------------------------------*/
.header {
	display: flex;
    flex-direction: row;
    padding: 0;
}
.header-box {
	margin-left: auto;
	margin-top: 8px;
}
h1{
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.9px;
	}
.mainimg h1{
	padding: 35% 0% 80% 13%;
	}

.logo{
	width: 27%;
    margin:20px 0 0 10px;
}

.mainimg h2{
	text-align: center;
    padding: 10% 0 20%;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.5px;
    margin: 0 auto;
    font-weight: bold;
	}
.bk_wh{}

h2.top_me{
    font-size:1.6rem;
    line-height:2.2;
    letter-spacing: 0.2rem;
	text-align: center;
    margin: 0 0 20px 0;
    background: #FFF8F3;
    padding: 40px 0;
	font-weight: bold;
	letter-spacing: .08rem;
}
	h2.top_me span{
		color: #BE1962;
		letter-spacing: 1rem;
		display: block;
    margin-bottom: 30px;
    font-size: 1.2rem;
	}
h2.top_me span::before{
	content: '';
    display: block;
    width: 20px;
    height: 3px;
    background-color: #BE1962;
    text-align: center;
    margin: 0 auto 0.5em auto;
    padding-top: 0.12em;
}

.container h3{
	padding: 0 7% 6%;
    font-size: 1.7rem;
    line-height: 1.8;
    letter-spacing: 0.2rem;
}
.under_box{
	margin-bottom: 50px;
	
}

.efont_bnft,.efont_bnft02,.efont_bnft03{
	font-family: 'Anton', sans-serif;
    color: #fff;
    font-size: 2.1rem;
    background: #e4bb18;
    height: 95px;
    width: 95px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 1.2;
    margin-top: -60px;
    padding-top: 27px;
}
.efont_bnft02{background: #20a270;color: #fff;}

.bnft_box,.bnft_box02,.bnft_box03,.bnft_box04,.bnft_box_lan,.bnft_box02_lan,.bnft_box03_lan,.bnft_box04_lan{
	background: url(../img/w_bnft_img01.jpg) center / cover no-repeat #fff;
    margin: 100px 15px 30px 15px;
    min-height: 213px;
}
.bnft_box02{
	background: url(../img/w_bnft_img02.jpg) center / cover no-repeat #fff;}
.bnft_box03{
	background: url(../img/w_bnft_img03.jpg) center / cover no-repeat #fff;}
.bnft_box04{
	background: url(../img/w_bnft_img04.jpg) center / cover no-repeat #fff;}
.bnft_box_lan{
	background: url(../img/l_bnft_img01.jpg) center / cover no-repeat #fff;}
.bnft_box02_lan{
	background: url(../img/l_bnft_img02.jpg) center / cover no-repeat #fff;}
.bnft_box03_lan{
	background: url(../img/l_bnft_img03.jpg) center / cover no-repeat #fff;}
.bnft_box04_lan{
	background: url(../img/l_bnft_img04.jpg) center / cover no-repeat #fff;}

.bnft_box_ttl{
	display: flex;
}
.bnft_box_ttl h4{
	position: absolute;
    right: 30%;
    font-size: 2.1rem;
    font-weight: bold;
    margin-top: -45px;
	letter-spacing: 0;
	
}
.ttl02{
	right:20% !important;
	}
.ttl03{
	right:10% !important;
	letter-spacing: -0.1rem !important;
	}

.bnft_box_ttl span{
    margin-top: -50px;
	
}

.bnft_txt{
	width: 80%;
    height: auto;
    margin: 0 auto;}
.bnft_txt h4{
	line-height: 1.6;
    letter-spacing: .06rem;
    font-size: 1.5rem;
}
.bnft_txt h4 span{
	color: #B51114;
	font-weight: bold;
}
.arrow_box_a span,.arrow_box_b span{
	color: #B51114;
	font-weight: bold;
}
/*スライド
-------------------------------------*/
	/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/

.d-demo__wrap {
  display: flex;
  overflow: hidden;
	position: relative;
    margin-top: -10%;
}

.d-demo__list {
  display: flex;
  list-style: none;
	margin: 0;
	padding: 0;
}

.d-demo__list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}

.d-demo__item {
  width: calc(100vw / 3);
}
.d-demo__item > img{
   width: 100%;
	padding-left: 5%;
}

@media screen and (min-width: 768px){
		.logo{
		width: 15%;
		margin:20px 0 0 30px;
			}
		.d-demo__item {
 		 width: calc(100vw / 6);
		}		

}

@media screen and (min-width: 768px){
/* 768以上に適用PC時は非表示 */
	.sp_area {
    display: none;
}
}


@media screen and (max-width: 768px){
.header {
	flex-direction: column;
    margin-bottom: 10px;
}
.header #open,#close  {
    position: absolute;
    top: 20px;
    right: 12px;
}
nav ul {
	flex-direction: column;
}
.header li {
	padding-top: 0;
}
/* スマホ時はMENUボタンを表示 */
#open {
    display: block;
    background: url(../img/button.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    border: none;
    position: absolute;
    top: 20px;
    right: 12px;
}
#close  {
    display: block;
    background: url(../img/button2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    border: none;
    position: absolute;
    top: 20px;
    right: 12px;
}
/* スマホ時はメニューを非表示 */
#navi,.pc_area {
    display: none;
}
	
	
}
    
/*メイン画像
-------------------------------------*/
.mainimg {
		background: url(../img/sp_top_bk04.jpg) center / cover #fff;
    width: 100%;
	clear: both;
			}
.mainimg_under,.mainimg_under_lan,.mainimg_under_con,.mainimg_under_pri{
	background: url(../img/work_mainimg.jpg) center / cover no-repeat #fff;
    width: 100%;
    margin: 50px 0 20px;
    min-height: 200px;
}
.mainimg_under_lan{
	background: url(../img/lang_mainimg.jpg) center / cover no-repeat #fff;
}
.mainimg_under_con,.mainimg_under_pri{
	background: url(../img/cont_mainimg.jpg) center / cover no-repeat #fff;
}
.mainimg_under h1,.mainimg_under_lan h1,.mainimg_under_con h1,.mainimg_under_pri h1{
	font-family: 'Anton', sans-serif;
    color: #000;
    font-size: 3rem;
    letter-spacing: 0.2rem;
	padding: 0 0 0 10px;
}

.main_ttl{
	display: flex;
    position: relative;
    top: -26px;
    box-sizing: border-box; /* ボックスモデルを維持するために必要なスタイル */
	
}
.mainimg_under h2,.mainimg_under_lan h2,.mainimg_under_con h2,.mainimg_under_pri h2{
	line-height:4;
	font-weight: bold;
	padding-left: 3%;
	font-size: 1.5rem;
	}


.eng_img,.aus_img,.cnd_img{
	background: url(../img/eng_img_01.jpg) center / cover no-repeat #fff;
    width: 100%;
    margin: 50px 0;
    min-height: 200px;
}
.eng_img h3,.aus_img h3,.cnd_img h3{
	font-family: 'Anton', sans-serif;
    color: #000;
    font-size: 3rem;
    letter-spacing: 0.2rem;
	padding: 0 0 0 10px;
}
.aus_img{
	background: url("../img/aust__img.jpg") center / cover no-repeat #fff;
}
.cnd_img{
	background: url("../img/canada__img.jpg") center / cover no-repeat #fff;
}
.eng_ttl{
	display: flex;
    position: relative;
    top: -26px;
    box-sizing: border-box; /* ボックスモデルを維持するために必要なスタイル */
	
}
.eng_img h4,.aus_img h4,.cnd_img h4{
	line-height:4;
	font-weight: bold;
	padding-left: 45%;
	font-size: 1.5rem;
	}
.aus_img h4{
	padding-left: 31%;
}

.dis_area{
	width: 90%;
    margin: 30px auto;
}
.dis_areaimg{
	margin:40px 0;
}

.ma_100{
	margin-top:100px;
}


@media screen and (min-width: 768px){
	/* 768px以上 */
	.mainimg {
		background: url("../img/top_main_pc07.jpg")
 no-repeat center top;
		  background-size: cover;
		  width: 100%;
		  padding-top: 57.1875%;
			}
	.maining_inner{
		position: absolute;
		  width: 100%;
		  height: 100%;
		  justify-content: center;
		  align-items: center;
		  top: 0;
		  left: 0;
	}
	.mainimg h1{padding:10% 0 0 30%;font-size:2.3rem;width:1000px;}
	.mainimg h2 {
     width: 80%;
    font-size: 1em;
	padding:13% 0 0;}
	.dis_areaimg{
	margin:60px 0;
	width:100%;}
	h2.top_me {
	text-align: center;
    line-height: 2;
    font-size: 2rem;
    margin: 0 0 10px 0;
    background: #FFF8F3;
    padding: 40px;}

	.choice_area{
	display:flex;}
}



@media screen and (min-width: 960px){
	/* 960px以上 */
	.mainimg h1{
	padding:15% 0 0 30%;
	width:100%;
	font-size:3.4rem;}
	.mainimg h2 {
        font-size: 1.3em;
        padding: 10% 0 0;
        line-height: 2.5;}
	.dis_areaimg{
	margin:60px 0;
	width:100%;}
	h2.top_me {
	padding: 5% 10% 5%;
        font-size: 2.1rem;
        line-height: 2;}
}


/*@media screen and (min-width: 768px){
	/* 768px以上 */
	/*.mainimg {
		background:url("../img/top_main_pc.jpg") center / cover #fff;
		width: 100%;
		min-height:95vh;
			}
	.mainimg h1{padding:20% 15% 0;font-size:2.8rem;}
	.mainimg h2 {
     width: 65%;
    font-size: 1.2em;
	padding:10% 0 0;}
	.dis_areaimg{
	margin:60px 0;
	width:100%;}
}
*/
/*@media screen and (min-width: 960px){
	/* 960px以上 */
	/*.mainimg {
		min-height:125vh;}
	.mainimg h1{
	padding:15% 24% 0;}
	.mainimg h2 {
		 width: 100%;
    	font-size: 1.5em;
		padding:10% 0 0;}
	.dis_areaimg{
	margin:60px 0;
	width:100%;}
	
}*/
@media screen and (max-width: 590px){
	/* 590px以下 */
	.d-demo{
		margin-top:-100px;
	}
}


.mainimg img {
    width: 100vw;
}

/*メインコンテンツ
-------------------------------------*/
main {
    margin:0;
}
section {
	margin: 0;
	padding:2rem 0 3rem 0;
}
.g-back{
	background-color: #e5cdd4;
}
.b_back{
	background-color: #0b2f54;
	color: #fff;
}
	.eng{
		font-family: 'Oswald',sans-serif;
    font-weight: 400;
	}
.sm_font{
	font-size:2.2rem!important;	
}



/*キャッチコピー
-------------------------------------*/

.under {
	background:linear-gradient(transparent 70%, #e8cd16 0%);
	font-weight: bold;
    padding:0;
	font-size:2rem;
	line-height:1.6;
}
.center {
	text-align: center;
	margin:2rem 0 1rem 0;
}
.efont,.efont_or{
	font-family: 'Kaushan Script', cursive;
	color: #fff;
	text-align: center;
	font-size: 2.2rem;
    margin-top: 1rem;
}
.efont_or{color: #d8a828;}
.efont02,.efont03,.efont04{
	    font-family: 'Anton', sans-serif;
    color: #dcb3bf;
    text-align: left;
    font-size: 8rem;
	line-height: 0;
}
.efont02 span,.efont03 span,.efont04 span{
	margin-left: 0.5rem;
	font-size:9rem;
}
.efont02_ttl,.efont_jp_ttl,.efont_jp_ttl_wh{
	font-family: 'Anton', sans-serif;
	color: #000;
	font-size:3rem;
	letter-spacing: 0.2rem;
}
.efont02_ttl::before,.efont_jp_ttl::before,.efont_jp_ttl_wh::before {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background-color: #222222;
    text-align: center;
    margin: 0 auto 0.5em auto;
    padding-top: 0.12em;
}
.efont_jp_ttl_wh::before {
	background-color: #fff;
}
.efont_jp_ttl,.efont_jp_ttl_wh{
	font-family: Noto Sans JP,sans-serif;
}

.efont_jp_ttl_wh{
	color: #fff;
}

.featurebox{
	margin:10% 0 15%;
}

.i_dis_area{
	width:80%;
	margin: 0 auto;
	display: block;
}

.feature01_left,.feature02_left,.feature03_left{
    background: #f0eded url("../img/logo_wh.png") no-repeat;
	padding: 3%;
	background-position: 2% 20%;
}

.feature01_left h3,
.feature02_left h3,
.feature03_left h3{
	    font-size: 2rem;
    font-weight: bold;
    padding: 1rem 0 0 0;
letter-spacing: 0.2px;
    line-height: 1.5;}
.feature01_left p,
.feature02_left p,
.feature03_left p{
	font-size: 1.7rem;
    padding:0 1rem 0;
	line-height: 1.4;
    line-height: 1.6;
    letter-spacing: .8px;}

.img-radius,.img-radius2{
  padding: 1em !important;
    position: relative;
    margin:2em 0 0;
}
.img-radius img,.img-radius2 img{
  border-radius:15px;
	-webkit-box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
	box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
}
.img-radius:before,.img-radius2:before {
    content: "";
    position: absolute;
    width: 260px;
    height: 50px;
    background: #e8cd16;
    opacity: 0.7;
    top: 168px;
	left:16px;
}
.img-radius:after {
  content: "ワーキングホリデー";
  position: absolute;
  top: 170px;
    left: 34px;
    font-size: 1.5em;
}
.img-radius2:after {
  content: "語学留学";
  position: absolute;
  top: 170px;
    left: 34px;
    font-size: 1.5em;
}

@media screen and (min-width: 768px){
	.img-radius:before,.img-radius2:before {
		width: 323px;
		height: 80px;
		top: 295px;
		left:16px;
	}
	.img-radius:after,.img-radius2:after{
	  top: 307px;
		left: 40px;
		font-size: 1.9em;
	}
	.for_pc{
		font-size:1.6em;
	}
	.efont02_ttl,.efont_jp_ttl,.efont_jp_ttl_wh{
	font-size: 4rem;
        margin:50px 0;
        clear: both;
        display: block;
	}
	.message_pc{
		width:650px;
		margin: 0 auto;
	}
	.bk_bl {
    font-size: 1.8em !important;
    padding: 8px 30px !important;
}
	.message {
    font-size: 1.2em;
    padding: 0 40px 50px;
		line-height: 2.2;}
	.insta_area {
    margin: 0 auto;
    width: 900px;
    display: flex;
}
	.insta_area .instagram-media{margin-left:10px!important;}
	.arrow_box{
		margin:0 auto!important;
		width: 75%;}
}

.dli-caret-circle-fill-right {
  display: inline-block;
  vertical-align: middle;
  color: #e8cd16;
  line-height: 1;
  position: relative;
  width: 0.8em;
  height: 0.8em;
  border: 0.075em solid currentColor;
  background: currentColor;
  border-radius: 50%;
  box-sizing: content-box;
}

.dli-caret-circle-fill-right::before {
  content: '';
  color: #fff;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.18em 0.31177em;
  border-left-color: currentColor;
  border-right: 0;
  transform: translateX(15%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.wh,.wh02{
	color:#fff;
	font-weight: bold;
    padding: 3rem 0rem 1rem;
        font-size: 2rem;
    text-align: center;
    letter-spacing: 1px;
}
.wh02{color:#4c4c4c;}

/* 768px以上の表示 */
@media ( min-width : 768px ) {
		.wh,.wh02{font-size: 3.8rem;
        margin-top: 5%;}
	.featurebox{
		margin:5% 0 10%;
	}
		
	.pc_featurebox{
		display:flex;}
	.feature01_left,.feature02_left,.feature03_left{
		height:180px;
		padding:5%;
	}


	
	
	
	
}



.bk01{
		background: url("../img/cont01_img01.png") no-repeat;
	    padding: 15% 0 5%;
    	background-size: contain;
    	margin: 5% 0;
    	height: auto;
    	display: block;
	text-align: left;
	}
.bk02{
		background: url("../img/cont01_img02.png") no-repeat;
		padding: 15% 0 5%;
    	background-size: contain;
    	margin: 5% 0;
    	height: auto;
    	display: block;
	position: relative;
	text-align: left;
	}
.bk03{
		background: url("../img/cont01_img03.png") no-repeat;
		padding: 15% 0 5%;
    	background-size: contain;
    	margin: 5% 0;
    	height: auto;
    	display: block;
	position: relative;
	text-align: left;
	}
.bk01 h2,.bk03 h2{
    background: rgba(234,186,39,0.5);
    padding: 3%;
    position: absolute;
    top: -1%;
    left: 0;
}
.bk01 p,.bk03 p{
	background: rgba(255,255,255,0.5);
	width: 70%;
    margin: 20% 0 0 20%;
    padding: 3%;
}
.bk02 h2{
    background: rgba(234,186,39,0.5);
    padding: 3%;
    position: absolute;
    top: -6%;
    right: 0;
}
.bk02 p{
	background: rgba(255,255,255,0.5);
    width: 80%;
    margin: 20% 0 0 0;
    padding: 3%;
}
.bk03 h2{
    top: -6%;
}
.bk03 p{
	width: 80%;
    margin: 20% 0 0 15%;
}
.i-back{
		background: url("../img/cont05_bk_img.png") no-repeat;
    	background-size: contain;
    	height: auto;
	}

.area_block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1rem;
}

.area_bs{
	display: inline-block;
    vertical-align: top;
    width: 50%;
}

.area_bs h3{
	text-align: left;
	font-size: 2.1rem;
    margin: 3rem 1rem 1rem;}
.area_bs h4{
	text-align: left;
	padding: 0.5em;
    margin:0 1rem 1rem;
    border: solid 3px #eaba27;
	background:#fef8e1;
	position: relative;
}
.area_bs img{width: 90%;}

.area_bs h4 p{
	font-size:1.7rem;
    padding: 0 !important;
	line-height: 1.4;
}
.area_bs h4 span{
	font-weight:bold;
}
	.area_bs h3 i,.area_bs h4 span i{
		color:#eaba27;}

.center_img{
	margin-bottom: 2rem;
	text-align: center;
}
.logo_circle,.logo_circle02,.logo_circle03,.logo_circle04{
	background: #38526b;
    width: 53%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: -14% auto 10%;
    padding: 10% 0 0;
}
.logo_circle02{
	background: #0b2f54;}
.logo_circle03{
	background: #d3e6cc;}
.logo_circle04{
	background: #e6d4cc;}
.logo_circle img,.logo_circle02 img,.logo_circle03 img,.logo_circle04 img{
	width: 68%;
}

.insta_area{
	padding: 0 20px;
}

.btn_area{
	margin:20px 0 20px;}
.btn_area_ma{
	margin:50px 0 20px;}
.arrow_box{
	display: flex;
    margin: 0 auto;
    max-width: fit-content;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 2%;
	margin: 10px 0 10px 0;
}
.arrow_box img{
	height: 100% !important;
}
.arrow_box_a,.arrow_box_c{
    position:relative;
    width:70%;
    height:auto;
    background:#d7e6f1;
    padding:10px;
    text-align:left;
    color:#2C2C2C;
    font-size:0.9em;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	margin: 10px;
}
.arrow_box_a:after,.arrow_box_c:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(215, 230, 241, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -10px;
    border-right-color:#d7e6f1;
    right:100%;
    top:50%;
}

.arrow_box_b{
    position:relative;
    width:70%;
    height:auto;
    background:#f7e5e6;
    padding:10px;
    text-align:left;
    color:#2C2C2C;
    font-size:0.9em;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	margin:10px;
}
.arrow_box_b:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(222, 249, 196, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -10px;
    border-left-color:#f7e5e6;
    left:100%;
    top:50%;
}
.arrow_box_c{
    background:#fff;
}
.arrow_box_c:after{border-right-color:#fff;}
.arrow_box_c span{
	color: #B51114;
}

.img_size{
	width:30%;
}
.img_size02{
	width:40%;}
.pross_box{
	width:40%;
	margin:5%;
}
.pross_box .circleimg{
	background-color: #fff;
	border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	padding: 6% 5% 5%;
	width:110px;
	height:110px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
.pross_box .circleimg img{
	position: absolute;
	top: 20%;
    right: 20%;
	width: 60%;
}


.pross_gbk,.pross_obk{
	background-color:#138e47;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-align: center;
	margin: 5% 8%;
	padding:5px;
}
.pross_obk{
	background-color:#e4582d;
}
.pross_dis{
	font-size:1.6rem;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}


@media screen and (min-width: 768px){
	.mainimg_under,.mainimg_under_lan,.mainimg_under_con,.mainimg_under_pri{
		min-height: 400px;        
		margin-top: 100px;}
	.main_ttl{
		max-width:1000px;
		margin: 0 auto;
		top:-55px;}
	.mainimg_under h1,.mainimg_under_lan h1,.mainimg_under_con h1,.mainimg_under_pri h1{
		font-size:6rem;margin-right: 132px;}
	.mainimg_under h2,.mainimg_under_lan h2,.mainimg_under_con h2,.mainimg_under_pri h2 {
    line-height: 5;
    font-size: 2.6rem;}
	
	.bnft_box_ttl {
    max-width: 700px;
    margin: 0 auto;}
	.efont_bnft,.efont_bnft02,.efont_bnft03 {
    font-size: 3.8rem;
    height: 150px;
    width: 150px;
    line-height: 1.2;
    margin-top: -90px;
    padding-top: 34px;}
	
	.bnft_box_ttl h4{
    font-size: 3rem;
	right:48%;}
	.ttl02{
	right:42% !important;}
	.ttl03 {
    right: 36% !important;}
	.bnft_txt {
    margin: 50px auto 150px;}
	.bnft_txt h4 {
    line-height: 1.8;
    font-size: 2.2rem;}
	.bnft_un{
		margin-bottom:0!important;
	}
	
	.efont, .efont_or {
    font-size: 4rem;}
	.eng_ttl {
    max-width: 800px;
    margin: 0 auto;
	top:-52px;}
	.eng_img h3, .aus_img h3, .cnd_img h3 {
    font-size: 7rem;}
	.eng_img h4, .aus_img h4, .cnd_img h4 {
    line-height: 4;
    font-size: 3rem;}
	.aus_img h4{
		padding-left: 32%;
	}
	.dis_area {
		font-size:2rem;
	width:50%;}
	.arrow_box_a,.arrow_box_b,.arrow_box_c{
    padding:30px;
		font-size:1.2em;
		width: 80%;}
	.container h3{
		font-size: 2.2rem;
        padding: 3% 0;
        line-height: 2;}
	.i_dis_area h3{
		font-size: 2.2rem;
        line-height: 1.3;
		padding:10px 0 5px 0;
	}
	.logo_circle{
    width: 31%;
        margin: -7% auto 10%;
        padding: 5% 0 0;}
	.logo_circle02{
		        width: 27%;
        margin: -5% auto 2%;
        padding: 4% 0 0;}
	.logo_circle img,.logo_circle02 img{
		width: 50%;}
	.btn_area{
		margin: 70px 0 50px;
        display: flow-root;}
	.btn_area_ma{
		margin: 70px 0 0;
        display: flow-root;}
		.btn_area span,.btn_area_ma span{font-size:1.2em;}
	.eng_img, .aus_img, .cnd_img{
		min-height:450px;}
	.bnft_box, .bnft_box02, .bnft_box03, .bnft_box04, .bnft_box_lan, .bnft_box02_lan, .bnft_box03_lan, .bnft_box04_lan{
		min-height:450px;}
	.img_size02{
	width:20%;margin-bottom:20px;}
	.arrow_box img {
    width: 20%;}
}

@media screen and (min-width: 960px){
	.mainimg_under h1,.mainimg_under_lan h1,.mainimg_under_pri h1{
		font-size:6rem;margin-right: 300px;}
	.mainimg_under_con h1{margin-right: 500px;}
	.mainimg_under h2,.mainimg_under_lan h2,.mainimg_under_con h2,.mainimg_under_pri h2 {
    line-height: 3;
    font-size: 3rem;}
}

.g_back{
	background-color:#d3e6cc;}
.bl_back{
	background-color: #38526b;}
.o_back{
	background-color:#e6d4cc;}

.bk_bl{
	font-size: 1em;
	color: #fff;
	background:#946409;
	font-weight:bold;
	padding:8px 10px;
	margin: 0.5em 1em;
}

.message{
	color: #fff;
	margin-top:40px;
	text-align: justify;
}

.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.g_arw::before,.o_arw::before{
	left: -7px;
    width: 19px;
    height: 6px;
	background: #7a0;
}
.g_arw::after,.o_arw::after{
	left: 0px;
    width: 16px;
    height: 16px;
    border-top: 5px solid #7a0;
    border-right: 5px solid #7a0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.o_arw::before{
	background: #e48a6e;
}
.o_arw::after{
    border-top: 5px solid #e48a6e;
    border-right: 5px solid #e48a6e;
}

.pross_linearea,.pross_linearea_or { /* リスト全体のスタイル */
  display: flex;
  max-width: 800px;
  margin: 0 5% 35px;
  overflow-x: auto;
}
 
.pross_linearea li,.pross_linearea li.g_arw,.pross_linearea_or li{ /* 各リストのスタイル */
  width: 45%;
  padding: 5px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
}
.pross_linearea li.g_arw,.pross_linearea_or li.o_arw { /* 各リストのスタイル */
  width: 3% !important;
}
 
.pross_linearea::-webkit-scrollbar,.pross_linearea_or::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
 
.pross_linearea::-webkit-scrollbar-thumb,.pross_linearea_or::-webkit-scrollbar-thumb {
  background: #7a0; /* ツマミの色 */
  border-radius: 6px; /* ツマミ両端の丸み */
}
.pross_linearea_or::-webkit-scrollbar-thumb {
	background: #e4582d; /* ツマミの色 */}
 
.pross_linearea::-webkit-scrollbar-track,.pross_linearea_or::-webkit-scrollbar-track {
  background: #fff; /* トラックの色 */
  border-radius: 6px; /* トラック両端の丸み */
}
 
 
@media screen and (min-width: 450px) {
 
  .pross_linearea li {width: 46%;}
}

/*ボタン
-------------------------------------*/
a.btn_tbnr{margin:0em 2em 3em 2em;}

a.btn-gradient {
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  border-radius: 0;
  background: rgb(184,240,154);
background: -moz-linear-gradient(90deg, rgba(184,240,154,1) 0%, rgba(251,197,76,1) 43%, rgba(247,121,125,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(184,240,154,1) 0%, rgba(251,197,76,1) 43%, rgba(247,121,125,1) 100%);
background: linear-gradient(90deg, rgba(184,240,154,1) 0%, rgba(251,197,76,1) 43%, rgba(247,121,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8f09a",endColorstr="#f7797d",GradientType=1);
  -webkit-box-shadow: rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
  box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
	margin:0em auto 2em auto;
    font-size: 2rem;
}

a.btn-gradient:hover {
  -webkit-transform: skew(0);
  transform: skew(0);
  color: #fff;
  -webkit-box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
  box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
}
a.btn-gradient_b {
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  border-radius: 0;
  background: rgb(5,181,5);
background: -moz-linear-gradient(90deg, rgba(5,181,5,1) 0%, rgba(0,185,0,1) 33%, rgba(0,255,0,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(5,181,5,1) 0%, rgba(0,185,0,1) 33%, rgba(0,255,0,1) 100%);
background: linear-gradient(90deg, rgba(5,181,5,1) 0%, rgba(0,185,0,1) 33%, rgba(0,255,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05b505",endColorstr="#00ff00",GradientType=1);
  -webkit-box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
  box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
	margin:0em auto 2em auto;
    font-size: 2rem;
}

a.btn-gradient_b:hover {
  -webkit-transform: skew(0);
  transform: skew(0);
  color: #fff;
  -webkit-box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
  box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
}

a.btn-gradient_inst {
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  border-radius: 0;
  background: linear-gradient(to right,
        rgba(247, 207, 0, 0.7),
        rgba(246, 37, 2, 0.7) 45%,
        rgba(182, 47, 82, 0.7) 75%,
        rgba(113, 58, 166, 0.7));
  -webkit-box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
  box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
	margin:0em auto 2em auto;
    font-size: 2rem;
}

a.btn-gradient_inst:hover {
  -webkit-transform: skew(0);
  transform: skew(0);
  color: #fff;
  -webkit-box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
  box-shadow:rgba(99, 99, 99, 0.4) 0px 1px 8px 0px;
}


@media screen and (min-width: 768px){
/* PC時はMENUボタンを非表示 */
	h5 {
        font-size: 3rem;
    }
	a.btn-gradient,a.btn-gradient_b,a.btn-gradient_inst {
		width:50%;
		padding: 2%;
        font-size: 1.7em;}
	a.btn-gradient_inst {width:40%;}
	.bk01,.bk02,.bk03{
		padding-top:45%;}
	.bk01 h2,.bk02 h2,.bk03 h2{
		font-size:2rem;
		padding:2%;
		position: unset;}
	.bk01 p, .bk02 p,.bk03 p{
		width: 100%;
    	margin:0%;
    	padding: 3%;
    	font-size: 1.8rem;}
	.under{
		font-size:3rem;
	}
	.efont{
		font-size: 3.3rem;
	}
	.pross_linearea,.pross_linearea_or { 
  max-width: 1000px;
  margin: 10px auto 20px;}
	.pross_box .circleimg{
		width:180px;
		height:180px;
	}
	.pross_gbk, .pross_obk{
		font-size:2.5rem;
		padding: 10px;
	}
	.pross_dis{
		font-size:1.8rem;
		padding-left: 10px;
        font-weight: bold;
	}
	.img_size {
    width: 20%;}
	.logo_circle, .logo_circle02, .logo_circle03, .logo_circle04{
		width: 25%;
		margin: -7% auto 50px;
    	padding: 5% 0 0;
	}
	.pross_linearea li, .pross_linearea li.g_arw, .pross_linearea_or li{
		width:22%;
		margin: 0;
		padding: 0;
	}
	.arrow_box_big{
		width: 70%;
    margin: 40px auto;
	}
}

@media screen and (max-width: 768px){
	.btn-gradient,.btn-gradient_b,.btn-gradient_inst {
	width:80%;
	padding: 4% 5%;
		font-size: 2rem;}
	
}

.flow.row {
	margin-bottom: 3rem;
}

.txt{
   text-align: left;
   font-size: .9em;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 480px;
  table-layout: fixed;
  color: #fff;
}

table tr {
  padding: .15em;
}
table tr:last-child{
}
table th,
table td {
  padding: 10px;
}
tbody th {
    color: #fff;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
   text-align: right;
}
@media screen and (max-width: 600px) {
	footer {
    padding: 0 0 150px;
	height: 70vh;}
  table {
    border: 0;
    width:90%
  }
  table th{
    border-right: none;
    padding-bottom: .4em;
    margin-bottom: .4em;
	  width: 100px;

  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    display: block;
  }
  
  table td {
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 1em;
    border-right: none;
  }
  
  table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}

/*フッター
-------------------------------------*/


footer {
    background-color: #0b2f54;
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: url("../img/footer_img3.png") center / cover #0b2f54;
    padding: 0;
    margin: 0;
}
@media screen and (max-width: 767px){
footer{min-height: 50vh;}
}
/*お問い合わせ
-------------------------------------*/
.contact-box {
	border: 1px solid #ccc;
	text-align: center;
	padding: 2rem 0;
}
.table {
	margin: 4rem 0;
}
.table th {
	width: 250px;
}

/*コピーライト
-------------------------------------*/
.copyright {
    text-align: center;
    padding: 1rem 0;
	color: #fff;
	font-size: 1.2rem;
	position: sticky;
	  top: 100vh;
	  width: 100%;
}
.prive{
	margin:0 auto;
	padding:20px;
}

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
}
#pagetop a {
    display: block;
    background: #0b2f54;
    color: #fff;
    width: 50px;
    padding: 10px 5px;
    text-align: center;
	opacity:0.5;
}
#pagetop a:hover {
    background: #2F4F71;
}

/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px){
	
/*ヘッダー
-------------------------------------*/
.header-box {
	display: none;
}	
/*お問い合わせ
-------------------------------------*/
.table th {
	width: 100%;
	display: block;
}	
.table td {
	display: block;
}

/*コンテンツ　スマホの表示
-------------------------------------*/
	.arrow_box img{
		max-width: 100px;
		
	}
}


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