@charset "utf-8";
/* Copyright 2020 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:#4B4646;font-family:'Noto Sans JP',"游ゴシック",'Yu Gothic', YuGothic,"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;font-weight: 500; font-size:16px;line-height:1.8;}
main{display:block;}
/* リストマーカーを非表示 */
ul,ol{list-style-type:none;}
/* テーブルセルのボーダーの設定 */ 
table {	border-collapse: collapse; 	border-spacing: 0;}
/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea {vertical-align: middle;}
/* デフォルトリンク色の設定 */
a{color:#4B4646;text-decoration:none;outline: none;-webkit-transition: color 0.3s;transition: color 0.3s;}
a:hover{color:#4B4646;}
/* 青いの消す */
*:focus {outline: none;}
/* 画像リンクの設定 */
a img.opa07:hover{opacity:0.7}
/* ------------------------------------------------------------
初期化
------------------------------------------------------------ */
p{margin-bottom:none;}
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%;}

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

レイアウト

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

/* ヘッダー
---------------------------------------------- */
header{width:1200px;height:113px;margin:0 auto;position:relative;}
h1{position:absolute;left:0;top:10px;line-height: 1.0;color: #999999;font-size: 13px;font-weight: normal;}
h2#logo{position:absolute;left:0;top:42px;}
h2#logo a:hover{opacity:0.7;}
p#h_contact{position: absolute;right: 0;top:42px;}

h2{text-align: center;}
h3{text-align: center;margin-bottom: 50px;}

/* グローバルナビゲーション
---------------------------------------------- */
nav{position:absolute;right:260px;top:62px;height:15px;}
nav ul#nav_main {font-size: 0;}
nav ul#nav_main li {height:15px;display: inline-block;font-size: 16px;}
nav ul#nav_main li:nth-child(1) {background-image:url(/common/img/ico_gry.png),url(/common/img/nav_main01_on.jpg);background-repeat: no-repeat,no-repeat;background-position:right 0.3em ,0 0;background-size: 6px 6px,89px 15px;padding-right: 36px;margin-right: 30px;}
nav ul#nav_main li:nth-child(2) {background-image:url(/common/img/ico_gry.png),url(/common/img/nav_main02_on.jpg);background-repeat: no-repeat,no-repeat;background-position:right 0.3em ,0 0;background-size: 6px 6px,88px 15px;padding-right: 36px;margin-right: 30px;}
nav ul#nav_main li:nth-child(3) {background-image:url(/common/img/ico_gry.png),url(/common/img/nav_main03_on.jpg);background-repeat: no-repeat,no-repeat;background-position:right 0.3em ,0 0;background-size: 6px 6px,60px 15px;padding-right: 36px;margin-right: 30px;}
nav ul#nav_main li:nth-child(4) {background:url(/common/img/nav_main04_on.jpg) no-repeat 0 0;background-size:60px 15px;}
nav ul#nav_main li a{display:block;height:15px;}
nav ul#nav_main li a img,nav ul#nav_main li img {transition: opacity .6s;}
nav ul#nav_main li a:hover img,nav ul#nav_main li  img:hover {opacity: 0;}

/* フッター
---------------------------------------------- */
/* contact --------------*/
section#ftr_contact{background:url(/common/img/ftr_bg_contact.jpg) no-repeat center 0;padding:60px 0 50px;}
section#ftr_contact h2{text-align: center;margin-bottom: 26px;}
section#ftr_contact p#ftr_txt_contact{color:#FFFFFF;text-align: center;margin-bottom: 45px;}

/* footer navi --------------*/
footer div#wrap_footer{margin:0 auto;width: 1200px;position: relative;height: 150px;}
p#ftr_logo{width: 221px;height:50px;position: absolute;left: 0;top: 50px;}

div#wrap_footer ul#ftr_nav{overflow: hidden;position: absolute;right: 0;top: 65px;font-size: 0;}
div#wrap_footer ul#ftr_nav li{font-size:15px;display: inline-block;font-weight: bold;background:url(/common/img/ftr_arrow.png) no-repeat left 0.2em;background-size:6px 9px;margin-right: 50px;padding-left: 13px;line-height: 1.0;}
div#wrap_footer ul#ftr_nav li:last-child{margin-right:0;}
div#wrap_footer ul#ftr_nav li a{color: #949494;text-decoration: none;}
div#wrap_footer ul#ftr_nav li a:hover{color: #1A6DAC;}

div#copy {background: #EDEDED; text-align: center;padding: 20px 0;}
div#copy small{color:#333333;font-size: 14px;line-height: 1.0;}

/* パンくず
---------------------------------------------- */
ol#breadcrumb{margin:20px auto 0;width:1200px;font-size:0;overflow:hidden;line-height: 1.4;margin-bottom: 80px;}
ol#breadcrumb li{display: inline-block; color:#979797;background:url(../img/ico_arrow_bread.png) no-repeat right -0.1em;padding-right:20px;margin-right:10px;font-size:13px;}
ol#breadcrumb li:first-child{background-image:url(../img/ico_home.png),url(../img/ico_arrow_bread.png);background-repeat: no-repeat,no-repeat;background-size:16px 16px,7px 16px;background-position:left 0,right -0.1em;padding: 0 20px 0 24px; }
ol#breadcrumb li:last-child{background:none;padding-right:0;margin-right:0;}
ol#breadcrumb li a{font-weight: normal;color:#1A6DAC;text-decoration:none;}
ol#breadcrumb li a:hover{opacity: 0.5;}

/* ページトップ
---------------------------------------------- */
p#pagetop{position:fixed;right:40px;bottom:100px;margin-bottom:0;z-index: 100;}
p#pagetop a{width:60px;height:60px;background:url(../img/btn_pagetop01.png) no-repeat 0 0;display:block;text-decoration:none;}
p#pagetop a:hover{background:url(../img/btn_pagetop01_on.png) no-repeat 0 0;}
p#pagetop a span{display:none}

/* コンテンツエリア
---------------------------------------------- */
.w1200_top{width: 1200px;margin: 0 auto;padding-bottom: 100px;}
.w1200{width: 1200px;margin: 0 auto;padding: 100px 0;}
.bg_gry{background: #F5F5F5;border-top: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1;}
.ttl_dot{background: url(/common/img/ttl_dotted.png) no-repeat center bottom;font-weight: bold;font-size: 30px;color: #979797;text-align: center;line-height: 1.0;padding-bottom: 35px;margin-bottom: 40px;}

a:hover img.opa07{opacity: 0.7}

/* 各ページh2
---------------------------------------------- */
div#bg_h2 div#wrap_h2{width: 1200px;margin: 0 auto;}
div#bg_h2 div#wrap_h2 h2{text-align: left;}

/* テーブル
---------------------------------------------- */
table.table_style_blu{background: #FFFFFF;width: 100%;text-align: left;}
table.table_style_blu th{border: 2px solid #D9D9D9;color: #FFFFFF;background: #1A6DAC; font-weight: bold;width: 300px;padding-left: 20px;}
table.table_style_blu td{border: 2px solid #D9D9D9;padding:18px 0 18px 20px;}


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

ベースCSS

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

/* 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;}
/* color
---------------------------------------------- */
.red{color: #C40004;}
.gry{color: #777777;}
/* 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;}
.mr_65{margin-right:65px !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;}
.mb_120{margin-bottom:120px !important;}
.mb_130{margin-bottom:130px !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;}