.header_tel{width: 163px;margin-right: 1vw;}
h1 {font-size: 16px;}
.header_content_2{right: 10vw;}

/*ここから全体*/
body{font-family: YakuHanJPs_Narrow, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, sans-serif; box-sizing: border-box; color: #707070;}
h2{font-size: 30px; color: #2885D6;}
.sp{display: none;}
.pad{background: none;justify-content: space-around;}
/*全体終わり*/

/*ここからふわっと出るエフェクト*/
.fadein {opacity : 0;transform : translate(0, 50px);transition : all 500ms;}
.fadein.scrollin {opacity : 1; transform : translate(0, 0); }
/*ふわっと出るエフェクト終わり*/


/*ここからトップ*/
.slick-track{position: relative;}
.TOP_MOJI{position: absolute;top: 0;width: 1100px;}
.TOP_MOJI img{width: 100%;}
.CONTENTS{margin-top: 100px;}
.mini{font-size: 2.5vw;}
.bg{background: rgba(0,0,0,0.3);height: 56.2vw;z-index: 5;position: absolute;top: 0;width: 100%;height: 100vh;}
.content{width: 200px;height: 150px;background: #000;position: relative; /*相対位置*/}

.image{position: relative;}
.image video{height: 100vh; left: 0; top: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1;}
.mov{height: 100vh;overflow: hidden;}
.image img{width: 100%;}
.main_tytle{position: absolute;bottom: -2.5vw;width: 100%;text-align:center;font-size: 6vw;line-height: initial;font-family: 'Libre Baskerville', serif;font-weight: 400;letter-spacing: 0.05em;color: white;color: rgba(255,255,255,0.8);}
.ruikei{position: absolute;top: 37%; width: 100%;text-align: center;color: white;font-size: 1.6vw;z-index: 20;}
.sub_title{
	position: absolute;
	top: 45%;
	line-height: 2.3vw;
	text-align: center;
	font-size: 3.5vw;
	left: 0;
	right: 0;
	/* transform: translate(-50%, -50%); */
	font-weight: bold;
	letter-spacing: 4px;
	width: 100%;
	margin: 0 auto;
	color: white;
}
.moji{
	position: absolute;
	top: 54%;
	line-height: 2vw;
	text-align: center;
	font-size: 1vw;
	left: 0;
	right: 0;
	color: white;
	/* transform: translate(-50%, -50%); */
}

.sample-text1 {
	  opacity: 0;
    animation-name: fadein;
    animation-duration: 2s;
		animation-fill-mode: forwards;
		z-index: 20;
}
.sample-text2 {
	  opacity: 0;
    animation-name: fadein;
		animation-delay: 0.5s;
    animation-duration: 2s;
		animation-fill-mode: forwards;
		z-index: 20;
}
.sample-text3 {
	  opacity: 0;
    animation-name: fadein;
		animation-delay: 1s;
    animation-duration: 2s;
		animation-fill-mode: forwards;
		z-index: 20;
}
.sample-text4 {
	  opacity: 0;
    animation-name: fadein;
		animation-delay: 1.5s;
    animation-duration: 2s;
		animation-fill-mode: forwards;
		z-index: 20;
}

.sample-text5 {
	  opacity: 0;
    animation-name: fadein;
		animation-delay: 2s;
    animation-duration: 2s;
		animation-fill-mode: forwards;
		z-index: 20;
}

@keyframes fadein {
from {opacity: 0;transform: translateY(20px);}
to {opacity: 1;transform: translateY(0);}
}

.big{font-size: 2.7vw;margin: 0px 8px;}
/*トップ終わり*/




/*ここからCONTENTS*/
.title_eng{font-size: 25px; margin-bottom: 10px;}
.title_ja{font-size: 13px; margin-bottom: 20px;}
.title_matome{text-align: center;}
.select{display: flex; justify-content: center; width: 1200px; margin: 0 auto;}
.select_button{width: 260px; margin: 40px 10px 75px 10px; position: relative; color: white;}
.select_button img{width: 100%;}
.setsumei{font-size: 16px;}
.co_setsumei{width: 80%;
margin: 0 auto;
line-height: initial;
font-size: 16px;}
.co_matome{ position: absolute; top: 0%; padding-right: 25px; padding-left: 25px; font-weight: bold; padding-top: 12px; pointer-events: none; font-weight: 100;}
.co_box{line-height: 23px; border-top: 1px solid;padding-top: 15px; font-size: 14px; text-align: justify;}
.co_tytle{margin-top: 10px; margin-bottom: 10px; line-height: 30px; font-size: 17px; }
.co_tytle span{font-size: 24px; margin-right: 0vw;}
.co_wrap{display: flex;}
.mark{margin-top: 39px; margin-right: 8px;}
.select_button a{color: white; text-decoration: none; transition: all 0.6s ease;}
/*CONTENTS終わり*/

/*ここからLIST*/
/*.LIST{margin-top: 35px;}*/
.link_ichiran{text-align: center;}
.ex_matome {display: flex; justify-content: center; flex-wrap: wrap; width: 1200px; margin: 0 auto; }
.examples{width: 350px; margin: 40px 10px 30px 10px;}
.example_img img{width: 100%}
.example_title {
margin: 15px 0 15px 0px;
font-size: 16px;
}

dl{
  display:flex;
  flex-wrap: wrap;
  border-bottom: dotted 1px #ccc;
  border-top: none;
	border-left: none;
	border-right: none;
}
dt{
  background: #F7FBFF;
  width: 45%;
  padding: 10px;
  box-sizing: border-box;
  border-top: dotted 1px #ccc;
	border-right: none;
}
dd{
  padding: 10px;
  margin: 0;
  border-left: 1px solid #ccc;
  border-top: dotted 1px #ccc;
  width: 55%;
  background: #fff;
  box-sizing: border-box;
	border-left: none;
}
.example_button{width: 80%; margin: 15px auto;}
.example_button img{width: 100%;}
/*LIST終わり*/

.link_ichiran{margin: 45px auto; margin-top: 10px; margin-bottom: 70px;}
.link_ichiran img{width: 100%;}
.header_content_2{display: block;position: initial;}




.select_button {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	background: #000;
}
.select_button a{opacity: 1; }
.select_button img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.select_button img:hover {
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.5s;	/*変化に掛かる時間*/
	opacity: 0.8;	/* 小さくするほど暗くなります */
}

.btn--white,
a.btn--white {
	background-color: #fff;
	color: #113F8C;
	opacity: 1;
	border: 2px solid #113F8C;
	font-size: 15px;
	padding: 16px 50px;
	letter-spacing: 2px;
	font-weight: 400;
}
.btn--white:hover,
a.btn--white:hover {
	background-color: #113F8C;
	color: white;
opacity: 1;

}

.btn--white:after{
    box-sizing: border-box;
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    padding: 17px;
    position: absolute;
    right: 0;
    top: 0px;
    font-weight: 900;
}

.headerColor-default {
    color: #000;
    background: rgba(255,255,255,0.8);
    /* （画像よりも下までスクロールした時に変えたい文字色） */
  }
	.headerColor-default a{
	    color: #000;
	    /* （画像よりも下までスクロールした時に変えたい文字色） */
	  }


/*ここからレスポンシブデザイン*/

.sc{position: absolute; top: 75%; color: white; z-index: 20; text-align: center; width: 100%;}
.arrow_right3 {
font-size: 100px;
position: relative;
width: 20px;
height: 20px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(45deg);
top: 79%;
position: absolute;
z-index: 20;
right: 49.4vw;
}

.slider{
    margin: 0px auto;
    width: 1100px;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}


.slick-dotted.slick-slider {
margin-bottom: 30px;
padding-top: 80px;
}




.btn,
a.btn,
button.btn {
  font-size: 1.2vw;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1vw 3vw 1vw 3vw;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.6s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 10px;
	letter-spacing: 1px;
}

.btn--red,
a.btn--red {
  color: #fff;
  background-color: #C1272D;
	/*border: 2px solid #C1272D;*/
}

.btn--red:hover,
a.btn--red:hover {
	background: #F7931E;
	/*color: #C1272D;*/
	/*border: 2px solid #C1272D;*/
opacity: 1;
}

.btn--red--jisseki, a.btn--red--jisseki {
color: #fff;
background-color: #981d27;
border: 2px solid #981d27;
}

.btn--red--jisseki:hover,
a.btn--red--jisseki:hover {
	background: #C1272D;
	color: #fff;
	border: 2px solid #C1272D;
opacity: 1;
}



.btn--skyblue,
a.btn--skyblue {
  background-color: #fff;
	color: #2486D7;
	opacity: 1;
	border: 2px solid #2486D7;
}

.btn--skyblue:hover,
a.btn--skyblue:hover {
	background: #2486D7;
opacity: 1;
color: #fff;
}

.btn--skyblue--jisseki,
a.btn--skyblue--jisseki {
  background-color: #2486D7;
	color: #fff;
	opacity: 1;
	border: 2px solid #2486D7;
}

.btn--skyblue--jisseki:hover,
a.btn--skyblue--jisseki:hover {
	background: #fff;
opacity: 1;
color: #2486D7;
}


.btn--green,
a.btn--green {
  color: #095F22;
  background-color: #fff;
	border: 2px solid #095F22;
}

.btn--green:hover,
a.btn--green:hover {
	background: #095F22;
opacity: 1;
color: #fff;
}

.btn--green--jisseki,
a.btn--green--jisseki {
  color: #fff;
  background-color: #095F22;
	border: 2px solid #095F22;
}

.btn--green--jisseki:hover,
a.btn--green--jisseki:hover {
	background: #fff;
opacity: 1;
color: #095F22;
border: 2px solid #095F22;
}

.btn:after {
box-sizing: border-box;
content: '\f105';
font-family: "Font Awesome 5 Free";
padding: 1vw 1.2vw;
position: absolute;
right: 0;
top: 0px;
font-weight: 900;
}


/*ここからNEWS*/
dl.news{width: 700px; margin: 0 auto; font-size: 16px;margin-top: 10px;padding-bottom: 5px;}
dt.news{background: none; border-top: none; width: 25%;text-align: right;}
dd.news{background: none; border-top: none; width: 75%;text-align: left; padding-left: 5%;}
dd.news a{color: #707070;}
/*NEWS終わり*/




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

.pc{display: none;}
.sp{display: block;}
.none{display: none;}
.title_matome{margin-top: 50px;}

/*ここからトップ*/
.sl_pc{display: none;}
.sl_sp{display: block;}
.main_tytle{top: 42%;font-size: 5vw;line-height: 36px;font-weight: bold;}
.sub_title{font-size: 7.5vw;top:42%;width: 85%;margin: 0 auto;letter-spacing: 1px; font-weight: 100;}
.moji{ top: 49%; line-height: 5.1vw; font-size: 3vw; width: 100%; font-weight: 100;}
.mini {font-size: 3.5vw;}
.ruikei{top: 35%;font-size: 3.6vw;}
.big {font-size: 5.7vw; margin: 0px 3px;}
.left_head{display: none;}
#slideshow{height: 80vw;}
.TOP_MOJI{width: 100vw;}
.slick-initialized .slick-slide {width: 100vw;}
/*トップ終わり*/

/*ここからCONTENTS*/
.CONTENTS{margin-bottom: 0px;}
.image{margin-bottom: 45px;}
.title_eng{font-size: 22px;}
.title_ja{font-size: 15px; }
.setsumei{width: 85%; margin: 10px auto; line-height: normal;}
.select{display: block; margin-top: 35px; width: auto;}
.select_button{width: 90%; margin: 20px auto;}

.co_matome {padding-right: 5vw;padding-left: 5vw;padding-top: 4vw;}
.co_tytle{line-height: 7.6vw;font-size: 4vw;}
.co_tytle span {font-size: 7.2vw;}
.co_box {padding-top: 4vw;font-size: 3.7vw;line-height: 6.6vw;}
.co_tytle{margin-bottom: 4vw;}
.mark{margin-top: 12vw; margin-right: 7vw;}
/*CONTENTS終わり*/

/*ここからLIST*/
.ex_matome{display: block; margin-top: 35px; width: 90%;}
.examples{width: 100%; margin: 0 auto; margin-bottom: 50px;}
dt{font-size: normal;}
.example_title {margin: 15px 0 15px 0px;font-size: 17px;font-weight: bold;}
/*LIST終わり*/

.link_ichiran{width: 85%;}
.arrow_right3{right: 47.8vw;}

/*ここからNEWS*/
dl.news{width: 90vw; margin-top: 20px;padding-bottom: 0px;}
dt.news{width: 100vw;padding: 0; text-align: left;}
dd.news{width: 100vw;padding-left: 0;}
/*NEWS終わり*/


.btn,
a.btn,
button.btn {
	font-size: 3.5vw;
	padding: 4vw 10vw 4vw 10vw;
}

.btn:after{padding: 1vw 3vw;top: 10px;}

}