@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------------------------
 上部
--------------------------------------------------------------------------------------- */
.top_contents_top_box{
	width: 100%;
	margin-top: 100px;
}

.top_contents_top_box .wrapper{
	margin: auto;
	padding-top: 40px;
}
.top_contents_top_box .main_title{
    margin: 0px 0;
    background:#00A7E7;
    width:100%;   
}
.top_contents_top_box h2{
	width: 960px;
    margin :0 auto;
    font-family: "Noto Sans JP";
	font-size: 42px;
    padding: 30px 30px 10px;
	font-weight: 700;
    color: #FFF;
}
.top_contents_top_box .h2_subtitle{
	width: 960px;
    margin :0 auto;
    font-family: "Noto Sans JP";
    font-size: 24px;
	font-weight: 700;
    color: #FFF;
    padding: 10px 0 30px 30px;
}

/* ナビゲーション */

.top_contents_top_box .e_select_box{width: 960px; margin: 0 auto;}
.top_contents_top_box .e_select_box .in_box{margin: 60px 0 80px;}
.top_contents_top_box .e_select_box .in_box a:hover{
	opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
.top_contents_top_box .e_select_box .in_box a{display:block; width:100%;}
.top_contents_top_box .e_select_box .in_box a .e_img,
.top_contents_top_box .e_select_box .in_box a .e_txt{display: inline-block; vertical-align: top;}
.top_contents_top_box .e_select_box .in_box a .e_img{width: 294px; margin: 0 24px 0 5px;}
.top_contents_top_box .e_select_box .in_box a .e_img img{width:100%;}
.top_contents_top_box .e_select_box .in_box a .e_txt{width: 625px; font-size: 16px; line-height: 30px; }
.top_contents_top_box .e_select_box .in_box a .e_txt .e_title{
    font-size: 24px;
    font-weight:bold;
    border-bottom: solid 3px #595757;
    padding: 5px 10px 10px 10px;
}
.blue{color:#33A1D2!important;}
.red{color:#B8292D!important;}
.black{color:#231815!important;}
.top_contents_top_box .e_select_box .in_box a .e_txt p{padding:10px 0 0 10px;}
.detail_link{
    background: #33A1D2;
    color: #FFF;
    width: 90px;
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 0 10px;
}

/* --------------------------------------------------------------------------------------
 section共通
--------------------------------------------------------------------------------------- */
.e_sec{
	display: block;
	width: 100%;
	margin-top: 100px;
	border-top: 40px solid #E9E8E8;
    padding: 50px 0 0px;
}
.e_sec h3{
	font-size: 38px;
	color: #FFF;
    text-align: left;
	font-family: "Noto Sans JP";
	font-weight: 700;
    border-bottom: solid 3px #595757;
    padding: 0 0 10px 10px;
}
.e_sec h4{
	font-size: 24px;
	color: #231815;
	margin: 30px 0 30px 1.2em;
    text-align: left;
    line-height: 1.5em;
    text-indent: -1.3em;
	font-family: "Noto Sans JP";
	font-weight: 700;
}
.e_sec .wrapper{
	width: 888px;
	margin: auto;
}
.e_sec .wrapper p {font-size: 16px; line-height: 30px; padding: 10px;}
.e_sec .wrapper figure{text-align: center;padding-top: 30px;}

.e_sec .youtube {
  position: relative;
  width: 600px;
  padding-top: 380px;
	margin: 40px auto 0 auto;
}
.e_sec .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.e_sec .youtube_txt{
	width: 600px;
	margin:10px auto;
	text-align: right;
}
.e_sec .youtube_txt a{color:#33A1D2; font-size: 18px;}
.e_sec .pdf_link{text-align: center; margin: 40px 0 0;}
.e_sec .pdf_link a:hover{    
	opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}
.pt_adjustment{padding: 35px 0 35px!important;}

.e_sec figure a:hover{
	opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";    
}

/* --------------------------------------------------------------------------------------
 movie読み込み
--------------------------------------------------------------------------------------- */
/* wrap */

.hero {
  position: relative;
}

/* video */

.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}