@charset "utf-8";

/*------------------------------------------------------------------------------ SET --*/
.pcv{display:block !important;}
.spv{display:none !important;}
h2,
h3,
h4{
	font-weight:400 !important;
	}
@media screen and (max-width:750px) {
.pcv{display:none !important;}
.spv{display:block !important;}
img{
	width:100%;
	height:auto;
}
}
.dispNon{display:none !important;}
/*------------------------------------------------------------------------------ COMMON --*/
body {
	width:100%;
	margin: 0;
	padding:0;
	color:#262626;
	background:#fff;
	text-align:left;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	position:relative;
	line-height:0;
	font-size:15px;
	font-weight: 400;
	font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
sup{
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
	}
#cont{
	position:relative;
	width:100%;
	padding:0 0 0 0;
	background:#fff;
	}
.btn_menu {
	display:none;
}
#g_nav{
	display:none;
}
#totop{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	z-index:50;
	}
a{
		transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-out;  
       -moz-transition: .6s ease-out;  
         -o-transition: .6s ease-out; 
            transition: .6s ease-out;
			}
@media screen and (max-width:767px) {
body {
	min-width:320px;
	font-size:13px;
}
#cont{
	position:relative;
	width:100%;
	padding:0 0 0 0;
	}
#totop{
	position:fixed;
	width:45px;
	height:45px;
	bottom:20px;
	right:-4px;
	z-index:50;
	}
}
/*--------------------------------------------------------------------------------*/
/*--header--*/
/*--------------------------------------------------------------------------------*/
header{
	position:relative;
	width:100%;
	min-width:1200px;
	height:100px;
	line-height:0;
	text-align:center;
	background:#fff;
	}
header>div{
	position:relative;
	width:1200px;
	height:100px;
	margin:0 auto;
}
header>div h1{
	position:absolute;
	top:0;
	left:0;
	}
header>div nav{
	position:absolute;
	top:40px;
	right:120px;
}
nav ul{
	position:relative;
	display:table;
}
nav ul li{
	display:table-cell;
	vertical-align:middle;
	padding:0 25px;
	height:22px;
	font-size:18px;
	line-height:20px;
	border-left:#a6d3e9 solid 3px;
}
nav ul li:nth-child(1){
	border-left:none;
}
nav ul li a{
	font-size:18px;
	line-height:20px;
	font-weight:600;
	color:#0093DC;
}
nav ul li a:hover{
	color:#fcdb00;
}
header>div .lang{
	position:absolute;
	top:28px;
	right:0;
	width:112px;
	z-index:99;
}
.lang dt{
	position:relative;
	width:112px;
	height:44px;
	border:#0093DC solid 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
	text-align:center;
}
.lang dt p{
	display:inline-block;
	padding:12px 20px 12px 0;
	text-align:center;
	font-size:18px;
	line-height:20px;
	font-weight:600;
	color:#0093DC;
	background:url(../img/arrow_down1.png) right center no-repeat;
}
.lang.open dt p{
	background:url(../img/arrow_up1.png) right center no-repeat;
}
.lang dd{
	position:relative;
	width:112px;
	border:#0093DC solid 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#fff;
	display:none;
	text-align:center;
}
.lang.open dd{
	display:block;
}
.lang dd li a{
	display:block;
	padding:10px 0;
	font-size:18px;
	line-height:20px;
	font-weight:600;
	color:#0093DC;	
}
.lang dd li a:hover{
	background:#fcdb00;
}
#hamburger{
	position:fixed;
	top:-100px;
	left:0;
	width:100%;
	height:auto;
	z-index:100;
	transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
	}
#hamburger.dispIn{
	top:0;
}
#hamburger.modal_open{
	width:100%;
	height:100%;
	top:0 !important;
}
#hamburger #menu{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-600px;
	width:1200px;
	z-index:150;
	}
.btn_menu {
	display: inline-block;
	position:absolute;
	top:22px;
	right:36px;
	width: 56px;
	height: 56px;
	margin-top:0;
	cursor:pointer;
	background:#ffffff;
	background-size:100% auto;
	z-index:160;
	border:#0093DC solid 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.btn_menu.closebg {
	background:#fff;
	background-size:100% auto;
}
.btn_menu_icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 2px;
	margin: -1px 0 0 -13px;
	background: #0093DC;
	transition: .2s;
}
.btn_menu_icon:before, .btn_menu_icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 40%;
	left: 0;
	width: 26px;
	height: 2px;
	background: #0093DC;
	transition: .3s;
}
.btn_menu_icon:before {
	margin-top: -9px;
}
.btn_menu_icon:after {
	margin-top: 7px;
}
.btn_menu .close {
	background: transparent;
}
.btn_menu .close:before, .btn_menu .close:after {
	margin-top: 0;
}
.btn_menu .close:before {
	background-color:#0093DC;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.btn_menu .close:after {
	background-color:#0093DC;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
#hamburger .bg{
	position:relative;
	width:100%;
	height:100%;
	background:url(../img/bg.png) 0 0 repeat;
	display:none;
	transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
}
#hamburger .modal{
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-600px;
	width:1200px;
	z-index:150;
	display:none;
	transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
	}
#hamburger.modal_open .modal,
#hamburger.modal_open .bg{
	display:block;
}
#hamburger .arrow{
	width:1200px;
	height:16px;
	background:url(../img/fukidasi.png) 1120px 0 no-repeat;
	}
#hamburger .modal>div{
	position:relative;
	width:1200px;
	padding:60px 64px;
	background:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}

#hamburger .modal>div nav{
	position:relative;
}
#hamburger .modal>div nav ul li:nth-child(1){
	border-left:none;
	padding-left:0;
}
#hamburger .modal>div .lang{
	position:absolute;
	top:48px;
	right:64px;
	width:112px;
	z-index:199;
}
#hamburger .modal>div .btn{
	position:relative;
	margin:55px auto 0;
	width:100%;
	zoom:1;
	overflow:hidden;
	}
#hamburger .modal>div .btn .l{
	float:left;
	width:244px;
	height:90px;
	}
#hamburger .modal>div .btn .l a{
	display:block;
	width:244px;
	height:90px;
	background:#fcdb00 url(../img/arrow_right1.png) 210px center no-repeat;
	border:#0093DC solid 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color:#0093DC;
	font-size:18px;
	line-height:25px;
	font-weight:600;
	padding:20px 0 0 20px;
}
#hamburger .modal>div .btn .r{
	float:right;
	width:820px;
	height:90px;
	background:#f2f2f2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	zoom:1;
	overflow:hidden;
	}
#hamburger .modal>div .btn .r p{
	float:left;
	width:150px;
	text-align:center;
	color:#4C4948;
	font-size:14px;
	line-height:90px;
	font-weight:600;
}
#hamburger .modal>div .btn .r a{
	display:block;
	float:left;
	margin:14px 5px;
}

#hamburger .modal>div .btn a:hover{
	opacity:0.6;
	}


@media screen and (max-width:767px) {
header{
	position:relative;
	width:100%;
	min-width:320px;
	height:60px;
	line-height:0;
	text-align:center;
	background:#fff;
	}
header>div{
	position:relative;
	width:100%;
	height:60px;
	margin:0 auto;
}
header>div h1{
	position:absolute;
	top:0;
	left:0;
	width:240px;
	}
header>div nav{
	display:none;
}
nav ul{
	overflow:hidden;
	zoom:1;
	height:auto;
	display:block;
}
nav ul li{
	display:block;
	text-align:center;
	float:none;
	padding:0 0 20px 0;
	height:auto;
	border-left:none;
}
nav ul li:nth-child(1){
	border-left:none;
}
nav ul li a{
	display:inline-block;
	font-size:18px;
	line-height:18px;
	font-weight:600;
	color:#0093DC;
	padding:0 0 5px;
	border-bottom:#fcdb00 solid 3px;
}
nav ul li a:hover{
	color:#fcdb00;
}
header>div .lang{
	position:absolute;
	top:15px;
	right:55px;
	width:72px;
	z-index:99;
}
.lang dt{
	position:relative;
	width:72px;
	height:30px;
	border:#0093DC solid 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
	text-align:center;
}
.lang dt p{
	display:inline-block;
	padding:5px 18px 9px 0;
	text-align:center;
	font-size:16px;
	line-height:16px;
	font-weight:600;
	color:#0093DC;
	background:url(../img/arrow_down1.png) right center no-repeat;
	background-size:9px auto;
}
.lang.open dt p{
	background:url(../img/arrow_up1.png) right center no-repeat;
}
.lang dd{
	position:relative;
	width:72px;
	border:#0093DC solid 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#fff;
	display:none;
	text-align:center;
}
.lang.open dd{
	display:block;
}
.lang dd li a{
	display:block;
	padding:7px 0;
	font-size:16px;
	line-height:16px;
	font-weight:600;
	color:#0093DC;	
}
.lang dd li a:hover{
	background:#fcdb00;
}
#hamburger{
	position:fixed;
	top:0 !important;
	left:0;
	width:100%;
	min-width:320px;
	z-index:100;
	transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
	}
#hamburger.dispIn{
	top:0 !important;
}
#hamburger.modal_open{
	width:100%;
	height:100%;
	top:0 !important;
	overflow-y:auto !important;
	background:url(../img/bg.png) 0 0 repeat;
}
#hamburger #menu{
	position:absolute;
	top:0;
	left:0;
	margin-left:0;
	width:100%;
	z-index:150;
	}
.btn_menu {
	display: inline-block;
	position:absolute;
	top:15px;
	right:15px;
	width: 30px;
	height: 30px;
	margin-top:0;
	cursor:pointer;
	background:#ffffff;
	background-size:100% auto;
	z-index:160;
	border:#0093DC solid 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.btn_menu.closebg {
	background:#fff;
	background-size:100% auto;
}
.btn_menu_icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #0093DC;
	transition: .2s;
}
.btn_menu_icon:before, .btn_menu_icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 40%;
	left: 0;
	width: 14px;
	height: 2px;
	background: #0093DC;
	transition: .3s;
}
.btn_menu_icon:before {
	margin-top: -6px;
}
.btn_menu_icon:after {
	margin-top: 5px;
}
.btn_menu .close {
	background: transparent;
}
.btn_menu .close:before, .btn_menu .close:after {
	margin-top: 0;
}
.btn_menu .close:before {
	background-color:#0093DC;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.btn_menu .close:after {
	background-color:#0093DC;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
#hamburger .bg{
	display:none;
}
#hamburger .modal{
	position:absolute;
	top:50px;
	left:0;
	margin-left:0;
	width:100%;
	padding:0 15px;
	z-index:150;
	display:none;
	transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
	}
#hamburger.modal_open .modal,
#hamburger.modal_open .bg{
	display:block;
}
#hamburger .arrow{
	width:92%;
	margin:0 auto;
	height:10px;
	background:url(../img/fukidasi.png) right 0 no-repeat;
	background-size:21px auto;
	}
#hamburger .modal>div{
	position:relative;
	width:100%;
	padding:30px;
	background:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom:20px;

}

#hamburger .modal>div nav{
	position:relative;
}
#hamburger .modal>div nav ul li:nth-child(1){
	border-left:none;
	padding-left:0;
}
#hamburger .modal>div .lang{
	display:none;
}
#hamburger .modal>div .btn{
	position:relative;
	margin:0 auto 0;
	width:100%;
	zoom:1;
	overflow:hidden;
	}
#hamburger .modal>div .btn .l{
	float:none;
	width:100%;
	height:auto;
	}
#hamburger .modal>div .btn .l a{
	display:block;
	width:100%;
	height:auto;
	background:#fcdb00 url(../img/arrow_right1.png) 95% center no-repeat;
	background-size:9px auto;
	border:#0093DC solid 3px;
	border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	color:#0093DC;
	font-size:14px;
	line-height:22px;
	font-weight:600;
	padding:10px 10px 10px 10px;
	text-align:center;
	white-space:nowrap;
}
#hamburger .modal>div .btn .r{
	margin-top:20px;
	float:none;
	width:100%;
	height:auto;
	background:#f2f2f2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	zoom:1;
	overflow:hidden;
	padding:10px;
	text-align:center;
	}
#hamburger .modal>div .btn .r p{
	float:none;
	width:100%;
	text-align:center;
	color:#4C4948;
	font-size:18px;
	line-height:18px;
	font-weight:600;
	padding:10px 0 0;
}
#hamburger .modal>div .btn .r a{
	display:inline-block;
	float:none;
	width:42%;
	margin:10px 5px;
}

#hamburger .modal>div .btn a:hover{
	opacity:0.6;
	}
}

/*--------------------------------------------------------------------------------*/
/*--#index footer--*/
/*--------------------------------------------------------------------------------*/
#index footer{
	position:relative;
	width:100%;
	min-width:1200px;
	line-height:0;
	text-align:center;
	background:url(../img/foot_bg.png) top center no-repeat;
	padding:414px 0 0;
	}
#index footer>div{
	width:100%;
	min-width:1200px;
	background:#0093dc;
	padding:86px 0 0;
	text-align:center;
}
#index footer>div img{
	display:block;
	margin:0 auto;
}
#index footer>div .btn{
	position:relative;
	margin-top:60px;
	text-align:center;
}
#index footer>div .btn a{
	display:inline-block;
	padding:0 10px;
}
#index footer>div a:hover{
	opacity:0.6;
	}
#index footer>div .contact{
	position:relative;
	margin-top:135px;
	text-align:center;	
	}
#index footer>div .contact .ttl{
	display:inline-block;
	color:#fff;
	font-size:30px;
	line-height:31px;
	font-weight:600;
	/*
	background:url(../img/mail_icon.png) 0 0 no-repeat;
	padding:0 0 0 60px;
	*/
	}
#index footer>div .contact .txt{
	color:#fff;
	margin:50px auto 0;
	width:810px;
	text-align:left;
	font-size:16px;
	line-height:32px;
	font-weight:600;
	}
#index footer>div .contact a{
	display:inline-block;
	margin:36px auto 0;
	border:#ffffff solid 3px;
	background:#fcdb00;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	color:#0093DC;
	font-size:18px;
	line-height:25px;
	font-weight:600;
	padding:10px 30px 12px;
}
#index footer>div .contact a span{	
	display:inline-block;
	background:#fcdb00 url(../img/arrow_right1.png) right center no-repeat;
	padding:2px 20px 0 0;
}
#index footer>div ul{
	position:relative;
	margin-top:120px;
	text-align:center;	
	}	
#index footer>div ul li{
	display:inline-block;
	padding:0 10px;	
	}
#link_use{
	display:inline-block;
	margin:0 auto;
	padding:50px 0 0;	
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	border-bottom:#FCDB00 solid 3px;
	}
#link_use a{
	color:#fff;
}
#copyright{
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	font-weight:400;
	padding:20px 0 20px;	
	}
@media screen and (max-width:767px) {
#index footer{
	position:relative;
	width:100%;
	min-width:320px;
	line-height:0;
	text-align:center;
	background:none;
	padding:0;
	}
#index footer>div{
	width:100%;
	min-width:320px;
	background:#0093dc;
	padding:0 0 0;
	text-align:center;
}
#index footer>div img{
	display:block;
	margin:0 auto;
}
#index footer>div .btn{
	position:relative;
	margin:0 auto;
	text-align:center;
	width:86%;
}
#index footer>div .btn a{
	display:inline-block;
	width:48%;
	padding:0 1%;
}
#index footer>div a:hover{
	opacity:0.6;
	}
#index footer>div .contact{
	position:relative;
	margin-top:60px;
	text-align:center;	
	}
#index footer>div .contact .ttl{
	display:inline-block;
	color:#fff;
	font-size:24px;
	line-height:25px;
	min-height:25px;
	font-weight:600;
	/*
	background:url(../img/mail_icon.png) 0 0 no-repeat;
	background-size:35px auto;
	padding:0 0 0 50px;
	*/
	}
#index footer>div .contact .txt{
	color:#fff;
	margin:30px auto 0;
	width:86%;
	text-align:left;
	font-size:16px;
	line-height:32px;
	font-weight:600;
	}
#index footer>div .contact a{
	display:inline-block;
	width:86%;
	margin:30px auto 0;
	border:#ffffff solid 3px;
	background:#fcdb00;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	color:#0093DC;
	font-size:13px;
	line-height:20px;
	font-weight:600;
	padding:10px 0 12px;
}
#index footer>div .contact a span{	
	display:inline-block;
	background:#fcdb00 url(../img/arrow_right1.png) right center no-repeat;
	background-size:9px auto;
	padding:2px 20px 0 0;
}
#index footer>div ul{
	position:relative;
	margin-top:40px;
	text-align:center;	
	}	
#index footer>div ul li{
	display:inline-block;
	padding:0;
	margin:0 10px;
	width:35px;
	}
#link_use{
	display:inline-block;
	margin:0 auto;
	padding:40px 0 0;	
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	font-weight:600;
	border-bottom:#FCDB00 solid 3px;
	}
#link_use a{
	color:#fff;
}
#copyright{
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	font-weight:400;
	padding:20px 0 20px;	
	}
}

/*--------------------------------------------------------------------------------*/
/*--#contents footer--*/
/*--------------------------------------------------------------------------------*/
#contents footer{
	position:relative;
	width:100%;
	min-width:1200px;
	line-height:0;
	text-align:center;
	background:#0093dc;
	padding:140px 0 0;
	}
#contents footer>div{
	width:100%;
	min-width:1200px;
	padding:0 0 0;
	text-align:center;
}
@media screen and (max-width:767px) {

#contents footer{
	position:relative;
	width:100%;
	min-width:320px;
	line-height:0;
	text-align:center;
	background:#0093dc;
	padding:60px 0 0;
	}
#contents footer>div{
	width:100%;
	padding:0 0 0;
	text-align:center;
}

}

#appdl .btn .pcv{display:inline-block !important;}
#appdl .btn .spv{display:none !important;}
.modal .btn .r .pcv{display:inline-block !important;}
.modal .btn .r .spv{display:none !important;}
.more_pdf{
	text-align:center;
	margin:30px 0 25px 0;
	}

.more_pdf a{
	position:relative;
	display:inline-block;
	padding:7px 115px;
	background:#fcdb00;
	border:#fff solid 3px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
		transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
}
.more_pdf a span{
	display:inline-block;
	text-align:center;
	padding:0 0 0 50px;
	min-height:47px;
	font-size:24px;
	line-height:48px;
	font-weight:600;
	color:#0093DC;
	}	

.more_pdf a:hover{
	opacity:0.6;
	}
@media screen and (max-width:750px) {
#appdl .btn .pcv{display:none !important;}
#appdl .btn .spv{display:inline-block !important;}
.modal .btn .r .pcv{display:none !important;}
.modal .btn .r .spv{display:inline-block !important;}
.more_pdf{
	text-align:center;
	margin:30px auto 0;
	}

.more_pdf a{
	position:relative;
	display:inline-block;
	padding:5px 40px;
	background:#fcdb00;
	border:#fff solid 2px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
		transform: translate3d(0,0,0);
		-webkit-transition: .6s ease-in-out;  
       -moz-transition: .6s ease-in-out;  
         -o-transition: .6s ease-in-out; 
            transition: .6s ease-in-out;
}
.more_pdf a span{
	display:inline-block;
	text-align:center;
	background:url(../img/pdf_icon.png) left center no-repeat;
	background-size:25px auto;
	padding:3px 0 3px 35px;
	min-height:28px;
	font-size:16px;
	line-height:22px;
	font-weight:600;
	color:#0093DC;
	}	

.more_pdf a:hover{
	opacity:0.6;
	}
}