@charset "UTF-8";
/* CSS Information
===============================
File name: Common.css
Description: sezonsya.jp
Date: 2018
Contents: *All Page
Root EM:62.5%=10px
=============================== */
/*
Css Reset
===============================*/
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%; font-style:normal; vertical-align:middle; background:transparent;}
html{font-size:62.5%;} body{line-height:1.6;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} ul,ol {list-style:none;} blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:""; content:none;} a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:transparent; color:#000; text-decoration:none;} mark {background-color:transparent; color:#000; font-style:normal; font-weight:normal;}
del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom:0.1rem dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;}
hr{display:block; height:0.1rem; border:0; border-top:0.1rem solid #cccccc; margin:1.6rem 0; padding:0;} input, select {vertical-align:middle;} iframe{border:0;}
/* ------------------- */
*, *:before, *:after{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;} ul,ol,li{margin:0; padding:0; list-style-type:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;} .container:before, .container:after {content:""; display: table;}
a:before, a:after{text-decoration:none;}
/* ------------------- */
input[type="text"], input[type="password"], input[type="file"], input[type="hidden"], input[type="submit"], input[type="reset"], input[type="image"], input[type="number"], input[type="tel"], input[type="email"],
button, textarea, select{margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none; appearance: none;}
/* iOS reset */
input[type="submit"],input[type="button"],input[type="reset"],button{border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration,input[type="reset"]::-webkit-search-decoration,button::-webkit-search-decoration{display: none;}
input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus,button:focus{outline-offset: -0.2rem;}
/*
public Style
=============================== */
html{width:100%; height:100%; overflow-x:hidden;}
body{letter-spacing:0; font-size:1.6rem; font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
padding:0!important; margin:0; color:#000; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; width:100%; height:100%;}
input,select,textarea,button{font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
body *{word-wrap:break-word;}
img{width:auto;}
.f-sans--serif{font-family:"メイリオ",meiryo,"Hiragino Kaku Gothic ProN",sans-serif;}
.mb10{margin-bottom:1rem;}.mb20{margin-bottom:2rem;}.mb30{margin-bottom:3rem;}.mb40{margin-bottom:4rem;}.mb50{margin-bottom:5rem;}
.mb60{margin-bottom:6rem;}.mb70{margin-bottom:7rem;}.mb80{margin-bottom:8rem;}.mb90{margin-bottom:9rem;}.mb100{margin-bottom:10rem;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
/* link */
a{text-decoration:underline; outline:none; color:#000; -webkit-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}
a:hover, a:focus{color:#bc5f87; text-decoration:none;}
/*a:visited{color:#000;}*/
/* Micro Clearfix */
.cf:before, .cf:after{content:""; display:table;}
.cf:after{clear:both;} .cf{zoom:1;}
/* Micro Clearfix [ IE9 Hack ] */
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm){.cf-ie9:before, .cf-ie9:after{content:"";display:table;}}/*IE9*/
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm){.cf-ie9:after{clear:both;}}/*IE9*/
@media screen and (min-width: 0\0) and (min-resolution: .001dpcm){.cf-ie9{zoom:1;}}/*IE9*/
/* FlexBox */
.flex{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.flex-wrap{-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex-horizon--end{-webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end;}
.flex-horizon--ctr{-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.flex-horizon--between{-webkit-justify-content:space-between; -ms-flex-pack:space-between; justify-content:space-between;}
.flex-vertical--end{-webkit-align-items:flex-end; -ms-align-items:flex-end; align-items:flex-end;}
.flex-vertical--ctr{-webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.flex-direction--reverse{-ms-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; flex-direction:row-reverse;}
/* Operation(fixed) */
.operation{position:fixed; bottom:2rem; right:2rem; z-index:10; width:6rem; height:6rem; background:#bc5f87; border-radius:4rem; line-height:5rem; text-align:center;}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){.operation{line-height:6rem;}}/*Yumin ie11bug*/
.operation a{display:block; color:#fff; font-size:2.5rem;}
/*font-family:"FontAwesome"; content:"\f0f7";*/
/* Header */
.header{width:100rem; margin:0 auto; padding:3.5rem 2.5rem 0;}
.header_inner{width:100%;}
.header_logo{width:33.5rem;}
.header_logo a{display:block; width:100%;}
.header_logo a:hover{opacity:.8;}
.header_lead{width:calc(100% - 33.5rem); text-align:right; padding-right:6rem; font-weight:bold;}
/* Gnav */
.gnav{width:100%;}
.gnav_inner{width:100%; max-width:86rem; padding:1.5rem 0; margin:0 auto;
justify-content: space-between;}
.gnav_inner li{width:19%; text-align:center; font-size:1.4rem;}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){.gnav_inner li a span{margin-bottom:-0.3rem; display:block;}}/*Yumin ie11bug*/
.gnav_inner li a{display:block; text-decoration:none; color:#000; padding:1.5rem 0; font-weight:bold; border-width:1px; border-style: solid; border-color: #fff;}
.gnav_inner li a:hover{background:#bc5f87; color:#fff;border-color: #bc5f87;}

.gnav_inner li a.active{background:#bc5f87; color:#fff;}
.gnav_inner li a.active:hover{background:#fff; color:#000;}


/* Contents */
.container{width:100rem; margin:0 auto 3rem;}
.contents_inner{width:83rem; margin:0 auto;}
.contents_lead{font-size:1.8rem;}
/* Access */
.access{width:90rem; margin:0 auto;}
.access_map{width:100%; margin-bottom:4.5rem;}
.access_map iframe{width:100%; height:24rem;}
/* Contact */
.contact{width:90rem; margin:0 auto;}
.contact_point{font-size:2rem; font-weight:bold; width:100%; text-align:center; margin-bottom:1.5rem;}
.contact_action{width:100%;}
.contact_action__item{font-size:2rem; font-weight:bold; text-align:center; margin-right:3rem;}
.contact_action__item span{display:block; width:14rem; height:4.5rem; line-height:4.5rem; border:solid 0.1rem #000;}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){.contact_action__item span{line-height:5rem;}}/*Yumin ie11bug*/
.contact_action__tel{font-size:3.9rem; margin-right:1.5rem;}
.contact_action__tel span{display:inline-block;}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){.contact_action__tel span{margin-bottom:-2rem;}}/*Yumin ie11bug*/
.contact_action__tel img{width:3.6rem; margin-right:1rem;}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){.contact_action__tel img{margin-bottom:-1rem;}}/*Yumin ie11bug*/
.contact_action__fax{font-size:2.1rem; margin-right:1.5rem;}
.contact_action__fax span{display:block; margin-bottom:-1.2rem;}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){.contact_action__fax span{margin-bottom:-1.5rem;}}/*Yumin ie11bug*/
.contact_action__mail{width:4.5rem;}
.contact_action__mail a{display:block; width:100%; background:#ffff;}
.contact_action__mail a:hover{opacity:.7;}
/* Footer */
.footer{width:90rem; margin:0 auto;}
.footer_nav{width:100%; font-size:1.4rem; padding:2rem 0; border-top:solid 0.1rem #000; border-bottom:solid 0.1rem #000;}
.footer_nav a{font-weight:bold; text-decoration:none;}
.footer_nav a:hover{text-decoration:underline;}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi){.footer_nav li a span{display:block; margin-bottom:-0.5rem;}}/*Yumin ie11bug*/
.copyright{text-align:center; font-size:1.4rem; padding:2rem 0; display:block; width:100%;}
/* Underlayer Visual */
.underlayer_visual{width:100%; max-width:200rem; height:17rem; position:relative; overflow:hidden; margin:0 auto;}
.underlayer_visual:before{display:block; content:""; padding-top:17rem; background:rgba(76,0,0,0.4);}
.underlayer_visual__title{position:absolute; top:50%; left:0; z-index:2; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%; text-align:center;}
.underlayer_visual__title img{width:64rem;}
