@charset "UTF-8";
/*=============================================================
 02_base
=============================================================*/
/*!  02_base
================================================ */
@font-face { font-family: "SketchetikLight"; font-style: normal; font-weight: normal; src: url("fonts/315B8A_0_0.eot"); src: url("fonts/315B8A_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/315B8A_0_0.woff2") format("woff2"), url("fonts/315B8A_0_0.woff") format("woff"), url("fonts/315B8A_0_0.ttf") format("truetype"); }
@font-face { font-family: "Boku2-Regular"; src: url("fonts/Boku2-Regular.woff2") format("woff2"), url("fonts/Boku2-Regular.woff") format("woff"), url("fonts/Boku2-Regular.otf") format("opentype"); }
@font-face { font-family: "Boku2-Bold"; src: url("fonts/Boku2-Bold.woff2") format("woff2"), url("fonts/Boku2-Bold.woff") format("woff"), url("fonts/Boku2-Bold.otf") format("opentype"); }
.SketchetikLight { font-family: "SketchetikLight"; }
.Boku2-Regular { font-family: "Boku2-Regular"; }
.Boku2-Bold { font-family: "Boku2-Bold"; }
.noto { font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN",YuGothic,"Yu Gothic","メイリオ", sans-serif; }
html { width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
@media (min-width: 600px) { html { overflow: auto; } }
body { position: relative; width: 100%; line-height: 1.8; overflow-x: hidden; margin: 0; color: #5a5654; font-family: -apple-system, BlinkMacSystemFont, "Boku2-Regular", "Hiragino Kaku Gothic ProN","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic ,"メイリオ", sans-serif; font-weight: 500; font-size: 1.6rem; letter-spacing: .08em; -webkit-text-size-adjust: 100%; }
#wrapper { background: #fff; }
@media (min-width: 600px) { #contents { width: 1100px; margin: 50px auto 0; } }
#contents:after { display: block; clear: both; content: ""; }
#main { margin-bottom: 30px; }
@media (min-width: 600px) { #main { float: left; width: 810px; } }
@media (min-width: 600px) { #side { float: right; width: 250px; } }
/* for IE */
main { display: block; }
@media all and (-ms-high-contrast: none) { .icon:before { transform: translateY(-3px); } }
/* end for IE */
.cf:after { display: block; clear: both; content: " "; }
/*! breakpoint
-------------------------------------------------
600pxで切り替え
-------------------------------------------------
*/
@media (max-width: 599px) { .viewSp { display: block; }  .viewPc { display: none; } }
@media (min-width: 600px) { .viewSp { display: none; }  .viewPc { display: block; } }
/* box-sizing
-------------------------------------------------
-------------------------------------------------
*/
html , body , header , footer , h1 , h2 , h3 , h4 , h5 , section , article , div , dl , dt , dd , ol , ul , li , p , a , span { box-sizing: border-box; }
/* img
-------------------------------------------------
-------------------------------------------------
*/
img { max-width: 100%; vertical-align: top; }
/* weight
-------------------------------------------------
-------------------------------------------------
*/
span , em { font-weight: inherit; }
a { color: #ff60bf; transition: .2s ease-out; }
a img { transition: .4s ease-out; }
a:hover { color: #ff005d; text-decoration: none; }
a:hover > img { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
/*=============================================================
 03_layout
=============================================================*/
/*!  #gHeader
================================================ */
#gHeader { position: relative; }
#gHeader .ttl { line-height: 1.74; padding: 0 10px; color: #5a5654; font-family: "SketchetikLight"; font-weight: normal; font-size: 4.6rem; }
@media (min-width: 600px) { #gHeader .ttl { line-height: 1.54; padding: 0; font-size: 5.2rem; } }
#gHeader a { text-decoration: none; }
#gHeader .btn a { display: block; width: 220px; padding: 5px; border: 1px solid #acaaa9; border-radius: 5px; color: #5a5654; text-align: center; transition: .3s ease-out; box-shadow: 0 2px 0 1px rgba(90, 86, 84, .3); }
#gHeader .btnPc { display: none; position: absolute; top: 20px; right: 0; }
@media (min-width: 600px) { #gHeader .btnPc { display: block; } }
#gHeader .btnPc a:hover { background: #dedddd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkwAH+//+/mRGbHFiCkdEXQxImAdKEIoksgSKJLgGXxCYBlsQlAZIEAOBXG7idmG0XAAAAAElFTkSuQmCC) repeat; box-shadow: 0 0 0 1px rgba(90, 86, 84, .3); }
#gHeader .btnPc p { display: none; position: absolute; top: -10px; left: -120px; z-index: 2; width: 100%; margin-bottom: 8px; }
#gHeader .btnPc p span { position: relative; line-height: 1.54; padding: 10px 25px; border-radius: 50%; background: #ffbfe5 url(../img/common/bg.png) center bottom; background-size: 100% auto; color: #fff; font-size: 1.3rem; letter-spacing: 0; }
#gHeader .btnPc p span:after { display: block; position: absolute; bottom: -5px; left: 80%; width: 0; height: 0; margin-left: -5px; border-width: 10px 5px 0 5px; border-style: solid; border-color: #ffbfe5 transparent transparent transparent; content: ""; transform: rotate(-30deg); }
#gHeader .btnSp { display: block; }
@media (min-width: 600px) { #gHeader .btnSp { display: none; } }
#gHeader .btnSp a { margin: 20px auto 0; background: #fff; }
/*!  #gNav
================================================ */
#gNav { padding: 0 0 20px; background: #acaaa9; }
@media (max-width: 599px) { #gNav { display: none; position: absolute; top: 80px; left: 0; z-index: 2; width: 100%; } }
@media (min-width: 600px) { #gNav { background: transparent; } }
#gNav li { position: relative; }
@media (min-width: 600px) { #gNav li { float: left; width: 16.66667%; text-align: center; } }
#gNav li a { display: block; padding: 10px 5%; border-bottom: 1px solid #dedddd; color: #fff; font-size: 1.6rem; transition: .3s ease-out; }
@media (min-width: 600px) { #gNav li a { margin: 10px 0; padding: 5px 0; border-bottom: none; border-left: 1px dotted #acaaa9; color: #5a5654; } }
#gNav li a:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
#gNav li:last-child a { border-right: 1px dotted #acaaa9; }
#gNav li p { display: none; position: absolute; bottom: 40px; left: 0; z-index: 2; width: 100%; margin-bottom: 8px; }
#gNav li p span { display: none; position: relative; line-height: 1.54; padding: 10px 25px; border-radius: 50%; background: #ffbfe5 url(../img/common/bg.png) center bottom; background-size: 100% auto; color: #fff; font-size: 1.3rem; letter-spacing: 0; }
@media (min-width: 600px) { #gNav li p span { display: inline-block; } }
#gNav li p span:after { display: block; position: absolute; bottom: -8px; left: 50%; width: 0; height: 0; margin-left: -5px; border-width: 10px 5px 0 5px; border-style: solid; border-color: #ffbfe5 transparent transparent transparent; content: ""; }
/*!  #mainImg 下層ページ
================================================ */
/*!  #mainimg
================================================ */
#mainImg { background: #dedddd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkwAH+//+/mRGbHFiCkdEXQxImAdKEIoksgSKJLgGXxCYBlsQlAZIEAOBXG7idmG0XAAAAAElFTkSuQmCC) repeat; }
#mainImg .mainimgIn { position: relative; }
#mainImg.front .mainimgIn { margin-bottom: 50px; }
@media (min-width: 600px) { #mainImg.front .mainimgIn { height: 290px; } }
#mainImg.front img { width: 150px; }
@media (min-width: 600px) { #mainImg.front img { width: auto; } }
@media (min-width: 600px) { #mainImg.branch .mainimgIn { height: 190px; } }
#mainImg.branch .headerImg img { width: 150px; }
@media (min-width: 600px) { #mainImg.branch .headerImg img { width: auto; height: 210px; } }
#mainImg .headerImg { position: relative; bottom: -15px; margin-top: -20px; text-align: right; }
@media (min-width: 600px) { #mainImg .headerImg { position: absolute; right: 0; bottom: -20px; margin: 0; text-align: left; } }
#mainImg .mainTtl { line-height: 1.5; padding: 10px 10px 0; font-weight: bold; font-size: 2rem; }
@media (min-width: 600px) { #mainImg .mainTtl { position: absolute; top: 50%; padding: 0; font-size: 4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
#mainImg .mainTtl span { display: inline-block; }
#mainImg .mainTtl p { display: block; font-size: 1.6rem; }
@media (min-width: 600px) { #mainImg .mainTtl p { font-size: 3rem; } }
/*!  #breadcrumb
================================================ */
#breadcrumb { margin: 15px 10px 0; }
@media (min-width: 600px) { #breadcrumb { margin: 15px 0 0; } }
#breadcrumb ol { max-width: 1100px; margin: auto; padding: 0; font-size: 0; }
#breadcrumb ol li { display: inline-block; position: relative; line-height: 1.1; font-weight: 500; font-size: 1.5rem; vertical-align: middle; }
#breadcrumb ol li + li { padding-left: 15px; }
#breadcrumb ol li + li:before { display: block; position: absolute; top: 50%; left: -2px; width: 6px; height: 6px; border-top: 2px solid #acaaa9; border-right: 2px solid #acaaa9; content: ""; transform: rotate(45deg) translateY(-50%); }
#breadcrumb ol li:last-child { padding: 3px 0 3px 15px; }
#breadcrumb ol li a { display: block; padding: 2px 8px 4px; border: 1px solid #acaaa9; border-radius: 5px; color: #5a5654; text-decoration: none; transition: .3s ease-out; }
#breadcrumb ol li a:hover { background: #dedddd; }
#breadcrumb ol li span { display: inline-block; padding: 2px 0 4px; }
/*!  #sidebar
================================================ */
#side { margin: 0 10px; }
@media (min-width: 600px) { #side { margin: 0; } }
#side .titCmn01 { position: relative; margin: 0 0 10px; padding: 5px 10px 5px 20px; background: #dedddd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkwAH+//+/mRGbHFiCkdEXQxImAdKEIoksgSKJLgGXxCYBlsQlAZIEAOBXG7idmG0XAAAAAElFTkSuQmCC) repeat; color: #5a5654; font-weight: bold; font-size: 1.8rem; transition: .3s ease-out; }
#side .titCmn01:before , #side .titCmn01:after { display: block; position: absolute; width: 0; height: 0; border-style: solid; content: ""; }
#side .titCmn01:before { top: 0; left: 0; border-width: 10px 10px 0 0; border-color: #fff transparent transparent transparent; }
#side .titCmn01:after { right: 0; bottom: 0; border-width: 0 0 10px 10px; border-color: transparent transparent #fff transparent; }
#side > section { margin-bottom: 30px; }
#side > section ul { padding: 0 10px; }
@media (min-width: 600px) { #side > section li { line-height: 1.3; padding: 5px 0; font-size: 1.4rem; } }
#side > section li a { display: block; position: relative; left: 0; color: #5a5654; text-decoration: none; transition: .3s ease-out; }
#side > section li a:before { display: block; position: absolute; top: .5em; left: -1em; width: 5px; height: 5px; border-top: 2px solid #ffbfe5; border-right: 2px solid #ffbfe5; opacity: 0; content: ""; transition: .3s ease-out; transform: rotate(45deg); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
#side > section li a:hover { left: 8px; text-decoration: underline; }
#side > section li a:hover:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#side > section .sideTagBox { line-height: 1.3; padding: 0 10px; }
#side > section .sideTagBox a { display: inline-block; position: relative; left: 0; margin-right: .5em; padding: 5px 0; color: #5a5654; text-decoration: none; transition: .3s ease-out; }
#side > section .sideTagBox a:hover { left: 8px; text-decoration: underline; }
/*!  #gFooter
================================================ */
#gFooter { margin: 50px 0 0; padding: 20px 0; background: #dedddd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkwAH+//+/mRGbHFiCkdEXQxImAdKEIoksgSKJLgGXxCYBlsQlAZIEAOBXG7idmG0XAAAAAElFTkSuQmCC) repeat; text-align: center; }
/*=============================================================
 05_helper
=============================================================*/
/*!  .js-name
================================================ */
/*=============================================================
 06_lib
=============================================================*/

/*# sourceMappingURL=maps/common.css.map */