/*@import url(http://fonts.googleapis.com/css?family=chango);*/
/************************************************************************
 リセットＣＳＳ
*************************************************************************/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul{
    list-style:none;	
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
	color:#333;
	text-decoration:none;
}
a:hover{
    color:#3bc7a4;
}
/* ------------------------------------------------------------------------ */
/* 文字サイズ設定                                                            */
/* ------------------------------------------------------------------------ */
strong{
    font-weight: normal;
}
/* ------------------------------------------------------------------------ */
/* 全体構造レイアウト                                                            */
/* ------------------------------------------------------------------------ */
html{
    overflow-y:scroll;
}
body{
    text-align: center;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    /*font-size: 100%;  /*16px*/
    font-size: 86.6%;	/*14px*/
    color: #333;
    letter-spacing: 1.5px;
    line-height: 1.75;
}

@media(max-width:500px){
    body{
        font-size: 75%;	/*12px*/
        letter-spacing: 1px;
        line-height: 1.5;
     }
 }

 .wrapper{
     background-color: #eee;
     margin: 0 auto;
     padding: 0
 }
 
 /*.content{
     backgroundbackground-color: #5f1c5f;
 } */
 .site-container{ 
     background-color: #fff;
     margin: 0 auto;
     padding: 0;
 }
 
/* ------------------------------------------------------------------------ */
/* 部品設定                                                                  */
/* ------------------------------------------------------------------------ */
article,section{
    margin:0 auto;
    text-align: left;
    overflow: hidden;
    box-sizing: border-box;
}
/******************************
  共通クラス設定
******************************/
.clear_both{
	clear:both;	
}
.float_left{
	float:left;
}
.float_right{
	float:right;	
}

.inline_block{
	display:inline-block;
}
.display_block{
	display:block;
}
.nowrap{ 
    white-space: nowrap;
}
/*アウトライン***************************************************/
.outline01{
	border:solid 1px #999999;
}
.outline02{
    border:solid 1px #ededed;
}
/*マージン***************************************************/
.margin1{
    margin: 1rem;
}
.margin2{
    margin: 2rem;
}
.margin3{
    margin: 3rem;
}
.margin_top1{
    margin-top: 1rem;
}
.margin_top2{
    margin-top: 2rem;
}
.margin_top3{
    margin-top: 3rem;
}
.margin_left1{
    margin-left: 1rem;
}
.margin_left2{
    margin-left: 2rem;
}
.margin_left3{
    margin-left: 3rem;
}
.margin_right1{
    margin-right: 1rem;
}
.margin_right2{
    margin-right: 2rem;
}
.margin_right3{
    margin-right: 3rem;
}
.padding_top1{
    padding-top: 1rem;
}
.padding_top2{
    padding-top: 2rem;
}
.padding_top3{
    padding-top: 3rem;
}
.padding_left1{
    padding-left: 1rem;
}
.padding_left2{
    padding-left: 2rem;
}
.padding_left3{
    padding-left: 3rem;
}
.padding_right1{
    padding-right: 1rem;
}
.padding_right2{
    padding-right: 2rem;
}
.padding_right3{
    padding-right: 3rem;
}
/*文字位置よせ*********************************************/
.text_align{
    text-align: center;
}
.table-cell {
    display: table-cell; /* IE8から使用可能 */
    vertical-align: middle;
   }
   
    /******************************
    /* タイトルバー
    ******************************/
    h2.title-h2{
        height:auto;
        background:url(../img/ttlh2_bk.jpg) repeat-y;
        text-align:left;
        padding:0.5rem 0 0.5rem 1rem;
        line-height:1.5rem;
        font-size:1.2rem;
        font-family:小塚明朝 Pr6N;
        color:#FFF;
    }
    h3.title-h3{
        height:auto;
        background:url(../img/ttlh3_bk.jpg) repeat-y;
        text-align:left;
        margin:1rem 0 0rem 1rem;
        padding:0.3rem 0 0 1rem;
        line-height:1.4rem;
        font-size:1.1rem;
        font-family:小塚明朝 Pr6N;
        font-weight:normal;	
        color:#333;	
    }
    
    h4.title-h4{
        height:auto;
        text-align:left;
        line-height:1.2rem;
        font-size:0.8rem;
        font-family:小塚明朝 Pr6N;
        font-weight:normal;	
        color:#333;				
    }

    
    @media(max-width:500px){
        
        h3.title-h3{
            font-size:1rem;
        }
        .small-h01{
            letter-spacing: -0.1em;
        }
    }
    /* ------------------------------------------------------------------------ */
    /* ヘッダー                                                                  */
    /* ------------------------------------------------------------------------ */
    header{
        width: 100%;
        min-height:90px;
        max-height: 120px;
        height: 10vw;
        box-sizing: border-box;
        position: fixed; 
        z-index: 99999;  
        top: 0;
        color:#666;
        background-color: #fff;
    }
    .header-back{ 
        width: 100%;
        min-height:90px;
        max-height: 120px;
        height: 10vw;
    }
    header h1{
        float: left;
        width: 70%;
        max-height: 100px;
        text-align: left;
        /*background-color: #004565;*/
    }
    
    /******************************
    /*  PC-smartphone画像切替
    ******************************/
    #info{
        float: right;
        width: 30%;
        text-align: right;
    }
    .smartphone-dsp{
        display: inline;
        max-width: 60px;
        max-height: 60px;
        overflow: hidden;
    }
    .pc-dsp{
        display:none;
    }
    @media(min-width:700px){
        
        .smartphone-dsp{
            display:none;	
        }
        .pc-dsp{
            display: inline;
            min-height: 60px;
        }
    }

    /* ヘッダーナビゲーション */
    nav.headerMenu{
        clear: both;
        position: absolute;
        left:10vw;
        bottom: 0.1rem;
    }
    nav.headerMenu ul{
        list-style-type: none;
        margin: 0 auto;
    }
    nav.headerMenu ul li{
        display: inline;
        font-size: 0.5rem;
        letter-spacing: 0;
        padding-left: 0.5rem;
    }  
    @media(min-width:850px){
        nav.headerMenu{
            position: absolute;
            left:30vw;
            bottom: 0.2rem;
        }
        nav.headerMenu ul li{
            font-size: 0.7rem;
            padding-left: 2rem;
        }  
        
    }
    /**************************
    メインビジュアル
    **************************/
    #site-mainBanner{			/*幅指定１０００ｐｘ*/
        max-width: 960px;
        width: 100%;
        margin:0 auto;
        /*background-color: #3bc7a4*/
    }
    
    .bx-wrapper {
        margin: 0 !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: none !important;
        background: none !important;
    }
    .bxslider img{
        width: 100% !important;
        height: auto !important;
    }
    
    /*ページャ調整*/
    .bxslider {
        position: relative;
    }
    .bxslider .bx-pager {
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 0px;
        text-align: center;
        display: none;
    }
    /**************************
    パンくずリスト
    **************************/
    #breadCrumb-area {
        margin: 0 auto;
        height:1.5rem;
        line-height: 1.5rem;
        padding-left:1rem;
        text-align:left;
    }
    #breadCrumb li { 
        display:inline; 
        list-style-type:none; 
    }
    #breadCrumb li a { 
        color:#333;
    }
    
    /* ------------------------------------------------------------------------ */
    /* 共通boxレイアウト                                                         */
    /* ------------------------------------------------------------------------ */
    /* 横幅制限設定 ======================*/
    div.div_sizeLimit {
        margin: 0 auto;
        padding: 0;
    }
    @media (min-width: 960px) {
        div.div_sizeLimit {
            width:960px;
            margin: 0 auto;
            padding: 0;
        }
    }
    
    /* ------------------------------------------------------------------------ */
    /*コンテンツ枠        ：縮小でカラム落ちタイプ                                 */
    /* ------------------------------------------------------------------------ */
    /**************************
    ４分割ボックス：縮小２分割
    **************************/
    div.div4-2 > div{
        float: left;
        width: 25%;
        box-sizing: border-box;
    }
    .div4-2::after{
        content:"";
        display: block;
        clear: both;
    }
    @media (max-width: 500px) {
        div.div4-2 > div{
            float: left;
            width: 50%;
            box-sizing: border-box;
        }
    }
    /**************************
    ２分割ボックス：
    **************************/
    h4.box-center{
        /* 水平方向の中央揃え */
        text-align:center;
        /*margin: 0 auto;*/
    }
    
    div.div2-1 > div{
        float: left;
        width: 50%;
        box-sizing: border-box;
    }
.div2-1::after{
    content:"";
    display: block;
    clear: both;
}
@media (max-width: 870px) {
    div.div2-1 > div{
        float: left;
        width: 100%;
        box-sizing: border-box;
    }
    .div2-1::after{
        content:"";
        display: block;
        clear: both;
    }
}
/**************************
 ２分割ボックス：
**************************/
div.div2-1-64 > div:nth-child(odd) {
    float: left;
    width: 40%;
    text-align: right;
    box-sizing: border-box;
}
div.div2-1-64 > div:nth-child(even) {
    float: left;
    width: 60%;
    box-sizing: border-box;
    text-align: left;
}
.div2-1-64::after{
    content:"";
    display: block;
    clear: both;
}
@media (max-width: 500px) {
    div.div2-1-64 > div:nth-child(odd) {
        float: left;
        width: 100%;
        text-align: left;
        box-sizing: border-box;
    }
    div.div2-1-64 > div:nth-child(even) {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding-top: 0;
    }
}
/******************************
/* Ｔｏｐｉｃｓ
******************************/
.Topics01{
    padding:1rem 1rem 1rem 1rem;	
	background-color:#fff;
}
.subTopics01{
    padding: 0.5rem;
}
.caption{
    display:block;
	color:#333;
	padding: 2vw 3vw 5vw;
	line-height:1.4em;
	text-align:left;
}
/******************************
/* ボックス効果
******************************/


/******************************
/*リサイズ対応
******************************/
img{
	max-width:100%;	
    height:auto;
    margin:0 auto;
    padding: 0;
	vertical-align: middle;
}
/******************************
 リスト定義  
******************************/
.listtype01{
	padding:1rem;
	line-height:1.5rem;
}
.listtype02{
    padding-left:1.5rem;
    list-style:url(../img/listmark_03.jpg);
}
.listtype02 li{
    margin-bottom:1rem;
}

/******************************
/* テーブル
******************************/
table.tabletype01{
	border-top:1px solid #888888;	/*テーブル枠線色  */
	border-left:1px solid #888888;
	border-collapse:collapse;
	background-color:#ffffff;
	empty-cells:show;
	margin:1rem auto;
	width:100%;
	text-align:left;
}
table.tabletype01 th{
	border-right:1px solid #888888;
	border-bottom:1px solid #888888;
	margin:0 auto;
	padding: 0.5rem;
	line-height:2rem;
	font-weight:normal;
}
table.tabletype01 td{
    border-right:1px solid #888888;
    border-bottom:1px solid #888888;
	margin:0 auto;
    line-height:1.5rem;
    padding:0.5rem;
    letter-spacing: 0;
}

table.tabletypeborderless{
	margin: 0 auto;
}
table.tabletypeborderless, table.tabletypeborderless tr, table.tabletypeborderless th, table.tabletypeborderless tr td{
	border-style:none;
	
}

/* ------------------------------------------------------------------------ */
/* フッター                                                                  */
/* ------------------------------------------------------------------------ */
footer{
    clear: both;
    height: 500px;
    margin: 0px auto;
    background-color: #0a6eba;
    /*background-image: url(../img/footer-pic.jpg);*/
	background-repeat: repeat-x;
    padding-top:1rem;
    text-align: left;
    color:#fff;	
}

footer > div{
    display: block;
}

/*フッターナビゲーション*/
nav.footerMenu{
    padding-top: 2rem;
}
    nav.footerMenu ul{
        margin:0 3%;
        text-align:center;
    }

    nav.footerMenu ul li{
        display:inline-block;
        margin-bottom:1%;
        padding:0% 1% 0% 1%;
        border-right:1px solid #fff;	/*フッターメニュー区切文字色*/
    }
    nav.footerMenu ul li a{
        color: #fff;		            /*メニュー文字色*/
    }
    nav.footerMenu ul li a:hover{
        color: rgb(204, 206, 211);		/*メニュー文字色*/
    }
    nav.footerMenu li:first-child{
        border-left:solid 1px #fff;
    }