@charset "UTF-8";
/*! 各詳細要素用ファイル(lpCommon) */
/*! 目次 */
/*! ====================
lpCommon
==================== */
/*! reset
-------------------- */
body, div, h1, .index_h2, h3, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }

ul, ol { list-style: none; }

input[type="text"], input[type="password"], textarea, select { outline: none; }

img { border: none; vertical-align: top; max-width: 100%; }

a { color: #0084ff; text-decoration: none; tap-highlight-color: transparent; text-decoration: underline; }

a:hover { color: #4ca8fe; text-decoration: none; }

iframe[name="google_conversion_frame"] { height: 0; }

.playerWrqp { text-align: center; }

.playerWrqp iframe { max-width: 500px; padding-top: 20px; width: 100%; }

/*! pageCommon
-------------------- */
body { font-size: 16px; line-height: 1.9; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; color: #444; position: relative; width: 100%; overflow-wrap: break-word; word-break: break-word; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; background: #eee; }

@media (min-width: 737px) { body { min-width: 1000px; } }

.nws01-header-container { background: #fff; margin-bottom: 40px; }

.nws01-footer { background: #fff; padding-bottom: 20px; padding-top: 90px; margin-top: 40px; margin-bottom: 0; }

#lp { background: #fff; margin: 0 auto; }

#lp .lpInr { margin: 0 auto; }

@media (min-width: 737px) { #lp { width: 850px; }
  #lp .lpInr { width: 750px; } }

@media (max-width: 736px) { #lp .lpInr { padding: 0 5%; } }

h1 { text-align: left; line-height: 1.5; }

@media (max-width: 736px) { h1 { margin: 20px 0 0; font-size: 19px; } }

.index_h2 { font-size: 34px; font-weight: bold; color: #00486b; margin: 50px 0 20px; border-top: #00486b 2px solid; border-bottom: #00486b 2px solid; line-height: 1.4; padding: 20px 40px 28px 50px; }

@media (max-width: 736px) { .index_h2 { font-size: 20px; margin: 40px 0 20px; padding: 10px 5%; line-height: 1.4; } }

h3 { font-size: 24px; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; margin: 70px 0 20px; position: relative; color: #666; font-weight: bold; }

h3 > span { font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }

@media (max-width: 736px) { h3 { font-size: 18px; margin: 40px 0 12px; line-height: 1.4; } }

.cmn--txt { text-align: left; margin-top: 26px; }

.cmn--txt > span { margin: 0 0.05em; }

@media (max-width: 736px) { .cmn--txt { font-size: 14px; margin-top: 16px; } }

.cmn--highLight { font-weight: bold; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #fff88c), color-stop(0, transparent)); background-image: -webkit-linear-gradient(#fff88c 100%, transparent 0); background-image: -o-linear-gradient(#fff88c 100%, transparent 0); background-image: linear-gradient(#fff88c 100%, transparent 0); background-postiion: bottom; }

.cmn-marker.active { background-position: -100% .7em; }

.cmn-marker { background-image: -moz-linear-gradient(left, transparent 50%, #fac80a 50%); background-image: -o-linear-gradient(left, transparent 50%, #fac80a 50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #fac80a)); background-image: -webkit-linear-gradient(left, transparent 50%, #fac80a 50%); background-image: linear-gradient(left, transparent 50%, #fac80a 50%); background-repeat: repeat-x; background-size: 200% .8em; background-position: 0 .5em; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; font-weight: bold; font-size: 24px; }

@media (max-width: 736px) { .cmn-marker { font-size: 18px; } }

.cmn-marker span { font-size: 16px; }

@media (max-width: 736px) { .cmn-marker span { font-size: 14px; } }

.strong { font-weight: bold; color: #111; font-size: 20px; }

@media (max-width: 736px) { .strong { font-size: 16px; } }

.strong_accent { font-weight: bold; color: #ea5514; font-size: 24px; }

@media (max-width: 736px) { .strong_accent { font-size: 20px; } }

.cmn--smallText { font-size: 10px; margin-top: 10px; }

.asterisk { vertical-align: top; color: #4A469C; }

.cmn--img { text-align: center; margin-top: 26px; }

.cmn--img a img:hover { opacity: 0.8; }

.cmn--ctaBnr a:hover { opacity: 0.8; }

.cmn--ctaBtn { margin-top: 42px; -webkit-animation: fluffy1 1.6s ease infinite; animation: fluffy1 1.6s ease infinite; }

.cmn--ctaBtn:hover { -webkit-animation: none; animation: none; }

@-webkit-keyframes fluffy1 { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes fluffy1 { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

.voice { background: #f0e8e3; padding: 20px; margin: 20px 0; }

@media (max-width: 736px) { .voice { padding: 10px; } }

.voice li { position: relative; font-weight: bold; max-width: 550px; margin: 0 auto; }

@media (min-width: 737px) { .voice li { padding-left: 70px; } }

.voice li + li { margin-top: 20px; }

.voice li .voice_text { background: #fff; padding: 1em 1.5em; color: #555; }

@media (max-width: 736px) { .voice li .voice_text { padding: 10px 6px 10px 55px; font-size: 14px; } }

.voice li .voice_prof { color: #f0e8e3; border-radius: 80px; position: absolute; background: #00486b; padding: 6px; line-height: 1; font-size: 14px; top: -26px; left: -7px; text-align: center; height: 100px; width: 100px; padding: 37px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.voice li .voice_prof span { font-size: 12px; }

@media (max-width: 736px) { .voice li .voice_prof { font-size: 12px; top: -16px; left: -20px; text-align: center; height: 70px; width: 70px; padding: 23px 0; }
  .voice li .voice_prof span { font-size: 10px; } }

.cmn--listWrap { font-weight: bold; margin: 30px 0; line-height: 1.5; border-radius: 6px; padding: 0.8em; background: #fff1fa; }

.cmn--listWrap li { padding-left: 2em; text-indent: -2em; }

.cmn--listWrap li + li { margin-top: 10px; }

.cmn--listWrap li span { font-size: 12px; }

/*! header footer
-------------------- */
#headerContents { margin: 0 auto; padding: 20px 0 24px; }

@media (min-width: 737px) { #headerContents { width: 750px; } }

@media (max-width: 736px) { #headerContents { padding: 6px 5%; } }

.logo { border-bottom: #eee 1px solid; padding-top: 20px; }

.logo img { display: block; margin: 0 auto 16px; width: 40%; }

@media (min-width: 737px) { .logo img { margin: 0 auto 20px; width: 150px; } }

@media (max-width: 736px) { .logo img { margin: 0 auto 20px; width: 30%; } }

.header__tag { padding: 2px 10px 2px; font-size: 14px; margin-right: 10px; border: 1px solid #777; }

@media (max-width: 736px) { .header__tag { font-size: 8px; }
  .header__tag span { font-size: 12px; } }

.header__date { text-align: left; font-size: 12px; color: #666; margin-top: 20px; }

#footerContents { margin-top: 50px; }

#footerContents footer { border-top: 1px solid #eee; text-align: center; padding: 10px 0; font-size: 10px; }

.cmn--ctaBtn02 { margin-top: 30px; position: relative; text-align: center; /* アニメーションを遅延させる */ /* ボタンをバウンドさせる */ /* アニメーションを遅延させる */ /* CVボタン矢印揺れ */ }

.cmn--ctaBtn02 .cta_btn { display: block; }

@media (min-width: 736px) { .cmn--ctaBtn02 .cta_btn { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
  .cmn--ctaBtn02 .cta_btn:hover { -webkit-filter: brightness(120%); filter: brightness(120%); } }

.cmn--ctaBtn02 .cta_btn .btn-cv { display: block; overflow: hidden; }

.cmn--ctaBtn02 .cta_btn .btn-cv a { position: relative; display: block; }

.cmn--ctaBtn02 .cta_btn .btn-cv a img { vertical-align: baseline; }

.cmn--ctaBtn02 .cta_btn .btn-cv a img:hover { -webkit-box-shadow: none; box-shadow: none; }

.cmn--ctaBtn02 .is-reflection a { overflow: hidden; }

.cmn--ctaBtn02 .is-reflection a:after { -webkit-animation: is-reflection 4s ease-in-out infinite; animation: is-reflection 4s ease-in-out infinite; background-color: #fff; content: " "; height: 100%; left: 0; opacity: 0; position: absolute; top: -180px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 30px; }

.cmn--ctaBtn02 .is-reflection + .is-reflection a:after { -webkit-animation-delay: .3s; animation-delay: .3s; }

@-webkit-keyframes is-reflection { 0% { -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
    opacity: 0; } }

@keyframes is-reflection { 0% { -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
    opacity: 0; } }

.cmn--ctaBtn02 .is-bounce { -webkit-animation: bounce 4s infinite; animation: bounce 4s infinite; -webkit-animation-delay: 4s; animation-delay: 4s; }

@-webkit-keyframes bounce { 20%, 24%, 30%, 34%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  25% { -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  32% { -webkit-transform: translateY(-4px);
    transform: translateY(-4px); } }

@keyframes bounce { 20%, 24%, 30%, 34%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  25% { -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  32% { -webkit-transform: translateY(-4px);
    transform: translateY(-4px); } }

.cmn--ctaBtn02 .is-bounce + .is-bounce { -webkit-animation-delay: .5s; animation-delay: .5s; }

.cmn--ctaBtn02 .is-trembling a:before { -webkit-animation-name: is-trembling; animation-name: is-trembling; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease; animation-timing-function: ease; }

@-webkit-keyframes is-trembling { 0% { -webkit-transform: translate(-3px, 0); }
  100% { -webkit-transform: translate(0, 0); } }

@keyframes is-trembling { 0% { -webkit-transform: translate(-3px, 0); }
  100% { -webkit-transform: translate(0, 0); } }

.shereBtn { display: table; width: 100%; margin-top: 12px; }

.shereBtn ul { font-size: 0; }

@media (min-width: 501px) { .shereBtn ul { vertical-align: bottom; display: table-cell; width: 30%; } }

.shereBtn ul li { display: inline-block; }

.shereBtn ul li + li { padding-left: 20px; }

.shereBtn ul li a { display: block; height: 40px; width: 40px; }

.shereBtn ul li a a:hover { opacity: 0.8; }

.shereBtn ul .twitter_back a { background: url(../img/share_twitter.svg) no-repeat; }

.shereBtn ul .facebook_back a { background: url(../img/share_facebook.svg) no-repeat; }

.shereBtn ul .hatena_back a { background: url(../img/share_hatena.svg) no-repeat; }

.shereBtn ul .google_back a { background: url(../img/share_google.png) no-repeat; background-size: 40px; }

.shereBtn ul .line_back a { background: url(../img/share_line.svg) no-repeat; }

.shereBtn ul .mail_back a { background: url(../img/share_mail.svg) no-repeat center; background-size: 40px; }

@media (min-width: 737px) { .shereBtn > ul .line_back { display: none; } }

@media (max-width: 736px) { .shereBtn { margin-bottom: 20px; }
  .shereBtn ul { border: none; width: 60%; }
  .shereBtn ul li a { height: 28px; width: 28px; }
  .shereBtn ul li + li { padding-left: 10px; }
  .shereBtn ul .mail_back a, .shereBtn ul .google_back a { background-size: 28px; } }

/* 
ーーーーーーーーーーーーーーーーー */
.cf:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

.cf { display: inline-block; }

/* 
ーーーーーーーーーーーーーーーーー */
.spOnly { display: none; }

@media (max-width: 736px) { .style-spSmall { font-size: 12px; }
  .pcOnly { display: none; } }

@media (min-width: 321px) { .sp320nly { display: none; } }

.text-align_center { text-align: center; }

.magin_0auto { margin: 0 auto; }

.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pb50 { padding-bottom: 50px !important; }