@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 font-weight: normal;
 vertical-align: baseline;
 background: transparent
}
img { width: 100%; vertical-align: middle;}
body {line-height: 1;}
ol, ul { list-style: none; margin: 0; padding: 0;}
*{box-sizing: border-box;}
a { color: #00AEE8;}
a img ,
a img:link,
a img:active,
a img:visited { border: none;}
a:hover{
  opacity: .8;
 -webkit-transition: .5s ease-in-out;
 -moz-transition: .5s ease-in-out;
 -o-transition: .5s ease-in-out;
 transition: .5s;
}
:focus { outline: 0}
table {
 border-collapse: collapse;
 border-spacing: 0
}
@font-face {
 font-family: 'icomoon';
 src: url('../fonts/icomoon.eot?dzmwi7');
 src: url('../fonts/icomoon.eot?#iefixdzmwi7') format('embedded-opentype'), url('../fonts/icomoon.ttf?dzmwi7') format('truetype'), url('../fonts/icomoon.woff?dzmwi7') format('woff'), url('../fonts/icomoon.svg?dzmwi7#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 margin-right: 0.5em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-hana:before { content: "\e600";}

/*** common setting ***/
html { overflow: auto; scroll-behavior: smooth;}
body {
 -webkit-text-size-adjust: none;
 -moz-text-size-adjust: none;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
 color: #4d4d4d;
 letter-spacing: 0.5px;
 margin: 0 auto;
 padding: 0;
 overflow: hidden;
 font-size: 15px;
 line-height: 1.7;
}

[class$="__inner"] {
 max-width: 960px;
 margin: 0 auto;
 padding: 0 12px;
}
:root {
  --blue:#00AEE8;
  --pink:#ED8598;
  --green:#B4D628;
  --purple: #8B8CCC;
}

/***** header *****/
header {
 font-size: 1em;
 letter-spacing: 1px;
}
header h1 {
 font-size: 42px;
 line-height: 1;
} /*Logo*/
.header-inner {
 display: flex;
 justify-content: center;
 max-width: 936px;
 margin: 0 auto;
 padding: 0 12px;
}

.menu {
 display: block;
 width: 100%;
 color: #00AEE8;
 letter-spacing: 0;
 padding: 1.7em 0;
} /* global menu */
.menu ul {
 display: flex; justify-content: space-between;
}
.menu li a:hover {
 color: #00aee8;
}

/***** main *****/
main {
 display: block;
}

#page h1 {
  font-size: 1.6em;
  text-align: center;
  color: #00AEE8;
  line-height: 1;
  margin: 3.3333em auto 2.5em;
}
h2 {
 font-size: 1.6em /*24px*/ ;
 line-height: 1;
 color: #00AEE8;
 text-align: center;
  margin-bottom: 2.5em;
}
h3 {
 font-size: 1.3333em /*20px*/ ;
}
/*index-info*/


[class$="__wrap"] {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 text-align: center;
}

#advice {
 padding-bottom: 4.3em;
 margin-bottom: 0;
}


/*column*/
/*** icon ***/
.top-column__new span:after{
 font-family: 'icomoon';
 content: "\e600";
 color: #00AEE8;
 margin-right: .5em;
}
.top-column__item h4:before {
 font-family: 'icomoon';
 content: "\e600";
 position: absolute;
 left: 1em;
}
.page__ttl:before,.NO:before {
 font-family: 'icomoon';
 content: "\e600";
 margin-right: .5em;
}

section p.lead {
 font-size: 1em;
}

/***** etc *****/
.lead {
 font-size: 1.1333em /*17px*/ ;
 line-height: 1.764;
 text-align: center;
 margin-bottom: 2em;
}
.f_17 {
 font-size: 1.1333em /*17px*/ ;
}
.f_14 {
 font-size: .9333em /*14px*/ ;
 line-height: 1.764;
}
.attention {
 font-size: .9333em /*14px*/ ;
 line-height: 1.5;
 text-align: center;
}

.telno {
 font-size: 1.2em;
 margin-bottom: .5em;
}

.mb { margin-bottom: 1em;}
.mb24{ margin-bottom: 1.6em;}
.mb80{ margin-bottom: 5.3333em;}
.m20 { margin: 1.5em 0;}
.u-mt{margin-top: 3.3333em; }
.u-blue { color: #00AEE8;}
.u-pink { color: #ED8598;}
.u-green { color: #B4D628;}
.u-purple{ color: #8B8CCC;}
.bg-gray {background-color: #E6E6E6;}
.bg-blue {background-color: #CBEEFA;}
.bg-blue-l{background-color: #E5F6FC;}
.u-center { text-align: center;}

/***** footer *****/
footer {
 width: 100%;
 min-height: 7em;
 font-size: .9333em /*14px*/ ;
 color: #FFF;
 background-color: #00AEE8;
 padding: 5.3em 0;
}
.footer__profile { width: 31.62393162393162%;}
.footer__info { width: 65.8119658119658%;}
.footer__logo-btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.footer__logo-btn > div{
  width: 42.7%;
  max-width: 263px;
}
.footer__logo h1 { margin: 0;}
.footer__info h1 img{ width: 100%;}
.footer__info-btn a{
  font-size: .9333em;
  padding: .915em 15px;
  line-height: 2.827;
  text-align: center;
  color: #fff;
  border: solid 1px;
}
.footer__info-btn a:hover,
.footer__btn a:hover{
  opacity: 1;
  background: #fff;
  color: #00aee8;
}
.footer__info-txt {
 text-align: left;
 padding-left: 18.5%;
 margin: 2em 0 2.6em;
}

footer img, iframe { width: 100%; border: 0;}
footer p a { color: #FFF;text-decoration: none;}

.footer__wrap { text-align: left;}
  .footer__logo { width: 31.62393162393162%;} 
  .footer__info { width: 65.8119658119658%;}
  .footer__info > p:not(.footer__info-txt) { line-height: 1.6;}
  .footer__info .u-sp { display: none; margin-left: 1em;}
.footer__info　a { text-decoration: none;}
.footer__btn { float: right; margin: .5em;}
.footer__btn a { border: solid 1px; padding: .5em 1em;}

.copy {
 clear: both;
 text-align: center;
 color: #00AEE8;
} /* copyright */
#page_top {
 position: fixed;
 bottom: 15px;
 right: 10px;
}
#page_top a {
 display: block;
 width: 54px;
 height: auto;
}
.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
}
.clearfix:before, .clearfix:after {
 width: 0;
 height: 0;
 content: "\0020";
 display: block;
 overflow: hidden;
 visibility: hidden;
}
.clearfix:after { clear: both;}
.clearfix { zoom: 1;}
/*** link  ***/
a {
 text-decoration: none;
 border: none;
 box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

 /*** g_nav **/

/*.menu ul:after {
  content: "";
  display: block;
  clear: both;
 }*/
 .menu li { display: inline-block;}
 .menu li a {
  position: relative;
  transition: .3s;
  display: block;
  line-height: 2;
  color: #00AEE8;

 }
 .menu li:last-child { margin-right: 0;}
 .menu li a::after {
  position: absolute;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #00AEE8;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
 }
 .menu li a::after { bottom: 0; }
 .menu li a:hover::after { width: 100%; }
 
 section p {
  line-height: 2;
  margin-top: 0;
 }
/*etc*/
 .mr80 { margin-right: 80px;}
 .copy { font-size: .8666em /*13*/;}

@media (min-width: 769px) {
 a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
 }
}
@media screen and (max-width:768px) {
  body{ font-size: 13px;}
  h2 {
  font-size: 1.3846em/*18*/ ;
  margin-bottom: 2em;
}
  .menu ul { flex-wrap: wrap;}
}

@media screen and (max-width:600px) {
footer {
  font-size: .9230em /*12px*/ ;
  text-align: center;
 }
footer img { width: 60%;}
.footer__wrap { text-align: center; word-break: keep-all;}
.footer__logo { width: 100%; margin:0 auto 2em;}

.footer__profile,
.footer__info { clear: both; width: 100%; }
.footer__logo-btn {
  flex-direction: column;
  align-items: center;
  margin-top:1.5384em; 
}
.footer__info-btn { margin-top:1.5384em; }
.footer__logo-btn > div { width: 185px;}
.footer__info-txt { text-align: center; padding: 0;}

.footer__btn {
  margin-top: 1.5em;
  float: none;
  display: block;
}
.footer__info .u-sp { display: block; margin-left: 0;}
.lead, .f_17 {
  font-size: 1.0769em /*14px*/ ;
  margin-bottom: 1em;
}
.attention, .f_14 { font-size: .9230em /*12px*/ ;}
.mr80 { margin: 0 3em;}
.copy { font-size: 11px;}
 
#page_top a { width: 40px;}
iframe { height: 200px;} /*map*/
}

@media only print {
 body, html {
  width: 980px;
  font-size: 15px;
  line-height: 1.7;
  margin: 0 auto;
 }
 #idea_article,
 #page section,
  iframe, img {
  page-break-inside: avoid;
 }
 #idea_list {
  margin-bottom: 4em;
  page-break-inside: auto;
 }
 #page section { margin-bottom: 4em;}
 #page_top, #page_top a { display: none;
}
 #idea04 img {
  position: relative;
  top: 0;
  left: 0;
 }
}