@charset "utf-8";

/* ----------------------------------------
 * 共通
 * ---------------------------------------- */
body {
	font-size: 14px;
	color:#333;
	font-family:"Lucida Grande",'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif,'ＭＳ Ｐゴシック',"MS PGothic";
	-webkit-text-size-adjust:100%;
    visibility: hidden\9;
}
a {
	text-decoration: none;
	color: #0f2ba2;
    cursor: pointer;
}
a:hover,
a.hover{
	text-decoration: underline;
}
.sp_device a:hover,
.sp_device a.hover{
	text-decoration: none;
}
a:focus{
	outline: none;
}
/*a:visited,*/
a.visited{
	color:#756643;
	text-decoration: underline;
}

.bg_skyblue{
    background: #c9f1ff;
}
sup{
	font-size:10px;
	position: relative;
	top:-5px;
}
.clear{
	clear:both;
}
.t_center{
	text-align: center;
}
.f_red{
	color: #FF0000;
}

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

    body{
        min-width: 980px;
    }
    /* headerTop
    ======================================= */
    #header{
        margin-bottom: 30px;
    }
    .wlb #header,
    .active #header,
    .photo #header{
        margin-bottom: 0;
    }
    #headerTop {
        padding: 10px 0 10px;
    }
    .logo{
        float: left;
    }
    #headerTop .inner:after{
        display: block;
        content: '';
        clear: both;
    }
    #btnMenu {
        display: none;
    }
    
    /* gnav */
    .nav {
        float: right;
        margin-top: 26px;
        height: auto !important;
    }
    .nav ul {
        float: right;
    }
    .nav li {
        float: left;
        margin-left: 40px;
    }
    .nav a {
        float: left;
        display: block;
        width: 100%;
        height: 30px;
        background: url('../img/gnav.png') no-repeat;
    }
    .nav .diversity{
        width: 122px;
    }
    .nav .diversity a{
        background-position: 0 top;
    }
    .nav .diversity a:hover,
    .nav .diversity a.this_page,
    .nav .diversity a.this_parent{
        background-position: 0 bottom;
    }
    .nav .woman{
        width: 150px;
    }
    .nav .woman a{
        background-position: -160px top;
    }
    .nav .woman a:hover,
    .nav .woman a.this_page,
    .nav .woman a.this_parent{
        background-position: -160px bottom;
    }
    .nav .seid{
        width: 36px;
    }
    .nav .seid a{
        background-position: -350px top;
    }
    .nav .seid a:hover,
    .nav .seid a.this_page,
    .nav .seid a.this_parent{
        background-position: -350px bottom;
    }
    .nav .faq{
        width: 44px;
    }
    .nav .faq a{
        background-position: -420px top;
    }
    .nav .faq a:hover,
    .nav .faq a.this_page,
    .nav .faq a.this_parent{
        background-position: -420px bottom;
    }
    .nav .photo{
        width: 144px;
    }
    .nav .photo a{
        background-position: -500px top;
    }
    .nav .photo a:hover,
    .nav .photo a.this_page,
    .nav .photo a.this_parent{
        background-position: -500px bottom;
    }
    .nav span{
        display: none;
    }
    
    /* headerBottom
    ======================================= */
    #headerBottom{
        background: #ceeffb;
        border: 1px solid #abe5fa;
    }
    #headerBottom:after{
        display: block;
        content: '';
        clear: both;
    }
    #btnReturn{
        display: none;
    }
    #categoryTop{
        line-height: 54px;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: left center;
    }
    .wlb #categoryTop{
        background-image: url('../../wlb/img/category_title.gif');
    }
    .active #categoryTop{
        background-image: url('../../active/img/category_title.gif');
    }
    .faq #categoryTop{
        background-image: url('../../faq/img/category_title.gif');
    }
    .seido #categoryTop{
        background-image: url('../../seido/img/category_title.gif');
    }
    .photo #categoryTop{
        background-image: url('../../photo/img/category_title.gif');
    }
    
    /* レイアウト大
    ======================================= */
    .inner{
        width: 980px;
        margin: 0 auto;
        overflow: hidden;
    }
    #contents{
        margin-bottom: 40px;
        line-height: 1.8;
    }
    .photo #contents{
        margin-bottom: 0;
        overflow: hidden;
    }
    
    /* コンテンツ
    ======================================= */
    h1, h2, h3{
        line-height: 100%;
    }
    /*#default #contents h1{
        font-size: 22px;
        margin-bottom: 20px;
        padding: 5px 0 5px 15px;
    }*/
    #default #contents h1{
        width: 980px;
        margin: 0 auto 28px;
        font-size: 23px;
        text-align: center;
    }
    #contents .icon_page_top{
        display: block;
		width:80px;
		height:78px;
        margin: 0 auto 15px;
    }
    #default h2.inner{
        font-size: 23px;
        text-align: center;
    }
    #default .active h2{
        margin-bottom: 30px;
        padding: 20px 0 10px;
        font-size: 26px;
        color: #292929;
        line-height: 100%;
        border-bottom:3px solid #c9f1ff;
    }
    #default .wlb h2{
        margin-bottom: 30px;
        padding: 0 0 10px;
        font-size: 26px;
        color: #292929;
        line-height: 100%;
        border-bottom:3px solid #c9f1ff;
    }
    #default h3{
        margin-bottom: 20px;
        font-size: 22px;
        color: #36a5d8;
        line-height: 1.5;
        letter-spacing: 2px;
		font-weight:normal;
    }
    #default #contents p{
        margin-bottom: 1em;
    }
    #default a{
        text-decoration: underline;
    }
    #default a:hover{
        text-decoration: none;
    }
    h4{
        color: #756643;
        font-weight: bold;
        font-size:15px;
        margin-bottom:1em;
    }
    
    .section{
        margin-bottom: 2em;
    }
    .read{
        color: #756643;
        font-weight: bold;
    }
    .readtext{
        padding-left:15px;
    }
    #default section p{
        margin-bottom:1em;
    }
    #default section ul,
    #default section ol,
    #default section dl,
    #default section table{
        margin-bottom: 1em;
    }
    #default table p,
    #default table ul,
    #default section.p0_sentence p,
    #default section.p0_sentence ul,
    #default section.p0_sentence ol,
    #default section.p0_sentence dl,
    #default section.p0_sentence table{
        margin-bottom: 0;
    }

    /* 注意文
    ======================================= */
    .attention,
    .attention_list,
    .attention_box{
        color: #f33f27 !important;
    }
    p.attention{
        padding-left: 2em;
        text-indent: -2em;
    }
    span.attention:before,
    p.attention:before,
    .attention_list li:before{
        content: '※';
        display: inline;
        margin-right: 1em;
    }
    .attention_box{
        padding: 0 14px;
    }
    .attention_box_midashi{
        margin-left: 3px;
        font-weight: bold;
    }
    
    /* リスト
    ======================================= */
    #contents ol ol{
        margin-left: 3px;
        margin-bottom: 0;
    }
    #contents ol li{
        counter-increment: ol;
        padding-left: 18px;
        text-indent: -18px;
    }
    #contents ol li:before{
        content: counter(ol);
        margin-right: 10px;
    }
    #contents ol ol li{
        counter-increment: ol_child;
    }
    #contents ol ol li:before{
        content: counter(ol_child);
    }
    #contents ul ul{
        margin-bottom: 0;
    }
    #contents ul.link_list li{
        margin-bottom:0.6em;
    }
    #contents ul.link_list ul{
        margin-left: 18px;
        margin-bottom: 0;
    }
    #contents ul.list li{
        padding-left: 21px;
        /*background: url('../images/icon_list.png') no-repeat 4px 9px;*/
        margin-bottom:0.3em;
    }
    #contents ul.list ul li{
        padding-left: 17px;
        /*background-image: url('../images/icon_list2.png');*/
    }
    /*
    #contents dt{
        padding-left: 17px;
        /*background: url('../images/icon_list.png') no-repeat 4px 9px;
    }
    #contents dd{
        padding-left: 17px;
        margin-bottom: 1em;
    }
    */
    /* リンク
    ======================================= */
    a.link{
        padding: 10px 0px 10px 30px;
        line-height: 21px;
        background: url('../img/icon_link.gif') left no-repeat;
    }
    .link_list a,
    .link a,
    .icon_link{
        display: inline-block;
        background:url(../images/icon_link.png) no-repeat left;
        padding-left:20px;
    }
    ul.link_list ul a,
    ul.link ul a{
        background-image: url('../images/icon_link2.png');
        background-position: left 5px;
        padding-left: 14px;
    }
    
    .icon_link{
        display: inline-block;
        background-position: left 6px;
    }
    .link_list .blank a{
        background-image: url('../images/icon_blank.png');
    }
    .link_list .pdf a{
        background-image: url('../images/icon_pdf.png');
    }
    .link_list .back a{
        background-image: url('../images/icon_back.png');
    }
    
    
    /* リスト
    ======================================= */
    dt{
        font-weight: bold;
    }
    
    
    /* テーブル
    ======================================= */
    /*
    table{
        width: 100%;
        background: #d2b676;
        border-collapse: separate;
        border-spacing: 1px;
    }
    th, td{
        text-align: left;
        padding: 7px 12px;
        border: 1px solid #fff;
        vertical-align: top;
    }
    th{
        color: #a08855;
        font-weight: bold;
        background: #f7eeda;
    }
    td{
        background: #fff;
    }
    .table_p3 th,
    .table_p3 td{
        padding: 3px;
    }
    .table_t_center th,
    .table_t_center td{
        text-align: center;
    }
    .table_v_center th,
    .table_v_center td{
        vertical-align: middle;
    }
    .table_tv_center th,
    .table_tv_center td{
        text-align: center;
        vertical-align: middle;
    }
    
    .table1_1_1_1 th,
    .table1_1_1_1 td{
        width: 25%;
    }
    .table1_2 th{
        width: 34%;
    }
    .table1_2 td{
        width: 66%;
    }
    .table1_2_2 th{
        width: 20%;
    }
    .table1_2_2 td{
        width: 40%;
    }
    .table1_3 th{
        width: 25%;
    }
    .table1_3 td{
        width: 75%;
    }
    .table2_1_2 .left_cell,
    .table2_1_2 .left_cell{
        width: 40%;
    }
    .table2_1_2 .center_cell{
        width: 20%;
    }
    .table3_1 .left_cell{
        width: 75%;
    }
    .table3_1 .right_cell{
        width: 25%;
    }
    */
	table.blue {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
		border-style: solid;
		border-color: #ABE5FA;
		border-width: 1px 0px 0px 1px;
    }
    table.blue th, table.blue td{
        text-align: left;
        padding: 7px 12px;
		border-style: solid;
		border-color: #ABE5FA;
		border-width: 0px 1px 1px 0px;
        vertical-align: middle;
    }
    table.blue th{
        background: #f0fbff;
    }
    table.blue td{
        background: #fff;
    }
    .table2_3 th{
        width: 40%;
    }
    .table2_3 td{
        width: 60%;
    }
    .table2_5 th{
        width: 28.5%;
    }
    .table2_5 td{
        width: 71.5%;
    }
	.table1_1_1 th, .table1_1_1 td{
		width: 33.3%;
	}
    .padding_none th,
    .padding_none td{
        padding:0px 12px;!important;
    }
    /*フォーム
    ======================================= */
    textarea{
        width: 440px;
        height: 110px;
    }
    .hissu{
        color: #f43f27;
    }
    
    
    /* コラム
    ======================================= */
    .col,
    .left_col,
    .pc_left_col,
    .center_col{
        float: left;
        margin-bottom: 1.5em;
    }
    .right_col,
    .pc_right_col{
        float: right;
    }
    .column1_1,
    .pc_column1_1,
    .column1_1_1,
    .pc_column1_1_1,
    .column1_1_1_1,
    .pc_column1_1_1_1{
        margin: 0 -20px 1.5em 0;
    }
    .column1_1 > .col,
    .pc_column1_1 > .col{
        width: 47%;
        margin-right: 3%;
    }
    .column1_1_1 > .col,
    .pc_column1_1_1 > .col{
        width: 31%;
        margin-right: 2%;
    }
    .column1_1_1_1 > .col{
        width: 22%;
        margin-right: 3%;
    }
    .column1_2 > .left_col{
        width: 31.5%;
        margin-right: 3%;
    }
    .column1_2 > .right_col{
        width: 65.5%;
    }
    .column1_3 > .left_col,
    .column1_3 > .pc_left_col{
        width: 23.5%;
        margin-right: 3%;
    }
    .column1_3 > .right_col,
    .column1_3 > .pc_right_col{
        width: 72.5%;
    }
    .column1_4 > .left_col,
    .column1_4 > .pc_left_col{
        width: 18%;
        margin-right: 2%;
    }
    .column1_4 > .right_col,
    .column1_4 > .pc_right_col{
        width: 80%;
    }

    .column2_1 > .left_col,
    .column2_1 > .pc_left_col,
    .pc_column2_1 > .pc_left_col{
        width: 64%;
        margin-right: 4%;
    }
    .column2_1 > .right_col,
    .column2_1 > .pc_right_col,
    .pc_column2_1 > .pc_right_col{
        width: 32%;
    }
    .column2_1_1 > .left_col{
        width: 48%;
    }
    .column2_1_1 > .center_col,
    .column2_1_1 > .right_col{
        width: 23%;
        margin-left: 3%;
    }
    .column3_1 > .left_col,
    .pc_column3_1 > .left_col{
        width: 72%;
        margin-right: 3%;
    }
    .column3_1 > .right_col,
    .pc_column3_1 > .right_col{
        width: 22%;
    }
    .column2_3 > .left_col,
    .pc_column2_3 .left_col{
        width: 38%;
        margin-right: 4%;
    }
    .column2_3 > .right_col,
    .pc_column2_3 > .right_col{
        width: 58%;
        margin-right: 0;
    }
    .column3_2 > .left_col,
    .column3_2 > .pc_left_col,
    .pc_column3_2 > .pc_left_col{
        width: 58%;
        margin-right: 4%;
    }
    .column3_2 > .right_col,
    .column3_2 > .pc_right_col,
    .pc_column3_2 > .pc_right_col{
        width: 38%;
        margin-right: 0;
    }
    
    /* ページトップ
    ======================================= */
    #pageTop{
        position: fixed;
        display: block;
        right: 0;
        bottom: 100px;
        z-index: 5000;
    }
    #pageTop a{
        display: block;
        margin-right: -58px;
        width: 58px;
        height: 166px;
        background: url('../img/pagetop.png') no-repeat;
        text-indent: -9999px;
    }
    #pageTop a.showd{
        margin-right: 0;
    }
    
    /* footer
    ======================================= */
    #footerTop {
        padding: 10px 0 10px;
        background: #CEEFFB;
    }
    #footerTop .nav span{
        display: none;
    }
    #footerMiddle{
        padding-bottom: 167px;
        background: url('../img/footer_img.gif') bottom repeat-x #F0FBFF;
        text-align: center;
    }
    #footerMiddle p{
        padding: 88px 0 60px;
        background: #f0fbff;
        color: #5eacc8;
        font-size: 23px;
    }
    #footerBottom {
        clear: both;
        background: #d9d9d9;
        padding: 30px 0 35px;
    }
    #footerBottom ul,
    #footerBottom li{
        float: left;
    }
    #footerBottom a{
        color: #363636;
    }
    #footerBottom .corporate{
        border-right: 1px solid #969696;
		padding-right:20px;
		margin-right:20px;
    }
    #footerBottom #sitepolicy a{
        margin-right: 21px;
    }
    #footerBottom #copyright{
        float: right;
    }
}

@media screen and (max-width: 767px){
	body{
		font-size:16px;
	}
    
    /* ヘッダー
    ======================================= */
    #header{
        margin-bottom: 20px;
    }
    .active #header,
    .photo #header{
        margin-bottom: 0;
    }
    #headerTop{
        padding: 10px 0 8px;
    }
    #header .logo{
        float: left;
        margin-left: 10px;
    }
    #btnMenu{
        float: right;
        display: block;
        margin: 13px 10px 0 0;
    }
    #header .nav{
        position: absolute;
        top: 71px;
        width: 100%;
        background: url('../img/bg_black.png');
        visibility: hidden;
        overflow: hidden;
        z-index: 9999;
    }
    #header .nav ul{
        background: url('../img/bg_black.png');
    }
    #header .nav li {
        padding: 0 13px;
        line-height: 3em;
		background-color: rgba(228,54,68,0.8);
    }
	#header .nav li.photo a{
		border-bottom:none !important;
	}
    #header .nav a{
        display: block;
        color: #fff;
        border-bottom: 1px solid #fff;
        text-decoration: none;
		padding:10px 0px;
    }
   /* #header .nav a:hover{
        background: url('../img/bg_black.png');
    }*/
    #header .nav img{
        display: none;
    }
    #header .nav.hide {
        display: none;
        z-index: -9999px;
    }

    #headerBottom{
        padding: 10px 0 8px;
        background: #c9f1ff;
    }
    #headerBottom .inner{
        display: table;
        width: 100%;
    }
    #btnReturn{
        display: none;
    }
    .child #btnReturn{
        display: table-cell;
        width: 41px;
        height: 31px;
    }
    #btnReturn a{
        display: block;
        float: right;
        width: 31px;
        height: 31px;
        line-height: 31px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        text-decoration: none;
    }
  
    #categoryTop{
        display: table-cell;
        vertical-align: top;
        padding-left: 15px;
        font-weight: bold;
        font-size: 17px;
        line-height: 31px;
        color: #353535;
    }

    /* レイアウト大
    ======================================= */
    .inner{
        width: auto;
    }
    .inner_sp{
        margin-bottom: 1.5em;
        padding-left: 10px;
        padding-right: 10px;
    }
    #contents{
        line-height: 1.8;
    }
    .section{
        margin-bottom: 1.5em;
    }
    /* コンテンツ
    ======================================= */
    #default #contents h1{
        margin: 0 13px 22px;
        font-size: 16px;
        line-height: 100%;
        text-align: center;
    }
    #contents .icon_page_top{
        display: block;
        margin: 0 auto 1em;
        width: 60px;
    }
    .faq #contents .icon_page_top{
        width: 60px;
    }
    #default h2{
        margin: 0 13px 20px;
        padding-bottom: 7px;
        font-size: 18px;
        line-height: 100%;
        color: #292929;
        border-bottom:3px solid #c9f1ff;
    }
    #default .inner_sp h2{
        margin: 0 0 20px;
    }
    #default h3{
        color: #36a5d8;
        margin-bottom: 1em;
    }
    #default #contents p{
        margin-bottom: 1em;
    }
    #default #contents .last_item{
        margin-bottom: 0 !important;
    }
    .figure{
        margin-bottom: 1em;
    }
    
    
    /* テーブル
    ======================================= */
	table.blue {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
		border-style: solid;
		border-color: #ABE5FA;
		border-width: 1px 0px 0px 1px;
    }
    table.blue th, table.blue td{
        text-align: left;
        padding: 7px 12px;
		border-style: solid;
		border-color: #ABE5FA;
		border-width: 0px 1px 1px 0px;
        vertical-align: middle;
    }
    table.blue th{
        background: #f0fbff;
    }
    table.blue td{
        background: #fff;
    }
    .table2_3 th{
        width: 40%;
    }
    .table2_3 td{
        width: 60%;
    }
    .table2_5 th{
        width: 28.5%;
    }
    .table2_5 td{
        width: 71.5%;
    }
	.table1_1_1 th, .table1_1_1 td{
		width: 33.3%;
	}

    /* コラム
    ======================================= */
    #default .left_col,
    #default .sp_left_col{
        float: left;
    }
    #default .right_col,
    #default .sp_right_col{
        float: right;
    }

    .column1_3 > .left_col,
    .sp_column1_3 > .left_col{
        width: 22%;
        margin-right: 3%;
    }
    .column1_3 > .right_col,
    .sp_column1_3 > .right_col{
        width: 72%;
    }
    .column3_1 > .left_col,
    .sp_column3_1 > .left_col{
        width: 72%;
        margin-right: 3%;
    }
    .column3_1 > .right_col,
    .sp_column3_1 > .right_col{
        width: 22%;
    }

    /* リンク
    ======================================= */
    a.link{
        padding: 10px 0px 10px 29px;
        line-height: 20px;
        background: url('../img/sp_icon_link.gif') left no-repeat;
        background-size: 20px;
        text-decoration: underline;
    }
    .pc_device a.link:hover{
        text-decoration: none;
    }
    .sp_device a.link:hover{
        text-decoration: underline;
    }

    /* ページトップ
    ======================================= */
    #pageTop{
        text-align: center;
    }
    #pageTop a{
        display: block;
        margin: 0 !important;
        padding: 20px 0;
        font-size: 15px;
        font-weight: bold;
        color: #ec515d;
        text-decoration: none;
    }
    #pageTop span{
        padding-left: 40px;
        background: url('../img/icon_pagetop.gif') left no-repeat;
        background-size: 25px 15px;
    }
    

    /* フッター
    ======================================= */
    #footerTop{
        background: #f0fBff;
    }
	#footerTop .nav {
		background:#d7f0f9;
	}
    #footerTop .logo,
    #footerTop .nav img{
        display: none;
    }
    #footerTop .nav ul{
        margin: 0 13px;
    }
    #footerTop .nav li{
        border-bottom: 2px solid #fff;
    }
    #footerTop .nav a{
        display: block;
        padding: 20px;
        color: #595959;
    }

    #footerMiddle{
        height: 93px;
        background: url('../img/sp_footer_img.png') bottom center repeat-x;
        background-size: 320px 93px;
    }
    #footerMiddle p{
        text-indent: -9999px;
        height: 50px;
        background: #f0fBff;
    }
    #footerBottom {
        padding: 23px 0;
        background: #d9d9d9;
    }
    #footerBottom ul{
        margin: 0 20px;
    }
    #footerBottom li{
        line-height: 20px;
        margin-bottom: 30px;
    }
    #footerBottom a{
        color: #363636;
    }
    #footerBottom a:before{
        content: '>';
        display: inline-block;
        margin-right: 10px;
    }
    #footerBottom #copyright{
        text-align: center;
    }

}