@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Roboto', 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
    font-weight: 500;
	line-height: 1.6em;
	color: #333;
	text-size-adjust: 100%;
}

@media screen and (max-width: 480px) {
    body {
        font-size: 95%;
    }
}

a {
	cursor: pointer;
    transition-property: color, background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

/*box-sizing:border-box;はリセットシートに適応中*/

/*-------------------------------------------------------
margin
-------------------------------------------------------*/
.mt0 {margin-top: 0 !important;}
.mt05 {margin-top: 0.5em;}
.mt1 {margin-top: 1em;}
.mt2 {margin-top: 2em;}
.mt3 {margin-top: 3em;}
.mt4 {margin-top: 4em;}
.mt5 {margin-top: 5em;}

.mb0 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 0.5em;}
.mb1 {margin-bottom: 1em;}
.mb2 {margin-bottom: 2em;}
.mb3 {margin-bottom: 3em;}
.mb4 {margin-bottom: 4em;}
.mb5 {margin-bottom: 5em;}

.mr0 {margin-right: 0 !important;}
.mr05 {margin-right: 0.5em;}
.mr1 {margin-right: 1em;}
.mr2 {margin-right: 2em;}
.mr3 {margin-right: 3em;}
.mr4 {margin-right: 4em;}
.mr5 {margin-right: 5em;}

.ml0 {margin-left: 0 !important;}
.ml05 {margin-left: 0.5em;}
.ml1 {margin-left: 1em;}
.ml2 {margin-left: 2em;}
.ml3 {margin-left: 3em;}
.ml4 {margin-left: 4em;}
.ml5 {margin-left: 5em;}



/*-------------------------------------------------------
padding
-------------------------------------------------------*/
.pt0 {padding-top: 0;}
.pt1 {padding-top: 1em;}
.pt2 {padding-top: 2em;}
.pt3 {padding-top: 3em;}
.pt4 {padding-top: 4em;}
.pt5 {padding-top: 5em;}

.pb0 {padding-bottom: 0;}
.pb1 {padding-bottom: 1em;}
.pb2 {padding-bottom: 2em;}
.pb3 {padding-bottom: 3em;}
.pb4 {padding-bottom: 4em;}
.pb5 {padding-bottom: 5em;}

.pr0 {padding-right: 0;}
.pr1 {padding-right: 1em;}
.pr2 {padding-right: 2em;}
.pr3 {padding-right: 3em;}
.pr4 {padding-right: 4em;}
.pr5 {padding-right: 5em;}

.pl0 {padding-left: 0;}
.pl1 {padding-left: 1em;}
.pl2 {padding-left: 2em;}
.pl3 {padding-left: 3em;}
.pl4 {padding-left: 4em;}
.pl5 {padding-left: 5em;}


/*-------------------------------------------------------
font
-------------------------------------------------------*/
/*Shippori*/
.fontM {
    font-family: 'Shippori Mincho', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
/*Ftura（沿革ページのみ）*/
.fontF {
    font-family: "futura-pt-bold", sans-serif;
}
/*adobe-handwriting*/
.fontA {
    font-family: "adobe-handwriting-ernie", sans-serif;
}

/*-------------------------------------------------------
btn
-------------------------------------------------------*/
.css_btn1 {
	background: #0071b7

}

ul,ol {list-style: none;}

/*-------------------------------------------------------
h1-h6
-------------------------------------------------------*/
.h1_basic {
	
}

.h2_basic {
    font-family: 'Shippori Mincho', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 240%;
    text-align: center;
    color: #FFF;
    padding: 1.5em 1em;
}
.h2_basic span {
    font-family: "adobe-handwriting-ernie", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 70%;
    display: block;
    margin-top: 1em;
}
.h2_basic .sub {
    font-family: 'Shippori Mincho', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 60%;
    display: block;
    margin-bottom: 0.75em;
    letter-spacing: 0.05em;
}

.h3_basic {
    font-family: 'Shippori Mincho', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 185%;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3em;
}
.h3_basic:before {
    content: "";
    display: inline-block;
    width: 10px;
    background: #009fe8;
    height: 36px;
    vertical-align: sub;
    margin-right: 12px;
}
.h3_basic span {
    font-size: 75%;
    margin-left: 1em;
    vertical-align: inherit;
}

/*-------------------------------------------------------
align
-------------------------------------------------------*/
.textC {
    text-align: center;
}
.textR {
    text-align: right;
}
.textL {
    text-align: left;
}

/*-------------------------------------------------------
table
-------------------------------------------------------*/
.table1 {
	border-collapse: collapse;
    border: 1px solid #999;
    width: 100%;
}
.table1 th{
	border-collapse: collapse;
    border: 1px solid #999;
    background: #dcedff;
    padding: 0.85em 1em;
}
.table1 td {
	border-collapse: collapse;
    border: 1px solid #999;
    padding: 0.85em 1em;
}


.img-responsive {
	display:inline-block !important;
	height:auto;
	max-width:100%;
}