@charset "UTF-8";

/*! =========================================================
 _foundation
========================================================= */
@font-face {
    font-family: "-Hiragino";
    font-weight: 400;
    src: local("HiraginoSans-W3"), local("Hiragino Kaku Gothic ProN")
}

@font-face {
    font-family: "-Hiragino";
    font-weight: 700;
    src: local("HiraginoSans-W6"), local("Hiragino Kaku Gothic ProN W6")
}

@font-face {
    font-family: "-YuGothic";
    font-weight: 400;
    src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic")
}

@font-face {
    font-family: "-YuGothic";
    font-weight: 700;
    src: local("YuGothic-Bold"), local("Yu Gothic"), local("YuGothic")
}

html {
    font-family: "Noto Sans JP", "Open Sans", "-Hiragino", "-YuGothic", sans-serif;
    font-size: 16px
}

body {
    font-size: 87.5%;
    line-height: 1.5;
    color: #000
}

/*! =========================================================
 _core
========================================================= */
/*! =========================================================
 _Globalnav
========================================================= */


/*! =========================================================
 _components
========================================================= */
button:focus {
	outline:0;
}
.panel-group{
	height:auto;
  padding-top: 40px;
	/* border:solid 1px #CCC; */
	border-top:none;
	/* background:#eee; */
    text-align: left;
}
.panel{
	display:none;
}

.panel.is-show{
	display:block;
}




.g-pageContents {
    position: relative;
    max-width: 1064px;
    margin: 0 auto
}

.g-container_header {
    max-width: 1064px;
    margin: 0 auto;
    padding: 50px 20px 0;
}

.g-container_header--company {
    font-family: "Noto Serif JP";
    max-width: 1044px
}

.g-container_header--company .c-headingLv1 {
    margin-bottom: 12px;
    padding-bottom: 0;
    text-align: left
}

.g-container_header--company .c-headingLv1::after {
    display: none
}

.g-container_header--company .c-subText {
    font-weight: 700;
    margin-top: 0;
    color: #017f9d
}

.g-container_header--company .c-catchText {
    font-size: 16px;
    line-height: 2.0625
}

.g-container_inner {
    max-width: 1064px;
    margin: 0 auto;
    padding: 0 20px 40px
}
/* tab */
.l-tile-tub .l-tile_item{font-size:14px;font-weight:700;line-height:calc(16/14);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:14px;text-align:center;background-color:#eee;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.l-tile-tub .l-tile_item:hover{text-decoration:none}
.l-tile-tub .l-tile_item--current{color:#fff;background-color:#017f9d}
.l-tile-tub .l-tile_item+.l-tile_item{border-left:1px solid #fff}

.l-tile_item.is-active{
	background:#017f9d;
	color:#FFF;
	transition: all 0.2s ease-out;
}



/* localNav */
.g-pageLocalNav{margin-top:80px;padding:81px 20px;border-top:1px solid #e0e0e0}
.g-pageLocalNav .l-tile{max-width:1024px;margin:24px auto 0;border-top:1px solid #e0e0e0}
.g-pageLocalNav .l-tile_item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:0;padding:0;border-bottom:1px solid #e0e0e0;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.g-pageLocalNav .l-tile .c-btn{font-size:14px;line-height:2.8;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;width:100%;padding:14px 52px 14px 8px;text-align:left;color:#616161;border:none;border-radius:0;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.g-pageLocalNav .l-tile .c-btn.u-icon-chevronRight::before{background-image:url(/assets/images/icons/blue/ic_chevron_right.svg)}
.g-pageLocalNav .l-tile .c-btn--current,.g-pageLocalNav .l-tile .c-btn:hover{text-decoration:none;color:#000;background-color:#e6f1f5}
.g-pageLocalNav .l-tile .c-btn--current.u-icon-chevronRight::before,.g-pageLocalNav .l-tile .c-btn:hover.u-icon-chevronRight::before{right:16px;width:8px;height:8px;background-image:url(/assets/images/dot.svg);background-size:8px}
.g-pageLocalNav .c-text{max-width:1024px;margin:0 auto}
.g-pageLocalNav .c-text .u-icon-chevronRight::after{background-image:url(/assets/images/icons/blue/ic_chevron_right.svg)}

/* policy */
.g-container_inner--policy .c-headingLv3+p,
.g-container_inner--policy .c-headingLv3+ul {
    margin-top: 20px;
    padding-left: 0;
}

.g-container_inner--policy {
    font-size: 16px;
}

.g-pageMain .c-headingLv1 {
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho";
    font-weight: 700;
    position: relative;
    text-align: center;
    height: 2em;
}

.g-pageMain .c-headingLv1:after {
    line-height: 1;
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 48px;
    height: 4px;
    margin-left: -24px;
    content: "";
    background-color: #017f9d
}

.g-pageMain .c-text {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 16px;
}

.g-pageMain .c-headingLv3 {
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho";
    font-size: 20px;
    font-weight: 700;
    position: relative;
    margin-top: 32px;
    padding-left: 15px;
    line-height: 24px;
}

.g-pageMain .c-headingLv3:before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 3px;
    height: 24px;
    content: "";
    background-color: #017f9d
}

.g-pageMain ul {
    line-height: 1.8;
}

.g-pageMain li {
    list-style: none;
}


.g-pageMain .c-list-order .c-list_item {
    padding-left: 0.55em;
    text-indent: -0.55em;
}

.g-pageMain .c-list-order .c-list_item.kome {
    padding-left: 1em;
    text-indent: -1em;
    margin-top: 1em;
}