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


/*html5用*/

section,article,aside,hgroup,header,footer,nav,figure
{

	display  : block;

}
figcaption
{
	display	: inline;
}
figure
{
	margin:0px;
}
h1
{
	margin 		: 0px;
	padding 	: 0px;
}
img
{
	vertical-align: middle;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body
{
	margin: 0px;
	padding: 0px;
	font			: 18px/1.5  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
html:first-child body
{
	font			: 18px/1.5  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}


a:link,
a:visited
{

	text-decoration : underline;
}

a:hover,
a:active
{

	text-decoration : none;
}
p
{
	margin-top 		: 0px; 
}


#container
{
	width 			: 100%; 
	text-align		: center;
}

/*▼header------------------------------------------------------------*/

#header .h_logo
{
	max-width 		: 100px;
	margin 			: 0 auto;
	padding 		: 15px 0px; 
}
#header
{
	box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	border-bottom 		: 1px #CCC solid; 

}


.main_catch_area
{
	background 			: url("../images/common/base/main_bg.jpg") center center / cover no-repeat;
	padding 			: 20px 0px 50px;
	color 			 	: #FFF;  
}
.main_catch_area .sup_text_area
{
	text-align 			: left;
}



.main_catch_area .catch_title
{
	font-size: clamp(1.6rem,4.5vw,2.6rem);
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
line-height 			: 1.3; 
 	 font-feature-settings : "palt" 1;
	 text-shadow: 1px 1px 10px rgba(255,255,255,0.5);
	 
}
.mov_box
{
box-shadow 					: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-webkit-box-shadow 			: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-moz-box-shadow 			: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	margin 					: 0 auto;
	width 					: 100%;
	box-sizing 				: border-box;
	margin-bottom 			: 40px; 
}

.mov_box .mov_box_header
{
	background 				: rgba(0,0,0,.7);
	position 				: relative;
	padding 				: 15px;
	line-height 			: 1.3;
	margin-bottom 			: 20px; 
}
.mov_box .mov_box_header:before
{
	content 				: "";
		border-left: 15px solid transparent;
 	border-right: 15px solid transparent;
	border-top: 15px solid rgba(0,0,0,.7);
	position: absolute;
	width 				: 0px;
	height 				: 0px;
	left 				: 0px;
	right 				: 0px;
	bottom 				: -15px; 
	margin 				: 0 auto;
	
}

.mov_box p
{
	margin 					: 0px; 
}

.mov_box_header .mov_box_title
{
	line-height 			: 1.2; 
	font-weight 			: bold;
	 font-size 				: clamp(1.2rem,3vw,2rem);
	margin 					: 0px;
	padding 				: 0px;
	margin-bottom 			: 15px;
	padding-bottom 			: 15px; 
	border-bottom: 1px #333 solid;
}
.mov_box_header .sub_att
{
	color 			: #FFFEDA;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
	 font-size 				: clamp(1.125rem,2vw,1.125rem);
}
.mov_box_header .sub_att .fas
{
	margin-right 		: .5em; 
}



.mov_box_inner
{
  position: relative;
  width: 100%;
  padding-top: 56.5%;
}
.mov_box_inner iframe 
{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.main_catch_area .sub_text
{
	font-size 		: clamp(1rem,2.6vw,1.4rem);
	text-align 		: left;
	margin-bottom 	: 0px;
}
.main_catch_area .f_bold
{
	color: #FFF195;
}

/*▼main------------------------------------------------------------*/

#contents_wrapper
{
	padding 			:60px 0px;
	margin 		 		: 0 auto;
	box-sizing 			: border-box;
	border-top 			: 10px solid #EEE; 
}

.section_inner
{
	width 				: 90%;
	max-width 			: 850px;
	margin 				: 0 auto;
 
}
.section_inner_large
{
	width 				: 90%;
	max-width 			: 1000px;
	margin 				: 0 auto;
 
}


/*▼footer------------------------------------------------------------*/

#footer
{
	clear:both;
	background:#22345f;
	position:relative;
	z-index:100;
	text-align: left;
}


#footer #footer_inner
{
	width				: 1000px;
	margin				: 0 auto;
	padding				: 20px 0%;
	text-align			: left;
	position				: relative;
}
#footer .footer_logo a,
#footer .footer_logo_inner
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align:middle;
}
#footer .footer_logo_inner
{
	border-left:1px #3b4b6f solid;
	border-right:1px #3b4b6f solid;
	padding				: 1% 7% 3% 3%;
	margin-left			: 2%;
}
#footer .footer_logo_inner img
{
	margin-bottom		: 15px;
}

#footer ul.site_link_list,
#footer li.site_link_list li,
#footer ul.link_list,
#footer ul.link_list li
{
	margin				: 0px;
	padding				: 0px;
}
#footer ul.site_link_list li
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	margin-right		: 10px;
}
#footer ul.site_link_list li a:hover
{
	opacity				: 0.9;
}

#footer ul.site_link_list
{
	position			: absolute;
	right				: 0px;
	top					: 35px;

}

#footer ul.link_list li
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	font-size			: 13px;
}

#footer ul.link_list li
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	margin-right		: 10px;
	color				: #EEEEEE;
}
#footer ul.link_list li a
{
	color:#EEEEEE;
}


#footer ul.link_list
{
	position			: absolute;
	right				: 0px;
	bottom				: 28px;
	max-width 			: 434px;
}
#footer .copy
{
	background			: #FFF;
}
#footer .copy small
{
	font-size			: 14px;
	color				: #22345f;
	font-style:normal;
	width				: 1000px;
	margin				: 0 auto;
	padding				: 0.5% 0px;
	text-align			: right;
	display				: block;
}

#footer .disclaimer_block
{
	background			: #192647;
	padding				: 1.7% 0px;
}


#footer .disclaimer_block_inner
{
	width				: 1000px;
	margin				: 0 auto;
		display 	 	: flex;
 	display 	 		: -ms-flexbox;
 	flex-flow 		 	: row wrap;
 	-ms-flex-flow 	 	: row wrap;
	justify-content 	: space-between;
 	-ms-flex-pack  		: justify;
}
#footer .disclaimer_block_inner .disc_item
{
	width				: 48%;
	color				: #999;
}
#footer .disclaimer_block_inner .disc_item .disc_title
{
	font-size			: 14px;
	padding				: 10px 0px 10px 10px;
	border-left			: 1px #999 solid;
	margin-bottom		: 10px;
}
#footer .disclaimer_block_inner .disc_item .disc_cont
{
	font-size			: 14px;
}
#footer .sns_link_small,
#footer .sns_link_small li
{
	margin				: 0px;
	padding				: 0px;
	list-style			: none;
}

#footer .sns_link_small
{
	position			: absolute;
	left				: 170px;
	bottom					: 30px;
}


#footer .sns_link_small li
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align		: middle;
	margin-left			: 5px;
}
#footer .sns_link_small li:first-child
{
	border-right:1px #CCC dotted;
	padding-right		: 15px;
	margin-right		: 5px;
}

#footer .sns_link_small li
{
	font-size			: 12px;
	color:#FFF;
}


#footer .sns_link_small li i
{
	color				: #FFF;
	font-size			: 18px;
}

#footer .sns_link_small li.facebook a:hover i
{
	color:#3b5998;
}

#footer .sns_link_small li.twitter a:hover i
{
	color:#5ea9dd;
}

#footer .sns_link_small li.google a:hover i,
#footer .sns_link_small li.youtube a:hover i
{
	color:#d95336;
}
#footer .sns_link_small li.insta a:hover i
{
	color:#c150cd;
}
#footer .sns_link_small li.line a:hover i
{
	color:#4ecd00;
}
#footer .sns_link_small li.mm a:hover i
{
	color:#F39;
}
/*1024以下の指定（タブレット）*/
@media screen and (max-width: 1024px){

#container .header_line .inner,
#header .header_inner,
#contents_wrapper
{
	width 			: 100%;
	box-sizing: border-box;
}

#container .header_line .inner
{
	padding 		: 10px; 
}
/*▼main------------------------------------------------------------*/

#contents_wrapper
{
	padding 		: 4% 3%; 
}

/*▼footer------------------------------------------------------------*/

#footer #footer_inner,
#footer .disclaimer_block_inner
{
	width			: 90%;
    padding			: 3% 0%;

}
#footer .copy small
{
	width			: 100%;
	text-align		: center;
}


#footer .footer_logo_inner img
{
	width			: 80%;
	height:auto;
}

#footer ul.site_link_list,
#footer ul.link_list
{
	position		: static;
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align		: bottom;
}

#footer ul.site_link_list
{
	width			: 45%;
	
}
#footer ul.link_list
{
	width 			: 54%; 
}
#footer ul.site_link_list li
{
	width			: 45%;
}
#footer ul.site_link_list li img
{
	width			: 100%;
	height			: auto;
}

#footer .footer_logo_inner
{
	border-right	: none;
}

#footer .footer_logo a
{
	width				: 25%;
	text-align			: center;
}

#footer .footer_logo a img
{
	width				: 40%;
	height:auto;
}


#footer .footer_logo_inner
{
	box-sizing			: border-box;
	width				: 48%;
    padding				: 1% 3% 4% 3%;
	margin-left			: 0%;
}

#footer .sns_link_small
{
	left				: 28%;
	top					: 43%;
}


#footer ul.site_link_list li
{
	vertical-align:bottom;
	margin-left			: 2%;
	margin-right		: 0%;
}
#footer ul.link_list li
{
	vertical-align:bottom;
}
#footer .footer_logo
{
	margin-bottom		: 3%;
border-bottom: 1px #3b4b6f solid;
padding-bottom			: 3%;
}

}

/*767以下の指定（スマホ横)*/
@media screen and (max-width: 767px) {

.mov_box
{
	margin-bottom 		: 25px; 
}



}


/*480以下の指定（スマホ横)*/
@media screen and (max-width: 480px) {



/*▼footer------------------------------------------------------------*/
#footer .footer_logo_inner img {
    width: 100%;
    height: auto;
}

#footer .footer_logo
{
	letter-spacing: -1em;
	overflow: hidden;
}
#footer .footer_logo a
{
	letter-spacing 		: normal;
	width				: 30%;
	text-align			: center;
}
#footer .footer_logo a img
{
	width				: 60%;
	height				: auto;
}



#footer .footer_logo
{
	margin-bottom		: 1.5%;
border-bottom: 1px #3b4b6f solid;
padding-bottom			: 3%;
}




#footer .footer_logo_inner
{
	box-sizing			: border-box;
	width				: 68%;
    padding				: 1% 4% 1% 4%;
	margin-left			: 0%;
}

#footer .sns_link_small
{
	position:static;
	text-align:center;
	padding-bottom				: 1%;
	margin-bottom				: 4%;
border-bottom: 1px #3b4b6f solid;
}

#footer ul.site_link_list, #footer ul.link_list
{
	display:block;
	width				: 90%;
	margin				: 0 auto 3%;
}
#footer .disclaimer_block_inner .disc_item
{
	display				: block;
	width				: 90%;
	margin				: 0 auto 0%;
	

}

#footer .copy small
{
	font-size			: 12px;
}

}