@charset "utf-8";

/*
body
----------------------------------------*/
html,body{
     height: 100%;
}
body {
	min-width: 1300px;
	width:auto;
	color: #404040;
	margin:0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	font-size: 14px;
	line-height: 150%;
	background:#FFFFFF;
}

img {
	border: 0 none;
	vertical-align: top;
	max-width : 100%;
	height: auto;
	width /***/:auto;
}

a img {
	border: 0 none;
	vertical-align: top;
	max-width : 100%;
	height: auto;
	width /***/:auto;
}

a { text-decoration:none; color: #404040; }

.sp_on{ display:none;}
.pc_on{}
.pc_on_in{}
.sp_on_in{ display:none;}
.sp_on02{ display:none;}
.sp_on03{ display:none;}
.sp_on736e{ display:none;}
.sp_on400e{ display:none;}

.mb15{ margin-bottom:15px;}
.bold{ font-weight:bold;}

@media screen and (min-width: 737px) {

body a{}
body a:hover {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6 ease;
	-o-transition: all 0.6 ease;
	opacity:0.7; 
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

}

/* ===================================================================
fonts 14px template
=================================================================== */

.ft_09 { font-size: 64%;}
.ft_10 { font-size: 71%;}
.ft_11 { font-size: 78%;}
.ft_12 { font-size: 85%;}
.ft_13 { font-size: 92%;}
.ft_14 { font-size: 100%;}
.ft_15 { font-size: 107%;}
.ft_16 { font-size: 114%;}
.ft_17 { font-size: 121%;}
.ft_18 { font-size: 128%;}
.ft_19 { font-size: 135%;}
.ft_20 { font-size: 142%;}
.ft_21 { font-size: 150%;}
.ft_22 { font-size: 157%;}
.ft_24 { font-size: 171%;}
.ft_25 { font-size: 178%;}
.ft_26 { font-size: 185%;}
.ft_28 { font-size: 200%;}
.ft_30 { font-size: 214%;}
.ft_32 { font-size: 228%;}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* clearword */

.clearword {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.empty_word{ display:none;}

/* 共通
----------------------------------------*/

#wrapper { opacity:1; position: relative; min-height: 100%; line-height:150%; }
#main_contents{ width:100%; margin:0 auto; position: relative; min-height: 100%;}
p { line-height:150%;}
.text_a_l{ text-align:left;}
.text_a_c{ text-align:center;}
.p_tb10{ padding:10px 0;}
.non_hsl{ opacity:1;}
.non_hsl:hover{ opacity:1;}
.textdu{ text-decoration:underline;}
.pink{ color:#ffb0b8; font-size:115%; }

#downloadLink{ display:none;}
#numberDisplay{ display:none;}
#playPause{ display:none;}
#imageDataContainer{ font-size:100%!important;}

/*
header
----------------------------------------*/
header{ position:relative;}

/* HEADER GLOBALNAVI MOVING */

.head_navarea_mv{ z-index:50; height:93px; background:none; position:absolute; top:0; width:100%; margin:0 auto; clear:both; overflow:hidden; transform: translate3d(0, -93px, 0);
transition:transform 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s;}
.head_navarea_mv.active{ position:fixed; height:93px; background:none; transform: translate3d(0, 0, 0);
transition:transform 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;}
.head_navarea_mv.active02{ position:fixed; height:93px; background:#FFFFFF; transform: translate3d(0, 0, 0);
transition:transform 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;}

.head_navarea_inner{ width:100%; margin:0 auto; position:relative;}
.head_navarea_mv .head_logo{ width:240px; position:absolute; left:0px; top:0px; z-index:51;}
.head_navarea_mv .head_menu{ width:530px; position:absolute; left:275px; top:0px; z-index:52; }
.head_navarea_mv .head_con{ width:329px; overflow:hidden; position:absolute; right:0px; top:0px; z-index:53; }

.head_con01{ float:left;}
.head_con02{ float:left; background:#727272; transition:all 0.3s ease-in-out 0s; }
.head_con02:hover{ background:#000000; }
.head_con02 a:hover{ opacity:1;}

.head_menu ul li{ float:left; padding:0 14px; z-index:1; }
.head_menu ul li a { color:#FFFFFF; padding:39px 0 39px 0; display:block; position:relative; line-height:1; transition:color 0.3s ease-in-out 0s; }
.head_menu ul li a:hover { opacity:1;}

.head_menu ul li a:before,.head_navarea_mv .head_menu ul li a:after{ position: absolute; top: 4.3em; content: ""; width: 0; height: 3px; background: #FFFFFF; transition: 0.6s;}
.head_menu ul li a:before{ left: 50%; }
.head_menu ul li a:after{ right: 50%; }
.head_menu ul li a:hover:before,.head_navarea_mv .head_menu ul li a:hover:after{ width:50%; }

.head_navarea_mv.active02 .head_menu ul li a { color:#404040; transition:color 0.3s ease-in-out 0s; }
.head_navarea_mv.active02 .head_menu ul li a:before,.head_navarea_mv.active02 .head_menu ul li a:after{ background: #727272; }

.first_img{ transition:all 0.3s ease-in-out 0s; }
.second_img{ transition:all 0.3s ease-in-out 0s; }

.sp_head_logo { display:none;}
.sp_menu_open { display:none;}
.sp_menu { display:none;}

/* /HEADER GLOBALNAVI MOVING */

/*
footer
----------------------------------------*/
.foot_site{ width:1220px; margin:48px auto 40px auto; clear:both; overflow:hidden;}
.foot_site ul li{ width:385px; float:left; margin:0 32px 0 0; background:url(../img/common/btm_bdr.png) no-repeat center bottom;}
.foot_site ul li:last-child{ margin:0 0 0 0;}
.foot_site ul li a span{ font-size: 92%; display:block; padding:12px 0; color:#727272;}

footer{ clear: both; background:#fafafa; margin:0 auto; padding:30px 0 0 0;}
.foot_upper{ width:1220px; clear:both; margin:0 auto; padding:0 0 30px 0; border-bottom:1px solid #dedede; overflow:hidden; }
.foot_upper ul{ width:580px; margin:0 auto; overflow:hidden;}
.foot_upper ul li{ float:left; margin:0 0 0 0; border-right:1px solid #e4e4dd; position:relative; z-index:1; }
.foot_upper ul li a{ padding:0 22px; color:#666666; display:block; }
.foot_upper ul li a:hover{ color:#d70c19; opacity:1; }
.foot_upper ul li:last-child{ margin:0 0 0 0; border-right:none; }

.foot_bottom{ width:1220px; clear:both; padding:30px 0 20px 0; margin:0 auto; overflow:hidden; }
.foot_bottom_logo{ margin:0 auto 12px auto; }
.foot_bottom_txt{ line-height:175%; color:#808080; font-size: 85%;}

.copyright{ text-align:center; padding:0; height:75px; line-height:75px; position:relative; font-size: 85%; color:#FFFFFF; background:#c2c2c2;}

.pagetop{ display:none; position:fixed; width:75px; height:75px; z-index:99; right:0px; bottom:0px;}


/* HOME
----------------------------------------*/

.section_home{ width:100%; height:747px; position:relative; clear:both; z-index:1; background:#a0b6bf;}
.section_home_catch{ position:absolute; left:50%; top:50%; margin-left:-355px; margin-top:-50px; width:710px; height:101px; z-index:4; }
.section_home_next{ position:absolute; bottom:50px; left:50%; margin-left:-14px; z-index:5;}
.section_home_slide{ width:100%; height:100%; display:block; position:relative; z-index:1; overflow:hidden;}
.section_home_slide video { width:100%; height:auto; }

.section02{ width:100%; position:relative; padding:20px 0; min-height:196px; z-index:1; text-align:center; clear:both;}
.section02inner{ width:1220px; clear:both; overflow:hidden; margin:0 auto; position:relative;}
.section02 ul { width:815px; clear:both; overflow:hidden;}
.section02 ul li{ border-bottom:1px solid #eeeeee; clear:both; overflow:hidden; position:relative;}
.section02 ul li:last-child{ border-bottom:none;}
.section02 ul li a{ padding:16px 0; display:block; overflow:hidden;}
.section02 ul li a .sec02date{ width:116px; float:left; font-weight:bold; text-align:left; color:#727272;}
.section02 ul li a .sec02til{ width:630px; float:left; text-align:left; color:#404040;}
.section02 ul li a .sec02more{ position:absolute; display:block; right:0; top:18px; border-radius:15px; font-size: 78%; line-height:1.1; text-align:center; color:#c7c7c7; border:1px solid #c7c7c7; padding:4px 10px 3px 10px;
transition:all 0.3s ease-in-out 0s;}
.section02 ul li a:hover .sec02more{ color:#d70c19; border:1px solid #d70c19;}

.section02link{ position:absolute; right:0; top:16px; width:140px;}
.section02link_til{ margin:0 0 50px 0;}
.section02link_btn{ background:#eeeeee; border-radius:15px;}
.section02link_btn a{ padding:5px 8px 5px 22px; display:block; background:url(../img/common/icon_arrow.png) no-repeat 12px 7px; color:#404040;}

.section03{ width:100%; height:420px; position:relative; z-index:1; margin:0 auto; text-align:center; clear:both; background:url(../img/index/sec03bg.jpg) no-repeat center top; background-size:cover}
.section03inner{ width:1220px; height:100%; clear:both; overflow:hidden; padding:52px 0 0 0; margin:0 auto; position:relative; z-index:2;}
.section03tilbox{ margin:0;}
.section03til{ margin:0 0 48px 0; text-align:left;}
.section03link_btn{ width:120px; background:#eeeeee; border-radius:15px; text-align:center;}
.section03link_btn a{ padding:5px 8px 5px 22px; display:block; background:url(../img/common/icon_arrow.png) no-repeat 12px 7px; color:#404040;}
.sec03content01{ width:229px; height:210px; position:absolute; top:0; right:229px; z-index:3;}
.sec03content02{ width:229px; height:210px; position:absolute; top:210px; right:458px; z-index:3;}
.sec03content03{ width:229px; height:210px; position:absolute; top:210px; right:0px; z-index:3;}

.section04 { width:100%; height:400px; position:relative; text-align:center; z-index:1; margin:0 auto; clear:both;}
.sec04left{ width:50%; height:100%; position:absolute; z-index:2; left:0; top:0;}
.sec04right{ width:50%; height:100%; position:absolute; z-index:2; right:0; top:0;}
.sec04left a,.sec04right a{ display:block;}
.sec04til{ height:125px; background:#ffffff; padding-top:52px;}
.sec04box{ height:275px; width:100%; position:relative; z-index:3; }
.sec04box_arrow{ position:absolute; display:block; width:33px; height:17px; left:50%; top:0; margin-left:-16.5px; z-index:4; background:url(../img/index/sec04_bg_arrow.png) no-repeat center top; }
.sec04boxinner01{ background:url(../img/index/sec04bg01.jpg) no-repeat center 40%; background-size:cover; height:100%; width:100%;}
.sec04boxinner02{ background:url(../img/index/sec04bg02.jpg) no-repeat center 40%; background-size:cover; height:100%; width:100%;}

/*********** ここまで ***********/


/* スマートフォン（ディスプレイ幅736px以下）より小さい画面 */

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

/* 共通
----------------------------------------*/

body { min-width: 320px; }

/* clearword */

.clearword {
	text-indent:none;
	white-space:normal;
	overflow:hidden;
}


.sp_on{ display:block!important;}
.pc_on{ display:none!important;}
.pc_on_in{ display:none!important;}
.sp_on_in{ display:inline!important;}
.sp_on02{ display:none;}
.sp_on736e{ display:block;}

/* 共通
----------------------------------------*/

#wrapper { position: relative; min-height: 100%; line-height: 1.5;}
#main_contents{ width:100%; margin:0 auto; position: relative; min-height: 100%;}


/*
header
----------------------------------------*/
header{ position:relative;}

/* HEADER GLOBALNAVI MOVING */

.head_navarea_mv{ z-index:50; height:50px; background:none; position:absolute; top:0; width:100%; margin:0 auto; clear:both; overflow:hidden; transform: translate3d(0, -50px, 0);
transition:transform 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s;}
.head_navarea_mv.active{ position:fixed; height:50px; background:none; transform: translate3d(0, 0, 0);
transition:transform 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s;}
.head_navarea_mv.active02{ position:fixed; height:50px; background:#FFFFFF; transform: translate3d(0, 0, 0);
transition:transform 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s;}

.head_navarea_inner{ width:100%; margin:0 auto; position:relative;}
.head_navarea_mv .head_logo{ display:none; }
.head_navarea_mv .head_menu{ display:none; }
.head_navarea_mv .head_con{ display:none; }

.sp_head_logo { display:block; height:50px; position:absolute; left:0px; top:0px; z-index:51; text-align:left;}
.sp_head_logo img{ height:100%;}
.sp_menu_open { display:block; outline: none; cursor:pointer; width:50px; height:50px; position:fixed; right:10px; top:0px; z-index:10000; transform: translate3d(0, -50px, 0);
transition:transform 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s;}
.sp_menu_open.active { transform: translate3d(0, 0, 0);
transition:transform 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s;}
.sp_menu_open.active02 { transform: translate3d(0, 0, 0);
transition:transform 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s;}

.sp_menu { display:none; position:fixed; top:0; height:100%; width:100%; background:rgba(0,0,0,0.9); z-index:9999;}
.sp_menu nav{ display:block; height:100%; overflow-y:auto; overflow-x:hidden; }
.sp_menu ul{ padding:70px 0 25px 0;}
.sp_menu ul li{ text-align:center; margin:0 auto; padding:0;}
.sp_menu ul li a{ display:block; font-size: 121%; color:#FFFFFF; padding:2.5% 0;}
.sp_menu .sp_con_box{ width:76%; margin:0 auto 20px auto; clear:both; overflow:hidden; border:2px solid #FFFFFF;}
.sp_menu .sp_con_box .sp_con_l{ display:block; float:left; width:50%; border-right:1px solid #FFFFFF;}
.sp_menu .sp_con_box .sp_con_r{ display:block; float:right; width:50%; border-left:1px solid #FFFFFF;}
.sp_menu .sp_con_box img{ width:100%; }
.sp_menu .sp_menu_logo{ margin:0 auto 30px auto; display:block; width:16%;}

/* /HEADER GLOBALNAVI MOVING */

/*
footer
----------------------------------------*/
.foot_site{ width:100%; margin:48px auto 40px auto; clear:both; overflow:hidden;}
.foot_site ul li{ width:92%; float:none; margin:0 auto 12px auto; background:url(../img/common/btm_bdr.png) no-repeat center bottom;}
.foot_site ul li:last-child{ margin:0 auto;}
.foot_site ul li a span{ font-size: 92%; display:block; padding:12px 0; color:#727272;}

footer{ clear: both; background:#fafafa; margin:0 auto; padding:30px 0 0 0;}
.foot_upper{ width:80%; clear:both; margin:0 auto; padding:0 0 30px 0; border-bottom:1px solid #dedede; overflow:hidden; }
.foot_upper ul{ width:100%; margin:0 auto; overflow:hidden;}
.foot_upper ul li{ float:left; text-align:left; width:50%; margin:0 0 5px 0; border-right:1px solid #e4e4dd; position:relative; z-index:1; }
.foot_upper ul li a{ padding:0 8%; color:#666666; display:block; }
.foot_upper ul li a:hover{ color:#d70c19; opacity:1; }
.foot_upper ul li:nth-child(2n){ margin:0 0 5px 0; border-right:none; }
.foot_upper ul li:last-child{ margin:0 0 5px 0; border-right:none; }

.foot_bottom{ width:100%; clear:both; padding:30px 0 20px 0; margin:0 auto; overflow:hidden; }
.foot_bottom_logo{ margin:0 auto 12px auto; }
.foot_bottom_txt{ line-height:175%; color:#808080; font-size: 85%;}

.copyright{ text-align:center; line-height:50px; height:50px; position:relative; font-size: 85%; color:#FFFFFF; background:#c2c2c2;}

.pagetop{ position:fixed; width:50px; height:50px; z-index:99; right:0px; bottom:0px;}
.pagetop a:hover{ opacity:1;}

/* HOME
----------------------------------------*/

.section_home{ width:100%; height:600px; position:relative; clear:both; z-index:1; background:#a0b6bf;}
.section_home_catch{ position:absolute; left:50%; top:25%; margin-left:-36%; margin-top:0; width:72%; height:auto; z-index:4; }
.section_home_next{ position:absolute; left:50%; bottom:8%; margin-left:-3.65%; width:7.3%; z-index:5;}
.section_home_slide{ display:none; width:100%; height:100%; display:block; position:relative; z-index:1; overflow:hidden;}
.section_home_slide video { display:none; width:100%; height:auto; }

.sp_slide01{ width:100%; height:100%; background:url(../img/index/sp/slide01.jpg) no-repeat center top; background-size:cover; }
.sp_slide02{ width:100%; height:100%; background:url(../img/index/sp/slide02.jpg) no-repeat center top; background-size:cover; }
.sp_slide03{ width:100%; height:100%; background:url(../img/index/sp/slide03.jpg) no-repeat center top; background-size:cover; }

.section02{ width:92%; position:relative; margin:0 auto; padding:30px 0; min-height:196px; z-index:1; text-align:center; clear:both;}
.section02inner{ width:100%; clear:both; overflow:hidden; margin:0 auto; position:relative;}
.section02 ul { width:100%; clear:both; overflow:hidden; margin:0 auto 20px auto;}
.section02 ul li{ border-bottom:1px solid #eeeeee; clear:both; overflow:hidden; position:relative;}
.section02 ul li:last-child{ border-bottom:none;}
.section02 ul li a{ padding:12px 0; display:block; overflow:hidden;}
.section02 ul li a .sec02date{ width:100%; float:none; margin:0 auto; padding:0 0 8px 0; font-weight:bold; text-align:left; color:#727272;}
.section02 ul li a .sec02til{ width:100%; float:none; text-align:left; padding:0; color:#404040;}
.section02 ul li a .sec02more{ position:absolute; display:block; right:0; top:12px; border-radius:15px; font-size: 78%; line-height:1.1; text-align:center; color:#c7c7c7; border:1px solid #c7c7c7; padding:4px 10px 3px 10px;}
.section02 ul li a:hover .sec02more{ color:#d70c19; border:1px solid #d70c19;}

.section02link{ position:relative; text-align:left; right:0; top:0px; width:100%;}
.section02link_til{ width:115px; margin:0 0 25px 0;}
.section02link_btn{ background:#eeeeee; border-radius:15px; width:140px;}
.section02link_btn a{ padding:5px 8px 5px 24px; display:block; background:url(../img/common/icon_arrow.png) no-repeat 12px 7px; color:#404040;}

.section03{ width:100%; height:auto; position:relative; z-index:1; margin:0 auto; text-align:center; clear:both; background:url(../img/index/sec03bg.jpg) no-repeat center top; background-size:cover;}
.section03inner{ width:100%; height:100%; clear:both; overflow:hidden; padding:30px 0 0 0; margin:0 auto; position:relative; z-index:2;}
.section03tilbox{ margin:0 0 25px 4%;}
.section03til{ width:115px; margin:0 0 25px 0; text-align:left;}
.section03link_btn{ width:120px; background:#eeeeee; border-radius:15px; text-align:center;}
.section03link_btn a{ padding:5px 8px 5px 22px; display:block; background:url(../img/common/icon_arrow.png) no-repeat 12px 7px; color:#404040;}
.sec03content01{ width:100%; height:auto; position:relative; top:0; right:0; z-index:3; text-align:left; display:block; clear:both;}
.sec03content01 a{ width:50%; display:inline;}
.sec03content02{ width:100%; height:auto; position:relative; top:0; right:0; z-index:3; text-align:right; display:block; clear:both;}
.sec03content02 a{ width:50%; display:inline;}
.sec03content03{ width:100%; height:auto; position:relative; top:0; right:0px; z-index:3; text-align:left; display:block; clear:both;}
.sec03content03 a{ width:50%; display:inline;}
.sec03content01 a img,.sec03content03 a img{ width:50%; float:left;}
.sec03content02 a img{ width:50%; float:right;}

.section04 { width:100%; height:auto; position:relative; text-align:center; z-index:1; margin:0 auto; clear:both;}
.sec04left{ width:100%; height:auto; position:relative; z-index:1; left:0; top:0;}
.sec04right{ width:100%; height:auto; position:relative; z-index:1; right:0; top:0;}
.sec04left a,.sec04right a{ display:block;}
.sec04til{ height:auto; background:#ffffff; padding:30px 0;}
.sec04box{ height:180px; width:100%; position:relative; z-index:3; }
.sec04box_arrow{ position:absolute; display:block; width:33px; height:17px; left:50%; top:0; margin-left:-16.5px; z-index:4; background:url(../img/index/sec04_bg_arrow.png) no-repeat center top; }
.sec04boxinner01{ background:url(../img/index/sec04bg01.jpg) no-repeat center 40%; background-size:cover; height:100%; width:100%;}
.sec04boxinner02{ background:url(../img/index/sec04bg02.jpg) no-repeat center 40%; background-size:cover; height:100%; width:100%;}


/*********** ここまで ***********/

}

@media screen and (max-width: 736px) and (orientation : landscape) {

.section_home{ height:340px; }
.section_home_catch{ position:absolute; left:50%; top:16%; margin-left:-21%; margin-top:0; width:42%; height:auto; z-index:4; }

}

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



}

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

}

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

.sp_on02{ display:block;}

}

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

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

.sp_on03{ display:block;}

}

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

.sp_on736e{ display:none;}
.sp_on400e{ display:block;}

}