@charset "UTF-8";
@font-face { font-family: 'SourceHanSansJP-Light'; src: url("/common/font/SourceHanSansJP-Light.otf"); }
@font-face { font-family: 'SourceHanSansJP-Medium'; src: url("/common/font/SourceHanSansJP-Medium.otf"); }
body { padding-top: 120px;width: 100%; }
html.fixed,html.fixed body{overflow: hidden;}
a { outline: none; }
a:hover { text-decoration: none; }
a figure { overflow: hidden; }
a figure img { transition: 0.3s; }
a figure:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); opacity: 0.8; }
a.tel, a.map { cursor: default; }
a.tel:hover, a.map:hover { text-decoration: none; }
a.blank { text-decoration: underline; }
a.blank:hover { text-decoration: none; }
a.blank span:after { content: ""; width: 11px; height: 10px; background: url(/common/images/icons/icon_blank.png) no-repeat; background-size: 11px; display: inline-block; margin: 0 4px; }

.fw .imgChange { display: none; }
.fw .inner { max-width: 1024px; width: auto; }
.fw .breadcrumb { font-size: 12px; font-size: 0.75rem; padding: 8px 0 30px; }
.fw .breadcrumb ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fw .breadcrumb ul li { display: inline-block; }
.fw .breadcrumb ul li a { display: inline-block; color: #005bac; }
.fw .breadcrumb ul li a:hover { text-decoration: underline; }
.fw .breadcrumb ul li span { display: inline-block; padding: 0 5px; }
.fw .breadcrumb + .section { margin-top: 20px; }
.fw .linkPagetop { max-width: 1024px; width: auto; margin: 0 auto; text-align: right; padding: 10px 0; }
.fw .linkPagetop a { font-size: 12px; font-size: 0.75rem; color: #005bac; }
.fw .contact_footer h1.large { font-size: 34px; font-size: 2.125rem; padding-bottom: 40px; }
.fw .contact_footer .col li { display: table; }
.fw .contact_footer .col li .btn { display: table-cell; vertical-align: middle; }
.fw .contact_footer .col li.textHours { text-align: right; padding-top: 12px; }
.fw .contact_footer .col li.textHours img { max-width: 300px; }
.fw .contact_footer .col li.textTell { margin-top: -5px; }
.fw .contact_footer .col li.textTell img { max-width: 310px; }
.fw .contact_footer a .iconDocument { background: url("/common/images/icons/icon_document.png") no-repeat 0% 50%; padding: 16px 0 16px 80px; display: inline-block; }
.fw .contact_footer a .iconSeminar { background: url("/common/images/icons/icon_seminar.png") no-repeat 0% 50%; padding: 16px 0 16px 80px; display: inline-block; }
.fw .contact_footer a .iconConsult { background: url("/common/images/icons/icon_consult.png") no-repeat 0% 50%; padding: 16px 0 16px 80px; display: inline-block; }
.fw .contact_footer a .iconVoice { background: url("/common/images/icons/icon_voice.png") no-repeat 0% 50%; padding: 16px 0 16px 40px; display: inline-block; }
.fw .cm { padding: 70px 0; }
.fw .cm .textRead a { text-decoration: underline; }
.fw .cm .col li .img.new { position: relative; }
.fw .cm .col li .img.new:before { content: ''; display: block; width: 50px; height: 50px; position: absolute; left: 0; top: 0; z-index: 1; background-image: url(/common/images/icons/icon_new.png); background-repeat: no-repeat; background-size: 100%; background-position: 50%; }
.fw .cm .col li .ttl { max-width: 480px; margin: 0 auto; padding: 0 0 30px; font-size: 28px; font-size: 1.75rem; text-align: center; }
.fw .cm .col li .text { max-width: 480px; margin: 0 auto; padding: 10px 0; }

@media only screen and (max-width: 768px) { .pc { display: none; }
  .sp { display: none; }
  .tb { display: inline-block; }
  html { width: 100%; }
  body { padding-top: 60px; }
  a figure:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
  a.tel, a.map { cursor: pointer; }
  .fw section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .fw section.section { margin-top: 50px; }
  .fw .inner { max-width: 640px; width: auto; margin-left: auto; margin-right: auto; }
  .fw .breadcrumb { font-size: 14px; font-size: 0.875rem; }
  .fw .breadcrumb ul li span { padding: 0 10px; position: relative; top: -1px; }
  .fw .contact_footer h1.large { font-size: 26px; font-size: 1.625rem; padding-bottom: 40px; }
  .fw .contact_footer .col { margin-bottom: 0; }
  .fw .contact_footer .col li.textHours { text-align: center; margin-bottom: 15px; padding-top: 10px; }
  .fw .contact_footer .col li.textHours img { max-width: 250px; }
  .fw .contact_footer .col li.textTell { text-align: center; margin-top: 0; }
  .fw .contact_footer .col li.textTell img { max-width: 260px; }
  .fw .contact_footer a .iconDocument { background-size: 40px auto; padding-left: 55px; }
  .fw .contact_footer a .iconSeminar { background-size: 40px auto; padding-left: 55px; }
  .fw .contact_footer a .iconConsult { background-size: 40px auto; padding-left: 55px; }
  .fw .contact_footer a .iconVoice { background-size: 25px auto; } }
@media only screen and (max-width: 640px) { .pc { display: none; }
  .tb { display: none; }
  .sp { display: inline-block; }
  .fw .cm .col li .ttl { font-size: 22px; font-size: 1.375rem; } }
.fw .header { transition: 0.4s ease-in-out; width: 100%; min-width: 1024px; padding: 0 10px; position: fixed; left: 0; top: 0; z-index: 999; background: #fff; }
.fw .header .headerTop { float: left; transition: 0.4s ease-in-out; }
.fw .header .logo { display: table-cell; vertical-align: middle; transition: 0.4s ease-in-out; height: 60px; }
.fw .header .logo img { height: 40px; width: auto; transition: none; }
.fw .header .logo:hover img { -webkit-transform: none; -ms-transform: none; transform: none; }
.fw .header h1 { float: left; font-size: 12px; font-size: 0.75rem; line-height: 1.5em; color: #fff; display: block; padding: 12px 0 0 10px; letter-spacing: 1px; }
.fw .header h1 span { letter-spacing: 3px; }
.fw .header #menu { display: none; }
.fw .header #hNav .contact { transition: 0.4s ease-in-out; height: 0px; text-align: right; padding-top: 8px; overflow: hidden; }
.fw .header #hNav .contact .textHours { display: inline-block; vertical-align: top; padding-top: 6px; margin-right: 12px; }
.fw .header #hNav .contact .textHours img { max-width: 180px; }
.fw .header #hNav .contact .textTell { display: inline-block; vertical-align: top; margin-right: 10px; }
.fw .header #hNav .contact .textTell img { max-width: 170px; }
.fw .header #hNav .contact .btn { margin-left: 4px; }
.fw .header #hNav .contact .btn.long { max-width: 250px !important;}
.fw .header #hNav ul { transition: 0.4s ease-in-out; text-align: center; margin: 7px 0 0; padding-left: 20px; overflow: hidden; }
.fw .header #hNav ul li { float: left; width: 16%; min-width: 170px; display: inline-block; }
.fw .header #hNav ul li a { display: block; line-height: 30px; border-left: 1px solid #ced3d7; font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 14px; font-size: 0.875rem; text-align: center; }
.fw .header #hNav ul li a:hover { color: #005bac; text-decoration: none; }
.fw .header #hNav ul li.btnEntry { display: none; }
.fw .header #fixNav { transition: 0.8s ease-in-out; position: fixed; right: -50px; top: 140px; }
.fw .header #fixNav ul li { transition: 0.2s; background: #fff; border: 4px solid #fff; }
.fw .header #fixNav ul li a { width: 18px; box-sizing: content-box; font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; text-align: center; padding: 5px 50px 5px 5px; display: block; background: #ffe7d1; border: 2px solid #ed8223; color: #ed8223; font-size: 14px; font-size: 0.875rem; line-height: 20px; }
.fw .header #fixNav ul li a:hover { text-decoration: none; }
.fw .header #fixNav ul li:hover { -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px); }
@media only screen and (min-width: 768px) { .fw .header { box-shadow: 0px 8px 15px -6px rgba(77, 81, 85, 0.2); }
  .fw.view_top .header { height: 120px; }
  .fw.view_top .header .logo { height: 120px; }
  .fw.view_top .header #hNav .contact { height: 49px; display: block; }
  .fw.view_top .header #hNav ul { margin-top: 21px; margin-bottom: 11px; }
  .fw.view_top .header #fixNav { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }
  .fw.view_middle .header { height: 60px; }
  .fw.view_middle .header #fixNav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .fw.view_bottom .header #fixNav { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }
  .fw#asset .header #hNav ul li.navi_asset a { color: #005bac; }
  .fw#asset .header #hNav ul li.navi_asset a:before { width: 100%; opacity: 1; }
  .fw#apart .header #hNav ul li.navi_apart a { color: #005bac; }
  .fw#apart .header #hNav ul li.navi_apart a:before { width: 100%; opacity: 1; }
  .fw#voice .header #hNav ul li.navi_voice a { color: #005bac; }
  .fw#voice .header #hNav ul li.navi_voice a:before { width: 100%; opacity: 1; }
  .fw#qa .header #hNav ul li.navi_qa a { color: #005bac; }
  .fw#qa .header #hNav ul li.navi_qa a:before { width: 100%; opacity: 1; }
  .fw#about .header #hNav ul li.navi_about a { color: #005bac; }
  .fw#about .header #hNav ul li.navi_about a:before { width: 100%; opacity: 1; } }

@media only screen and (max-width: 768px) { .fw.view_top .header { height: 60px; }
  .fw.view_top .header .logo { height: 60px; }
  .fw.view_top .header #hNav ul { margin-top: 0; }
  .fw .header { min-width: inherit; font-weight: 300; background: none; padding: 0; height: 60px !important; }
  .fw .header .headerTop { width: 100%; height: 60px; background: #fff; box-shadow: none; box-shadow: 0px 8px 15px -6px rgba(77, 81, 85, 0.2); padding: 0 10px; position: relative; z-index: 100; }
  .fw .header a { display: inline-block; }
  .fw .header .logo { height: 60px; }
  .fw .header h1 { font-size: 10px; font-size: 0.625rem; padding: 8px 0 0 10px; }
  .fw .header #menu { display: block; width: 45px; height: 45px; position: absolute; right: 3px; top: 7px; }
  .fw .header #menu span { transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; width: 25px; height: 3px; background: #005bac; position: absolute; border-radius: 3px; left: 10px; }
  .fw .header #menu span.top { top: 28%; }
  .fw .header #menu span.middle { top: 50%; margin-top: -2px; }
  .fw .header #menu span.bottom { bottom: 28%; }
  .fw .header #menu.active span { left: 11px; }
  .fw .header #menu.active span.top { top: 47%; -ms-transform: rotate(-135deg); transform: rotateZ(-135deg); -webkit-transform: rotateZ(-135deg); }
  .fw .header #menu.active span.middle { opacity: 0; left: 30px; }
  .fw .header #menu.active span.bottom { bottom: 47%; -ms-transform: rotate(135deg); transform: rotateZ(135deg); -webkit-transform: rotateZ(135deg); }
  .fw .header #hNav { transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; background: transparent; }
  .fw .header #hNav.active { height: 100%; background: rgba(77, 81, 85, 0.6); }
  .fw .header #hNav.active ul { top: 60px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .fw .header #hNav .contact { display: none; }
  .fw .header #hNav ul { position: absolute; top: -640px; left: 0; width: 100%; padding-bottom: 20px; padding-left: 0; margin: 0; float: none; overflow-y: scroll; background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; }
  .fw .header #hNav ul li { float: none; width: 100%; min-width: inherit; display: block; }
  .fw .header #hNav ul li a { position: relative; border-bottom: 1px solid #bfbfbf; line-height: 46px; width: 100%; text-align: left; color: #4d5155; margin: 0; font-size: 14px; padding: 0 10px; }
  .fw .header #hNav ul li a:before, .fw .header #hNav ul li a:after { display: inline-block; border-top: solid 2px #bfbfbf; border-right: solid 2px #bfbfbf; vertical-align: middle; }
  .fw .header #hNav ul li a:after { margin-left: 8px; content: ""; width: 6px; height: 6px; }
  .fw .header #hNav ul li a:before, .fw .header #hNav ul li a:after { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -1px; }
  .fw .header #hNav ul li a:before { content: none; }
  .fw .header #hNav ul li a:after { position: absolute; right: 10px; top: 50%; margin-top: -5px; }
  .fw .header #hNav ul li:first-child a { border-top: 1px solid #bfbfbf; }
  .fw .header #hNav ul li.btnEntry { display: block; margin-left: 0; padding-left: 10px; padding-right: 10px; text-align: center; }
  .fw .header #hNav ul li.btnEntry a { margin: 6px auto 0; padding: 0; width: 100%; max-width: 360px; line-height: 40px; text-align: center; color: #fff; position: relative; font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; font-size: 16px; font-size: 1rem; }
  .fw .header #hNav ul li.btnEntry a:before, .fw .header #hNav ul li.btnEntry a:after { display: inline-block; border-top: solid 2px #fff; border-right: solid 2px #fff; vertical-align: middle; }
  .fw .header #hNav ul li.btnEntry a:before { margin-right: 8px; content: ""; width: 10px; height: 10px; }
  .fw .header #hNav ul li.btnEntry a:before, .fw .header #hNav ul li.btnEntry a:after { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -1px; }
  .fw .header #hNav ul li.btnEntry a:before { display: none; }
  .fw .header #fixNav { display: none; } }
.fw .footer .sitemap { padding: 20px 0; border-bottom: 1px solid #bfbfbf; }
.fw .footer .sitemap .col4 > ul > li > a { font-size: 14px; color: #005bac; }
.fw .footer .sitemap .col4 > ul > li > ul > li { padding-left: 1em; line-height: 1.4; }
.fw .footer .sitemap .col4 > ul > li > ul > li > a { font-size: 12px; }
.fw .footer .text { padding: 22px 0; float: right; }
.fw .footer .navi { font-size: 12px; font-size: 0.75rem; }
.fw .footer .navi li { padding: 0 10px; border-right: 1px solid #4d5155; line-height: 1; display: inline-block; }
.fw .footer .navi li:last-child { border-right: none; padding-right: 0; }
.fw .footer .textCopyright { font-size: 10px; font-size: 0.625rem; text-align: right; line-height: 1; }

@media only screen and (max-width: 768px) { .fw .footer .sitemap { display: none; }
  .fw .footer .inner { padding-left: 0; padding-right: 0; max-width: inherit; }
  .fw .footer .text { float: none; padding-top: 0; padding-bottom: 0; width: 100%; }
  .fw .footer .text .navi { font-size: 14px; font-size: 0.875rem; }
  .fw .footer .text .navi ul li { border-right: 0; padding: 0; width: 100%; }
  .fw .footer .text .navi ul li a { position: relative; display: block; padding: 15px 10px; border-bottom: 1px solid #bfbfbf; text-align: left; }
  .fw .footer .text .navi ul li a:before, .fw .footer .text .navi ul li a:after { display: inline-block; border-top: solid 2px #bfbfbf; border-right: solid 2px #bfbfbf; vertical-align: middle; }
  .fw .footer .text .navi ul li a:after { margin-left: 8px; content: ""; width: 6px; height: 6px; }
  .fw .footer .text .navi ul li a:before, .fw .footer .text .navi ul li a:after { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -1px; }
  .fw .footer .text .navi ul li a:before, .fw .footer .text .navi ul li a:after { position: absolute; right: 10px; top: 50%; }
  .fw .footer .text .textCopyright { padding-top: 10px; padding-bottom: 10px; text-align: center; } }
.fw .btnCenter { text-align: center; }
.fw .btnCenter .btn { margin-right: 20px; }
.fw .btnCenter .btn:last-child { margin-right: 0; }
.fw .btn { transition: 0.1s; width: 100%; display: inline-block; border-radius: 0; border: none; }
.fw .btn.btnBase { font-size: 20px; font-size: 1.25rem; max-width: 290px; color: #005bac; border: 2px solid #005bac; padding-top: 18px; padding-bottom: 18px; }
.fw .btn.btnBase:hover { background: #005bac; color: #fff; }
.fw .btn.bgOrange { font-size: 17px; font-size: 1.0625rem; max-width: 158px; padding-top: 12px; padding-bottom: 12px; background-color: #ed8223; color: #fff; border: none !important; }
.fw .btn.bgOrange.large { max-width: 300px; font-size: 22px; font-size: 1.375rem; padding-top: 19px; padding-bottom: 19px; }
.fw .btn.bgOrange:hover { background: #FF7C07; }
.fw .btn.btnWhite { max-width: 485px; height: 110px; font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; background-color: #fff; color: #4d5155; padding-top: 0; padding-bottom: 0; border: 1px solid #b7b7b7; font-size: 30px; font-size: 1.875rem; }
.fw .btn.btnWhite:hover { background-color: #e3edf6; }
.fw .btn.btnBlue { font-size: 32px; font-size: 2rem; color: #fff; background: #005bac; max-width: 650px; padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; position: relative; }
.fw .btn.btnBlue:before, .fw .btn.btnBlue:after { display: inline-block; border-top: solid 2px #fff; border-right: solid 2px #fff; vertical-align: middle; }
.fw .btn.btnBlue:after { margin-left: 8px; content: ""; width: 10px; height: 10px; }
.fw .btn.btnBlue:before, .fw .btn.btnBlue:after { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -1px; }
.fw .btn.btnBlue:after, .fw .btn.btnBlue:before { position: absolute; right: 20px; top: 50%; margin-top: -5px; }
.fw .btn.btnBlue:hover { background: rgba(0, 91, 172, 0.9); }
.fw .btn.btnAqua { font-size: 20px; font-size: 1.25rem; max-width: 357px; font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; background-color: #e3edf6; color: #4d5155; border: none; padding-top: 2px; padding-bottom: 2px; }
.fw .btn.btnAqua:hover { background-color: #fff; }
.fw .btn.btnShadow { box-shadow: 0 9px 12px -9px #222; }
.fw .btn.btnTransp { font-size: 20px; font-size: 1.25rem; max-width: 290px; padding-top: 18px; padding-bottom: 18px; border: 2px solid #4d5155; background: none; color: #4d5155; }
.fw .btn.btnTransp:hover { border-color: #6d9dc8; background: #6d9dc8; color: #FFF; }
.fw h1.base, .fw h2.base, .fw h3.base, .fw h4.base, .fw .ttl.base { font-size: 32px; font-size: 2rem; line-height: 128%; color: #005bac; padding: 0 0 20px; }
.fw h1.base.fontS, .fw h1.base .fontS, .fw h2.base.fontS, .fw h2.base .fontS, .fw h3.base.fontS, .fw h3.base .fontS, .fw h4.base.fontS, .fw h4.base .fontS, .fw .ttl.base.fontS, .fw .ttl.base .fontS { font-size: 28px; font-size: 1.75rem; }
.fw h1.large, .fw h2.large, .fw h3.large, .fw h4.large, .fw .ttl.large { font-size: 48px; font-size: 3rem; line-height: 120%; padding: 0 0 30px; text-align: center; }
.fw h1.large.fontS, .fw h1.large .fontS, .fw h2.large.fontS, .fw h2.large .fontS, .fw h3.large.fontS, .fw h3.large .fontS, .fw h4.large.fontS, .fw h4.large .fontS, .fw .ttl.large.fontS, .fw .ttl.large .fontS { font-size: 38px; font-size: 2.375rem; line-height: 126%; }
.fw h1.small, .fw h2.small, .fw h3.small, .fw h4.small, .fw .ttl.small { font-size: 24px; font-size: 1.5rem; padding-bottom: 20px; }
.fw h1.balloon, .fw h2.balloon, .fw h3.balloon, .fw h4.balloon, .fw .ttl.balloon { width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; position: relative; border: 2px solid #005bac; border-radius: 8px; padding: 15px 10px; margin-bottom: 60px; text-align: center; }
.fw h1.balloon:before, .fw h1.balloon:after, .fw h2.balloon:before, .fw h2.balloon:after, .fw h3.balloon:before, .fw h3.balloon:after, .fw h4.balloon:before, .fw h4.balloon:after, .fw .ttl.balloon:before, .fw .ttl.balloon:after { content: ''; display: block; }
.fw h1.balloon.balloonLong, .fw h2.balloon.balloonLong, .fw h3.balloon.balloonLong, .fw h4.balloon.balloonLong, .fw .ttl.balloon.balloonLong { max-width: 600px; }
.fw h1.balloon.balloonL:before, .fw h2.balloon.balloonL:before, .fw h3.balloon.balloonL:before, .fw h4.balloon.balloonL:before, .fw .ttl.balloon.balloonL:before { position: absolute; left: 50px; bottom: -28px; width: 23px; height: 28px; border-right: 2px solid #005bac; background: #fff; }
.fw h1.balloon.balloonL:after, .fw h2.balloon.balloonL:after, .fw h3.balloon.balloonL:after, .fw h4.balloon.balloonL:after, .fw .ttl.balloon.balloonL:after { position: absolute; left: 61px; bottom: -32px; width: 0; height: 36px; border-right: 2px solid #005bac; -webkit-transform: rotate(-43deg); -ms-transform: rotate(-43deg); transform: rotate(-43deg); background: #fff; }
.fw h1.balloon.balloonC:before, .fw h2.balloon.balloonC:before, .fw h3.balloon.balloonC:before, .fw h4.balloon.balloonC:before, .fw .ttl.balloon.balloonC:before { position: absolute; left: 50%; bottom: -56px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; display: block; width: 0; height: 0; border-top: 28px solid #005bac; border-right: 14px solid transparent; border-bottom: 28px solid transparent; border-left: 14px solid transparent; }
.fw h1.balloon.balloonC:after, .fw h2.balloon.balloonC:after, .fw h3.balloon.balloonC:after, .fw h4.balloon.balloonC:after, .fw .ttl.balloon.balloonC:after { position: absolute; left: 50%; bottom: -52px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; display: block; width: 0; height: 0; border-top: 28px solid #fff; border-right: 14px solid transparent; border-bottom: 28px solid transparent; border-left: 14px solid transparent; }
.fw h1.textBlack, .fw h1 .textBlack, .fw h2.textBlack, .fw h2 .textBlack, .fw h3.textBlack, .fw h3 .textBlack, .fw h4.textBlack, .fw h4 .textBlack, .fw .ttl.textBlack, .fw .ttl .textBlack { color: #4d5155; }
.fw h1.textBlue, .fw h1 .textBlue, .fw h2.textBlue, .fw h2 .textBlue, .fw h3.textBlue, .fw h3 .textBlue, .fw h4.textBlue, .fw h4 .textBlue, .fw .ttl.textBlue, .fw .ttl .textBlue { color: #005bac; }
.fw h1.large + .textRead, .fw h2.large + .textRead, .fw h3.large + .textRead, .fw h4.large + .textRead, .fw .ttl.large + .textRead { font-size: 16px; font-size: 1rem; text-align: center; padding-bottom: 60px; line-height: 138%; }
.fw h1.large + .textRead.fontL, .fw h1.large + .textRead .fontL, .fw h2.large + .textRead.fontL, .fw h2.large + .textRead .fontL, .fw h3.large + .textRead.fontL, .fw h3.large + .textRead .fontL, .fw h4.large + .textRead.fontL, .fw h4.large + .textRead .fontL, .fw .ttl.large + .textRead.fontL, .fw .ttl.large + .textRead .fontL { font-size: 20px; font-size: 1.25rem; }
.fw .lineIcon { border-bottom: 1px solid #bfbfbf; height: 65px; padding: 0 28px; margin-top: 30px; }
.fw .lineBorderBlue, .fw .lineBorderGray { position: relative; }
.fw .lineBorderBlue:before, .fw .lineBorderGray:before { content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; }
.fw .lineBorderBlue:before { width: 60px; height: 5px; background: #005bac; }
.fw .lineBorderGray { padding-top: 60px; padding-bottom: 60px; }
.fw .lineBorderGray:before { width: 90px; height: 4px; background: #dadada; }
.fw .boxShadow { box-shadow: 0 8px 12px -8px #dedede inset; border-top: 1px solid #dedede; }
.fw .boxShadow.section { padding-top: 45px; padding-bottom: 45px; }
.fw .boxShadow h1.base, .fw .boxShadow h2.base, .fw .boxShadow h3.base, .fw .boxShadow h4.base, .fw .boxShadow .ttl.base { padding-bottom: 45px; }
.fw .boxGray { background: #f3f3f3; }
.fw .boxBlue { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; background: #005bac; color: #fff; }
.fw .boxBlue .img { text-align: center; }
.fw .boxArrow { position: relative; padding: 50px 0; }
.fw .boxArrow:before { position: absolute; left: 50%; top: -1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; display: block; width: 0; height: 0; border-top: 23px solid #fff; border-right: 30px solid transparent; border-bottom: 23px solid transparent; border-left: 30px solid transparent; border-top-color: #fff; }
.fw .boxBlueBorder { border: 2px solid #005bac; margin-top: 20px; padding: 10px 20px; }
.fw .boxText .text { padding-bottom: 20px; }
.fw .boxText .text:last-child { padding-bottom: 0; }
.fw .boxText ul { padding: 10px 0; }
.fw .boxText ul li { list-style-type: disc; margin-left: 1.7em; margin-bottom: 5px; }
.fw .boxText ol { padding: 10px 0; }
.fw .boxText ol li { list-style-type: decimal; }
.fw .listHorizon li { padding: 60px 0 70px; }
.fw .listHorizon li .img { text-align: center; }
.fw .listHorizon li:last-child { padding-bottom: 0; }
.fw .listVartivcal li { text-align: center; margin-bottom: 40px; }
.fw .listVartivcal li .img { padding: 15px 0 20px; }
.fw .listVartivcal li aside { text-align: left; font-size: 14px; font-size: 0.875rem; padding-top: 20px; }
.fw .listVartivcal li figcaption { text-align: left; font-size: 14px; font-size: 0.875rem; padding-top: 20px; }
.fw .listVartivcal li figcaption .text { text-indent: -1em; padding-left: 1em; }
.fw .listGallery { padding-top: 35px; padding-bottom: 10px; margin: 0; }
.fw .listGallery.col > figure, .fw .listGallery.col > div { padding-left: 0; padding-right: 0; }
.fw .listGallery.photo3 .col5 { text-align: right; }
.fw .listGallery.photo3 .col5 img:nth-child(2) { margin-top: 10px; }
.fw .listGallery.photo2 .col5 { text-align: right; }
.fw .listGallery.photo2 .col6:nth-child(1) { text-align: left; }
.fw .listGallery.photo2 .col6:nth-child(2) { text-align: right; }
.fw .listGallery.photo1 { max-width: inherit; }
.fw .listGallery.photo1 > div h2 { text-align: left; }
.fw .listGallery.photo1 > div .textRead { text-align: left; }
.fw .listGallery.photo1 > div .img { text-align: center; }
.fw .listCaption figure { position: relative; overflow: hidden; }
.fw .listCaption figure figcaption { min-height: 60px; position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 91, 172, 0.6); color: #fff; line-height: 140%; display: table; }
@-moz-document url-prefix() { .fw .listCaption figure figcaption { height: 60px; } }
.fw .listCaption figure figcaption .captionInner { display: table-cell; vertical-align: middle; padding: 8px 15px; }
.fw .listAccordion dl { text-align: left; }
.fw .listAccordion dl.j_toggleBtn:after, .fw .listAccordion dl.j_toggle dt:after { margin-top: -10px; }
.fw .listAccordion dl dt { font-size: 24px; font-size: 1.5rem; background: url("/common/images/asset/qa_illust_q.png") no-repeat 5px 50%; padding: 34px 40px 34px 60px; border-color: #bfbfbf; border-left: none; border-right: none; border-bottom: none; line-height: 135%; }
.fw .listAccordion dl dt:after { width: 18px; height: 18px; border-width: 2px; }
.fw .listAccordion dl dd { border: none; padding-top: 0; padding-bottom: 40px; }
.fw .listPagelink { position: relative; overflow: hidden; padding: 70px 0 0; }
.fw .listPagelink ul { position: relative; left: 50%; float: left; }
.fw .listPagelink ul li { position: relative; left: -50%; float: left; margin: 0 28px; }
.fw .listPagelink ul li .circle { position: relative; width: 200px; height: 200px; margin: 0 auto; background: #005bac; border-radius: 50%; color: #fff; display: block; }
.fw .listPagelink ul li .circle:before { position: absolute; left: 50%; bottom: 5px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; display: block; width: 0; height: 0; border-top: 17px solid #fff; border-right: 10px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid transparent; }
.fw .listPagelink ul li .circle .circleInner { width: 100%; text-align: center; font-size: 20px; font-size: 1.25rem; line-height: 135%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 10px; }
.fw .listPagelink ul li .circle .fontS { font-size: 14px; font-size: 0.875rem; margin-top: -5px; }
.fw .listPagelink ul li:hover .circle { -webkit-animation: pagelinkBtn 0.3s ease-in-out 1; animation: pagelinkBtn 0.3s ease-in-out 1; }
@-webkit-keyframes pagelinkBtn { 0% { -webkit-transform: scale(1); transform: scale(1); }
  20% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes pagelinkBtn { 0% { -webkit-transform: scale(1); transform: scale(1); }
  20% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
.fw .listMovie li .img { position: relative; max-width: 480px; margin: 0 auto; }
.fw .listMovie li .img .icon { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.fw .listArrowLink { padding-bottom: 30px; }
.fw .listArrowLink > li { padding-bottom: 40px; }
.fw .listArrowLink > li:before, .fw .listArrowLink > li:after { display: inline-block; border-top: solid 3px #005bac; border-right: solid 3px #005bac; vertical-align: middle; }
.fw .listArrowLink > li:before { margin-right: 8px; content: ""; width: 6px; height: 6px; }
.fw .listArrowLink > li:before, .fw .listArrowLink > li:after { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -1px; }
.fw .listArrowLink > li:before { margin-top: -6px; margin-right: 12px; }
.fw .listArrowLink > li a { color: #005bac; font-size: 20px; font-size: 1.25rem; }
.fw .listArrowLink > li a:hover { text-decoration: underline; }
.fw .listArrowLink > li > ul { padding-left: 20px; }
.fw .listArrowLink > li > ul > li { padding-top: 10px; }
.fw .listArrowLink > li > ul > li a { color: #4d5155; font-size: 14px; font-size: 0.875rem; }
.fw .listArrowLink > li > ul > li:before, .fw .listArrowLink > li > ul > li:after { display: inline-block; border-top: solid 2px #888888; border-right: solid 2px #888888; vertical-align: middle; }
.fw .listArrowLink > li > ul > li:before { margin-right: 8px; content: ""; width: 4px; height: 4px; }
.fw .listArrowLink > li > ul > li:before, .fw .listArrowLink > li > ul > li:after { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -1px; }
.fw .listVoice .textProfile { font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; padding: 5px 0; }
.fw .listVoice .text { font-size: 14px; font-size: 0.875rem; color: #888888; }
.fw .listVoice figure figcaption .captionInner { font-size: 20px; font-size: 1.25rem; }
.fw .visual .inner { min-height: 300px; margin-left: auto; margin-right: auto; position: relative; }
@-moz-document url-prefix() { .fw .visual .inner { height: 300px; } }
.fw .visual.visual2column { background: #e9f1f7; }
.fw .visual.visual2column .img { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; }
.fw .visual.visual2column .textComment { float: right; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; }
.fw .visual.visual2column .textComment .label { background: #4e87b9; color: #fff; display: inline-block; padding: 0 10px; line-height: 30px; font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
.fw .visual.visual2column .textComment .textRead { font-size: 26px; font-size: 1.625rem; font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; padding: 10px 0; color: #005bac; }
.fw .visual.visual2column .textComment .textProfile { line-height: 138%; }
.fw .visual.visualText { background: #e9f1f7; }
.fw .visual.visualText h1.large, .fw .visual.visualText h2.large { color: #005bac; padding-bottom: 0; }
.fw .visual.visualText h1.large + .textRead, .fw .visual.visualText h2.large + .textRead { padding-top: 30px; padding-bottom: 0; }
.fw .visual.visualBg { color: #fff; text-align: center; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; }
.fw .visual.visualBg .tableCell { padding: 10px 0; }
.fw .visual.visualBg h1.large .fontS, .fw .visual.visualBg h2.large .fontS { font-size: 24px; font-size: 1.5rem; }
.fw .visual.visualBg h1.large + .textRead, .fw .visual.visualBg h2.large + .textRead { padding-bottom: 10px; font-size: 22px; font-size: 1.375rem; }
.fw .visual.visualBasic .inner { text-align: center; }
@-moz-document url-prefix() { .fw .visual.visualBasic .inner { height: auto; } }
.fw .visual.visualBasic .img { padding: 30px 0 60px; }
.fw #j_modalBoxclose:hover { -webkit-animation: closeBtn 0.3s ease-in-out 1; animation: closeBtn 0.3s ease-in-out 1; }
@-webkit-keyframes closeBtn { 0% { -webkit-transform: scale(1); transform: scale(1); }
  20% { -webkit-transform: scale(0.85); transform: scale(0.85); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes closeBtn { 0% { -webkit-transform: scale(1); transform: scale(1); }
  20% { -webkit-transform: scale(0.85); transform: scale(0.85); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@media only screen and (max-width: 768px) { .fw .btnCenter { text-align: center; }
  .fw .btnCenter .btn { margin-right: 0; margin-bottom: 10px; }
  .fw .btnCenter .btn:last-child { margin-bottom: 0; }
  .fw .btn { line-height: 138%; }
  .fw .btn.btnBlue { font-size: 20px; font-size: 1.25rem; padding-top: 20px; padding-bottom: 20px; line-height: 138%; }
  .fw .btn.btnWhite { height: 80px; font-size: 20px; font-size: 1.25rem; line-height: 138%; }
  .fw .btn.btnAqua { font-size: 16px; font-size: 1rem; padding-top: 0; padding-bottom: 0; }
  .fw h1.base, .fw h2.base, .fw h3.base, .fw h4.base, .fw .ttl.base { font-size: 24px; font-size: 1.5rem; }
  .fw h1.large, .fw h2.large, .fw h3.large, .fw h4.large, .fw .ttl.large { font-size: 34px; font-size: 2.125rem; line-height: 120%; }
  .fw h1.large.fontS, .fw h1.large .fontS, .fw h2.large.fontS, .fw h2.large .fontS, .fw h3.large.fontS, .fw h3.large .fontS, .fw h4.large.fontS, .fw h4.large .fontS, .fw .ttl.large.fontS, .fw .ttl.large .fontS { font-size: 26px; font-size: 1.625rem; display: inline-block; }
  .fw h1.balloon, .fw h2.balloon, .fw h3.balloon, .fw h4.balloon, .fw .ttl.balloon { margin-bottom: 40px; }
  .fw h1.large + .textRead, .fw h2.large + .textRead, .fw h3.large + .textRead, .fw h4.large + .textRead, .fw .ttl.large + .textRead { padding-bottom: 40px; font-size: 16px; font-size: 1rem; }
  .fw h1.large + .textRead.fontL, .fw h1.large + .textRead .fontL, .fw h2.large + .textRead.fontL, .fw h2.large + .textRead .fontL, .fw h3.large + .textRead.fontL, .fw h3.large + .textRead .fontL, .fw h4.large + .textRead.fontL, .fw h4.large + .textRead .fontL, .fw .ttl.large + .textRead.fontL, .fw .ttl.large + .textRead .fontL { font-size: 18px; font-size: 1.125rem; }
  .fw .lineIcon { margin-top: 40px; }
  .fw .lineBorderGray { padding-top: 45px; padding-bottom: 45px; }
  .fw .boxBlue .img { padding-top: 40px; }
  .fw .listHorizon li { padding: 40px 0; }
  .fw .listHorizon li h2.base { text-align: center; }
  .fw .listHorizon li .img { padding-top: 20px; margin: 0 auto; }
  .fw .listHorizon li .order1 { padding-bottom: 30px; }
  .fw .listVartivcal li .img { padding-bottom: 30px; }
  .fw .listGallery { max-width: 580px; margin: 0 auto; }
  .fw .listGallery.photo3 .col5 { padding-top: 10px; }
  .fw .listGallery.photo3 .col5:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .fw .listGallery.photo3 .col5 img:nth-child(1) { float: left; width: 50%; padding-right: 5px; }
  .fw .listGallery.photo3 .col5 img:nth-child(2) { float: right; width: 50%; margin-top: 0; padding-left: 5px; }
  .fw .listGallery.photo2 .col5 { padding-left: 5px; }
  .fw .listGallery.photo2 .col7 { padding-right: 5px; }
  .fw .listGallery.photo2 .col6:nth-child(1) { padding-right: 5px; }
  .fw .listGallery.photo2 .col6:nth-child(2) { padding-left: 5px; }
  .fw .listGallery.photo1 > div .img { padding-top: 20px; }
  .fw .listCaption figure figcaption { position: static; }
  .fw .listAccordion .listAccordionInner { padding-left: 0 !important; padding-right: 0 !important; }
  .fw .listAccordion dl dt { padding-top: 25px; padding-bottom: 25px; background-position: 10px 50%; background-size: 24px auto; padding-left: 45px; font-size: 18px; font-size: 1.125rem; }
  .fw .listAccordion dl dt:after, .fw .listAccordion dl dt:before { zoom: 0.6; right: 20px; }
  .fw .listPagelink { padding-bottom: 20px; }
  .fw .listPagelink .listPagelinkInner { padding-left: 0 !important; padding-right: 0 !important; }
  .fw .listPagelink ul { left: 0; float: none; }
  .fw .listPagelink ul li { position: static; float: none; margin: 0; }
  .fw .listPagelink ul li .circle { width: 100%; height: auto; border-radius: 0; }
  .fw .listPagelink ul li .circle:before { left: inherit; bottom: inherit; right: 15px; top: 50%; margin-top: -5px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); border-top: 10px solid #fff; border-right: 6px solid transparent; border-bottom: 10px solid transparent; border-left: 6px solid transparent; }
  .fw .listPagelink ul li .circle .circleInner { width: 100%; text-align: left; font-size: 16px; font-size: 1rem; line-height: 135%; position: static; top: 50%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding: 20px 30px 20px 20px; border-bottom: 1px solid #fff; }
  .fw .listPagelink ul li .circle .fontS { font-size: 16px; font-size: 1rem; margin-top: 0; }
  .fw .listPagelink ul li .circle br { display: none; }
  .fw .listPagelink ul li:hover .circle { -webkit-animation: none; animation: none; }
  .fw .listMovie li { padding-bottom: 20px; }
  .fw .listMovie li:last-child { padding-bottom: 0; }
  .fw .listVoice .textProfile { padding: 15px 0 10px; line-height: 130%; }
  .fw .visual.visual2column { padding: 20px 0; }
  .fw .visual.visual2column .img { padding-top: 20px; position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); text-align: center; }
  .fw .visual.visual2column .textComment { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .fw .visual.visual2column .textComment .textRead { font-size: 22px; font-size: 1.375rem; }
  .fw .visual.visualBg .inner { min-height: 400px; }
  .fw .visual.visualBg .tableCell { padding: 20px 0; }
  .fw .visual.visualBg h1.large { padding-bottom: 20px; }
  .fw .visual.visualBg h1.large span { display: block; padding-bottom: 5px; }
  .fw .visual.visualBg h1.large .fontS { font-size: 18px; font-size: 1.125rem; }
  .fw .visual.visualBg h1.large + .textRead { font-size: 18px; font-size: 1.125rem; padding-bottom: 20px; }
  .fw .visual.visualBg .textDescription { line-height: 138%; } }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; outline: 0; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide a { outline: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-dots { text-align: center; padding-top: 20px; }
.slick-dots li { display: inline-block; width: 20px; }
.slick-dots li button { border: none; text-indent: -9999px; width: 10px; height: 10px; border-radius: 50%; background: #bfbfbf; padding: 0; outline: none; }
.slick-dots li.slick-active button { background: rgba(0, 91, 172, 0.6); }

.fw#top .visual { position: relative; background-color: #c9e1ea; }
.fw#top .visual .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.fw#top .visual .bg:before, .fw#top .visual .bg:after { content: ''; display: block; width: 50%; height: 100%; position: absolute; top: 0; background-position: 0; background-repeat: repeat-x; background-size: contain; }
.fw#top .visual .img { position: relative; z-index: 1; width: 100%; height: 450px; background-repeat: no-repeat; background-position: 50%; }
@media only screen and (min-width: 769px) { .fw#top .visual .img { background-image: url("/common/images/top/visual_img_pc.jpg"); background-size: 1024px auto; } }
@media only screen and (min-width: 769px) { .fw#top .visual .img_new { position: relative; z-index: 0; background-size: 1800px auto; } }
.fw#top .start .textRead { max-width: 580px; margin-left: auto; margin-right: auto; padding-bottom: 0; line-height: 1.71; text-align: left; }
.fw#top .info { background: #fff; text-align: center; padding: 20px 0 15px; font-size: 16px; }
.fw#top .info a {color: #000; }
.fw#top .info img { width: 25px; vertical-align: -5px; margin-right: 5px; }
.fw#top .start_new { position: relative; margin: 80px 0 180px; background-color: #c9e1ea;}
.fw#top .start_new .msg { width: 820px; padding: 70px 50px; margin: 0 auto -100px; transform: translateY(-50px); background: rgba(255, 255, 255, 0.9); box-shadow: 14.142px 14.142px 70px 0px rgba(1, 56, 107, 0.5); border-top: 2px solid #0c5daa; border-bottom: 2px solid #0c5daa; color: #0c5daa; }
.fw#top .start_new .msg .ttl { font-size: 30px; margin-bottom: 30px; line-height: 160%; text-align: center; }
.fw#top .start_new .msg .txt { margin-bottom: 1em; }
.fw#top .start_new .msg .txt:last-child { margin-bottom: 0; }
.fw#top .voiceSearch#gSearch #gSearchInner { margin: 0 -10px; }
.fw#top .voiceSearch#gSearch #gSearchInner .gSearchItem { width: 25%; padding: 25px 10px; }
.fw#top .voiceSearch#gSearch #gSearchInner .gSearchItem.active:before { border-bottom: 25px solid #005bac; }
.fw#top .voiceSearch#gSearch #gSearchInner .gSearchItem.active .captionInner:before { display: none !important; }
.fw#top .voiceSearch#gSearch #gSearchInner .captionInner { position: relative; padding-bottom: 20px; }
.fw#top .voiceSearch#gSearch #gSearchInner .captionInner:before { content: ""; display: block; border-top: solid 2px #fff; border-right: solid 2px #fff; vertical-align: middle; width: 6px; height: 6px; position: absolute; top: 50%; }
.fw#top .voiceSearch#gSearch #gSearchInner .captionInner:before { -ms-transform: translate(0, -50%) rotate(135deg); transform: translate(0, -50%) rotate(135deg); -webkit-transform: translate(0, -50%) rotate(135deg); }
.fw#top .voiceSearch#gSearch #gSearchInner .captionInner:before { left: 0 !important; right: 0 !important; bottom: 5px; top: inherit !important; margin: auto; }
.fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail { background: #eff3f6; border-top: 1px solid #EEE; }
.fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner { color: #4d5155; height: 510px; }
.fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .text { height: auto; }
.fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:before, .fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:after { display: inline-block; border-top: solid 3px #6d9dc8; border-right: solid 3px #6d9dc8; vertical-align: middle; }
.fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:before { margin-right: 8px; content: ""; width: 40px; height: 40px; }
.fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:before, .fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:after { -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:before, .fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:after { display: inline-block; border-top: solid 3px #6d9dc8; border-right: solid 3px #6d9dc8; vertical-align: middle; }
.fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:before { margin-right: 8px; content: ""; width: 40px; height: 40px; }
.fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:before, .fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:after { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -1px; }
.fw#top .voiceSearch aside.text { font-size: 12px; text-align: right; }
.fw#top .reason .lineBorder:first-child:before { content: none; }

.movie.section { margin-top: 0 !important; background: #f3f3f3; }
.movie .inner { padding: 70px 0; overflow: hidden; }
.movie .inner a { transition: all .2s ease-in-out; }
.movie .inner a:hover { opacity: 0.7; }
.movie .inner a img { width: 100%; }
.movie .inlineContents { display: none; }
.movie .inlineContents .overlay { position: fixed; z-index: 1000;	top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.movie #video01 { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%); z-index: 1001; }
.movie p.close { color: #fff; cursor: pointer; }
.movie h2.movieTxt { margin-top: 40px; color: #4d5155;text-align: center; }
@media only screen and (max-width: 768px) {
.movie #video01 { width: 100%; }
.movie #video01 video { width: 100%; height: auto; }
.movie h2.movieTxt { margin: 20px 0 40px; padding: 0; } }

.fw#top .design { padding-bottom: 30px; }
.fw#top .design h1.large .fontS { padding-bottom: 5px; display: inline-block; }
.fw#top .design .conveyor { position: relative; width: 100%; height: 280px; overflow: hidden; margin-bottom: 45px; opacity: 0; }
.fw#top .design .conveyor .conveyorInner { position: absolute; }
.fw#top .design .conveyor .conveyorInner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fw#top .design .conveyor .conveyorInner .imgBox { float: left; }
.fw#top .design .conveyor .conveyorInner .imgBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fw#top .design .conveyor .conveyorInner .imgBox .img { display: block; position: relative; float: left; }
.fw#top .design .conveyor .conveyorInner .imgBox .img .overlay { transition: 0.6s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 91, 172, 0.73); }
.fw#top .design .conveyor .conveyorInner .imgBox .img .overlay:hover { opacity: 1; }
.fw#top .design .conveyor .conveyorInner .imgBox .img .btnCenter { width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.fw#top .design .conveyor .conveyorInner .imgBox .img .btnCenter .btn { width: 220px; display: block; margin: 0 auto; font-size: 16px; font-size: 1rem; padding-top: 13px; padding-bottom: 13px; }
.fw#top .design .conveyor .conveyorInner .imgBox .img .btnCenter .btn:first-child { margin-bottom: 10px; }

.fw#top .iot h3.ttl {}
.fw#top .iot .col6.iotLi{float: none; width: 100vw;margin-left: calc(50% - 50vw);padding: 0 0 0 0 ; margin-top: 100px;}
.fw#top .iot .col6.iotLi.bg01{background: url("/common/images/top/bg_iot01.png") no-repeat center bottom;}
.fw#top .iot .col6.iotLi.bg02{background: url("/common/images/top/bg_iot02.png") no-repeat center bottom;}
.fw#top .iot .col6.iotLi .innerWp{width: 1020px; height: 365px; margin: 0 auto; position: relative; padding-left: 446px;}
.fw#top .iot .col6.iotLi .innerWp{line-height: 2;}
.fw#top .iot .col6.iotLi h3.ttl { font-size: 0; margin: 0 0 0 0; padding: 0 0 86px 0; line-height: 1; }
.fw#top .iot h3.ttl { font-size: 0; margin: 0 0 0 0; padding: 0 0 90px 0; line-height: 1; }
.fw#top .iot h3.ttl .icon { display: inline-block; vertical-align: bottom; background: rgba(0, 160, 233, 0.8);height: 100px; width: 100px; margin-right: 10px; }
.fw#top .iot .col6.iotLi h3.ttl img:last-child{margin: 0 0 -8px 0;}
.fw#top .iot h3.ttl .icon img { vertical-align: bottom; width: 100%; height: 100px; }
.fw#top .iot .col6.iotLi .innerWp .imgBox { padding: 40px 0 0 0;position: absolute;left: -185px; width: 602px;}
.fw#top .iot .col6.iotLi .innerWp .imgBox img {width: 602px;}
.fw#top .iot .kv .ttl { font-size: 24px; color: #0058a8; line-height: 1.8; padding-bottom: 20px; }
.fw#top .iot .kv .imgBox { text-align: right; padding: 0; }
.fw#top .iot .btn a { display: block; background: #0058a8; max-width: 410px; line-height: 2em; padding: 1.5em 15px; color: #fff; margin: 40px auto 0 auto; text-decoration: none; transition: 0.2s; letter-spacing: -0.01em; }
.fw#top .iot .btn a:hover { opacity: 0.8; }
.fw#top .iot .btn a:after { content: ""; display: inline-block; border-right: 1px solid #fff; border-top: 1px solid #fff; width: 6px; height: 6px; margin-left: 6px; -webkit-transform: rotate(45deg) translateY(-3px); -ms-transform: rotate(45deg) translateY(-3px); transform: rotate(45deg) translateY(-3px); }



.fw#top .voice h1.large .fontS { font-size: 26px; font-size: 1.625rem; }
.fw#top .voice .slide_selector:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fw#top .voice .slide_selector .slideInner { max-width: 480px; margin: 0 auto; }
.fw#top .voice .slide_selector .btnArrow { display: block; height: 100px; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.fw#top .voice .slide_selector .btnArrow:before { position: relative; top: 26px; }
.fw#top .voice .slide_selector .btnArrow.prev { left: -80px; }
.fw#top .voice .slide_selector .btnArrow.prev:before, .fw#top .voice .slide_selector .btnArrow.prev:after { display: inline-block; border-top: solid 4px #c4c4c4; border-right: solid 4px #c4c4c4; vertical-align: middle; }
.fw#top .voice .slide_selector .btnArrow.prev:before { margin-right: 8px; content: ""; width: 47px; height: 47px; }
.fw#top .voice .slide_selector .btnArrow.prev:before, .fw#top .voice .slide_selector .btnArrow.prev:after { -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.fw#top .voice .slide_selector .btnArrow.prev:before { right: -18px; }
.fw#top .voice .slide_selector .btnArrow.next { right: -80px; }
.fw#top .voice .slide_selector .btnArrow.next:before, .fw#top .voice .slide_selector .btnArrow.next:after { display: inline-block; border-top: solid 4px #c4c4c4; border-right: solid 4px #c4c4c4; vertical-align: middle; }
.fw#top .voice .slide_selector .btnArrow.next:before { margin-right: 8px; content: ""; width: 47px; height: 47px; }
.fw#top .voice .slide_selector .btnArrow.next:before, .fw#top .voice .slide_selector .btnArrow.next:after { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -1px; }
.fw#top .voice .slide_selector .btnArrow.next:before { left: -10px; }
.fw#top .voice .slide_selector .btnArrow:hover.next:before { -webkit-animation: nextBtn 0.3s ease-in-out 1; animation: nextBtn 0.3s ease-in-out 1; }
@-webkit-keyframes nextBtn { 0% { -webkit-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); }
  20% { -webkit-transform: scale(0.85) rotate(45deg); transform: scale(0.85) rotate(45deg); }
  100% { -webkit-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } }
@keyframes nextBtn { 0% { -webkit-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); }
  20% { -webkit-transform: scale(0.85) rotate(45deg); transform: scale(0.85) rotate(45deg); }
  100% { -webkit-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } }
.fw#top .voice .slide_selector .btnArrow:hover.prev:before { -webkit-animation: prevBtn 0.3s ease-in-out 1; animation: prevBtn 0.3s ease-in-out 1; }
@-webkit-keyframes prevBtn { 0% { -webkit-transform: scale(1) rotate(-135deg); transform: scale(1) rotate(-135deg); }
  20% { -webkit-transform: scale(0.85) rotate(-135deg); transform: scale(0.85) rotate(-135deg); }
  100% { -webkit-transform: scale(1) rotate(-135deg); transform: scale(1) rotate(-135deg); } }
@keyframes prevBtn { 0% { -webkit-transform: scale(1) rotate(-135deg); transform: scale(1) rotate(-135deg); }
  20% { -webkit-transform: scale(0.85) rotate(-135deg); transform: scale(0.85) rotate(-135deg); }
  100% { -webkit-transform: scale(1) rotate(-135deg); transform: scale(1) rotate(-135deg); } }
.fw#top .slide { border-bottom: 1px solid #c0c0c0; position: relative; margin-bottom: 105px; }
.fw#top .slide .slider { max-width: 1194px; height: auto; margin: auto; }
.fw#top .slide .slider li img { width: 100%; height: auto; }
.fw#top .slide .slider .slick-dots { position: absolute; bottom: -30px; width: 1194px; left: 50%; margin-left: -597px; }
.fw#top .slide .slider .slick-dots li { border-bottom: none; }
.fw#top .slide .sp { display: none; }
.fw#top .hermonnyTerrace { padding-bottom: 50px; }
.fw#top .hermonnyTerrace .txtC { text-align: center; }
.fw#top .hermonnyTerrace .boxText .leadText { font-size: 20px; font-size: 1.25rem; font-weight: bold; }
.fw#top .hermonnyTerrace .boxText .boxLead { margin-top: 45px; }
.fw#top .hermonnyTerrace .boxText .boxLead .boxImg { width: 400px; display: table-cell; vertical-align: top; }
.fw#top .hermonnyTerrace .boxText .boxLead .boxTxt { padding-left: 50px; display: table-cell; vertical-align: top; }
.fw#top .hermonnyTerrace .boxText .text { padding-bottom: 20px; }
.fw#top .hermonnyTerrace .boxText .text:last-child { padding-bottom: 0; }
.fw#top .hermonnyTerrace .boxText .concept { margin: 60px 0 50px; text-align: center; }
.fw#top .hermonnyTerrace .boxText .concept > div:first-child, .fw#top .hermonnyTerrace .boxText .concept > div:nth-child(3) { padding: 15px; border: 1px solid #005bac; border-radius: 10px; font-size: 20px; font-size: 1.25rem; font-weight: bold; text-align: center; display: inline-block; vertical-align: top; width: 40%; margin: 0 30px; }
.fw#top .hermonnyTerrace .boxText .concept > div:nth-child(2) { display: inline-block; vertical-align: top; position: relative; }
.fw#top .hermonnyTerrace .boxText .concept > div:nth-child(2):after, .fw#top .hermonnyTerrace .boxText .concept > div:nth-child(2):before { display: block; content: ""; width: 4px; height: 20px; background-color: #4d5155; border-radius: 10px; position: absolute; top: 27px; left: 0; }
.fw#top .hermonnyTerrace .boxText .concept > div:nth-child(2):before { width: 20px; height: 4px; top: 35px; left: -8px; }
.fw#top .hermonnyTerrace .designArea { padding-top: 80px; }
.fw#top .hermonnyTerrace .designArea .base { text-align: center; }
.fw#top .hermonnyTerrace .banner { padding-top: 100px; text-align: center; }
@-webkit-keyframes bg { from { background-position: 0  top; }
  to { background-position: -2880px top; } }
@keyframes bg { from { background-position: 0 top; }
  to { background-position: -2880px top; } }
@media only screen and (max-width: 768px) { .fw#top .visual .bg { display: none; }
  .fw#top .visual .img { height: auto; padding-top: 69.53%; background-size: 100% auto; background-image: url("/common/images/top/visual_img_sp.jpg"); }
  .fw#top .start h1.large.fontS, .fw#top .start h1.large .fontS, .fw#top .start h2.large.fontS, .fw#top .start h2.large .fontS, .fw#top .start h3.large.fontS, .fw#top .start h3.large .fontS, .fw#top .start h4.large.fontS, .fw#top .start h4.large .fontS, .fw#top .start .ttl.large.fontS, .fw#top .start .ttl.large .fontS { display: block; }
  .fw#top .start_new { position: relative; margin: 30px 0 60px; }
  .fw#top .start_new .msg { position: static; width: 100%; height: auto; padding: 0 10px 0; margin: 0; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; background: #fff; box-shadow: none; border-top: 0; border-bottom: 0; color: #0c5daa; }
  .fw#top .start_new .msg .ttl { font-size: 30px; margin-bottom: 60px; line-height: 160%; text-align: center; }
  .fw#top .start_new .msg .txt { font-size: 14px; }
  .fw#top .slideBg { display: none; }
  .fw#top .voiceSearch#gSearch #gSearchInner { margin: 0 -5px; }
  .fw#top .voiceSearch#gSearch #gSearchInner .gSearchItem { padding: 0 5px 10px; width: 50%; }
  .fw#top .voiceSearch#gSearch #gSearchInner .gSearchItem.active:before { bottom: -5px; border-bottom-width: 20px; }
  .fw#top .voiceSearch#gSearch #gSearchInner .gSearchItem .captionInner { position: relative; }
  .fw#top .voiceSearch#gSearch #gSearchInner .gSearchItem .captionInner:before { content: ""; display: block; border-top: solid 2px #fff; border-right: solid 2px #fff; vertical-align: middle; width: 6px; height: 6px; position: absolute; top: 50%; }
  .fw#top .voiceSearch#gSearch #gSearchInner .gSearchItem .captionInner:before { -ms-transform: translate(0, -50%) rotate(135deg); transform: translate(0, -50%) rotate(135deg); -webkit-transform: translate(0, -50%) rotate(135deg); }
  .fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner { height: inherit; }
  .fw#top .voiceSearch#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap { padding-bottom: 0; }
  .fw#top .design h2.base { text-align: center; }
  .fw#top .design .conveyor { height: 117px; }
  .fw#top .design .conveyor .conveyorInner .imgBox .img img { width: 200px; height: auto; }
  .fw#top .design .conveyor .conveyorInner .imgBox .img .overlay { display: none; }
  .fw#top .design .col .img { text-align: center; margin-bottom: 20px; }
  .fw#top .iot h3.ttl { margin: -20px 0 0 0; padding: 0 0 20px 0; }
  .fw#top .iot .col6.iotLi{float: none; width: 100%;margin-left: 0;padding: 0 30px ; margin-top: 0;}
  .fw#top .iot .col6.iotLi.bg01{background: none;}
  .fw#top .iot .col6.iotLi.bg02{background: none;}
  .fw#top .iot .col6.iotLi .innerWp{width: 100%; height: auto; margin: 0 auto; position:static; padding-left: 0;}
  .fw#top .iot .col6.iotLi .innerWp{line-height:normal;}
  .fw#top .iot .col6.iotLi h3.ttl { font-size: 0; margin: -20px 0 0 0; padding: 0 0 20px 0; }
  .fw#top .iot h3.ttl img { width: auto; height: 26px; }
  .fw#top .iot .col6.iotLi h3.ttl img:last-child{margin: 0 0 0 0;}
  .fw#top .iot h3.ttl .icon { display: inline-block; vertical-align: bottom; background: rgba(0, 160, 233, 0.8);height: 60px; width: 60px; margin-right: 10px; }
  .fw#top .iot h3.ttl .icon img { width: 60px; height: 60px; }
  .fw#top .iot .imgBox { padding: 60px 0 0 0; }
  .fw#top .iot .imgBox img { width: 100%; }
  .fw#top .iot h1 img { width: 80%; }
  .fw#top .iot .col6.iotLi .innerWp .imgBox { padding: 60px 0 0 0;position:static;left: 0; width: 100%;}
  .fw#top .iot .col6.iotLi .innerWp .imgBox img {width: 100%;}
  .fw#top .iot .kv .ttl { font-size: 18px; line-height: 1.5; padding-bottom: 20px; }
  .fw#top .iot .kv .ttl br { display: none; }
  .fw#top .iot .kv .imgBox { text-align: center; padding: 20px 0 0 0; }
  .fw#top .iot .kv .imgBox img { width: 80%; }
  .fw#top .iot .btn a { display: block; background: #0058a8; max-width: 410px; line-height: 1.5; padding: 1.2em 20px; color: #fff; margin: 40px auto 0 auto; position: relative; }
  .fw#top .iot .btn a:after { position: absolute; display: inline-block; top: 50%; right: 20px; width: 6px; height: 6px; -webkit-transform: rotate(45deg) translateY(-3px); -ms-transform: rotate(45deg) translateY(-3px); transform: rotate(45deg) translateY(-3px); }
  .fw#top .voice h1.large .fontS { font-size: 26px; font-size: 1.625rem; }
  .fw#top .voice .slide_selector { max-width: 480px; margin: 0 auto; }
  .fw#top .slide { border-bottom: none; }
  .fw#top .slide .slider { display: none; }
  .fw#top .slide .slider.sp { display: block; max-width: 100%; height: auto; margin: 0 auto; }
  .fw#top .slide .slider.sp li { border-bottom: 1px solid #c0c0c0; }
  .fw#top .slide .slider.sp li img { width: 100%; height: auto; }
  .fw#top .slide .slider.sp .slick-dots li { border-bottom: none; }
  .fw#top .hermonnyTerrace .boxText .leadText { font-size: 20px; font-size: 1.25rem; font-weight: bold; }
  .fw#top .hermonnyTerrace .boxText .boxLead .boxImg { width: 100%; margin-bottom: 30px; display: block; }
  .fw#top .hermonnyTerrace .boxText .boxLead .boxTxt { padding-left: 0; display: block; }
  .fw#top .hermonnyTerrace .boxText .concept { margin: 30px 0; }
  .fw#top .hermonnyTerrace .boxText .concept > div:first-child, .fw#top .hermonnyTerrace .boxText .concept > div:nth-child(3) { width: 90%; display: block; margin: 20px auto; box-sizing: border-box; }
  .fw#top .hermonnyTerrace .boxText .concept > div:nth-child(2) { display: block; height: 20px; }
  .fw#top .hermonnyTerrace .boxText .concept > div:nth-child(2):after, .fw#top .hermonnyTerrace .boxText .concept > div:nth-child(2):before { top: 0; left: 50%; }
  .fw#top .hermonnyTerrace .boxText .concept > div:nth-child(2):before { top: 50%; left: 50%; margin-left: -8px; margin-top: -3px; }
  .fw#top .hermonnyTerrace .designArea { padding-top: 80px; }
  .fw#top .hermonnyTerrace .designArea .base { text-align: center; }
  .fw#top .hermonnyTerrace .banner { padding-top: 100px; text-align: center; } }
.fw#qa .qa { padding-bottom: 20px; }
.fw#qa .qa dl { margin-bottom: 20px; }
.fw#qa .qa dl dt, .fw#qa .qa dl dd { display: table; width: 100%; min-height: 75px; }
.fw#qa .qa dl dt:before, .fw#qa .qa dl dd:before { content: ''; display: table-cell; vertical-align: middle; width: 75px; }
.fw#qa .qa dl dt .text, .fw#qa .qa dl dd .text { display: table-cell; vertical-align: middle; padding: 20px 25px; }
.fw#qa .qa dl dt { font-size: 20px; font-size: 1.25rem; font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
.fw#qa .qa dl dt:before { background: url("/common/images/qa/qa_q.png") no-repeat #678fc3 50% 50%; }
.fw#qa .qa dl dt .text { background: #d4e3ef; color: #12528a; }
.fw#qa .qa dl dd:before { background: url("/common/images/qa/qa_a.png") no-repeat #e6e6e6 50% 20px; }
.fw#qa .qa dl dd .text { background: #f3f3f3; }
.fw#qa .qa dl dd .text span { display: block; font-size: 14px; font-size: 0.875rem; padding-top: 5px; }

@media only screen and (max-width: 768px) { .fw#qa .qa dl dt, .fw#qa .qa dl dd { min-height: 50px; }
  .fw#qa .qa dl dt:before, .fw#qa .qa dl dd:before { width: 50px; }
  .fw#qa .qa dl dt .text, .fw#qa .qa dl dd .text { padding: 10px 20px; }
  .fw#qa .qa dl dt { font-size: 16px; font-size: 1rem; }
  .fw#qa .qa dl dt:before { background-size: 12px auto; }
  .fw#qa .qa dl dd { font-size: 14px; font-size: 0.875rem; }
  .fw#qa .qa dl dd:before { background-size: 12px auto; }
  .fw#qa .qa dl dd .text { font-size: 14px; font-size: 0.875rem; } }
.fw#voice .listMovie { padding: 70px 0 25px; }
.fw#voice .listMovie li .img { max-width: 680px; }
.fw#voice .boxText { padding-top: 25px; }
.fw#voice .other { margin-top: 70px; }
.fw#voice .other .textRead { font-size: 24px; font-size: 1.5rem; font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; padding: 10px 0; }
.fw#voice .other .textRead a { color: #005bac; }

@media only screen and (max-width: 768px) { .fw#voice .listCaption { max-width: 480px; margin: 0 auto; }
  .fw#voice .movie { padding: 35px 0 0; }
  .fw#voice .other .textRead { font-size: 22px; font-size: 1.375rem; } }
.fw#asset .section { text-align: center; }
.fw#asset .what ul li aside { text-align: left; font-size: 14px; font-size: 0.875rem; padding-top: 30px; }
.fw#asset .qa { margin-top: 0; }
.fw#asset .qa .listAccordionInner { padding-bottom: 40px; }
.fw#asset .task ul li .img { padding-top: 0; }
.fw#asset .protect ul { padding-top: 60px; }
.fw#asset .apart .btnCenter { padding: 50px 0 120px; }

@media only screen and (max-width: 768px) { .fw#asset .protect { margin-top: 0; }
  .fw#asset .apart .btnCenter { padding-top: 30px; } }
.fw#apart .hurdle ul li .imgLand { padding-bottom: 60px; }
.fw#apart .original .imgLand { padding-top: 40px; }
.fw#apart .risk { padding-bottom: 0; }
.fw#apart .risk .listVartivcal { padding-bottom: 50px; }
.fw#apart .company { margin-top: 0; }
.fw#apart .company h2.large { padding-top: 30px; }
.fw#apart .company .textRead { text-align: center; }
.fw#apart .company .img.imgNo1 { text-align: center; padding-bottom: 30px; padding-top: 20px; }
.fw#apart .company .list25th { font-size: 22px; font-size: 1.375rem; }
.fw#apart .company .list25th .col6 { padding-top: 30px; padding-bottom: 30px; }
.fw#apart .company .list25th .col6 .caution { font-size: 19px; }
.fw#apart .company .list25th .textBlue { font-family: "SourceHanSansJP-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

@media only screen and (max-width: 768px) { .fw#apart .hurdle .listVartivcal li .img { padding-bottom: 10px; } }
.fw#case h1.head_hidden { display: none; }
.fw#case .breadcrumb + .section { margin-top: 0; }
.fw#case #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .tableCell { vertical-align: top; }

.fw#type h1.head_hidden { display: none; }
.fw#type .lineup .listCaption figure figcaption { transition: all 0.3s; }
.fw#type .lineup .listCaption figure figcaption .captionInner { font-size: 20px; font-size: 1.25rem; }
.fw#type .lineup .listCaption figure figcaption .captionInner .fontS { font-size: 12px; font-size: 0.75rem; display: inline-block; }
.fw#type .gallery { margin-top: 0; padding-bottom: 60px; }
.fw#type .gallery h1.base, .fw#type .gallery h2.base, .fw#type .gallery h3.base, .fw#type .gallery h4.base, .fw#type .gallery .ttl.base { padding-bottom: 10px; }
.fw#type .lineupList .btnCenter .btn { margin-right: 0; max-width: inherit; padding-left: 0; padding-right: 0; }
.fw#type .lineupList .btnCenter .btn .fontS { position: relative; top: -2px; }
.fw#type.type_lineup01 .lineupList .btnCenter .btn_lineup01 .btn { background: #005bac; color: #fff; }
.fw#type.type_lineup02 .lineupList .btnCenter .btn_lineup02 .btn { background: #005bac; color: #fff; }
.fw#type.type_lineup03 .lineupList .btnCenter .btn_lineup03 .btn { background: #005bac; color: #fff; }
.fw#type.type_lineup04 .lineupList .btnCenter .btn_lineup04 .btn { background: #005bac; color: #fff; }
.fw#type.type_lineup05 .lineupList .btnCenter .btn_lineup05 .btn { background: #005bac; color: #fff; }
.fw#type.type_lineup06 .lineupList .btnCenter .btn_lineup06 .btn { background: #005bac; color: #fff; }
.fw#type.type_lineup07 .lineupList .btnCenter .btn_lineup07 .btn { background: #005bac; color: #fff; }
.fw#type.type_lineup08 .lineupList .btnCenter .btn_lineup08 .btn { background: #005bac; color: #fff; }
.fw#type.type_lineup01 .visual.visualBg { background-image: url("/common/images/type/lineup01/visual_img.jpg"); }
.fw#type.type_lineup02 .visual.visualBg { background-image: url("/common/images/type/lineup02/visual_img.jpg"); }
.fw#type.type_lineup03 .visual.visualBg { background-image: url("/common/images/type/lineup03/visual_img.jpg"); }
.fw#type.type_lineup04 .visual.visualBg { background-image: url("/common/images/type/lineup04/visual_img.jpg"); }
.fw#type.type_lineup05 .visual.visualBg { background-image: url("/common/images/type/lineup05/visual_img.jpg"); }
.fw#type.type_lineup06 .visual.visualBg { background-image: url("/common/images/type/lineup06/visual_img.jpg"); }
.fw#type.type_lineup07 .visual.visualBg { background-image: url("/common/images/type/lineup07/visual_img.jpg"); }
.fw#type.type_lineup08 .visual.visualBg { background-image: url("/common/images/type/lineup08/visual_img.jpg"); }
.fw#type .hermonnyTerrace { padding-bottom: 50px; }
.fw#type .hermonnyTerrace .txtC { text-align: center; }
.fw#type .hermonnyTerrace .boxText .leadText { font-size: 20px; font-size: 1.25rem; font-weight: bold; }
.fw#type .hermonnyTerrace .boxText .boxLead { margin-top: 45px; }
.fw#type .hermonnyTerrace .boxText .boxLead .boxImg { width: 400px; display: table-cell; vertical-align: top; }
.fw#type .hermonnyTerrace .boxText .boxLead .boxTxt { padding-left: 50px; display: table-cell; vertical-align: top; }
.fw#type .hermonnyTerrace .boxText .text { padding-bottom: 20px; }
.fw#type .hermonnyTerrace .boxText .text:last-child { padding-bottom: 0; }
.fw#type .hermonnyTerrace .boxText .concept { margin: 60px 0 50px; text-align: center; }
.fw#type .hermonnyTerrace .boxText .concept > div:first-child, .fw#type .hermonnyTerrace .boxText .concept > div:nth-child(3) { padding: 15px; border: 1px solid #005bac; border-radius: 10px; font-size: 20px; font-size: 1.25rem; font-weight: bold; text-align: center; display: inline-block; vertical-align: top; width: 40%; margin: 0 30px; }
.fw#type .hermonnyTerrace .boxText .concept > div:nth-child(2) { display: inline-block; vertical-align: top; position: relative; }
.fw#type .hermonnyTerrace .boxText .concept > div:nth-child(2):after, .fw#type .hermonnyTerrace .boxText .concept > div:nth-child(2):before { display: block; content: ""; width: 4px; height: 20px; background-color: #4d5155; border-radius: 10px; position: absolute; top: 27px; left: 0; }
.fw#type .hermonnyTerrace .boxText .concept > div:nth-child(2):before { width: 20px; height: 4px; top: 35px; left: -8px; }
.fw#type .hermonnyTerrace .designArea { padding-top: 80px; }
.fw#type .hermonnyTerrace .designArea .base { text-align: center; }
.fw#type .hermonnyTerrace .banner { padding-top: 100px; text-align: center; }

@media only screen and (max-width: 768px) { .fw#type.type_top .lineup .listCaption a { display: block; max-width: 328px; margin: 0 auto; }
  .fw#type.type_top .lineup .listCaption a figure figcaption .captionInner { line-height: 100%; vertical-align: top; }
  .fw#type.type_top .lineup .listCaption a figure figcaption .captionInner span { line-height: 100%; }
  .fw#type.type_top .listHorizon li:first-child { padding-top: 0; }
  .fw#type .gallery .textDescription { max-width: 580px; margin: 0 auto; }
  .fw#type .hermonnyTerrace .boxText .leadText { font-size: 20px; font-size: 1.25rem; font-weight: bold; }
  .fw#type .hermonnyTerrace .boxText .boxLead .boxImg { width: 100%; margin-bottom: 30px; display: block; }
  .fw#type .hermonnyTerrace .boxText .boxLead .boxTxt { padding-left: 0; display: block; }
  .fw#type .hermonnyTerrace .boxText .concept { margin: 30px 0; }
  .fw#type .hermonnyTerrace .boxText .concept > div:first-child, .fw#type .hermonnyTerrace .boxText .concept > div:nth-child(3) { width: 90%; display: block; margin: 20px auto; box-sizing: border-box; }
  .fw#type .hermonnyTerrace .boxText .concept > div:nth-child(2) { display: block; height: 20px; }
  .fw#type .hermonnyTerrace .boxText .concept > div:nth-child(2):after, .fw#type .hermonnyTerrace .boxText .concept > div:nth-child(2):before { top: 0; left: 50%; }
  .fw#type .hermonnyTerrace .boxText .concept > div:nth-child(2):before { top: 50%; left: 50%; margin-left: -8px; margin-top: -3px; }
  .fw#type .hermonnyTerrace .designArea { padding-top: 80px; }
  .fw#type .hermonnyTerrace .designArea .base { text-align: center; }
  .fw#type .hermonnyTerrace .banner { padding-top: 100px; text-align: center; } }
@media only screen and (max-width: 640px) { .fw#type .lineup .listCaption .col4 { width: 100%; } }
.fw#about .summary { padding-bottom: 70px; }
.fw#about .summary dl { border-bottom: 2px solid #fff; font-size: 14px; font-size: 0.875rem; }
.fw#about .summary dl dt, .fw#about .summary dl dd { padding-top: 24px; padding-bottom: 24px; position: relative; }
.fw#about .summary dl dt { width: 120px; background: #bdd2e5; color: #12528a; text-align: center; }
.fw#about .summary dl dd { width: 100%; background: #f3f3f3; padding-left: 40px; padding-right: 40px; }
.fw#about .summary dl dd iframe { width: 100%; margin-top: 30px; }
.fw#about .summary dl dd .text.text_link a { text-decoration: underline; }
.fw#about .summary dl dd .img { text-align: center; }
.fw#about .summary dl dd .img.imgGroup { padding: 10px; width: 100%; background: #fff; margin-top: 20px; }
.fw#about .summary dl dd .img.img_logo { margin-top: 0; position: absolute; right: 40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media only screen and (max-width: 768px) { .fw#about .summary dl { display: block; }
  .fw#about .summary dl dt, .fw#about .summary dl dd { display: block; width: 100%; padding: 20px; text-align: left; }
  .fw#about .summary dl dd .img.img_logo { margin-top: 10px; position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fw#cm .cm { padding-top: 0; margin-top: 20px; }
.fw#cm .cm h2.base { padding-bottom: 60px; }
.fw#cm .cm .programs li { margin-bottom: 30px; }
.fw#cm .cm .programs li .ttl { font-size: 1.6rem; max-width: 480px; margin: 0 auto; font-weight: bold; }
.fw#cm .cm .programs li .textRead { padding: 30px 40px 0 0; }
.fw#cm .cm .notes { font-size: 12px; font-size: 0.75rem; text-align: left; padding-top: 20px; line-height: 1.5; }
.fw#cm .cm .notes .text { padding: 0; }
.fw#cm .cm .airtime { display: flex; justify-content: center; }
.fw#cm .cm .airtime__left { text-align: right; }
.fw#cm .cm .airtime__table td { vertical-align: top; padding: 2px 6px; }
.fw#cm .cm .airtime__note { font-size: 12px; color: #ed8223; margin-top: 12px; display: block; }
.fw#cm .cm .airtime__note-black { font-size: 12px; margin-top: 12px; display: block; text-align: center; }
.fw#cm .cm .airtime__table tr.airtime__table-sub td { font-size: 12px; }

@media only screen and (min-width: 769px) {
  .fw#cm .cm .airtime__table td.airtime__table-left { padding-right: 16px; display: table-cell; }
}


@media only screen and (max-width: 768px) {
  .fw#cm .cm h2.base { padding-bottom: 30px; }
  .fw#cm .cm .programs li .textRead { padding: 0; }
  .fw#cm .cm .airtime__table { margin-bottom: 20px; }
  .fw#cm .cm .airtime__table td { font-size: 13px; }
}
.fw#sitepolicy .section section { padding-bottom: 40px; }
.fw#sitepolicy .section h1.large { padding-bottom: 60px; }
.fw#sitepolicy .section h2.base { font-size: 23px; font-size: 1.4375rem; padding-bottom: 10px; }

.fw#privacy .section section { padding-bottom: 40px; }
.fw#privacy .section h1.large { padding-bottom: 60px; }
.fw#privacy .section h2.base { font-size: 23px; font-size: 1.4375rem; padding-bottom: 10px; }

@media only screen and (max-width: 768px) { .fw#privacy .section section { padding-bottom: 40px; }
  .fw#privacy .section h1.large { padding-bottom: 30px; }
  .fw#privacy .section h1.large.fontS { font-size: 32px; font-size: 2rem; }
  .fw#privacy .section h2.base { font-size: 20px; font-size: 1.25rem; } }
#gSearch { display: block; }
#gSearch #gSearchInner { margin: 0 -30px; }
#gSearch #gSearchInner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#gSearch #gSearchInner .gSearchItem { width: 50%; padding: 20px 30px; float: left; text-align: center; position: relative; }
#gSearch #gSearchInner .gSearchItem a { display: block; transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; }
@media only screen and (min-width: 769px) { #gSearch #gSearchInner .gSearchItem a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } }
#gSearch #gSearchInner .gSearchItem a img { display: block; }
#gSearch #gSearchInner .gSearchItem:before { content: ""; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; }
#gSearch #gSearchInner .gSearchItem.active:before { width: 0; height: 0; position: absolute; bottom: -5px; left: 50%; margin-left: -15px; border-left: 14px solid transparent; border-bottom: 22px solid #e9f1f7; border-right: 14px solid transparent; z-index: 1; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#gSearch #gSearchInner #gSearchDetail { clear: both; position: relative; z-index: 2; overflow: hidden; margin: 0 -100%; background: #e9f1f7; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner { margin: 0 auto; width: 1024px; height: 550px; color: #4d5155; position: relative; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .serchThumbWrap { padding-right: 35px; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .serchThumbWrap .btnCenter { margin: 60px 0 10px; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap { padding-left: 35px; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .ttl { font-size: 28px; font-size: 1.75rem; margin-bottom: 16px; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .text { font-size: 14px; font-size: 0.875rem; margin-bottom: 16px; height: 80px; overflow: hidden; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .serchThumbList { margin: 0 -5px; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .serchThumbList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .serchThumbList li { width: 50%; float: left; padding: 5px; cursor: pointer; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .serchThumbList li span { position: relative; display: block; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .serchThumbList li span img { display: block; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .serchThumbList li span:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border: 2px solid transparent; box-sizing: border-box; transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .serchThumbList li.active span:before { border-color: #FFF; background: rgba(225, 225, 225, 0.3); }
@media only screen and (min-width: 769px) { #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .serchThumbList li:hover span:before { border-color: #FFF; background: rgba(225, 225, 225, 0.3); } }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev, #gSearch #gSearchInner #gSearchDetail #gSearchDetailNext { position: absolute; top: 50%; width: 70px; height: 70px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media only screen and (min-width: 769px) { #gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:hover, #gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:before, #gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:before { margin-right: 0 !important; position: absolute; top: 50%; left: 50%; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev.show, #gSearch #gSearchInner #gSearchDetail #gSearchDetailNext.show { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev { left: 50%; margin-left: -582px; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:before, #gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:after { display: inline-block; border-top: solid 3px rgba(77, 81, 85, 0.8); border-right: solid 3px rgba(77, 81, 85, 0.8); vertical-align: middle; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:before { margin-right: 8px; content: ""; width: 40px; height: 40px; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:before, #gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:after { -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev:before { -webkit-transform: translate(-50%, -50%) rotate(-135deg) !important; -ms-transform: translate(-50%, -50%) rotate(-135deg) !important; transform: translate(-50%, -50%) rotate(-135deg) !important; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailNext { right: 50%; margin-right: -582px; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:before, #gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:after { display: inline-block; border-top: solid 3px rgba(77, 81, 85, 0.8); border-right: solid 3px rgba(77, 81, 85, 0.8); vertical-align: middle; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:before { margin-right: 8px; content: ""; width: 40px; height: 40px; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:before, #gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:after { -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -1px; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailNext:before { -webkit-transform: translate(-50%, -50%) rotate(45deg) !important; -ms-transform: translate(-50%, -50%) rotate(45deg) !important; transform: translate(-50%, -50%) rotate(45deg) !important; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailClose { position: absolute; top: 20px; right: 50%; width: 50px; height: 50px; margin-right: -587px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #6d9dc8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; }
@media only screen and (min-width: 769px) { #gSearch #gSearchInner #gSearchDetail #gSearchDetailClose:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailClose:before, #gSearch #gSearchInner #gSearchDetail #gSearchDetailClose:after { content: ""; display: block; width: 24px; height: 3px; background: #FFF; position: absolute; left: 50%; top: 50%; }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailClose:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailClose:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
#gSearch #gSearchInner #gSearchDetail #gSearchDetailClose.show { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

@media only screen and (max-width: 768px) { .fw #gSearch { display: block; }
  .fw #gSearch #gSearchInner { margin: 0 -5px; }
  .fw #gSearch #gSearchInner .gSearchItem { padding: 0 5px 10px; width: 50%; }
  .fw #gSearch #gSearchInner #gSearchDetail { margin: 0 -10px 10px; }
  .fw #gSearch #gSearchInner #gSearchDetail .flexbox { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .fw #gSearch #gSearchInner #gSearchDetail .flexbox .order1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; }
  .fw #gSearch #gSearchInner #gSearchDetail .flexbox .order2 { -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner { width: 100%; height: inherit; padding: 50px 20px 20px; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap { position: static; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); max-width: 768px; margin: 0 auto; padding-bottom: 90px; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .col { display: block; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .col .tableCell { width: 100%; display: block; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .serchThumbWrap { padding-right: 0; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .serchThumbWrap .btnCenter { position: absolute; width: 100%; left: 0; bottom: 0; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .serchThumb { margin-bottom: 10px; text-align: center; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap { padding-left: 0; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .ttl { font-size: 18px; font-size: 1.125rem; margin-bottom: 8px; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .text { margin-bottom: 8px; height: inherit; font-size: 13px; font-size: 0.8125rem; line-height: 160%; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailInner .gSearchDetailWrap .infoWrap .serchThumbList { margin-bottom: 10px; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailPrev, .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailNext { margin: 0; display: none; }
  .fw #gSearch #gSearchInner #gSearchDetail #gSearchDetailClose { margin-right: 0px; top: 0; right: 5px; width: 40px; height: 40px; } }
.fw#oheyajiman .visual.visualText { background: url(/oheyajiman/img/bg_pc.jpg) no-repeat center center; background-size: cover; }
.fw#oheyajiman .visual.visualText h2.large { color: #fff; }
.fw#oheyajiman .visual.visualText .textRead { color: #fff; }
.fw#oheyajiman .tab ul { border-bottom: 2px solid #6c8ec4; text-align: center; font-size: 0; padding: 40px 0 0; margin-bottom: 70px; }
.fw#oheyajiman .tab ul li { margin: 0 1px; float: none; }
.fw#oheyajiman .tab ul li .j_tabBtn { border: none; background: #d6e3ef; font-size: 20px; color: #005bac; line-height: 1; padding: 30px 0 27px; width: 330px; }
.fw#oheyajiman .tab ul li .j_tabBtn.active { background: #6c8ec4; color: #fff; }
.fw#oheyajiman .room_section + .room_section { margin-top: 95px; }
.fw#oheyajiman .room_section .room_section_ttl { border-bottom: 1px solid black; padding-bottom: 18px; margin-bottom: 30px; position: relative; }
.fw#oheyajiman .room_section .room_section_ttl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fw#oheyajiman .room_section .room_section_ttl.orange { color: #fe7b14; border-color: #fe7b14; }
.fw#oheyajiman .room_section .room_section_ttl.blue { color: #39bbd6; border-color: #39bbd6; }
.fw#oheyajiman .room_section .room_section_ttl.purple { color: #6735b8; border-color: #6735b8; }
.fw#oheyajiman .room_section .room_section_ttl.lighpurple { color: #b761ca; border-color: #b761ca; }
.fw#oheyajiman .room_section .room_section_ttl.pink { color: #e8397a; border-color: #e8397a; }
.fw#oheyajiman .room_section .room_section_ttl .room_rank { float: left; line-height: 1; font-size: 30px; }
.fw#oheyajiman .room_section .room_section_ttl .room_rank strong { font-size: 40px; line-height: 1; position: relative; bottom: -1px; }
.fw#oheyajiman .room_section .room_section_ttl .room_type { float: left; line-height: 1; font-size: 30px; position: absolute; bottom: 18px; left: 95px; }
.fw#oheyajiman .room_section .room_section_ttl .room_residents { float: right; line-height: 1; font-size: 22px; position: absolute; bottom: 21px; right: 0; }
.fw#oheyajiman .room_section .room_content { position: relative; }
.fw#oheyajiman .room_section .room_content .room_txt.long{padding-bottom: 150px;}
.fw#oheyajiman .room_section .room_content .room_txt p { font-size: 14px; line-height: 1.7; }
.fw#oheyajiman .room_section .room_content .tmb { border: none; padding-right: 0; margin-top: 30px; }
.fw#oheyajiman .room_section .room_content .tmb.sub { position: absolute; bottom: 0; left: 0; border: none; padding-right: 0; margin-top: 30px; }
.fw#oheyajiman .room_section .room_content .tmb li { margin: 0; }
.fw#oheyajiman .room_section .room_content .tmb li a { width: 100%; }
.fw#oheyajiman .room_section .room_content .tmb li a img { width: 100%; }
.fw#oheyajiman .room_section .room_content a { position: relative; display: inline-block; }
.fw#oheyajiman .room_section .room_content a:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0; z-index: 5; transition: .3s; }
.fw#oheyajiman .room_section .room_content a:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url(/oheyajiman2017/img/icon_puls.png) no-repeat center center; background-size: 40px; height: 40px; width: 40px; z-index: 10; opacity: 0; transition: .3s; }
.fw#oheyajiman .room_section .room_content a:hover:after { opacity: .5; }
.fw#oheyajiman .room_section .room_content a:hover:before { opacity: 1; }

@media only screen and (max-width: 768px) { .fw#oheyajiman .visual.visualText { background-image: url(/oheyajiman/img/bg_sp.jpg); }
  .fw#oheyajiman .tab { padding: 0; }
  .fw#oheyajiman .tab ul { padding: 10px 20px 0; margin-bottom: 25px; }
  .fw#oheyajiman .tab ul li { margin: 0; padding: 0 2px; float: left; width: 50%; }
  .fw#oheyajiman .tab ul li .j_tabBtn { font-size: 15px; padding: 20px 0 17px; width: auto; }
  .fw#oheyajiman .room_section + .room_section { margin-top: 40px; }
  .fw#oheyajiman .room_section .room_section_ttl { padding-bottom: 15px; margin-bottom: 50px; }
  .fw#oheyajiman .room_section .room_section_ttl .room_rank { font-size: 30px; }
  .fw#oheyajiman .room_section .room_section_ttl .room_rank strong { font-size: 40px; line-height: 1; position: relative; bottom: -1px; }
  .fw#oheyajiman .room_section .room_section_ttl .room_type { left: inherit; right: 0; }
  .fw#oheyajiman .room_section .room_section_ttl .room_residents { bottom: -36px; right: inherit; left: 0; }
  .fw#oheyajiman .room_section .room_content .room_txt p { font-size: 14px; line-height: 1.7; }
  .fw#oheyajiman .room_section .room_content .room_fig { text-align: center; padding: 0 55px; margin-top: 25px; }
  .fw#oheyajiman .room_section .room_content .tmb { position: static; bottom: 0; left: inherit; width: 100%; margin: 15px 0 0; text-align: left; padding: 0 8px; font-size: 0; }
	
  .fw#oheyajiman .room_section .room_content .tmb.sub { position: static; bottom: 0; left: inherit; width: 100%; margin: 15px 0 0; text-align: left; padding: 0 8px; font-size: 0; }
	.fw#oheyajiman .room_section .room_content .tmb.sub li {display: inline-block; width: 25%; padding: 0 7px; float: none;}
  .fw#oheyajiman .room_section .room_content .tmb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .fw#oheyajiman .room_section .room_content .tmb li { display: inline-block; width: 20%; padding: 5px; float: none; }
  .fw#oheyajiman .room_section .room_content a { position: relative; display: inline-block; } }
	.fw section.section.information{ margin-bottom: 70px;}
.fw section.section.information .fontS{font-size: 1.75rem;}
.fw section.section.information ul{
}
.fw section.section.information li{
  align-items: flex-start;
  display: flex;
	border-top: 1px solid #f2f0f0;
	border-bottom: 1px solid #f2f0f0;
}
.fw section.section.information li a{
	display: block;
	padding: 24px;
	width: 100%;
}
@media only screen and (max-width: 768px){
.fw section.section.information .fontS {
    font-size: 26px;
    font-size: 1.625rem;
    display: inline-block;
	}}