@charset "utf-8";
/* Copyright 2018 design hack. */

/* ------------------------------------------------------------

リセット

------------------------------------------------------------ */ 
/* 全ての要素に対する余白初期値設定 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, main, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border: 0;
	font-size:100%;
}

/* デフォルト文字設定 */
body{
	color:#333;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size:100%;/*16px*/
	line-height:1.6;
}

/* リストマーカーを非表示 */
ul,ol{list-style-type:none;}

/* テーブルセルのボーダーの設定 */ 
table {	border-collapse: collapse; 	border-spacing: 0;}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea {vertical-align: middle;}

/* デフォルトリンク色の設定 */
a{color:#333; text-decoration:none; outline: none;-webkit-transition: color 0.3s;transition: color 0.3s;}
a:hover{color:#4CB0E0; text-decoration:none;}

/* 画像リンクの設定 */
a img.opa07:hover{opacity:0.7}


/* ------------------------------------------------------------

初期化

------------------------------------------------------------ */
p{margin-bottom:none;}
h2 span,h3 span,h4 span,h5 span,h6 span{visibility:hidden;}
img{vertical-align:top;	border:none;}
header, footer, nav, section, article, aside {display:block;}

/* ------------------------------------------------------------

サイト共通設定

------------------------------------------------------------ */

/*	clearfix
---------------------------------------------- */
.clearfix:after{/*for modern browser*/
   content: "";
   display:block;
   clear:both;
}

.clearfix{ *zoom:1; } /*for IE6,IE7*/

p#browser{
	padding:10px 0;
	background:#000;
	color:#FFF;
	text-align:center;
}

p#browser span{font-size:86%;}


/*	button
---------------------------------------------- */
.button {
	display:inline-block;
	width:280px;
	height:60px;
	text-align:center;
	text-decoration:none;
	outline:none;
}
.button::before,
.button::after{
	position:absolute;
	z-index:-1;
	display:block;
	content: '';
}
.button,
.button::before,
.button::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}

/* ボタン
---------------------------------------------- */
.btn{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:280px;
	height:60px;
	line-height:3.5 !important;
	text-align:center;
	cursor:pointer;
	color:#4DB0E1;
	font-weight:bold;
	position:relative;
	border:2px solid #4DB0E1;		
	border-radius:50px;
	-webkit-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	margin:0 auto;
}

.btn a{
	color:#4CB0DF;
	text-decoration:none;
}

.btn:hover{
	color:#4DB0E1;
	-webkit-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

/* -くるくる- */
.style01:after{
	content: "";
	width:9px;
	height:9px;
	display:inline-block;
	background:transparent;
	border-top:2px solid #4DB0E1;
	border-right:2px solid #4DB0E1;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
	position:absolute;
	top:40%;
	right:20px;
}

.style01:hover:after{
	top:38%;
	right:20px;
	border-color:#4DB0E1;
	-webkit-transform:rotate(495deg);
	transform:rotate(495deg);
	-webkit-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
}

/* ------------------------------------------------------------

レイアウト

------------------------------------------------------------ */

/* ヘッダー
---------------------------------------------- */
h1#catch{
	padding:5px 0 3px;
	color:#7A7B7D;
	font-size:13px !important;
	font-weight:normal;
	line-height:1.0;
	width:1200px;
	margin:0 auto;
	text-align:right;
}

header div#inner{
	width:1200px;
	height:91px;
	margin:0 auto;
    position:relative;
}

h2#logo{
	position:absolute;
	left:0;
	top:0;
}

h2#logo a{
    background:url(../img/h2_logo.jpg) no-repeat 0 0;
    display:block;
    height:70px;
    width:140px;
}

h2#logo a:hover{opacity:0.7;}

p#h_contact{
    position: absolute;
    right: 0;
	top:30px;
}

/* h3 pagettl
---------------------------------------------- */
div#bg_pagettl{background:#4B4B4A;}

div#wrap_pagettl{
	height:360px;
	margin:0 auto;
}

/* header
---------------------------------------------- */
h5.h5_style01{
    background:url(../img/ico_ttl_bar.gif) no-repeat left 0.15em;
    font-size:163%;/*26px*/
    padding:1px 0 10px 18px;
    margin-bottom:35px;
	color:#04317D;
}


/* グローバルナビゲーション
---------------------------------------------- */
ul#nav_global{
	position:absolute;
	right:160px;
	top:35px;
	height:45px;
	overflow: hidden;
}

ul#nav_global li{float:left;position:relative;}

ul#nav_global li.g01,
ul#nav_global li.g02,
ul#nav_global li.g03,
ul#nav_global li.g04,
ul#nav_global li.g05{width:160px;}

ul#nav_global li a{display:block;height:45px;}

ul#nav_global li.g01 a{background:url(../img/nav_global.jpg) no-repeat 0 0;}
ul#nav_global li.g02 a{background:url(../img/nav_global.jpg) no-repeat -160px 0;}
ul#nav_global li.g03 a{background:url(../img/nav_global.jpg) no-repeat -320px 0;}
ul#nav_global li.g04 a{background:url(../img/nav_global.jpg) no-repeat -480px 0;}
ul#nav_global li.g05 a{background:url(../img/nav_global.jpg) no-repeat -640px 0;}

ul#nav_global li.g01 a:hover{background:url(../img/nav_global.jpg) no-repeat 0 -45px;}
ul#nav_global li.g02 a:hover{background:url(../img/nav_global.jpg) no-repeat -160px -45px;}
ul#nav_global li.g03 a:hover{background:url(../img/nav_global.jpg) no-repeat -320px -45px;}
ul#nav_global li.g04 a:hover{background:url(../img/nav_global.jpg) no-repeat -480px -45px;}
ul#nav_global li.g05 a:hover{background:url(../img/nav_global.jpg) no-repeat -640px -45px;}

ul#nav_global li span{display:none;}


/* パンくず
---------------------------------------------- */
ol#breadcrumb{
	margin:0 auto;
	width:1200px;
	font-size:88%;/*14px*/
	overflow:hidden;
	color:#666;
	text-decoration:underline;
	padding:12px 0;
	background:url(../img/ico_home.gif) no-repeat left 1.2em;
}

ol#breadcrumb li{
	float:left;
	background:url(../img/ico_arrow_bread.gif) no-repeat right 0.4em;
	padding-right:20px;
	margin-right:14px;
	color:#04317D;
	font-weight:bold;
}

ol#breadcrumb li:last-child{
	background:none;
	padding-right:0;
	margin-right:0;
}

ol#breadcrumb li a{
	text-decoration:underline;
	color:#666;
	font-weight:normal;
	padding-left:22px;
}

ol#breadcrumb li a:hover{text-decoration:none;}


/* フッター
---------------------------------------------- */
footer{
	background:#0E3A97;
	padding:50px 0 0;
	color:#95B3F2;
}

div#wrap_footer{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}

div#wrap_footer div#footer_left{
	float:left;
	margin-bottom:25px;
	font-size:94%;
}

div#wrap_footer div#footer_left p#logo_footer{
	background:url(../img/logo_footer.gif) no-repeat 0 0;
	width:300px;
	height:29px;
	margin-bottom:30px;
}

div#wrap_footer div#footer_left p#logo_footer span{visibility:hidden;}

div#wrap_footer ul#footer_right{
	float:right;
	font-weight:bold;
}

div#wrap_footer ul#footer_right li{
	display:inline-block;
	margin:40px 0 0 50px;
}

div#wrap_footer ul#footer_right li a{
	color:#95B3F2;
	text-decoration:none;
	outline:none;
}

div#wrap_footer ul#footer_right li a:hover{color:#007AC7;}

div#copy{
	border-top:1px solid #2F55A5;
	padding:10px 0;
	text-align:center;
	font-size:82%;/*13px*/
}

p#design{
	background: #0A2867;
	padding: 4px 0;
	text-align: center;
	font-size: 12px;
}

p#design a{color: #95B3F2;}
p#design a:hover{color: #FFF;}

/* メインコンテンツ
---------------------------------------------- */
.contents{
	width:1200px;
	margin:0 auto;
	padding:100px 0;
}

.bg_gray{
	background:#EFEFEF;
	margin:0 auto;
}


/* コンテンツエリア
---------------------------------------------- */
/*--table--*/
table.type01{width:100%;}

table.type01 th{
	border-bottom:1px solid #D6D6D6;
	width:30%;
	background-color:#EFEFEF;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding:18px 0 18px 20px;
}

table.type01 td{
	border-bottom:1px solid #D6D6D6;
	padding:18px 0 18px 20px;
}

/*--ul--*/
ul.ico_circle li{
	background:url(../img/ico_circle.gif) no-repeat 0 0.5em;
	padding-left:15px;
}

/*--a--*/
.link a{color:#333; text-decoration:underline; outline: none;}
.link a:hover{color:#4CB0E0; text-decoration:none;}


/* フォーム
---------------------------------------------- */
table#form_table{
	width:100%;
	border-top:1px solid #CFCFCF;
	margin-bottom:60px;
}

table#form_table th{
	width:30%;
	border-bottom:1px solid #CFCFCF;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding:17px 0 18px;
}

table#form_table th span{
	font-weight:normal;
	font-size:14px;
	color:#727373;
}

table#form_table td{
	border-bottom:1px solid #CFCFCF;
	padding:18px 0 18px 20px;
    position:relative;
}

table#form_table td::before{
    background:#CFCFCF;
    content: "";
    margin:auto;
    width:1px;
    height:80%;
    height:calc(100% - 20px);
    position:absolute;
    bottom:0;
    left:0;
    top:0;
}

table#form_table td.radio01{padding:17px 14px;}

table#form_table td.radio01 label input{
	width:13px;
	margin:0 10px 0.2em 0;
	padding:0;
}

table#form_table td input[type="text"],
table#form_table td input[type="email"]{
	width:500px;
	height:20px;
	padding:10px;
	border:1px solid #B8B8B8;
	font-size:100%;
}

table#form_table td textarea {
	width:500px;
	height:200px;
	resize:vertical;
	padding:10px;
	border:1px solid #B8B8B8;
	font-size:100%;
}

span.ico01{
	margin-right: 10px;
	vertical-align: middle;
}

table#form_table td dl dt{
	font-weight: bold;
	margin-bottom: 10px;
}

table#form_table td dl dd{margin-bottom: 20px;}

/* input
---------------------------------------------- */
div.button_box{text-align: center;}

/*--内容確認--*/
input#submit{
	background:url(../img/btn_submit.png) no-repeat 0 0;
	border:medium none;
	outline:none;
	display:inline-block;
	width:280px;
	height:60px;
	text-indent:-9999px;
	cursor:pointer;
}

input#submit:hover{background:url(../img/btn_submit_on.png) no-repeat 0 0;}

/*--戻る--*/
input#back{
	background:url(../img/btn_back.png) no-repeat 0 0;
	border:medium none;
	display:inline-block;
	text-indent:-9999px;
	width:280px;
	height:60px;
	cursor:pointer;
}

input#back:hover{background:url(../img/btn_back_on.png) no-repeat 0 0;}

/*--送信--*/
input#send{
	background:url(../img/btn_send.png) no-repeat 0 0;
	border:medium none;
	display:inline-block;
	text-indent:-9999px;
	width:280px;
	height:60px;
	cursor:pointer;
	margin-left: 20px;
}

input#send:hover{background:url(../img/btn_send_on.png) no-repeat 0 0;}

/* ページトップ
---------------------------------------------- */
p#pagetop{
	position:fixed;
	right:40px;
	bottom:120px;
	margin-bottom:0;
}

p#pagetop a{
	width:46px;
	height:50px;
	background:url(../img/btn_pagetop01.gif) no-repeat 0 0;
	display:block;
	text-decoration:none;
}

p#pagetop a:hover{background:url(../img/btn_pagetop01_on.gif) no-repeat 0 0;}

p#pagetop a span{display:none}

/* ------------------------------------------------------------

ベースCSS

------------------------------------------------------------ */
/* color
---------------------------------------------- */
.blue{color:#59B6DF;}

/* width
---------------------------------------------- */
.w100{width:100px;}
.w600{width:600px;}

/* center
---------------------------------------------- */
.center{margin:0 auto;}

/* clear
---------------------------------------------- */
.overflow_clear{
	overflow:hidden;
	height:100%;
}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}

/* float
---------------------------------------------- */
.left{float:left;}
.right{float:right;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* margin
---------------------------------------------- */
.mb_1em{margin-bottom:1em !important;}
.mb_2em{margin-bottom:2em !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}
.mr_60{margin-right:60px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_42{margin-left:42px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}

.mr_65{margin-right:65px !important;}