@charset "UTF-8";

/*-------------------------
__base_style
-------------------------*/

@media screen and (min-width: 768px) {.none_pc{ display: none!important;}}
@media screen and (max-width: 767px) {.none_sph{ display: none!important;}}

@media screen and (min-width: 768px) {
#fix01{min-width: 1080px!important;}
#wrap{ min-width: 1040px!important;}
}

@media screen and (max-width: 767px) {
#wrap{ overflow: hidden;}
}

/*-------------------------
__リセット
-------------------------*/

#content input[type="submit"],
#content input[type="button"] {
  border-radius: 6px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;}

#content input[type="submit"]::-webkit-search-decoration,
#content input[type="button"]::-webkit-search-decoration {
  display: none;}

#content input[type="submit"]::focus,
#content input[type="button"]::focus {
  outline-offset: -2px;}

/*-------------------------
__content
-------------------------*/
.topic_path{clear:both;padding:0 0 10px; width:1040px;margin:15px auto 0;}
.topic_path ul,
.topic_path ol{width:100%;text-align:left;}
.topic_path li{font-size:1.3em;line-height:1.3;font-weight:700;color:#000;vertical-align:top;display:inline-block;}
.topic_path li:before{content:">";color:#000;font-weight:400;margin-left:5px;margin-right:5px;}
.topic_path li:first-child:before{content:"";margin:0;}
.topic_path li a{font-weight:400;color:#04C; color:#00349f; text-decoration:none;}
.topic_path li a:hover{text-decoration:none; color:#4A71DF;}
/*------------------------コンテンツページのベース部分------------------------*/
#content #contents{ width:1040px; margin:0 auto 60px; text-align:left; overflow: hidden;}
#content #main .basic_title{ text-align:center; background: url(../images/dotted.png), linear-gradient(-135deg, #3A87F8, #00349f); background-position: center, center; background-repeat: repeat, no-repeat; background-size: auto, cover; max-width: 1040px; margin: 0 auto 30px; padding: 50px 0;}
#content #main .basic_title h1{ position: relative;display:inline-block; padding:0 55px; color:#fff; font-size:2.5em;}
#content #main .basic_title h1:before,#contents .basic_title h1:after{content: ''; position:absolute; top:50%; display:inline-block; width:45px; height:2px; background-color:white;}
#content #main .basic_title h1:before { left:0;}
#content #main .basic_title h1:after { right: 0;}
#content #main .pic_title{ margin:0 0 30px 0; padding: 0; max-width: 1040px; overflow: hidden;}
#content #main .pic_title h1{ margin: 0; padding: 0; max-width: 1040px; overflow: hidden;}
#content #main .pic_title h1 img{ width:100%; height:auto;}
#content #main .basic_sub_title{}
#content #main .basic_sub_title h2{ color:#fff; background-color:#00349f; font-size:1.9em; line-height:1.2em; padding:17px 15px 15px; margin:0 0 5px 0;}
#content #main p.basic_p{ font-size:1.4em; line-height:1.8em;}
#content #main a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}

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

.topic_path{clear:both; padding:0 10px 15px; width:100%; margin:10px auto 0; box-sizing:border-box;}
.topic_path li{font-size:1.2em;}

#content #contents{ width:100%; margin:0 auto 40px;padding:0 10px; box-sizing:border-box;}
#content #main .basic_title{margin: 0 auto 15px; padding: 25px 0;}
#content #main .basic_title h1{ font-size:2em; line-height:1.2em; font-weight:700;}
#content #main .pic_title{ width: 100%; margin-bottom: 20px;}
#content #main .pic_title h1{ margin: 0; padding: 0; width: 100%; overflow: hidden;}
#content #main .basic_sub_title h2{ font-size:1.7em; line-height:1.2em; padding:10px 12px 8px; margin:0 0 10px 0; font-weight:700;}
#content #main p.basic_p{ font-size:1.3em; line-height:1.7em;}

}


/*-------------------------エラーページここから-------------------------*/

#content .error{
    width:700px;
    margin: 70px auto 30px;
    text-align: center;
    background-color: #eeeeee;
    padding: 50px;
    box-sizing: border-box;}

#content .error h1{
    font-size: 2.2em;
    line-height: 1.5em;
    font-weight: 700;
    margin-bottom: 20px;}

#content .error .sub_com{
    margin-bottom: 20px;}

#content .error .sub_com p{
    font-size: 1.4em;
    line-height: 1.7;
    margin-bottom: 10px;}

#content .error ul{
    text-align: left;
    border: 1px solid #000;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 30px;}

#content .error ul li{
    font-size: 1.4em;
    line-height: 1.7;
    list-style: square inside;
    text-indent: -1em;
  padding-left: 2em;}

#content .error ul li a{
    color: #00349f;}

#content .error .gotop{}

#content .error .gotop a{
    display: inline-block;
    text-decoration: none;
    font-size: 1.6em;
    color: #fff;
    background-color: #00349f;
    padding: 15px 20px 13px;
    border-radius: 5px;}

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

#content .error{
    width:100%;
    margin: 0 auto;
    padding: 25px;}
    
#content .error h1{
    font-size: 1.7em;
    line-height: 1.4em;
    margin-bottom: 10px;}
    
#content .error .sub_com{
    margin-bottom: 10px;}
    
#content .error .sub_com p{
    font-size: 1.2em;
    line-height: 1.5;}
    
#content .error ul{
    padding: 10px 10px 10px 5px;
    margin-bottom: 20px;}
    
#content .error ul li{
    font-size: 1.2em;
    line-height: 1.5;}
    
#content .error .gotop a{
    font-size: 1.4em;
    padding: 10px 15px 8px;
    border-radius: 5px;}


}

/*-------------------------ヘッダーここから-------------------------*/

@media print{

#fix01{ display: none!important;}

}

header{}

header nav{
	z-index:1001;
	position:fixed;
	top:0;
	width:100%;
	background-color: #00349f;
	border-bottom:1px solid #ffffff;}

header nav ul{
	width:1040px;
	margin:0 auto;
	border-right:1px solid #fff;}

header nav ul li{
	vertical-align: top;
    display: inline-block;
	text-align:center;
	
	float:left;
	width: 16.66666%;
	width: calc((100% - 1px) / 6);
	width: -webkit-calc((100% - 1px) / 6);
	width: -moz-calc((100% - 1px) / 6);
	box-sizing:border-box;
	border-left:1px solid #fff;}

header nav ul li a {
	width:100%;
	font-size: 1.6em;
    line-height: 1;
    color: #FFF;
    text-decoration: none;
    display: block;
    background-color: #00349f;
	padding:16px 0;
    /*box-shadow: 0 2px 0 #B40B00;*/
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

header nav ul li a{
	background-color: #00349f;}

header nav ul li a > span::before{
	content: "";
    vertical-align: middle;
    display: inline-block;
    height: 28px;
    width: 28px;
    margin: -2px 8px 0 0;}

header nav ul li:nth-child(1) a > span::before{background: url(../images/global_menu01.gif) no-repeat 0 0 / contain;}
header nav ul li:nth-child(2) a > span::before{background: url(../images/global_menu02.gif) no-repeat 0 0 / contain;}
header nav ul li:nth-child(3) a > span::before{background: url(../images/global_menu03.gif) no-repeat 0 0 / contain;}
header nav ul li:nth-child(4) a > span::before{background: url(../images/global_menu04.gif) no-repeat 0 0 / contain;}
header nav ul li:nth-child(5) a > span::before{background: url(../images/global_menu05.gif) no-repeat 0 0 / contain;}
header nav ul li:nth-child(6) a > span::before{background: url(../images/global_menu06.gif) no-repeat 0 0 / contain;}

header nav ul li a:hover{
	background-color:#1A51BC;}

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

#sph_header{
	display:none;}

}

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

header nav{
	display:none;}

#sph_header{}

#sph_header .inner{
	padding:10px 10px;}

#sph_header .inner .header_logo{
	height:50px;
	width:auto;}

#sph_header .inner .header_logo img{
	height:100%;
	width:auto;}

}

/*-----------------------------グローバルメニュー-------------------------------*/

.menu > li a {
    display: block;
    color: #fff;}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;}

.menu > li:hover {
    background: #072A24;
    -webkit-transition: all .5s;
    transition: all .5s;}

.menu__second-level li {
    display: block;
    width: 100%;
    border-top: 1px solid #ffffff;}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;}

.menu:after {
    clear: both;}

.menu {
    *zoom: 1;}

.menu > li.menu__single {
    position: relative;}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 50px;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;}

li.menu__single:hover ul.menu__second-level {
    top: 58px;
    visibility: visible;
    opacity: 1;}


/*==========================コンテンツ用ヘッダーココから==================================*/

#header_bottom{
	width:1040px;
	margin:70px auto 0;}

#header_bottom .top_logo{
	float:left;
	width:280px;
	height:auto;}

#header_bottom .top_logo img{
	width:100%;
	height:auto;}

#header_bottom ul{
	float:right;
	margin-top:15px;}

#header_bottom ul li{
	float:left;
	margin-left:10px;}

#header_bottom ul li a{
	display:block;
	font-size:1.3em;
	padding:10px 15px 7px;
	box-sizing:border-box;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

#header_bottom ul li:nth-child(1) a{
	border:2px solid #f00a0a;
	color:#f00a0a;}

#header_bottom ul li:nth-child(1) a:hover{
	color:#fff;
	background-color:#f00a0a;}

#header_bottom ul li:nth-child(2) a{
	border:2px solid #00349f;
	color:#00349f;}

#header_bottom ul li:nth-child(2) a:hover{
	color:#fff;
	background-color:#00349f;}

@media print, screen and (min-width: 768px) {
.pc_none{ display:none;}
}

@media screen and (max-width: 767px) {
.sph_none{ display:none;}

#sph_header{}

#header_bottom{
	margin:0;
	padding:10px 10px;}

#header_bottom .top_logo{
	height:50px;
	width:auto;}

#header_bottom .top_logo img{
	height:100%;
	width:auto;}

#header_bottom ul{
	display:none;}

}

/*-------------------------
__footer
-------------------------*/
#footer {}
.re_top{display:none;height:50px;width:50px;overflow:hidden;position:fixed;z-index:9999;right:15px;bottom:15px;}
.re_top a{display:block;}
.re_top a:hover img{margin-top:-50px;}
.footer_inner{
	max-width:1080px;
	margin:0 auto 100px;
	padding:50px 0 0 0;}

.footer_inner .footer_menu{
	text-align:center;
	margin-bottom:50px;}

.footer_inner .footer_menu ul{}

.footer_inner .footer_menu ul li{
	display:inline-block;
	font-size:1.3em;
	line-height:2.2em;}

/*.footer_inner .footer_menu ul li:nth-child(1) a{
	border-left:1px solid #373332;}*/

.footer_inner .footer_menu ul li a{
	font-weight:700;
	color:#373332;
	text-decoration:none;
	border-right:1px solid #373332;
	padding:0 10px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.footer_inner .footer_menu ul li a:hover{
	color:#aaa;}

.footer_inner .other_link{
	text-align:center;
	margin-bottom:50px;}

.footer_inner .other_link ul li{
	display:inline-block;
	vertical-align:top;
	margin:0 6px;}

.footer_inner .other_link ul li:nth-child(2){
	display:inline-block;
	height:64px;}
.footer_inner .other_link ul li:nth-child(2) img{
	height:100%;
	width: auto;}

.footer_inner .other_link ul li:nth-child(3) ,
.footer_inner .other_link ul li:nth-child(4) ,
.footer_inner .other_link ul li:nth-child(5) {
	display:inline-block;
	border:1px solid #999999;
	box-sizing:border-box;
	padding:10px;}
.footer_inner .other_link ul li:nth-child(6){
	display:inline-block;
	height:64px;}
.footer_inner .other_link ul li:nth-child(6) img{
	height:100%;
	width: auto;}

.footer_inner .other_link ul li a img{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.footer_inner .other_link ul li a :hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}

.footer_inner .footer_com_data{
	max-width:1080px;
	border-top:1px solid #dcdddd;
	padding-top:35px;}

.footer_inner .footer_com_data .left{
	float:left;
	text-align: left;}

.footer_inner .footer_com_data .left .logo,
.footer_inner .footer_com_data .left p{
	display:inline-block;
	vertical-align:middle;}

.footer_inner .footer_com_data .left .logo{
	height:64px;
	margin-right:20px;}

.footer_inner .footer_com_data .left .logo img{
	height:100%;
	width:auto;}

.footer_inner .footer_com_data .left p{
	font-size:1.2em;
	line-height:1.5em;}

.footer_inner .footer_com_data .right{
	float:right;}

.footer_inner .footer_com_data .tel,
.footer_inner .footer_com_data .contact{
	display:inline-block;
	vertical-align:middle;}

.footer_inner .footer_com_data .tel{
    width: 240px;
	margin-right:10px;}

.footer_inner .footer_com_data .tel img{
    width: 100%;
    height: auto;}

.footer_inner .footer_com_data .contact a{
	padding: 0.8em 1.2em 0.7em;
	margin: 10px 0;
	display: block;
	color: #373332;
	border:2px solid #373332;
	box-sizing:border-box;
  
	text-decoration: none;
	font-weight: bold;
	font-size:1.6em;
	border-radius: 3px;
	text-align:center;
	text-decoration:none !important;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
 
 .footer_inner .footer_com_data .contact a:before{
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: -3px 5px 0 0;
	background: url("../images/fix_icon03.png") no-repeat;
	background-size: contain;
	vertical-align: middle;}

.footer_inner .footer_com_data .contact a:hover{
	background-color:#ddd;}

 .footer_inner .copy{
	 margin-top:25px;
	 text-align:center;
	 font-size:1.2em;
	 color:#9fa0a0;}

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

.footer_menu_sph{
	display:none;}

}

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

.footer_inner{
	margin:0 auto 70px;
	padding:20px 0 0 0;}

.footer_inner .footer_menu{
	display:none;}

.footer_menu_sph{
	text-align:center;
	margin-bottom:20px;}

.footer_menu_sph ul li{
	display:inline-block;
	font-size:1.3em;
	line-height:2.2em;}

.footer_menu_sph ul li a{
	font-weight:700;
	color:#373332;
	text-decoration:none;
	padding:0 10px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.footer_menu_sph ul li:nth-child(1) a{
	border-right:1px solid #373332;
	box-sizing:border-box;}

.footer_inner .other_link{
	margin:0 10px 10px 10px;}

.footer_inner .other_link ul li{
	float:left;
	width: 50%;
	width: calc((100% - 10px) / 2);
	width: -webkit-calc((100% - 10px) / 2);
	width: -moz-calc((100% - 10px) / 2);
	box-sizing:border-box;

	height:65px;
	float:left;
	margin-top:0;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:0;}

.footer_inner .other_link ul li:nth-child(2),
.footer_inner .other_link ul li:nth-child(4),
.footer_inner .other_link ul li:nth-child(6){
	margin-right:0;}
.footer_inner .other_link ul li:nth-child(5){
	padding:14px 10px;
}
.footer_inner .other_link ul li img{
	max-width:100%;
	width:auto;
	height:auto;}
.footer_inner .other_link ul li:nth-child(5) img{
	width: 100%;
    max-width:auto;
	height: auto;
	}
.footer_inner .footer_com_data{
	padding-top:20px;}

.footer_inner .footer_com_data .left,
.footer_inner .footer_com_data .right{
	float:none;}

.footer_inner .footer_com_data .left .logo,
.footer_inner .footer_com_data .left p,
.footer_inner .footer_com_data .tel,
.footer_inner .footer_com_data .contact{
	display:block;
	text-align:center;}

.footer_inner .footer_com_data .left p{
    margin: 10px 0;}

.footer_inner .footer_com_data .tel{
    margin: 0 auto;}

.footer_inner .footer_com_data .contact{
	margin:0 10px;}

}
/*-------------------------
__footer　アコーディオンメニュー
-------------------------*/
footer .accordion{width:100%;background:#e6ebf6;border-top:1px solid #00349f;border-bottom:1px solid #00349f;}
footer .accordion .accordion_inner{width:1080px;margin:0 auto;box-sizing:border-box;padding:0 20px;}
footer .accordion .accordion_inner .acc_title{text-align:left;font-size:3.0em;font-weight:700;color:#00349f;position:relative;padding:20px 0 20px 30px;cursor:pointer;}
/*＋*/
footer .accordion .accordion_inner .acc_title::before,
footer .accordion .accordion_inner .acc_title::after{content:'';position:absolute;width:20px;height:5px;background-color:#00349f;top:44%;left:0px;transition:transform .3s;}
footer .accordion .accordion_inner .acc_title::after{transform:rotate(90deg);}
/*クラスで変化*/
footer .accordion .accordion_inner .acc_title.close::before{transform:rotate(45deg);}
footer .accordion .accordion_inner .acc_title.close::after{transform:rotate(-45deg);}
/*acc_box*/
footer .accordion .accordion_inner .acc_box{display:none;margin-bottom:20px;}
footer .accordion .accordion_inner .acc_box .quick_dl{display:flex;}
footer .accordion .accordion_inner .acc_box .quick_dl:nth-of-type(n+2){margin-top:10px;}
footer .accordion .accordion_inner .acc_box .quick_dl dt{font-size:1.4em;line-height:1.4;font-weight:700;width:130px;}
footer .accordion .accordion_inner .acc_box .quick_dl dd{font-size:1.4em;line-height:1.4;}
footer .accordion .accordion_inner .acc_box .quick_dl dd a{display:inline-block;text-decoration:none;color:#555;margin-right:17px;}
/*サイトマップ*/
footer .accordion.accordion_sitemap{border-top:0;}
footer .accordion .accordion_inner .acc_box .sitemap_box{display:flex;}
footer .accordion .accordion_inner .acc_box .sitemap_box .sitemap_list{width:33.3%;text-align:left;}
footer .accordion .accordion_inner .acc_box .sitemap_box .sitemap_list .sitemap_title{font-size:1.6em;line-height:1.4;font-weight:700;margin-bottom:5px;}
.sitemap_list .sitemap_title.sitemap_title2{display:block;margin-top:20px;}
footer .accordion .accordion_inner .acc_box .sitemap_box .sitemap_list ul li{margin-bottom:8px;}
footer .accordion .accordion_inner .acc_box .sitemap_box .sitemap_list ul li a{font-size:1.4em;line-height:1.4;text-decoration:none;color:#555;}


@media screen and (min-width: 768px){
footer .accordion .accordion_inner .acc_title:hover{opacity:0.7;}
footer .accordion .accordion_inner .acc_box a:hover{opacity:0.7;}
}


@media screen and (max-width: 767px) {
footer .accordion{border-top:1px solid #FFF;border-bottom:1px solid #FFF;}
footer .accordion:has(.close){border-bottom:none;}
footer .accordion .accordion_inner{width:100%;padding:0;}
footer .accordion .accordion_inner .acc_title{background:#00349f;color:#FFF;font-size:2.0em;padding:15px 0 15px 45px;}
/*＋*/
footer .accordion .accordion_inner .acc_title::before,
footer .accordion .accordion_inner .acc_title::after{left:20px;width:15px;height:3px;background-color:#FFF;}


footer .accordion .accordion_inner .acc_box{margin-bottom:0px;}
footer .accordion .accordion_inner .acc_box .quick_dl{flex-wrap:wrap;}
footer .accordion .accordion_inner .acc_box .quick_dl:nth-of-type(n+2){margin-top:0px;}
	

footer .accordion .accordion_inner .acc_box .quick_dl dt{width:100%;box-sizing:border-box;padding:10px 0 10px 20px;background:#555;color:#FFF;}
footer .accordion .accordion_inner .acc_box .quick_dl dd{width:50%;box-sizing:border-box;border-bottom:1px solid #555;}
footer .accordion .accordion_inner .acc_box .quick_dl dd:nth-child(2n){border-right:1px solid #555;}
footer .accordion .accordion_inner .acc_box .quick_dl dd a{display:block;margin-right:0;padding:10px 20px;}
/*サイトマップ*/
footer .accordion.accordion_sitemap{border-top:0;}
footer .accordion .accordion_inner .acc_box .sitemap_box{display:block;}
footer .accordion .accordion_inner .acc_box .sitemap_box .sitemap_list{width:100%;}
footer .accordion .accordion_inner .acc_box .sitemap_box .sitemap_list .sitemap_title{font-size:1.4em;line-height:1.4;margin-bottom:0px;width:100%;box-sizing:border-box;padding:10px 0 10px 20px;background:#555;color:#FFF;}
.sitemap_list .sitemap_title.sitemap_title2{margin-top:0px;}
footer .accordion .accordion_inner .acc_box .sitemap_box .sitemap_list ul li{margin-bottom:0;border-bottom:1px solid #555;}
footer .accordion .accordion_inner .acc_box .sitemap_box .sitemap_list ul li a{display:block;padding:10px 20px;}	
}





/*=====================================fix01=========================================*/

#fix01{
	z-index:1000;
	position:fixed;
	bottom:0;
	width:100%;
	border-top:4px solid #1785e8;
	background-color:#fff;}

#fix01 .inner{
	max-width:1080px;
	height:90px;
	margin:0 auto;
	position:relative;}

#fix01 .inner .fix01_1{
	z-index:100;
	position:absolute;
	top:-25px;
	left:0;
	width: 290px;}

#fix01 .inner .fix01_1 img{
    width: 100%;
    height: auto;
}

#fix01 .inner .fix01_2 ul{
	width:430px;
	z-index:110;
	position:absolute;
	left:310px;
	top:0;}

#fix01 .inner .fix01_2 ul li{
	color:#fff;
	font-size:1.7em;
	font-weight:700;
	float:left;
	border-left:4px solid #b3ceec;
	width:170px;
	margin:5px 0 3px 0;
	padding-left:10px;
	text-align: left!important;}

#fix01 .inner .fix01_2 ul li span{
	display:block;
	font-size:0.8em;
	margin-bottom:5px;}

#fix01 .inner .fix01_2_back{
	z-index:0;
	position:absolute;
	left:260px;
	top:0;
	width:430px;
	height:100px;
	background:#1785e8;
	margin:0 auto;
	text-align:center;
	transform:skewX(-20deg);}

#fix01 .inner .fix01_3{
	float:right;
	margin-top:15px;}

#fix01 .inner .fix01_3 ul li{
	width:210px;
	height:60px;
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
	margin:0 2px;}

#fix01 .inner .fix01_3 ul li a{
	display:block;
	height:100%;
	box-sizing:border-box;
	border-radius:5px;}

#fix01 .inner .fix01_3 ul li:nth-child(1) a{
	background-color:#f00a0a;
	font-size:2.5em;
	line-height:1.3em;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	position:relative;
	padding:17px 25px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

#fix01 .inner .fix01_3 ul li:nth-child(1) a:hover{
	background-color:#FF5A61;}

#fix01 .inner .fix01_3 ul li:nth-child(1) span{
	font-size:0.5em;
	position:absolute;
	top:-10px;
	left:-30px;
	display:block;
	background-color:#fff100;
	color:#00349f;
	padding-top:10px;
	height: 40px;
    width: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	transform: rotate(-20deg);}

#fix01 .inner .fix01_3 ul li:nth-child(2) a{
	background-color:#00b900;
	padding:15px 25px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

#fix01 .inner .fix01_3 ul li:nth-child(2) a:hover{
	background-color:#52DB50;}

#fix01 .inner .fix01_3 ul li:nth-child(2) img{
	height:32px;}

#fix01 .inner .fix01_4{
	float:right;
	color:#1785e8;
	text-align:center;
	font-size:1.5em;
	font-weight:700;
	margin-top:15px;
	margin-left:20px;}

#fix01 .inner .fix01_4 .keisai_01{
	color:#f00a0a;
	font-size:2.5em;}

#fix01 .inner .fix01_4 .keisai_02{
	display:block;
	font-size:1.6em;}

#fix01 .inner .gotop{
	position:fixed;
	right:15px;
	bottom:90px;}

#fix01 .inner .gotop a{
	display:block;
	color:#fff;
	background-color:#1785e8;
    text-decoration: none;
    width: 110px;
    height: 60px;
    line-height:80px;
    font-size: 1.2em;
	font-weight:700;
    text-align: center;
    position: relative;
	-webkit-border-radius:5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0 / 5px 5px 0 0;
	border-radius:5px 5px 0 0 / 5px 5px 0 0;}

#fix01 .inner .gotop a::after{
    width: 12px;
    height: 12px;
    border-left: 4px solid #fff;
    border-top: 4px solid #fff;
    border-radius: 2px;
    content: "";
    position: absolute;
    left:50%;
	top: 15px;
	margin-left: -10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);}

#fix01 .inner .gotop a:hover {
    text-decoration: none;
    background: #40a4ff;}

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

#fix01{
	display:none;}

}

/*=====================================fix02=========================================*/

#fix02{
	z-index:1003;
	position:fixed;
	bottom:160px;
	right:20px;}

#fix02 .inner{}

#fix02 .inner ul{}

#fix02 .inner ul li{
	margin-bottom:5px;}

#fix02 .inner ul li a,
#fix02 .inner ul li span{
	text-align:center;
	display:block;
	height: 80px;
    width: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	box-sizing:border-box;
	text-decoration:none;
	font-weight:700;
	font-size:1em;
	line-height:1.2em;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

#fix02 .inner ul li.btn01 a{
	background-color:#373332;
	color:#fff;
	padding-top:10px;}

#fix02 .inner ul li.btn01 a:hover{
	background-color:#666;}

#fix02 .inner ul li.btn02 a{
	border:4px solid #00349f;
	background-color:#fff;
	color:#00349f;
	padding-top:10px;}

#fix02 .inner ul li.btn02 a:hover{
	background-color:#D7E1EF;}

#fix02 .inner ul li.btn03 span{
	background-color:#373332;
	padding-top:16px;}

#fix02 .inner ul li.btn03 a:hover{}

#fix02 .inner ul li.btn04 a{
	border:4px solid #373332;
	background-color:#fff;
	color:#373332;
	padding-top:15px;}

#fix02 .inner ul li.btn04 a:hover{
	background-color:#ddd;}

#fix02 .inner ul li.btn05 a{
	border:4px solid #373332;
	background-color:#fdf217;
	color:#373332;
	padding-top:15px;}

#fix02 .inner ul li.btn05 a:hover{
	background-color:#666;}

#fix02 .inner ul li a img{}

#fix02 .inner ul li.btn01 img,
#fix02 .inner ul li.btn02 img,
#fix02 .inner ul li.btn04 img,
#fix02 .inner ul li.btn05 img{
	width:25px;
	height:auto;
	margin-bottom:5px;}
#fix02 .inner ul li.btn02 img,
#fix02 .inner ul li.btn04 img{
	margin-bottom:0px;}

#fix02 .inner ul li.btn03 img{
	width:68px;
	height:auto;}

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

#fix02{
	display:none;}

}

/*=====================================fix03=========================================*/

#fix03{
	z-index:1002;
	position:fixed;
	top:80px;
	left:0;}

#fix03 .inner{}

#fix03 .inner ul li{
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	margin-bottom:5px!important;
	vertical-align: middle!important;
	height: 124px;
	text-align: center;
	position: relative;}

#fix03 .inner ul li.kts_sidebtn{
	vertical-align: middle!important;
	height: 98px;}

#fix03 .inner ul li a{
    box-sizing: border-box;
	font-weight:bold;
	display:block;
	font-size:1.2em;
	background-color:#373332;
	color:#fff;
	padding:0 10px;
	text-decoration:none;
	-webkit-border-radius:0 5px 5px 0 / 0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0 / 0 5px 5px 0;
	border-radius:0 5px 5px 0 / 0 5px 5px 0;
	
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    position: relative;
}

#fix03 .inner ul li a:hover{
	background-color:#666;}

#fix03 .inner ul li.kts_sidebtn a{
    box-sizing: border-box;
	font-weight:bold;
	display:block;
	font-size:1.5em;
	background-color:#fff;
	color:#00349f;
    border-top: 2px solid #00349f;
    border-right: 2px solid #00349f;
    border-bottom: 2px solid #00349f;
	padding:0 7px;
	text-decoration:none;
	-webkit-border-radius:0 5px 5px 0 / 0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0 / 0 5px 5px 0;
	border-radius:0 5px 5px 0 / 0 5px 5px 0;
	
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

#fix03 .inner ul li.kts_sidebtn a:hover{
    color:#ffffff;
    background-color:#00349f;
}


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

#fix03{
	display:none;}

}

/*=====================================fix04=========================================*/

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

#fix04{
	display:none;}

#menu.sph_menu{
    display: none;
    }

}

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

#fix04{
	width:100%;
	z-index:1000;
	position:fixed;
	bottom:0;
	left:0;}

#fix04 .inner{
	margin:0 10px;}

#fix04 .inner ul{
	width:50%;
	float:right;}

#fix04 .inner ul li{
	float:left;
	margin-right:5px;
	width: 33.33333%;
	width: calc((100% - 10px) / 3);
	width: -webkit-calc((100% - 10px) / 3);
	width: -moz-calc((100% - 10px) / 3);
	box-sizing:border-box;
	text-align:center;}

#fix04 .inner ul li:nth-child(3){
	margin-right:0;}

#fix04 .inner ul li a{
	display:block;
	box-sizing:border-box;
	padding:5px 0;
	-webkit-border-radius:5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0 / 5px 5px 0 0;
	border-radius:5px 5px 0 0 / 5px 5px 0 0;}

#fix04 .inner ul li:nth-child(1) a{
	background-color:#373332;
	border-top:1px solid #373332;border-left:1px solid #373332;border-right:1px solid #373332;}

#fix04 .inner ul li:nth-child(2) a{
	background-color:#fff;
	box-sizing:border-box;
	border-top:1px solid #373332;border-left:1px solid #373332;border-right:1px solid #373332;}

#fix04 .inner ul li:nth-child(3) a{
	background-color:#00349f;
	border-top:1px solid #00349f;border-left:1px solid #00349f;border-right:1px solid #00349f;}

#fix04 .inner ul li a img{
	width:40px;
	height:40px;}

.fix_member{
	width:45%;
	float:left;}

.fix_member a{
	box-sizing:border-box;
	width:100%;
	display:block;
	text-align:center;
	background-color:#f00a0a;
	font-size:1.9em;
	line-height:1.3em;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	position:relative;
	padding:16px 0 13px;
	-webkit-border-radius:5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0 / 5px 5px 0 0;
	border-radius:5px 5px 0 0 / 5px 5px 0 0;}

.fix_member a span{
	font-size:0.4em;
	position:absolute;
	top:-10px;
	left:-10px;
	display:block;
	background-color:#fff100;
	color:#00349f;
	padding-top:4px;
	height: 26px;
    width: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	transform: rotate(-20deg);}


/*------------------------ドロワーメニューここから------------------------*/

/*-------------------------
__menu
-------------------------*/
#menu{
position:fixed;
top:0;
text-align:left;
right:-260px;
width:260px;
height:100%;
background-color:none;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
font-size:14px;
line-height:35px;
}
#menu a {
text-decoration:none;
color:#373332;
}
#menu p{
font-size:14px;
padding:0 7px;
margin-bottom:5px;
background-color:#00349f;
color:#fff;
margin:10px;
}
#menu p a{
color:#fff;
}
#menu dl{
padding:10px;
}
#menu dt{
font-size:16px;
padding:0 7px;
margin-bottom:5px;
background-color:#00349f;
color:#fff;
}
#menu dd{
border-bottom:#ddd dotted 1px;
}

/*-------------------------
__drawer開閉動作
-------------------------*/
#wrap,
#menu{
-webkit-transition:ease 0.5s;
transition:ease .5s;
}
#wrap.open,
#menu.open{
-webkit-transform:translate3d(-260px, 0, 0);
transform:translate3d(-260px, 0, 0);}
#overlay{
background: rgba(0, 0, 0, 0.2);
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:100100;
}

#wrap.open {
overflow:hidden;}

#menu{
background-color:#ffffff;
z-index:99999;}

.menu_btn {
position:absolute;
top:15px; 
right:15px;
z-index:1000;
background:#00349f;
width:36px; 
height:36px;
/*border:#999 solid 2px;*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition:ease 0.5s;
transition:ease .5s;
}
.menu_btn.open {
-webkit-transform:translate3d(-260px, 0, 0);
transform:translate3d(-260px, 0, 0);
}

.hambarg:nth-child(1) {
position:absolute;
top:30%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background:#fff;
-webkit-transition:ease 0.5s;
transition:ease 0.5s;
height:2px;
width:20px;
}
.hambarg:nth-child(2) {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background:#fff;
-webkit-transition:ease 0.5s;
transition:ease 0.5s;
height:2px;
width:20px;
}
.hambarg:nth-child(3) {
position:absolute;
top:70%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background:#fff;
-webkit-transition:ease 0.5s;
transition:ease 0.5s;
height:2px;
width:20px;
}
.open .hambarg:nth-child(1) { 
top:50%;
-webkit-transform:translate(-50%,-50%) rotate(45deg);
transform:translate(-50%,-50%) rotate(45deg);
 }
.open .hambarg:nth-child(2) { 
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
opacity:0;
 }
.open .hambarg:nth-child(3) { 
top:50%;
-webkit-transform:translate(-50%,-50%) rotate(-45deg);
transform:translate(-50%,-50%) rotate(-45deg);
 }
 
 #menu dl dd a{
	 display:block;}


}




#asp_content{
    width: 1040px;
    margin: 0 auto;
}

#asp_contents .asp_list_box_wrap .box_member{
    margin: 0 0 10px!important;
    padding: 0 10px!important;
    box-sizing: border-box;
}

#asp_content .box_member{
    width: 100%;
    height: 363px;
    height: auto;
    margin-bottom: 20px;
}

#asp_content .box_member img{
    width: 100%;
    height: auto;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#asp_content .box_member:hover img{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

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

#asp_content{
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

}

#asp_content .topic_path{
    margin: 15px auto 0!important;
}

#asp_content .asp_pageTitle{
    text-align: left;
    width: 1040px!important;
    height: 55px!important;
    line-height: 55px!important;
    margin: 10px auto 20px!important;
    color: #fff;
    background-color: #00349f;
    font-size: 1.9em;
    padding: 0 20px!important;
    box-sizing: border-box;
    font-weight: 700!important;
}