@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:600i");
/* ===========================================================================

/assets/sass/common/_reset.scss
Reset

=========================================================================== */
body { /* webkit系のスマホで文字が拡大されるのを防ぐ */ -webkit-text-size-adjust: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline; text-align: left; text-decoration: none; }

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

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; /* 必要に応じて下記はコメントアウト */ -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

a:focus { outline: none; }

img { vertical-align: bottom; }

a, span, small, strong { color: inherit; font-weight: inherit; }

/* ===========================================================================

/assets/sass/common/_common.scss

=========================================================================== */
html { font-size: 0.625em; }

body { font: 18px/2 "Noto Sans JP", sans-serif; color: #1b1b1b; letter-spacing: 0.1em; font-weight: 400; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media screen and (max-width: 419px) { body { font-size: 16px; } }

*, input, select, textarea { -webkit-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; }

/* wrapper ----------------------------- */
@media screen and (max-width: 899px) { #wrapper { padding-top: 70px; width: 100%; overflow: hidden; }
  #wrapper.navOpen { position: fixed; left: 0; }
  #wrapper.navOpen #nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  #wrapper.navOpen #smtMenuBtn i:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 19px; }
  #wrapper.navOpen #smtMenuBtn i:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  #wrapper.navOpen #smtMenuBtn i:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 19px; } }

/* header ----------------------------- */
#header { height: 70px; background-color: #fff; border-bottom: 5px solid #125300; width: 100%; }

#header .heaederInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1030px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; height: 65px; }

#header .headerLogo { -webkit-box-flex: 0; -ms-flex: 0 0 143px; flex: 0 0 143px; line-height: 1; }

#header .headerLogo img { width: 143px; vertical-align: middle; }

@media screen and (min-width: 900px) { #header { height: 100px; }
  #header .heaederInner { height: 95px; position: relative; } }

@media screen and (max-width: 899px) { #header { position: fixed; top: 0; left: 0; z-index: 100; } }

/* nav ----------------------------- */
@media screen and (min-width: 900px) { #nav { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: 10px; } }

@media screen and (max-width: 899px) { #nav { -webkit-transition: .3s transform ease; -o-transition: .3s transform ease; transition: .3s transform ease; position: fixed; top: 70px; left: 0; height: calc(100vh - 70px); width: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: auto; background-color: #fffae9; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
  #nav .navInner { overflow-y: auto; padding: 15px; } }

/* navFormBtn ----------------------------- */
.navFormBtns .navFormBtn { color: #fff; font-size: 15px; line-height: 1; letter-spacing: 0; }

@media screen and (min-width: 900px) { .navFormBtns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; top: 0; right: 15px; width: 320px; }
  .navFormBtns .navFormBtn { border-radius: 0 0 5px 5px; height: 30px; }
  .navFormBtns .navFormBtn.contact { margin-left: 10px; padding: 7px 5px 5px 29px; background: #125300 url(../img/common/icn_plane.png) no-repeat 5px center/19px auto; -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; }
  .navFormBtns .navFormBtn.support { padding: 8px 5px 5px 38px; background: #125300 url(../img/common/icn_group.png) no-repeat 5px center/23px auto; -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; } }

@media screen and (max-width: 899px) { .navFormBtns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }
  .navFormBtns .navFormBtn { display: block; border-radius: 5px; padding: 0 32px; height: 45px; line-height: 45px; font-size: 15px; font-weight: bold; }
  .navFormBtns .navFormBtn.contact { background: #125300 url(../img/common/icn_plane.png) no-repeat 5px center/19px auto; padding: 0 0 0 35px; -webkit-box-flex: 0; -ms-flex: 0 0 43%; flex: 0 0 43%; }
  .navFormBtns .navFormBtn.support { background: #125300 url(../img/common/icn_group.png) no-repeat 5px center/23px auto; padding: 0 0 0 38px; -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; } }

@media screen and (max-width: 369px) { .navFormBtns { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .navFormBtns .navFormBtn { text-align: center; }
  .navFormBtns .navFormBtn.contact { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 35px; }
  .navFormBtns .navFormBtn.support { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 35px; margin-bottom: 15px; } }

/* glNav ----------------------------- */
@media screen and (min-width: 900px) { #glNav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #glNav .glNavItem { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 1em; color: #125300; font-size: 15px; line-height: 1.3; }
  #glNav .glNavItem:first-child { margin-left: 0; } }

@media screen and (max-width: 899px) { #glNav { border-top: 1px dotted #125300; }
  #glNav .glNavItem { color: #125300; border-bottom: 1px dotted #125300; }
  #glNav .glNavItem a { display: block; padding: 10px 0; font-size: 17px; text-align: center; } }

/* smtMenuBtn ----------------------------- */
@media screen and (min-width: 900px) { #smtMenuBtn { display: none; } }

@media screen and (max-width: 899px) { #smtMenuBtn { position: absolute; width: 40px; height: 40px; display: block; top: 10px; right: 10px; }
  #smtMenuBtn i { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; position: absolute; width: 32px; height: 3px; background-color: #125300; left: 4px; }
  #smtMenuBtn i:nth-child(1) { top: 9px; }
  #smtMenuBtn i:nth-child(2) { top: 19px; }
  #smtMenuBtn i:nth-child(3) { top: 29px; } }

/* footer ----------------------------- */
#footer { margin-top: 80px; background-color: #fffae9; }

#footer .footerInner { max-width: 1030px; padding: 40px 15px; margin-left: auto; margin-right: auto; }

#footer .footerList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; margin-bottom: 20px; }

#footer .footerList li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

#footer .footerList li:before { content: '/'; display: inline-block; margin: 0 0.5em; }

#footer .footerList li:first-child:before { content: none; }

#footer .footerList a { text-decoration: underline; }

#footer .footerFb { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (min-width: 900px) { #footer .footerInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #footer .footerInfo { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  #footer .footerLink { -webkit-box-flex: 0; -ms-flex: 0 0 470px; flex: 0 0 470px; }
  #footer .footerList { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  #footer .footerFb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #footer .footerFb li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } }

@media screen and (max-width: 899px) { #footer .footerInner { padding: 20px 15px; }
  #footer .footerInfo { margin-bottom: 15px; }
  #footer .footerInfo p { text-align: center; }
  #footer .footerList { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #footer .footerList li { margin: 0 5px; }
  #footer .footerFb { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #footer .footerFb li { margin: 0 5px 10px; } }

@media screen and (max-width: 419px) { #footer .footerList { font-size: 14px; } }

#copyright { background-color: #125300; display: block; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; font-weight: 500; }

@media screen and (max-width: 419px) { #copyright { height: auto; line-height: 1.3; font-size: 11px; padding: 15px 0; } }

/* ===========================================================================

/assets/sass/common/_class.scss

=========================================================================== */
/* margin,padding ----------------------------- */
.pt5 { padding-top: 5px; }

.pr5 { padding-right: 5px; }

.pb5 { padding-bottom: 5px; }

.pl5 { padding-left: 5px; }

.mt5 { margin-top: 5px; }

.mr5 { margin-right: 5px; }

.mb5 { margin-bottom: 5px; }

.ml5 { margin-left: 5px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }

.pl10 { padding-left: 10px; }

.mt10 { margin-top: 10px; }

.mr10 { margin-right: 10px; }

.mb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.pt15 { padding-top: 15px; }

.pr15 { padding-right: 15px; }

.pb15 { padding-bottom: 15px; }

.pl15 { padding-left: 15px; }

.mt15 { margin-top: 15px; }

.mr15 { margin-right: 15px; }

.mb15 { margin-bottom: 15px; }

.ml15 { margin-left: 15px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }

.pl20 { padding-left: 20px; }

.mt20 { margin-top: 20px; }

.mr20 { margin-right: 20px; }

.mb20 { margin-bottom: 20px; }

.ml20 { margin-left: 20px; }

.pt25 { padding-top: 25px; }

.pr25 { padding-right: 25px; }

.pb25 { padding-bottom: 25px; }

.pl25 { padding-left: 25px; }

.mt25 { margin-top: 25px; }

.mr25 { margin-right: 25px; }

.mb25 { margin-bottom: 25px; }

.ml25 { margin-left: 25px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }

.pl30 { padding-left: 30px; }

.mt30 { margin-top: 30px; }

.mr30 { margin-right: 30px; }

.mb30 { margin-bottom: 30px; }

.ml30 { margin-left: 30px; }

.pt35 { padding-top: 35px; }

.pr35 { padding-right: 35px; }

.pb35 { padding-bottom: 35px; }

.pl35 { padding-left: 35px; }

.mt35 { margin-top: 35px; }

.mr35 { margin-right: 35px; }

.mb35 { margin-bottom: 35px; }

.ml35 { margin-left: 35px; }

.pt40 { padding-top: 40px; }

.pr40 { padding-right: 40px; }

.pb40 { padding-bottom: 40px; }

.pl40 { padding-left: 40px; }

.mt40 { margin-top: 40px; }

.mr40 { margin-right: 40px; }

.mb40 { margin-bottom: 40px; }

.ml40 { margin-left: 40px; }

.pt45 { padding-top: 45px; }

.pr45 { padding-right: 45px; }

.pb45 { padding-bottom: 45px; }

.pl45 { padding-left: 45px; }

.mt45 { margin-top: 45px; }

.mr45 { margin-right: 45px; }

.mb45 { margin-bottom: 45px; }

.ml45 { margin-left: 45px; }

.pt50 { padding-top: 50px; }

.pr50 { padding-right: 50px; }

.pb50 { padding-bottom: 50px; }

.pl50 { padding-left: 50px; }

.mt50 { margin-top: 50px; }

.mr50 { margin-right: 50px; }

.mb50 { margin-bottom: 50px; }

.ml50 { margin-left: 50px; }

.pt55 { padding-top: 55px; }

.pr55 { padding-right: 55px; }

.pb55 { padding-bottom: 55px; }

.pl55 { padding-left: 55px; }

.mt55 { margin-top: 55px; }

.mr55 { margin-right: 55px; }

.mb55 { margin-bottom: 55px; }

.ml55 { margin-left: 55px; }

.pt60 { padding-top: 60px; }

.pr60 { padding-right: 60px; }

.pb60 { padding-bottom: 60px; }

.pl60 { padding-left: 60px; }

.mt60 { margin-top: 60px; }

.mr60 { margin-right: 60px; }

.mb60 { margin-bottom: 60px; }

.ml60 { margin-left: 60px; }

.pt65 { padding-top: 65px; }

.pr65 { padding-right: 65px; }

.pb65 { padding-bottom: 65px; }

.pl65 { padding-left: 65px; }

.mt65 { margin-top: 65px; }

.mr65 { margin-right: 65px; }

.mb65 { margin-bottom: 65px; }

.ml65 { margin-left: 65px; }

.pt70 { padding-top: 70px; }

.pr70 { padding-right: 70px; }

.pb70 { padding-bottom: 70px; }

.pl70 { padding-left: 70px; }

.mt70 { margin-top: 70px; }

.mr70 { margin-right: 70px; }

.mb70 { margin-bottom: 70px; }

.ml70 { margin-left: 70px; }

.pt75 { padding-top: 75px; }

.pr75 { padding-right: 75px; }

.pb75 { padding-bottom: 75px; }

.pl75 { padding-left: 75px; }

.mt75 { margin-top: 75px; }

.mr75 { margin-right: 75px; }

.mb75 { margin-bottom: 75px; }

.ml75 { margin-left: 75px; }

.pt80 { padding-top: 80px; }

.pr80 { padding-right: 80px; }

.pb80 { padding-bottom: 80px; }

.pl80 { padding-left: 80px; }

.mt80 { margin-top: 80px; }

.mr80 { margin-right: 80px; }

.mb80 { margin-bottom: 80px; }

.ml80 { margin-left: 80px; }

.pt85 { padding-top: 85px; }

.pr85 { padding-right: 85px; }

.pb85 { padding-bottom: 85px; }

.pl85 { padding-left: 85px; }

.mt85 { margin-top: 85px; }

.mr85 { margin-right: 85px; }

.mb85 { margin-bottom: 85px; }

.ml85 { margin-left: 85px; }

.pt90 { padding-top: 90px; }

.pr90 { padding-right: 90px; }

.pb90 { padding-bottom: 90px; }

.pl90 { padding-left: 90px; }

.mt90 { margin-top: 90px; }

.mr90 { margin-right: 90px; }

.mb90 { margin-bottom: 90px; }

.ml90 { margin-left: 90px; }

.pt95 { padding-top: 95px; }

.pr95 { padding-right: 95px; }

.pb95 { padding-bottom: 95px; }

.pl95 { padding-left: 95px; }

.mt95 { margin-top: 95px; }

.mr95 { margin-right: 95px; }

.mb95 { margin-bottom: 95px; }

.ml95 { margin-left: 95px; }

.pt100 { padding-top: 100px; }

.pr100 { padding-right: 100px; }

.pb100 { padding-bottom: 100px; }

.pl100 { padding-left: 100px; }

.mt100 { margin-top: 100px; }

.mr100 { margin-right: 100px; }

.mb100 { margin-bottom: 100px; }

.ml100 { margin-left: 100px; }

.pt105 { padding-top: 105px; }

.pr105 { padding-right: 105px; }

.pb105 { padding-bottom: 105px; }

.pl105 { padding-left: 105px; }

.mt105 { margin-top: 105px; }

.mr105 { margin-right: 105px; }

.mb105 { margin-bottom: 105px; }

.ml105 { margin-left: 105px; }

.pt110 { padding-top: 110px; }

.pr110 { padding-right: 110px; }

.pb110 { padding-bottom: 110px; }

.pl110 { padding-left: 110px; }

.mt110 { margin-top: 110px; }

.mr110 { margin-right: 110px; }

.mb110 { margin-bottom: 110px; }

.ml110 { margin-left: 110px; }

.pt115 { padding-top: 115px; }

.pr115 { padding-right: 115px; }

.pb115 { padding-bottom: 115px; }

.pl115 { padding-left: 115px; }

.mt115 { margin-top: 115px; }

.mr115 { margin-right: 115px; }

.mb115 { margin-bottom: 115px; }

.ml115 { margin-left: 115px; }

.pt120 { padding-top: 120px; }

.pr120 { padding-right: 120px; }

.pb120 { padding-bottom: 120px; }

.pl120 { padding-left: 120px; }

.mt120 { margin-top: 120px; }

.mr120 { margin-right: 120px; }

.mb120 { margin-bottom: 120px; }

.ml120 { margin-left: 120px; }

.pt125 { padding-top: 125px; }

.pr125 { padding-right: 125px; }

.pb125 { padding-bottom: 125px; }

.pl125 { padding-left: 125px; }

.mt125 { margin-top: 125px; }

.mr125 { margin-right: 125px; }

.mb125 { margin-bottom: 125px; }

.ml125 { margin-left: 125px; }

.pt130 { padding-top: 130px; }

.pr130 { padding-right: 130px; }

.pb130 { padding-bottom: 130px; }

.pl130 { padding-left: 130px; }

.mt130 { margin-top: 130px; }

.mr130 { margin-right: 130px; }

.mb130 { margin-bottom: 130px; }

.ml130 { margin-left: 130px; }

.pt135 { padding-top: 135px; }

.pr135 { padding-right: 135px; }

.pb135 { padding-bottom: 135px; }

.pl135 { padding-left: 135px; }

.mt135 { margin-top: 135px; }

.mr135 { margin-right: 135px; }

.mb135 { margin-bottom: 135px; }

.ml135 { margin-left: 135px; }

.pt140 { padding-top: 140px; }

.pr140 { padding-right: 140px; }

.pb140 { padding-bottom: 140px; }

.pl140 { padding-left: 140px; }

.mt140 { margin-top: 140px; }

.mr140 { margin-right: 140px; }

.mb140 { margin-bottom: 140px; }

.ml140 { margin-left: 140px; }

.pt145 { padding-top: 145px; }

.pr145 { padding-right: 145px; }

.pb145 { padding-bottom: 145px; }

.pl145 { padding-left: 145px; }

.mt145 { margin-top: 145px; }

.mr145 { margin-right: 145px; }

.mb145 { margin-bottom: 145px; }

.ml145 { margin-left: 145px; }

.pt150 { padding-top: 150px; }

.pr150 { padding-right: 150px; }

.pb150 { padding-bottom: 150px; }

.pl150 { padding-left: 150px; }

.mt150 { margin-top: 150px; }

.mr150 { margin-right: 150px; }

.mb150 { margin-bottom: 150px; }

.ml150 { margin-left: 150px; }

.pt155 { padding-top: 155px; }

.pr155 { padding-right: 155px; }

.pb155 { padding-bottom: 155px; }

.pl155 { padding-left: 155px; }

.mt155 { margin-top: 155px; }

.mr155 { margin-right: 155px; }

.mb155 { margin-bottom: 155px; }

.ml155 { margin-left: 155px; }

.pt160 { padding-top: 160px; }

.pr160 { padding-right: 160px; }

.pb160 { padding-bottom: 160px; }

.pl160 { padding-left: 160px; }

.mt160 { margin-top: 160px; }

.mr160 { margin-right: 160px; }

.mb160 { margin-bottom: 160px; }

.ml160 { margin-left: 160px; }

.pt165 { padding-top: 165px; }

.pr165 { padding-right: 165px; }

.pb165 { padding-bottom: 165px; }

.pl165 { padding-left: 165px; }

.mt165 { margin-top: 165px; }

.mr165 { margin-right: 165px; }

.mb165 { margin-bottom: 165px; }

.ml165 { margin-left: 165px; }

.pt170 { padding-top: 170px; }

.pr170 { padding-right: 170px; }

.pb170 { padding-bottom: 170px; }

.pl170 { padding-left: 170px; }

.mt170 { margin-top: 170px; }

.mr170 { margin-right: 170px; }

.mb170 { margin-bottom: 170px; }

.ml170 { margin-left: 170px; }

.pt175 { padding-top: 175px; }

.pr175 { padding-right: 175px; }

.pb175 { padding-bottom: 175px; }

.pl175 { padding-left: 175px; }

.mt175 { margin-top: 175px; }

.mr175 { margin-right: 175px; }

.mb175 { margin-bottom: 175px; }

.ml175 { margin-left: 175px; }

.pt180 { padding-top: 180px; }

.pr180 { padding-right: 180px; }

.pb180 { padding-bottom: 180px; }

.pl180 { padding-left: 180px; }

.mt180 { margin-top: 180px; }

.mr180 { margin-right: 180px; }

.mb180 { margin-bottom: 180px; }

.ml180 { margin-left: 180px; }

.pt185 { padding-top: 185px; }

.pr185 { padding-right: 185px; }

.pb185 { padding-bottom: 185px; }

.pl185 { padding-left: 185px; }

.mt185 { margin-top: 185px; }

.mr185 { margin-right: 185px; }

.mb185 { margin-bottom: 185px; }

.ml185 { margin-left: 185px; }

.pt190 { padding-top: 190px; }

.pr190 { padding-right: 190px; }

.pb190 { padding-bottom: 190px; }

.pl190 { padding-left: 190px; }

.mt190 { margin-top: 190px; }

.mr190 { margin-right: 190px; }

.mb190 { margin-bottom: 190px; }

.ml190 { margin-left: 190px; }

.pt195 { padding-top: 195px; }

.pr195 { padding-right: 195px; }

.pb195 { padding-bottom: 195px; }

.pl195 { padding-left: 195px; }

.mt195 { margin-top: 195px; }

.mr195 { margin-right: 195px; }

.mb195 { margin-bottom: 195px; }

.ml195 { margin-left: 195px; }

.pt200 { padding-top: 200px; }

.pr200 { padding-right: 200px; }

.pb200 { padding-bottom: 200px; }

.pl200 { padding-left: 200px; }

.mt200 { margin-top: 200px; }

.mr200 { margin-right: 200px; }

.mb200 { margin-bottom: 200px; }

.ml200 { margin-left: 200px; }

@media screen and (max-width: 599px) { .pt5-smt { padding-top: 5px; }
  .pr5-smt { padding-right: 5px; }
  .pb5-smt { padding-bottom: 5px; }
  .pl5-smt { padding-left: 5px; }
  .mt5-smt { margin-top: 5px; }
  .mr5-smt { margin-right: 5px; }
  .mb5-smt { margin-bottom: 5px; }
  .ml5-smt { margin-left: 5px; }
  .pt10-smt { padding-top: 10px; }
  .pr10-smt { padding-right: 10px; }
  .pb10-smt { padding-bottom: 10px; }
  .pl10-smt { padding-left: 10px; }
  .mt10-smt { margin-top: 10px; }
  .mr10-smt { margin-right: 10px; }
  .mb10-smt { margin-bottom: 10px; }
  .ml10-smt { margin-left: 10px; }
  .pt15-smt { padding-top: 15px; }
  .pr15-smt { padding-right: 15px; }
  .pb15-smt { padding-bottom: 15px; }
  .pl15-smt { padding-left: 15px; }
  .mt15-smt { margin-top: 15px; }
  .mr15-smt { margin-right: 15px; }
  .mb15-smt { margin-bottom: 15px; }
  .ml15-smt { margin-left: 15px; }
  .pt20-smt { padding-top: 20px; }
  .pr20-smt { padding-right: 20px; }
  .pb20-smt { padding-bottom: 20px; }
  .pl20-smt { padding-left: 20px; }
  .mt20-smt { margin-top: 20px; }
  .mr20-smt { margin-right: 20px; }
  .mb20-smt { margin-bottom: 20px; }
  .ml20-smt { margin-left: 20px; }
  .pt25-smt { padding-top: 25px; }
  .pr25-smt { padding-right: 25px; }
  .pb25-smt { padding-bottom: 25px; }
  .pl25-smt { padding-left: 25px; }
  .mt25-smt { margin-top: 25px; }
  .mr25-smt { margin-right: 25px; }
  .mb25-smt { margin-bottom: 25px; }
  .ml25-smt { margin-left: 25px; }
  .pt30-smt { padding-top: 30px; }
  .pr30-smt { padding-right: 30px; }
  .pb30-smt { padding-bottom: 30px; }
  .pl30-smt { padding-left: 30px; }
  .mt30-smt { margin-top: 30px; }
  .mr30-smt { margin-right: 30px; }
  .mb30-smt { margin-bottom: 30px; }
  .ml30-smt { margin-left: 30px; }
  .pt35-smt { padding-top: 35px; }
  .pr35-smt { padding-right: 35px; }
  .pb35-smt { padding-bottom: 35px; }
  .pl35-smt { padding-left: 35px; }
  .mt35-smt { margin-top: 35px; }
  .mr35-smt { margin-right: 35px; }
  .mb35-smt { margin-bottom: 35px; }
  .ml35-smt { margin-left: 35px; }
  .pt40-smt { padding-top: 40px; }
  .pr40-smt { padding-right: 40px; }
  .pb40-smt { padding-bottom: 40px; }
  .pl40-smt { padding-left: 40px; }
  .mt40-smt { margin-top: 40px; }
  .mr40-smt { margin-right: 40px; }
  .mb40-smt { margin-bottom: 40px; }
  .ml40-smt { margin-left: 40px; }
  .pt45-smt { padding-top: 45px; }
  .pr45-smt { padding-right: 45px; }
  .pb45-smt { padding-bottom: 45px; }
  .pl45-smt { padding-left: 45px; }
  .mt45-smt { margin-top: 45px; }
  .mr45-smt { margin-right: 45px; }
  .mb45-smt { margin-bottom: 45px; }
  .ml45-smt { margin-left: 45px; }
  .pt50-smt { padding-top: 50px; }
  .pr50-smt { padding-right: 50px; }
  .pb50-smt { padding-bottom: 50px; }
  .pl50-smt { padding-left: 50px; }
  .mt50-smt { margin-top: 50px; }
  .mr50-smt { margin-right: 50px; }
  .mb50-smt { margin-bottom: 50px; }
  .ml50-smt { margin-left: 50px; }
  .pt55-smt { padding-top: 55px; }
  .pr55-smt { padding-right: 55px; }
  .pb55-smt { padding-bottom: 55px; }
  .pl55-smt { padding-left: 55px; }
  .mt55-smt { margin-top: 55px; }
  .mr55-smt { margin-right: 55px; }
  .mb55-smt { margin-bottom: 55px; }
  .ml55-smt { margin-left: 55px; }
  .pt60-smt { padding-top: 60px; }
  .pr60-smt { padding-right: 60px; }
  .pb60-smt { padding-bottom: 60px; }
  .pl60-smt { padding-left: 60px; }
  .mt60-smt { margin-top: 60px; }
  .mr60-smt { margin-right: 60px; }
  .mb60-smt { margin-bottom: 60px; }
  .ml60-smt { margin-left: 60px; }
  .pt65-smt { padding-top: 65px; }
  .pr65-smt { padding-right: 65px; }
  .pb65-smt { padding-bottom: 65px; }
  .pl65-smt { padding-left: 65px; }
  .mt65-smt { margin-top: 65px; }
  .mr65-smt { margin-right: 65px; }
  .mb65-smt { margin-bottom: 65px; }
  .ml65-smt { margin-left: 65px; }
  .pt70-smt { padding-top: 70px; }
  .pr70-smt { padding-right: 70px; }
  .pb70-smt { padding-bottom: 70px; }
  .pl70-smt { padding-left: 70px; }
  .mt70-smt { margin-top: 70px; }
  .mr70-smt { margin-right: 70px; }
  .mb70-smt { margin-bottom: 70px; }
  .ml70-smt { margin-left: 70px; }
  .pt75-smt { padding-top: 75px; }
  .pr75-smt { padding-right: 75px; }
  .pb75-smt { padding-bottom: 75px; }
  .pl75-smt { padding-left: 75px; }
  .mt75-smt { margin-top: 75px; }
  .mr75-smt { margin-right: 75px; }
  .mb75-smt { margin-bottom: 75px; }
  .ml75-smt { margin-left: 75px; }
  .pt80-smt { padding-top: 80px; }
  .pr80-smt { padding-right: 80px; }
  .pb80-smt { padding-bottom: 80px; }
  .pl80-smt { padding-left: 80px; }
  .mt80-smt { margin-top: 80px; }
  .mr80-smt { margin-right: 80px; }
  .mb80-smt { margin-bottom: 80px; }
  .ml80-smt { margin-left: 80px; }
  .pt85-smt { padding-top: 85px; }
  .pr85-smt { padding-right: 85px; }
  .pb85-smt { padding-bottom: 85px; }
  .pl85-smt { padding-left: 85px; }
  .mt85-smt { margin-top: 85px; }
  .mr85-smt { margin-right: 85px; }
  .mb85-smt { margin-bottom: 85px; }
  .ml85-smt { margin-left: 85px; }
  .pt90-smt { padding-top: 90px; }
  .pr90-smt { padding-right: 90px; }
  .pb90-smt { padding-bottom: 90px; }
  .pl90-smt { padding-left: 90px; }
  .mt90-smt { margin-top: 90px; }
  .mr90-smt { margin-right: 90px; }
  .mb90-smt { margin-bottom: 90px; }
  .ml90-smt { margin-left: 90px; }
  .pt95-smt { padding-top: 95px; }
  .pr95-smt { padding-right: 95px; }
  .pb95-smt { padding-bottom: 95px; }
  .pl95-smt { padding-left: 95px; }
  .mt95-smt { margin-top: 95px; }
  .mr95-smt { margin-right: 95px; }
  .mb95-smt { margin-bottom: 95px; }
  .ml95-smt { margin-left: 95px; }
  .pt100-smt { padding-top: 100px; }
  .pr100-smt { padding-right: 100px; }
  .pb100-smt { padding-bottom: 100px; }
  .pl100-smt { padding-left: 100px; }
  .mt100-smt { margin-top: 100px; }
  .mr100-smt { margin-right: 100px; }
  .mb100-smt { margin-bottom: 100px; }
  .ml100-smt { margin-left: 100px; }
  .pt105-smt { padding-top: 105px; }
  .pr105-smt { padding-right: 105px; }
  .pb105-smt { padding-bottom: 105px; }
  .pl105-smt { padding-left: 105px; }
  .mt105-smt { margin-top: 105px; }
  .mr105-smt { margin-right: 105px; }
  .mb105-smt { margin-bottom: 105px; }
  .ml105-smt { margin-left: 105px; }
  .pt110-smt { padding-top: 110px; }
  .pr110-smt { padding-right: 110px; }
  .pb110-smt { padding-bottom: 110px; }
  .pl110-smt { padding-left: 110px; }
  .mt110-smt { margin-top: 110px; }
  .mr110-smt { margin-right: 110px; }
  .mb110-smt { margin-bottom: 110px; }
  .ml110-smt { margin-left: 110px; }
  .pt115-smt { padding-top: 115px; }
  .pr115-smt { padding-right: 115px; }
  .pb115-smt { padding-bottom: 115px; }
  .pl115-smt { padding-left: 115px; }
  .mt115-smt { margin-top: 115px; }
  .mr115-smt { margin-right: 115px; }
  .mb115-smt { margin-bottom: 115px; }
  .ml115-smt { margin-left: 115px; }
  .pt120-smt { padding-top: 120px; }
  .pr120-smt { padding-right: 120px; }
  .pb120-smt { padding-bottom: 120px; }
  .pl120-smt { padding-left: 120px; }
  .mt120-smt { margin-top: 120px; }
  .mr120-smt { margin-right: 120px; }
  .mb120-smt { margin-bottom: 120px; }
  .ml120-smt { margin-left: 120px; }
  .pt125-smt { padding-top: 125px; }
  .pr125-smt { padding-right: 125px; }
  .pb125-smt { padding-bottom: 125px; }
  .pl125-smt { padding-left: 125px; }
  .mt125-smt { margin-top: 125px; }
  .mr125-smt { margin-right: 125px; }
  .mb125-smt { margin-bottom: 125px; }
  .ml125-smt { margin-left: 125px; }
  .pt130-smt { padding-top: 130px; }
  .pr130-smt { padding-right: 130px; }
  .pb130-smt { padding-bottom: 130px; }
  .pl130-smt { padding-left: 130px; }
  .mt130-smt { margin-top: 130px; }
  .mr130-smt { margin-right: 130px; }
  .mb130-smt { margin-bottom: 130px; }
  .ml130-smt { margin-left: 130px; }
  .pt135-smt { padding-top: 135px; }
  .pr135-smt { padding-right: 135px; }
  .pb135-smt { padding-bottom: 135px; }
  .pl135-smt { padding-left: 135px; }
  .mt135-smt { margin-top: 135px; }
  .mr135-smt { margin-right: 135px; }
  .mb135-smt { margin-bottom: 135px; }
  .ml135-smt { margin-left: 135px; }
  .pt140-smt { padding-top: 140px; }
  .pr140-smt { padding-right: 140px; }
  .pb140-smt { padding-bottom: 140px; }
  .pl140-smt { padding-left: 140px; }
  .mt140-smt { margin-top: 140px; }
  .mr140-smt { margin-right: 140px; }
  .mb140-smt { margin-bottom: 140px; }
  .ml140-smt { margin-left: 140px; }
  .pt145-smt { padding-top: 145px; }
  .pr145-smt { padding-right: 145px; }
  .pb145-smt { padding-bottom: 145px; }
  .pl145-smt { padding-left: 145px; }
  .mt145-smt { margin-top: 145px; }
  .mr145-smt { margin-right: 145px; }
  .mb145-smt { margin-bottom: 145px; }
  .ml145-smt { margin-left: 145px; }
  .pt150-smt { padding-top: 150px; }
  .pr150-smt { padding-right: 150px; }
  .pb150-smt { padding-bottom: 150px; }
  .pl150-smt { padding-left: 150px; }
  .mt150-smt { margin-top: 150px; }
  .mr150-smt { margin-right: 150px; }
  .mb150-smt { margin-bottom: 150px; }
  .ml150-smt { margin-left: 150px; }
  .pt155-smt { padding-top: 155px; }
  .pr155-smt { padding-right: 155px; }
  .pb155-smt { padding-bottom: 155px; }
  .pl155-smt { padding-left: 155px; }
  .mt155-smt { margin-top: 155px; }
  .mr155-smt { margin-right: 155px; }
  .mb155-smt { margin-bottom: 155px; }
  .ml155-smt { margin-left: 155px; }
  .pt160-smt { padding-top: 160px; }
  .pr160-smt { padding-right: 160px; }
  .pb160-smt { padding-bottom: 160px; }
  .pl160-smt { padding-left: 160px; }
  .mt160-smt { margin-top: 160px; }
  .mr160-smt { margin-right: 160px; }
  .mb160-smt { margin-bottom: 160px; }
  .ml160-smt { margin-left: 160px; }
  .pt165-smt { padding-top: 165px; }
  .pr165-smt { padding-right: 165px; }
  .pb165-smt { padding-bottom: 165px; }
  .pl165-smt { padding-left: 165px; }
  .mt165-smt { margin-top: 165px; }
  .mr165-smt { margin-right: 165px; }
  .mb165-smt { margin-bottom: 165px; }
  .ml165-smt { margin-left: 165px; }
  .pt170-smt { padding-top: 170px; }
  .pr170-smt { padding-right: 170px; }
  .pb170-smt { padding-bottom: 170px; }
  .pl170-smt { padding-left: 170px; }
  .mt170-smt { margin-top: 170px; }
  .mr170-smt { margin-right: 170px; }
  .mb170-smt { margin-bottom: 170px; }
  .ml170-smt { margin-left: 170px; }
  .pt175-smt { padding-top: 175px; }
  .pr175-smt { padding-right: 175px; }
  .pb175-smt { padding-bottom: 175px; }
  .pl175-smt { padding-left: 175px; }
  .mt175-smt { margin-top: 175px; }
  .mr175-smt { margin-right: 175px; }
  .mb175-smt { margin-bottom: 175px; }
  .ml175-smt { margin-left: 175px; }
  .pt180-smt { padding-top: 180px; }
  .pr180-smt { padding-right: 180px; }
  .pb180-smt { padding-bottom: 180px; }
  .pl180-smt { padding-left: 180px; }
  .mt180-smt { margin-top: 180px; }
  .mr180-smt { margin-right: 180px; }
  .mb180-smt { margin-bottom: 180px; }
  .ml180-smt { margin-left: 180px; }
  .pt185-smt { padding-top: 185px; }
  .pr185-smt { padding-right: 185px; }
  .pb185-smt { padding-bottom: 185px; }
  .pl185-smt { padding-left: 185px; }
  .mt185-smt { margin-top: 185px; }
  .mr185-smt { margin-right: 185px; }
  .mb185-smt { margin-bottom: 185px; }
  .ml185-smt { margin-left: 185px; }
  .pt190-smt { padding-top: 190px; }
  .pr190-smt { padding-right: 190px; }
  .pb190-smt { padding-bottom: 190px; }
  .pl190-smt { padding-left: 190px; }
  .mt190-smt { margin-top: 190px; }
  .mr190-smt { margin-right: 190px; }
  .mb190-smt { margin-bottom: 190px; }
  .ml190-smt { margin-left: 190px; }
  .pt195-smt { padding-top: 195px; }
  .pr195-smt { padding-right: 195px; }
  .pb195-smt { padding-bottom: 195px; }
  .pl195-smt { padding-left: 195px; }
  .mt195-smt { margin-top: 195px; }
  .mr195-smt { margin-right: 195px; }
  .mb195-smt { margin-bottom: 195px; }
  .ml195-smt { margin-left: 195px; }
  .pt200-smt { padding-top: 200px; }
  .pr200-smt { padding-right: 200px; }
  .pb200-smt { padding-bottom: 200px; }
  .pl200-smt { padding-left: 200px; }
  .mt200-smt { margin-top: 200px; }
  .mr200-smt { margin-right: 200px; }
  .mb200-smt { margin-bottom: 200px; }
  .ml200-smt { margin-left: 200px; } }

.mb1em { margin-bottom: 1em; }

/* text-align ----------------------------- */
.ta_r { text-align: right; }

.ta_c { text-align: center; }

/* text-decoratin ----------------------------- */
.td_u { text-decoration: underline; }

/* font-weight ----------------------------- */
.fw_400 { font-weight: 400; }

.fw_500 { font-weight: 500; }

.fw_700 { font-weight: 700; }

/* color ----------------------------- */
/* font-size  ----------------------------- */
.fz10 { font-size: 10px; }

.fz11 { font-size: 11px; }

.fz12 { font-size: 12px; }

.fz13 { font-size: 13px; }

.fz14 { font-size: 14px; }

.fz15 { font-size: 15px; }

.fz16 { font-size: 16px; }

.fz17 { font-size: 17px; }

.fz18 { font-size: 18px; }

.fz19 { font-size: 19px; }

.fz20 { font-size: 20px; }

.fz21 { font-size: 21px; }

.fz22 { font-size: 22px; }

.fz23 { font-size: 23px; }

.fz24 { font-size: 24px; }

.fz25 { font-size: 25px; }

.fz26 { font-size: 26px; }

.fz27 { font-size: 27px; }

.fz28 { font-size: 28px; }

.fz29 { font-size: 29px; }

.fz30 { font-size: 30px; }

.fz31 { font-size: 31px; }

.fz32 { font-size: 32px; }

.fz33 { font-size: 33px; }

.fz34 { font-size: 34px; }

.fz35 { font-size: 35px; }

.fz36 { font-size: 36px; }

.fz37 { font-size: 37px; }

.fz38 { font-size: 38px; }

.fz39 { font-size: 39px; }

.fz40 { font-size: 40px; }

.fz41 { font-size: 41px; }

.fz42 { font-size: 42px; }

.fz43 { font-size: 43px; }

.fz44 { font-size: 44px; }

.fz45 { font-size: 45px; }

.fz46 { font-size: 46px; }

.fz47 { font-size: 47px; }

.fz48 { font-size: 48px; }

.fz49 { font-size: 49px; }

.fz50 { font-size: 50px; }

@media screen and (max-width: 599px) { .fz10-smt { font-size: 10px; }
  .fz11-smt { font-size: 11px; }
  .fz12-smt { font-size: 12px; }
  .fz13-smt { font-size: 13px; }
  .fz14-smt { font-size: 14px; }
  .fz15-smt { font-size: 15px; }
  .fz16-smt { font-size: 16px; }
  .fz17-smt { font-size: 17px; }
  .fz18-smt { font-size: 18px; }
  .fz19-smt { font-size: 19px; }
  .fz20-smt { font-size: 20px; }
  .fz21-smt { font-size: 21px; }
  .fz22-smt { font-size: 22px; }
  .fz23-smt { font-size: 23px; }
  .fz24-smt { font-size: 24px; }
  .fz25-smt { font-size: 25px; }
  .fz26-smt { font-size: 26px; }
  .fz27-smt { font-size: 27px; }
  .fz28-smt { font-size: 28px; }
  .fz29-smt { font-size: 29px; }
  .fz30-smt { font-size: 30px; }
  .fz31-smt { font-size: 31px; }
  .fz32-smt { font-size: 32px; }
  .fz33-smt { font-size: 33px; }
  .fz34-smt { font-size: 34px; }
  .fz35-smt { font-size: 35px; }
  .fz36-smt { font-size: 36px; }
  .fz37-smt { font-size: 37px; }
  .fz38-smt { font-size: 38px; }
  .fz39-smt { font-size: 39px; }
  .fz40-smt { font-size: 40px; }
  .fz41-smt { font-size: 41px; }
  .fz42-smt { font-size: 42px; }
  .fz43-smt { font-size: 43px; }
  .fz44-smt { font-size: 44px; }
  .fz45-smt { font-size: 45px; }
  .fz46-smt { font-size: 46px; }
  .fz47-smt { font-size: 47px; }
  .fz48-smt { font-size: 48px; }
  .fz49-smt { font-size: 49px; }
  .fz50-smt { font-size: 50px; } }

/* line-height  ----------------------------- */
.lh10 { line-height: 1; }

.lh11 { line-height: 1.1; }

.lh12 { line-height: 1.2; }

.lh13 { line-height: 1.3; }

.lh14 { line-height: 1.4; }

.lh15 { line-height: 1.5; }

.lh16 { line-height: 1.6; }

.lh17 { line-height: 1.7; }

.lh18 { line-height: 1.8; }

.lh19 { line-height: 1.9; }

.lh20 { line-height: 2; }

.lh21 { line-height: 2.1; }

.lh22 { line-height: 2.2; }

.lh23 { line-height: 2.3; }

.lh24 { line-height: 2.4; }

.lh25 { line-height: 2.5; }

.lh26 { line-height: 2.6; }

.lh27 { line-height: 2.7; }

.lh28 { line-height: 2.8; }

.lh29 { line-height: 2.9; }

.lh30 { line-height: 3; }

.lh31 { line-height: 3.1; }

.lh32 { line-height: 3.2; }

.lh33 { line-height: 3.3; }

.lh34 { line-height: 3.4; }

.lh35 { line-height: 3.5; }

.lh36 { line-height: 3.6; }

.lh37 { line-height: 3.7; }

.lh38 { line-height: 3.8; }

.lh39 { line-height: 3.9; }

.lh40 { line-height: 4; }

.lh41 { line-height: 4.1; }

.lh42 { line-height: 4.2; }

.lh43 { line-height: 4.3; }

.lh44 { line-height: 4.4; }

.lh45 { line-height: 4.5; }

.lh46 { line-height: 4.6; }

.lh47 { line-height: 4.7; }

.lh48 { line-height: 4.8; }

.lh49 { line-height: 4.9; }

.lh50 { line-height: 5; }

/* max-width  ----------------------------- */
.mw100 { max-width: 100px; }

.mw110 { max-width: 110px; }

.mw120 { max-width: 120px; }

.mw130 { max-width: 130px; }

.mw140 { max-width: 140px; }

.mw150 { max-width: 150px; }

.mw160 { max-width: 160px; }

.mw170 { max-width: 170px; }

.mw180 { max-width: 180px; }

.mw190 { max-width: 190px; }

.mw200 { max-width: 200px; }

.mw210 { max-width: 210px; }

.mw220 { max-width: 220px; }

.mw230 { max-width: 230px; }

.mw240 { max-width: 240px; }

.mw250 { max-width: 250px; }

.mw260 { max-width: 260px; }

.mw270 { max-width: 270px; }

.mw280 { max-width: 280px; }

.mw290 { max-width: 290px; }

.mw300 { max-width: 300px; }

.mw310 { max-width: 310px; }

.mw320 { max-width: 320px; }

.mw330 { max-width: 330px; }

.mw340 { max-width: 340px; }

.mw350 { max-width: 350px; }

.mw360 { max-width: 360px; }

.mw370 { max-width: 370px; }

.mw380 { max-width: 380px; }

.mw390 { max-width: 390px; }

.mw400 { max-width: 400px; }

.mw410 { max-width: 410px; }

.mw420 { max-width: 420px; }

.mw430 { max-width: 430px; }

.mw440 { max-width: 440px; }

.mw450 { max-width: 450px; }

.mw460 { max-width: 460px; }

.mw470 { max-width: 470px; }

.mw480 { max-width: 480px; }

.mw490 { max-width: 490px; }

.mw500 { max-width: 500px; }

.mw510 { max-width: 510px; }

.mw520 { max-width: 520px; }

.mw530 { max-width: 530px; }

.mw540 { max-width: 540px; }

.mw550 { max-width: 550px; }

.mw560 { max-width: 560px; }

.mw570 { max-width: 570px; }

.mw580 { max-width: 580px; }

.mw590 { max-width: 590px; }

.mw600 { max-width: 600px; }

.mw610 { max-width: 610px; }

.mw620 { max-width: 620px; }

.mw630 { max-width: 630px; }

.mw640 { max-width: 640px; }

.mw650 { max-width: 650px; }

.mw660 { max-width: 660px; }

.mw670 { max-width: 670px; }

.mw680 { max-width: 680px; }

.mw690 { max-width: 690px; }

.mw700 { max-width: 700px; }

.mw710 { max-width: 710px; }

.mw720 { max-width: 720px; }

.mw730 { max-width: 730px; }

.mw740 { max-width: 740px; }

.mw750 { max-width: 750px; }

.mw760 { max-width: 760px; }

.mw770 { max-width: 770px; }

.mw780 { max-width: 780px; }

.mw790 { max-width: 790px; }

.mw800 { max-width: 800px; }

.mw810 { max-width: 810px; }

.mw820 { max-width: 820px; }

.mw830 { max-width: 830px; }

.mw840 { max-width: 840px; }

.mw850 { max-width: 850px; }

.mw860 { max-width: 860px; }

.mw870 { max-width: 870px; }

.mw880 { max-width: 880px; }

.mw890 { max-width: 890px; }

.mw900 { max-width: 900px; }

.mw910 { max-width: 910px; }

.mw920 { max-width: 920px; }

.mw930 { max-width: 930px; }

.mw940 { max-width: 940px; }

.mw950 { max-width: 950px; }

.mw960 { max-width: 960px; }

.mw970 { max-width: 970px; }

.mw980 { max-width: 980px; }

.mw990 { max-width: 990px; }

.mw1000 { max-width: 1000px; }

.mw1010 { max-width: 1010px; }

.mw1020 { max-width: 1020px; }

.mw1030 { max-width: 1030px; }

.mw1040 { max-width: 1040px; }

.mw1050 { max-width: 1050px; }

.mw1060 { max-width: 1060px; }

.mw1070 { max-width: 1070px; }

.mw1080 { max-width: 1080px; }

/* ===========================================================================

/assets/sass/common/_item.scss

=========================================================================== */
/* clearfix ----------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; min-height: 1%; }

/* for IE-mac */
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* hide ----------------------------- */
@media screen and (min-width: 900px) { .pc-hide { display: none; } }

@media screen and (min-width: 600px) and (max-width: 899px) { .tablet-hide { display: none; } }

@media screen and (max-width: 599px) { .smt-hide { display: none; } }

/* text-indent  ----------------------------- */
.ind-1em { text-indent: -1em; padding-left: 1em; }

/* box_c ----------------------------- */
.box_c { margin-left: auto; margin-right: auto; }

/* section ----------------------------- */
.section { max-width: 1030px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

/* btnStyle1 ----------------------------- */
.btnStyle1 { display: inline-block; border-radius: 5px; line-height: 1; padding: 10px 20px; background-color: #125300; font-size: 16px; color: #fff; -webkit-box-shadow: 3px 3px 3px rgba(0, 17, 64, 0.3); box-shadow: 3px 3px 3px rgba(0, 17, 64, 0.3); }

/* titleStyle1 ----------------------------- */
.titleStyle1 { position: relative; margin-bottom: 20px; }

.titleStyle1 > span { display: inline-block; padding: 0 10px 0 0; position: relative; z-index: 2; background-color: #fff; font-size: 22px; font-weight: 500; }

.titleStyle1:after { content: ''; display: block; line-height: 1; height: 3px; width: 100%; position: absolute; z-index: 1; background-color: #125300; right: 0; top: 50%; margin-top: -1px; }

/* ===========================================================================

/assets/sass/common/_parts.scss

=========================================================================== */
/* pageTitle
----------------------------- */
.pageTitle { background-color: #fffae9; }

.pageTitle img { vertical-align: middle; }

.pageTitleInner { max-width: 1030px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pageTitle.topics .pageTitleInner span { padding-left: 20px; }

.pageTitle.topics img { width: 229px; }

.pageTitle.idea .pageTitleInner span { padding-left: 16px; }

.pageTitle.idea img { width: 215px; }

.pageTitle.diary .pageTitleInner span { padding-left: 31px; }

.pageTitle.diary img { width: 312px; }

.pageTitle.about .pageTitleInner span { padding-left: 24px; }

.pageTitle.about img { width: 519px; }

.pageTitle.access .pageTitleInner span { padding-left: 17px; }

.pageTitle.access img { width: 316px; }

.pageTitle.link .pageTitleInner span { padding-left: 32px; }

.pageTitle.link img { width: 232px; }

.pageTitle.contact .pageTitleInner span { padding-left: 20px; }

.pageTitle.contact img { width: 282px; }

.pageTitle.support .pageTitleInner span { padding-left: 20px; }

.pageTitle.support img { width: 387px; }

@media screen and (max-width: 599px) { .pageTitle.about img { width: 311px; } }

@media screen and (max-width: 419px) { .pageTitleInner { padding-left: 0; padding-right: 0; height: 80px; }
  .pageTitle.topics .pageTitleInner span { padding-left: 16px; }
  .pageTitle.topics img { width: 183.2px; }
  .pageTitle.idea .pageTitleInner span { padding-left: 12.8px; }
  .pageTitle.idea img { width: 172px; }
  .pageTitle.diary .pageTitleInner span { padding-left: 24.8px; }
  .pageTitle.diary img { width: 249.6px; }
  .pageTitle.about .pageTitleInner span { padding-left: 19.2px; }
  .pageTitle.about img { width: 248.8px; }
  .pageTitle.access .pageTitleInner span { padding-left: 13.6px; }
  .pageTitle.access img { width: 252.8px; }
  .pageTitle.link .pageTitleInner span { padding-left: 25.6px; }
  .pageTitle.link img { width: 185.6px; }
  .pageTitle.contact .pageTitleInner span { padding-left: 16px; }
  .pageTitle.contact img { width: 225.6px; }
  .pageTitle.support .pageTitleInner span { padding-left: 16px; }
  .pageTitle.support img { width: 309.6px; } }

/* bread
----------------------------- */
.bread { max-width: 1030px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; }

.breadItem { font-size: 16px; }

.breadItem:after { content: '>'; display: inline-block; margin: 0 0.5em; }

.breadItem:last-child:after { content: none; }

@media screen and (max-width: 419px) { .bread { margin-bottom: 30px; }
  .breadItem { font-size: 10px; } }

/* newsArchive
----------------------------- */
.newsArchive { border-top: 2px solid #125300; border-bottom: 2px solid #125300; margin-bottom: 40px; }

.newsArchiveItem { border-bottom: 1px dotted #125300; padding: 15px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.newsArchiveItem .date { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; }

.newsArchiveItem .vol { -webkit-box-flex: 0; -ms-flex: 0 0 105px; flex: 0 0 105px; color: #125300; font-weight: 500; }

.newsArchiveItem .link { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-decoration: underline; color: #125300; font-weight: 500; }

.newsArchiveItem:last-child { border-bottom: none; }

@media screen and (max-width: 599px) { .newsArchiveItem { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .newsArchiveItem .link { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

/* pager
----------------------------- */
.pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.pagerItem { -webkit-box-flex: 0; -ms-flex: 0 0 36px; flex: 0 0 36px; max-width: 36px; border: 2px solid #125300; text-align: center; margin: 0 5px 3px; height: 36px; line-height: 34px; border-radius: 5px; color: #125300; }

.pagerItem.current { background-color: #125300; color: #fff; }

/* col3List
----------------------------- */
@media screen and (min-width: 900px) { .col3List { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .col3List > .colItem { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; margin: 0 2% 2% 0; }
  .col3List > .colItem:nth-child(3n) { margin-right: 0; } }

@media screen and (min-width: 600px) and (max-width: 899px) { .col3List { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .col3List > .colItem { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; margin: 0 2% 2% 0; }
  .col3List > .colItem:nth-child(2n) { margin-right: 0; } }

@media screen and (max-width: 599px) { .col3List > .colItem { margin-bottom: 30px; } }

@media screen and (min-width: 900px) { .col3List.faqList > .colItem { margin-bottom: 45px; } }

@media screen and (min-width: 600px) and (max-width: 899px) { .col3List.faqList > .colItem { margin-bottom: 45px; } }

@media screen and (max-width: 599px) { .col3List.faqList > .colItem { margin-bottom: 45px; } }

/* aboutList
----------------------------- */
.aboutList { border: 2px solid #dddddd; -webkit-box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); background: url(../img/common/bg_note.jpg) repeat left center; padding: 15px; height: calc(100% - 40px); }

.aboutList > li { padding-left: 30px; background: url(../img/common/icn_checkbox.png) no-repeat left top 10px/auto 16px; }

@media screen and (max-width: 419px) { .aboutList { padding: 10x; } }

/* faqList
----------------------------- */
.faqList > li { counter-increment: count-number; }

.faqList .faqBox { border: 2px solid #dddddd; -webkit-box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); background: url(../img/common/bg_note.jpg) repeat left center; padding: 30px 15px 15px; margin-top: 30px; position: relative; height: 100%; }

.faqList .faqBox:after { content: ''; display: block; height: 50px; width: 27px; background: url(../img/common/icn_tape.png) no-repeat center center/27px 50px; position: absolute; left: 50%; margin-left: -13px; top: -26px; }

.faqList .faqBox-q { padding-left: 60px; font-size: 15px; position: relative; }

.faqList .faqBox-q:before { content: "Q" counter(count-number, decimal-leading-zero) "."; font-family: 'Open Sans'; font-weight: 600; font-style: italic; color: #125300; font-size: 2.2rem; line-height: 1; position: absolute; top: 0.2rem; left: 0.1rem; }

.faqList .faqBox-a { padding-left: 60px; font-size: 15px; position: relative; }

.faqList .faqBox-a:before { content: "A."; font-family: 'Open Sans'; font-weight: 600; font-style: italic; color: #e10000; font-size: 2.2rem; line-height: 1; position: absolute; top: 0.2rem; left: 3.1rem; }

/* accessContents
----------------------------- */
.accessContents .accessInfo { padding-left: 80px; background: url(../img/common/mark.png) no-repeat left top 20px/60px auto; }

.accessContents .accessMapPh { border: 2px solid #dddddd; padding: 15px; }

.accessContents .accessMapPh img { width: 100%; }

.accessContents .accessMapPh iframe { width: 100%; height: 450px; }

@media screen and (min-width: 900px) { .accessContents { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .accessContents .accessInfo { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 20px; }
  .accessContents .accessMap { -webkit-box-flex: 0; -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; } }

@media screen and (max-width: 899px) { .accessContents .accessInfo { max-width: 320px; margin: 0 auto 20px; } }

@media screen and (max-width: 599px) { .accessContents .accessMapPh iframe { height: 300px; } }

/* linkBox
----------------------------- */
.linkBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.linkBoxItem { border: 3px solid #125300; padding: 20px 30px 20px 20px; background: url(../img/common/icn_window.png) no-repeat right 10px center/20px auto; margin-bottom: 20px; }

.linkBox .Litem { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%; line-height: 1.3; }

.linkBox .Litem small { font-size: 16px; font-weight: 500; }

.linkBox .Litem span { font-size: 22px; font-weight: 500; }

.linkBox .Sitem { -webkit-box-flex: 0; -ms-flex: 0 0 23.5%; flex: 0 0 23.5%; max-width: 23.5%; line-height: 1.3; }

.linkBox .Sitem span { font-size: 18px; font-weight: 500; }

@media screen and (max-width: 899px) { .linkBoxItem { padding: 10px 25px 10px 10px; background: url(../img/common/icn_window.png) no-repeat right 5px center/15px auto; } }

@media screen and (max-width: 599px) { .linkBox .Litem { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .linkBox .Sitem { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%; } }

/* pagePost
----------------------------- */
.pagePost { text-align: justify; text-justify: inter-ideograph; }

.pagePost h2 { text-align: center; font-weight: 700; font-size: 24px; margin-bottom: 40px; }

.pagePost strong { font-weight: 700; font-size: 20px; }

/* hero ----------------------------- */
.hero { background-color: #fffae9; }

.heroInner { max-width: 1000px; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 900px) { .heroInner { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .heroText { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .heroPh { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

@media screen and (max-width: 899px) { .heroText { text-align: center; padding: 30px 0; }
  .heroPh { text-align: center; } }

/* topTopi ----------------------------- */
.topTopi { background-color: #125300; padding: 0 15px; }

.topTopiInner { max-width: 1000px; margin-left: auto; margin-right: auto; }

.topTopiTit { background-color: #125300; border: 4px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }

.topTopiTit span { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; }

.topTopiTxt { background-color: #fff; border: 5px solid #125300; position: relative; z-index: 1; }

.topTopiTxt__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.topTopiTxt__in { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; max-width: 750px; }

.topTopiTxt__in strong { font-weight: bold; }

.topTopiTxt__in em { font-style: italic; }

.topTopiTxt__in li { padding-left: 1em; text-indent: -1em; }

.topTopiTxt__in del { text-decoration: line-through; }

@media screen and (min-width: 900px) { .topTopiInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .topTopiTit { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; height: 150px; }
  .topTopiTxt { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: -75px; padding: 20px 80px; min-height: 174px; } }

@media screen and (max-width: 899px) { .topTopi { padding: 10px; }
  .topTopiTit { width: 150px; height: 150px; margin: 0 auto -75px; }
  .topTopiTxt { padding: 95px 15px 20px; } }

/* topSupport ----------------------------- */
.topSupport { padding-top: 70px; padding-bottom: 70px; text-align: center; }

@media screen and (min-width: 900px) { .topSupport img { width: 800px; } }

@media screen and (max-width: 899px) { .topSupport { padding-top: 40px; padding-bottom: 40px; }
  .topSupport img { width: 100%; } }

/* topMain ----------------------------- */
.topMain { max-width: 1000px; margin-left: auto; margin-right: auto; }

.topMainItem { border: 2px solid #dddddd; -webkit-box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); background: url(../img/common/bg_note.jpg) repeat left center; padding: 25px; }

.topMainTit { line-height: 1; margin-top: -50px; margin-bottom: 20px; text-align: center; }

@media screen and (min-width: 900px) { .topMain { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .topMainItem.topNews, .topMainItem.topFb { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; }
  .topMainItem.topProfile { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 40px; } }

@media screen and (max-width: 899px) { .topMain { padding: 25px 15px; }
  .topMainItem.topNews, .topMainItem.topFb { margin-bottom: 70px; } }

@media screen and (max-width: 419px) { .topMainItem { padding: 10px; } }

/* topNews ----------------------------- */
.topNewsList { margin-bottom: 40px; }

.topNewsItem { margin-top: 0.7em; }

.topNewsItem:first-child { margin-top: 0; }

.topNewsItem .date { display: block; font-size: 16px; line-height: 1.7; }

.topNewsItem .link { text-decoration: underline; }

/* topProfile ----------------------------- */
.topProfile h4 { font-weight: 700; margin-top: 1em; }

.topProfile ul { letter-spacing: -0.4em; }

.topProfile ul li { letter-spacing: 0.1em; display: inline-block; margin-left: 0.5em; text-indent: -1em; padding-left: 1em; }

.topProfile ul li:before { content: '・'; }

/* diaryPost ----------------------------- */
.diaryPost { max-width: 1000px; margin-left: auto; margin-right: auto; border: 2px solid #dddddd; -webkit-box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); background: url(../img/common/bg_note.jpg) repeat left center; padding: 25px; margin-bottom: 40px; }

.diaryPostInfo { font-size: 16px; }

.diaryPostInfo .date { margin-right: 0.5em; }

.diaryPostInfo .vol { color: #125300; }

.diaryPostTit { font-size: 28px; font-weight: 500; border-bottom: 2px solid #125300; margin-bottom: 10px; }

.diaryPostContents img { display: inline-block; line-height: 1; vertical-align: middle; margin: 5px; }

.diaryPostContents strong { font-weight: 700; }

.diaryPostContents a { text-decoration: underline; }

.diaryPostContents a:hover { text-decoration: none; }

.diaryPostContents em { font-style: italic; }

.diaryPostContents b { font-weight: 700; }

.diaryPostContents small { font-size: 0.7em; }

.diaryPostContents u { text-decoration: underline; }

@media screen and (max-width: 899px) { .diaryPost { margin-left: 10px; margin-right: 10px; } }

@media screen and (max-width: 419px) { .diaryPost { padding: 10px; margin-bottom: 20px; }
  .diaryPostTit { font-size: 22px; } }

/* contactForm ----------------------------- */
#contactForm { width: 100%; max-width: 800px; margin: 50px auto 0; background: url(../img/common/bg_note.jpg) repeat left center; border: 2px solid #dddddd; -webkit-box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); position: relative; }

#contactForm:after { content: ''; display: block; height: 50px; width: 27px; background: url(../img/common/icn_tape.png) no-repeat center center/27px 50px; position: absolute; left: 50%; margin-left: -13px; top: -26px; }

#contactForm .family { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; }

#contactForm .familyText { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; text-align: center; }

#contactForm .familyBox1 { -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; width: 110px; }

#contactForm .familyBox2 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%; }

@media screen and (max-width: 419px) { #contactForm .family { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 23px; }
  #contactForm .familyBox1 { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 60px); flex: 0 0 calc(100% - 60px); width: calc(100% - 60px); max-width: calc(100% - 60px); }
  #contactForm .familyBox2 { margin-top: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 60px); flex: 0 0 calc(100% - 60px); width: calc(100% - 60px); max-width: calc(100% - 60px); } }

#contactForm span.wpcf7-not-valid-tip { font-size: 14px; }

#contactForm .contactFormInner { padding: 70px 20px; max-width: 740px; margin-left: auto; margin-right: auto; }

#contactForm input[type="text"].ageInput { width: 60px; }

#contactForm input[type="text"], #contactForm input[type="tel"], #contactForm input[type="email"] { border: 2px solid #dddddd; background-color: #fff; font-size: 18px; width: 100%; padding: 10px; }

#contactForm input[type="text"]:placeholder-shown, #contactForm input[type="tel"]:placeholder-shown, #contactForm input[type="email"]:placeholder-shown { color: #a9a9a9; }

#contactForm input[type="text"]::-webkit-input-placeholder, #contactForm input[type="tel"]::-webkit-input-placeholder, #contactForm input[type="email"]::-webkit-input-placeholder { color: #a9a9a9; }

#contactForm input[type="text"]:-moz-placeholder, #contactForm input[type="tel"]:-moz-placeholder, #contactForm input[type="email"]:-moz-placeholder { color: #a9a9a9; opacity: 1; }

#contactForm input[type="text"]::-moz-placeholder, #contactForm input[type="tel"]::-moz-placeholder, #contactForm input[type="email"]::-moz-placeholder { color: #a9a9a9; opacity: 1; }

#contactForm input[type="text"]:-ms-input-placeholder, #contactForm input[type="tel"]:-ms-input-placeholder, #contactForm input[type="email"]:-ms-input-placeholder { color: #a9a9a9; }

#contactForm input[type="radio"] { border: 1px solid #dddddd; display: block; line-height: 1; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; }

#contactForm input[type="radio"]:checked:after { content: ''; display: block; width: 8px; height: 8px; background-color: #125300; border-radius: 50%; position: absolute; top: 4px; left: 4px; }

#contactForm input[type="checkbox"] { border: 1px solid #dddddd; display: block; line-height: 1; width: 18px; height: 18px; background-color: #fff; }

#contactForm input[type="checkbox"]:checked:after { content: ''; display: block; width: 18px; height: 18px; background: url(../img/common/icn_check.png) no-repeat center center/20px 20px; position: absolute; bottom: 2px; left: 2px; }

#contactForm select { font-size: 18px; padding: 10px 20px 10px 10px; border: 2px solid #dddddd; background: #fff url(../img/common/icn_arrow_down.png) no-repeat right 5px center/10px auto; }

#contactForm option { font-size: 18px; }

#contactForm textarea { height: 200px; border: 2px solid #dddddd; font-size: 18px; width: 100%; padding: 10px; background-color: #fff; }

#contactForm textarea:placeholder-shown { color: #a9a9a9; }

#contactForm textarea::-webkit-input-placeholder { color: #a9a9a9; }

#contactForm textarea:-moz-placeholder { color: #a9a9a9; opacity: 1; }

#contactForm textarea::-moz-placeholder { color: #a9a9a9; opacity: 1; }

#contactForm textarea:-ms-input-placeholder { color: #a9a9a9; }

#contactForm .zipCode { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#contactForm .zipCode .mark { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 1em; }

#contactForm .zipCode .input { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; margin-right: 1em; }

#contactForm .zipCode .btn { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; background-color: #125300; color: #fff; }

#contactForm label { position: relative; padding-left: 22px; display: inline-block; margin: 0 12px 5px 0; }

#contactForm label input[type="checkbox"], #contactForm label input[type="radio"] { position: absolute; left: 0; top: 0.9em; }

#contactForm .submitBtn { display: block; width: 180px; -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; line-height: 50px; height: 50px; border-radius: 5px; background-color: #125300; color: #fff; font-weight: bold; font-size: 20px; text-align: center; margin: 0 5px; -webkit-box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); box-shadow: 0px 3px 3px rgba(3, 16, 0, 0.3); }

#contactForm .submitBtn__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#contactForm th.required:after { content: '必須'; display: inline-block; line-height: 1; padding: 5px 10px; background-color: #ca0606; color: #fff; font-size: 14px; border-radius: 5px; margin-left: 10px; }

@media screen and (min-width: 900px) { #contactForm table { width: 100%; margin-bottom: 40px; }
  #contactForm table th { width: 180px; padding: 10px 0; vertical-align: top; }
  #contactForm table td { padding: 10px 0; vertical-align: middle; } }

@media screen and (max-width: 899px) { #contactForm table, #contactForm tbody, #contactForm tr, #contactForm th, #contactForm td { display: block; width: 100%; margin-bottom: 50px; }
  #contactForm th { margin-bottom: 10px; }
  #contactForm tr { margin-bottom: 25px; } }

@media screen and (max-width: 599px) { #contactForm .submitBtn { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; width: 120px; } }