@charset "UTF-8";
/* ***************************** Import file to Scss or Sass. */
/* -----------------------------------------------------------------
Title: reset.css
Created: 2020-02-20
Last Modified: 2020-03-26
------------------------------------------------------------------ */
/*　目次
-----------------------------------------------------------------

#01-リセット
#02-基本タグの定義
#03-CSSハック

------------------------------------------------------------------ */
/* -----------------------------------------------------------------

#01　リセット

------------------------------------------------------------------ */
* { font-style: normal; margin: 0px; padding: 0px; text-decoration: none; }

html { font-size: 62.5%; line-height: 1.6; }

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

caption, th { text-align: left; }

ol, ul, dl { list-style: none; }

fieldset { border: 0; }

img { border: 0; vertical-align: bottom; }

/* -----------------------------------------------------------------

#02　基本タグの定義
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Oswald', sans-serif;

------------------------------------------------------------------ */
body { color: #000000; font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; background-color: #FFFFFF; letter-spacing: 0.05em; text-align: left; background-repeat: no-repeat; width: auto; height: 100%; margin: 0px auto; background-position: top; }

body .en_text { font-family: 'Lato'; }

@media all and (-ms-high-contrast: none) { body { letter-spacing: 0; } }

body#home { background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6 { font-weight: 100; }

p { text-align: left; font-size: 1.3em; }

span { font-size: 1em; _text-align: left; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: 100; }

a img { border-style: none; outline: medium none; }

object { border-style: none; outline: medium none; }

/** anchors */
/**************************************/
a { font-size: 1em; color: #023461; text-decoration: none; outline: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }

a:hover { opacity: 0.7; }

a:link { outline: medium none; }

a:visited { outline: medium none; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
.pc { display: none !important; }

@media screen and (min-width: 1000px) { .pc { display: inherit !important; } }

@media screen and (min-width: 1000px) { .sp { display: none !important; } }

/* -----------------------------------------------------------------
base content
------------------------------------------------------------------ */
.scroll_nav { position: fixed; top: -300px; right: 0; width: 70px; height: auto; z-index: 25; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.scroll_nav.up { top: 0; }

.scroll_nav li { margin: 0 0 5px 0; }

.scroll_nav a { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; filter: drop-shadow(0px 2px 2px rgba(177, 177, 177, 0.5)); }

.scroll_nav img { width: 100%; height: auto; }

p.pagetop:hover { opacity: 0.7; }

.nolink { pointer-events: none; }

.mincho { font-family: 'Noto Serif JP', serif; }

.popup { display: none; }

.pc { display: none !important; }

@media screen and (min-width: 1000px) { .pc { display: inherit !important; } }

@media screen and (min-width: 1000px) { .sp { display: none !important; } }

.svg { display: none; }

@media all and (-ms-high-contrast: none) { .svg { display: inherit; } }

@media all and (-ms-high-contrast: none) { .svg_pare { display: none !important; } }

img { display: block; width: 100%; height: auto; }

.lazyload { display: block; opacity: 0; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }

.lazyload.show { opacity: 1; }

@media screen and (min-width: 1000px) { a[href^="tel:"] { pointer-events: none; } }

/* 背景の横位置をズラす */
@keyframes sli { 0% { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6ebf4+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #e6ebf4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #e6ebf4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #e6ebf4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ebf4',GradientType=1 );
    /* IE6-9 */
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); }
  100% { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dff2f8+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ffffff 0%, #dff2f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dff2f8',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.34); } }

/* -----------------------------------------------------------------
ヘッダー
------------------------------------------------------------------ */
header { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; }

header.on { background: #FFFFFF; height: 100vh; }

header .logo { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; background: #000000; width: 100%; height: 12.26667vw; padding: 0 3.46667vw 0 2.66667vw; box-sizing: border-box; }

header .logo .left { width: 21.6vw; }

header .logo .left a {
  display: block;
  background: url('/images/v2/common/logo_usen_next_group.svg');
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 8vw;
  text-indent: -9999px;
}

header .logo .right { width: 6.66667vw; height: 5.6vw; }

header .logo .right a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; }

header .logo .right a em { display: block; background: #FFFFFF; width: 100%; height: 2px; }

header .logo .right a:before, header .logo .right a:after { position: absolute; left: 0; content: ''; display: block; background: #FFFFFF; width: 100%; height: 2px; }

header .logo .right a:before { top: 0; }

header .logo .right a:after { bottom: 0; }

header .logo .right a.on { justify-content: center; }

header .logo .right a.on em { opacity: 0; }

header .logo .right a.on:before { top: calc((100% - 2px)/2); transform: rotate(45deg); }

header .logo .right a.on:after { bottom: calc((100% - 2px)/2); transform: rotate(-45deg); }

header .head_box { width: 100%; height: 0; overflow: hidden; }

header .head_box .inner_box { background: #FFFFFF; width: 100%; height: 87.73333vh; overflow: auto; }

header nav ul li { border-bottom: 1px solid #F8F8F8; }

header nav ul li a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; color: #000000; font-size: 3.2vw; width: 100%; height: 11.46667vw; padding: 0 4vw; box-sizing: border-box; }

header nav ul li a.pare { background: #FFFFFF; }

header nav ul li a.pare::after { content: ''; display: block; border: 2px solid; border-color: transparent transparent #000000 #000000; transform: rotate(225deg); width: 1.33333vw; height: 1.33333vw; }

header nav ul li a.more { background: #FFFFFF; }

header nav ul li a.more span { position: relative; top: 0; left: 0; display: block; width: 2.4vw; height: 2.4vw; margin: 0 0 0 2.66667vw; }

header nav ul li a.more span::after, header nav ul li a.more span::before { content: ''; display: block; position: absolute; background: #000000; }

header nav ul li a.more span::after { top: 0; left: 1.06667vw; height: 2.4vw; width: 0.26667vw; }

header nav ul li a.more span::before { top: 1.06667vw; left: 0; width: 2.4vw; height: 0.26667vw; }

header nav ul li a.more.on span:after { display: none; }

header nav ul li dl { overflow: hidden; width: 100%; height: 0; }

header nav ul li dl dd p { border-bottom: 1px solid #FFFFFF; }

header nav ul li dl dd p a { background: rgba(0, 20, 54, 0.34); color: #FFFFFF; }

header .alert_keigen { border-top: 5px solid #e63b20; background: #242424; padding: 5.33333vw 4.8vw; color: #fff; }

header .alert_keigen a { display: block; color: #fff; font-size: 1.2em; }

@media screen and (min-width: 1000px) {
  header { width: 13vw; height: 100vh; overflow-y: scroll; -ms-overflow-style: none; /* これを追加 */ max-width: 250px; }
  header::-webkit-scrollbar { display: none; }
  header .logo { width: 100%; height: auto; padding: 0; box-sizing: border-box; }
  header .logo .left { text-align: center; width: 100%; padding: 16px 0; }
  header .logo .left a {
    background-image: url('/common/img/usen_logo_vertical.svg');
    width: 13vw;
    height: 18vw;
  }
  header .logo .right { display: none; }
  header .head_box { width: 100%; height: auto !important; }
  header .head_box .inner_box { width: 100%; height: auto !important; }
  header nav ul li a { font-size: 13px; height: 52px; padding: 0 24px 0 22px; }
  header nav ul li a.pare { -webkit-transition: padding 0.30s; -moz-transition: padding 0.30s; -ms-transition: padding 0.30s; -o-transition: padding 0.30s; transition: padding 0.30s; }
  header nav ul li a.pare::after { border-color: transparent transparent rgba(0, 20, 54, 0.34) rgba(0, 20, 54, 0.34); width: 5px; height: 5px; }
  header nav ul li a.pare:hover { padding: 0 18px 0 22px; }
  header nav ul li a.more span { width: 10px; height: 10px; margin: 0; }
  header nav ul li a.more span::after { left: 4px; height: 9px; width: 1px; }
  header nav ul li a.more span::before { top: 4px; width: 9px; height: 1px; }
  header .alert_keigen { padding: 20px 18px; }
  header .alert_keigen a { font-size: 12px; } }

#main { position: relative; top: 0; left: 0; padding: 12.26667vw 0 0 0; }

#main.main_bg main { background: #EFEFEF; }

#main.main_bg main footer div.sp::before { background: #EFEFEF; }

@media screen and (min-width: 1000px) {
  #main {
    padding: 70px 0 0 13vw;
    width: 87vw;
  }
}

#main main { background: #FFFFFF; margin: 0 auto; }

#main main .inner_cont { width: 89.33333vw; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 1000px) { #main main .inner_cont { width: 87.42515%; } }

#main main .inner_cont .csr_article .article_footer .link_list ul .link_external a:after, #main main .inner_cont .csr_article .article_footer .link_list ul .link_arrow a:after, #main main .inner_cont .csr_article .article_footer .link_list ul .link_pdf a:before, #main main .inner_cont .link_pdf a:before, #main main .inner_cont a.link_pdf:before { display: inline-block; width: 18px; height: 17px; content: ''; vertical-align: text-top; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; background-size: 18px 17px; }

#main main .inner_cont .csr_article .article_footer .link_list ul .link_external a:after { margin-left: 6px; background-image: url(/csr/img/icon/external.png); }

#main main .inner_cont .csr_article .article_footer .link_list ul .link_arrow a:after { margin-left: 6px; background-image: url(/csr/img/icon/link_arrow.png); }

#main main .inner_cont .csr_article .article_footer .link_list ul .link_pdf a:before, #main main .inner_cont .link_pdf a:before, #main main .inner_cont a.link_pdf:before { margin-right: 6px; background-image: url(/csr/img/icon/pdf_archive.png); }

#main main nav #sabunav { position: fixed; top: 12.26667vw; right: 0; width: 100%; z-index: 10; background: rgba(0, 20, 54, 0.5); }

#main main nav #sabunav.othear_nav { display: none; }

#main main nav #sabunav p a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; box-sizing: border-box; align-items: center; font-size: 3.2vw; color: #FFFFFF; width: 100%; height: 11.46667vw; padding: 0 3.73333vw 0 4.8vw; }

#main main nav #sabunav p a span { position: absolute; top: 3.73333vw; right: 4.8vw; display: block; border: 0.53333vw solid; border-color: transparent transparent #FFFFFF #FFFFFF; transform: rotate(-45deg); width: 1.33333vw; height: 1.33333vw; }

#main main nav #sabunav p a.on span { top: 5.33333vw; transform: rotate(135deg); }

#main main nav #sabunav div.pare_link { width: 100%; height: 0; overflow: hidden; }

#main main nav #sabunav div.sub01 ol.pc_only, #main main nav #sabunav div.sub04 ol.pc_only { display: none; }

#main main nav #sabunav div.sub01 ol li a.on, #main main nav #sabunav div.sub04 ol li a.on { background: #008DD0; }

#main main nav #sabunav div.sub02 ol li a.on { background: #DB3B15; }

#main main nav #sabunav div ol { padding: 0; }

#main main nav #sabunav div ol li { border-top: 1px solid #FFFFFF; }

#main main nav #sabunav div ol li a { display: block; font-size: 3.2vw; line-height: 2.5; color: #FFFFFF; height: auto; padding: 0; }

#main main nav #sabunav div ol li a.on { background: #DB3B15; }

#main main nav #sabunav div ol li a span { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; width: 89.33333vw; height: 10.66667vw; margin: 0 auto; }

#main main nav #sabunav div ol li a.link_btn_head { position: relative; top: 0; left: 0; }

#main main nav #sabunav div ol li a.link_btn_head em { display: block; position: absolute; top: 4.26667vw; right: 5.33333vw; width: 2.4vw; height: 2.4vw; }

#main main nav #sabunav div ol li a.link_btn_head em::after, #main main nav #sabunav div ol li a.link_btn_head em::before { content: ''; display: block; position: absolute; background: #FFFFFF; }

#main main nav #sabunav div ol li a.link_btn_head em::after { top: 0; left: 1.06667vw; height: 2.4vw; width: 0.26667vw; }

#main main nav #sabunav div ol li a.link_btn_head em::before { top: 1.06667vw; left: 0; width: 2.4vw; height: 0.26667vw; }

#main main nav #sabunav div ol li a.link_btn_head.on em::after { opacity: 0; }

#main main nav #sabunav div ol li .lnav_area { background: #FFFFFF; padding: 0; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); margin: 0; }

#main main nav #sabunav div ol li .lnav_area .inner_cont { padding: 4vw 0 0 0; }

#main main nav #sabunav div ol li .lnav_area ol, #main main nav #sabunav div ol li .lnav_area ul { height: auto; }

#main main nav #sabunav div ol li .lnav_area .more_link_btn { display: block; width: 37.86667vw; margin: 4.8vw auto 0 auto; padding: 0 0 5.33333vw 0; }

#main main nav #sabunav div ol li .lnav_area .more_link_btn a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.32); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6ebf4+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #e6ebf4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%, #e6ebf4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%, #e6ebf4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ebf4',GradientType=1 ); /* IE6-9 */ border-radius: 50px; color: #006EB5; font-weight: 200; font-weight: bold; font-size: 3.2vw; width: 100%; height: 8vw; box-sizing: border-box; padding: 0 0 0 4vw; }

#main main nav #sabunav div ol li .lnav_area .more_link_btn a::after { content: ''; display: block; position: absolute; top: 0; right: 2.66667vw; background: url(/images/service/link03.svg) left center no-repeat; background-size: 100% auto; width: 2.13333vw; height: 100%; }

#main main nav #sabunav div ol li .lnav_area .lnav01 { padding: 4vw 0 0 0; }

#main main nav #sabunav div ol li .lnav_area .lnav01 p { width: 26.13333vw; margin: 0 auto 6.4vw auto; }

#main main nav #sabunav div ol li .lnav_area .lnav01 ul { display: -webkit-flex; display: -ms-flex; display: flex; padding: 0; }

#main main nav #sabunav div ol li .lnav_area .lnav01 ul li { border-right: dashed 1px #CCCCCC; }

#main main nav #sabunav div ol li .lnav_area .lnav01 ul li:last-child { border-right: none; }

#main main nav #sabunav div ol li .lnav_area .lnav01 ul li:first-child, #main main nav #sabunav div ol li .lnav_area .lnav01 ul li:last-child { width: 24vw; }

#main main nav #sabunav div ol li .lnav_area .lnav01 ul li:nth-child(2) { width: 40.8vw; }

#main main nav #sabunav div ol li .lnav_area .lnav02 strong { display: block; text-align: center; font-weight: bold; font-size: 2.13333vw; margin: 0 0 1.6vw 0; }

#main main nav #sabunav div ol li .lnav_area .lnav02 strong a { display: inline-block; width: auto; height: auto; color: #008DD0; font-size: 2.13333vw; }

#main main nav #sabunav div ol li .lnav_area .lnav02 strong a::after { content: '>'; display: inline-block; color: #008DD0; font-size: 2.13333vw; font-weight: bold; margin: 0 0 0 1.6vw; }

#main main nav #sabunav div ol li .lnav_area .lnav02 strong a:hover { background: none; color: #008DD0; opacity: 0.7; }

#main main nav #sabunav div ol li .lnav_area .lnav02 ul, #main main nav #sabunav div ol li .lnav_area .lnav02 ol { display: -webkit-flex; display: -ms-flex; display: flex; border-top: #CCCCCC solid 1px; }

#main main nav #sabunav div ol li .lnav_area .lnav02 ul li, #main main nav #sabunav div ol li .lnav_area .lnav02 ol li { border-right: dashed 1px #CCCCCC; box-sizing: border-box; }

#main main nav #sabunav div ol li .lnav_area .lnav02 ul li:last-child, #main main nav #sabunav div ol li .lnav_area .lnav02 ol li:last-child { border-right: none; }

#main main nav #sabunav div ol li .lnav_area .lnav02 ul { margin: 0 0 6.13333vw 0; }

#main main nav #sabunav div ol li .lnav_area .lnav02 ul li { width: 25%; }

#main main nav #sabunav div ol li .lnav_area .lnav02 ol li { width: 50%; }

#main main nav #sabunav div ol li .lnav_area .lnav04 { padding: 0 0 5.33333vw 0; }

#main main nav #sabunav div ol li .lnav_area .lnav04 ul { display: -webkit-flex; display: -ms-flex; display: flex; }

#main main nav #sabunav div ol li .lnav_area .lnav04 li { position: relative; top: 0; left: 0; width: 33.3333%; box-sizing: border-box; }

#main main nav #sabunav div ol li .lnav_area .lnav04 li::after, #main main nav #sabunav div ol li .lnav_area .lnav04 li::before { position: absolute; top: 2.66667vw; content: ''; display: block; width: 1px; height: 21.33333vw; }

#main main nav #sabunav div ol li .lnav_area .lnav04 li:first-child::after { right: 0; border-right: solid 1px #CCCCCC; }

#main main nav #sabunav div ol li .lnav_area .lnav04 li:last-child::before { left: 0; border-left: dashed 1px #CCCCCC; }

#main main nav #sabunav div ol li .lnav_area .lnav05 { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }

#main main nav #sabunav div ol li .lnav_area .lnav05 div { width: 50%; box-sizing: border-box; }

#main main nav #sabunav div ol li .lnav_area .lnav05 div:last-child { border-left: 1px solid #CCCCCC; }

#main main nav #sabunav div ol li .lnav_area .lnav05 div.full { width: 100%; margin: 0 0 3.73333vw 0; }

#main main nav #sabunav div ol li .lnav_area .lnav05 strong { display: block; text-align: center; font-weight: bold; font-size: 2.13333vw; margin: 0 0 1.6vw 0; }

#main main nav #sabunav div ol li .lnav_area .lnav05 ol { display: -webkit-flex; display: -ms-flex; display: flex; border-top: #CCCCCC solid 1px; padding: 1.86667vw 0 0 0; }

#main main nav #sabunav div ol li .lnav_area .lnav05 ol li { border-right: dashed 1px #CCCCCC; box-sizing: border-box; width: 33.3333%; }

#main main nav #sabunav div ol li .lnav_area .lnav05 ol li:last-child { border-right: none; }

#main main nav #sabunav div ol li .lnav_area .lnav05 ul { display: -webkit-flex; display: -ms-flex; display: flex; border-top: #CCCCCC solid 1px; padding: 1.86667vw 0 1.33333vw 0; }

#main main nav #sabunav div ol li .lnav_area .lnav05 ul li { border-right: dashed 1px #CCCCCC; box-sizing: border-box; width: 50%; }

#main main nav #sabunav div ol li .lnav_area .lnav05 ul li:last-child { border-right: none; }

@media screen and (min-width: 1000px) {
  #main main nav { display: -webkit-flex; display: -ms-flex; display: flex; }
  /* #main main nav:before { content: ''; display: block; width: 13.02083vw; max-width: 250px; } */
  #main main nav #sabunav {
    top: 0 !important;
    left: 13vw;
    width: 87vw;
  }
  #main main nav #sabunav.othear_nav { display: inherit; }
  #main main nav #sabunav p { border-bottom: none; }
  #main main nav #sabunav div { background: none; }
  #main main nav #sabunav div:not(.lnav_area) { height: auto !important; }
  #main main nav #sabunav div.pare_link { width: 100%; height: auto; overflow: hidden; }
  #main main nav #sabunav div.sub01 ol, #main main nav #sabunav div.sub04 ol { justify-content: space-between; padding: 0 5.02994vw; box-sizing: border-box; }
  #main main nav #sabunav div.sub01 ol.sp_only, #main main nav #sabunav div.sub04 ol.sp_only { display: none; }
  #main main nav #sabunav div.sub01 ol.pc_only, #main main nav #sabunav div.sub04 ol.pc_only { display: -webkit-flex; display: -ms-flex; display: flex; }
  #main main nav #sabunav div.sub01 ol li, #main main nav #sabunav div.sub04 ol li { border: none; width: auto; }
  #main main nav #sabunav div.sub01 ol li a, #main main nav #sabunav div.sub04 ol li a { padding: 0 1.67665vw; box-sizing: border-box; }
  #main main nav #sabunav div.sub01 ol li a:hover, #main main nav #sabunav div.sub04 ol li a:hover { background: #008DD0; }
  #main main nav #sabunav div.sub02 ol li a span { display: block; margin: 0; }
  #main main nav #sabunav div.sub02 ol li a:hover { background: #DB3B15; }
  #main main nav #sabunav div.sub03 ol li { border: none; width: auto; }
  #main main nav #sabunav div.sub03 ol li a { padding: 0 0.8982vw; box-sizing: border-box; }
  #main main nav #sabunav div.sub03 ol li a:hover { background: #DB3B15; }
  #main main nav #sabunav div ol { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 70px; padding: 0; }
  #main main nav #sabunav div ol li { min-width: 11.97605%; }
  #main main nav #sabunav div ol li a { display: -webkit-flex; display: -ms-flex; display: flex; font-weight: bold; justify-content: center; align-items: center; font-size: 18px; line-height: 1.1; white-space: nowrap; width: 100%; height: 70px; padding: 0; box-sizing: border-box; padding: 0 0.8982vw; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }
  #main main nav #sabunav div ol li a span { width: auto; height: auto; margin: 0; }
  #main main nav #sabunav div ol li .lnav_area { position: absolute; top: 70px; left: 0; margin: 0; background: #FFFFFF; width: 100%; padding: 0; height: 0; overflow: hidden; }
  #main main nav #sabunav div ol li .lnav_area .inner_cont { width: 100% !important; padding: 20px 0; }
  #main main nav #sabunav div ol li .lnav_area .inner_cont ol, #main main nav #sabunav div ol li .lnav_area .inner_cont ul { height: auto; }
  #main main nav #sabunav div ol li .lnav_area .inner_cont ol a, #main main nav #sabunav div ol li .lnav_area .inner_cont ul a { height: auto !important; }
  #main main nav #sabunav div ol li .lnav_area .lnav01 { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; padding: 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav01 p { border-right: dashed 1px #CCCCCC; width: 20.98958vw; margin: 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav01 ul { padding: 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav01 ul li { border-right: dashed 1px #CCCCCC; }
  #main main nav #sabunav div ol li .lnav_area .lnav01 ul li:last-child { border-right: none; }
  #main main nav #sabunav div ol li .lnav_area .lnav01 ul li:first-child, #main main nav #sabunav div ol li .lnav_area .lnav01 ul li:last-child, #main main nav #sabunav div ol li .lnav_area .lnav01 ul li:nth-child(2) { width: 21.66667vw; }
  #main main nav #sabunav div ol li .lnav_area .lnav02 { display: -webkit-flex; display: -ms-flex; display: flex; }
  #main main nav #sabunav div ol li .lnav_area .lnav02 div { width: 28.48958vw; }
  #main main nav #sabunav div ol li .lnav_area .lnav02 div.full { border-right: 1px solid #CCCCCC; box-sizing: border-box; width: 58.75vw; }
  #main main nav #sabunav div ol li .lnav_area .lnav02 strong { font-size: 16px; margin: 0 0 18px 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav02 strong a { font-size: 16px; height: auto; }
  #main main nav #sabunav div ol li .lnav_area .lnav02 strong a::after { font-size: 16px; margin: 0 0 0 8px; }
  #main main nav #sabunav div ol li .lnav_area .lnav02 strong a:hover { background: none; color: #008DD0; }
  #main main nav #sabunav div ol li .lnav_area .lnav02 ul { padding: 12px 0 0 0; margin: 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav02 ol { padding: 12px 0 0 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav04 { padding: 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav04 li { width: 24.375vw; padding: 1.51042vw 0 0 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav04 li:first-child { width: 38.125vw; padding: 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav04 li::after, #main main nav #sabunav div ol li .lnav_area .lnav04 li::before { top: 10px; height: 12.8125vw; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 div { width: 28.02395%; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 div:last-child { border-left: 1px solid #CCCCCC; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 div:first-child { border-right: 1px solid #CCCCCC; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 div.full { width: 38.92216%; margin: 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 div.last { width: 33.05389%; margin: 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 strong { font-size: 16px; margin: 0 0 18px 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 ol { padding: 25px 0 10px 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 ol li { width: 33.3333%; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 ol li:last-child { border-right: none; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 ul { padding: 25px 0 10px 0; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 ul li { width: 50%; }
  #main main nav #sabunav div ol li .lnav_area .lnav05 ul li:last-child { border-right: none; }
  #main main nav #sabunav div ol li .lnav_area [class^="lnav"] li[class^="lnav"] a,#main main nav #sabunav div ol li .lnav_area .lnav01 .lnav01_0.pc a{
    text-indent: -9999px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 130px !important;
  }
  #main main nav #sabunav div ol li .lnav_area [class^="lnav"] li[class^="lnav"] a:hover {
    background-color: #FFFFFF;
    opacity: 0.7;
  }
  #main main nav #sabunav div ol li .lnav_area .lnav05 [class^="lnav"] a{ height: 50px !important;}
  #main main nav #sabunav div ol li .lnav_area .lnav01 .lnav01_0 a {background-image: url("/images/service/iot/nav01_img0.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav01 .lnav01_1 a {background-image: url("/images/service/iot/nav01_img0_01.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav01 .lnav01_2 a {background-image: url("/images/service/iot/nav01_img0_02.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav01 .lnav01_3 a {background-image: url("/images/service/iot/nav01_img0_03.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav02 .lnav02_1 a {background-image: url("/images/service/pos/nav01_img01_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav02 .lnav02_2 a {background-image: url("/images/service/pos/nav01_img02_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav02 .lnav02_3 a {background-image: url("/images/service/pos/nav01_img03_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav02 .lnav02_4 a {background-image: url("/images/service/pos/nav01_img04_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav02 .lnav02_5 a {background-image: url("/images/service/pos/nav01_img05_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav02 .lnav02_6 a {background-image: url("/images/service/pos/nav01_img06_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav04 .lnav04_1 a {background-image: url("/images/service/app/nav01_img01_pc.jpg"); height: 175px !important;}
  #main main nav #sabunav div ol li .lnav_area .lnav04 .lnav04_2 a {background-image: url("/images/service/app/nav01_img02_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav04 .lnav04_3 a {background-image: url("/images/service/app/nav01_img03_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav05 .lnav05_1 a {background-image: url("/images/service/support/nav01_img01_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav05 .lnav05_2 a {background-image: url("/images/service/support/nav01_img02_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav05 .lnav05_3 a {background-image: url("/images/service/support/nav01_img03_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav05 .lnav05_4 a {background-image: url("/images/service/support/nav01_img04_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav05 .lnav05_5 a {background-image: url("/images/service/support/nav01_img05_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav05 .lnav05_6 a {background-image: url("/images/service/support/nav01_img06_pc.jpg");}
  #main main nav #sabunav div ol li .lnav_area .lnav05 .lnav05_7 a {background-image: url("/images/service/support/nav01_img07_pc.jpg");}
}

/* lnav03 PC・SP共通 */
.lnav_area .lnav03,
#main main nav #sabunav div ol li .lnav_area .lnav03 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.lnav_area .lnav03 .first,
.lnav_area .lnav03 .second,
#main main nav #sabunav div ol li .lnav_area .lnav03 .first,
#main main nav #sabunav div ol li .lnav_area .lnav03 .second{
  box-sizing: border-box;
  position: relative;
}
.lnav_area .lnav03 .first,
#main main nav #sabunav div ol li .lnav_area .lnav03 .first {
  border-right: 1px solid #ccc;
}
.lnav_area .lnav03 .second a,
#main main nav #sabunav div ol li .lnav_area .lnav03 .second a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.lnav_area .lnav03 strong,
.lnav_area .lnav03 strong a,
#main main nav #sabunav div ol li .lnav_area .lnav03 strong,
#main main nav #sabunav div ol li .lnav_area .lnav03 strong a{
  display: block;
  text-align: center;
  font-weight: bold;
  margin: 0;
  padding: 0;
  height: auto;
}
.lnav_area .lnav03 strong,
#main main nav #sabunav div ol li .lnav_area .lnav03 strong{
  border-bottom: #ccc solid 1px;
}
.lnav_area .lnav03 strong a,
#main main nav #sabunav div ol li .lnav_area .lnav03 strong span {
  color: #008DD0;
}
.lnav_area .lnav03 .lnav03_inner_list,
#main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lnav_area .lnav03 .lnav03_inner_list li,
#main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_list li{
  width: auto;
  margin-bottom: 5px;
  background: #DCE0E3;
  font-weight: bold;
  color: #000;
  display: block;
}

/* lnav03 PCデザイン */
@media screen and (min-width: 1000px) {
  .lnav_area .lnav03 .first,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .first {
    width: 25%;
  }
  .lnav_area .lnav03 .first a{
    width: 100%;
    height: 100%;
    display: block;
  }
  .lnav_area .lnav03 .second,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .second {
    width: 75%;
  }
  .lnav_area .lnav03 .second > a,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .second a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  .lnav_area .lnav03 .second a:hover,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .second a:hover{
    background: rgba(255,255,255,0.7);

  }
  .lnav_area .lnav03 strong,
  .lnav_area .lnav03 strong a,
  #main main nav #sabunav div ol li .lnav_area .lnav03 strong{
    font-size: 1.6rem;
    line-height: 50px;
  }
  .lnav_area .lnav03 .lnav03_inner,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner {
    padding: 15px 0;
    position: relative;
  }
  .lnav_area .lnav03 .lnav03_1,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_1{
    width: 100%;
  }
  .lnav_area .lnav03 .lnav03_1 a,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_1 a {
    background-image: url("/images/service/order/nav01_img01_pc.jpg");
  }
  .lnav_area .lnav03 .lnav03_inner_contents,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_contents{
    margin: 0 auto;
    padding: 10px 0;
    width: 630px;
    background: url("/images/service/order/nav01_img02.png");
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
  }
  .lnav_area .lnav03 .lnav03_inner_title,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_title{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .lnav_area .lnav03 .lnav03_inner_list,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_list{
    width: 310px;
  }
  .lnav_area .lnav03 .lnav03_inner_list li,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_list li{
    padding: 5px 20px;
    font-size: 1.4rem;
  }
  .lnav_area .lnav03 .lnav03_inner_list li:nth-child(1),
  .lnav_area .lnav03 .lnav03_inner_list li:nth-child(2),
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_list li:nth-child(1),
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_list li:nth-child(2){
    padding: 5px 24px;
  }
}

/* lnav03 SPデザイン */
@media screen and (max-width: 999px) {
  #main main .inner_cont#local_nav003{
    width: 95vw;
  }
  .lnav_area .lnav03 .first,
  .lnav_area .lnav03 .second,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .first,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .second{
    width: 50%;
  }
  .lnav_area .lnav03 strong,
  .lnav_area .lnav03 strong a,
  #main main nav #sabunav div ol li .lnav_area .lnav03 strong,
  #main main nav #sabunav div ol li .lnav_area .lnav03 strong a{
    line-height: 50px;
    font-size: 1.4rem;
  }
  .lnav_area .lnav03 .lnav03_inner,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner{
    padding: 5vw 0 5vw 2vw;
    position: relative;
  }
  .lnav_area .lnav03 .lnav03_inner_title,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_title{
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .lnav_area .lnav03 div.full,
  #main main nav #sabunav div ol li .lnav_area .lnav03 div.full{
    width: 100%;
    margin: 4.8vw 0 0 0;
    padding: 0 0 1.86667vw 0;
  }
  .lnav_area .lnav03 .lnav03_inner_list,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_list{
    width: 100%;
  }
  .lnav_area .lnav03 .lnav03_inner_list li,
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_list li{
    font-size: 1.0rem;
    padding: 0px 2px;
  }
  .lnav_area .lnav03 .lnav03_inner_list li:nth-child(1),
  .lnav_area .lnav03 .lnav03_inner_list li:nth-child(2),
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_list li:nth-child(1),
  #main main nav #sabunav div ol li .lnav_area .lnav03 .lnav03_inner_list li:nth-child(2){
    padding: 0px 5px;
  }
}

@media screen and (min-width: 1000px) {
  #wrapper { display: -webkit-flex; display: -ms-flex; display: flex; }
  /* #wrapper::before { content: ''; display: block; width: 13.02083vw; max-width: 250px; } */
}

.top_link { margin: 0 0 18.93333vw 0; }

.top_link a { display: block; width: 46.13333vw; margin: 0 auto; }

@media screen and (max-width: 1000px) { .top_link { margin: 0 0 20px 0; }
  .top_link a { width: 88px; } }

/* -----------------------------------------------------------------
640px以下
------------------------------------------------------------------ */
/* -----------------------------------------------------------------
944px以下かつ641px以上
------------------------------------------------------------------ */
/* -----------------------------------------------------------------
944px以下
------------------------------------------------------------------ */
@media screen and (max-width: 999px) { header .pc { display: none; }
  #wrapper { font-size: 2.667vw; } }

/* -----------------------------------------------------------------
960px以上
------------------------------------------------------------------ */
@media screen and (min-width: 1000px) { /* ----------------------------------------------------------------- ヘッダー ------------------------------------------------------------------ */ }

.nolink { pointer-events: none; }

@media screen and (min-width: 1000px) { /* ----------------------------------------------------------------- float ------------------------------------------------------------------ */
  .float_l { float: left; }
  .float_r { float: right; } }

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

.clear { display: inline-block; }

* html .clear { height: 1%; }

.clear { display: block; }

/* -----------------------------------------------------------------
margin
------------------------------------------------------------------ */
.ma { margin: 0 auto; }

.mt5 { margin-top: 1.33333vw; }

@media screen and (min-width: 1000px) { .mt5 { margin-top: 5px; } }

.mr5 { margin-right: 1.33333vw; }

@media screen and (min-width: 1000px) { .mr5 { margin-right: 5px; } }

.mb5 { margin-bottom: 1.33333vw; }

@media screen and (min-width: 1000px) { .mb5 { margin-bottom: 5px; } }

.ml5 { margin-left: 1.33333vw; }

@media screen and (min-width: 1000px) { .ml5 { margin-left: 5px; } }

.pt5 { padding-top: 1.33333vw; }

@media screen and (min-width: 1000px) { .pt5 { padding-top: 5px; } }

.pr5 { padding-right: 1.33333vw; }

@media screen and (min-width: 1000px) { .pr5 { padding-right: 5px; } }

.pb5 { padding-bottom: 1.33333vw; }

@media screen and (min-width: 1000px) { .pb5 { padding-bottom: 5px; } }

.pl5 { padding-left: 1.33333vw; }

@media screen and (min-width: 1000px) { .pl5 { padding-left: 5px; } }

.mt10 { margin-top: 2.66667vw; }

@media screen and (min-width: 1000px) { .mt10 { margin-top: 10px; } }

.mr10 { margin-right: 2.66667vw; }

@media screen and (min-width: 1000px) { .mr10 { margin-right: 10px; } }

.mb10 { margin-bottom: 2.66667vw; }

@media screen and (min-width: 1000px) { .mb10 { margin-bottom: 10px; } }

.ml10 { margin-left: 2.66667vw; }

@media screen and (min-width: 1000px) { .ml10 { margin-left: 10px; } }

.pt10 { padding-top: 2.66667vw; }

@media screen and (min-width: 1000px) { .pt10 { padding-top: 10px; } }

.pr10 { padding-right: 2.66667vw; }

@media screen and (min-width: 1000px) { .pr10 { padding-right: 10px; } }

.pb10 { padding-bottom: 2.66667vw; }

@media screen and (min-width: 1000px) { .pb10 { padding-bottom: 10px; } }

.pl10 { padding-left: 2.66667vw; }

@media screen and (min-width: 1000px) { .pl10 { padding-left: 10px; } }

.mt15 { margin-top: 4vw; }

@media screen and (min-width: 1000px) { .mt15 { margin-top: 15px; } }

.mr15 { margin-right: 4vw; }

@media screen and (min-width: 1000px) { .mr15 { margin-right: 15px; } }

.mb15 { margin-bottom: 4vw; }

@media screen and (min-width: 1000px) { .mb15 { margin-bottom: 15px; } }

.ml15 { margin-left: 4vw; }

@media screen and (min-width: 1000px) { .ml15 { margin-left: 15px; } }

.pt15 { padding-top: 4vw; }

@media screen and (min-width: 1000px) { .pt15 { padding-top: 15px; } }

.pr15 { padding-right: 4vw; }

@media screen and (min-width: 1000px) { .pr15 { padding-right: 15px; } }

.pb15 { padding-bottom: 4vw; }

@media screen and (min-width: 1000px) { .pb15 { padding-bottom: 15px; } }

.pl15 { padding-left: 4vw; }

@media screen and (min-width: 1000px) { .pl15 { padding-left: 15px; } }

.mt20 { margin-top: 5.33333vw; }

@media screen and (min-width: 1000px) { .mt20 { margin-top: 20px; } }

.mr20 { margin-right: 5.33333vw; }

@media screen and (min-width: 1000px) { .mr20 { margin-right: 20px; } }

.mb20 { margin-bottom: 5.33333vw; }

@media screen and (min-width: 1000px) { .mb20 { margin-bottom: 20px; } }

.ml20 { margin-left: 5.33333vw; }

@media screen and (min-width: 1000px) { .ml20 { margin-left: 20px; } }

.pt20 { padding-top: 5.33333vw; }

@media screen and (min-width: 1000px) { .pt20 { padding-top: 20px; } }

.pr20 { padding-right: 5.33333vw; }

@media screen and (min-width: 1000px) { .pr20 { padding-right: 20px; } }

.pb20 { padding-bottom: 5.33333vw; }

@media screen and (min-width: 1000px) { .pb20 { padding-bottom: 20px; } }

.pl20 { padding-left: 5.33333vw; }

@media screen and (min-width: 1000px) { .pl20 { padding-left: 20px; } }

.mt25 { margin-top: 6.66667vw; }

@media screen and (min-width: 1000px) { .mt25 { margin-top: 25px; } }

.mr25 { margin-right: 6.66667vw; }

@media screen and (min-width: 1000px) { .mr25 { margin-right: 25px; } }

.mb25 { margin-bottom: 6.66667vw; }

@media screen and (min-width: 1000px) { .mb25 { margin-bottom: 25px; } }

.ml25 { margin-left: 6.66667vw; }

@media screen and (min-width: 1000px) { .ml25 { margin-left: 25px; } }

.pt25 { padding-top: 6.66667vw; }

@media screen and (min-width: 1000px) { .pt25 { padding-top: 25px; } }

.pr25 { padding-right: 6.66667vw; }

@media screen and (min-width: 1000px) { .pr25 { padding-right: 25px; } }

.pb25 { padding-bottom: 6.66667vw; }

@media screen and (min-width: 1000px) { .pb25 { padding-bottom: 25px; } }

.pl25 { padding-left: 6.66667vw; }

@media screen and (min-width: 1000px) { .pl25 { padding-left: 25px; } }

.mt30 { margin-top: 8vw; }

@media screen and (min-width: 1000px) { .mt30 { margin-top: 30px; } }

.mr30 { margin-right: 8vw; }

@media screen and (min-width: 1000px) { .mr30 { margin-right: 30px; } }

.mb30 { margin-bottom: 8vw; }

@media screen and (min-width: 1000px) { .mb30 { margin-bottom: 30px; } }

.ml30 { margin-left: 8vw; }

@media screen and (min-width: 1000px) { .ml30 { margin-left: 30px; } }

.pt30 { padding-top: 8vw; }

@media screen and (min-width: 1000px) { .pt30 { padding-top: 30px; } }

.pr30 { padding-right: 8vw; }

@media screen and (min-width: 1000px) { .pr30 { padding-right: 30px; } }

.pb30 { padding-bottom: 8vw; }

@media screen and (min-width: 1000px) { .pb30 { padding-bottom: 30px; } }

.pl30 { padding-left: 8vw; }

@media screen and (min-width: 1000px) { .pl30 { padding-left: 30px; } }

.mt35 { margin-top: 9.33333vw; }

@media screen and (min-width: 1000px) { .mt35 { margin-top: 35px; } }

.mr35 { margin-right: 9.33333vw; }

@media screen and (min-width: 1000px) { .mr35 { margin-right: 35px; } }

.mb35 { margin-bottom: 9.33333vw; }

@media screen and (min-width: 1000px) { .mb35 { margin-bottom: 35px; } }

.ml35 { margin-left: 9.33333vw; }

@media screen and (min-width: 1000px) { .ml35 { margin-left: 35px; } }

.pt35 { padding-top: 9.33333vw; }

@media screen and (min-width: 1000px) { .pt35 { padding-top: 35px; } }

.pr35 { padding-right: 9.33333vw; }

@media screen and (min-width: 1000px) { .pr35 { padding-right: 35px; } }

.pb35 { padding-bottom: 9.33333vw; }

@media screen and (min-width: 1000px) { .pb35 { padding-bottom: 35px; } }

.pl35 { padding-left: 9.33333vw; }

@media screen and (min-width: 1000px) { .pl35 { padding-left: 35px; } }

.mt40 { margin-top: 10.66667vw; }

@media screen and (min-width: 1000px) { .mt40 { margin-top: 40px; } }

.mr40 { margin-right: 10.66667vw; }

@media screen and (min-width: 1000px) { .mr40 { margin-right: 40px; } }

.mb40 { margin-bottom: 10.66667vw; }

@media screen and (min-width: 1000px) { .mb40 { margin-bottom: 40px; } }

.ml40 { margin-left: 10.66667vw; }

@media screen and (min-width: 1000px) { .ml40 { margin-left: 40px; } }

.pt40 { padding-top: 10.66667vw; }

@media screen and (min-width: 1000px) { .pt40 { padding-top: 40px; } }

.pr40 { padding-right: 10.66667vw; }

@media screen and (min-width: 1000px) { .pr40 { padding-right: 40px; } }

.pb40 { padding-bottom: 10.66667vw; }

@media screen and (min-width: 1000px) { .pb40 { padding-bottom: 40px; } }

.pl40 { padding-left: 10.66667vw; }

@media screen and (min-width: 1000px) { .pl40 { padding-left: 40px; } }

.mt45 { margin-top: 12vw; }

@media screen and (min-width: 1000px) { .mt45 { margin-top: 45px; } }

.mr45 { margin-right: 12vw; }

@media screen and (min-width: 1000px) { .mr45 { margin-right: 45px; } }

.mb45 { margin-bottom: 12vw; }

@media screen and (min-width: 1000px) { .mb45 { margin-bottom: 45px; } }

.ml45 { margin-left: 12vw; }

@media screen and (min-width: 1000px) { .ml45 { margin-left: 45px; } }

.pt45 { padding-top: 12vw; }

@media screen and (min-width: 1000px) { .pt45 { padding-top: 45px; } }

.pr45 { padding-right: 12vw; }

@media screen and (min-width: 1000px) { .pr45 { padding-right: 45px; } }

.pb45 { padding-bottom: 12vw; }

@media screen and (min-width: 1000px) { .pb45 { padding-bottom: 45px; } }

.pl45 { padding-left: 12vw; }

@media screen and (min-width: 1000px) { .pl45 { padding-left: 45px; } }

.mt50 { margin-top: 13.33333vw; }

@media screen and (min-width: 1000px) { .mt50 { margin-top: 50px; } }

.mr50 { margin-right: 13.33333vw; }

@media screen and (min-width: 1000px) { .mr50 { margin-right: 50px; } }

.mb50 { margin-bottom: 13.33333vw; }

@media screen and (min-width: 1000px) { .mb50 { margin-bottom: 50px; } }

.ml50 { margin-left: 13.33333vw; }

@media screen and (min-width: 1000px) { .ml50 { margin-left: 50px; } }

.pt50 { padding-top: 13.33333vw; }

@media screen and (min-width: 1000px) { .pt50 { padding-top: 50px; } }

.pr50 { padding-right: 13.33333vw; }

@media screen and (min-width: 1000px) { .pr50 { padding-right: 50px; } }

.pb50 { padding-bottom: 13.33333vw; }

@media screen and (min-width: 1000px) { .pb50 { padding-bottom: 50px; } }

.pl50 { padding-left: 13.33333vw; }

@media screen and (min-width: 1000px) { .pl50 { padding-left: 50px; } }

.mt55 { margin-top: 14.66667vw; }

@media screen and (min-width: 1000px) { .mt55 { margin-top: 55px; } }

.mr55 { margin-right: 14.66667vw; }

@media screen and (min-width: 1000px) { .mr55 { margin-right: 55px; } }

.mb55 { margin-bottom: 14.66667vw; }

@media screen and (min-width: 1000px) { .mb55 { margin-bottom: 55px; } }

.ml55 { margin-left: 14.66667vw; }

@media screen and (min-width: 1000px) { .ml55 { margin-left: 55px; } }

.pt55 { padding-top: 14.66667vw; }

@media screen and (min-width: 1000px) { .pt55 { padding-top: 55px; } }

.pr55 { padding-right: 14.66667vw; }

@media screen and (min-width: 1000px) { .pr55 { padding-right: 55px; } }

.pb55 { padding-bottom: 14.66667vw; }

@media screen and (min-width: 1000px) { .pb55 { padding-bottom: 55px; } }

.pl55 { padding-left: 14.66667vw; }

@media screen and (min-width: 1000px) { .pl55 { padding-left: 55px; } }

.mt60 { margin-top: 16vw; }

@media screen and (min-width: 1000px) { .mt60 { margin-top: 60px; } }

.mr60 { margin-right: 16vw; }

@media screen and (min-width: 1000px) { .mr60 { margin-right: 60px; } }

.mb60 { margin-bottom: 16vw; }

@media screen and (min-width: 1000px) { .mb60 { margin-bottom: 60px; } }

.ml60 { margin-left: 16vw; }

@media screen and (min-width: 1000px) { .ml60 { margin-left: 60px; } }

.pt60 { padding-top: 16vw; }

@media screen and (min-width: 1000px) { .pt60 { padding-top: 60px; } }

.pr60 { padding-right: 16vw; }

@media screen and (min-width: 1000px) { .pr60 { padding-right: 60px; } }

.pb60 { padding-bottom: 16vw; }

@media screen and (min-width: 1000px) { .pb60 { padding-bottom: 60px; } }

.pl60 { padding-left: 16vw; }

@media screen and (min-width: 1000px) { .pl60 { padding-left: 60px; } }

.mt65 { margin-top: 17.33333vw; }

@media screen and (min-width: 1000px) { .mt65 { margin-top: 65px; } }

.mr65 { margin-right: 17.33333vw; }

@media screen and (min-width: 1000px) { .mr65 { margin-right: 65px; } }

.mb65 { margin-bottom: 17.33333vw; }

@media screen and (min-width: 1000px) { .mb65 { margin-bottom: 65px; } }

.ml65 { margin-left: 17.33333vw; }

@media screen and (min-width: 1000px) { .ml65 { margin-left: 65px; } }

.pt65 { padding-top: 17.33333vw; }

@media screen and (min-width: 1000px) { .pt65 { padding-top: 65px; } }

.pr65 { padding-right: 17.33333vw; }

@media screen and (min-width: 1000px) { .pr65 { padding-right: 65px; } }

.pb65 { padding-bottom: 17.33333vw; }

@media screen and (min-width: 1000px) { .pb65 { padding-bottom: 65px; } }

.pl65 { padding-left: 17.33333vw; }

@media screen and (min-width: 1000px) { .pl65 { padding-left: 65px; } }

.mt70 { margin-top: 18.66667vw; }

@media screen and (min-width: 1000px) { .mt70 { margin-top: 70px; } }

.mr70 { margin-right: 18.66667vw; }

@media screen and (min-width: 1000px) { .mr70 { margin-right: 70px; } }

.mb70 { margin-bottom: 18.66667vw; }

@media screen and (min-width: 1000px) { .mb70 { margin-bottom: 70px; } }

.ml70 { margin-left: 18.66667vw; }

@media screen and (min-width: 1000px) { .ml70 { margin-left: 70px; } }

.pt70 { padding-top: 18.66667vw; }

@media screen and (min-width: 1000px) { .pt70 { padding-top: 70px; } }

.pr70 { padding-right: 18.66667vw; }

@media screen and (min-width: 1000px) { .pr70 { padding-right: 70px; } }

.pb70 { padding-bottom: 18.66667vw; }

@media screen and (min-width: 1000px) { .pb70 { padding-bottom: 70px; } }

.pl70 { padding-left: 18.66667vw; }

@media screen and (min-width: 1000px) { .pl70 { padding-left: 70px; } }

.mt75 { margin-top: 20vw; }

@media screen and (min-width: 1000px) { .mt75 { margin-top: 75px; } }

.mr75 { margin-right: 20vw; }

@media screen and (min-width: 1000px) { .mr75 { margin-right: 75px; } }

.mb75 { margin-bottom: 20vw; }

@media screen and (min-width: 1000px) { .mb75 { margin-bottom: 75px; } }

.ml75 { margin-left: 20vw; }

@media screen and (min-width: 1000px) { .ml75 { margin-left: 75px; } }

.pt75 { padding-top: 20vw; }

@media screen and (min-width: 1000px) { .pt75 { padding-top: 75px; } }

.pr75 { padding-right: 20vw; }

@media screen and (min-width: 1000px) { .pr75 { padding-right: 75px; } }

.pb75 { padding-bottom: 20vw; }

@media screen and (min-width: 1000px) { .pb75 { padding-bottom: 75px; } }

.pl75 { padding-left: 20vw; }

@media screen and (min-width: 1000px) { .pl75 { padding-left: 75px; } }

.mt80 { margin-top: 21.33333vw; }

@media screen and (min-width: 1000px) { .mt80 { margin-top: 80px; } }

.mr80 { margin-right: 21.33333vw; }

@media screen and (min-width: 1000px) { .mr80 { margin-right: 80px; } }

.mb80 { margin-bottom: 21.33333vw; }

@media screen and (min-width: 1000px) { .mb80 { margin-bottom: 80px; } }

.ml80 { margin-left: 21.33333vw; }

@media screen and (min-width: 1000px) { .ml80 { margin-left: 80px; } }

.pt80 { padding-top: 21.33333vw; }

@media screen and (min-width: 1000px) { .pt80 { padding-top: 80px; } }

.pr80 { padding-right: 21.33333vw; }

@media screen and (min-width: 1000px) { .pr80 { padding-right: 80px; } }

.pb80 { padding-bottom: 21.33333vw; }

@media screen and (min-width: 1000px) { .pb80 { padding-bottom: 80px; } }

.pl80 { padding-left: 21.33333vw; }

@media screen and (min-width: 1000px) { .pl80 { padding-left: 80px; } }

.mt85 { margin-top: 22.66667vw; }

@media screen and (min-width: 1000px) { .mt85 { margin-top: 85px; } }

.mr85 { margin-right: 22.66667vw; }

@media screen and (min-width: 1000px) { .mr85 { margin-right: 85px; } }

.mb85 { margin-bottom: 22.66667vw; }

@media screen and (min-width: 1000px) { .mb85 { margin-bottom: 85px; } }

.ml85 { margin-left: 22.66667vw; }

@media screen and (min-width: 1000px) { .ml85 { margin-left: 85px; } }

.pt85 { padding-top: 22.66667vw; }

@media screen and (min-width: 1000px) { .pt85 { padding-top: 85px; } }

.pr85 { padding-right: 22.66667vw; }

@media screen and (min-width: 1000px) { .pr85 { padding-right: 85px; } }

.pb85 { padding-bottom: 22.66667vw; }

@media screen and (min-width: 1000px) { .pb85 { padding-bottom: 85px; } }

.pl85 { padding-left: 22.66667vw; }

@media screen and (min-width: 1000px) { .pl85 { padding-left: 85px; } }

.mt90 { margin-top: 24vw; }

@media screen and (min-width: 1000px) { .mt90 { margin-top: 90px; } }

.mr90 { margin-right: 24vw; }

@media screen and (min-width: 1000px) { .mr90 { margin-right: 90px; } }

.mb90 { margin-bottom: 24vw; }

@media screen and (min-width: 1000px) { .mb90 { margin-bottom: 90px; } }

.ml90 { margin-left: 24vw; }

@media screen and (min-width: 1000px) { .ml90 { margin-left: 90px; } }

.pt90 { padding-top: 24vw; }

@media screen and (min-width: 1000px) { .pt90 { padding-top: 90px; } }

.pr90 { padding-right: 24vw; }

@media screen and (min-width: 1000px) { .pr90 { padding-right: 90px; } }

.pb90 { padding-bottom: 24vw; }

@media screen and (min-width: 1000px) { .pb90 { padding-bottom: 90px; } }

.pl90 { padding-left: 24vw; }

@media screen and (min-width: 1000px) { .pl90 { padding-left: 90px; } }

.mt95 { margin-top: 25.33333vw; }

@media screen and (min-width: 1000px) { .mt95 { margin-top: 95px; } }

.mr95 { margin-right: 25.33333vw; }

@media screen and (min-width: 1000px) { .mr95 { margin-right: 95px; } }

.mb95 { margin-bottom: 25.33333vw; }

@media screen and (min-width: 1000px) { .mb95 { margin-bottom: 95px; } }

.ml95 { margin-left: 25.33333vw; }

@media screen and (min-width: 1000px) { .ml95 { margin-left: 95px; } }

.pt95 { padding-top: 25.33333vw; }

@media screen and (min-width: 1000px) { .pt95 { padding-top: 95px; } }

.pr95 { padding-right: 25.33333vw; }

@media screen and (min-width: 1000px) { .pr95 { padding-right: 95px; } }

.pb95 { padding-bottom: 25.33333vw; }

@media screen and (min-width: 1000px) { .pb95 { padding-bottom: 95px; } }

.pl95 { padding-left: 25.33333vw; }

@media screen and (min-width: 1000px) { .pl95 { padding-left: 95px; } }

.mt100 { margin-top: 26.66667vw; }

@media screen and (min-width: 1000px) { .mt100 { margin-top: 100px; } }

.mr100 { margin-right: 26.66667vw; }

@media screen and (min-width: 1000px) { .mr100 { margin-right: 100px; } }

.mb100 { margin-bottom: 26.66667vw; }

@media screen and (min-width: 1000px) { .mb100 { margin-bottom: 100px; } }

.ml100 { margin-left: 26.66667vw; }

@media screen and (min-width: 1000px) { .ml100 { margin-left: 100px; } }

.pt100 { padding-top: 26.66667vw; }

@media screen and (min-width: 1000px) { .pt100 { padding-top: 100px; } }

.pr100 { padding-right: 26.66667vw; }

@media screen and (min-width: 1000px) { .pr100 { padding-right: 100px; } }

.pb100 { padding-bottom: 26.66667vw; }

@media screen and (min-width: 1000px) { .pb100 { padding-bottom: 100px; } }

.pl100 { padding-left: 26.66667vw; }

@media screen and (min-width: 1000px) { .pl100 { padding-left: 100px; } }

.fs10 { font-size: 1em; }

.fs11 { font-size: 1.1em; }

.fs12 { font-size: 1.2em; }

.fs13 { font-size: 1.3em; }

.fs14 { font-size: 1.4em; }

.fs15 { font-size: 1.5em; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
.card_block { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 0 0 9.33333vw 0; }

.card_block .sub_title01, .card_block .sub_title02 { display: block; width: 100%; }

.card_block .sub_title01.sub_title01, .card_block .sub_title02.sub_title01 { color: #008DD0; font-size: 4.8vw; font-weight: bold; margin: 0 0 5.33333vw 0; }

.card_block .sub_title01.sub_title02, .card_block .sub_title02.sub_title02 { font-size: 4.26667vw; font-weight: bold; margin: 0 0 3.73333vw 0; }

.card_block .card01 { width: 100%; margin: 0 0 10.13333vw 0; }

.card_block .card01:last-child { margin: 0; }

.card_block .card01 strong { display: block; color: #008DD0; font-size: 4.8vw; font-weight: bold; margin: 0 0 4.8vw 0; }

.card_block .card01 .card_in { position: relative; top: 0; left: 0; background: #FFFFFF; }

.card_block .card01 .card_in .sp_area { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.card_block .card01 .card_in span { display: block; border-bottom: solid 4px #EFEFEF; }

.card_block .card01 .card_in p { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 4.26667vw; line-height: 1.625; width: 100%; height: 20vw; }

.card_block .card01 .card_in div { display: none; position: absolute; top: 0; left: 0; background: rgba(0, 141, 208, 0.7); width: 100%; height: 100%; }

.card_block .card01 .card_in div::before { content: ''; position: absolute; display: block; top: 0; left: 0; background: rgba(0, 141, 208, 0.7); width: 100%; height: 100%; }

.card_block .card01 .card_in div p { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-weight: bold; }

.card_block .card01 .card_in div ul { width: 100%; }

.card_block .card01 .card_in div ul li { width: 100%; margin: 0 auto; padding: 2.13333vw; box-sizing: border-box; }

.card_block .card01 .card_in div ul li a, .card_block .card01 .card_in div ul li span { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 50px; border: none; font-size: 4.53333vw; font-weight: bold; width: 100%; height: 9.06667vw; }

.card_block .card01 .card_in div ul li a::after, .card_block .card01 .card_in div ul li span::after { content: ''; display: block; position: absolute; top: 0; right: 2.66667vw; width: 2.13333vw; height: 100%; }

.card_block .card01 .card_in div ul li a.link01, .card_block .card01 .card_in div ul li span.link01 { background: #175499; color: #FFFFFF; }

.card_block .card01 .card_in div ul li a.link01::after, .card_block .card01 .card_in div ul li span.link01::after { background: url(/images/service/link02.svg) left center no-repeat; background-size: 100% auto; }

.card_block .card01 .card_in div ul li a.link02, .card_block .card01 .card_in div ul li span.link02 { background: #FFFFFF; color: #008dd0; }

.card_block .card01 .card_in div ul li a.link02::after, .card_block .card01 .card_in div ul li span.link02::after { background: url(/images/service/link01.svg) left center no-repeat; background-size: 100% auto; }

.card_block .card02 { position: relative; top: 0; left: 0; background: #FFFFFF; border-radius: 0.8vw; width: 42.66667vw; padding: 2.13333vw 2.13333vw 0 2.13333vw; box-sizing: border-box; margin: 0 0 4vw 0; }

.card_block .card02 .sp_area { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.card_block .card02 .card_in span { display: block; }

.card_block .card02 .card_in strong { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-bottom: solid 2px #EFEFEF; width: 100%; }

.card_block .card02 .card_in strong img { display: block; }

.card_block .card02 .card_in p { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 2.4vw; line-height: 1.44444; width: 100%; height: 6.93333vw; }

.card_block .card02 .card_in div { display: none; position: absolute; top: 0; left: 0; background: rgba(0, 141, 208, 0.7); width: 100%; height: 100%; }

.card_block .card02 .card_in div::before { content: ''; position: absolute; display: block; top: 0; left: 0; background: rgba(0, 141, 208, 0.7); width: 100%; height: 100%; }

.card_block .card02 .card_in div p { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-weight: bold; color: #FFFFFF; }

.card_block .card02 .card_in div ul { position: absolute; bottom: 2.13333vw; left: 0; width: 100%; }

.card_block .card02 .card_in div ul li { width: 100%; margin: 0 auto; padding: 1.06667vw; box-sizing: border-box; }

.card_block .card02 .card_in div ul li a, .card_block .card02 .card_in div ul li span { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 50px; font-size: 2.66667vw; font-weight: bold; width: 100%; height: 5.33333vw; }

.card_block .card02 .card_in div ul li a::after, .card_block .card02 .card_in div ul li span::after { content: ''; display: block; position: absolute; top: 0; right: 2.66667vw; width: 2.13333vw; height: 100%; }

.card_block .card02 .card_in div ul li a.link01, .card_block .card02 .card_in div ul li span.link01 { background: #175499; color: #FFFFFF; }

.card_block .card02 .card_in div ul li a.link01::after, .card_block .card02 .card_in div ul li span.link01::after { background: url(/images/service/link02.svg) left center no-repeat; background-size: 100% auto; }

.card_block .card02 .card_in div ul li a.link02, .card_block .card02 .card_in div ul li span.link02 { background: #FFFFFF; color: #008dd0; }

.card_block .card02 .card_in div ul li a.link02::after, .card_block .card02 .card_in div ul li span.link02::after { background: url(/images/service/link01.svg) left center no-repeat; background-size: 100% auto; }

.card_block .card03 { width: 100%; margin: 0 0 3.2vw 0; }

.card_block .card03 a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; background: #FFFFFF; color: #008DD0; border-radius: 0.8vw; font-size: 4.26667vw; font-weight: bold; width: 100%; min-height: 10.66667vw; padding: 1.6vw 0 1.6vw 3.2vw; box-sizing: border-box; }

@media screen and (min-width: 1000px) { .card_block { justify-content: flex-start; margin: 0; }
  .card_block:last-child { margin: 0 0 28px 0; }
  .card_block .sub_title01.sub_title01, .card_block .sub_title02.sub_title01 { font-size: 26px; margin: 12px 0 28px 0; }
  .card_block .sub_title01.sub_title02, .card_block .sub_title02.sub_title02 { font-size: 16px; margin: 28px 0 17px 0; }
  .card_block .card01 { width: 23.4375vw; margin: 0 1.66667vw 50px 0; }
  .card_block .card01:nth-child(3n) { margin: 0 0 50px 0; }
  .card_block .card01 strong { font-size: 1.35417vw; margin: 0 0 18px 0; }
  .card_block .card01 .card_in .sp_area { display: none; }
  .card_block .card01 .card_in span { border-bottom: 6px solid #EFEFEF; }
  .card_block .card01 .card_in p { font-size: 1.04167vw; line-height: 1.45; height: 4.94792vw; }
  .card_block .card01 .card_in div { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .card_block .card01 .card_in div a.full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
  .card_block .card01 .card_in div p { margin: 0 0 18px 0; }
  .card_block .card01 .card_in div ul li { padding: 8px 12px; }
  .card_block .card01 .card_in div ul li a, .card_block .card01 .card_in div ul li span { border-radius: 50px; font-size: 1.04167vw; height: 2.08333vw; }
  .card_block .card01 .card_in div ul li a::after, .card_block .card01 .card_in div ul li span::after { right: 0.52083vw; width: 0.41667vw; height: 100%; }
  .card_block .card01 .card_in div ul li a.link01, .card_block .card01 .card_in div ul li span.link01 { z-index: 1; }
  .card_block .card01 .card_in div ul li a.link01::after, .card_block .card01 .card_in div ul li span.link01::after { background: url(/images/service/link02.svg) left center no-repeat; background-size: 100% auto; }
  .card_block .card01 .card_in div ul li a.link02::after, .card_block .card01 .card_in div ul li span.link02::after { background: url(/images/service/link01.svg) left center no-repeat; background-size: 100% auto; }
  .card_block .card01 .card_in:hover div { opacity: 1.0; }
  .card_block .card02 { border-radius: 3px; width: 14.58333vw; margin: 0 5.72917vw 28px 0; padding: 12px 12px 0 12px; }
  .card_block .card02:nth-child(5n) { margin: 0 0 28px 0; }
  .card_block .card02 .card_in strong { border-bottom: solid 2px #EFEFEF; }
  .card_block .card02 .card_in p { font-size: 12px; line-height: 1.5; height: auto; min-height: 32px; padding: 8px 0; }
  .card_block .card02 .card_in div { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 3px; opacity: 0; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .card_block .card02 .card_in div a.full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
  .card_block .card02 .card_in div p { margin: 0 0 8px 0; padding: 0 8px; box-sizing: border-box; }
  .card_block .card02 .card_in div ul { position: relative; top: 0; left: 0; }
  .card_block .card02 .card_in div ul li { padding: 6px 12px; }
  .card_block .card02 .card_in div ul li a, .card_block .card02 .card_in div ul li span { border-radius: 50px; font-size: 14px; height: 30px; }
  .card_block .card02 .card_in div ul li a::after, .card_block .card02 .card_in div ul li span::after { right: 10px; width: 8px; }
  .card_block .card02 .card_in div ul li a.link01, .card_block .card02 .card_in div ul li span.link01 { z-index: 1; }
  .card_block .card02 .card_in div ul li a.link01::after, .card_block .card02 .card_in div ul li span.link01::after { background: url(/images/service/link02.svg) left center no-repeat; background-size: 100% auto; }
  .card_block .card02 .card_in div ul li a.link02::after, .card_block .card02 .card_in div ul li span.link02::after { background: url(/images/service/link01.svg) left center no-repeat; background-size: 100% auto; }
  .card_block .card02 .card_in:hover div { opacity: 1.0; }
  .card_block .card03 { width: 13.90625vw; min-width: 267px; min-height: 40px; margin: 0 1.30208vw 16px 0; }
  .card_block .card03:ntc-child(5n) { margin: 0 0 16px 0; }
  .card_block .card03 a { border-radius: 3px; position: relative; top: 0; left: 0; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; font-size: 16px; height: 100%; min-height: auto; padding: 6px 18px 6px 12px; }
  .card_block .card03 a:after { content: ''; border-radius: 3px; display: block; position: absolute; top: 0; left: 0; opacity: 0; background: rgba(0, 141, 208, 0.2); width: 100%; height: 100%; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .card_block .card03 a::before { content: ''; display: block; position: absolute; top: 0; right: 10px; opacity: 0; background: url(/images/service/link03.svg) left center no-repeat; background-size: 100% auto; width: 8px; height: 100%; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .card_block .card03 a:hover:after, .card_block .card03 a:hover:before { opacity: 1; } }

/* -----------------------------------------------------------------
.top_index
------------------------------------------------------------------ */
#main.top_index { position: relative; top: 0; left: 0; }

@keyframes example { 0% { opacity: 0; }
  5% { }
  30% { opacity: 1; }
  40% { }
  100% { } }

@keyframes color { 0% { background-position-x: 0%; }
  100% { background-position-x: -150%; } }

@keyframes logo { 0% { top: 30.24194vh;
    left: 43.70968vh;
    text-align: center;
    width: 40.72581vh; }
  100% { top: 14.1129vh;
    left: 14.35484vh;
    width: 20vh; } }

@keyframes logo01 { 0% { text-align: center; }
  100% { text-align: right; } }

@keyframes fad { 0% { top: 20px;
    opacity: 0; }
  100% { top: 0;
    opacity: 1; } }

@keyframes list { 0% { }
  100% { opacity: 1;
    bottom: 13.22581vh; } }

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1;}
}

#main.top_index #key {
  position: relative;
  top: 0;
  left: 0;
  height: 44.5vw;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 425px) {
  #main.top_index #key {
    height: 60vh;
    overflow: hidden;
  }
}

#main.top_index #key::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  background-size: cover;
  background-position: 50%;
  background-image: url('/images/index/main_bg.jpg');
  animation: fadeIn 1s both;
  animation-delay: 4s;
}
@media screen and (max-width: 425px) {
  #main.top_index #key::before {
    background-image: url('/images/index/main_bg_sp.jpg');
  }
}

#main.top_index #key .en_movie{
  width: 100%;
  height: auto;
  position: absolute;
  top: calc(50% - 25vw);
  left: 0;
  display: none;
}
@media screen and (max-width: 768px) {
  #main.top_index #key .en_movie{
    width: 100%;
    height: auto;
    top: calc(50% - 100vw);
  }
}
/* 再生可能 */
.IS_PLAY #main.top_index #key .en_movie{
  display: block;
}

#main.top_index #key ul { position: absolute; bottom: 5vw; left: 0; width: 100%; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }

#main.top_index #key ul li { width: 40vw; }

#main.top_index #key ul li:last-child { margin: 0 0 0 4.8vw; }

#main.top_index #key ul li a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; /* box-shadow */ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); font-size: 3.73333vw; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6ebf4+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #e6ebf4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%, #e6ebf4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%, #e6ebf4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ebf4',GradientType=1 ); /* IE6-9 */ border-radius: 50px; color: #006EB5; letter-spacing: 0; width: 100%; height: 8vw; padding: 0 0 0 3.2vw; box-sizing: border-box; }

#main.top_index #key ul li a::after { content: ''; display: block; position: absolute; top: 0; right: 2.66667vw; background: url(/images/service/link03.svg) left center no-repeat; background-size: 100% auto; width: 2.13333vw; height: 100%; }

#main.top_index .contents_body .pickup { background: #fff; position: relative; top: 0; left: 0; padding: 4.8vw 0 2.13333vw 0; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); }

#main.top_index .contents_body .pickup .title { margin: 0 0 2.66667vw 0; }

#main.top_index .contents_body .pickup .title strong, #main.top_index .contents_body .pickup .title p { display: block; color: #008DD0; text-align: center; }

#main.top_index .contents_body .pickup .title strong { font-weight: bold; font-size: 3.2vw; }

#main.top_index .contents_body .pickup .title p { font-size: 2.13333vw; }

#main.top_index .contents_body .pickup .list #slick_list .box_area { position: relative; top: 0; left: 0; border-left: 1px solid #CCCCCC; padding: 1.6vw 3.2vw 2.13333vw 3.2vw; box-sizing: border-box; }

#main.top_index .contents_body .pickup .list #slick_list .box_area .box_area_inner { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; }

#main.top_index .contents_body .pickup .list #slick_list .box_area span { display: block; width: 22.4vw; margin: 0 3.2vw 0 0; }

#main.top_index .contents_body .pickup .list #slick_list .box_area .text { width: 46.66667vw; margin: 0; }

#main.top_index .contents_body .pickup .list #slick_list .box_area strong, #main.top_index .contents_body .pickup .list #slick_list .box_area p { display: block; color: #008DD0; }

#main.top_index .contents_body .pickup .list #slick_list .box_area p { font-weight: bold; font-size: 3.2vw; }

#main.top_index .contents_body .pickup .list #slick_list .box_area strong { font-weight: bold; font-size: 4.26667vw; }

#main.top_index .contents_body .pickup .list #slick_list .box_area .sp_only { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only { display: none; }

#main.top_index .contents_body .mission_area { background: url(/images/index/mission_bg.png) -25.86667vw 30.66667vw no-repeat; background-size: 178.66667vw auto; width: 100%; overflow: hidden; padding: 13.06667vw 0 14.66667vw 0; }

#main.top_index .contents_body .mission_area .title { margin: 0 0 7.46667vw 0; }

#main.top_index .contents_body .mission_area .title h2, #main.top_index .contents_body .mission_area .title p { display: block; color: #008DD0; text-align: center; }

#main.top_index .contents_body .mission_area .title h2 { font-weight: bold; font-size: 5.86667vw; margin: 0 0 2.4vw 0; }

#main.top_index .contents_body .mission_area .title p { font-size: 3.2vw; }

#main.top_index .contents_body .mission_area .lead { display: block; font-size: 4.26667vw; text-align: center; font-weight: bold; color: #008DD0; line-height: 1.8125; }

#main.top_index .contents_body .mission_area .round { margin: 3.73333vw 0 9.6vw 0; }

#main.top_index .contents_body .mission_area .round .area { position: relative; top: 0; left: 0; background: url(/images/index/mission_img_sp.svg) left center no-repeat; background-size: 100% auto; width: 97.06667vw; height: 90.93333vw; margin: 0 auto; }

#main.top_index .contents_body .mission_area .round .area p { position: absolute; width: 21.208vw; height: 21.208vw; }

#main.top_index .contents_body .mission_area .round .area p a { display: block; border-radius: 500px; width: 100%; height: 100%; }

#main.top_index .contents_body .mission_area .round .area p.link1 { top: 29.86667vw; left: 29.06667vw; width: 34.66667vw; height: 34.66667vw; }

#main.top_index .contents_body .mission_area .round .area p.link2 { top: 1.86667vw; left: 27.2vw; }

#main.top_index .contents_body .mission_area .round .area p.link3 { top: 22.66667vw; left: 1.86667vw; }

#main.top_index .contents_body .mission_area .round .area p.link4 { top: 4.8vw; left: 62.93333vw; }

#main.top_index .contents_body .mission_area .round .area p.link5 { top: 34.66667vw; left: 74.13333vw; }

#main.top_index .contents_body .mission_area .round .area p.link6 { top: 68vw; left: 55.2vw; }

#main.top_index .contents_body .mission_area .round .area p.link7 { top: 62.66667vw; left: 8.53333vw; }

#main.top_index .contents_body .mission_area .text p { color: #646464; font-weight: normal; font-size: 4.26667vw; line-height: 1.8; margin: 0 0 6.93333vw 0; }

#main.top_index .contents_body .mission_area .text div { width: 48vw; }

#main.top_index .contents_body .mission_area .text div a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; /* box-shadow */ font-size: 3.73333vw; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6ebf4+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #e6ebf4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%, #e6ebf4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%, #e6ebf4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ebf4',GradientType=1 ); /* IE6-9 */ border-radius: 50px; color: #006EB5; letter-spacing: 0; width: 100%; height: 8vw; padding: 0 0 0 3.2vw; box-sizing: border-box; }

#main.top_index .contents_body .mission_area .text div a::after { content: ''; display: block; position: absolute; top: 0; right: 2.66667vw; background: url(/images/service/link03.svg) left center no-repeat; background-size: 100% auto; width: 2.13333vw; height: 100%; }

#main.top_index .contents_body .topics_area { background: #EFEFEF; padding: 18.66667vw 0 24.53333vw 0; }

#main.top_index .contents_body .topics_area .title { margin: 0 0 10.93333vw 0; }

#main.top_index .contents_body .topics_area .title h2, #main.top_index .contents_body .topics_area .title p { display: block; color: #008DD0; text-align: center; }

#main.top_index .contents_body .topics_area .title h2 { font-weight: bold; font-size: 5.86667vw; }

#main.top_index .contents_body .topics_area .title p { font-size: 3.2vw; }

#main.top_index .contents_body .topics_area ul { margin: 0 0 19.2vw 0; }

#main.top_index .contents_body .topics_area ul li { position: relative; top: 0; left: 0; border-radius: 4vw; background: #FFFFFF; margin: 0 0 6.93333vw 0; padding: 0 0 7.46667vw 0; }

#main.top_index .contents_body .topics_area ul li:last-child { margin: 0; }

#main.top_index .contents_body .topics_area ul li .img img { border-radius: 4vw 4vw 0 0; }

#main.top_index .contents_body .topics_area ul li .text { padding: 5.33333vw 6.4vw 0 4.26667vw; }

#main.top_index .contents_body .topics_area ul li .text strong { display: -webkit-flex; display: -ms-flex; display: flex; font-weight: bold; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 0 4vw 0; }

#main.top_index .contents_body .topics_area ul li .text strong span { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 30px; background: #008DD0; color: #FFFFFF; font-size: 2.93333vw; width: 32vw; height: 6.93333vw; }

#main.top_index .contents_body .topics_area ul li .text strong em { display: block; font-weight: bold; font-size: 2.93333vw; }

#main.top_index .contents_body .topics_area ul li .text p { font-size: 3vw; line-height: 1.625; font-weight: bold; }

#main.top_index .contents_body .topics_area ul li .sp_only { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#main.top_index .contents_body .topics_area ul li .init { display: none; }

#main.top_index .contents_body .topics_area ol { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }

#main.top_index .contents_body .topics_area ol li { width: 42.66667vw; }

#main.top_index .contents_body .topics_area ol strong, #main.top_index .contents_body .topics_area ol span { display: block; color: #008DD0; text-align: center; }

#main.top_index .contents_body .topics_area ol strong { font-weight: bold; font-size: 4.26667vw; }

#main.top_index .contents_body .topics_area ol span { display: block; font-size: 2.66667vw; margin: 0 0 4.26667vw 0; }

#main.top_index .contents_body .topics_area ol .text { position: relative; top: 0; left: 0; }

#main.top_index .contents_body .topics_area ol .text .img img { border-radius: 2vw; }

#main.top_index .contents_body .topics_area ol .text .sp_only { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#main.top_index .contents_body .topics_area ol .text div { display: none; }

#main.top_index .contents_body .link_bnr { padding: 7.46667vw 0 14.13333vw 0; }

#main.top_index .contents_body .link_bnr ul li { margin: 0 0 4.26667vw 0; }

#main.top_index .contents_body .link_bnr ul li:last-child { margin: 0; }

@media screen and (min-width: 1000px) {
  #main.top_index #key ul { bottom: 11.29032vh; opacity: 0; animation: list 1s both; animation-delay: 0.3s; /* 背景の横位置をズラす */ }
  #main.top_index #key ul li { width: 27.01613vh; max-width: 335px; }
  #main.top_index #key ul li:last-child { margin: 0 0 0 6.77419vh; }
  #main.top_index #key ul li a { -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; font-size: 1.77419vh; height: 5.48387vh; max-height: 68px; padding: 0 0 0 4.67742vh; }
  #main.top_index #key ul li a::after { right: 2.09677vh; width: 1.20968vh; }
  #main.top_index #key ul li a:hover { opacity: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dff2f8+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffffff 0%, #dff2f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dff2f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.34); }
  #main.top_index .contents_body { letter-spacing: 0.05em; }
  #main.top_index .contents_body .pickup { display: -webkit-flex; display: -ms-flex; display: flex; background: #FFFFFF; width: 87.42515%; margin: -5.48387vh auto 122px auto; padding: 2.58065vh 0 2.25806vh 0; box-sizing: border-box; }
  #main.top_index .contents_body .pickup .title { width: 30%; max-width: 300px; margin: 0; padding: 0 0 0 3.06452vh; box-sizing: border-box; }
  #main.top_index .contents_body .pickup .title strong, #main.top_index .contents_body .pickup .title p { text-align: left; }
  #main.top_index .contents_body .pickup .title strong { font-size: 3.87097vh; }
  #main.top_index .contents_body .pickup .title p { font-size: 1.77419vh; }
  #main.top_index .contents_body .pickup .list { width: 100%; }
  #main.top_index .contents_body .pickup .list #slick_list { display: -webkit-flex; display: -ms-flex; display: flex; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area { position: relative; top: 0; left: 0; display: block; border-left: 1px solid #CCCCCC; width: 33.333%; padding: 0 3.22581vh 0 3.22581vh; box-sizing: border-box; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .box_area_inner { display: block; max-width: 268px; margin: 0 auto; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area:last-child { padding: 0 2.01613vh 0 3.22581vh; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area:first-child { border: none; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area span { width: 100%; margin: 0; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .text { width: 100%; margin: 0; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area strong, #main.top_index .contents_body .pickup .list #slick_list .box_area p { text-align: left; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area p { font-size: 1.45161vh; padding: 10px 0 0 0; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area strong { font-size: 2.25806vh; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .sp_only { display: none; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; background: rgba(0, 141, 208, 0.8); width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only .full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only:hover { opacity: 1; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only div { width: 24.19355vh; max-width: 300px; margin: 0 auto; padding: 4.35484vh 0 0 0; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only strong, #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only p { color: #FFFFFF; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol { width: 100%; padding: 2.74194vh 0 0 0; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li { width: 24.19355vh; max-width: 300px; margin: 0 auto; padding: 0.64516vh 0; box-sizing: border-box; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li a, #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li span { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 50px; font-size: 1.37097vh; height: 2.74194vh; font-weight: bold; width: 100%; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li a::after, #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li span::after { content: ''; display: block; position: absolute; top: 0; right: 10px; width: 8px; height: 100%; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li a.link01, #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li span.link01 { background: #175499; color: #FFFFFF; z-index: 1; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li a.link01::after, #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li span.link01::after { background: url(/images/service/link02.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li a.link02, #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li span.link02 { background: #FFFFFF; color: #008dd0; }
  #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li a.link02::after, #main.top_index .contents_body .pickup .list #slick_list .box_area .pc_only ol li span.link02::after { background: url(/images/service/link01.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area { position: relative; top: 0; left: 0; background: url(/images/index/mission_bg.png) right -10.8982vw top 0 no-repeat; background-size: 86.46707% auto; padding: 0 0 200px 0; }
  #main.top_index .contents_body .mission_area .inner_cont { box-sizing: border-box; width: 87.42515%; }
  #main.top_index .contents_body .mission_area .title { margin: 0 0 73px 0; }
  #main.top_index .contents_body .mission_area .title h2, #main.top_index .contents_body .mission_area .title p { text-align: left; }
  #main.top_index .contents_body .mission_area .title h2 { font-size: 38px; margin: 0 0 9px 0; }
  #main.top_index .contents_body .mission_area .title p { font-size: 18px; }
  #main.top_index .contents_body .mission_area .lead { text-align: left; font-size: 20px; line-height: 1.41667; margin: 0 0 86px 0; }
  #main.top_index .contents_body .mission_area .round { position: absolute; top: 193px; right: 0; width: 48.59375vw; margin: 14px 0 36px 0; }
  #main.top_index .contents_body .mission_area .round .area { position: relative; top: 0; left: 0; background-size: contain; background: url(/images/index/mission_img.svg) left center no-repeat; background-size: 100% auto; width: 100%; height: 45.625vw; z-index: 1; }
  #main.top_index .contents_body .mission_area .round .area p { position: absolute; width: 9.16667vw; height: 9.16667vw; }
  #main.top_index .contents_body .mission_area .round .area p a { position: relative; top: 0; left: 0; display: block; border-radius: 500px; opacity: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  #main.top_index .contents_body .mission_area .round .area p a span { position: relative; top: 0; left: 0; display: block; width: 100%; height: 100%; }
  #main.top_index .contents_body .mission_area .round .area p a::after { content: ''; position: absolute; top: 0; left: 0; display: block; background: rgba(255, 255, 255, 0.2); width: 100%; height: 100%; }
  #main.top_index .contents_body .mission_area .round .area p a::before { -webkit-transition: 1.30s; -moz-transition: 1.30s; -ms-transition: 1.30s; -o-transition: 1.30s; transition: 1.30s; content: ''; position: absolute; top: -1.04167vw; left: -1.04167vw; display: block; width: 11.19792vw; height: 11.19792vw; }
  #main.top_index .contents_body .mission_area .round .area p a:hover { opacity: 1; }
  #main.top_index .contents_body .mission_area .round .area p a:hover::before { transform: rotate(360deg); }
  #main.top_index .contents_body .mission_area .round .area p.link1 { top: 15.46875vw; left: 13.33333vw; width: 18.64583vw; height: 18.64583vw; }
  #main.top_index .contents_body .mission_area .round .area p.link1 a span { background: url(/images/index/mission_icon07.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link1 a::before { top: -2.08333vw; left: -2.08333vw; width: 22.70833vw; height: 22.70833vw; background: url(/images/index/mission_bg07.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link2 { top: 0.72917vw; left: 13.59375vw; }
  #main.top_index .contents_body .mission_area .round .area p.link2 a span { background: url(/images/index/mission_icon01.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link2 a::before { background: url(/images/index/mission_bg01.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link3 { top: 13.125vw; left: 0.72917vw; }
  #main.top_index .contents_body .mission_area .round .area p.link3 a span { background: url(/images/index/mission_icon02.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link3 a::before { background: url(/images/index/mission_bg02.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link4 { top: 2.76042vw; left: 32.91667vw; }
  #main.top_index .contents_body .mission_area .round .area p.link4 a span { background: url(/images/index/mission_icon03.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link4 a::before { background: url(/images/index/mission_bg03.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link5 { top: 18.4375vw; left: 38.64583vw; }
  #main.top_index .contents_body .mission_area .round .area p.link5 a span { background: url(/images/index/mission_icon04.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link5 a::before { background: url(/images/index/mission_bg04.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link6 { top: 35.67708vw; left: 28.64583vw; }
  #main.top_index .contents_body .mission_area .round .area p.link6 a span { background: url(/images/index/mission_icon05.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link6 a::before { background: url(/images/index/mission_bg05.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link7 { top: 33.85417vw; left: 3.38542vw; }
  #main.top_index .contents_body .mission_area .round .area p.link7 a span { background: url(/images/index/mission_icon06.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .round .area p.link7 a::before { background: url(/images/index/mission_bg06.svg) left center no-repeat; background-size: 100% auto; }
  #main.top_index .contents_body .mission_area .text { width: 29.6875vw; max-width: 570px; min-height: 43.02083vw; }
  #main.top_index .contents_body .mission_area .text p { font-size: 16px; line-height: 2.08333; margin: 0 0 51px 0; }
  #main.top_index .contents_body .mission_area .text div { width: 330px; padding: 18px 0 0 0; }
  #main.top_index .contents_body .mission_area .text div a { -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; font-size: 22px; height: 66px; padding: 0 0 0 25px; }
  #main.top_index .contents_body .mission_area .text div a::after { right: 23px; width: 17px; }
  #main.top_index .contents_body .mission_area .text div a:hover { opacity: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dff2f8+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffffff 0%, #dff2f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dff2f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.34); }
  #main.top_index .contents_body .topics_area { padding: 100px 0 144px 0; }
  #main.top_index .contents_body .topics_area .title { margin: 0 0 40px 0; }
  #main.top_index .contents_body .topics_area .title h2, #main.top_index .contents_body .topics_area .title p { text-align: left; }
  #main.top_index .contents_body .topics_area .title h2 { font-size: 38px; }
  #main.top_index .contents_body .topics_area .title p { font-size: 18px; }
  #main.top_index .contents_body .topics_area ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 166px 0; }
  #main.top_index .contents_body .topics_area ul li { width: 31.50685%; border-radius: 15px; margin: 0; padding: 0 0 33px 0; }
  #main.top_index .contents_body .topics_area ul li .img img { border-radius: 15px 15px 0 0; }
  #main.top_index .contents_body .topics_area ul li .text { padding: 27px 20px 0 20px; }
  #main.top_index .contents_body .topics_area ul li .text strong { margin: 0 0 21px 0; }
  #main.top_index .contents_body .topics_area ul li .text strong span { font-size: 16px; width: 164px; height: 35px; }
  #main.top_index .contents_body .topics_area ul li .text strong em { font-size: 16px; }
  #main.top_index .contents_body .topics_area ul li .text p { font-size: 16px; line-height: 1.5; }
  #main.top_index .contents_body .topics_area ul li .sp_only { display: none; }
  #main.top_index .contents_body .topics_area ul li .init { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; border-radius: 15px; background: rgba(0, 141, 208, 0.8); width: 100%; height: 100%; opacity: 0; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  #main.top_index .contents_body .topics_area ul li .init:hover { opacity: 1; }
  #main.top_index .contents_body .topics_area ul li .init a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  #main.top_index .contents_body .topics_area ul li .init a:hover { opacity: 1; }
  #main.top_index .contents_body .topics_area ul li .init span { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border-radius: 40px; background: #FFFFFF; color: #008dd0; font-size: 16px; width: 300px; height: 40px; padding: 0 0 0 82px; box-sizing: border-box; }
  #main.top_index .contents_body .topics_area ul li .init span::after { content: ''; display: block; position: absolute; top: 0; right: 10px; background: url(/images/service/link01.svg) left center no-repeat; background-size: 100% auto; width: 8px; height: 100%; }
  #main.top_index .contents_body .topics_area ol li { width: 46.57534%; }
  #main.top_index .contents_body .topics_area ol strong, #main.top_index .contents_body .topics_area ol span { text-align: left; }
  #main.top_index .contents_body .topics_area ol strong { font-size: 38px; }
  #main.top_index .contents_body .topics_area ol span { font-size: 18px; margin: 0 0 32px 0; }
  #main.top_index .contents_body .topics_area ol .text .img img { border-radius: 15px; }
  #main.top_index .contents_body .topics_area ol .text .sp_only { display: none; }
  #main.top_index .contents_body .topics_area ol .text div { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; border-radius: 15px; background: rgba(0, 141, 208, 0.8); width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  #main.top_index .contents_body .topics_area ol .text div:hover { opacity: 1; }
  #main.top_index .contents_body .topics_area ol .text div a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  #main.top_index .contents_body .topics_area ol .text div a:hover { opacity: 1; }
  #main.top_index .contents_body .topics_area ol .text div span { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border-radius: 40px; background: #FFFFFF; color: #008dd0; font-size: 16px; width: 300px; height: 40px; padding: 0 0 0 82px; box-sizing: border-box; margin: 0; }
  #main.top_index .contents_body .topics_area ol .text div span::after { content: ''; display: block; position: absolute; top: 0; right: 10px; background: url(/images/service/link01.svg) left center no-repeat; background-size: 100% auto; width: 8px; height: 100%; }
  #main.top_index .contents_body .link_bnr { padding: 82px 0 116px 0; }
  #main.top_index .contents_body .link_bnr ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; margin: 0; }
  #main.top_index .contents_body .link_bnr ul li { width: 31.50685%; margin: 0 3.90411% 0 0; }
  #main.top_index .contents_body .link_bnr ul li:last-child { margin: 0; } }

@media all and (-ms-high-contrast: none) { #main.top_index { /* IE10,11用 */ }
  #main.top_index #key div { background: none; color: #008dd0; } }

/* -----------------------------------------------------------------
.service_page
------------------------------------------------------------------ */
.service_page #contents_body { margin: 0 0 15.46667vw 0; }

.service_page .pagetitlearea { position: relative; top: 0; left: 0; width: 100%; height: 61.06667vw; }

.service_page .pagetitlearea.key1 { background: url(/images/service/iot/key_img_sp.jpg) center center no-repeat; background-size: 100% auto; }

.service_page .pagetitlearea.key1 .text h1, .service_page .pagetitlearea.key1 .text strong { color: #008DD0; }

.service_page .pagetitlearea.key2 { background: url(/images/service/pos/key_img_sp.jpg) center center no-repeat; background-size: 100% auto; }

.service_page .pagetitlearea.key3 { background: url(/images/service/order/key_img_sp.jpg) center center no-repeat; background-size: 100% auto; }

.service_page .pagetitlearea.key4 { background: url(/images/service/app/key_img_sp.jpg) center center no-repeat; background-size: 100% auto; }

.service_page .pagetitlearea.key5 { background: url(/images/service/support/key_img_sp.jpg) center center no-repeat; background-size: 100% auto; }

.service_page .pagetitlearea .text { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; height: 100%; }

.service_page .pagetitlearea .text h1, .service_page .pagetitlearea .text strong { display: block; color: #FFFFFF; text-align: center; }

.service_page .pagetitlearea .text h1 { font-size: 5.86667vw; font-weight: bold; }

.service_page .pagetitlearea .text strong { font-size: 3.2vw; }

.service_page .pagetitlearea .box { position: absolute; top: 50.93333vw; right: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); background: #FFFFFF; width: 85.33333vw; height: 20.26667vw; padding: 0 2.66667vw 0 6.4vw; box-sizing: border-box; }

.service_page .pagetitlearea .box h2, .service_page .pagetitlearea .box p { color: #008DD0; }

.service_page .pagetitlearea .box h2 { font-weight: bold; font-size: 3.2vw; }

.service_page .pagetitlearea .box p { font-size: 2.13333vw; }

.service_page #contents_body .lnav_area { background: #FFFFFF; padding: 14.66667vw 0 0 0; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); margin: 0 0 9.33333vw 0; }

.service_page #contents_body .lnav_area .lnav01 { display: -webkit-flex; display: -ms-flex; display: flex; padding: 0 0 5.33333vw 0; }

.service_page #contents_body .lnav_area .lnav01 li { border-right: dashed 1px #CCCCCC; }

.service_page #contents_body .lnav_area .lnav01 li:last-child { border-right: none; }

.service_page #contents_body .lnav_area .lnav01 li:first-child, .service_page #contents_body .lnav_area .lnav01 li:last-child { width: 24vw; }

.service_page #contents_body .lnav_area .lnav01 li:nth-child(2) { width: 40.8vw; }

.service_page #contents_body .lnav_area .lnav02 strong { display: block; text-align: center; font-weight: bold; font-size: 2.13333vw; margin: 0 0 1.6vw 0; }

.service_page #contents_body .lnav_area .lnav02 ul, .service_page #contents_body .lnav_area .lnav02 ol { display: -webkit-flex; display: -ms-flex; display: flex; border-top: #CCCCCC solid 1px; }

.service_page #contents_body .lnav_area .lnav02 ul li, .service_page #contents_body .lnav_area .lnav02 ol li { border-right: dashed 1px #CCCCCC; box-sizing: border-box; }

.service_page #contents_body .lnav_area .lnav02 ul li:last-child, .service_page #contents_body .lnav_area .lnav02 ol li:last-child { border-right: none; }

.service_page #contents_body .lnav_area .lnav02 ul { margin: 0 0 6.93333vw 0; }

.service_page #contents_body .lnav_area .lnav02 ul li { width: 25%; text-align: center;}

.service_page #contents_body .lnav_area .lnav02 ul li a img{ width: 70%; margin: 20px auto;}

.service_page #contents_body .lnav_area .lnav02 ol li { width: 50%; text-align: center;}

.service_page #contents_body .lnav_area .lnav02 ol li a img { width: 70%; margin: 20px auto;}

.service_page #contents_body .lnav_area .lnav04 { padding: 0 0 5.33333vw 0; }

.service_page #contents_body .lnav_area .lnav04 ul { display: -webkit-flex; display: -ms-flex; display: flex; }

.service_page #contents_body .lnav_area .lnav04 li { position: relative; top: 0; left: 0; width: 33.3333%; box-sizing: border-box; text-align: center;}

.service_page #contents_body .lnav_area .lnav04 li a img { width: 80%;}

.service_page #contents_body .lnav_area .lnav04 li::after, .service_page #contents_body .lnav_area .lnav04 li::before { position: absolute; top: 2.66667vw; content: ''; display: block; width: 1px; height: 21.33333vw; }

.service_page #contents_body .lnav_area .lnav04 li:first-child::after { right: 0; border-right: solid 1px #CCCCCC; }

.service_page #contents_body .lnav_area .lnav04 li:last-child::before { left: 0; border-left: dashed 1px #CCCCCC; }

.service_page #contents_body .lnav_area .lnav05 { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }

.service_page #contents_body .lnav_area .lnav05 div { width: 50%; box-sizing: border-box; }

.service_page #contents_body .lnav_area .lnav05 div:last-child { border-left: 1px solid #CCCCCC; }

.service_page #contents_body .lnav_area .lnav05 div.full { width: 100%; margin: 0 0 3.73333vw 0; }

.service_page #contents_body .lnav_area .lnav05 strong { display: block; text-align: center; font-weight: bold; font-size: 2.13333vw; margin: 0 0 1.6vw 0; }

.service_page #contents_body .lnav_area .lnav05 ol { display: -webkit-flex; display: -ms-flex; display: flex; border-top: #CCCCCC solid 1px; padding: 1.86667vw 0 0 0; }

.service_page #contents_body .lnav_area .lnav05 ol li { border-right: dashed 1px #CCCCCC; box-sizing: border-box; width: 33.3333%; }

.service_page #contents_body .lnav_area .lnav05 ol li:last-child { border-right: none; }

.service_page #contents_body .lnav_area .lnav05 ul { display: -webkit-flex; display: -ms-flex; display: flex; border-top: #CCCCCC solid 1px; padding: 1.86667vw 0 1.33333vw 0; }

.service_page #contents_body .lnav_area .lnav05 ul li { border-right: dashed 1px #CCCCCC; box-sizing: border-box; width: 50%; }

.service_page #contents_body .lnav_area .lnav05 ul li:last-child { border-right: none; }

.service_page .cont .inner_cont .lead { color: #646464; font-size: 4.26667vw; line-height: 1.625; margin: 0 0 9.33333vw 0; }

.service_page .cont .inner_cont .coloum_area { box-sizing: border-box; margin: 0 0 14.93333vw 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area01 { background: #FFFFFF url(/images/service/iot/coloum_area01_bg_sp.jpg) bottom center no-repeat; background-size: 100% auto; height: 130.66667vw; padding: 11.73333vw 0 0 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area01 .text_area .logo01 { width: 45.6vw; margin: 0 auto 8vw auto; }

.service_page .cont .inner_cont .coloum_area.coloum_area01 .text_area strong { display: block; font-size: 4.26667vw; line-height: 1.625; color: #008DD0; font-weight: bold; width: 69.33333vw; padding: 0 0 0 9.6vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area01 .text_area p { color: #008DD0; font-size: 2.13333vw; line-height: 1.5; padding: 0 0 5.86667vw 9.6vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area01 .text_area ul { margin: 9.6vw 0 0 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area02 { position: relative; top: 0; left: 0; background: #FFFFFF url(/images/service/pos/coloum_area01_bg_sp.jpg) bottom center no-repeat; background-size: 100% auto; height: 142.13333vw; padding: 9.6vw 0 0 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area02 .text_area .logo01 { width: 46.66667vw; margin: 0 auto 9.06667vw auto; }

.service_page .cont .inner_cont .coloum_area.coloum_area02 .text_area p { color: #646464; text-align: center; font-size: 4.26667vw; line-height: 1.6875; padding: 0 4.26667vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area02 .text_area p em { color: #008DD0; font-weight: bold; }

.service_page .cont .inner_cont .coloum_area.coloum_area02 .text_area ul { position: absolute; bottom: 6.66667vw; left: 21.86667vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area03 { position: relative; top: 0; left: 0; background: #FFFFFF url(/images/service/pos/coloum_area02_bg_sp.jpg) bottom center no-repeat; background-size: 100% auto; height: 142.13333vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area03 .text_area { background: rgba(0, 153, 217, 0.64); height: 63.46667vw; padding: 11.2vw 0 0 0; box-sizing: border-box; }

.service_page .cont .inner_cont .coloum_area.coloum_area03 .text_area .logo02 { width: 69.06667vw; margin: 0 auto 7.46667vw auto; }

.service_page .cont .inner_cont .coloum_area.coloum_area03 .text_area p { color: #FFFFFF; text-align: center; font-size: 4.26667vw; line-height: 1.6875; padding: 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area03 .text_area ul { position: absolute; bottom: 6.66667vw; left: 21.86667vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area04 { position: relative; top: 0; left: 0; background: #FFFFFF url(/images/service/order/coloum_area01_bg_sp.jpg) bottom center no-repeat; background-size: 100% auto; height: 142.13333vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area04 .text_area { background: rgba(0, 34, 51, 0.46); height: 68.8vw; padding: 12.26667vw 0 0 0; box-sizing: border-box; }

.service_page .cont .inner_cont .coloum_area.coloum_area04 .text_area .logo01 { text-align: center; font-weight: bold; color: #FFFFFF; font-size: 5.86667vw; margin: 0 0 7.46667vw 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area04 .text_area p { color: #FFFFFF; text-align: center; font-size: 4.26667vw; line-height: 1.6875; padding: 0 4.26667vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area05 { position: relative; top: 0; left: 0; background: #FFFFFF url(/images/service/order/coloum_area02_bg_sp.jpg) bottom center no-repeat; background-size: 100% auto; height: 142.13333vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area05 .text_area { background: rgba(0, 34, 51, 0.64); height: 68.8vw; padding: 12.26667vw 0 0 0; box-sizing: border-box; }

.service_page .cont .inner_cont .coloum_area.coloum_area05 .text_area .logo01 { text-align: center; font-weight: bold; color: #FFFFFF; font-size: 5.86667vw; margin: 0 0 7.46667vw 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area05 .text_area p { color: #FFFFFF; text-align: center; font-size: 4.26667vw; line-height: 1.6875; padding: 0 4.26667vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area05 .text_area ul { position: absolute; bottom: 6.66667vw; left: 21.86667vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area06 { position: relative; top: 0; left: 0; background: #FFFFFF url(/images/service/app/coloum_area01_bg_sp.jpg) bottom center no-repeat; background-size: 100% auto; height: 142.13333vw; padding: 9.6vw 0 0 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area06 .text_area .logo01 { width: 62.13333vw; margin: 0 auto 9.06667vw auto; }

.service_page .cont .inner_cont .coloum_area.coloum_area06 .text_area p { color: #646464; text-align: center; font-size: 4.26667vw; line-height: 1.6875; padding: 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area06 .text_area ul { position: absolute; bottom: 6.66667vw; left: 21.86667vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area07 { position: relative; top: 0; left: 0; background: #FFFFFF url(/images/service/support/coloum_area01_bg_sp.jpg) bottom center no-repeat; background-size: 100% auto; height: 142.13333vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area07 .text_area { background: rgba(255, 255, 255, 0.8); height: 63.46667vw; padding: 12.26667vw 0 0 0; box-sizing: border-box; }

.service_page .cont .inner_cont .coloum_area.coloum_area07 .text_area .logo01 { width: 57.06667vw; margin: 0 auto 7.46667vw auto; }

.service_page .cont .inner_cont .coloum_area.coloum_area07 .text_area p { color: #646464; text-align: center; font-size: 4.26667vw; line-height: 1.6875; padding: 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area07 .text_area ul { position: absolute; bottom: 6.66667vw; left: 21.86667vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area08 { position: relative; top: 0; left: 0; background: #FFFFFF url(/images/service/support/coloum_area02_bg_sp.jpg) bottom center no-repeat; background-size: 100% auto; height: 142.13333vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area08 .text_area { background: rgba(50, 158, 57, 0.88); height: 63.46667vw; padding: 12.26667vw 0 0 0; box-sizing: border-box; }

.service_page .cont .inner_cont .coloum_area.coloum_area08 .text_area .logo01 { text-align: center; font-weight: bold; color: #FFFFFF; font-size: 5.86667vw; margin: 0 0 7.46667vw 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area08 .text_area p { color: #FFFFFF; text-align: center; font-size: 4.26667vw; line-height: 1.6875; padding: 0 4.26667vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area08 .text_area ul { position: absolute; bottom: 6.66667vw; left: 21.86667vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area09 { position: relative; top: 0; left: 0; background: #FFFFFF url(/images/service/support/coloum_area03_bg_sp.jpg) bottom center no-repeat; background-size: 100% auto; height: 142.13333vw; }

.service_page .cont .inner_cont .coloum_area.coloum_area09 .text_area { background: rgba(0, 34, 51, 0.64); height: 63.46667vw; padding: 12.26667vw 0 0 0; box-sizing: border-box; }

.service_page .cont .inner_cont .coloum_area.coloum_area09 .text_area .logo01 { text-align: center; font-weight: bold; color: #FFFFFF; font-size: 5.86667vw; margin: 0 0 7.46667vw 0; }

.service_page .cont .inner_cont .coloum_area.coloum_area09 .text_area p { color: #FFFFFF; text-align: center; font-size: 4.26667vw; line-height: 1.6875; padding: 0 4.26667vw; }

.service_page .cont .inner_cont .coloum_area .text_area ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }

.service_page .cont .inner_cont .coloum_area .text_area ul li { width: 40vw; }

.service_page .cont .inner_cont .coloum_area .text_area ul li:last-child { margin: 0 0 0 2.66667vw; }

.service_page .cont .inner_cont .coloum_area .text_area ul li a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; /* box-shadow */ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); font-size: 3.73333vw; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6ebf4+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #e6ebf4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%, #e6ebf4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%, #e6ebf4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ebf4',GradientType=1 ); /* IE6-9 */ border-radius: 50px; color: #006EB5; letter-spacing: 0; width: 100%; height: 8vw; padding: 0 0 0 3.2vw; box-sizing: border-box; }

.service_page .cont .inner_cont .coloum_area .text_area ul li a::after { content: ''; display: block; position: absolute; top: 0; right: 2.66667vw; background: url(/images/service/link03.svg) left center no-repeat; background-size: 100% auto; width: 2.13333vw; height: 100%; }

.service_page .cont .movie_area { background: url(/images/service/iot/movie_area_bg_sp.jpg) bottom center no-repeat; background-size: 100% auto; padding: 16vw 0 13.86667vw 0; margin: 15.46667vw 0 13.86667vw 0; }

.service_page .cont .movie_area strong { display: block; text-align: center; font-weight: bold; color: #FFFFFF; font-size: 4.26667vw; }

.service_page .cont .movie_area .left_block { margin: 0 0 13.86667vw 0; }

.service_page .cont .movie_area .left_block .mopvie_link { margin: 6.93333vw 0 4.26667vw 0; }

.service_page .cont .movie_area .left_block p { text-align: center; }

.service_page .cont .movie_area .left_block p img { width: auto; height: 6.4vw; margin: 0 auto; }

.service_page .cont .movie_area .right_block ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 4.26667vw 0 0 0; }

.service_page .cont .movie_area .right_block ul li { width: 43.2vw; margin: 0 0 8.53333vw 0; }

.service_page .cont .movie_area .right_block ul li .mopvie_link a { display: block; }

.service_page .cont .movie_area .right_block ul li p { text-align: center; margin: 4.26667vw 0 0 0; }

.service_page .cont .movie_area .right_block ul li p img { width: auto; height: 4.26667vw; margin: 0 auto; }

.service_page .cont .movie_area .right_block p.link { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }

.service_page .cont .movie_area .right_block p.link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; /* box-shadow */ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); font-size: 3.73333vw; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6ebf4+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #e6ebf4 200%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%, #e6ebf4 200%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%, #e6ebf4 200%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ebf4',GradientType=1 ); /* IE6-9 */ border-radius: 50px; color: #006EB5; letter-spacing: 0; width: 40vw; height: 8vw; padding: 0 0 0 3.2vw; box-sizing: border-box; }

.service_page .cont .movie_area .right_block p.link a::after { content: ''; display: block; position: absolute; top: 0; right: 2.66667vw; background: url(/images/service/link03.svg) left center no-repeat; background-size: 100% auto; width: 2.13333vw; height: 100%; }

@media screen and (min-width: 1000px) {
  .service_page #contents_body { margin: 0 0 200px 0; }
  .service_page .pagetitlearea { height: 476px; }
  .service_page .pagetitlearea.key1 { background: url(/images/service/iot/key_img_pc.jpg) right top no-repeat; background-size: cover; }
  .service_page .pagetitlearea.key2 { background: url(/images/service/pos/key_img_pc.jpg) right top no-repeat; background-size: cover; }
  .service_page .pagetitlearea.key3 { background: url(/images/service/order/key_img_pc.jpg) right top no-repeat; background-size: cover; }
  .service_page .pagetitlearea.key4 { background: url(/images/service/app/key_img_pc.jpg) right top no-repeat; background-size: cover; }
  .service_page .pagetitlearea.key5 { background: url(/images/service/support/key_img_pc.jpg) right top no-repeat; background-size: cover; }
  .service_page .pagetitlearea .text { align-items: flex-start; }
  .service_page .pagetitlearea .text h1, .service_page .pagetitlearea .text strong { text-align: left; padding: 0 0 0 130px; }
  .service_page .pagetitlearea .text h1 { font-size: 38px; }
  .service_page .pagetitlearea .text strong { font-size: 18px; }
  .service_page .pagetitlearea .box { top: 354px; width: 935px; height: 197px; padding: 0 0 0 70px; }
  .service_page .pagetitlearea .box h2 { font-size: 24px; }
  .service_page .pagetitlearea .box p { font-size: 18px; }
  .service_page #contents_body .lnav_area { padding: 120px 0 0 0; margin: 0 0 92px 0; }
  .service_page #contents_body .lnav_area .inner_cont { width: 100% !important; }
  .service_page #contents_body .lnav_area .lnav01 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; padding: 0 0 12px 0; }
  .service_page #contents_body .lnav_area .lnav01 li { border-right: dashed 1px #CCCCCC; }
  .service_page #contents_body .lnav_area .lnav01 li:last-child { border-right: none; }
  .service_page #contents_body .lnav_area .lnav01 li:first-child { width: 23.85417vw; }
  .service_page #contents_body .lnav_area .lnav01 li:last-child { width: 28.85417vw; }
  .service_page #contents_body .lnav_area .lnav01 li:nth-child(2) { width: 34.27083vw; }
  .service_page #contents_body .lnav_area .lnav02 { display: -webkit-flex; display: -ms-flex; display: flex; }
  .service_page #contents_body .lnav_area .lnav02 div { width: 28.48958vw; }
  .service_page #contents_body .lnav_area .lnav02 div.full { border-right: 1px solid #CCCCCC; box-sizing: border-box; width: 58.75vw; }
  .service_page #contents_body .lnav_area .lnav02 strong { font-size: 16px; margin: 0 0 18px 0; }
  .service_page #contents_body .lnav_area .lnav02 ul { padding: 12px 0 0 0; margin: 0; }
  .service_page #contents_body .lnav_area .lnav02 ol { padding: 12px 0 0 0; }
  .service_page #contents_body .lnav_area .lnav04 { padding: 0; }
  .service_page #contents_body .lnav_area .lnav04 li { width: 24.375vw; padding: 1.51042vw 0 0 0; }
  .service_page #contents_body .lnav_area .lnav04 li:first-child { width: 38.125vw; padding: 0; }
  .service_page #contents_body .lnav_area .lnav04 li::after, .service_page #contents_body .lnav_area .lnav04 li::before { top: 10px; height: 12.8125vw; }
  .service_page #contents_body .lnav_area .lnav05 div { width: 28.02395%; }
  .service_page #contents_body .lnav_area .lnav05 div:last-child { border-left: 1px solid #CCCCCC; }
  .service_page #contents_body .lnav_area .lnav05 div:first-child { border-right: 1px solid #CCCCCC; }
  .service_page #contents_body .lnav_area .lnav05 div.full { width: 38.92216%; margin: 0; }
  .service_page #contents_body .lnav_area .lnav05 div.last { width: 33.05389%; margin: 0; }
  .service_page #contents_body .lnav_area .lnav05 strong { font-size: 16px; margin: 0 0 18px 0; }
  .service_page #contents_body .lnav_area .lnav05 ol { padding: 25px 10px 10px 10px; }
  .service_page #contents_body .lnav_area .lnav05 ol li { width: 33.3333%; }
  .service_page #contents_body .lnav_area .lnav05 ol li:last-child { border-right: none; }
  .service_page #contents_body .lnav_area .lnav05 ul { padding: 25px 0 10px 0; }
  .service_page #contents_body .lnav_area .lnav05 ul li { width: 50%; }
  .service_page #contents_body .lnav_area .lnav05 ul li:last-child { border-right: none; }
  .service_page .cont { margin: 0 0 64px 0; }
  .service_page .cont .inner_cont .lead { font-size: 20px; line-height: 2.08333; margin: 0 0 75px 0; }
  .service_page .cont .inner_cont .coloum_area { position: relative; top: 0; left: 0; margin: 0 0 120px 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area01 { background: #FFFFFF url(/images/service/iot/coloum_area01_bg.jpg) bottom right no-repeat; background-size: auto 100%; height: 38.75vw; max-height: 744px; padding: 0 0 0 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area01 .text_area { padding: 5.98958vw 0 0 6.04167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area01 .text_area .logo01 { width: 23.64583vw; max-width: 454px; margin: 0 0 4.0625vw 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area01 .text_area strong { font-size: 24px; line-height: 1.46875; width: auto; padding: 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area01 .text_area p { font-size: 18px; line-height: 1.5; padding: 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area02 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; background: #FFFFFF url(/images/service/pos/coloum_area01_bg.jpg) bottom left no-repeat; background-size: auto 100%; height: 38.75vw; max-height: 744px; padding: 9.6vw 0 0 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area02 .text_area { position: relative; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); width: 565px; padding: 0 2.08333vw; box-sizing: border-box; }
  .service_page .cont .inner_cont .coloum_area.coloum_area02 .text_area .logo01 { width: 18.125vw; max-width: 348px; margin: 0 0 2.08333vw 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area02 .text_area p { text-align: left; font-size: 20px; line-height: 2.08333; padding: 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area02 .text_area ul { bottom: 6.66667vw; left: 2.08333vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area03 { background: #FFFFFF url(/images/service/pos/coloum_area02_bg.jpg) bottom center no-repeat; background-size: auto 100%; height: 38.75vw; max-height: 744px; margin: 70px 0 120px 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area03 .text_area { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; width: 731px; height: 100%; padding: 10vw 0 0 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area03 .text_area .logo02 { width: 22.86458vw; max-width: 439px; margin: 0 0 2.1875vw 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area03 .text_area p { text-align: left; font-size: 20px; line-height: 2.08333; width: 427px; }
  .service_page .cont .inner_cont .coloum_area.coloum_area03 .text_area ul { bottom: 6.875vw; left: 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area04 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; background: #FFFFFF url(/images/service/order/coloum_area01_bg.jpg) bottom center no-repeat; background-size: auto 100%; height: 38.75vw; max-height: 744px; }
  .service_page .cont .inner_cont .coloum_area.coloum_area04 .text_area { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; width: 731px; height: 100%; padding: 9.11458vw 0 0 6.66667vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area04 .text_area .logo01 { text-align: left; font-size: 34px; margin: 0 0 2.8125vw 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area04 .text_area p { text-align: left; font-size: 20px; line-height: 2.08333; width: 427px; padding: 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area05 { position: relative; top: 0; left: 0; background: #FFFFFF url(/images/service/order/coloum_area02_bg.jpg) bottom center no-repeat; background-size: auto 100%; height: 38.75vw; max-height: 744px; }
  .service_page .cont .inner_cont .coloum_area.coloum_area05 .text_area { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; width: 731px; height: 100%; padding: 9.11458vw 0 0 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area05 .text_area .logo01 { text-align: left; font-size: 34px; margin: 0 0 2.8125vw 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area05 .text_area p { text-align: left; font-size: 20px; line-height: 2.08333; width: 427px; padding: 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area05 .text_area ul { bottom: 6.875vw; left: 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area06 { position: relative; top: 0; left: 0; background: #FFFFFF url(/images/service/app/coloum_area01_bg.jpg) bottom right no-repeat; background-size: auto 100%; height: 38.75vw; max-height: 744px; padding: 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area06 .text_area { padding: 10vw 0 0 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area06 .text_area .logo01 { width: 20vw; max-width: 384px; margin: 0 0 3.22917vw 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area06 .text_area p { text-align: left; font-size: 20px; line-height: 2.08333; width: 427px; }
  .service_page .cont .inner_cont .coloum_area.coloum_area06 .text_area ul { bottom: 6.875vw; left: 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area07 { display: -webkit-flex; display: -ms-flex; display: flex; background: #FFFFFF url(/images/service/support/coloum_area01_bg.jpg) bottom center no-repeat; background-size: auto 100%; height: 38.75vw; max-height: 744px; }
  .service_page .cont .inner_cont .coloum_area.coloum_area07 .text_area { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; width: 731px; height: 100%; padding: 10vw 0 0 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area07 .text_area .logo01 { width: 19.11458vw; max-width: 367px; margin: 0 0 4.0625vw 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area07 .text_area p { text-align: left; font-size: 20px; line-height: 2.08333; width: 427px; }
  .service_page .cont .inner_cont .coloum_area.coloum_area07 .text_area ul { bottom: 6.875vw; left: 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area08 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; background: #FFFFFF url(/images/service/support/coloum_area02_bg.jpg) bottom center no-repeat; background-size: auto 100%; height: 38.75vw; max-height: 744px; }
  .service_page .cont .inner_cont .coloum_area.coloum_area08 .text_area { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; width: 731px; height: 100%; box-sizing: border-box; padding: 9.11458vw 0 0 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area08 .text_area .logo01 { text-align: left; font-size: 34px; margin: 0 0 2.8125vw 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area08 .text_area p { text-align: left; font-size: 20px; line-height: 2.08333; width: 427px; padding: 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area08 .text_area ul { bottom: 8.4375vw; left: 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area09 { display: -webkit-flex; display: -ms-flex; display: flex; background: #FFFFFF url(/images/service/support/coloum_area03_bg.jpg) bottom center no-repeat; background-size: auto 100%; height: 38.75vw; max-height: 744px; }
  .service_page .cont .inner_cont .coloum_area.coloum_area09 .text_area { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; width: 731px; height: 100%; padding: 10vw 0 0 7.29167vw; }
  .service_page .cont .inner_cont .coloum_area.coloum_area09 .text_area .logo01 { text-align: left; font-size: 34px; margin: 0 0 2.8125vw 0; }
  .service_page .cont .inner_cont .coloum_area.coloum_area09 .text_area p { text-align: left; font-size: 20px; line-height: 2.08333; width: 427px; padding: 0; }
  .service_page .cont .inner_cont .coloum_area .text_area ul { display: block; position: absolute; bottom: 3.48958vw; left: 6.04167vw; }
  .service_page .cont .inner_cont .coloum_area .text_area ul li { width: 334px; }
  .service_page .cont .inner_cont .coloum_area .text_area ul li:last-child { margin: 10px 0 0 0; }
  .service_page .cont .inner_cont .coloum_area .text_area ul li a { -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; font-size: 22px; height: 68px; padding: 0 0 0 32px; }
  .service_page .cont .inner_cont .coloum_area .text_area ul li a::after { right: 25px; width: 18px; height: 100%; }
  .service_page .cont .inner_cont .coloum_area .text_area ul li a:hover { opacity: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dff2f8+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffffff 0%, #dff2f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dff2f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.34); }
  .service_page .cont .movie_area { background: url(/images/service/iot/movie_area_bg.jpg) bottom center no-repeat; background-size: cover; padding: 108px  0 82px 0; margin: 53px 0 138px 0; }
  .service_page .cont .movie_area .inner_cont { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }
  .service_page .cont .movie_area strong { font-size: 20px; text-align: left; }
  .service_page .cont .movie_area .left_block { width: 35.67708vw; margin: 0; }
  .service_page .cont .movie_area .left_block .mopvie_link { margin: 16px 0 28px 0; }
  .service_page .cont .movie_area .left_block p img { max-width: 100%; height: 57px; }
  .service_page .cont .movie_area .right_block { width: 38.02083vw; }
  .service_page .cont .movie_area .right_block ul { margin: 16px 0 0 0; }
  .service_page .cont .movie_area .right_block ul li { width: 12.08333vw; margin: 0; }
  .service_page .cont .movie_area .right_block ul li .mopvie_link a { display: block; }
  .service_page .cont .movie_area .right_block ul li p { margin: 18px 0 0 0; }
  .service_page .cont .movie_area .right_block ul li p img { max-width: 100%; height: 25px; }
  .service_page .cont .movie_area .right_block p.link { position: absolute; bottom: 5.20833vw; right: 0; font-size: 1.0em; justify-content: flex-end; }
  .service_page .cont .movie_area .right_block p.link a { -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; font-size: 22px; width: 334px; height: 68px; padding: 0 0 0 32px; }
  .service_page .cont .movie_area .right_block p.link a::after { right: 25px; width: 18px; height: 100%; }
  .service_page .cont .movie_area .right_block p.link a:hover { opacity: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dff2f8+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffffff 0%, #dff2f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dff2f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.34); }
}


/* lnav03 PCデザイン */
@media screen and (min-width: 1000px) {
  .service_page .lnav_area .lnav03 .first li{
      display: block;
      text-align: center;
  }
  .service_page .lnav_area .lnav03 .first li img.pc{
    width: auto;
    height: 140px;
    text-align: center;
    margin: 20px auto;
  }
}

/* lnav03 SPデザイン */
@media screen and (max-width: 999px) {
  .lnav_area .lnav03 strong{
    font-size: 2.6rem;
  }
  .lnav_area .lnav03 .lnav03_inner_title{
    font-weight: bold;
    font-size: 2.4rem;
    margin-bottom: 10px;
  }
  .lnav_area .lnav03 .lnav03_inner_list li{
    font-size: 2.4rem;
    padding: 0px 7px;
  }
  .lnav_area .lnav03 .lnav03_inner_list li:nth-child(1),
  .lnav_area .lnav03 .lnav03_inner_list li:nth-child(2){
    padding: 0px 15px;
  }
}

/* -----------------------------------------------------------------
.service_page2
------------------------------------------------------------------ */
.service_page2 #contents_body { margin: 0 0 15.46667vw 0; }

.service_page2 .pagetitlearea { position: relative; top: 0; left: 0; width: 100%; height: 61.06667vw; margin: 0 0 17.06667vw 0; }

.service_page2 .pagetitlearea.key1 { background: url(/images/service/mv_beautysalons.jpg) center center no-repeat; background-size: cover; }

.service_page2 .pagetitlearea.key2 { background: url(/images/service/mv_hospital.jpg) center center no-repeat; background-size: cover; }

.service_page2 .pagetitlearea.key3 { background: url(/images/service/mv_hotel.jpg) center center no-repeat; background-size: cover; }

.service_page2 .pagetitlearea.key4 { background: url(/images/service/mv_office.jpg) center center no-repeat; background-size: cover; }

.service_page2 .pagetitlearea.key5 { background: url(/images/service/mv_restaurant.jpg) center center no-repeat; background-size: cover; }

.service_page2 .pagetitlearea.key6 { background: url(/images/service/mv_store.jpg) center center no-repeat; background-size: cover; }

.service_page2 .pagetitlearea .text { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; height: 100%; }

.service_page2 .pagetitlearea .text h1, .service_page2 .pagetitlearea .text strong { display: block; color: #FFFFFF; text-align: center; }

.service_page2 .pagetitlearea .text h1 { font-size: 5.86667vw; font-weight: bold; }

.service_page2 .pagetitlearea .text strong { font-size: 3.2vw; }

.service_page2 .cont .inner_cont .lead { color: #646464; font-size: 4.26667vw; line-height: 1.625; margin: 0 0 9.33333vw 0; }

.service_page2 .cont .inner_cont .cont { margin: 0 0 9.33333vw 0; }

@media screen and (min-width: 1000px) {
  .service_page2 #contents_body { margin: 0 0 200px 0; }
  .service_page2 .pagetitlearea { height: 476px; margin: 0 0 120px 0; }
  .service_page2 .pagetitlearea.key1 { background: url(/images/service/mv_beautysalons.jpg) center center no-repeat; background-size: cover; }
  .service_page2 .pagetitlearea.key2 { background: url(/images/service/mv_hospital.jpg) center center no-repeat; background-size: cover; }
  .service_page2 .pagetitlearea.key3 { background: url(/images/service/mv_hotel.jpg) center center no-repeat; background-size: cover; }
  .service_page2 .pagetitlearea.key4 { background: url(/images/service/mv_office.jpg) center center no-repeat; background-size: cover; }
  .service_page2 .pagetitlearea.key5 { background: url(/images/service/mv_restaurant.jpg) center center no-repeat; background-size: cover; }
  .service_page2 .pagetitlearea.key6 { background: url(/images/service/mv_store.jpg) center center no-repeat; background-size: cover; }
  .service_page2 .pagetitlearea .text { align-items: flex-start; }
  .service_page2 .pagetitlearea .text h1, .service_page2 .pagetitlearea .text strong { text-align: left; padding: 0 0 0 130px; }
  .service_page2 .pagetitlearea .text h1 { font-size: 38px; }
  .service_page2 .pagetitlearea .text strong { font-size: 18px; }
  .service_page2 .cont .inner_cont .lead { font-size: 20px; line-height: 2.08333; margin: 0 0 75px 0; }
  .service_page2 .cont .inner_cont .cont { margin: 0 0 75px 0; } }

/* -----------------------------------------------------------------
.service
------------------------------------------------------------------ */
.service { position: relative; top: 0; left: 0; padding: 6.4vw 0 15.2vw 0; }

.service .inner_cont .title { font-size: 6.4vw; font-weight: bold; margin: 0 0 4.8vw 0; }

.service .inner_cont .cont#cont01 { margin: 0 0 12vw 0; }

.service .inner_cont .cont#cont02, .service .inner_cont .cont#cont03, .service .inner_cont .cont#cont04, .service .inner_cont .cont#cont05 { border-top: 1px #707070 solid; margin: 0 0 12vw 0; padding: 15.46667vw 0 0 0; }

.service .inner_cont .cont#cont06, .service .inner_cont .cont#cont07 { border-top: 1px #707070 solid; margin: 0 0 6.66667vw 0; padding: 15.46667vw 0 0 0; }

.service .inner_cont .cont#cont08 { border-top: 1px #707070 solid; padding: 15.46667vw 0 0 0; }

.service .inner_cont .cont .title_area { position: relative; top: 0; left: 0; padding: 0 0 9.6vw 0; }

.service .inner_cont .cont .title_area div h2 { font-size: 5.86667vw; font-weight: bold; color: #008DD0; }

.service .inner_cont .cont .title_area div strong { display: block; font-size: 2.66667vw; color: #008DD0; }

.service .inner_cont .cont .title_area p { position: absolute; bottom: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; width: 100%; }

.service .inner_cont .cont .title_area p a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; /* box-shadow */ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16); font-size: 3.73333vw; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6ebf4+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #e6ebf4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%, #e6ebf4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%, #e6ebf4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ebf4',GradientType=1 ); /* IE6-9 */ border-radius: 50px; color: #006EB5; font-weight: bold; width: 45.33333vw; height: 9.6vw; padding: 0 0 0 5.33333vw; box-sizing: border-box; }

.service .inner_cont .cont .title_area p a::after { content: ''; display: block; position: absolute; top: 0; right: 3.73333vw; background: url(/images/service/link03.svg) left center no-repeat; background-size: 100% auto; width: 2.13333vw; height: 100%; }

@media screen and (min-width: 1000px) { .service { padding: 136px 0 224px 0; }
  .service .inner_cont .title { font-size: 38px; margin: 0 0 33px 0; }
  .service .inner_cont .cont .card_block { margin: 0 0 28px 0; }
  .service .inner_cont .cont .card_block:last-child { margin: 0; }
  .service .inner_cont .cont#cont01 { margin: 0 0 175px 0; }
  .service .inner_cont .cont#cont02, .service .inner_cont .cont#cont03, .service .inner_cont .cont#cont04, .service .inner_cont .cont#cont05 { margin: 0 0 105px 0; padding: 142px 0 0 0; }
  .service .inner_cont .cont#cont06, .service .inner_cont .cont#cont07 { margin: 0 0 102px 0; padding: 115px 0 0 0; }
  .service .inner_cont .cont#cont08 { padding: 114px 0 0 0; }
  .service .inner_cont .cont .title_area { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; padding: 0 0 67px 0; }
  .service .inner_cont .cont .title_area div h2 { font-size: 38px; }
  .service .inner_cont .cont .title_area div strong { font-size: 18px; }
  .service .inner_cont .cont .title_area p { position: relative; font-size: 10px; width: 335px; }
  .service .inner_cont .cont .title_area p a { -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; font-size: 22px; border-radius: 50px; width: 100%; height: 67px; padding: 0 0 0 58px; }
  .service .inner_cont .cont .title_area p a::after { right: 26px; width: 14px; height: 100%; }
  .service .inner_cont .cont .title_area p a:hover { opacity: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dff2f8+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffffff 0%, #dff2f8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffffff 0%, #dff2f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dff2f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.34); } }

/* -----------------------------------------------------------------
.company
------------------------------------------------------------------ */
.company { position: relative; top: 0; left: 0; padding: 15.73333vw 0 0 0; }

.company .inner_cont .title { font-size: 8vw; font-weight: bold; margin: 0 0 10.93333vw 0; }

.company .inner_cont .mission div { padding: 0 0 7.2vw 0; }

.company .inner_cont .mission div h2 { font-size: 6.4vw; font-weight: bold; margin: 0 0 5.86667vw 0; border-left: 1.6vw solid #000000; line-height: 1.1; padding: 0 0 0 2.66667vw; }

.company .inner_cont .mission div h3 { font-size: 6.4vw; font-weight: bold; margin: 0 0 5.86667vw 0; }

.company .inner_cont .mission div p { font-size: 4.26667vw; line-height: 1.625; margin: 0 0 7.2vw 0; }

.company .inner_cont .mission div p img { display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; }

.company .inner_cont .mission div p:last-child { margin: 0; }

.company .inner_cont .mission div p a { color: #e63b21; }

.company .inner_cont .mission div p a.icon { display: inline-block; color: #DB3B15; }

.company .inner_cont .mission div p a.icon::after { display: inline-block; content: '>'; color: #646464; margin: 0 0 0 1.06667vw; }

.company .inner_cont .mission div table { margin: 0 0 5.86667vw 0; }

.company .inner_cont .mission div table tr th, .company .inner_cont .mission div table tr td { display: block; }

.company .inner_cont .mission div table tr th { font-size: 4.26667vw; line-height: 1.625; font-weight: bold; padding: 3.73333vw 0 0 0; }

.company .inner_cont .mission div table tr td { font-size: 4.26667vw; line-height: 1.625; padding: 2.13333vw 0 2.13333vw 0; }

.company .inner_cont .mission div ul.list { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin: 0 0 4.8vw 0; }

.company .inner_cont .mission div ul.list li { width: 50%; margin: 0 0 3.2vw 0; }

.company .inner_cont .mission div ul.list li a { display: inline-block; font-size: 3.2vw; margin: 0; color: #DB3B15; }

.company .inner_cont .mission div ul.list li a::after { display: inline-block; content: '>'; color: #646464; margin: 0 0 0 1.06667vw; }

.company .inner_cont .box dl { margin: 0 0 13.6vw 0; }

.company .inner_cont .box dl.not dt { margin: 0 0 4.8vw 0; }

.company .inner_cont .box dl.list dt { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 5.86667vw 0; }

.company .inner_cont .box dl.list dt a { display: block; font-size: 3.2vw; margin: 0 0 0 4.26667vw; color: #DB3B15; }

.company .inner_cont .box dl.list dt a::after { display: inline-block; content: '>'; color: #646464; margin: 0 0 0 1.06667vw; }

.company .inner_cont .box dl dt { margin: 0 0 7.73333vw 0; }

.company .inner_cont .box dl dt strong { display: block; font-weight: bold; font-size: 4.26667vw; }

.company .inner_cont .box dl dd { color: #333; font-weight: normal; font-size: 4.26667vw; line-height: 1.625; }

.company .inner_cont .box dl dd a { display: inline-block; color: #DB3B15; }

.company .inner_cont .box dl dd a::after { display: inline-block; content: '>'; color: #333; margin: 0 0 0 1.06667vw; }

.company .inner_cont .box dl dd a.not_icon::after { display: none; }

.company .inner_cont .box dl dd .map iframe { width: 100%; height: 109.33333vw; }

.company .inner_cont .box dl dd p { font-size: 1.0em;}

.company .inner_cont .box dl dd p span { display: block; margin: 0 0 7.2vw 0; }

.company .inner_cont .box dl dd ul li { display: -webkit-flex; display: -ms-flex; display: flex; align-items: flex-start; }

.company .inner_cont .box dl dd ul li::before { content: '・'; display: block; margin: 0 1.06667vw 0 0; }

@media screen and (min-width: 1000px) { .company { padding: 136px 0 238px 0; }
  .company .inner_cont .title { font-size: 38px; margin: 0 0 78px 0; }
  .company .inner_cont .mission div { padding: 0 0 77px 0; }
  .company .inner_cont .mission div:last-child { padding: 0; }
  .company .inner_cont .mission div h2 { font-size: 20px; margin: 0 0 45px 0; border-left: 6px solid #000000; line-height: 1.2; padding: 0 0 0 12px; }
  .company .inner_cont .mission div h3 { font-size: 20px; margin: 0 0 60px 0; }
  .company .inner_cont .mission div h3.mid { margin: 0 0 32px 0; }
  .company .inner_cont .mission div p { font-size: 16px; line-height: 2.08333; margin: 0 0 49px 0; }
  .company .inner_cont .mission div p:last-child { margin: 0; }
  .company .inner_cont .mission div p a.icon::after { margin: 0 0 0 4px; }
  .company .inner_cont .mission div table { margin: 0 0 22px 0; }
  .company .inner_cont .mission div table tr th, .company .inner_cont .mission div table tr td { display: table-cell; vertical-align: top; }
  .company .inner_cont .mission div table tr th { font-size: 20px; line-height: 2.08333; width: 150px; padding: 0 0 14px 0; }
  .company .inner_cont .mission div table tr td { font-size: 20px; line-height: 2.08333; padding: 0 0 14px 0; }
  .company .inner_cont .mission div ul.list { margin: 0 0 80px 0; }
  .company .inner_cont .mission div ul.list:last-child { margin: 0; }
  .company .inner_cont .mission div ul.list li { width: auto; margin: 0 22px 0 0; }
  .company .inner_cont .mission div ul.list li a { font-size: 16px; }
  .company .inner_cont .mission div ul.list li a::after { margin: 0 0 0 4px; }
  .company .inner_cont .box { padding: 0 0 0 70px; }
  .company .inner_cont .box dl { display: -webkit-flex; display: -ms-flex; display: flex; margin: 0 0 45px 0; }
  .company .inner_cont .box dl.not { display: block; border-top: 2px solid #EFEFEF; padding: 66px 0 0 0; margin: 68px 0 15px 0; }
  .company .inner_cont .box dl.not dt { width: 100%; margin: 0 0 34px 0; }
  .company .inner_cont .box dl.list { display: block; }
  .company .inner_cont .box dl.list dt { width: 100%; margin: 0 0 22px 0; }
  .company .inner_cont .box dl.list dt a { font-size: 16px; margin: 0 0 0 32px; }
  .company .inner_cont .box dl.list dt a::after { margin: 0 0 0 4px; }
  .company .inner_cont .box dl dt { width: 190px; margin: 0 0 0 0; padding: 5px 0 0 0; }
  .company .inner_cont .box dl dt strong { font-size: 16px; }
  .company .inner_cont .box dl dt.widauto { width: auto; margin: 0 0 20px 0; }
  .company .inner_cont .box dl dd { font-size: 16px; line-height: 1.625; width: calc(100% - 190px); }
  .company .inner_cont .box dl dd a::after { margin: 0 0 0 4px; }
  .company .inner_cont .box dl dd .map iframe { width: 100%; height: 660px; }
  .company .inner_cont .box dl dd p { margin: 0; }
  .company .inner_cont .box dl dd p span { margin: 0 0 52px 0; }
  .company .inner_cont .box dl dd ul li::before { margin: 0 4px 0 0; } }

/* -----------------------------------------------------------------
.message
------------------------------------------------------------------ */
.message { position: relative; top: 0; left: 0; padding: 0 0 11.2vw 0; }

.message .inner_cont { padding: 14.66667vw 0 0 0; }

.message .inner_cont .title { font-size: 8vw; font-weight: bold; margin: 0 0 6.66667vw 0; }

.message .inner_cont div { padding: 0 0 7.2vw 0; }

.message .inner_cont div h3 { font-size: 6.4vw; font-weight: bold; margin: 0 0 5.86667vw 0; }

.message .inner_cont div p { font-size: 4.26667vw; line-height: 1.625; margin: 0 0 7.2vw 0; }

.message .inner_cont div p.txt_r { text-align: right; }

.message .inner_cont div p.txt_r img { display: inline-block; width: 32vw; }

@media screen and (min-width: 1000px) { .message { padding: 0 0 87px 0; }
  .message .inner_cont { padding: 122px 0 0 0; }
  .message .inner_cont .title { font-size: 38px; margin: 0 0 111px 0; }
  .message .inner_cont div { padding: 0 0 77px 0; }
  .message .inner_cont div h3 { font-size: 20px; margin: 0 0 60px 0; }
  .message .inner_cont div p { font-size: 16px; line-height: 2.08333; margin: 0 0 49px 0; }
  .message .inner_cont div p.txt_r img { width: 109px; } }

/* -----------------------------------------------------------------
.policy
------------------------------------------------------------------ */
.policy { position: relative; top: 0; left: 0; padding: 15.73333vw 0 8vw 0; }

.policy .inner_cont .title { font-size: 8vw; font-weight: bold; margin: 0 0 10.93333vw 0; }

.policy .inner_cont .cont { margin: 0 0 10.93333vw 0; }

.policy .inner_cont .cont h3 { font-size: 6.4vw; font-weight: bold; margin: 0 0 5.86667vw 0; }

.policy .inner_cont .cont h2 { font-size: 6.4vw; font-weight: bold; margin: 0 0 5.86667vw 0; border-left: 1.6vw solid #000000; line-height: 1.1; padding: 0 0 0 2.66667vw; }

.policy .inner_cont .cont .entry { margin: 0 0 6.4vw 0; }

.policy .inner_cont .cont .entry:last-child { margin: 0; }

.policy .inner_cont .cont .entry p { font-size: 4.26667vw; line-height: 1.625; margin: 0 0 7.2vw 0; }

.policy .inner_cont .cont .entry p strong { font-weight: bold; }

.policy .inner_cont .cont .entry p img { width: auto; max-width: 100%; }

.policy .inner_cont .cont .entry ul { margin: 0 0 6.4vw 0; }

.policy .inner_cont .cont .entry ul li { font-size: 4.26667vw; line-height: 1.625; margin: 0 0 3.2vw 0; }

.policy .inner_cont .cont .entry ul li:last-child { margin: 0; }

.policy .inner_cont .cont .entry ul.list_number li { text-indent: -1em; padding: 0 0 0 1em; }

.policy .inner_cont .cont .entry ul.list_icon li::before { content: '・'; }

.policy .inner_cont .cont .entry .box_border { border: 2px solid #dfdfdf; font-size: 3.73333vw; line-height: 1.85714; padding: 3.2vw 5.33333vw; margin: 0 0 5.86667vw 0; }

.policy .inner_cont .cont .entry .box_border a { display: inline-block; color: #DB3B15; margin: 3.2vw 0; }

.policy .inner_cont .cont .entry .box_border a::after { display: inline-block; content: '>'; color: #646464; margin: 0 0 0 1.06667vw; }

@media screen and (min-width: 1000px) { .policy { padding: 52px 0 238px 0; }
  .policy .inner_cont .title { font-size: 38px; margin: 0 0 111px 0; }
  .policy .inner_cont .cont { margin: 0 0 77px 0; }
  .policy .inner_cont .cont:last-child { margin: 0; }
  .policy .inner_cont .cont h2 { font-size: 20px; margin: 0 0 45px 0; border-left: 6px solid #000000; line-height: 1.2; padding: 0 0 0 12px; }
  .policy .inner_cont .cont h3 { font-size: 20px; font-weight: bold; margin: 0 0 45px 0; }
  .policy .inner_cont .cont .entry { margin: 0 0 24px 0; }
  .policy .inner_cont .cont .entry:last-child { margin: 0; }
  .policy .inner_cont .cont .entry p { font-size: 20px; line-height: 2.08333; margin: 0 0 45px 0; }
  .policy .inner_cont .cont .entry p img { max-width: 450px; }
  .policy .inner_cont .cont .entry ul { margin: 0 0 24px 0; }
  .policy .inner_cont .cont .entry ul li { font-size: 20px; line-height: 2.08333; margin: 0 0 12px 0; }
  .policy .inner_cont .cont .entry ul li:last-child { margin: 0; }
  .policy .inner_cont .cont .entry .box_border { font-size: 20px; line-height: 2.08333; padding: 12px 20px; margin: 0 0 24px 0; }
  .policy .inner_cont .cont .entry .box_border a { margin: 12px 0; }
  .policy .inner_cont .cont .entry .box_border a::after { margin: 0 0 0 8px; } }

/* -----------------------------------------------------------------
.contact
------------------------------------------------------------------ */
.contact { position: relative; top: 0; left: 0; padding: 15.73333vw 0 8vw 0; }

.contact .inner_cont .title { font-size: 8vw; font-weight: bold; margin: 0 0 10.93333vw 0; }

.contact .inner_cont .cont { margin: 0 0 13.86667vw 0; }

.contact .inner_cont .cont h3 { font-size: 6.4vw; font-weight: bold; margin: 0 0 5.86667vw 0; }

.contact .inner_cont .cont h2 { font-size: 6.4vw; font-weight: bold; margin: 0 0 5.86667vw 0; border-left: 1.6vw solid #000000; line-height: 1.1; padding: 0 0 0 2.66667vw; }

.contact .inner_cont .cont p { font-size: 4.26667vw; line-height: 1.625; margin: 0 0 7.2vw 0; }

.contact .inner_cont .cont p.link_st a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; border: 1px solid #dfdfdf; background: #ffeeee; color: #646464; width: 100%; height: 15.2vw; padding: 0 3.73333vw 0 4.8vw; box-sizing: border-box; }

.contact .inner_cont .cont p.link_st a::after { display: inline-block; content: '>'; color: #646464; margin: 0 0 0 1.06667vw; }

.contact .inner_cont .cont .flex.mb { margin: 0 0 6.4vw 0; }

.contact .inner_cont .cont .flex dl { border-bottom: 2px solid #dfdfdf; margin: 0 0 6.4vw 0; padding: 0 0 4.8vw 0; }

.contact .inner_cont .cont .flex dl:last-child { border-bottom: none; margin: 0; padding: 0; }

.contact .inner_cont .cont .flex dl dt { background: #f1f1f1; font-weight: bold; font-size: 4.26667vw; line-height: 1.625; padding: 2.13333vw 3.73333vw 2.13333vw 3.2vw; margin: 0 0 3.2vw 0; }

.contact .inner_cont .cont .flex dl dd { font-size: 4.26667vw; line-height: 1.625; margin: 0 0 3.2vw 0; padding: 0 3.73333vw 0 3.2vw; }

.contact .inner_cont .cont .flex dl dd:last-child { margin: 0; }

.contact .inner_cont .cont .flex dl dd a { display: block; color: #DB3B15; }

.contact .inner_cont .cont .flex dl dd a::after { display: inline-block; content: '>'; color: #646464; margin: 0 0 0 1.06667vw; }

@media screen and (min-width: 1000px) { .contact { padding: 52px 0 238px 0; }
  .contact .inner_cont .title { font-size: 38px; margin: 0 0 111px 0; }
  .contact .inner_cont .cont { margin: 0 0 77px 0; }
  .contact .inner_cont .cont:last-child { margin: 0; }
  .contact .inner_cont .cont h2 { font-size: 20px; margin: 0 0 45px 0; border-left: 6px solid #000000; line-height: 1.2; padding: 0 0 0 12px; }
  .contact .inner_cont .cont h3 { font-size: 20px; font-weight: bold; margin: 0 0 45px 0; }
  .contact .inner_cont .cont p { font-size: 20px; line-height: 2.08333; margin: 0 0 45px 0; }
  .contact .inner_cont .cont p.link_st a { width: 450px; height: 57px; padding: 0 14px 0 18px; }
  .contact .inner_cont .cont p.link_st a::after { margin: 0 0 0 8px; }
  .contact .inner_cont .cont .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
  .contact .inner_cont .cont .flex.two_colo dl { width: 48%; }
  .contact .inner_cont .cont .flex.mb { margin: 0 0 24px 0; }
  .contact .inner_cont .cont .flex dl { border-left: 2px solid #dfdfdf; border-bottom: none; width: 30%; margin: 0 0 24px 0; padding: 0 0 0 18px; box-sizing: border-box; }
  .contact .inner_cont .cont .flex dl:last-child { margin: 0; padding: 0 0 0 18px; }
  .contact .inner_cont .cont .flex dl dt { font-size: 16px; padding: 8px 14px 8px 12px; margin: 0 0 12px 0; }
  .contact .inner_cont .cont .flex dl dd { font-size: 16px; margin: 0 0 12px 0; padding: 0 14px 0 12px; }
  .contact .inner_cont .cont .flex dl dd:last-child { margin: 0; }
  .contact .inner_cont .cont .flex dl dd a { display: block; color: #DB3B15; }
  .contact .inner_cont .cont .flex dl dd a::after { display: inline-block; content: '>'; color: #646464; margin: 0 0 0 4px; } }

/* -----------------------------------------------------------------
.sitemap
------------------------------------------------------------------ */
.sitemap { position: relative; top: 0; left: 0; padding: 30.93333vw 0 0 0; }

.sitemap .inner_cont .title { font-size: 8vw; font-weight: bold; margin: 0 0 10.93333vw 0; }

.sitemap .inner_cont .cont { margin: 0 0 10.93333vw 0; }

.sitemap .inner_cont .cont h2 { font-size: 6.4vw; font-weight: bold; margin: 0 0 5.86667vw 0; border-left: 1.6vw solid #000000; line-height: 1.1; padding: 0 0 0 2.66667vw; }

.sitemap .inner_cont .cont .entry { margin: 0 0 6.4vw 0; }

.sitemap .inner_cont .cont .entry:last-child { margin: 0; }

.sitemap .inner_cont .cont .entry p { font-size: 4.26667vw; line-height: 1.625; margin: 0 0 7.2vw 0; }

.sitemap .inner_cont .cont .entry p strong { font-weight: bold; }

.sitemap .inner_cont .cont .entry p img { width: auto; max-width: 100%; }

.sitemap .inner_cont .cont .entry ul { margin: 0 0 6.4vw 0; }

.sitemap .inner_cont .cont .entry ul li { margin: 0 0 3.2vw 0; }

.sitemap .inner_cont .cont .entry ul li:last-child { margin: 0; }

.sitemap .inner_cont .cont .entry ul li a { color: #333333; font-size: 3.2vw; line-height: 1.83333; }

.sitemap .inner_cont .cont .entry ul li a::after { display: inline-block; content: '>'; color: #646464; margin: 0 0 0 1.06667vw; }

.sitemap .inner_cont .cont dl { border: 1px solid #dfdfdf; margin: 0 0 5.86667vw 0; }

.sitemap .inner_cont .cont dl a, .sitemap .inner_cont .cont dl span { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; color: #333333; font-size: 4.26667vw; line-height: 1.625; height: 12.53333vw; padding: 0 5.86667vw; }

.sitemap .inner_cont .cont dl a::after, .sitemap .inner_cont .cont dl span::after { display: inline-block; content: '>'; color: #646464; margin: 0 0 0 1.06667vw; }

.sitemap .inner_cont .cont dl span::after { display: none; }

.sitemap .inner_cont .cont dl dt { background: #f1f1f1; }

.sitemap .inner_cont .cont dl dd ul li { border-top: 1px solid #dfdfdf; }

@media screen and (min-width: 1000px) { .sitemap { padding: 0 0 238px 0; }
  .sitemap .inner_cont { padding: 122px 0 0 0; }
  .sitemap .inner_cont .title { font-size: 38px; margin: 0 0 111px 0; }
  .sitemap .inner_cont .cont { margin: 0 0 77px 0; }
  .sitemap .inner_cont .cont:last-child { margin: 0; }
  .sitemap .inner_cont .cont h2 { font-size: 20px; margin: 0 0 45px 0; border-left: 6px solid #000000; line-height: 1.2; padding: 0 0 0 12px; }
  .sitemap .inner_cont .cont .entry { margin: 0 0 24px 0; }
  .sitemap .inner_cont .cont .entry:last-child { margin: 0; }
  .sitemap .inner_cont .cont .entry p { font-size: 20px; line-height: 2.08333; margin: 0 0 45px 0; }
  .sitemap .inner_cont .cont .entry ul { margin: 0 0 45px 0; }
  .sitemap .inner_cont .cont .entry ul li { margin: 0 0 12px 0; }
  .sitemap .inner_cont .cont .entry ul li:last-child { margin: 0; }
  .sitemap .inner_cont .cont .entry ul li a { font-size: 16px; }
  .sitemap .inner_cont .cont .entry ul li a::after { margin: 0 0 0 8px; }
  .sitemap .inner_cont .cont dl { display: table; width: 100%; margin: 0 0 22px 0; }
  .sitemap .inner_cont .cont dl a, .sitemap .inner_cont .cont dl span { justify-content: flex-start; font-size: 20px; line-height: 2.08333; height: auto; padding: 12px 22px; }
  .sitemap .inner_cont .cont dl a::after, .sitemap .inner_cont .cont dl span::after { display: inline-block; content: '>'; color: #646464; margin: 0 0 0 4px; }
  .sitemap .inner_cont .cont dl span::after { display: none; }
  .sitemap .inner_cont .cont dl dt { display: table-cell; }
  .sitemap .inner_cont .cont dl dd { display: table-cell; width: 70%; }
  .sitemap .inner_cont .cont dl dd ul li { border-top: 1px solid #dfdfdf; }
  .sitemap .inner_cont .cont dl dd ul li:first-child { border-top: none; } }

/* -----------------------------------------------------------------
.index
------------------------------------------------------------------ */
.topindex { position: relative; top: 0; left: 0; }

.topindex main #key { margin: 0 0 52px 0; }

.topindex main #key ul li span, .topindex main #key ul li a { position: relative; top: 0; left: 0; display: block; }

.topindex main #key ul li span p, .topindex main #key ul li a p { position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-size: 1.0em; width: 100%; height: 100%; }

.topindex main #key ul li span p em, .topindex main #key ul li a p em { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; font-weight: 500; font-size: 3.8em; text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); color: #FFFFFF; width: 51.5625vw; margin: 0 auto; }

.topindex main #key ul .slick-prev, .topindex main #key ul .slick-next { width: 38px; }

.topindex main #key ul .slick-prev { left: 20px; }

.topindex main #key ul .slick-next { right: 20px; }

@media screen and (max-width: 1000px) { .topindex main #key { margin: 0 0 19.2vw 0; }
  .topindex main #key ul li span p em, .topindex main #key ul li a p em { justify-content: center; font-size: 2.8em; width: 132.8vw; }
  .topindex main #key ul .slick-prev, .topindex main #key ul .slick-next { width: 10.13333vw; }
  .topindex main #key ul .slick-prev { left: 5.33333vw; }
  .topindex main #key ul .slick-next { right: 5.33333vw; }
  .topindex main #key ul li a, .topindex main #key ul li span { display: block; height: 219.73333vw; }
  .topindex main #key ul li a img, .topindex main #key ul li span img { height: 100%; object-fit: cover; } }

.topindex main #cont01 { margin: 0 0 100px 0; }

.topindex main #cont01 .inner h3 { font-weight: 500; text-align: center; font-size: 4em; line-height: 1.5; margin: 0 0 34px 0; }

.topindex main #cont01 .inner strong { display: block; font-weight: normal; text-align: center; font-size: 1.8em; line-height: 2; color: #666666; margin: 0 0 60px 0; }

.topindex main #cont01 .inner p { font-size: 1.8em; line-height: 1.5; }

.topindex main #cont01 .inner p a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; color: #333333; }

.topindex main #cont01 .inner p a:before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/common/images/common/arrow.svg) left center no-repeat; background-size: cover; width: 24px; height: 24px; margin: 0 18px 0 0; }

@media screen and (max-width: 1000px) { .topindex main #cont01 { margin: 0 0 26.66667vw 0; }
  .topindex main #cont01 .inner h3 { font-size: 2.1em; margin: 0 0 13.86667vw 0; }
  .topindex main #cont01 .inner strong { font-size: 1.4em; font-weight: normal; margin: 0 0 11.2vw 0; }
  .topindex main #cont01 .inner p { font-size: 1.2em; }
  .topindex main #cont01 .inner p a:before { width: 6.4vw; height: 6.4vw; margin: 0 4.8vw 0 0; } }

.topindex main #cont02 { margin: 0 0 100px 0; }

.topindex main #cont02 .inner h2 { text-align: center; font-weight: bold; font-size: 3.8em; line-height: 1.47368; margin: 0 0 96px 0; }

.topindex main #cont02 .inner h2 a { color: #333333; }

.topindex main #cont02 .inner #tab #tab_head ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 780px; margin: 0 auto 48px auto; }

.topindex main #cont02 .inner #tab #tab_head ul li { width: 224px; }

.topindex main #cont02 .inner #tab #tab_head ul li a { display: block; text-align: center; font-weight: bold; font-size: 2.8em; line-height: 1.46429; color: #333333; }

.topindex main #cont02 .inner #tab #tab_head ul li a:after { content: ''; display: block; background: #979797; width: 100%; height: 6px; margin: 42px 0 0 0; opacity: 0; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.topindex main #cont02 .inner #tab #tab_head ul li a:hover:after, .topindex main #cont02 .inner #tab #tab_head ul li a.on:after { opacity: 1; }

.topindex main #cont02 .inner #tab #tab_body ol { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin: 0 0 42px 0; }

.topindex main #cont02 .inner #tab #tab_body ol li { margin: 0 42px 20px 42px; }

@media screen and (min-width: 1000px) { .topindex main #cont02 .inner #tab #tab_body ol li:last-child { margin: 0 0 20px 42px; } }

.topindex main #cont02 .inner #tab #tab_body ol li a { text-align: center; font-weight: bold; font-size: 1.5em; line-height: 1.5; color: #333333; }

.topindex main #cont02 .inner #tab #tab_body ol li a.on, .topindex main #cont02 .inner #tab #tab_body ol li a:hover { text-decoration: underline; }

.topindex main #cont02 .inner #tab #tab_body .init { display: none; }

.topindex main #cont02 .inner #tab #tab_body .init.on { display: inherit; }

.topindex main #cont02 .inner #tab #tab_body .init#tab_area1 .tab_box { display: none; }

.topindex main #cont02 .inner #tab #tab_body .init#tab_area1 .tab_box.on { display: inherit; }

.topindex main #cont02 .inner #tab #tab_body .init .lead { display: block; font-weight: normal; font-size: 1.8em; line-height: 1.5; margin: 0 0 42px 0; }

.topindex main #cont02 .inner #tab #tab_body .init p.style_more { text-align: center; }

.topindex main #cont02 .inner #tab #tab_body .init p.style_more a { display: inline-block; border: 1px solid #000000; border-radius: 100px; text-decoration: none; text-align: center; padding: 10px 30px; }

.topindex main #cont02 .inner #tab #tab_body .init ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }

.topindex main #cont02 .inner #tab #tab_body .init ul li { position: relative; top: 0; left: 0; width: 280px; margin: 0 40px 37px 0; }

.topindex main #cont02 .inner #tab #tab_body .init ul li:nth-child(3n) { margin: 0 0 37px 0; }

.topindex main #cont02 .inner #tab #tab_body .init ul li p { margin: 0 0 10px 0; }

.topindex main #cont02 .inner #tab #tab_body .init ul li strong { display: block; font-weight: normal; font-size: 1.5em; line-height: 1.46667; }

.topindex main #cont02 .inner #tab #tab_body .init ul li span { display: block; font-size: 1.2em; }

.topindex main #cont02 .inner #tab #tab_body .init ul li a { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; opacity: 0; }

.topindex main #cont02 .inner #tab #tab_body .init ul li a:hover { opacity: 1; }

@media screen and (max-width: 1000px) { .topindex main #cont02 { margin: 0 0 26.66667vw 0; }
  .topindex main #cont02 .inner h2 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .topindex main #cont02 .inner #tab #tab_head ul { width: 100%; margin: 0 auto 11.2vw auto; }
  .topindex main #cont02 .inner #tab #tab_head ul li { width: 45%; }
  .topindex main #cont02 .inner #tab #tab_head ul li a { font-size: 1.3em; }
  .topindex main #cont02 .inner #tab #tab_head ul li a:after { height: 1.6vw; margin: 7.46667vw 0 0 0; opacity: 0; }
  .topindex main #cont02 .inner #tab #tab_body ol { justify-content: flex-start; flex-wrap: wrap; margin: 0 0 11.2vw 0; }
  .topindex main #cont02 .inner #tab #tab_body ol li { text-align: center; width: 58.66667vw; margin: 0 2.66667vw 8vw 0; }
  .topindex main #cont02 .inner #tab #tab_body ol li:nth-child(3n) { margin: 0 0 8vw 0; }
  .topindex main #cont02 .inner #tab #tab_body ol li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: 0.53333vw solid #CCCCCC; border-radius: 2.66667vw; font-size: 1.4em; width: 100%; height: 21.33333vw; box-sizing: border-box; }
  .topindex main #cont02 .inner #tab #tab_body ol li a.on, .topindex main #cont02 .inner #tab #tab_body ol li a:hover { border: 0.53333vw solid #000000; background: #000000; color: #FFFFFF; text-decoration: none; }
  .topindex main #cont02 .inner #tab #tab_body .init .lead { font-size: 1.2em; margin: 0 0 8.53333vw 0; }
  .topindex main #cont02 .inner #tab #tab_body .init p.style_more a { font-size: 0.65em; }
  .topindex main #cont02 .inner #tab #tab_body .init ul { flex-wrap: wrap; justify-content: space-between; }
  .topindex main #cont02 .inner #tab #tab_body .init ul li { width: 48%; margin: 0 0 5% 0; }
  .topindex main #cont02 .inner #tab #tab_body .init ul li:nth-child(2n) { margin: 0 0 5% 0; }
  .topindex main #cont02 .inner #tab #tab_body .init ul li p { margin: 0 0 2.66667vw 0; }
  .topindex main #cont02 .inner #tab #tab_body .init ul li strong { font-size: 1.1em; margin: 0 0 2.66667vw 0; }
  .topindex main #cont02 .inner #tab #tab_body .init ul li span { font-size: 1em; } }

.topindex main #cont03 { margin: 0 0 62px 0; }

.topindex main #cont03 .inner p.link_more { text-align: center; }

.topindex main #cont03 .inner p.link_more a { display: inline-block; border: 1px solid #000000; border-radius: 100px; text-decoration: none; text-align: center; padding: 10px 30px; }

.topindex main #cont03 .inner .tab_box { display: none; }

.topindex main #cont03 .inner .tab_box.on { display: inherit; }

.topindex main #cont03 .inner h2 { text-align: center; font-weight: bold; font-size: 3.8em; line-height: 1.47368; margin: 0 0 24px 0; }

.topindex main #cont03 .inner h2 a { color: #333333; }

.topindex main #cont03 .inner .lead { display: block; font-weight: normal; font-size: 1.8em; line-height: 1.5; text-align: center; margin: 0 0 50px 0; }

.topindex main #cont03 .inner ol { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 49px 0; }

.topindex main #cont03 .inner ol li { margin: 0 42px; }

.topindex main #cont03 .inner ol li a { display: block; text-align: center; font-weight: bold; font-size: 1.5em; line-height: 1.5; color: #333333; }

.topindex main #cont03 .inner ol li a.on, .topindex main #cont03 .inner ol li a:hover { text-decoration: underline; }

.topindex main #cont03 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }

.topindex main #cont03 .inner ul li { position: relative; top: 0; left: 0; width: 280px; margin: 0 40px 37px 0; }

.topindex main #cont03 .inner ul li:nth-child(3n) { margin: 0 0 37px 0; }

.topindex main #cont03 .inner ul li p { margin: 0 0 10px 0; }

.topindex main #cont03 .inner ul li strong { display: block; font-weight: normal; font-size: 1.5em; line-height: 1.46667; margin: 0 0 10px 0; }

.topindex main #cont03 .inner ul li span { display: block; font-size: 1.2em; }

.topindex main #cont03 .inner ul li a { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; opacity: 0; }

.topindex main #cont03 .inner ul li a:hover { opacity: 1; }

@media screen and (max-width: 1000px) { .topindex main #cont03 { margin: 0 0 26.66667vw 0; }
  .topindex main #cont03 .inner p.link_more a { font-size: 0.65em; }
  .topindex main #cont03 .inner h2 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .topindex main #cont03 .inner .lead { text-align: left; font-size: 1.2em; margin: 0 0 8.53333vw 0; }
  .topindex main #cont03 .inner ol { justify-content: flex-start; flex-wrap: wrap; margin: 0 0 11.2vw 0; }
  .topindex main #cont03 .inner ol li { text-align: center; width: 58.66667vw; margin: 0 2.66667vw 8vw 0; }
  .topindex main #cont03 .inner ol li:nth-child(3n) { margin: 0 0 8vw 0; }
  .topindex main #cont03 .inner ol li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: 0.53333vw solid #CCCCCC; border-radius: 2.66667vw; font-size: 1.4em; width: 100%; height: 21.33333vw; box-sizing: border-box; }
  .topindex main #cont03 .inner ol li a.on, .topindex main #cont03 .inner ol li a:hover { border: 0.53333vw solid #000000; background: #000000; color: #FFFFFF; text-decoration: none; }
  .topindex main #cont03 .inner ul { justify-content: space-between; }
  .topindex main #cont03 .inner ul li { width: 48%; margin: 0 0 5% 0; }
  .topindex main #cont03 .inner ul li:nth-child(2n) { margin: 0 0 5% 0; }
  .topindex main #cont03 .inner ul li p { margin: 0 0 2.66667vw 0; }
  .topindex main #cont03 .inner ul li strong { font-size: 1.1em; margin: 0 0 2.66667vw 0; }
  .topindex main #cont03 .inner ul li span { font-size: 1em; } }

.topindex main #cont04 { margin: 0 0 160px 0; }

.topindex main #cont04 .inner p.link_more { text-align: center; }

.topindex main #cont04 .inner p.link_more a { display: inline-block; border: 1px solid #000000; border-radius: 100px; text-decoration: none; text-align: center; padding: 10px 30px; }

.topindex main #cont04 .inner .tab_box { display: none; }

.topindex main #cont04 .inner .tab_box.on { display: inherit; }

.topindex main #cont04 .inner h2 { text-align: center; font-weight: bold; font-size: 3.8em; line-height: 1.47368; margin: 0 0 51px 0; }

.topindex main #cont04 .inner h2 a { color: #333333; }

.topindex main #cont04 .inner .lead { display: block; font-weight: normal; font-size: 1.8em; line-height: 1.5; text-align: center; margin: 0 0 50px 0; }

.topindex main #cont04 .inner ol { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 50px 0; }

.topindex main #cont04 .inner ol li { margin: 0 42px; }

.topindex main #cont04 .inner ol li a { display: block; text-align: center; font-weight: bold; font-size: 1.5em; line-height: 1.5; color: #333333; }

.topindex main #cont04 .inner ol li a.on, .topindex main #cont04 .inner ol li a:hover { text-decoration: underline; }

.topindex main #cont04 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }

.topindex main #cont04 .inner ul li { position: relative; top: 0; left: 0; width: 280px; margin: 0 40px 40px 0; }

.topindex main #cont04 .inner ul li:nth-child(3n) { margin: 0 0 40px 0; }

.topindex main #cont04 .inner ul li p { position: relative; top: 0; left: 0; margin: 0 0 10px 0; }

.topindex main #cont04 .inner ul li p.limit { font-size: 1.0em; }

.topindex main #cont04 .inner ul li p.limit:after { content: '終了しました'; display: inline-block; position: absolute; top: 0; left: 0; background: #000000; color: #FFFFFF; font-size: 1.6em; padding: 1px 12px 3px 12px; }

.topindex main #cont04 .inner ul li p.limit img { opacity: 0.75; }

.topindex main #cont04 .inner ul li strong { display: block; font-weight: normal; font-size: 1.5em; line-height: 1.46667; margin: 0 0 10px 0; }

.topindex main #cont04 .inner ul li span { display: block; font-size: 1.2em; }

.topindex main #cont04 .inner ul li a { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; opacity: 0; }

.topindex main #cont04 .inner ul li a:hover { opacity: 1; }

@media screen and (max-width: 1000px) { .topindex main #cont04 { margin: 0 0 42.66667vw 0; }
  .topindex main #cont04 .inner p.link_more a { font-size: 0.65em; }
  .topindex main #cont04 .inner h2 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .topindex main #cont04 .inner .lead { text-align: left; font-size: 1.2em; margin: 0 0 8.53333vw 0; }
  .topindex main #cont04 .inner ol { justify-content: flex-start; flex-wrap: wrap; margin: 0 0 11.2vw 0; }
  .topindex main #cont04 .inner ol li { text-align: center; width: 88.53333vw; margin: 0 4.26667vw 8vw 0; }
  .topindex main #cont04 .inner ol li:nth-child(2n) { margin: 0 0 8vw 0; }
  .topindex main #cont04 .inner ol li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: 0.53333vw solid #CCCCCC; border-radius: 2.66667vw; font-size: 1.4em; width: 100%; height: 21.33333vw; box-sizing: border-box; }
  .topindex main #cont04 .inner ol li a.on, .topindex main #cont04 .inner ol li a:hover { border: 0.53333vw solid #000000; background: #000000; color: #FFFFFF; text-decoration: none; }
  .topindex main #cont04 .inner ul { justify-content: space-between; }
  .topindex main #cont04 .inner ul li { width: 48%; margin: 0 0 5% 0; }
  .topindex main #cont04 .inner ul li:nth-child(2n) { margin: 0 0 5% 0; }
  .topindex main #cont04 .inner ul li p { margin: 0 0 2.66667vw 0; }
  .topindex main #cont04 .inner ul li p.limit:after { font-size: 1.1em; padding: 1px 2.66667vw 3px 2.66667vw; }
  .topindex main #cont04 .inner ul li strong { font-size: 1.1em; margin: 0 0 2.66667vw 0; }
  .topindex main #cont04 .inner ul li span { font-size: 1em; } }

/* -----------------------------------------------------------------
.topics
------------------------------------------------------------------ */
.topics { position: relative; top: 0; left: 0; }

.topics #key { position: relative; top: 0; left: 0; margin: 0 0 145px 0; }

.topics #key .inner { position: relative; top: 0; left: 0; }

.topics #key .inner h1 { position: absolute; bottom: 0; left: 0; font-weight: bold; font-size: 8.0em; color: #FFFFFF; line-height: 0.82; }

@media screen and (max-width: 1000px) { .topics #key { margin: 0 0 32vw 0; }
  .topics #key .inner h1 { font-size: 4em; line-height: 0.82; } }

.topics #cont01 { margin: 0 0 160px 0; }

.topics #cont01 .inner .lead { font-weight: normal; font-size: 1.8em; line-height: 1.5; margin: 0 0 40px 0; }

.topics #cont01 .inner .link { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin: 0 0 50px 20px; }

.topics #cont01 .inner .link li { margin: 0 84px 0 0; }

.topics #cont01 .inner .link li:last-child { margin: 0; }

.topics #cont01 .inner .link li a { font-weight: bold; font-size: 1.8em; color: #333333; line-height: 1.5; text-decoration: none; }

.topics #cont01 .inner .link li a:hover, .topics #cont01 .inner .link li a.on { text-decoration: underline; }

.topics #cont01 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; padding: 0 0 40px 0; }

.topics #cont01 .inner ul li { position: relative; top: 0; left: 0; width: 280px; margin: 0 40px 40px 0; }

.topics #cont01 .inner ul li:nth-child(3n) { margin: 0 0 40px 0; }

.topics #cont01 .inner ul li p { margin: 0 0 10px 0; }

.topics #cont01 .inner ul li strong { display: block; font-weight: normal; font-size: 1.5em; line-height: 1.46667; margin: 0 0 10px 0; }

.topics #cont01 .inner ul li span { display: block; font-size: 1.2em; }

.topics #cont01 .inner ul li a { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; opacity: 0; }

.topics #cont01 .inner ul li a:hover { opacity: 1; }

.topics #cont01 .inner div.pager ol { display: flex; justify-content: center; align-items: stretch; }

.topics #cont01 .inner div.pager ol li { border-right: 1px solid #333333; }

.topics #cont01 .inner div.pager ol li:last-child { border-right: none; }

.topics #cont01 .inner div.pager ol li a, .topics #cont01 .inner div.pager ol li span { display: block; font-size: 1.5em; padding: 11px 21px 13px 21px; }

.topics #cont01 .inner div.pager ol li a { background: #FFFFFF; color: #333333; text-decoration: none; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.topics #cont01 .inner div.pager ol li a:hover { background: #333333; color: #FFFFFF; }

.topics #cont01 .inner div.pager ol li span { background: #333333; color: #FFFFFF; }

.topics #cont01 .inner div.nav .pager-inner { display: flex; justify-content: center; align-items: stretch; }

.topics #cont01 .inner div.nav .pager-inner a, .topics #cont01 .inner div.nav .pager-inner span { border-right: 1px solid #333333; display: block; font-size: 1.5em; padding: 11px 21px 13px 21px; box-sizing: border-box; }

.topics #cont01 .inner div.nav .pager-inner a:last-child, .topics #cont01 .inner div.nav .pager-inner span:last-child { border-right: none; }

.topics #cont01 .inner div.nav .pager-inner a { background: #FFFFFF; color: #333333; text-decoration: none; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.topics #cont01 .inner div.nav .pager-inner a:hover { background: #333333; color: #FFFFFF; }

.topics #cont01 .inner div.nav .pager-inner span { background: #333333; color: #FFFFFF; }

@media screen and (max-width: 1000px) { .topics #cont01 { margin: 0 0 42.66667vw 0; }
  .topics #cont01 .inner .lead { font-size: 1.2em; margin: 0 0 13.86667vw 0; }
  .topics #cont01 .inner .link { margin: 0 0 11.2vw 0; }
  .topics #cont01 .inner .link li { text-align: center; width: 58.66667vw; margin: 0 2.66667vw 8vw 0; }
  .topics #cont01 .inner .link li:nth-child(3n) { margin: 0 0 8vw 0; }
  .topics #cont01 .inner .link li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: 0.53333vw solid #CCCCCC; border-radius: 2.66667vw; font-size: 1.4em; width: 100%; height: 21.33333vw; box-sizing: border-box; }
  .topics #cont01 .inner .link li a.on, .topics #cont01 .inner .link li a:hover { border: 0.53333vw solid #000000; background: #000000; color: #FFFFFF; text-decoration: none; }
  .topics #cont01 .inner ul { justify-content: space-between; padding: 0 0 16vw 0; }
  .topics #cont01 .inner ul li { width: 48%; margin: 0 0 5% 0; }
  .topics #cont01 .inner ul li:nth-child(2n) { margin: 0 0 5% 0; }
  .topics #cont01 .inner ul li p { margin: 0 0 2.66667vw 0; }
  .topics #cont01 .inner ul li strong { font-size: 1.1em; margin: 0 0 2.66667vw 0; }
  .topics #cont01 .inner ul li span { font-size: 1em; }
  .topics #cont01 .inner div.pager .pager-inner { display: flex; justify-content: center; align-items: stretch; }
  .topics #cont01 .inner div.pager .pager-inner a, .topics #cont01 .inner div.pager .pager-inner span { border-right: 0.26667vw solid #333333; font-size: 1em; padding: 2.93333vw 5.6vw 3.46667vw 5.6vw; }
  .topics #cont01 .inner div.pager .pager-inner a:last-child, .topics #cont01 .inner div.pager .pager-inner span:last-child { border-right: none; }
  .topics #cont01 .inner div.pager ol li { border-right: 0.26667vw solid #333333; }
  .topics #cont01 .inner div.pager ol li:last-child { border-right: none; }
  .topics #cont01 .inner div.pager ol li a, .topics #cont01 .inner div.pager ol li span { font-size: 1em; padding: 2.93333vw 5.6vw 3.46667vw 5.6vw; } }

/* -----------------------------------------------------------------
.newsdatail
------------------------------------------------------------------ */
.newsdatail { position: relative; top: 0; left: 0; }

.newsdatail main { margin: 0 0 160px 0; }

@media screen and (max-width: 1000px) { .newsdatail main { margin: 0 0 26.66667vw 0; } }

.newsdatail #cont01 { margin: 0 0 100px 0; }

.newsdatail #cont01 .key { position: relative; top: 0; left: 0; max-width: 1200px; width: 100%; margin: 0 auto; padding: 15px 0 0 0; }

.newsdatail #cont01 .key span.endpoint { display: inline-block; position: absolute; top: 20px; left: 134px; background: #000000; color: #FFFFFF; font-weight: bold; font-size: 2.6em; letter-spacing: 0.048em; padding: 3px 22px 6px 22px; }

.newsdatail #cont01 .inner .title { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; padding: 0 0 10px 0; }

.newsdatail #cont01 .inner .title.topictitle { padding: 0 0 43px 0; }

.newsdatail #cont01 .inner .title .text h1 { font-size: 3.8em; font-weight: bold; line-height: 1.47368; }

.newsdatail #cont01 .inner .title .text span { display: block; font-size: 1.6em; line-height: 1.5; margin: 20px 0 0 0; }

.newsdatail #cont01 .inner .title .author { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; }

.newsdatail #cont01 .inner .title .author p { width: 78px; margin: 0 42px 0 0; }

.newsdatail #cont01 .inner .title .author p img { border-radius: 100px; }

.newsdatail #cont01 .inner .title .author strong { display: block; font-size: 1.8em; font-weight: normal; line-height: 1.5; }

.newsdatail #cont01 .inner strong.endtext { display: block; text-align: center; font-weight: bold; font-size: 4.0em; letter-spacing: 0.073em; }

.newsdatail #cont01 .inner .edit { margin: 60px 0 0 0; }

.newsdatail #cont01 .inner .edit h1 { font-size: 3.8em; font-weight: bold; line-height: 1.47368; margin: 0 0 60px 0; }

.newsdatail #cont01 .inner .edit table, .newsdatail #cont01 .inner .edit p { font-size: 1.8em; line-height: 2; padding: 0 0 40px 0; }

.newsdatail #cont01 .inner .edit table del, .newsdatail #cont01 .inner .edit p del { font-size: 0.77778em; }

.newsdatail #cont01 .inner .edit table a, .newsdatail #cont01 .inner .edit p a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 8px; background: #333333; color: #FFFFFF; font-weight: bold; font-size: 1.11111em; width: 280px; height: 64px; }

.newsdatail #cont01 .inner .edit table a em, .newsdatail #cont01 .inner .edit table a span, .newsdatail #cont01 .inner .edit p a em, .newsdatail #cont01 .inner .edit p a span { font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif !important; font-weight: bold; font-size: 1em !important; }

.newsdatail #cont01 .inner .edit table a[title="text_link"], .newsdatail #cont01 .inner .edit p a[title="text_link"] { display: inline; font-weight: normal; background: none; color: #333333; text-decoration: underline; }

.newsdatail #cont01 .inner .edit table a[title="text_link"]:hover, .newsdatail #cont01 .inner .edit p a[title="text_link"]:hover { text-decoration: none; }

.newsdatail #cont01 .inner .edit table[style*="text-align: center"], .newsdatail #cont01 .inner .edit p[style*="text-align: center"] { display: -webkit-flex; display: -ms-flex; display: flex; flex-flow: column; align-items: center; justify-content: center; flex-direction: column; }

.newsdatail #cont01 .inner .edit table[style*="text-align: left"], .newsdatail #cont01 .inner .edit p[style*="text-align: left"] { display: -webkit-flex; display: -ms-flex; display: flex; flex-flow: column; align-items: flex-start; flex-direction: column; }

.newsdatail #cont01 .inner .edit table[style*="text-align: right"], .newsdatail #cont01 .inner .edit p[style*="text-align: right"] { display: -webkit-flex; display: -ms-flex; flex-flow: column; display: flex; align-items: flex-end; flex-direction: column; }

.newsdatail #cont01 .inner .edit table tr th, .newsdatail #cont01 .inner .edit table tr td { padding: 20px 10px; }

.newsdatail #cont01 .inner .edit table tr th a, .newsdatail #cont01 .inner .edit table tr td a { margin: 0 auto; }

.newsdatail #cont01 .inner .edit table tr th a.img_link, .newsdatail #cont01 .inner .edit table tr td a.img_link { width: auto; height: auto; }

.newsdatail #cont01 .inner .edit table tr th figure, .newsdatail #cont01 .inner .edit table tr td figure { margin: 0; }

.newsdatail #cont01 .inner .edit table tr th figure a, .newsdatail #cont01 .inner .edit table tr td figure a { display: inline; font-weight: normal; background: none; color: #333333; text-decoration: underline; }

.newsdatail #cont01 .inner .edit table tr th figure a:hover, .newsdatail #cont01 .inner .edit table tr td figure a:hover { text-decoration: none; }

.newsdatail #cont01 .inner .edit figure { max-width: 600px; margin: 0 auto 60px auto; padding: 20px 0 0 0; }

.newsdatail #cont01 .inner .edit .gallery, .newsdatail #cont01 .inner .edit ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 840px; margin: 0 auto; padding: 20px 0 20px 0; }

.newsdatail #cont01 .inner .edit .gallery dl, .newsdatail #cont01 .inner .edit .gallery li, .newsdatail #cont01 .inner .edit ul dl, .newsdatail #cont01 .inner .edit ul li { float: none; width: 400px; padding: 0 0 49px 0; }

.newsdatail #cont01 .inner .edit .gallery dl dt img, .newsdatail #cont01 .inner .edit .gallery li dt img, .newsdatail #cont01 .inner .edit ul dl dt img, .newsdatail #cont01 .inner .edit ul li dt img { border: none; }

.newsdatail #cont01 .inner .edit .gallery + figure, .newsdatail #cont01 .inner .edit ul + figure { padding: 0; }

.newsdatail #cont01 .inner .edit blockquote { background: #f7f7f7; padding: 40px 40px 0 40px; }

.newsdatail #cont01 .inner .edit blockquote p { line-height: 2.05556; }

.newsdatail #cont01 .inner .main_item { margin: 40px 0 0 0; }

.newsdatail #cont01 .inner .main_item h3 { font-weight: bold; font-size: 3.8em; line-height: 1.47368; margin: 0 0 60px 0; }

.newsdatail #cont01 .inner .main_item h3.more { margin: 0; }

.newsdatail #cont01 .inner .main_item dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: stretch; margin: 0 0 72px 0; }

.newsdatail #cont01 .inner .main_item dl dd { width: 280px; }

.newsdatail #cont01 .inner .main_item dl dt { width: 572px; }

.newsdatail #cont01 .inner .main_item dl dt .item_name { margin: 0 0 18px 0; }

.newsdatail #cont01 .inner .main_item dl dt .item_name strong { display: block; font-weight: normal; font-size: 2.4em; line-height: 1.5; margin: 0 0 20px 0; }

.newsdatail #cont01 .inner .main_item dl dt .item_name p { font-size: 1.5em; line-height: 1.46667; min-height: 66px; }

.newsdatail #cont01 .inner .main_item dl dt .item_link span { display: block; color: #979797; font-size: 1.4em; line-height: 1.42857; }

.newsdatail #cont01 .inner .main_item dl dt .item_link p { display: -webkit-flex; display: -ms-flex; display: flex; font-size: 1.0em; margin: 0 0 28px 0; }

.newsdatail #cont01 .inner .main_item dl dt .item_link p em { display: block; color: #979797; font-weight: normal; font-size: 2.4em; line-height: 1.5; margin: 0 4px 0 0; }

.newsdatail #cont01 .inner .main_item dl dt .item_link p strong { display: block; font-weight: bold; color: #D25656; font-size: 2.4em; line-height: 1.5; }

.newsdatail #cont01 .inner .main_item dl dt .item_link p strong.normal { color: #333333; }

.newsdatail #cont01 .inner .main_item dl dt .item_link a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 8px; border: solid 1px #333333; font-size: 2.0em; color: #333333; width: 280px; height: 64px; box-sizing: border-box; }

.newsdatail #cont01 .inner .main_item ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; padding: 4px 0 0 0; }

.newsdatail #cont01 .inner .main_item ul li { position: relative; top: 0; left: 0; width: 280px; margin: 56px 40px 0 0; }

.newsdatail #cont01 .inner .main_item ul li:nth-child(3n) { margin: 56px 0 0 0; }

.newsdatail #cont01 .inner .main_item ul li .img { margin: 0 0 20px 0; }

.newsdatail #cont01 .inner .main_item ul li .item_text { min-height: 68px; margin: 0 0 20px 0; }

.newsdatail #cont01 .inner .main_item ul li .item_text strong { display: block; font-weight: normal; font-size: 1.5em; line-height: 1.46667; }

.newsdatail #cont01 .inner .main_item ul li .item_text p { display: -webkit-flex; display: -ms-flex; display: flex; font-size: 1.5em; line-height: 1.46667; }

.newsdatail #cont01 .inner .main_item ul li .item_text p span { display: block; color: #979797; font-weight: normal; margin: 0 4px 0 0; }

.newsdatail #cont01 .inner .main_item ul li .item_text p em { display: block; font-weight: normal; color: #D25656; }

.newsdatail #cont01 .inner .main_item ul li .item_text p em.normal { color: #333333; }

.newsdatail #cont01 .inner .main_item ul li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 8px; border: solid 1px #333333; font-size: 2.0em; color: #333333; width: 280px; height: 64px; box-sizing: border-box; }

@media screen and (max-width: 1000px) { .newsdatail #cont01 { margin: 0 0 26.66667vw 0; }
  .newsdatail #cont01 .key { height: 136vw; padding: 8vw 0 0 0; }
  .newsdatail #cont01 .key img { height: 100%; object-fit: cover; }
  .newsdatail #cont01 .key span.endpoint { top: 0; left: 4vw; font-size: 1em; padding: 1.33333vw 4vw 1.6vw 4vw; }
  .newsdatail #cont01 .inner .title { display: block; padding: 0 0 6.4vw 0; }
  .newsdatail #cont01 .inner .title.topictitle { padding: 0 0 12vw 0; }
  .newsdatail #cont01 .inner .title .text h1 { font-size: 1.9em; }
  .newsdatail #cont01 .inner .title .text span { font-size: 1em; margin: 7.46667vw 0 0 0; }
  .newsdatail #cont01 .inner .title .author { justify-content: flex-start; padding: 11.2vw 0 0 0; }
  .newsdatail #cont01 .inner .title .author p { width: 26.66667vw; margin: 0 11.2vw 0 0; }
  .newsdatail #cont01 .inner .title .author strong { font-size: 1.2em; }
  .newsdatail #cont01 .inner strong.endtext { font-size: 1.6em; }
  .newsdatail #cont01 .inner .edit { margin: 26.66667vw 0 0 0; }
  .newsdatail #cont01 .inner .edit h1 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .newsdatail #cont01 .inner .edit table, .newsdatail #cont01 .inner .edit p { font-size: 1.2em; padding: 0 0 10.66667vw 0; }
  .newsdatail #cont01 .inner .edit table a, .newsdatail #cont01 .inner .edit p a { max-width: 280px; width: 100%; height: 22.4vw; }
  .newsdatail #cont01 .inner .edit table tr th, .newsdatail #cont01 .inner .edit table tr td { padding: 5.33333vw 2.66667vw; }
  .newsdatail #cont01 .inner .edit table tr th a, .newsdatail #cont01 .inner .edit table tr td a { font-size: 1em; }
  .newsdatail #cont01 .inner .edit figure { max-width: 144vw; margin: 0 auto 16vw auto; padding: 5.33333vw 0 0 0; }
  .newsdatail #cont01 .inner .edit .gallery, .newsdatail #cont01 .inner .edit ul { width: 100%; padding: 5.33333vw 0 5.33333vw 0; }
  .newsdatail #cont01 .inner .edit .gallery dl, .newsdatail #cont01 .inner .edit .gallery li, .newsdatail #cont01 .inner .edit ul dl, .newsdatail #cont01 .inner .edit ul li { width: 48%; padding: 0 0 6.4vw 0; }
  .newsdatail #cont01 .inner .edit .gallery + figure, .newsdatail #cont01 .inner .edit ul + figure { padding: 0; }
  .newsdatail #cont01 .inner .edit blockquote { padding: 10.66667vw 10.66667vw 0 10.66667vw; }
  .newsdatail #cont01 .inner .main_item { margin: 11.2vw 0 0 0; }
  .newsdatail #cont01 .inner .main_item h3 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .newsdatail #cont01 .inner .main_item h3.more { padding: 8.53333vw 0 0 0; margin: 0; }
  .newsdatail #cont01 .inner .main_item dl { display: block; margin: 0 0 13.86667vw 0; }
  .newsdatail #cont01 .inner .main_item dl dd { width: 65%; margin: 0 auto 11.2vw auto; }
  .newsdatail #cont01 .inner .main_item dl dt { width: 100%; }
  .newsdatail #cont01 .inner .main_item dl dt .item_name { margin: 0 0 4.8vw 0; }
  .newsdatail #cont01 .inner .main_item dl dt .item_name strong { font-size: 1.5em; margin: 0 0 5.33333vw 0; }
  .newsdatail #cont01 .inner .main_item dl dt .item_name p { font-size: 1.1em; min-height: auto; }
  .newsdatail #cont01 .inner .main_item dl dt .item_link span { font-size: 1em; }
  .newsdatail #cont01 .inner .main_item dl dt .item_link p { margin: 0 0 13.86667vw 0; }
  .newsdatail #cont01 .inner .main_item dl dt .item_link p em { font-size: 1.4em; margin: 0 1.06667vw 0 0; }
  .newsdatail #cont01 .inner .main_item dl dt .item_link p strong { font-size: 1.4em; }
  .newsdatail #cont01 .inner .main_item dl dt .item_link a { border-radius: 2.13333vw; border: solid 0.26667vw #333333; font-size: 1.2em; width: 100%; height: 25.06667vw; }
  .newsdatail #cont01 .inner .main_item ul { justify-content: space-between; padding: 1.06667vw 0 0 0; }
  .newsdatail #cont01 .inner .main_item ul li { width: 48%; margin: 13.86667vw 0 0 0; }
  .newsdatail #cont01 .inner .main_item ul li:nth-child(3n) { margin: 13.86667vw 0 0 0; }
  .newsdatail #cont01 .inner .main_item ul li .img { margin: 0 0 5.33333vw 0; }
  .newsdatail #cont01 .inner .main_item ul li .item_text { min-height: 26.66667vw; margin: 0 0 5.33333vw 0; }
  .newsdatail #cont01 .inner .main_item ul li .item_text strong { font-size: 1.1em; }
  .newsdatail #cont01 .inner .main_item ul li .item_text p { font-size: 1.2em; }
  .newsdatail #cont01 .inner .main_item ul li .item_text p span { margin: 0 1.06667vw 0 0; }
  .newsdatail #cont01 .inner .main_item ul li a { border-radius: 2.13333vw; border: solid 0.26667vw #333333; font-size: 1.2em; width: 100%; height: 19.2vw; } }

.newsdatail #cont02 { padding: 100px 0 0 0; margin: 0 0 100px 0; }

.newsdatail #cont02 .inner h2 { font-size: 3.8em; font-weight: bold; line-height: 1.47368; margin: 0 0 60px 0; }

.newsdatail #cont02 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; }

.newsdatail #cont02 .inner ul li { position: relative; top: 0; left: 0; width: 280px; margin: 0 40px 0 0; }

.newsdatail #cont02 .inner ul li:nth-child(3n) { margin: 0; }

.newsdatail #cont02 .inner ul li p { margin: 0 0 10px 0; }

.newsdatail #cont02 .inner ul li strong { display: block; font-weight: normal; font-size: 1.5em; line-height: 1.46667; margin: 0 0 10px 0; }

.newsdatail #cont02 .inner ul li span { display: block; font-size: 1.2em; }

.newsdatail #cont02 .inner ul li a { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; opacity: 0; }

.newsdatail #cont02 .inner ul li a:hover { opacity: 1; }

@media screen and (max-width: 1000px) { .newsdatail #cont02 { padding: 13.33333vw 0 0 0; margin: 0 0 13.33333vw 0; }
  .newsdatail #cont02 .inner h2 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .newsdatail #cont02 .inner ul li { width: 30%; margin: 0 5% 0 0; }
  .newsdatail #cont02 .inner ul li:nth-child(3n) { margin: 0; }
  .newsdatail #cont02 .inner ul li strong { font-size: 1.2em; margin: 0 0 2.66667vw 0; }
  .newsdatail #cont02 .inner ul li span { font-size: 1em; } }

.newsdatail #cont03 { padding: 20px 0 0 0; margin: 0 0 100px 0; }

.newsdatail #cont03 .inner h2 { font-size: 3.8em; font-weight: bold; line-height: 1.47368; margin: 0 0 20px 0; }

.newsdatail #cont03 .inner div.text_lead { margin: 0 0 40px 0; }

.newsdatail #cont03 .inner div.text_lead p { font-size: 1.8em; line-height: 2; padding: 0 0 40px 0; }

.newsdatail #cont03 .inner div.text_lead p:last-child { padding: 0; }

.newsdatail #cont03 .inner div.text_lead p del { font-size: 0.77778em; }

.newsdatail #cont03 .inner div.text_lead p a { border-radius: 2.13333vw; height: 25.06667vw; }

.newsdatail #cont03 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; }

.newsdatail #cont03 .inner ul li { position: relative; top: 0; left: 0; width: 280px; margin: 0 40px 0 0; }

.newsdatail #cont03 .inner ul li:nth-child(3n) { margin: 0; }

.newsdatail #cont03 .inner ul li p { margin: 0 0 10px 0; }

.newsdatail #cont03 .inner ul li p.limit { font-size: 1.0em; }

.newsdatail #cont03 .inner ul li p.limit:after { content: '終了しました'; display: inline-block; position: absolute; top: 0; left: 0; background: #000000; color: #FFFFFF; font-size: 1.6em; padding: 1px 12px 3px 12px; }

.newsdatail #cont03 .inner ul li p.limit img { opacity: 0.75; }

.newsdatail #cont03 .inner ul li strong { display: block; font-weight: normal; font-size: 1.5em; line-height: 1.46667; margin: 0 0 10px 0; }

.newsdatail #cont03 .inner ul li span { display: block; font-size: 1.2em; }

.newsdatail #cont03 .inner ul li a { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; opacity: 0; }

.newsdatail #cont03 .inner ul li a:hover { opacity: 1; }

.newsdatail #cont03 .inner ol { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin: 0 0 70px 0; }

.newsdatail #cont03 .inner ol li { position: relative; top: 0; left: 0; width: 280px; margin: 0 40px 40px 0; }

.newsdatail #cont03 .inner ol li:nth-child(3n) { margin: 0; }

.newsdatail #cont03 .inner ol li p { margin: 0 0 24px 0; }

.newsdatail #cont03 .inner ol li strong { display: block; font-weight: normal; font-size: 1.5em; line-height: 1.46667; margin: 0 0 10px 0; }

.newsdatail #cont03 .inner ol li a { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; opacity: 0; }

.newsdatail #cont03 .inner ol li a:hover { opacity: 1; }

@media screen and (max-width: 1000px) { .newsdatail #cont03 { margin: 0 0 26.66667vw 0; }
  .newsdatail #cont03 .inner h2 { font-size: 1.9em; margin: 0 0 6.4vw 0; }
  .newsdatail #cont03 .inner div.text_lead { margin: 0 0 13.86667vw 0; }
  .newsdatail #cont03 .inner div.text_lead p { font-size: 1.2em; padding: 0 0 10.66667vw 0; }
  .newsdatail #cont03 .inner div.text_lead p:last-child { padding: 0; }
  .newsdatail #cont03 .inner ul li { width: 30%; margin: 0 5% 0 0; }
  .newsdatail #cont03 .inner ul li:nth-child(3n) { margin: 0; }
  .newsdatail #cont03 .inner ul li p.limit:after { font-size: 1.1em; padding: 1px 2.66667vw 3px 2.66667vw; }
  .newsdatail #cont03 .inner ul li strong { font-size: 1.2em; margin: 0 0 2.66667vw 0; }
  .newsdatail #cont03 .inner ul li span { font-size: 1em; }
  .newsdatail #cont03 .inner ol { margin: 0 0 19.73333vw 0; }
  .newsdatail #cont03 .inner ol li { width: 30%; margin: 0 5% 0 0; }
  .newsdatail #cont03 .inner ol li:nth-child(3n) { margin: 0; }
  .newsdatail #cont03 .inner ol li _ p { margin: 0 0 4.26667vw 0; }
  .newsdatail #cont03 .inner ol li strong { font-size: 1.2em; margin: 0 0 2.66667vw 0; } }

.newsdatail #page .inner .pager { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }

.newsdatail #page .inner .pager p { border-left: solid 1px #333333; width: 140px; box-sizing: border-box; }

.newsdatail #page .inner .pager p:first-child { border-left: none; }

.newsdatail #page .inner .pager p a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-align: center; color: #333333; font-size: 1.4em; line-height: 1.57143; width: 100%; height: 32px; padding: 2px 0 4px 0; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.newsdatail #page .inner .pager p a:hover { background: #333333; color: #FFFFFF; }

@media screen and (max-width: 1000px) { .newsdatail #page .inner .pager p { border-left: solid 0.26667vw #333333; width: 40vw; }
  .newsdatail #page .inner .pager p:first-child { border-left: none; }
  .newsdatail #page .inner .pager p a { font-size: 1em; height: 10.66667vw; padding: 0.53333vw 0 1.06667vw 0; } }

/* -----------------------------------------------------------------
.news
------------------------------------------------------------------ */
.news { position: relative; top: 0; left: 0; }

.news #main { width: 100vw; }

.news #key { position: relative; top: 0; left: 0; margin: 0 0 145px 0; }

.news #key .inner { position: relative; top: 0; left: 0; }

.news #key .inner h1 { position: absolute; bottom: 0; left: 0; font-weight: bold; font-size: 8.0em; color: #FFFFFF; line-height: 0.82; }

@media screen and (max-width: 1000px) {
.news #key { margin: 0 0 32vw 0; }

.news #key .inner h1 { font-size: 4em; line-height: 0.82; } }

.news #cont01 { margin: 0 0 160px 0; }

.news #cont01 .inner .lead { font-weight: normal; font-size: 1.8em; line-height: 1.5; margin: 0 0 50px 0; }

.news #cont01 .inner .link { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin: 0 0 50px 20px; }

.news #cont01 .inner .link li { margin: 0 84px 0 0; }

.news #cont01 .inner .link li:last-child { margin: 0; }

.news #cont01 .inner .link li a { font-weight: bold; font-size: 1.8em; color: #333333; line-height: 1.5; text-decoration: none; }

.news #cont01 .inner .link li a:hover, .news #cont01 .inner .link li a.on { text-decoration: underline; }

.news #cont01 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; padding: 0 0 40px 0; }

.news #cont01 .inner ul li { position: relative; top: 0; left: 0; width: 280px; margin: 0 40px 38px 0; }

.news #cont01 .inner ul li:nth-child(3n) { margin: 0 0 38px 0; }

.news #cont01 .inner ul li p { position: relative; top: 0; left: 0; margin: 0 0 10px 0; }

.news #cont01 .inner ul li p.limit { font-size: 1.0em; }

.news #cont01 .inner ul li p.limit:after { content: '終了しました'; display: inline-block; position: absolute; top: 0; left: 0; background: #000000; color: #FFFFFF; font-size: 1.6em; padding: 1px 12px 3px 12px; }

.news #cont01 .inner ul li p.limit img { opacity: 0.75; }

.news #cont01 .inner ul li strong { display: block; font-weight: normal; font-size: 1.5em; line-height: 1.46667; margin: 0 0 10px 0; }

.news #cont01 .inner ul li span { display: block; font-size: 1.2em; }

.news #cont01 .inner ul li a { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; opacity: 0; }

.news #cont01 .inner ul li a:hover { opacity: 1; }

.news #cont01 .inner div.nav .pager-inner { display: flex; justify-content: center; align-items: stretch; }

.news #cont01 .inner div.nav .pager-inner a, .news #cont01 .inner div.nav .pager-inner span { border-right: 1px solid #333333; display: block; font-size: 1.5em; padding: 11px 21px 13px 21px; box-sizing: border-box; }

.news #cont01 .inner div.nav .pager-inner a:last-child, .news #cont01 .inner div.nav .pager-inner span:last-child { border-right: none; }

.news #cont01 .inner div.nav .pager-inner a { background: #FFFFFF; color: #333333; text-decoration: none; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.news #cont01 .inner div.nav .pager-inner a:hover { background: #333333; color: #FFFFFF; }

.news #cont01 .inner div.nav .pager-inner span { background: #333333; color: #FFFFFF; }

.news #cont01 .inner div.pager ol { display: flex; justify-content: center; align-items: stretch; }

.news #cont01 .inner div.pager ol li { border-right: 1px solid #333333; }

.news #cont01 .inner div.pager ol li:last-child { border-right: none; }

.news #cont01 .inner div.pager ol li a, .news #cont01 .inner div.pager ol li span { display: block; font-size: 1.5em; padding: 11px 21px 13px 21px; }

.news #cont01 .inner div.pager ol li a { background: #FFFFFF; color: #333333; text-decoration: none; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.news #cont01 .inner div.pager ol li a:hover { background: #333333; color: #FFFFFF; }

.news #cont01 .inner div.pager ol li span { background: #333333; color: #FFFFFF; }

@media screen and (max-width: 1000px) { .news #cont01 { margin: 0 0 42.66667vw 0; }
  .news #cont01 .inner .lead { font-size: 1.2em; margin: 0 0 13.86667vw 0; }
  .news #cont01 .inner .link { flex-wrap: wrap; margin: 0 0 11.2vw 0; }
  .news #cont01 .inner .link li { text-align: center; width: 88.53333vw; margin: 0 4.26667vw 8vw 0; }
  .news #cont01 .inner .link li:nth-child(2n) { margin: 0 0 8vw 0; }
  .news #cont01 .inner .link li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: 0.53333vw solid #CCCCCC; border-radius: 2.66667vw; font-size: 1.4em; width: 100%; height: 21.33333vw; box-sizing: border-box; }
  .news #cont01 .inner .link li a.on, .news #cont01 .inner .link li a:hover { border: 0.53333vw solid #000000; background: #000000; color: #FFFFFF; text-decoration: none; }
  .news #cont01 .inner ul { justify-content: space-between; padding: 0 0 16vw 0; }
  .news #cont01 .inner ul li { width: 48%; margin: 0 0 5% 0; }
  .news #cont01 .inner ul li:nth-child(2n) { margin: 0 0 5% 0; }
  .news #cont01 .inner ul li p { margin: 0 0 2.66667vw 0; }
  .news #cont01 .inner ul li p.limit:after { font-size: 1.1em; padding: 1px 2.66667vw 3px 2.66667vw; }
  .news #cont01 .inner ul li strong { font-size: 1.1em; margin: 0 0 2.66667vw 0; }
  .news #cont01 .inner ul li span { font-size: 1em; }
  .news #cont01 .inner div.pager ol li { border-right: 0.26667vw solid #333333; }
  .news #cont01 .inner div.pager ol li:last-child { border-right: none; }
  .news #cont01 .inner div.pager ol li a, .news #cont01 .inner div.pager ol li span { font-size: 1em; padding: 2.93333vw 5.6vw 3.46667vw 5.6vw; }
  .news #cont01 .inner div.pager ol li { border-right: 0.26667vw solid #333333; }
  .news #cont01 .inner div.pager ol li:last-child { border-right: none; }
  .news #cont01 .inner div.pager ol li a, .news #cont01 .inner div.pager ol li span { font-size: 1em; padding: 2.93333vw 5.6vw 3.46667vw 5.6vw; } }

/* -----------------------------------------------------------------
.shopdatail
------------------------------------------------------------------ */
.shopdatail { position: relative; top: 0; left: 0; }

.shopdatail #cont01 { margin: 0 0 180px 0; }

.shopdatail #cont01 .key { max-width: 1200px; width: 100%; margin: 0 auto 60px auto; }

.shopdatail #cont01 .inner h1 { font-size: 3.8em; font-weight: bold; line-height: 1.47368; margin: 0 0 69px 0; }

.shopdatail #cont01 .inner p { font-size: 1.6em; line-height: 1.5; width: 720px; margin: 0 0 40px 0; }

.shopdatail #cont01 .inner table { margin: 0 0 120px 0; }

.shopdatail #cont01 .inner table tr th { vertical-align: top; font-size: 1.8em; font-weight: 400; line-height: 1.5; width: 128px; padding: 0 0 12px 0; }

.shopdatail #cont01 .inner table tr td { vertical-align: top; font-size: 1.8em; line-height: 1.5; padding: 0 0 12px 0; }

.shopdatail #cont01 .inner table tr td a { color: #333333; text-decoration: underline; }

.shopdatail #cont01 .inner table tr td a:hover { text-decoration: none; }

.shopdatail #cont01 .inner table tr:last-child th, .shopdatail #cont01 .inner table tr:last-child td { padding: 0; }

.shopdatail #cont01 .inner #map { width: 100%; height: 408px; }

@media screen and (max-width: 1000px) { .shopdatail #cont01 { margin: 0 0 32vw 0; }
  .shopdatail #cont01 .key { margin: 0 auto 16vw auto; }
  .shopdatail #cont01 .inner h1 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .shopdatail #cont01 .inner p { font-size: 1.1em; width: 100%; margin: 0 0 6.4vw 0; }
  .shopdatail #cont01 .inner table { margin: 0 0 15.46667vw 0; }
  .shopdatail #cont01 .inner table tr th { font-size: 1.2em; width: 48vw; padding: 0 0 4.8vw 0; }
  .shopdatail #cont01 .inner table tr td { font-size: 1.2em; padding: 0 0 4.8vw 0; }
  .shopdatail #cont01 .inner table tr:last-child th, .shopdatail #cont01 .inner table tr:last-child td { padding: 0; }
  .shopdatail #cont01 .inner #map { width: 100%; height: 108.8vw; } }

.shopdatail #cont02 { margin: 0 0 160px 0; }

.shopdatail #cont02 .inner h2 { font-size: 3.8em; font-weight: bold; line-height: 1.47368; margin: 0 0 40px 0; }

.shopdatail #cont02 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; }

.shopdatail #cont02 .inner ul li { position: relative; top: 0; left: 0; width: 280px; margin: 0 40px 0 0; }

.shopdatail #cont02 .inner ul li:nth-child(3n) { margin: 0; }

.shopdatail #cont02 .inner ul li p { margin: 0 0 10px 0; }

.shopdatail #cont02 .inner ul li strong { display: block; font-weight: normal; font-size: 1.5em; line-height: 1.46667; margin: 0 0 10px 0; }

.shopdatail #cont02 .inner ul li span { display: block; font-size: 1.2em; }

.shopdatail #cont02 .inner ul li a { display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; opacity: 0; }

.shopdatail #cont02 .inner ul li a:hover { opacity: 1; }

@media screen and (max-width: 1000px) { .shopdatail #cont02 { margin: 0 0 26.66667vw 0; }
  .shopdatail #cont02 .inner h2 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .shopdatail #cont02 .inner ul li { width: 30%; margin: 0 5% 0 0; }
  .shopdatail #cont02 .inner ul li:nth-child(3n) { margin: 0; }
  .shopdatail #cont02 .inner ul li strong { font-size: 1.1em; margin: 0 0 2.66667vw 0; }
  .shopdatail #cont02 .inner ul li span { font-size: 1em; } }

/* -----------------------------------------------------------------
.shoplist
------------------------------------------------------------------ */
.shoplist { position: relative; top: 0; left: 0; }

.shoplist #key { position: relative; top: 0; left: 0; margin: 0 0 60px 0; }

.shoplist #key .inner { position: relative; top: 0; left: 0; }

.shoplist #key .inner h1 { position: absolute; bottom: 0; left: 0; font-weight: bold; font-size: 8.0em; color: #FFFFFF; line-height: 0.82; }

@media screen and (max-width: 1000px) { .shoplist #key { margin: 0 0 21.33333vw 0; }
  .shoplist #key .inner h1 { font-size: 4em; line-height: 0.82; } }

.shoplist #cont01 { margin: 0 0 160px 0; }

.shoplist #cont01 .inner ol { display: -webkit-flex; display: -ms-flex; display: flex; margin: 0 0 60px 0; }

.shoplist #cont01 .inner ol li { margin: 0 83px 0 0; }

.shoplist #cont01 .inner ol li:last-child { margin: 0; }

.shoplist #cont01 .inner ol li a { font-size: 1.8em; font-weight: bold; color: #333333; line-height: 1.5; text-decoration: none; }

.shoplist #cont01 .inner ol li a.on, .shoplist #cont01 .inner ol li a:hover { text-decoration: underline; }

.shoplist #cont01 .inner .area { margin: 0 0 100px 0; }

.shoplist #cont01 .inner .area h2 { font-size: 3.8em; font-weight: bold; line-height: 1.47368; margin: 0 0 40px 0; }

.shoplist #cont01 .inner .area ul li { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 80px 0; }

.shoplist #cont01 .inner .area ul li:last-child { margin: 0; }

.shoplist #cont01 .inner .area ul li .left { width: 500px; }

.shoplist #cont01 .inner .area ul li .left strong { display: block; font-size: 2.8em; font-weight: bold; line-height: 1.46429; margin: 0 0 30px 0; }

.shoplist #cont01 .inner .area ul li .left table tr th { vertical-align: top; font-weight: 400; font-size: 1.8em; line-height: 1.5; width: 128px; padding: 0 0 12px 0; }

.shoplist #cont01 .inner .area ul li .left table tr td { vertical-align: top; font-size: 1.8em; line-height: 1.5; padding: 0 0 12px 0; }

.shoplist #cont01 .inner .area ul li .left table tr:last-child th, .shoplist #cont01 .inner .area ul li .left table tr:last-child td { padding: 0; }

.shoplist #cont01 .inner .area ul li .right { position: relative; top: 0; left: 0; width: 380px; }

.shoplist #cont01 .inner .area ul li .right iframe { display: block; width: 100%; height: 260px; }

.shoplist #cont01 .inner .area ul li .right p { position: absolute; bottom: 0; left: 0; font-size: 2.0em; width: 100%; }

.shoplist #cont01 .inner .area ul li .right p a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 8px; border: solid 1px #333333; color: #333333; width: 100%; height: 64px; box-sizing: border-box; }

@media screen and (max-width: 1000px) { .shoplist #cont01 { margin: 0 0 42.66667vw 0; }
  .shoplist #cont01 .inner ol { margin: 0 0 13.86667vw 0; }
  .shoplist #cont01 .inner ol li { width: 58.66667vw; margin: 0 2.66667vw 8vw 0; }
  .shoplist #cont01 .inner ol li:nth-child(3n) { margin: 0 0 8vw 0; }
  .shoplist #cont01 .inner ol li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: 0.53333vw solid #CCCCCC; border-radius: 2.66667vw; font-size: 1.4em; width: 100%; height: 21.33333vw; box-sizing: border-box; }
  .shoplist #cont01 .inner ol li a.on, .shoplist #cont01 .inner ol li a:hover { border: 0.53333vw solid #000000; background: #000000; color: #FFFFFF; text-decoration: none; }
  .shoplist #cont01 .inner .area { margin: 0 0 14.93333vw 0; }
  .shoplist #cont01 .inner .area h2 { font-size: 1.9em; margin: 0 0 8.53333vw 0; }
  .shoplist #cont01 .inner .area ul li { display: block; margin: 0 0 21.33333vw 0; }
  .shoplist #cont01 .inner .area ul li:last-child { margin: 0; }
  .shoplist #cont01 .inner .area ul li .left { width: 100%; margin: 0 0 13.86667vw 0; }
  .shoplist #cont01 .inner .area ul li .left strong { font-size: 1.5em; margin: 0 0 8.53333vw 0; }
  .shoplist #cont01 .inner .area ul li .left table tr th { font-size: 1.2em; width: 58.66667vw; padding: 0 0 4.8vw 0; }
  .shoplist #cont01 .inner .area ul li .left table tr td { font-size: 1.2em; padding: 0 0 4.8vw 0; }
  .shoplist #cont01 .inner .area ul li .left table tr:last-child th, .shoplist #cont01 .inner .area ul li .left table tr:last-child td { padding: 0; }
  .shoplist #cont01 .inner .area ul li .right { width: 100%; }
  .shoplist #cont01 .inner .area ul li .right iframe { height: 101.33333vw; }
  .shoplist #cont01 .inner .area ul li .right p { position: relative; top: 0; left: 0; font-size: 1.2em; }
  .shoplist #cont01 .inner .area ul li .right p a { border-radius: 2.13333vw; height: 25.06667vw; } }

/* -----------------------------------------------------------------
.recruit
------------------------------------------------------------------ */
.recruit { position: relative; top: 0; left: 0; }

.recruit #key { position: relative; top: 0; left: 0; margin: 0 0 60px 0; }

.recruit #key .inner { position: relative; top: 0; left: 0; }

.recruit #key .inner h1 { position: absolute; bottom: 0; left: 0; font-weight: bold; font-size: 8.0em; color: #FFFFFF; line-height: 0.82; }

@media screen and (max-width: 1000px) { .recruit #key { margin: 0 0 21.33333vw 0; }
  .recruit #key .inner h1 { font-size: 4em; line-height: 0.82; } }

.recruit #cont01 { margin: 0 0 100px 0; }

.recruit #cont01 .inner h2 { font-size: 3.8em; font-weight: bold; line-height: 1.47368; margin: 0 0 60px 0; }

.recruit #cont01 .inner p { font-weight: 400; font-size: 1.8em; line-height: 1.5; margin: 0 0 100px 0; }

.recruit #cont01 .inner p span { display: block; margin: 0 0 40px 0; }

.recruit #cont01 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }

.recruit #cont01 .inner ul li { width: 440px; }

@media screen and (max-width: 1000px) { .recruit #cont01 { margin: 0 0 21.33333vw 0; }
  .recruit #cont01 .inner h2 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .recruit #cont01 .inner p { font-size: 1.2em; margin: 0 0 11.2vw 0; }
  .recruit #cont01 .inner p span { margin: 0 0 6.4vw 0; }
  .recruit #cont01 .inner ul li { width: 48%; } }

.recruit #cont02 { margin: 0 0 160px 0; }

.recruit #cont02 .inner h2 { font-size: 3.8em; font-weight: bold; line-height: 1.47368; margin: 0 0 60px 0; }

.recruit #cont02 .inner ol { display: -webkit-flex; display: -ms-flex; display: flex; margin: 0 0 60px 0; }

.recruit #cont02 .inner ol li { margin: 0 84px 0 0; }

.recruit #cont02 .inner ol li:last-child { margin: 0; }

.recruit #cont02 .inner ol li a { font-size: 1.8em; font-weight: bold; color: #333333; line-height: 1.5; text-decoration: none; }

.recruit #cont02 .inner ol li a.on, .recruit #cont02 .inner ol li a:hover { text-decoration: underline; }

.recruit #cont02 .inner .area { border-bottom: 1px solid #333333; margin: 0 0 80px 0; padding: 0 0 80px 0; }

.recruit #cont02 .inner .area:last-child { border-bottom: none; margin: 0; padding: 0; }

.recruit #cont02 .inner .area h3 { font-size: 3.8em; font-weight: bold; line-height: 1.47368; margin: 0 0 40px 0; }

.recruit #cont02 .inner .area ul li { margin: 0 0 80px 0; }

.recruit #cont02 .inner .area ul li:last-child { margin: 0; }

.recruit #cont02 .inner .area ul li strong { display: block; font-size: 1.8em; line-height: 1.5; font-weight: bold; margin: 0 0 24px 0; }

.recruit #cont02 .inner .area ul li h4 { font-size: 2.8em; line-height: 1.46429; font-weight: bold; margin: 0 0 35px 0; }

.recruit #cont02 .inner .area ul li .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }

.recruit #cont02 .inner .area ul li .flex .left { width: 500px; }

.recruit #cont02 .inner .area ul li .flex .left table tr th { vertical-align: top; font-weight: 400; font-size: 1.8em; line-height: 1.5; width: 150px; padding: 0 0 12px 0; }

.recruit #cont02 .inner .area ul li .flex .left table tr td { vertical-align: top; font-size: 1.8em; line-height: 1.5; width: 296px; padding: 0 0 12px 0; }

.recruit #cont02 .inner .area ul li .flex .left table tr:last-child th, .recruit #cont02 .inner .area ul li .flex .left table tr:last-child td { padding: 0; }

.recruit #cont02 .inner .area ul li .flex .right { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end; width: 380px; }

.recruit #cont02 .inner .area ul li .flex .right dl dd:last-child { margin: 16px 0 0 0; }

.recruit #cont02 .inner .area ul li .flex .right dl dd p { font-size: 2.0em; width: 100%; }

.recruit #cont02 .inner .area ul li .flex .right dl dd p a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-radius: 8px; font-weight: bold; width: 100%; height: 64px; box-sizing: border-box; }

.recruit #cont02 .inner .area ul li .flex .right dl dd p.link a { background: #333333; color: #FFFFFF; }

.recruit #cont02 .inner .area ul li .flex .right dl dd p.tellink a { border: solid 1px #333333; color: #333333; }

.recruit #cont02 .inner .area ul li .flex .right span { display: block; font-size: 1.4em; margin: 10px 0 0 0; }

@media screen and (max-width: 1000px) { .recruit #cont02 { margin: 0 0 42.66667vw 0; }
  .recruit #cont02 .inner h2 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .recruit #cont02 .inner ol { margin: 0 0 13.86667vw 0; }
  .recruit #cont02 .inner ol li { width: 58.66667vw; margin: 0 2.66667vw 8vw 0; }
  .recruit #cont02 .inner ol li:nth-child(3n) { margin: 0 0 8vw 0; }
  .recruit #cont02 .inner ol li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: 0.53333vw solid #CCCCCC; border-radius: 2.66667vw; font-size: 1.4em; width: 100%; height: 21.33333vw; box-sizing: border-box; }
  .recruit #cont02 .inner ol li a.on, .recruit #cont02 .inner ol li a:hover { border: 0.53333vw solid #000000; background: #000000; color: #FFFFFF; text-decoration: none; }
  .recruit #cont02 .inner .area { border-bottom: 0.53333vw solid #333333; margin: 0 0 16vw 0; padding: 0 0 16vw 0; }
  .recruit #cont02 .inner .area:last-child { border-bottom: none; margin: 0; padding: 0; }
  .recruit #cont02 .inner .area h3 { font-size: 1.9em; margin: 0 0 13.86667vw 0; }
  .recruit #cont02 .inner .area ul li { margin: 0 0 13.86667vw 0; }
  .recruit #cont02 .inner .area ul li:last-child { margin: 0; }
  .recruit #cont02 .inner .area ul li strong { font-size: 1.2em; margin: 0 0 3.2vw 0; }
  .recruit #cont02 .inner .area ul li h4 { font-size: 1.6em; margin: 0 0 7.46667vw 0; }
  .recruit #cont02 .inner .area ul li .flex { display: block; }
  .recruit #cont02 .inner .area ul li .flex .left { width: 100%; margin: 0 0 12.8vw 0; }
  .recruit #cont02 .inner .area ul li .flex .left table tr th { font-size: 1.2em; width: 58.66667vw; padding: 0 0 4.8vw 0; }
  .recruit #cont02 .inner .area ul li .flex .left table tr td { font-size: 1.2em; padding: 0 0 4.8vw 0; }
  .recruit #cont02 .inner .area ul li .flex .left table tr:last-child th, .recruit #cont02 .inner .area ul li .flex .left table tr:last-child td { padding: 0; }
  .recruit #cont02 .inner .area ul li .flex .right { width: 100%; }
  .recruit #cont02 .inner .area ul li .flex .right dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }
  .recruit #cont02 .inner .area ul li .flex .right dl dd { width: 48%; }
  .recruit #cont02 .inner .area ul li .flex .right dl dd:last-child { margin: 0 0 0 4%; }
  .recruit #cont02 .inner .area ul li .flex .right dl dd p { position: relative; top: 0; left: 0; font-size: 1.2em; width: 100%; }
  .recruit #cont02 .inner .area ul li .flex .right dl dd p a { border-radius: 2.13333vw; height: 25.06667vw; }
  .recruit #cont02 .inner .area ul li .flex .right span { text-align: right; font-size: 1em; margin: 2.66667vw 0 0 0; } }

/* -----------------------------------------------------------------
.concept
------------------------------------------------------------------ */
.concept { position: relative; top: 0; left: 0; }

.concept #key { position: relative; top: 0; left: 0; margin: 0 0 80px 0; }

.concept #key .inner { position: relative; top: 0; left: 0; }

.concept #key .inner h1 { position: absolute; bottom: 0; left: 0; font-weight: bold; font-size: 8.0em; color: #FFFFFF; line-height: 0.82; }

@media screen and (max-width: 1000px) { .concept #key { margin: 0 0 21.33333vw 0; }
  .concept #key .inner h1 { font-size: 4em; line-height: 0.82; } }

.concept #cont01 { margin: 0 0 185px 0; }

.concept #cont01 .inner { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }

.concept #cont01 .inner .left { width: 720px; }

.concept #cont01 .inner .left h2 { width: 390px; margin: 0 0 20px 0; }

.concept #cont01 .inner .left span { display: block; font-size: 1.6em; line-height: 1.5; font-weight: normal; margin: 0 0 24px 0; }

.concept #cont01 .inner .left p { font-size: 1.6em; font-weight: normal; line-height: 1.5; }

.concept #cont01 .inner .right { font-size: 1.8em; width: 160px; padding: 76px 0 0 0; }

.concept #cont01 .inner .right a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: solid 2px #333333; border-radius: 160px; line-height: 1.0; color: #333333; font-weight: 500; width: 160px; height: 160px; }

@media screen and (max-width: 1000px) { .concept #cont01 { margin: 0 0 32vw 0; }
  .concept #cont01 .inner { display: block; }
  .concept #cont01 .inner .left { width: 100%; }
  .concept #cont01 .inner .left h2 { width: 106.66667vw; margin: 0 0 5.33333vw 0; }
  .concept #cont01 .inner .left span { font-size: 1.1em; margin: 0 0 4.26667vw 0; }
  .concept #cont01 .inner .left p { font-size: 1.1em; }
  .concept #cont01 .inner .right { width: 64vw; padding: 14.4vw 0 0 0; margin: 0 auto; }
  .concept #cont01 .inner .right a { width: 64vw; height: 64vw; } }

.concept #cont02 { margin: 0 0 157px 0; }

.concept #cont02 .inner .title { margin: 0 0 77px 0; }

.concept #cont02 .inner .title h2 { font-weight: bold; font-size: 3.8em; margin: 0 0 28px 0; }

.concept #cont02 .inner .title span { display: block; font-size: 1.4em; font-weight: bold; }

.concept #cont02 .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }

.concept #cont02 .inner .flex .left { width: 400px; }

.concept #cont02 .inner .flex .left strong { display: block; font-size: 2.0em; font-weight: bold; margin: 0 0 19px 0; }

.concept #cont02 .inner .flex .left p { font-size: 1.8em; line-height: 1.5; }

.concept #cont02 .inner .flex .left p span { display: block; margin: 0 0 26px 0; }

.concept #cont02 .inner .flex .right { width: 476px; padding: 6px 0 0 0; }

@media screen and (max-width: 1000px) { .concept #cont02 { margin: 0 0 21.33333vw 0; }
  .concept #cont02 .inner .title { margin: 0 0 6.4vw 0; }
  .concept #cont02 .inner .title h2 { font-size: 1.9em; margin: 0 0 3.2vw 0; }
  .concept #cont02 .inner .title span { font-size: 1em; }
  .concept #cont02 .inner .flex { display: block; }
  .concept #cont02 .inner .flex .left { width: 100%; }
  .concept #cont02 .inner .flex .left strong { font-size: 1.4em; margin: 0 0 8.53333vw 0; }
  .concept #cont02 .inner .flex .left p { font-size: 1.2em; }
  .concept #cont02 .inner .flex .left p span { margin: 0 0 8.53333vw 0; }
  .concept #cont02 .inner .flex .right { width: 128vw; padding: 14.4vw 0 0 0; margin: 0 auto; } }

.concept #cont03 { margin: 0 0 160px 0; }

.concept #cont03 .inner .title { margin: 0 0 79px 0; }

.concept #cont03 .inner .title h2 { font-weight: bold; font-size: 3.8em; margin: 0 0 29px 0; }

.concept #cont03 .inner .title span { display: block; font-size: 1.4em; font-weight: bold; }

.concept #cont03 .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }

.concept #cont03 .inner .flex dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 420px; margin: 0 0 60px 0; }

.concept #cont03 .inner .flex dl dt { width: 180px; }

.concept #cont03 .inner .flex dl dt strong { display: block; font-size: 2.8em; font-weight: bold; margin: 0 0 30px 0; }

.concept #cont03 .inner .flex dl dt p { font-size: 1.6em; line-height: 1.5; }

.concept #cont03 .inner .flex dl dd { width: 200px; }

.concept #cont03 .inner .flex dl dd img { border-radius: 10px; }

@media screen and (max-width: 1000px) { .concept #cont03 { margin: 0 0 42.66667vw 0; }
  .concept #cont03 .inner .title { margin: 0 0 6.4vw 0; }
  .concept #cont03 .inner .title h2 { font-size: 1.9em; margin: 0 0 3.2vw 0; }
  .concept #cont03 .inner .title span { font-size: 1em; }
  .concept #cont03 .inner .flex dl { display: block; width: 48%; margin: 0 0 11.2vw 0; }
  .concept #cont03 .inner .flex dl dt { width: 100%; min-height: 34.66667vw; margin: 0 0 7.46667vw 0; }
  .concept #cont03 .inner .flex dl dt strong { font-size: 1.5em; margin: 0 0 4.8vw 0; }
  .concept #cont03 .inner .flex dl dt p { font-size: 1.1em; }
  .concept #cont03 .inner .flex dl dd { width: 100%; } }

/* -----------------------------------------------------------------
.contact
------------------------------------------------------------------ */
.contact { position: relative; top: 0; left: 0; }

.contact #key { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/access/sp/title_bg.jpg) center center no-repeat; background-size: cover; height: 56vw; overflow: hidden; margin: 0 0 8.8vw 0; }

.contact #key span { display: block; position: absolute; bottom: -9.06667vw; left: 0; font-size: 14.93333vw; color: #d8b319; text-align: center; letter-spacing: 0.48em; font-family: 'Times New Roman'; width: 100%; opacity: 0.3; }

.contact #key h1 { position: relative; top: 0; left: 0; font-size: 1.7em; font-family: 'Noto Serif JP', serif; line-height: 1.82353; letter-spacing: 0.15em; text-align: center; color: #d8b319; width: 175.46667vw; }

.contact #key h1:before, .contact #key h1:after { display: block; position: absolute; top: 2.66667vw; content: ''; width: 4.26667vw; height: 28.26667vw; }

.contact #key h1:before { left: 0; background: url(/wordpress/wp-content/themes/original/images/access/title_left.svg) center center no-repeat; background-size: cover; }

.contact #key h1:after { right: 0; background: url(/wordpress/wp-content/themes/original/images/access/title_right.svg) center center no-repeat; background-size: cover; }

.contact #key h1 em { display: block; color: #767e7f; }

@media screen and (min-width: 1000px) { .contact #key { background: url(/wordpress/wp-content/themes/original/images/access/pc/title_bg.jpg) center center no-repeat; background-size: cover; height: 160px; margin: 0 0 38px 0; }
  .contact #key span { bottom: -24px; font-size: 40px; }
  .contact #key h1 { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.14em; width: 375px; }
  .contact #key h1:before, .contact #key h1:after { top: 6px; width: 9px; height: 60px; } }

.contact section#cont01 { padding: 0 0 10.66667vw 0; }

.contact section#cont01 div.inner p.text01 { font-family: 'Noto Serif JP', serif; color: #d8b319; font-size: 1.7em; line-height: 1.82353; letter-spacing: 0.26em; }

.contact section#cont01 div.inner p.text02 { font-size: 1.35em; text-align: justify; line-height: 2; letter-spacing: 0.1em; color: #767e7f; margin: 2.66667vw 0 13.86667vw 0; }

.contact section#cont01 div.inner p.text02 strong { font-weight: bold; }

.contact section#cont01 div.inner div.tellink { margin: 0 0 10.66667vw 0; }

.contact section#cont01 div.inner div.tellink strong { display: block; text-align: center; font-family: 'Noto Serif JP', serif; font-size: 1.7em; color: #767e7f; letter-spacing: 0.28em; margin: 0 0 4.26667vw 0; }

.contact section#cont01 div.inner div.tellink ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; width: 177.6vw; }

.contact section#cont01 div.inner div.tellink ul.first { margin: 0 0 6.93333vw 0; }

.contact section#cont01 div.inner div.tellink ul li { width: 85.33333vw; margin: 0 0 8vw 0; }

.contact section#cont01 div.inner div.tellink ul li a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border: solid #d8b319 1.06667vw; background: #f5f0de url(/wordpress/wp-content/themes/original/images/common/sp/tel_icon.svg) 13.33333vw center no-repeat; background-size: 20.26667vw auto; font-size: 1.5em; color: #d8b319; letter-spacing: 0.01em; font-weight: bold; width: 100%; height: 36vw; padding: 0 0 0 41.6vw; box-sizing: border-box; }

.contact section#cont01 div.inner div.tellink ul li a.off01 { padding: 0 0 0 42.66667vw; }

.contact section#cont01 div.inner div.tellink ul li a.off02 { padding: 0 0 0 34.66667vw; }

.contact section#cont01 div.inner ol { border-bottom: 1px solid #d8b319; font-size: 1.35em; text-align: justify; line-height: 2; letter-spacing: 0.1em; color: #767e7f; padding: 0 0 6.4vw 0; margin: 0 0 7.46667vw 0; }

.contact section#cont01 div.inner ol li { margin: 0 0 14.4vw 0; }

.contact section#cont01 div.inner ol li:last-child { margin: 0; }

.contact section#cont01 div.inner .file .text { font-size: 1.35em; text-align: justify; font-weight: bold; line-height: 2; letter-spacing: 0.1em; color: #767e7f; margin: 0 0 8vw 0; }

.contact section#cont01 div.inner .file ul li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border: solid 1px #c3c2c2; width: 154.66667vw; height: 32vw; margin: 0 auto; box-sizing: border-box; text-decoration: none; }

.contact section#cont01 div.inner .file ul li a span { display: block; width: 18.66667vw; margin: 0 3.2vw 0 0; }

.contact section#cont01 div.inner .file ul li a p { font-size: 1.0em; text-align: center; letter-spacing: 0; line-height: 1.2; width: 117.33333vw; color: #767e7f; }

.contact section#cont01 div.inner .file ul li a p em { display: block; font-size: 1.2em; }

.contact section#cont01 div.inner .file ul li a p strong { display: block; font-size: 1.8em; }

.contact section#cont01 div.inner .file ul li p.sp { font-size: 1.35em; text-align: justify; font-weight: bold; line-height: 2; letter-spacing: 0.1em; color: #767e7f; margin: 17.6vw 0 6.4vw 0; }

@media screen and (min-width: 1000px) { .contact section#cont01 { padding: 0 0 40px 0; }
  .contact section#cont01 div.inner { width: 920px; }
  .contact section#cont01 div.inner p.text01 { font-size: 1.4em; line-height: 1.57143; text-align: center; letter-spacing: 0.24em; }
  .contact section#cont01 div.inner p.text02 { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.04em; width: 500px; margin: 36px auto 48px auto; }
  .contact section#cont01 div.inner div.tellink { margin: 0 0 50px 0; }
  .contact section#cont01 div.inner div.tellink strong { font-size: 2.0em; margin: 0 0 28px 0; }
  .contact section#cont01 div.inner div.tellink ul { width: 920px; }
  .contact section#cont01 div.inner div.tellink ul.first { margin: 0 0 32px 0; }
  .contact section#cont01 div.inner div.tellink ul li { width: 210px; margin: 0; }
  .contact section#cont01 div.inner div.tellink ul li span { display: block; text-align: center; letter-spacing: 0.42em; color: #767e7f; font-size: 1.3em; margin: 0 0 3px 0; }
  .contact section#cont01 div.inner div.tellink ul li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-weight: normal; border: none; background: none; font-family: 'Times New Roman'; font-size: 2.7em; letter-spacing: 0em; width: auto; height: auto; padding: 0; }
  .contact section#cont01 div.inner div.tellink ul li a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/common/tel_link.svg) center center no-repeat; background-size: 100% auto; width: 27px; height: 18px; margin: 0 4px 0 0; }
  .contact section#cont01 div.inner div.tellink ul li a.off01, .contact section#cont01 div.inner div.tellink ul li a.off02 { padding: 0; }
  .contact section#cont01 div.inner ol { border-bottom: 1px solid #d8b319; font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.04em; padding: 0 0 36px 0; margin: 0 0 13px 0; }
  .contact section#cont01 div.inner ol li { margin: 0 0 26px 0; }
  .contact section#cont01 div.inner ol li:last-child { margin: 0; }
  .contact section#cont01 div.inner .file .text { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.04em; margin: 0 0 17px 0; }
  .contact section#cont01 div.inner .file ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 640px; margin: 0 auto; }
  .contact section#cont01 div.inner .file ul li { width: 290px; }
  .contact section#cont01 div.inner .file ul li a { border: solid 1px #c3c2c2; width: 100%; height: 60px; margin: 0; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }
  .contact section#cont01 div.inner .file ul li a:hover { opacity: 0.7; }
  .contact section#cont01 div.inner .file ul li a span { width: 35px; margin: 0 10px 0 0; }
  .contact section#cont01 div.inner .file ul li a p { width: 220px; }
  .contact section#cont01 div.inner .file ul li a p em { font-size: 1.2em; }
  .contact section#cont01 div.inner .file ul li a p strong { font-size: 1.8em; }
  .contact section#cont01 div.inner .file ul li p.sp { font-size: 1.35em; text-align: justify; font-weight: bold; line-height: 2; letter-spacing: 0.1em; color: #767e7f; margin: 72px 0 28px 0; } }

.contact section#cont02 { padding: 0; }

.contact section#cont02 div.inner { border-top: solid 1px #d8b319; }

.contact section#cont02 div.inner .nav { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; padding: 21.06667vw 0 0 0; margin: 0 0 12.26667vw 0; }

.contact section#cont02 div.inner .nav li { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(232, 209, 117, 0.5); font-family: 'Noto Serif JP', serif; font-size: 1.5em; color: #767e7f; letter-spacing: 0.1em; width: 56vw; height: 26.66667vw; }

.contact section#cont02 div.inner .nav li:after { display: block; content: ""; position: absolute; top: 12.8vw; right: -4.53333vw; width: 4.8vw; height: 4.8vw; border-top: 0.53333vw solid #d8b319; border-right: 0.53333vw solid #d8b319; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.contact section#cont02 div.inner .nav li.on { background: #e8d175; color: #FFFFFF; }

.contact section#cont02 div.inner .nav li:last-child:after { display: none; }

.contact section#cont02 div.inner .complete_text { font-family: 'Noto Serif JP', serif; font-size: 1.5em; text-align: justify; color: #767e7f; letter-spacing: 0.1em; }

.contact section#cont02 div.inner .lead { display: block; text-align: center; font-family: 'Noto Serif JP', serif; font-size: 1.7em; line-height: 1.82353; color: #000000; letter-spacing: 0.1em; margin: 0 0 15.73333vw 0; }

.contact section#cont02 div.inner dl { border-top: 1px solid #d8b319; }

.contact section#cont02 div.inner dl.last { border-bottom: 1px solid #d8b319; }

.contact section#cont02 div.inner dl dt { padding: 5.6vw 0 7.46667vw 0; }

.contact section#cont02 div.inner dl dt p { display: inline-block; font-size: 1.35em; line-height: 2; color: #767e7f; }

.contact section#cont02 div.inner dl dt p span { display: inline-block; border-radius: 7.46667vw; background: #efa65c; font-weight: bold; letter-spacing: 0.2em; line-height: 1.4; color: #FFFFFF; padding: 0.26667vw 4.8vw; margin: 0 0 0 9.06667vw; }

.contact section#cont02 div.inner dl dd { padding: 0 0 6.4vw 0; }

.contact section#cont02 div.inner dl dd a { color: #9e005d; text-decoration: none; }

.contact section#cont02 div.inner dl dd a:hover { text-decoration: underline; }

.contact section#cont02 div.inner dl dd p { font-size: 1.35em; }

.contact section#cont02 div.inner dl dd p.error { color: #e31a1a; margin: 3.73333vw 0 0 0; }

.contact section#cont02 div.inner dl dd span { display: block; font-size: 1.35em; line-height: 2; color: #767e7f; margin: 3.73333vw 0 0 0; }

.contact section#cont02 div.inner dl dd span.mr { margin: 0 0 3.2vw 0; }

.contact section#cont02 div.inner dl dd .flex:first-child { margin: 0 0 8vw 0; }

.contact section#cont02 div.inner dl dd .flex strong { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-size: 1.35em; line-height: 2; color: #767e7f; margin: 0 0 3.73333vw 0; }

.contact section#cont02 div.inner dl dd .flex strong::after { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/contact/day_icon.svg) center center no-repeat; background-size: 100% auto; width: 10.66667vw; height: 10.13333vw; margin: 0 0 0 4vw; }

.contact section#cont02 div.inner dl dd .flex .box div { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }

.contact section#cont02 div.inner dl dd .flex .box div p { width: 85.33333vw; }

.contact section#cont02 div.inner dl dd .flex .box div p input, .contact section#cont02 div.inner dl dd .flex .box div p select { border-radius: 2.66667vw; }

.contact section#cont02 div.inner dl dd .check ol.cource_men { display: none; }

.contact section#cont02 div.inner dl dd .check ol li { margin: 0 0 5.33333vw 0; }

.contact section#cont02 div.inner dl dd .check ol li:last-child { margin: 0; }

.contact section#cont02 div.inner dl dd .radio ol { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }

.contact section#cont02 div.inner dl dd .radio ol li { margin: 0 11.2vw 0 0; }

.contact section#cont02 div.inner dl dd .radio ol li:nth-child(4) { margin: 8vw 0 0 0; }

.contact section#cont02 div.inner div.link_btn { margin: 21.33333vw 0 0 0; }

.contact section#cont02 div.inner div.link_btn p { position: relative; top: 0; left: 0; font-size: 1.0em; position: relative; top: 0; left: 0; display: block; text-align: center; text-decoration: none; margin: 0 auto; }

.contact section#cont02 div.inner div.link_btn p.submit:after { display: block; content: ""; position: absolute; top: 12vw; right: 20.53333vw; width: 4vw; height: 4vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.contact section#cont02 div.inner div.link_btn p.backlink { margin: 6.66667vw 0 0 0; }

.contact section#cont02 div.inner div.link_btn p.backlink:after { display: block; content: ""; position: absolute; top: 12vw; left: 20.53333vw; width: 4vw; height: 4vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.contact section#cont02 div.inner div.link_btn p input[type="submit"] { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #d8b319; letter-spacing: 0.2em; color: #FFFFFF; text-align: center; box-sizing: border-box; width: 100%; height: 27.73333vw; margin: 0 auto; font-size: 1.4em; box-sizing: border-box; }

.contact section#cont02 div.inner div.link_btn p .fix_link { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #767e7f; letter-spacing: 0.2em; color: #FFFFFF; text-align: center; box-sizing: border-box; width: 100%; height: 27.73333vw; margin: 0 auto; font-size: 1.4em; box-sizing: border-box; }

@media screen and (min-width: 1000px) { .contact section#cont02 div.inner { width: 920px; }
  .contact section#cont02 div.inner .nav { padding: 40px 0 0 0; margin: 0 0 53px 0; }
  .contact section#cont02 div.inner .nav li { font-size: 2.0em; letter-spacing: 0.28em; width: 280px; height: 50px; }
  .contact section#cont02 div.inner .nav li:after { top: 18px; right: -24px; width: 13px; height: 13px; border-top: 2px solid #d8b319; border-right: 2px solid #d8b319; }
  .contact section#cont02 div.inner .complete_text { font-size: 2.0em; text-align: center; }
  .contact section#cont02 div.inner .lead { font-size: 2.0em; letter-spacing: 0.28em; margin: 0 0 30px 0; }
  .contact section#cont02 div.inner dl { display: -webkit-flex; display: -ms-flex; display: flex; }
  .contact section#cont02 div.inner dl dt { width: 280px; padding: 25px 0 23px 0; }
  .contact section#cont02 div.inner dl dt p { position: relative; top: 0; left: 0; font-size: 1.4em; line-height: 1.85714; width: 158px; }
  .contact section#cont02 div.inner dl dt p span { display: block; position: absolute; top: 4px; right: -72px; border-radius: 28px; padding: 0 8px; margin: 0; }
  .contact section#cont02 div.inner dl dd { width: 640px; padding: 25px 0 23px 0; }
  .contact section#cont02 div.inner dl dd.age select { width: 200px; }
  .contact section#cont02 div.inner dl dd a { color: #9e005d; text-decoration: none; }
  .contact section#cont02 div.inner dl dd a:hover { text-decoration: underline; }
  .contact section#cont02 div.inner dl dd p { font-size: 1.4em; }
  .contact section#cont02 div.inner dl dd p.error { margin: 14px 0 0 0; }
  .contact section#cont02 div.inner dl dd span { font-size: 1.4em; line-height: 1.85714; margin: 11px 0 0 0; }
  .contact section#cont02 div.inner dl dd span.mr { margin: 0 0 24px 0; }
  .contact section#cont02 div.inner dl dd .flex { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; }
  .contact section#cont02 div.inner dl dd .flex:first-child { margin: 0 0 30px 0; }
  .contact section#cont02 div.inner dl dd .flex strong { font-size: 1.4em; margin: 0 18px 0 0; }
  .contact section#cont02 div.inner dl dd .flex strong::after { width: 23px; height: 23px; margin: 0 0 0 22px; }
  .contact section#cont02 div.inner dl dd .flex .box div { justify-content: flex-start; }
  .contact section#cont02 div.inner dl dd .flex .box div p { width: 180px; margin: 0 30px 0 0; }
  .contact section#cont02 div.inner dl dd .flex .box div p input, .contact section#cont02 div.inner dl dd .flex .box div p select { border-radius: 5px; padding: 7px 8px; }
  .contact section#cont02 div.inner dl dd .check ol li { margin: 0 0 10px 0; }
  .contact section#cont02 div.inner dl dd .check ol li:last-child { margin: 0; }
  .contact section#cont02 div.inner dl dd .radio ol li { margin: 0 60px 0 0; }
  .contact section#cont02 div.inner dl dd .radio ol li:nth-child(4) { margin: 0; }
  .contact section#cont02 div.inner div.link_btn { margin: 38px 0 0 0; }
  .contact section#cont02 div.inner div.link_btn p { width: 400px; margin: 0 auto; }
  .contact section#cont02 div.inner div.link_btn p.submit:after { top: 18px; right: 83px; width: 8px; height: 8px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .contact section#cont02 div.inner div.link_btn p.backlink { margin: 35px auto 0 auto; }
  .contact section#cont02 div.inner div.link_btn p.backlink:after { top: 18px; left: 83px; width: 8px; height: 8px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .contact section#cont02 div.inner div.link_btn p input[type="submit"], .contact section#cont02 div.inner div.link_btn p .fix_link { height: 45px; margin: 0 auto; font-size: 1.2em; } }

.contact section.cont { margin: 0 auto; }

.contact section.cont input[type="text"], .contact section.cont input[type="tel"], .contact section.cont textarea { display: block; border: none; font-size: 1.0em; width: 100%; padding: 7.46667vw 6.66667vw; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(232, 209, 117, 0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.contact section.cont input::-ms-clear { visibility: hidden; }

.contact section.cont textarea { height: 80vw; }

.contact section.cont p.inputImage { text-align: center; font-size: 1.0em; }

.contact section.cont input[type="submit"] { border: none; cursor: pointer; margin: 0 auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.contact section.cont input[type="submit"]:hover { opacity: 0.7; }

.contact section.cont a.fix_link { display: inline-block; border: none; text-align: center; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.contact section.cont a.fix_link:hover { opacity: 0.7; }

.contact section.cont .check, .contact section.cont .radio { position: relative; }

.contact section.cont .check li, .contact section.cont .radio li { position: relative; top: 0; left: 0; }

.contact section.cont .check input[type="checkbox"], .contact section.cont .check input[type="radio"], .contact section.cont .radio input[type="checkbox"], .contact section.cont .radio input[type="radio"] { position: absolute; top: 0; opacity: 0; }

.contact section.cont input[type="checkbox"] + label { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; background-image: url("../images/contact/check_off.svg"); -webkit-background-size: 10.66667vw auto; -o-background-size: 10.66667vw auto; background-size: 10.66667vw auto; background-position: left center; background-repeat: no-repeat; cursor: pointer; font-size: 1.35em; color: #767e7f; height: 10.66667vw; padding: 1.33333vw 0 1.33333vw 16vw; }

.contact section.cont input[type="checkbox"]:checked + label { background-image: url("../images/contact/check_on.svg"); }

.contact section.cont input[type="radio"] + label { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; background-image: url("../images/contact/radio_off.svg"); background-size: 13.33333vw auto; cursor: pointer; background-position: left center; background-repeat: no-repeat; height: 13.33333vw; font-size: 1.35em; color: #767e7f; padding: 1.33333vw 0 1.33333vw 19.2vw; }

.contact section.cont input[type="radio"]:checked + label { background-image: url("../images/contact/radio_on.svg"); }

.contact section.cont select { border: none; background: rgba(232, 209, 117, 0.25) url("/menu/datsumou/special/common/images/contact/select_icon_sp.svg") no-repeat; -webkit-background-size: 3.2vw auto; -o-background-size: 3.2vw auto; background-size: 3.2vw auto; background-position: right 4.26667vw center; display: block; font-size: 1.0em; width: 100%; padding: 4.8vw 6.66667vw; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.contact section.cont select option { display: block; background: rgba(232, 209, 117, 0.25); color: #767e7f; }

@media screen and (min-width: 1000px) { .contact section.cont input[type="text"], .contact section.cont input[type="tel"], .contact section.cont textarea { padding: 12px 8px; }
  .contact section.cont textarea { height: 170px; }
  .contact section.cont input[type="checkbox"] + label { -webkit-background-size: 25px auto; -o-background-size: 25px auto; background-size: 25px auto; font-size: 1.4em; height: 25px; padding: 0 0 0 36px; }
  .contact section.cont input[type="radio"] + label { background-size: 30px auto; height: 30px; font-size: 1.4em; padding: 0 0 0 48px; }
  .contact section.cont select { -webkit-background-size: 8px auto; -o-background-size: 8px auto; background-size: 8px auto; background-position: right 10px center; padding: 11px 8px; } }

/* -----------------------------------------------------------------
.cource
------------------------------------------------------------------ */
.cource { position: relative; top: 0; left: 0; }

.cource #key { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/cource/sp/title_bg.jpg) center center no-repeat; background-size: cover; height: 202.66667vw; margin: 0 0 35.46667vw 0; }

.cource #key .box { position: absolute; top: 69.6vw; left: 0; width: 100%; }

.cource #key .box strong { display: block; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; color: #FFFFFF; text-align: center; font-size: 1.5em; letter-spacing: 0.12em; width: 108.8vw; margin: 0 auto 1.06667vw auto; padding: 0.53333vw 0 0 0; }

.cource #key .box h1 { text-align: center; font-size: 4em; letter-spacing: 0.05em; color: #ad7300; line-height: 1.0; font-family: 'Noto Serif JP', serif; margin: 0 auto 20vw auto; }

.cource #key .box h1 em { display: block; font-size: 1.3125em; }

.cource #key .box p { font-size: 1.15em; text-align: center; color: #767e7f; letter-spacing: 0.23em; line-height: 1.78261; }

@media screen and (min-width: 1000px) { .cource #key { background: url(/wordpress/wp-content/themes/original/images/cource/bg.jpg) left center repeat-x; background-size: auto 100%; height: 320px; margin: 0 0 70px 0; }
  .cource #key .inner { background: url(/wordpress/wp-content/themes/original/images/cource/pc/title_bg.jpg) center center no-repeat; background-size: cover; width: 100%; height: 320px; }
  .cource #key .box { top: 128px; }
  .cource #key .box strong { border-top: none; border-bottom: none; font-size: 1.4em; letter-spacing: 0; width: 100%; margin: 0 auto 16px auto; padding: 0; }
  .cource #key .box h1 { border-bottom: solid 2px #ead683; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-size: 3.35em; color: #767e7f; letter-spacing: 0.04em; text-shadow: 0px 0px 15px #FFFFFF; width: 400px; margin: 0 auto 10px auto; padding: 0 0 18px 0; }
  .cource #key .box h1 em { color: #ad7300; font-size: 1.36119em; }
  .cource #key .box p { font-size: 1.2em; text-shadow: 0px 0px 15px #FFFFFF; letter-spacing: 0.07em; line-height: 2.16667; } }

.cource #cont01 { margin: 0 0 33.06667vw 0; }

.cource #cont01 .inner .title { margin: 0 0 17.33333vw 0; }

.cource #cont01 .inner .title strong, .cource #cont01 .inner .title h2 { display: block; font-family: 'Noto Serif JP', serif; font-size: 1.7em; letter-spacing: 0.38em; line-height: 1.83824; text-align: center; }

.cource #cont01 .inner .title strong em, .cource #cont01 .inner .title h2 em { letter-spacing: 0.18em; }

.cource #cont01 .inner .title strong { color: #767e7f; }

.cource #cont01 .inner .title h2 { color: #cfa024; margin: 0 0 5.86667vw 0; }

.cource #cont01 .inner .title p { border-top: solid 2px #e1cdad; border-bottom: solid 2px #e1cdad; text-align: center; color: #e4d3b9; font-family: 'Times New Roman'; font-size: 1em; letter-spacing: 0.72em; width: 66.66667vw; padding: 1.6vw 0 1.33333vw 2.13333vw; box-sizing: border-box; margin: 0 auto 9.6vw auto; }

.cource #cont01 .inner .title span { display: block; color: #767e7f; text-align: center; font-size: 1.35em; line-height: 2.22222; }

.cource #cont01 .inner ul li { margin: 0 0 17.33333vw 0; }

.cource #cont01 .inner ul li:last-child { margin: 0; }

.cource #cont01 .inner ul li a { display: block; text-decoration: none; }

.cource #cont01 .inner ul li a img { display: block; filter: drop-shadow(0px 7px 7px rgba(177, 177, 177, 0.65)); margin: 0 0 9.6vw 0; }

.cource #cont01 .inner ul li a p { border-bottom: solid #767e7f 1px; font-size: 1.0em; padding: 0 0 5.33333vw 0; margin: 0 0 4.26667vw 0; }

.cource #cont01 .inner ul li a p strong, .cource #cont01 .inner ul li a p em { display: block; }

.cource #cont01 .inner ul li a p strong { font-family: 'Noto Serif JP', serif; color: #767e7f; letter-spacing: 0.3em; font-size: 1.75em; margin: 0 0 2.13333vw 0; }

.cource #cont01 .inner ul li a p em { font-size: 1.25em; color: #b6b5b5; }

.cource #cont01 .inner ul li a span { display: block; color: #767e7f; text-align: justify; font-size: 1.35em; line-height: 2; }

.cource #cont01 .inner p.link { font-size: 1.0em; }

.cource #cont01 .inner p.link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #d8b319; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.cource #cont01 .inner p.link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 18.66667vw; width: 3.2vw; height: 3.2vw; border-top: 0.53333vw solid #FFFFFF; border-right: 0.53333vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.cource #cont01 .inner p.link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.cource #cont01 .inner p.link a em { position: relative; top: 0; left: 0; }

@media screen and (min-width: 1000px) { .cource #cont01 { margin: 0 0 68px 0; }
  .cource #cont01 .inner .title { margin: 0 0 33px 0; }
  .cource #cont01 .inner .title strong, .cource #cont01 .inner .title h2 { font-size: 2.0em; line-height: 1.8; }
  .cource #cont01 .inner .title h2 { margin: 0 0 11px 0; }
  .cource #cont01 .inner .title p { font-size: 1.1em; letter-spacing: 0.72em; width: 138px; padding: 0 0 1px 8px; margin: 0 auto 12px auto; }
  .cource #cont01 .inner .title span { font-size: 1.2em; line-height: 2.16667; }
  .cource #cont01 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; width: 920px; margin: 0 auto 34px auto; }
  .cource #cont01 .inner ul li { width: 290px; margin: 0; }
  .cource #cont01 .inner ul li:last-child { margin: 32px 0 0 0; }
  .cource #cont01 .inner ul li a { -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .cource #cont01 .inner ul li a:hover { opacity: 0.7; }
  .cource #cont01 .inner ul li a img { filter: drop-shadow(0px 2px 2px rgba(177, 177, 177, 0.5)); margin: 0 0 24px 0; }
  .cource #cont01 .inner ul li a p { padding: 0 0 8px 0; margin: 0 0 2px 0; }
  .cource #cont01 .inner ul li a p strong { font-size: 1.5em; margin: 0 0 4px 0; }
  .cource #cont01 .inner ul li a p em { font-size: 1.1em; line-height: 1.77273; min-height: 40px; }
  .cource #cont01 .inner ul li a span { text-align: justify; font-size: 1.2em; line-height: 2.16667; }
  .cource #cont01 .inner p.link { width: 400px; margin: 0 auto; }
  .cource #cont01 .inner p.link a { font-size: 1.2em; width: 400px; height: 45px; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .cource #cont01 .inner p.link a:after { right: 84px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .cource #cont01 .inner p.link a:before { top: -3px; font-size: 28px; }
  .cource #cont01 .inner p.link a:hover { opacity: 0.7; } }

/* -----------------------------------------------------------------
.access
------------------------------------------------------------------ */
.access { position: relative; top: 0; left: 0; }

.access #key { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/access/sp/title_bg.jpg) center center no-repeat; background-size: cover; height: 56vw; overflow: hidden; margin: 0 0 13.33333vw 0; }

.access #key::after { display: block; position: absolute; bottom: -9.06667vw; left: 0; content: 'ACCESS'; font-size: 14.93333vw; color: #d8b319; text-align: center; letter-spacing: 0.8em; font-family: 'Times New Roman'; width: 100%; opacity: 0.3; }

.access #key h1 { position: relative; top: 0; left: 0; font-size: 1.7em; font-family: 'Noto Serif JP', serif; line-height: 1.82353; letter-spacing: 0.15em; text-align: center; color: #d8b319; width: 175.46667vw; }

.access #key h1:before, .access #key h1:after { display: block; position: absolute; top: 2.66667vw; content: ''; width: 4.26667vw; height: 28.26667vw; }

.access #key h1:before { left: 0; background: url(/wordpress/wp-content/themes/original/images/access/title_left.svg) center center no-repeat; background-size: cover; }

.access #key h1:after { right: 0; background: url(/wordpress/wp-content/themes/original/images/access/title_right.svg) center center no-repeat; background-size: cover; }

.access #key h1 em { display: block; color: #767e7f; }

@media screen and (min-width: 1000px) { .access #key { background: url(/wordpress/wp-content/themes/original/images/access/pc/title_bg.jpg) center center no-repeat; background-size: cover; height: 160px; margin: 0 0 40px 0; }
  .access #key::after { bottom: -24px; font-size: 40px; }
  .access #key h1 { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.14em; width: 375px; }
  .access #key h1:before, .access #key h1:after { top: 6px; width: 9px; height: 60px; } }

.access .cont div.key { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/access/sp/title_bg.jpg) center center no-repeat; background-size: cover; height: 56vw; overflow: hidden; margin: 0 0 21.33333vw 0; }

.access .cont div.key span { display: block; position: absolute; bottom: -8.8vw; left: 0; font-size: 14.93333vw; color: #d8b319; text-align: center; letter-spacing: 0.02em; font-family: 'Times New Roman'; width: 100%; opacity: 0.3; }

.access .cont div.key h2 { position: relative; top: 0; left: 0; font-size: 1.7em; font-family: 'Noto Serif JP', serif; line-height: 1.82353; text-align: center; letter-spacing: 0.2em; width: 175.46667vw; color: #d8b319; }

.access .cont div.key h2:before, .access .cont div.key h2:after { display: block; position: absolute; top: 2.66667vw; content: ''; width: 4.26667vw; height: 28.26667vw; }

.access .cont div.key h2:before { left: 0; background: url(/wordpress/wp-content/themes/original/images/access/title_left.svg) center center no-repeat; background-size: cover; }

.access .cont div.key h2:after { right: 0; background: url(/wordpress/wp-content/themes/original/images/access/title_right.svg) center center no-repeat; background-size: cover; }

.access .cont div.key h2 em { display: block; color: #767e7f; }

@media screen and (min-width: 1000px) { .access .cont div.key { background: url(/wordpress/wp-content/themes/original/images/access/pc/title_bg.jpg) center center no-repeat; background-size: cover; height: 160px; margin: 0 0 40px 0; }
  .access .cont div.key span { bottom: -24px; font-size: 40px; letter-spacing: 0.02em; }
  .access .cont div.key h2 { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.18em; width: auto; }
  .access .cont div.key h2:before, .access .cont div.key h2:after { top: 6px; width: 9px; height: 60px; }
  .access .cont div.key h2:before { left: -50px; }
  .access .cont div.key h2:after { right: -50px; } }

.access #cont01 { margin: 0 0 36vw 0; }

.access #cont01 div.inner .nav ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 100%; margin: 0 0 17.86667vw 0; }

.access #cont01 div.inner .nav ul li { width: 56vw; }

.access #cont01 div.inner .nav ul li a { position: relative; top: 0; left: 0; display: block; background: #e8d175; text-align: center; color: #FFFFFF; font-size: 1.5em; font-family: 'Noto Serif JP', serif; text-decoration: none; letter-spacing: 0.4em; width: 100%; height: 26.66667vw; padding: 3.73333vw 0 0 0; box-sizing: border-box; }

.access #cont01 div.inner .nav ul li a:after, .access #cont01 div.inner .nav ul li a:before { display: block; position: absolute; }

.access #cont01 div.inner .nav ul li a::before { top: -5.33333vw; left: 0; content: 'CLINIC'; font-size: 11.46667vw; color: #ffffff; text-align: center; letter-spacing: 0.3em; font-family: 'Times New Roman'; width: 100%; opacity: 0.3; }

.access #cont01 div.inner .nav ul li a::after { display: block; position: absolute; bottom: 4vw; left: 0; content: ''; background: url(/wordpress/wp-content/themes/original/images/access/icon01.svg) center center no-repeat; background-size: 7.46667vw auto; width: 100%; height: 4vw; }

.access #cont01 div.inner .nav ul li a.on::after { transform: rotateX(180deg); }

.access #cont01 div.inner #tab_area .tabbox { display: none; }

.access #cont01 div.inner #tab_area .tabbox.on { display: inherit; }

.access #cont01 div.inner #tab_area .tabbox .sub_title { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; margin: 0 0 8vw 0; }

.access #cont01 div.inner #tab_area .tabbox .sub_title strong { display: block; font-size: 1.7em; color: #767e7f; font-family: 'Noto Serif JP', serif; letter-spacing: 0.2em; }

.access #cont01 div.inner #tab_area .tabbox .sub_title strong em { letter-spacing: -0.1em; }

.access #cont01 div.inner #tab_area .tabbox .sub_title strong span { display: inline-block; color: #d8b319; margin: 0 0 0 8.53333vw; }

.access #cont01 div.inner #tab_area .tabbox .sub_title p { width: 13.33333vw; }

.access #cont01 div.inner #tab_area .tabbox .map { position: relative; width: 100%; height: 0; padding-top: 75%; margin: 0 0 10.66667vw 0; }

.access #cont01 div.inner #tab_area .tabbox .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.access #cont01 div.inner #tab_area .tabbox .flex .address { margin: 0 0 21.33333vw 0; }

.access #cont01 div.inner #tab_area .tabbox .flex .address dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; color: #767e7f; }

.access #cont01 div.inner #tab_area .tabbox .flex .address dl dt { position: relative; top: 0; left: 0; border-top: solid #c3c2c2 1px; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-size: 1.25em; letter-spacing: 0.42em; width: 61.33333vw; }

.access #cont01 div.inner #tab_area .tabbox .flex .address dl dt::after { display: block; position: absolute; top: 4%; right: -4.26667vw; content: ''; background: #c3c2c2; width: 1px; height: 92%; }

.access #cont01 div.inner #tab_area .tabbox .flex .address dl dd { border-top: solid #c3c2c2 1px; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-size: 1.35em; letter-spacing: 0.12em; width: 111.46667vw; padding: 6.93333vw 4.8vw 7.2vw 4.8vw; box-sizing: border-box; }

.access #cont01 div.inner #tab_area .tabbox .flex .address dl.last dt, .access #cont01 div.inner #tab_area .tabbox .flex .address dl.last dd { border-bottom: solid #c3c2c2 1px; }

.access #cont01 div.inner #tab_area .tabbox .flex .link { margin: 0 0 18.66667vw 0; }

.access #cont01 div.inner #tab_area .tabbox .flex .link ol li:first-child { margin: 0 0 10.66667vw 0; }

.access #cont01 div.inner #tab_area .tabbox .flex .link ol li a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; color: #FFFFFF; text-decoration: none; width: 100%; height: 36.26667vw; box-sizing: border-box; }

.access #cont01 div.inner #tab_area .tabbox .flex .link ol li a.first { background: url(/wordpress/wp-content/themes/original/images/access/sp/link_bg01.png) center center no-repeat; background-size: cover; font-family: 'Times New Roman'; font-size: 3.5em; padding: 0 0 0 27.2vw; }

.access #cont01 div.inner #tab_area .tabbox .flex .link ol li a.first::before { display: block; content: ''; background: url(/wordpress/wp-content/themes/original/images/access/icon03.svg) center center no-repeat; background-size: cover; width: 14.66667vw; height: 12.6vw; margin: 0 4.8vw 0 0; }

.access #cont01 div.inner #tab_area .tabbox .flex .link ol li a.last { background: url(/wordpress/wp-content/themes/original/images/access/sp/link_bg02.png) center center no-repeat; background-size: cover; font-size: 2.55em; font-weight: bold; letter-spacing: 0.16em; padding: 0 0 0 33.06667vw; }

.access #cont01 div.inner #tab_area .tabbox .flex .link ol li a.last::before { display: block; content: ''; background: url(/wordpress/wp-content/themes/original/images/access/icon04.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

.access #cont01 div.inner #tab_area .tabbox .movie .ifram { position: relative; width: 100%; height: 0; padding-top: 56.5%; margin: 0 0 6.93333vw 0; filter: drop-shadow(0px 0px 5px rgba(118, 126, 127, 0.5)); }

.access #cont01 div.inner #tab_area .tabbox .movie .ifram iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.access #cont01 div.inner #tab_area .tabbox .movie strong { display: block; text-align: center; font-size: 1.7em; color: #767e7f; font-family: 'Noto Serif JP', serif; letter-spacing: 0.3em; margin: 0 0 7.46667vw 0; }

.access #cont01 div.inner #tab_area .tabbox .movie p { text-align: justify; font-size: 1.35em; line-height: 2.22222; color: #767e7f; }

@media screen and (min-width: 1000px) { .access #cont01 { margin: 0 0 72px 0; }
  .access #cont01 div.inner { max-width: 920px; }
  .access #cont01 div.inner .nav ul { max-width: 920px; margin: 0 auto 33px auto; }
  .access #cont01 div.inner .nav ul li { width: 294px; }
  .access #cont01 div.inner .nav ul li a { font-size: 2.0em; letter-spacing: 0.38em; height: 45px; padding: 5px 0 0 0; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .access #cont01 div.inner .nav ul li a:hover { opacity: 0.7; }
  .access #cont01 div.inner .nav ul li a::before { top: -13px; font-size: 28px; text-align: left; letter-spacing: 0.28em; }
  .access #cont01 div.inner .nav ul li a::after { bottom: 0; left: auto; right: 24px; background: url(/wordpress/wp-content/themes/original/images/access/icon01.svg) center center no-repeat; background-size: 100% auto; width: 19px; height: 100%; }
  .access #cont01 div.inner #tab_area .tabbox .sub_title { justify-content: center; margin: 0 0 35px 0; }
  .access #cont01 div.inner #tab_area .tabbox .sub_title strong { font-size: 2.0em; letter-spacing: 0.38em; }
  .access #cont01 div.inner #tab_area .tabbox .sub_title strong span { margin: 0 0 0 8px; }
  .access #cont01 div.inner #tab_area .tabbox .sub_title p { position: absolute; top: 5px; right: 0; width: 19px; }
  .access #cont01 div.inner #tab_area .tabbox .sub_title p a { text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .access #cont01 div.inner #tab_area .tabbox .sub_title p a:hover { opacity: 0.7; }
  .access #cont01 div.inner #tab_area .tabbox .map { padding-top: 32.65%; margin: 0 0 40px 0; }
  .access #cont01 div.inner #tab_area .tabbox .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 32px 0; }
  .access #cont01 div.inner #tab_area .tabbox .flex .address { width: 437px; margin: 0; }
  .access #cont01 div.inner #tab_area .tabbox .flex .address dl dt { font-size: 1.3em; letter-spacing: 0.42em; width: 132px; }
  .access #cont01 div.inner #tab_area .tabbox .flex .address dl dt::after { top: 4%; right: -10px; width: 1px; height: 92%; }
  .access #cont01 div.inner #tab_area .tabbox .flex .address dl dd { font-size: 1.2em; letter-spacing: 0.2em; width: 285px; padding: 8px 14px 9px 14px; }
  .access #cont01 div.inner #tab_area .tabbox .flex .link { width: 437px; margin: 0; }
  .access #cont01 div.inner #tab_area .tabbox .flex .link ol li:first-child { margin: 0 0 18px 0; }
  .access #cont01 div.inner #tab_area .tabbox .flex .link ol li a { justify-content: center; height: 64px; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .access #cont01 div.inner #tab_area .tabbox .flex .link ol li a:hover { opacity: 0.7; }
  .access #cont01 div.inner #tab_area .tabbox .flex .link ol li a.first { background: url(/wordpress/wp-content/themes/original/images/access/pc/link_bg01.png) center center no-repeat; background-size: cover; font-size: 2.9em; padding: 0; }
  .access #cont01 div.inner #tab_area .tabbox .flex .link ol li a.first::before { background-size: 100% auto; width: 21px; height: 21px; margin: 0 5px 0 0; }
  .access #cont01 div.inner #tab_area .tabbox .flex .link ol li a.last { background: url(/wordpress/wp-content/themes/original/images/access/pc/link_bg02.png) center center no-repeat; background-size: cover; font-size: 1.8em; padding: 0; }
  .access #cont01 div.inner #tab_area .tabbox .flex .link ol li a.last::before { background-size: 100% auto; width: 27px; height: 18px; margin: 0 14px 0 0; }
  .access #cont01 div.inner #tab_area .tabbox .movie { width: 600px; margin: 0 auto; }
  .access #cont01 div.inner #tab_area .tabbox .movie .ifram { padding-top: 56.5%; margin: 0 0 14px 0; }
  .access #cont01 div.inner #tab_area .tabbox .movie strong { font-size: 2.0em; letter-spacing: 0.28em; margin: 0 0 32px 0; }
  .access #cont01 div.inner #tab_area .tabbox .movie p { font-size: 1.2em; line-height: 2; } }

.access #cont03 { margin: 0 0 40vw 0; }

.access #cont03 .inner { background: url(/wordpress/wp-content/themes/original/images/access/sp/cont02_bg.png) center top no-repeat; background-size: cover; padding: 15.46667vw 0 12vw 0; }

.access #cont03 .inner h3 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; letter-spacing: 0.36em; font-size: 1em; margin: 0 0 12vw 0; }

.access #cont03 .inner h3 span { display: block; color: #767e7f; font-size: 1.25em; margin: 0 5.33333vw 0 0; }

.access #cont03 .inner h3 em { display: block; color: #d8b319; font-size: 2.05em; font-family: 'Noto Serif JP', serif; }

.access #cont03 .inner .flex .left { width: 93.86667vw; margin: 0 auto 11.46667vw auto; }

.access #cont03 .inner .flex table { width: 148.26667vw; margin: 0 auto 9.06667vw auto; }

.access #cont03 .inner .flex table tr th { vertical-align: top; background: rgba(216, 179, 25, 0.3); border-bottom: 1px solid #d8b319; border-right: 1px solid #d8b319; color: #767e7f; font-size: 1.35em; line-height: 1.74074; text-align: justify; letter-spacing: 0.08em; width: 36vw; padding: 5.33333vw 3.73333vw 4.8vw 3.73333vw; box-sizing: border-box; }

.access #cont03 .inner .flex table tr td { vertical-align: top; border-bottom: 1px solid #d8b319; background: #FFFFFF; color: #767e7f; font-size: 1.35em; line-height: 1.74074; text-align: justify; letter-spacing: 0.08em; padding: 5.33333vw 3.73333vw 4.8vw 6.13333vw; }

.access #cont03 .inner p { font-size: 1.35em; line-height: 2.22222; text-align: justify; letter-spacing: 0.1em; color: #767e7f; width: 148.26667vw; margin: 0 auto; }

.access #cont03 p.link { font-size: 1.0em; width: 181.33333%; margin: 21.33333vw auto 0 auto; }

.access #cont03 p.link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #d8b319; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.access #cont03 p.link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 18.66667vw; width: 3.2vw; height: 3.2vw; border-top: 0.53333vw solid #FFFFFF; border-right: 0.53333vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.access #cont03 p.link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.access #cont03 p.link a em { position: relative; top: 0; left: 0; }

@media screen and (min-width: 1000px) { .access #cont03 { margin: 0 0 80px 0; }
  .access #cont03 .inner { background: url(/wordpress/wp-content/themes/original/images/access/pc/cont02_bg.png) center top no-repeat; background-size: cover; max-width: 920px; margin: 0 auto; padding: 53px 0 53px 0; }
  .access #cont03 .inner h3 { letter-spacing: 0em; margin: 0 0 14px 0; }
  .access #cont03 .inner h3 span { font-size: 1.2em; letter-spacing: 0.1em; margin: 0 15px 0 0; }
  .access #cont03 .inner h3 em { letter-spacing: 0.345em; font-size: 2.0em; }
  .access #cont03 .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }
  .access #cont03 .inner .flex .left { width: 172px; margin: 0 20px 0 0; }
  .access #cont03 .inner .flex table { width: 605px; margin: 0; }
  .access #cont03 .inner .flex table tr th { font-size: 1.2em; line-height: 1.625; letter-spacing: 0.08em; text-align: center; width: 85px; padding: 12px 16px 8px 16px; }
  .access #cont03 .inner .flex table tr th.mar { line-height: 1.25; padding: 4px 16px 6px 16px; }
  .access #cont03 .inner .flex table tr td { vertical-align: middle; font-size: 1.2em; line-height: 1.625; letter-spacing: 0.08em; padding: 12px 16px 8px 16px; }
  .access #cont03 .inner p { font-size: 1.2; line-height: 1.625; letter-spacing: 0.1em; width: 800px; margin: 10px auto 0 auto; }
  .access #cont03 p.link { width: 400px; margin: 40px auto 0 auto; }
  .access #cont03 p.link a { font-size: 1.2em; width: 400px; height: 45px; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .access #cont03 p.link a:after { right: 84px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .access #cont03 p.link a:before { top: -3px; font-size: 28px; }
  .access #cont03 p.link a:hover { opacity: 0.7; } }

.access #cont02 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }

.access #cont02 .inner ul li { width: 81.6vw; margin: 0 0 30.13333vw 0; }

.access #cont02 .inner ul li.last { margin: 0 0 17.33333vw 0; }

.access #cont02 .inner ul li span { display: block; margin: 0 auto 7.46667vw auto; }

.access #cont02 .inner ul li p { font-size: 1.25em; line-height: 2; text-align: justify; letter-spacing: 0.2em; color: #767e7f; }

.access #cont02 .inner p.link { font-size: 1.0em; margin: 0 auto 38.66667vw auto; }

.access #cont02 .inner p.link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; flex-wrap: wrap; align-content: center; background: #d8b319; font-size: 1.35em; color: #FFFFFF; line-height: 1.33333; letter-spacing: 0.2em; width: 100%; height: 33.06667vw; overflow: hidden; }

.access #cont02 .inner p.link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 10.66667vw; width: 5.86667vw; height: 5.86667vw; border-top: 1.06667vw solid #FFFFFF; border-right: 1.06667vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.access #cont02 .inner p.link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.access #cont02 .inner p.link a em { position: relative; top: 0; left: 0; display: block; font-family: 'Noto Serif JP', serif; font-size: 1.25926em; text-align: center; width: 100%; }

.access #cont02 .inner ol { padding: 0 0 12.8vw 0; }

.access #cont02 .inner ol li { margin: 0 0 20.8vw 0; }

.access #cont02 .inner ol li:last-child { margin: 0; }

.access #cont02 .inner ol li a { display: -webkit-flex; display: -ms-flex; display: flex; text-decoration: none; padding: 2.13333vw; box-sizing: border-box; box-shadow: 7px 7px 7px 0px rgba(177, 177, 177, 0.4); }

.access #cont02 .inner ol li a .left { position: relative; top: 0; left: 0; width: 57.86667vw; }

.access #cont02 .inner ol li a .left:after { display: block; content: ''; position: absolute; top: 2.66667vw; left: 3.2vw; width: 97.33333%; height: 84%; opacity: 0.3; }

.access #cont02 .inner ol li a .left img { position: relative; top: 0; left: 0; z-index: 5; }

.access #cont02 .inner ol li a div { padding: 7.73333vw 0 0 0; }

.access #cont02 .inner ol li a div p { font-size: 1.15em; line-height: 1.22222; letter-spacing: 0.2em; font-weight: bold; text-align: center; color: #767e7f; margin: 0 0 5.33333vw 0; }

.access #cont02 .inner ol li a div p em { display: block; font-size: 1.86957em; font-family: 'Noto Serif JP', serif; letter-spacing: 0.12rem; }

.access #cont02 .inner ol li a div strong { display: block; width: 117.33333vw; }

.access #cont02 .inner ol li.clinic01 a { border: solid #efa65c 1px; }

.access #cont02 .inner ol li.clinic01 a .left:after { background: #efa65c; }

.access #cont02 .inner ol li.clinic01 a div p em { color: #efa65c; }

.access #cont02 .inner ol li.clinic02 a { border: solid #a5d1d3 1px; }

.access #cont02 .inner ol li.clinic02 a .left:after { background: #80a2c3; }

.access #cont02 .inner ol li.clinic02 a div p em { color: #80a2c3; }

.access #cont02 .inner ol li.clinic03 a { border: solid #a3d1a3 1px; }

.access #cont02 .inner ol li.clinic03 a .left:after { background: #7abb8d; }

.access #cont02 .inner ol li.clinic03 a div p em { color: #7abb8d; }

@media screen and (min-width: 1000px) { .access #cont02 .inner { max-width: 920px; margin: 0 auto; }
  .access #cont02 .inner ul li { width: 254px; margin: 0 0 35px 0; }
  .access #cont02 .inner ul li.last { margin: 0 0 35px 0; }
  .access #cont02 .inner ul li span { margin: 0 auto 14px auto; }
  .access #cont02 .inner ul li p { font-size: 1.2em; }
  .access #cont02 .inner p.link { width: 400px; margin: 0 auto 200px auto; }
  .access #cont02 .inner p.link a { font-size: 1.2em; width: 400px; height: 75px; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .access #cont02 .inner p.link a:after { right: 30px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .access #cont02 .inner p.link a:before { top: -3px; font-size: 28px; }
  .access #cont02 .inner p.link a:hover { opacity: 0.7; }
  .access #cont02 .inner p.link a em { font-size: 1.41667em; }
  .access #cont02 .inner ol { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 0 5px 0; }
  .access #cont02 .inner ol li { width: 435px; margin: 0 0 42px 0; }
  .access #cont02 .inner ol li:last-child { margin: 0; }
  .access #cont02 .inner ol li a { padding: 5px; box-shadow: 3px 3px 3px 0px rgba(177, 177, 177, 0.4); text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .access #cont02 .inner ol li a:hover { opacity: 0.7; }
  .access #cont02 .inner ol li a .left { width: 129px; }
  .access #cont02 .inner ol li a .left:after { top: 6px; left: 6px; width: 100%; height: 100px; }
  .access #cont02 .inner ol li a div { padding: 16px 0 0 0; }
  .access #cont02 .inner ol li a div p { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-size: 1.3em; letter-spacing: 0.18em; margin: 0 0 12px 0; padding: 0 0 0 30px; }
  .access #cont02 .inner ol li a div p em { font-size: 1.61538em; letter-spacing: 0.12rem; }
  .access #cont02 .inner ol li a div strong { width: 290px; } }

/* -----------------------------------------------------------------
.care
------------------------------------------------------------------ */
.care { position: relative; top: 0; left: 0; }

.care #key { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/care/sp/key_img.jpg) center top no-repeat; background-size: cover; width: 100%; height: 208vw; }

.care #key .lead { display: block; position: absolute; top: -13.33333vw; left: 8vw; color: #FFFFFF; letter-spacing: 0.1em; font-family: 'Times New Roman'; font-size: 7.5em; opacity: 0.6; }

.care #key .box { position: absolute; display: -webkit-flex; display: -ms-flex; display: flex; bottom: 6.66667vw; right: 0; background: rgba(0, 0, 0, 0.6); color: #FFFFFF; width: 171.2vw; box-sizing: border-box; padding: 2.66667vw 0 6.93333vw 11.2vw; }

.care #key .box:before { content: ''; display: block; position: absolute; top: -16vw; right: 24vw; border-radius: 50%; background: rgba(0, 0, 0, 0.6); width: 40vw; height: 40vw; }

.care #key .box div { position: relative; top: 0; left: 0; }

.care #key .box strong { display: block; font-size: 1.2em; line-height: 1.0; text-align: right; padding: 0 11.2vw 0 0; margin: 0 0 1.33333vw 0; }

.care #key .box em { display: block; font-family: 'Noto Serif JP', serif; font-size: 1.9em; line-height: 1.0; margin: 0 0 1.06667vw 0; }

.care #key .box h1 { font-family: 'Noto Serif JP', serif; font-size: 3.6em; line-height: 1.0; margin: 0 0 2.4vw 0; }

.care #key .box h1 span { font-size: 0.83333em; }

.care #key .box p { font-family: 'Noto Serif JP', serif; font-size: 1.9em; line-height: 1.68421; }

@media screen and (min-width: 1000px) { .care #key { background: #e5d5aa url(/wordpress/wp-content/themes/original/images/care/pc/key_img.jpg) left top no-repeat; background-size: auto 100%; height: 320px; }
  .care #key .lead { top: -24px; left: 34.375vw; font-size: 10em; }
  .care #key .box { bottom: 20px; width: 28.125vw; padding: 5px 0 22px 42px; }
  .care #key .box:before { top: -40px; right: auto; left: 230px; width: 100px; height: 100px; }
  .care #key .box strong { font-size: 1.6em; padding: 0 42px 0 0; margin: 0 0 6px 0; }
  .care #key .box em { font-size: 2.4em; margin: 0 0 12px 0; }
  .care #key .box h1 { font-size: 4.0; margin: 0 0 8px 0; }
  .care #key .box h1 span { font-size: 0.9em; }
  .care #key .box p { font-size: 2.4em; } }

.care #cont01 { padding: 10.13333vw 0 0 0; margin: 0 0 25.06667vw 0; }

.care #cont01 .inner .flex .text { margin: 0 0 10.13333vw 0; }

.care #cont01 .inner .flex .text p { color: #767e7f; font-size: 1.35em; line-height: 2; margin: 0 0 18.66667vw 0; }

.care #cont01 .inner .flex .text span { display: block; color: #767e7f; font-size: 1.35em; line-height: 2; }

.care #cont01 .inner .flex .img { width: 133.86667vw; margin: 0 auto; }

@media screen and (min-width: 1000px) { .care #cont01 { padding: 45px 0 0 0; margin: 0 0 48px 0; }
  .care #cont01 .inner { width: 920px; }
  .care #cont01 .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }
  .care #cont01 .inner .flex .text { width: 600px; order: 2; margin: 0; padding: 32px 0 0 0; }
  .care #cont01 .inner .flex .text p { font-size: 1.2em; line-height: 2.16667; margin: 0 0 27px 0; }
  .care #cont01 .inner .flex .text span { font-size: 1.2em; line-height: 2.16667; }
  .care #cont01 .inner .flex .img { order: 1; width: 272px; margin: 0; padding: 0 0 0 8px; } }

.care #cont02, .care #cont03, .care #cont04 { margin: 0 0 20vw 0; }

.care #cont02 .inner h2, .care #cont03 .inner h2, .care #cont04 .inner h2 { color: #d8b319; font-size: 2em; font-family: 'Noto Serif JP', serif; margin: 0 0 4.8vw 0; }

.care #cont02 .inner .flex .text ul li, .care #cont03 .inner .flex .text ul li, .care #cont04 .inner .flex .text ul li { margin: 0 0 9.33333vw 0; }

.care #cont02 .inner .flex .text ul li:last-child, .care #cont03 .inner .flex .text ul li:last-child, .care #cont04 .inner .flex .text ul li:last-child { margin: 0; }

.care #cont02 .inner .flex .text ul li strong, .care #cont03 .inner .flex .text ul li strong, .care #cont04 .inner .flex .text ul li strong { font-weight: bold; color: #767e7f; font-size: 1.7em; margin: 0 0 11.46667vw 0; letter-spacing: 0.1em; }

.care #cont02 .inner .flex .text ul li p, .care #cont03 .inner .flex .text ul li p, .care #cont04 .inner .flex .text ul li p { color: #767e7f; font-size: 1.35em; line-height: 2; }

.care #cont02 .inner .flex .text ul li p em, .care #cont03 .inner .flex .text ul li p em, .care #cont04 .inner .flex .text ul li p em { display: block; margin: 0 0 17.33333vw 0; }

.care #cont02 .inner .flex .text ul li p em:last-child, .care #cont03 .inner .flex .text ul li p em:last-child, .care #cont04 .inner .flex .text ul li p em:last-child { margin: 0; }

.care #cont02 .inner .flex .text ul li .sp, .care #cont03 .inner .flex .text ul li .sp, .care #cont04 .inner .flex .text ul li .sp { display: block; margin: 12.53333vw 0 0 0; }

.care #cont02 .inner .box, .care #cont03 .inner .box, .care #cont04 .inner .box { background: #faf6e5; padding: 13.33333vw 0 12vw 0; margin: 26.13333vw 0 0 0; }

.care #cont02 .inner .box p, .care #cont03 .inner .box p, .care #cont04 .inner .box p { color: #767e7f; font-size: 1.35em; line-height: 2; width: 160vw; margin: 0 auto; }

@media screen and (min-width: 1000px) { .care #cont02, .care #cont03, .care #cont04 { margin: 0 0 70px 0; }
  .care #cont02 .inner, .care #cont03 .inner, .care #cont04 .inner { width: 920px; }
  .care #cont02 .inner h2, .care #cont03 .inner h2, .care #cont04 .inner h2 { font-size: 3.0em; margin: 0 0 27px 0; }
  .care #cont02 .inner .flex, .care #cont03 .inner .flex, .care #cont04 .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }
  .care #cont02 .inner .flex .text, .care #cont03 .inner .flex .text, .care #cont04 .inner .flex .text { width: 600px; }
  .care #cont02 .inner .flex .text ul li, .care #cont03 .inner .flex .text ul li, .care #cont04 .inner .flex .text ul li { margin: 0 0 32px 0; }
  .care #cont02 .inner .flex .text ul li:last-child, .care #cont03 .inner .flex .text ul li:last-child, .care #cont04 .inner .flex .text ul li:last-child { margin: 0; }
  .care #cont02 .inner .flex .text ul li strong, .care #cont03 .inner .flex .text ul li strong, .care #cont04 .inner .flex .text ul li strong { font-size: 1.4em; margin: 0 0 16px 0; }
  .care #cont02 .inner .flex .text ul li p, .care #cont03 .inner .flex .text ul li p, .care #cont04 .inner .flex .text ul li p { font-size: 1.2em; line-height: 2.16667; }
  .care #cont02 .inner .flex .text ul li p em, .care #cont03 .inner .flex .text ul li p em, .care #cont04 .inner .flex .text ul li p em { margin: 0 0 32px 0; }
  .care #cont02 .inner .flex .text ul li p em:last-child, .care #cont03 .inner .flex .text ul li p em:last-child, .care #cont04 .inner .flex .text ul li p em:last-child { margin: 0; }
  .care #cont02 .inner .flex .text ul li .sp, .care #cont03 .inner .flex .text ul li .sp, .care #cont04 .inner .flex .text ul li .sp { display: none; }
  .care #cont02 .inner .flex .img, .care #cont03 .inner .flex .img, .care #cont04 .inner .flex .img { width: 272px; }
  .care #cont02 .inner .flex .img ol li, .care #cont03 .inner .flex .img ol li, .care #cont04 .inner .flex .img ol li { margin: 0 0 28px 0; }
  .care #cont02 .inner .flex .img ol li:last-child, .care #cont03 .inner .flex .img ol li:last-child, .care #cont04 .inner .flex .img ol li:last-child { margin: 0; }
  .care #cont02 .inner .box, .care #cont03 .inner .box, .care #cont04 .inner .box { margin: 53px 0 0 0; padding: 23px 0 25px 0; }
  .care #cont02 .inner .box p, .care #cont03 .inner .box p, .care #cont04 .inner .box p { font-size: 1.2em; line-height: 2.16667; width: 820px; } }

@media screen and (min-width: 1000px) { .care #cont02 { margin: 0; }
  .care #cont03 { margin: 0 0 48px 0; }
  .care #cont03 .inner .flex .text { order: 2; }
  .care #cont03 .inner .flex .img { order: 1; } }

/* -----------------------------------------------------------------
.interview
------------------------------------------------------------------ */
.interview { position: relative; top: 0; left: 0; }

.interview #key { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/interview/sp/key_img.jpg) center top no-repeat; background-size: cover; width: 100%; height: 208vw; }

.interview #key .lead { display: block; position: absolute; top: -13.33333vw; left: 8vw; color: #FFFFFF; letter-spacing: 0.1em; font-family: 'Times New Roman'; font-size: 7.5em; opacity: 0.6; }

.interview #key .box { position: absolute; display: -webkit-flex; display: -ms-flex; display: flex; bottom: 6.66667vw; right: 0; background: rgba(0, 0, 0, 0.6); color: #FFFFFF; width: 171.2vw; box-sizing: border-box; padding: 2.66667vw 0 11.2vw 11.2vw; }

.interview #key .box:before { content: ''; display: block; position: absolute; top: -16vw; right: 24vw; border-radius: 50%; background: rgba(0, 0, 0, 0.6); width: 40vw; height: 40vw; }

.interview #key .box div { position: relative; top: 0; left: 0; }

.interview #key .box strong { display: block; font-size: 1.2em; line-height: 1.0; text-align: right; padding: 0 11.2vw 0 0; margin: 0 0 5.33333vw 0; }

.interview #key .box em { display: block; font-family: 'Noto Serif JP', serif; font-size: 1.9em; line-height: 1.0; margin: 0 0 8.53333vw 0; }

.interview #key .box h1 { font-family: 'Noto Serif JP', serif; font-size: 3.6em; line-height: 1.0; letter-spacing: 0; margin: 0 0 6.4vw -5.33333vw; }

.interview #key .box h1 span { letter-spacing: -0.2em; }

.interview #key .box p { font-family: 'Noto Serif JP', serif; font-size: 1.6em; line-height: 1.68421; letter-spacing: 0.16em; }

@media screen and (min-width: 1000px) { .interview #key { background: #e5d5aa url(/wordpress/wp-content/themes/original/images/interview/pc/key_img.jpg) left top no-repeat; background-size: auto 100%; height: 320px; }
  .interview #key .lead { top: -24px; left: 34.375vw; font-size: 10em; }
  .interview #key .box { bottom: 20px; width: 28.125vw; padding: 5px 0 28px 30px; }
  .interview #key .box:before { top: -40px; right: auto; left: 270px; width: 100px; height: 100px; }
  .interview #key .box strong { font-size: 1.6em; padding: 0 78px 0 0; margin: 0 0 16px 0; }
  .interview #key .box em { font-size: 2.4em; margin: 0 0 23px 0; }
  .interview #key .box h1 { font-size: 4.0; letter-spacing: 0.16em; margin: 0 0 20px -22px; }
  .interview #key .box h1 span { font-size: 0.9em; }
  .interview #key .box p { font-size: 2.4em; } }

.interview #cont01 { padding: 9.86667vw 0 0 0; margin: 0 0 25.86667vw 0; }

.interview #cont01 .inner .flex .text { margin: 0 0 9.33333vw 0; }

.interview #cont01 .inner .flex .text p { color: #767e7f; font-size: 1.35em; text-align: justify; line-height: 2; margin: 0 0 16.53333vw 0; }

.interview #cont01 .inner .flex .text span { display: block; color: #767e7f; font-size: 1.35em; line-height: 2; }

.interview #cont01 .inner .flex .img { width: 100%; margin: 0 auto; }

@media screen and (min-width: 1000px) { .interview #cont01 { padding: 38px 0 0 0; margin: 0 0 10px 0; }
  .interview #cont01 .inner { width: 920px; }
  .interview #cont01 .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }
  .interview #cont01 .inner .flex .text { width: 600px; margin: 0; padding: 64px 0 0 0; }
  .interview #cont01 .inner .flex .text p { font-size: 1.2em; line-height: 2.16667; margin: 0 0 27px 0; }
  .interview #cont01 .inner .flex .text span { font-size: 1.2em; line-height: 2.16667; }
  .interview #cont01 .inner .flex .img { width: 272px; margin: 0; padding: 0 0 0 8px; } }

.interview #cont02 { margin: 0 0 18.66667vw 0; }

.interview #cont02 .inner h2 { color: #d8b319; font-size: 2em; font-family: 'Noto Serif JP', serif; margin: 0 0 4.53333vw 0; }

.interview #cont02 .inner .flex .text ul li { margin: 0; }

.interview #cont02 .inner .flex .text ul li strong { font-weight: bold; text-align: justify; color: #767e7f; font-size: 1.7em; margin: 0 0 11.73333vw 0; letter-spacing: 0.1em; }

.interview #cont02 .inner .flex .text ul li p { color: #767e7f; font-size: 1.35em; text-align: justify; line-height: 2; }

.interview #cont02 .inner .flex .text ul li p em { display: block; margin: 0 0 17.33333vw 0; }

.interview #cont02 .inner .flex .text ul li p em:last-child { margin: 0; }

.interview #cont02 .inner .flex .text ul li .sp { display: block; margin: 10.13333vw 0 0 0; }

@media screen and (min-width: 1000px) { .interview #cont02 { margin: 0 0 45px 0; }
  .interview #cont02 .inner { width: 920px; }
  .interview #cont02 .inner h2 { font-size: 3.0em; margin: 0 0 26px 0; }
  .interview #cont02 .inner .flex .text { width: 600px; }
  .interview #cont02 .inner .flex .text ul li { margin: 0 0 32px 0; }
  .interview #cont02 .inner .flex .text ul li:last-child { margin: 0; }
  .interview #cont02 .inner .flex .text ul li strong { font-size: 1.4em; margin: 0 0 20px 0; }
  .interview #cont02 .inner .flex .text ul li p { font-size: 1.2em; line-height: 2.16667; }
  .interview #cont02 .inner .flex .text ul li p em { margin: 0 0 32px 0; }
  .interview #cont02 .inner .flex .text ul li p em:last-child { margin: 0; }
  .interview #cont02 .inner .flex .text ul li .sp { display: none; } }

.interview #cont03, .interview #cont04, .interview #cont05, .interview #cont06 { margin: 0 0 25.33333vw 0; }

.interview #cont03 .inner h2, .interview #cont04 .inner h2, .interview #cont05 .inner h2, .interview #cont06 .inner h2 { color: #d8b319; font-size: 2em; font-family: 'Noto Serif JP', serif; margin: 0 0 4.53333vw 0; }

.interview #cont03 .inner .flex .text ul li, .interview #cont04 .inner .flex .text ul li, .interview #cont05 .inner .flex .text ul li, .interview #cont06 .inner .flex .text ul li { margin: 0 0 8.53333vw 0; }

.interview #cont03 .inner .flex .text ul li:last-child, .interview #cont04 .inner .flex .text ul li:last-child, .interview #cont05 .inner .flex .text ul li:last-child, .interview #cont06 .inner .flex .text ul li:last-child { margin: 0; }

.interview #cont03 .inner .flex .text ul li strong, .interview #cont04 .inner .flex .text ul li strong, .interview #cont05 .inner .flex .text ul li strong, .interview #cont06 .inner .flex .text ul li strong { font-weight: bold; color: #767e7f; text-align: justify; font-size: 1.7em; margin: 0 0 11.73333vw 0; letter-spacing: 0.1em; }

.interview #cont03 .inner .flex .text ul li p, .interview #cont04 .inner .flex .text ul li p, .interview #cont05 .inner .flex .text ul li p, .interview #cont06 .inner .flex .text ul li p { color: #767e7f; text-align: justify; font-size: 1.35em; line-height: 2; }

.interview #cont03 .inner .flex .text ul li p em, .interview #cont04 .inner .flex .text ul li p em, .interview #cont05 .inner .flex .text ul li p em, .interview #cont06 .inner .flex .text ul li p em { display: block; margin: 0 0 14.66667vw 0; }

.interview #cont03 .inner .flex .text ul li p em:last-child, .interview #cont04 .inner .flex .text ul li p em:last-child, .interview #cont05 .inner .flex .text ul li p em:last-child, .interview #cont06 .inner .flex .text ul li p em:last-child { margin: 0; }

.interview #cont03 .inner .flex .text ul li .sp, .interview #cont04 .inner .flex .text ul li .sp, .interview #cont05 .inner .flex .text ul li .sp, .interview #cont06 .inner .flex .text ul li .sp { display: block; margin: 4.8vw 0 0 0; }

.interview #cont03 .inner .box, .interview #cont04 .inner .box, .interview #cont05 .inner .box, .interview #cont06 .inner .box { background: #faf6e5; padding: 13.33333vw 0 13.33333vw 0; margin: 25.33333vw 0 0 0; }

.interview #cont03 .inner .box p, .interview #cont04 .inner .box p, .interview #cont05 .inner .box p, .interview #cont06 .inner .box p { color: #767e7f; text-align: justify; font-size: 1.35em; line-height: 2; width: 160vw; margin: 0 auto; }

.interview #cont03 .inner .box p em, .interview #cont04 .inner .box p em, .interview #cont05 .inner .box p em, .interview #cont06 .inner .box p em { display: block; margin: 0 0 14.66667vw 0; }

.interview #cont03 .inner .box p em:last-child, .interview #cont04 .inner .box p em:last-child, .interview #cont05 .inner .box p em:last-child, .interview #cont06 .inner .box p em:last-child { margin: 0; }

@media screen and (min-width: 1000px) { .interview #cont03, .interview #cont04, .interview #cont05, .interview #cont06 { margin: 0 0 48px 0; }
  .interview #cont03 .inner, .interview #cont04 .inner, .interview #cont05 .inner, .interview #cont06 .inner { width: 920px; }
  .interview #cont03 .inner h2, .interview #cont04 .inner h2, .interview #cont05 .inner h2, .interview #cont06 .inner h2 { font-size: 3.0em; margin: 0 0 20px 0; }
  .interview #cont03 .inner .flex, .interview #cont04 .inner .flex, .interview #cont05 .inner .flex, .interview #cont06 .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }
  .interview #cont03 .inner .flex .text, .interview #cont04 .inner .flex .text, .interview #cont05 .inner .flex .text, .interview #cont06 .inner .flex .text { width: 600px; padding: 8px 0 0 0; }
  .interview #cont03 .inner .flex .text ul li, .interview #cont04 .inner .flex .text ul li, .interview #cont05 .inner .flex .text ul li, .interview #cont06 .inner .flex .text ul li { margin: 0 0 35px 0; }
  .interview #cont03 .inner .flex .text ul li:last-child, .interview #cont04 .inner .flex .text ul li:last-child, .interview #cont05 .inner .flex .text ul li:last-child, .interview #cont06 .inner .flex .text ul li:last-child { margin: 0; }
  .interview #cont03 .inner .flex .text ul li strong, .interview #cont04 .inner .flex .text ul li strong, .interview #cont05 .inner .flex .text ul li strong, .interview #cont06 .inner .flex .text ul li strong { font-size: 1.4em; margin: 0 0 20px 0; }
  .interview #cont03 .inner .flex .text ul li p, .interview #cont04 .inner .flex .text ul li p, .interview #cont05 .inner .flex .text ul li p, .interview #cont06 .inner .flex .text ul li p { font-size: 1.2em; line-height: 2.16667; }
  .interview #cont03 .inner .flex .text ul li p em, .interview #cont04 .inner .flex .text ul li p em, .interview #cont05 .inner .flex .text ul li p em, .interview #cont06 .inner .flex .text ul li p em { margin: 0 0 26px 0; }
  .interview #cont03 .inner .flex .text ul li p em:last-child, .interview #cont04 .inner .flex .text ul li p em:last-child, .interview #cont05 .inner .flex .text ul li p em:last-child, .interview #cont06 .inner .flex .text ul li p em:last-child { margin: 0; }
  .interview #cont03 .inner .flex .text ul li .sp, .interview #cont04 .inner .flex .text ul li .sp, .interview #cont05 .inner .flex .text ul li .sp, .interview #cont06 .inner .flex .text ul li .sp { display: none; }
  .interview #cont03 .inner .flex .img, .interview #cont04 .inner .flex .img, .interview #cont05 .inner .flex .img, .interview #cont06 .inner .flex .img { width: 272px; }
  .interview #cont03 .inner .flex .img ol li, .interview #cont04 .inner .flex .img ol li, .interview #cont05 .inner .flex .img ol li, .interview #cont06 .inner .flex .img ol li { margin: 0 0 26px 0; }
  .interview #cont03 .inner .flex .img ol li:last-child, .interview #cont04 .inner .flex .img ol li:last-child, .interview #cont05 .inner .flex .img ol li:last-child, .interview #cont06 .inner .flex .img ol li:last-child { margin: 0; }
  .interview #cont03 .inner .box, .interview #cont04 .inner .box, .interview #cont05 .inner .box, .interview #cont06 .inner .box { margin: 48px 0 0 0; padding: 22px 0 30px 0; }
  .interview #cont03 .inner .box p, .interview #cont04 .inner .box p, .interview #cont05 .inner .box p, .interview #cont06 .inner .box p { font-size: 1.2em; line-height: 2.16667; width: 820px; }
  .interview #cont03 .inner .box p em, .interview #cont04 .inner .box p em, .interview #cont05 .inner .box p em, .interview #cont06 .inner .box p em { margin: 0 0 22px 0; }
  .interview #cont03 .inner .box p em:last-child, .interview #cont04 .inner .box p em:last-child, .interview #cont05 .inner .box p em:last-child, .interview #cont06 .inner .box p em:last-child { margin: 0; } }

@media screen and (min-width: 1000px) { .interview #cont03 { margin: 0 0 48px 0; }
  .interview #cont03 .inner .flex .text { order: 2; }
  .interview #cont03 .inner .flex .img { order: 1; }
  .interview #cont05 .inner .flex .text { order: 2; }
  .interview #cont05 .inner .flex .img { order: 1; } }

/* -----------------------------------------------------------------
.about
------------------------------------------------------------------ */
.about { position: relative; top: 0; left: 0; }

.about section#key { position: relative; top: 0; left: 0; overflow: hidden; margin: 0; }

.about section#key .inner { width: 100%; }

.about section#key h1 { display: block; }

.about section#key p { position: absolute; top: 99.73333vw; left: 0; font-size: 1.15em; line-height: 1.78261; text-align: center; letter-spacing: 0.17em; color: #767e7f; width: 100%; margin: 0 auto; }

@media screen and (min-width: 1000px) { .about section#key { background: url(/wordpress/wp-content/themes/original/images/about/key_bg.jpg) left top repeat; }
  .about section#key h1 { width: 1200px; margin: 0 auto; }
  .about section#key p { top: 189px; font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; -moz-text-shadow: 0px 0px 21px rgba(255, 255, 255, 0.8); -webkit-text-shadow: 0px 0px 21px rgba(255, 255, 255, 0.8); -ms-text-shadow: 0px 0px 21px rgba(255, 255, 255, 0.8); text-shadow: 0px 0px 21px rgba(255, 255, 255, 0.8); } }

.about section#cont01 { background: url(/wordpress/wp-content/themes/original/images/about/sp/bg.jpg) left top repeat; background-size: 100% auto; padding: 0 0 40vw 0; }

.about section#cont01 .title { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/about/sp/cont01_bg.png) left 57.06667vw no-repeat; background-size: 100% auto; padding: 35.46667vw 0 18.13333vw 0; }

.about section#cont01 .title span { display: block; position: absolute; top: -18.66667vw; left: 0; font-size: 40.26667vw; color: #d8b319; letter-spacing: 0.1em; font-family: 'Times New Roman'; width: auto; opacity: 0.25; }

.about section#cont01 .title h2 { font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.82353; letter-spacing: 0.18em; margin: 0 0 17.06667vw 0; }

.about section#cont01 .title h2 em { color: #d8b319; }

.about section#cont01 .title strong { display: block; width: 113.06667vw; margin: 0 auto 10.66667vw auto; }

.about section#cont01 .title h3 { border-bottom: 1px solid #ead683; font-family: 'Noto Serif JP', serif; color: #d8b319; text-align: center; font-size: 2.4em; line-height: 1.5; letter-spacing: 0.18em; width: 181.33333vw; margin: 0 auto 9.86667vw auto; padding: 0 0 6.93333vw 0; }

.about section#cont01 .title p { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto; }

.about section#cont01 .inner { background: #FFFFFF; padding: 17.33333vw 0 21.06667vw 0; }

.about section#cont01 .inner .lead strong { display: block; color: #767e7f; font-family: 'Noto Serif JP', serif; font-size: 1.7em; line-height: 1.82353; text-align: center; letter-spacing: 0.38em; }

.about section#cont01 .inner .lead h3 { font-size: 2.4em; line-height: 1.5; text-align: center; color: #d8b319; letter-spacing: 0.2em; font-family: 'Noto Serif JP', serif; }

.about section#cont01 .inner ul li { padding: 17.33333vw 0 0 0; }

.about section#cont01 .inner ul li:last-child p.link { border-bottom: none; padding: 0; }

.about section#cont01 .inner ul li dl dt .subtitle { position: relative; top: 0; left: 0; padding: 38.66667vw 0 10.66667vw 0; }

.about section#cont01 .inner ul li dl dt .subtitle em { display: block; position: absolute; top: 0; left: 0; width: 100%; }

.about section#cont01 .inner ul li dl dt .subtitle em img { display: block; width: 59.73333vw; margin: 0 auto; }

.about section#cont01 .inner ul li dl dt .subtitle p { position: relative; top: 0; left: 0; color: #767e7f; font-size: 1.35em; line-height: 1.92593; font-weight: bold; text-align: center; letter-spacing: 0.36em; }

.about section#cont01 .inner ul li dl dt .subtitle strong { position: relative; top: 0; left: 0; display: block; font-size: 2em; line-height: 1.55; text-align: center; color: #d8b319; font-family: 'Noto Serif JP', serif; }

.about section#cont01 .inner ul li dl dt p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 154.66667vw; margin: 9.6vw auto 11.2vw auto; }

.about section#cont01 .inner ul li p.link { border-bottom: 1px solid #d8b319; font-size: 1.0em; width: 154.66667vw; margin: 13.33333vw auto 0 auto; padding: 0 0 19.73333vw 0; }

.about section#cont01 .inner ul li p.link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #d8b319; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.about section#cont01 .inner ul li p.link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 7.73333vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.about section#cont01 .inner ul li p.link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.about section#cont01 .inner ul li p.link a em { position: relative; top: 0; left: 0; }

.about section#cont01 .inner ul li .area { background: #faf6e5; width: 154.66667vw; margin: 0 auto; }

.about section#cont01 .inner ul li .area .box a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; font-size: 1.5em; color: #d8b319; font-family: 'Noto Serif JP', serif; letter-spacing: 0.12em; width: 100%; height: 38.66667vw; overflow: hidden; }

.about section#cont01 .inner ul li .area .box a.link01 { height: 27.73333vw; }

.about section#cont01 .inner ul li .area .box a.link03 { justify-content: flex-start; padding: 0 0 0 5.33333vw; box-sizing: border-box; }

.about section#cont01 .inner ul li .area .box a:before, .about section#cont01 .inner ul li .area .box a:after { content: ''; display: block; position: absolute; background: #d8b319; top: 50%; right: 8.53333vw; width: 10.13333vw; height: 1.06667vw; opacity: 0.3; }

.about section#cont01 .inner ul li .area .box a::after { transform: rotate(90deg); }

.about section#cont01 .inner ul li .area .box a.on::after { display: none; }

.about section#cont01 .inner ul li .area .box a span { display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 1.6em; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.about section#cont01 .inner ul li .area .over { overflow: hidden; height: 0; }

.about section#cont01 .inner ul li .area .over .flex div { border-top: 1px solid #d8b319; padding: 9.06667vw 0 10.13333vw 0; }

.about section#cont01 .inner ul li .area .over .flex div strong { display: block; text-align: center; color: #d8b319; font-family: 'Noto Serif JP', serif; font-size: 2em; line-height: 1.55; letter-spacing: 0.26em; margin: 0 0 8.26667vw 0; }

.about section#cont01 .inner ul li .area .over .flex div p.clear { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 133.33333vw; margin: 0 auto; }

.about section#cont01 .inner ul li .area .over .flex div p.clear em { color: #d8b319; font-size: 0.74074em; }

.about section#cont01 .inner ul li .area .over .flex div p.clear span { display: block; width: 69.33333vw; float: left; margin: 0 6.66667vw 0 0; padding: 4vw 0 0 0; }

.about section#cont01 .under { margin: 14.4vw auto 0 auto; }

.about section#cont01 .under strong { display: block; font-family: 'Noto Serif JP', serif; color: #d8b319; text-align: center; font-size: 2.4em; line-height: 1.5; letter-spacing: 0.2em; margin: 0; }

.about section#cont01 .under .more_link { font-size: 1.0em; width: 181.33333vw; margin: 19.2vw auto 0 auto; }

.about section#cont01 .under .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/about/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.about section#cont01 .under .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .about section#cont01 { background: url(/wordpress/wp-content/themes/original/images/about/pc/bg.jpg) left top repeat; background-size: 100% auto; padding: 0 0 80px 0; }
  .about section#cont01 .title { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/about/pc/cont01_bg.png) left 124px no-repeat; background-size: 100% auto; width: 1100px; margin: 0 auto; padding: 60px 0 30px 0; }
  .about section#cont01 .title span { top: -55px; left: 85px; font-size: 11.6em; letter-spacing: 0.12em; opacity: 0.2; }
  .about section#cont01 .title h2 { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.28em; margin: 0 0 16px 0; }
  .about section#cont01 .title strong { width: 430px; margin: 0 auto 15px auto; }
  .about section#cont01 .title h3 { border: none; font-size: 3.0em; line-height: 1.5; letter-spacing: 0.16em; width: auto; margin: 0 auto 18px auto; padding: 0; }
  .about section#cont01 .title p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.03em; width: 400px; margin: 0 auto; }
  .about section#cont01 .inner { width: 920px; padding: 42px 0 79px 0; }
  .about section#cont01 .inner .lead strong { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.28em; }
  .about section#cont01 .inner .lead h3 { font-size: 3.0em; line-height: 1.2; letter-spacing: 0.2em; }
  .about section#cont01 .inner ul li { border-bottom: 1px solid #d8b319; padding: 80px 0 78px 0; }
  .about section#cont01 .inner ul li:first-child { padding: 46px 0 78px 0; }
  .about section#cont01 .inner ul li:first-child dl { margin: 0 auto 40px auto; }
  .about section#cont01 .inner ul li:last-child { border-bottom: none; padding: 80px 0 0 0; }
  .about section#cont01 .inner ul li:last-child p.link { border-bottom: none; padding: 0; }
  .about section#cont01 .inner ul li dl { position: relative; top: 0; left: 0; width: 720px; margin: 0 auto; }
  .about section#cont01 .inner ul li dl dt .subtitle { border-bottom: 1px solid #ead683; width: 348px; padding: 35px 0 14px 0; margin: 0 0 14px 0; }
  .about section#cont01 .inner ul li dl dt .subtitle em { width: 100%; }
  .about section#cont01 .inner ul li dl dt .subtitle em img { width: 116px; margin: 0 auto; }
  .about section#cont01 .inner ul li dl dt .subtitle p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; }
  .about section#cont01 .inner ul li dl dt .subtitle strong { font-size: 2.4em; line-height: 1.08333; }
  .about section#cont01 .inner ul li dl dt p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 100%; margin: 0; }
  .about section#cont01 .inner ul li dl dt p.txt::before { content: ''; display: block; width: 360px; height: 115px; float: right; }
  .about section#cont01 .inner ul li dl dd { position: absolute; top: 0; right: 0; width: 330px; }
  .about section#cont01 .inner ul li p.link { width: 300px; margin: 33px auto 40px auto; border: none; padding: 0; }
  .about section#cont01 .inner ul li p.link a { position: relative; top: 0; left: 0; font-size: 1.2em; width: 300px; height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .about section#cont01 .inner ul li p.link a:after { right: 22px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .about section#cont01 .inner ul li p.link a:before { top: -3px; font-size: 28px; }
  .about section#cont01 .inner ul li p.link a:hover { opacity: 0.7; }
  .about section#cont01 .inner ul li .area { width: 720px; }
  .about section#cont01 .inner ul li .area .box a { font-size: 1.5em; letter-spacing: 0.2em; height: 45px; }
  .about section#cont01 .inner ul li .area .box a.link01 { height: 45px; }
  .about section#cont01 .inner ul li .area .box a.link03 { justify-content: center; padding: 0; }
  .about section#cont01 .inner ul li .area .box a:before, .about section#cont01 .inner ul li .area .box a:after { right: 20px; width: 15px; height: 2px; opacity: 1.0; }
  .about section#cont01 .inner ul li .area .box a span { top: -3px; left: 0; font-size: 1.86667em; letter-spacing: 0.28em; }
  .about section#cont01 .inner ul li .area .over .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; border-top: 1px solid #d8b319; width: 100%; padding: 34px 38px 33px 38px; box-sizing: border-box; }
  .about section#cont01 .inner ul li .area .over .flex div { position: relative; top: 0; left: 0; border-top: none; width: 305px; padding: 0; }
  .about section#cont01 .inner ul li .area .over .flex div strong { border-bottom: 1px solid #ead683; font-size: 1.4em; line-height: 1.57143; text-align: left; letter-spacing: 0.09em; width: 154px; margin: 0 0 10px 0; padding: 0 0 11px 0; }
  .about section#cont01 .inner ul li .area .over .flex div p.clear { font-size: 1.2em; line-height: 2.16667; text-align: justify; letter-spacing: 0.07em; width: 100%; }
  .about section#cont01 .inner ul li .area .over .flex div p.clear::before { content: ''; display: block; width: 150px; height: 95px; float: right; }
  .about section#cont01 .inner ul li .area .over .flex div p.clear em { font-size: 0.66667em; }
  .about section#cont01 .inner ul li .area .over .flex div p.clear span { position: absolute; top: 4px; right: 0; width: 135px; float: none; margin: 0; padding: 0; }
  .about section#cont01 .under { margin: 72px auto 0 auto; }
  .about section#cont01 .under strong { font-size: 3.0em; line-height: 1.5; letter-spacing: 0.2em; margin: 0; }
  .about section#cont01 .under .more_link { width: 400px; margin: 41px auto 0 auto; }
  .about section#cont01 .under .more_link a { background: url(/wordpress/wp-content/themes/original/images/about/pc/link_bg.jpg) center center no-repeat; font-size: 1.7em; letter-spacing: 0.2em; height: 50px; }
  .about section#cont01 .under .more_link a::before { display: none; } }

.about section#cont02 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/about/sp/cont02_bg.jpg) center top repeat; background-size: 100% auto; width: 100%; }

.about section#cont02 .inner { position: relative; top: 0; left: 0; width: 100%; height: 133.33333vw; padding: 42.13333vw 0 17.6vw 0; box-sizing: border-box; }

.about section#cont02 .inner span { display: block; position: absolute; top: -18.66667vw; left: 0; font-family: 'Times New Roman'; color: #80a2c3; font-size: 7.55em; letter-spacing: -0.01em; width: 100%; opacity: 0.2; }

.about section#cont02 .inner .box h3 { font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.82353; letter-spacing: 0.18em; }

.about section#cont02 .inner .box h3 strong { font-size: 1.32353em; line-height: 1.37778; }

.about section#cont02 .inner .box h3 strong em { color: #80a2c3; }

@media screen and (min-width: 1000px) { .about section#cont02 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/about/bg02.jpg) left top repeat; width: 100%; margin: 0 auto; }
  .about section#cont02:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/about/pc/cont02_bg.jpg) center top no-repeat; background-size: 1200px auto; }
  .about section#cont02 .inner { width: 920px; height: 320px; padding: 110px 0 66px 0; }
  .about section#cont02 .inner span { top: -55px; font-size: 11.6em; letter-spacing: 0.12em; }
  .about section#cont02 .inner .box h3 { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.2em; }
  .about section#cont02 .inner .box h3 strong { color: #80a2c3; font-size: 1.75em; line-height: 1.25; } }

.about section#cont03 { position: relative; top: 0; left: 0; margin: 0 auto 34.4vw auto; }

.about section#cont03 ul { margin: 0 0 36.26667vw 0; }

.about section#cont03 ul li { border-bottom: 1px solid #80a2c3; padding: 18.66667vw 0 21.33333vw 0; }

.about section#cont03 ul li:last-child { border-bottom: none; padding: 18.66667vw 0 0 0; }

.about section#cont03 ul li .inner .text .title { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 9.6vw 0; }

.about section#cont03 ul li .inner .text .title p { font-family: 'Times New Roman'; color: #80a2c3; font-size: 10em; width: 54.66667vw; line-height: 0.8; opacity: 0.5; }

.about section#cont03 ul li .inner .text .title div span { display: block; font-size: 1.35em; line-height: 1.62963; color: #767e7f; }

.about section#cont03 ul li .inner .text .title div strong { display: block; font-family: 'Noto Serif JP', serif; color: #80a2c3; font-size: 2em; line-height: 1.55; }

.about section#cont03 ul li .inner .text p.sp { margin: 0 0 9.6vw 0; }

.about section#cont03 ul li .inner .text p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; }

.about section#cont03 ul li .link { font-size: 1.0em; width: 181.33333vw; margin: 9.33333vw auto 0 auto; }

.about section#cont03 ul li .link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #80a2c3; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.about section#cont03 ul li .link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 20vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.about section#cont03 ul li .link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.about section#cont03 ul li .link a em { position: relative; top: 0; left: 0; }

.about section#cont03 h2 { color: #d8b319; text-align: center; font-family: 'Noto Serif JP', serif; font-size: 2em; line-height: 1.55; letter-spacing: 0.2em; }

@media screen and (min-width: 1000px) { .about section#cont03 { margin: 0 auto 72px auto; }
  .about section#cont03 ul { margin: 0 0 60px 0; }
  .about section#cont03 ul li { padding: 70px 0 80px 0; }
  .about section#cont03 ul li:last-child { padding: 70px 0 0 0; }
  .about section#cont03 ul li .inner { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; width: 920px; margin: 0 auto; }
  .about section#cont03 ul li .inner .text { width: 460px; }
  .about section#cont03 ul li .inner .text.right { order: 2; }
  .about section#cont03 ul li .inner .text .title { margin: 0 0 16px 0; }
  .about section#cont03 ul li .inner .text .title p { font-size: 11.4em; width: 130px; }
  .about section#cont03 ul li .inner .text .title div span { font-size: 1.2em; line-height: 2.16667; }
  .about section#cont03 ul li .inner .text .title div strong { font-size: 2.4em; line-height: 1.5; }
  .about section#cont03 ul li .inner .text p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; }
  .about section#cont03 ul li .inner .img { width: 430px; padding: 10px 0 0 0; }
  .about section#cont03 ul li .inner .img.left { order: 1; }
  .about section#cont03 ul li .link { width: 300px; margin: 40px auto 0 auto; }
  .about section#cont03 ul li .link a { position: relative; top: 0; left: 0; font-size: 1.2em; width: 300px; height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .about section#cont03 ul li .link a:after { right: 22px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .about section#cont03 ul li .link a:before { top: -3px; font-size: 28px; }
  .about section#cont03 ul li .link a:hover { opacity: 0.7; }
  .about section#cont03 h2 { font-size: 3.0em; line-height: 1.5; letter-spacing: 0.18em; } }

/* -----------------------------------------------------------------
.price
------------------------------------------------------------------ */
.price { position: relative; top: 0; left: 0; }

.price #key { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/access/sp/title_bg.jpg) center center no-repeat; background-size: cover; height: 56vw; overflow: hidden; margin: 0 0 13.33333vw 0; }

.price #key span { display: block; position: absolute; bottom: -9.06667vw; left: 0; font-size: 14.93333vw; color: #d8b319; text-align: center; letter-spacing: 0.48em; font-family: 'Times New Roman'; width: 100%; opacity: 0.3; }

.price #key h1 { position: relative; top: 0; left: 0; font-size: 1.7em; font-family: 'Noto Serif JP', serif; line-height: 1.82353; letter-spacing: 0.15em; text-align: center; color: #d8b319; width: 175.46667vw; }

.price #key h1:before, .price #key h1:after { display: block; position: absolute; top: 2.66667vw; content: ''; width: 4.26667vw; height: 28.26667vw; }

.price #key h1:before { left: 0; background: url(/wordpress/wp-content/themes/original/images/access/title_left.svg) center center no-repeat; background-size: cover; }

.price #key h1:after { right: 0; background: url(/wordpress/wp-content/themes/original/images/access/title_right.svg) center center no-repeat; background-size: cover; }

.price #key h1 em { display: block; color: #767e7f; }

@media screen and (min-width: 1000px) { .price #key { background: url(/wordpress/wp-content/themes/original/images/access/pc/title_bg.jpg) center center no-repeat; background-size: cover; height: 160px; margin: 0 0 42px 0; }
  .price #key span { bottom: -24px; font-size: 40px; }
  .price #key h1 { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.14em; width: 375px; }
  .price #key h1:before, .price #key h1:after { top: 6px; width: 9px; height: 60px; } }

.price section#cont01, .price section#cont02 { margin: 0 0 27.2vw 0; }

.price section#cont01 ol, .price section#cont02 ol { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 16vw 0; }

.price section#cont01 ol li, .price section#cont02 ol li { width: 56vw; }

.price section#cont01 ol li a, .price section#cont02 ol li a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; background: #d8b319; color: #FFFFFF; font-size: 1.35em; line-height: 1.66667; height: 56vw; padding: 18.13333vw 0 0 0; box-sizing: border-box; }

.price section#cont01 ol li a:before, .price section#cont02 ol li a:before { display: block; content: ''; position: absolute; bottom: 4.26667vw; left: 0; content: ''; background: url(/wordpress/wp-content/themes/original/images/access/icon01.svg) center center no-repeat; background-size: 7.46667vw auto; width: 100%; height: 4vw; }

.price section#cont01 ol li a em, .price section#cont02 ol li a em { display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 21.33333vw; letter-spacing: 0em; line-height: 1.0; opacity: 0.3; }

.price section#cont01 .title, .price section#cont02 .title { border-top: 1px solid #cfa024; padding: 6.4vw 0 10.66667vw 0; }

.price section#cont01 .title .box, .price section#cont02 .title .box { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 4.53333vw 0; }

.price section#cont01 .title .box p, .price section#cont02 .title .box p { font-family: 'Times New Roman'; font-size: 9.5em; line-height: 1.0; color: #cfa024; opacity: 0.5; letter-spacing: 0; width: 51.2vw; }

.price section#cont01 .title .box div span, .price section#cont02 .title .box div span { display: block; font-size: 1.35em; line-height: 1.51852; text-align: justify; color: #767e7f; }

.price section#cont01 .title .box div h2, .price section#cont02 .title .box div h2 { font-family: 'Noto Serif JP', serif; font-size: 2.4em; line-height: 1.51852; letter-spacing: 0.12em; color: #cfa024; }

.price section#cont01#cont02 .title, .price section#cont02#cont02 .title { padding: 11.2vw 0 13.33333vw 0; }

.price section#cont01#cont02 .title .box, .price section#cont02#cont02 .title .box { margin: 0 0 8.8vw 0; }

.price section#cont01#cont02 .title .box p, .price section#cont02#cont02 .title .box p { width: 51.2vw; }

.price section#cont01 .flex, .price section#cont02 .flex { margin: 0 0 13.86667vw 0; }

.price section#cont01 .flex .left .box.mr, .price section#cont02 .flex .left .box.mr { margin: 0 0 18.13333vw 0; }

.price section#cont01 .flex .left .box .text em, .price section#cont02 .flex .left .box .text em { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(207, 160, 36, 0.5); color: #FFFFFF; font-family: 'Times New Roman'; letter-spacing: 0.82em; width: 74.66667vw; height: 10.66667vw; margin: 0 0 3.46667vw 0; }

.price section#cont01 .flex .left .box .text p, .price section#cont02 .flex .left .box .text p { font-size: 1.35em; line-height: 1.51852; color: #767e7f; }

.price section#cont01 .flex .left .box .text strong, .price section#cont02 .flex .left .box .text strong { display: block; font-family: 'Noto Serif JP', serif; font-size: 2em; line-height: 1.51852; letter-spacing: 0.12em; color: #cfa024; margin: 0 0 4.8vw 0; }

.price section#cont01 .flex .left .box dl, .price section#cont02 .flex .left .box dl { border: solid 1px #b3b3b3; margin: 0 0 10.66667vw 0; }

.price section#cont01 .flex .left .box dl dt, .price section#cont02 .flex .left .box dl dt { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; background: rgba(207, 160, 36, 0.5); font-size: 1.6em; line-height: 1.86667; font-weight: bold; letter-spacing: 0.07em; vertical-align: bottom; color: #FFFFFF; height: 26.66667vw; }

.price section#cont01 .flex .left .box dl dt em, .price section#cont02 .flex .left .box dl dt em { line-height: 1.0; font-size: 2.25em; }

.price section#cont01 .flex .left .box dl dt span, .price section#cont02 .flex .left .box dl dt span { display: block; padding: 7.73333vw 0 0 0; }

.price section#cont01 .flex .left .box dl dd, .price section#cont02 .flex .left .box dl dd { border-top: solid 1px #b3b3b3; padding: 3.2vw 0 3.2vw 0; }

.price section#cont01 .flex .left .box dl dd.last, .price section#cont02 .flex .left .box dl dd.last { padding: 5.86667vw 0 3.2vw 0; }

.price section#cont01 .flex .left .box dl dd strong, .price section#cont02 .flex .left .box dl dd strong { display: block; text-align: center; color: #cfa024; font-size: 1.2em; letter-spacing: 0.07em; font-weight: bold; margin: 0 0 3.46667vw 0; }

.price section#cont01 .flex .left .box dl dd p, .price section#cont02 .flex .left .box dl dd p { text-align: center; font-size: 1.4em; color: #767e7f; line-height: 1.0; letter-spacing: 0.07em; margin: 0 0 1.6vw 0; }

.price section#cont01 .flex .left .box dl dd p em, .price section#cont02 .flex .left .box dl dd p em { font-size: 2.28571em; }

.price section#cont01 .flex .left .box dl dd p em.size2, .price section#cont02 .flex .left .box dl dd p em.size2 { font-size: 1.57143em; }

.price section#cont01 .flex .left .box dl dd p sup, .price section#cont02 .flex .left .box dl dd p sup { font-size: 0.64286em; }

.price section#cont01 .flex .left .box dl dd span, .price section#cont02 .flex .left .box dl dd span { display: block; text-align: center; font-size: 1.2em; line-height: 2.16667; color: #767e7f; letter-spacing: 0.07em; }

.price section#cont01 .flex .left .box .min, .price section#cont02 .flex .left .box .min { padding: 2.66667vw 0 0 0; }

.price section#cont01 .flex .left .box .min ul, .price section#cont02 .flex .left .box .min ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; width: 160vw; margin: 0 0 5.33333vw 0; }

.price section#cont01 .flex .left .box .min ul li, .price section#cont02 .flex .left .box .min ul li { position: relative; top: 0; left: 0; width: 42.66667vw; }

.price section#cont01 .flex .left .box .min ul li:after, .price section#cont02 .flex .left .box .min ul li:after { content: ''; display: block; position: absolute; top: 17.06667vw; right: -12.26667vw; background: url(/wordpress/wp-content/themes/original/images/price/icon10.svg) center center no-repeat; background-size: cover; width: 8.26667vw; height: 8.26667vw; }

.price section#cont01 .flex .left .box .min ul li:last-child:after, .price section#cont02 .flex .left .box .min ul li:last-child:after { display: none; }

.price section#cont01 .flex .left .box .min ul li strong, .price section#cont02 .flex .left .box .min ul li strong { display: block; margin: 0 0 3.73333vw 0; }

.price section#cont01 .flex .left .box .min ul li span, .price section#cont02 .flex .left .box .min ul li span { display: block; text-align: center; font-weight: bold; color: #cfa024; font-size: 1.35em; letter-spacing: 0.06em; }

.price section#cont01 .flex .left .box .min p, .price section#cont02 .flex .left .box .min p { line-height: 2; color: #767e7f; text-align: justify; font-size: 1.35em; letter-spacing: 0.06em; }

.price section#cont01 .list, .price section#cont02 .list { margin: 0 0 11.46667vw 0; }

.price section#cont01 .list h4, .price section#cont02 .list h4 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(207, 160, 36, 0.5); color: #FFFFFF; font-weight: bold; font-size: 1.35em; line-height: 1.0; height: 16vw; margin: 0 0 8vw 0; }

.price section#cont01 .list ul, .price section#cont02 .list ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }

.price section#cont01 .list ul li, .price section#cont02 .list ul li { width: 88vw; margin: 0 0 10.93333vw 0; }

.price section#cont01 .list ul li img, .price section#cont02 .list ul li img { margin: 0 0 4.8vw 0; }

.price section#cont01 .list ul li p, .price section#cont02 .list ul li p { border-bottom: 1px solid #cfa024; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; color: #cfa024; font-size: 1.0em; min-height: 24vw; padding: 0 0 0.8vw 0; margin: 0 0 3.46667vw 0; }

.price section#cont01 .list ul li p em, .price section#cont02 .list ul li p em { display: block; font-family: 'Times New Roman'; line-height: 1.0; font-size: 3.15em; width: 16vw; }

.price section#cont01 .list ul li p strong, .price section#cont02 .list ul li p strong { font-weight: bold; font-size: 1.35em; }

.price section#cont01 .list ul li span, .price section#cont02 .list ul li span { display: block; line-height: 1.51852; letter-spacing: 0.11em; text-align: justify; color: #767e7f; font-size: 1.35em; }

.price section#cont01 .link ul li, .price section#cont02 .link ul li { font-size: 1.0em; }

.price section#cont01 .link ul li:last-child, .price section#cont02 .link ul li:last-child { margin: 22.93333vw 0 0 0; }

.price section#cont01 .link ul li a, .price section#cont02 .link ul li a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #efa65c; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.price section#cont01 .link ul li a:after, .price section#cont02 .link ul li a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 18.66667vw; width: 3.2vw; height: 3.2vw; border-top: 0.53333vw solid #FFFFFF; border-right: 0.53333vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.price section#cont01 .link ul li a span, .price section#cont02 .link ul li a span { display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.price section#cont01 .link ul li a em, .price section#cont02 .link ul li a em { position: relative; top: 0; left: 0; }

@media screen and (min-width: 1000px) { .price section#cont01, .price section#cont02 { margin: 0 0 94px 0; }
  .price section#cont01 .inner, .price section#cont02 .inner { width: 920px; }
  .price section#cont01 ol, .price section#cont02 ol { margin: 0 0 45px 0; }
  .price section#cont01 ol li, .price section#cont02 ol li { width: 300px; }
  .price section#cont01 ol li a, .price section#cont02 ol li a { align-items: center; font-size: 1.2em; height: 45px; text-decoration: none; padding: 0; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .price section#cont01 ol li a:hover, .price section#cont02 ol li a:hover { opacity: 0.7; }
  .price section#cont01 ol li a:before, .price section#cont02 ol li a:before { left: auto; bottom: auto; top: 0; right: 28px; background-size: 11px auto; background-position: left center; width: 11px; height: 100%; }
  .price section#cont01 ol li a em, .price section#cont02 ol li a em { top: 0; left: 5px; font-size: 48px; }
  .price section#cont01 .title, .price section#cont02 .title { padding: 14px 0 12px 0; }
  .price section#cont01 .title .box, .price section#cont02 .title .box { margin: 0; }
  .price section#cont01 .title .box p, .price section#cont02 .title .box p { font-size: 11.4em; width: 130px; }
  .price section#cont01 .title .box div span, .price section#cont02 .title .box div span { font-size: 1.4em; line-height: 2; margin: 0 0 11px 0; }
  .price section#cont01 .title .box div h2, .price section#cont02 .title .box div h2 { font-size: 3.6em; line-height: 1.0; letter-spacing: 0.05em; }
  .price section#cont01#cont02 .title, .price section#cont02#cont02 .title { padding: 14px 0 0 0; }
  .price section#cont01#cont02 .title .box, .price section#cont02#cont02 .title .box { margin: 0 0 12px 0; }
  .price section#cont01#cont02 .title .box p, .price section#cont02#cont02 .title .box p { width: 130px; }
  .price section#cont01 .flex, .price section#cont02 .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 50px 0; }
  .price section#cont01 .flex .left, .price section#cont02 .flex .left { width: 640px; }
  .price section#cont01 .flex .left .box.mr, .price section#cont02 .flex .left .box.mr { border-bottom: 1px solid #767e7f; margin: 0 0 29px 0; padding: 0 0 30px 0; }
  .price section#cont01 .flex .left .box .text em, .price section#cont02 .flex .left .box .text em { letter-spacing: 0.82em; width: 140px; height: 20px; margin: 0 0 11px 0; }
  .price section#cont01 .flex .left .box .text p, .price section#cont02 .flex .left .box .text p { font-size: 1.4em; line-height: 2; letter-spacing: 0.07em; }
  .price section#cont01 .flex .left .box .text strong, .price section#cont02 .flex .left .box .text strong { font-size: 2.4em; letter-spacing: 0.16em; margin: 0 0 14px 0; }
  .price section#cont01 .flex .left .box dl, .price section#cont02 .flex .left .box dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0; }
  .price section#cont01 .flex .left .box dl.bor, .price section#cont02 .flex .left .box dl.bor { border-bottom: none; }
  .price section#cont01 .flex .left .box dl dt, .price section#cont02 .flex .left .box dl dt { font-size: 1.6em; line-height: 1.75; letter-spacing: 0.07em; width: 140px; height: 100px; }
  .price section#cont01 .flex .left .box dl dt em, .price section#cont02 .flex .left .box dl dt em { font-size: 2.25em; }
  .price section#cont01 .flex .left .box dl dt span, .price section#cont02 .flex .left .box dl dt span { padding: 16px 0 0 0; }
  .price section#cont01 .flex .left .box dl dd, .price section#cont02 .flex .left .box dl dd { border-top: none; border-left: solid 1px #b3b3b3; padding: 4px 0 7px 0; width: 250px; height: 100px; box-sizing: border-box; }
  .price section#cont01 .flex .left .box dl dd.full, .price section#cont02 .flex .left .box dl dd.full { width: 500px; }
  .price section#cont01 .flex .left .box dl dd.last, .price section#cont02 .flex .left .box dl dd.last { padding: 13px 0 0 0; }
  .price section#cont01 .flex .left .box dl dd strong, .price section#cont02 .flex .left .box dl dd strong { font-size: 1.2em; letter-spacing: 0.07em; margin: 0 0 7px 0; }
  .price section#cont01 .flex .left .box dl dd p, .price section#cont02 .flex .left .box dl dd p { font-size: 1.4em; margin: 0 0 3px 0; }
  .price section#cont01 .flex .left .box dl dd p em, .price section#cont02 .flex .left .box dl dd p em { font-size: 2.28571em; }
  .price section#cont01 .flex .left .box dl dd p em.size2, .price section#cont02 .flex .left .box dl dd p em.size2 { font-size: 1.57143em; }
  .price section#cont01 .flex .left .box dl dd p sup, .price section#cont02 .flex .left .box dl dd p sup { font-size: 0.64286em; }
  .price section#cont01 .flex .left .box dl dd span, .price section#cont02 .flex .left .box dl dd span { font-size: 1.2em; line-height: 2.16667; }
  .price section#cont01 .flex .left .box .min, .price section#cont02 .flex .left .box .min { display: -webkit-flex; display: -ms-flex; display: flex; }
  .price section#cont01 .flex .left .box .min ul.wi1, .price section#cont02 .flex .left .box .min ul.wi1 { width: 190px; margin: 0 8px 0 0; }
  .price section#cont01 .flex .left .box .min ul.wi2, .price section#cont02 .flex .left .box .min ul.wi2 { width: 52px; margin: 0 18px 0 0; }
  .price section#cont01 .flex .left .box .min ul li, .price section#cont02 .flex .left .box .min ul li { width: 50px; }
  .price section#cont01 .flex .left .box .min ul li:after, .price section#cont02 .flex .left .box .min ul li:after { top: 20px; right: -15px; width: 10px; height: 10px; }
  .price section#cont01 .flex .left .box .min ul li strong, .price section#cont02 .flex .left .box .min ul li strong { margin: 0 0 3px 0; }
  .price section#cont01 .flex .left .box .min ul li span, .price section#cont02 .flex .left .box .min ul li span { font-size: 1.0em; letter-spacing: -0.05em; }
  .price section#cont01 .flex .left .box .min p, .price section#cont02 .flex .left .box .min p { line-height: 2.16667; font-size: 1.2em; letter-spacing: 0.06em; width: 440px; }
  .price section#cont01 .flex .left .box .min p.size1, .price section#cont02 .flex .left .box .min p.size1 { width: 570px; }
  .price section#cont01 .flex .right, .price section#cont02 .flex .right { width: 260px; padding: 110px 0 0 0; }
  .price section#cont01 .list, .price section#cont02 .list { margin: 0 0 52px 0; }
  .price section#cont01 .list h4, .price section#cont02 .list h4 { font-size: 1.6em; height: 30px; margin: 0 0 20px 0; }
  .price section#cont01 .list ul li, .price section#cont02 .list ul li { width: 220px; margin: 0; }
  .price section#cont01 .list ul li img, .price section#cont02 .list ul li img { margin: 0; }
  .price section#cont01 .list ul li p, .price section#cont02 .list ul li p { align-items: baseline; min-height: 42px; padding: 0 0 3px 0; margin: 0 0 3px 0; }
  .price section#cont01 .list ul li p em, .price section#cont02 .list ul li p em { font-size: 4.2em; width: 30px; }
  .price section#cont01 .list ul li p strong, .price section#cont02 .list ul li p strong { font-size: 1.6em; }
  .price section#cont01 .list ul li span, .price section#cont02 .list ul li span { line-height: 1.75; letter-spacing: 0.07em; font-size: 1.2em; }
  .price section#cont01 .link ul, .price section#cont02 .link ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 860px; margin: 0 auto; }
  .price section#cont01 .link ul li, .price section#cont02 .link ul li { width: 400px; }
  .price section#cont01 .link ul li:last-child, .price section#cont02 .link ul li:last-child { margin: 0; }
  .price section#cont01 .link ul li:last-child a:before, .price section#cont02 .link ul li:last-child a:before { content: ''; display: block; position: absolute; top: 12px; left: 67px; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 29px; height: 19px; }
  .price section#cont01 .link ul li:last-child a span, .price section#cont02 .link ul li:last-child a span { display: none; }
  .price section#cont01 .link ul li a, .price section#cont02 .link ul li a { font-size: 1.2em; height: 45px; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .price section#cont01 .link ul li a:hover, .price section#cont02 .link ul li a:hover { opacity: 0.7; }
  .price section#cont01 .link ul li a:after, .price section#cont02 .link ul li a:after { right: 81px; width: 6px; height: 6px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .price section#cont01 .link ul li a span, .price section#cont02 .link ul li a span { top: -4px; font-size: 28px; } }

.price section#cont03 .title { border-top: 1px solid #cfa024; padding: 6.13333vw 0 8vw 0; }

.price section#cont03 .title .box { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 1.86667vw 0; }

.price section#cont03 .title .box p { font-family: 'Times New Roman'; font-size: 9.5em; line-height: 1.0; color: #cfa024; opacity: 0.5; width: 49.33333vw; }

.price section#cont03 .title .box div span { display: block; font-size: 1.35em; line-height: 1.51852; color: #767e7f; }

.price section#cont03 .title .box div h2 { font-family: 'Noto Serif JP', serif; font-size: 2.4em; line-height: 1.51852; letter-spacing: 0.12em; color: #cfa024; }

.price section#cont03 .title h3 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(207, 160, 36, 0.5); font-size: 1.35em; color: #FFFFFF; font-weight: bold; line-height: 1.0; height: 16vw; margin: 13.6vw 0 0 0; }

.price section#cont03 .flex { margin: 0 0 15.46667vw 0; }

.price section#cont03 .flex .left .box { margin: 0 0 20.8vw 0; }

.price section#cont03 .flex .left .box .text em { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: #cfa024; color: #FFFFFF; font-family: 'Times New Roman'; letter-spacing: 0.82em; width: 74.66667vw; height: 10.66667vw; margin: 0 0 3.46667vw 0; }

.price section#cont03 .flex .left .box .text p { font-size: 1.35em; line-height: 1.51852; color: #767e7f; }

.price section#cont03 .flex .left .box .text strong { display: block; font-family: 'Noto Serif JP', serif; font-size: 2em; line-height: 1.51852; letter-spacing: 0.08em; color: #cfa024; }

.price section#cont03 .flex .left .box .text strong.mr { margin: 0 0 2.66667vw 0; }

.price section#cont03 .flex .left .box .text strong.mr { margin: 0 0 4.26667vw 0; }

.price section#cont03 .flex .left .box .text strong span { display: block; font-size: 0.8em; letter-spacing: -0.04em; }

.price section#cont03 .flex .left .box ol li:last-child { margin: 7.46667vw 0 0 0; }

.price section#cont03 .flex .left .box ol li div p { color: #767e7f; font-size: 1.8em; font-weight: bold; margin: 1.06667vw 0 0 0; }

.price section#cont03 .flex .left .box ol li div span { display: block; color: #767e7f; font-size: 1.35em; margin: 0 0 3.73333vw 0; }

.price section#cont03 .flex .left .box dl { border: solid 1px #b3b3b3; display: -webkit-flex; display: -ms-flex; display: flex; width: 100%; height: 39.46667vw; }

.price section#cont03 .flex .left .box dl dt { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; background: rgba(207, 160, 36, 0.5); font-size: 1.8em; font-weight: bold; letter-spacing: 0.07em; vertical-align: bottom; color: #FFFFFF; width: 58.66667vw; }

.price section#cont03 .flex .left .box dl dt em { line-height: 1.0; font-size: 2.4em; }

.price section#cont03 .flex .left .box dl dt span { display: block; padding: 6.4vw 0 0 0; }

.price section#cont03 .flex .left .box dl dd { border-left: solid 1px #b3b3b3; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; font-size: 1.4em; color: #767e7f; width: 122.13333vw; }

.price section#cont03 .flex .left .box dl dd em { line-height: 1.0; font-size: 2.28571em; }

.price section#cont03 .flex .left .box dl dd span { display: block; padding: 4.8vw 0 0 0; }

.price section#cont03 .set h4 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(207, 160, 36, 0.5); color: #FFFFFF; font-weight: bold; font-size: 1.35em; line-height: 1.0; height: 16vw; margin: 0 0 8vw 0; }

.price section#cont03 .set .box div { margin: 0 0 8vw 0; }

.price section#cont03 .set .box div strong { display: block; font-family: 'Noto Serif JP', serif; font-size: 2em; line-height: 1.51852; letter-spacing: 0.12em; color: #cfa024; margin: 0 0 2.66667vw 0; }

.price section#cont03 .set .box div dl { border: solid 1px #b3b3b3; display: -webkit-flex; display: -ms-flex; display: flex; width: 100%; height: 40vw; }

.price section#cont03 .set .box div dl dt { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; background: rgba(207, 160, 36, 0.5); font-size: 1.8em; font-weight: bold; letter-spacing: 0.07em; vertical-align: bottom; color: #FFFFFF; width: 58.66667vw; }

.price section#cont03 .set .box div dl dt em { line-height: 1.0; font-size: 2.4em; }

.price section#cont03 .set .box div dl dt span { display: block; padding: 6.4vw 0 0 0; }

.price section#cont03 .set .box div dl dd { border-left: solid 1px #b3b3b3; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; font-size: 1.4em; color: #767e7f; width: 122.13333vw; }

.price section#cont03 .set .box div dl dd em { line-height: 1.0; font-size: 2.28571em; }

.price section#cont03 .set .box div dl dd span { display: block; padding: 4.8vw 0 0 0; }

.price section#cont03 .list h4 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(207, 160, 36, 0.5); color: #FFFFFF; font-weight: bold; font-size: 1.35em; line-height: 1.0; height: 16vw; margin: 0 0 8vw 0; }

.price section#cont03 .list ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }

.price section#cont03 .list ul li { width: 88vw; margin: 0 0 10.13333vw 0; }

.price section#cont03 .list ul li img { margin: 0 0 5.86667vw 0; }

.price section#cont03 .list ul li p { border-bottom: 1px solid #cfa024; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; color: #cfa024; font-size: 1.0em; min-height: 24vw; padding: 0 0 2.13333vw 0; margin: 0 0 2.13333vw 0; }

.price section#cont03 .list ul li p em { display: block; font-family: 'Times New Roman'; line-height: 1.0; font-size: 3.15em; width: 16vw; }

.price section#cont03 .list ul li p strong { font-weight: bold; font-size: 1.35em; }

.price section#cont03 .list ul li span { display: block; line-height: 1.51852; letter-spacing: 0.11em; color: #767e7f; text-align: justify; font-size: 1.35em; }

.price section#cont03 .link ul li { font-size: 1.0em; }

.price section#cont03 .link ul li:last-child { margin: 23.46667vw 0 0 0; }

.price section#cont03 .link ul li a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #efa65c; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.price section#cont03 .link ul li a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 18.66667vw; width: 3.2vw; height: 3.2vw; border-top: 0.53333vw solid #FFFFFF; border-right: 0.53333vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.price section#cont03 .link ul li a span { display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.price section#cont03 .link ul li a em { position: relative; top: 0; left: 0; }

@media screen and (min-width: 1000px) { .price section#cont03 .inner { width: 920px; }
  .price section#cont03 .title { padding: 14px 0 20px 0; }
  .price section#cont03 .title .box { margin: 0; }
  .price section#cont03 .title .box p { font-size: 11.4em; width: 130px; }
  .price section#cont03 .title .box div span { font-size: 1.4em; line-height: 2; margin: 0 0 10px 0; }
  .price section#cont03 .title .box div h2 { font-size: 3.6em; line-height: 1.0; letter-spacing: 0.05em; }
  .price section#cont03 .title h3 { font-size: 1.6em; height: 30px; margin: 22px 0 0 0; }
  .price section#cont03 .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 50px 0; }
  .price section#cont03 .flex .left { width: 640px; }
  .price section#cont03 .flex .left .box { margin: 0; }
  .price section#cont03 .flex .left .box.mr { border-bottom: 1px solid #767e7f; margin: 0 0 30px 0; padding: 0 0 30px 0; }
  .price section#cont03 .flex .left .box .text em { letter-spacing: 0.82em; width: 140px; height: 20px; margin: 0 0 13px 0; }
  .price section#cont03 .flex .left .box .text p { font-size: 1.4em; line-height: 2; letter-spacing: 0.07em; }
  .price section#cont03 .flex .left .box .text strong { font-size: 2.4em; letter-spacing: 0.16em; margin: 0 0 12px 0; }
  .price section#cont03 .flex .left .box .text strong.mr { margin: 0; }
  .price section#cont03 .flex .left .box .text strong span { display: inline-block; font-size: 0.66667em; }
  .price section#cont03 .flex .left .box ul { display: -webkit-flex; display: -ms-flex; display: flex; }
  .price section#cont03 .flex .left .box ul li { width: 320px; }
  .price section#cont03 .flex .left .box ol { display: -webkit-flex; display: -ms-flex; display: flex; }
  .price section#cont03 .flex .left .box ol li { width: 310px; }
  .price section#cont03 .flex .left .box ol li:last-child { margin: 0 0 0 20px; }
  .price section#cont03 .flex .left .box ol li div p { font-size: 1.8em; margin: 4px 0 0 0; }
  .price section#cont03 .flex .left .box ol li div span { font-size: 1.4em; margin: 0 0 2px 0; }
  .price section#cont03 .flex .left .box dl { display: block; height: auto; margin: 0; }
  .price section#cont03 .flex .left .box dl.bor { border-left: none; }
  .price section#cont03 .flex .left .box dl dt { font-size: 1.6em; line-height: 1.75; letter-spacing: 0.07em; width: 100%; height: 40px; }
  .price section#cont03 .flex .left .box dl dt em { font-size: 2.25em; }
  .price section#cont03 .flex .left .box dl dt span { padding: 16px 0 0 0; }
  .price section#cont03 .flex .left .box dl dd { border-top: solid 1px #b3b3b3; border-left: none; padding: 20px 0 24px 0; width: 100%; }
  .price section#cont03 .flex .left .box dl dd strong { font-size: 1.2em; letter-spacing: 0.07em; margin: 0; }
  .price section#cont03 .flex .left .box dl dd p { font-size: 1.4em; }
  .price section#cont03 .flex .left .box dl dd p em { font-size: 2.28571em; }
  .price section#cont03 .flex .left .box dl dd span { padding: 10px 0 0 0; }
  .price section#cont03 .flex .right { width: 260px; padding: 97px 0 0 0; }
  .price section#cont03 .set { padding: 0 0 26px 0; }
  .price section#cont03 .set h4 { font-size: 1.6em; line-height: 1.0; height: 30px; margin: 0 0 11px 0; }
  .price section#cont03 .set .box { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
  .price section#cont03 .set .box div { width: 440px; margin: 0 0 22px 0; }
  .price section#cont03 .set .box div strong { font-size: 2.4em; margin: 0 0 2px 0; }
  .price section#cont03 .set .box div ul { display: -webkit-flex; display: -ms-flex; display: flex; }
  .price section#cont03 .set .box div ul li { width: 220px; }
  .price section#cont03 .set .box div dl { display: block; width: 100%; height: auto; }
  .price section#cont03 .set .box div dl.bor { border-left: none; }
  .price section#cont03 .set .box div dl dt { font-size: 1.4em; letter-spacing: 0.07em; width: 100%; padding: 3px 0 2px 0; }
  .price section#cont03 .set .box div dl dt em { font-size: 2.28571em; }
  .price section#cont03 .set .box div dl dt span { padding: 12px 0 0 0; }
  .price section#cont03 .set .box div dl dd { border-top: solid 1px #b3b3b3; border-left: none; font-size: 1.4em; width: 100%; padding: 22px 0 13px 0; }
  .price section#cont03 .set .box div dl dd em { font-size: 2em; }
  .price section#cont03 .set .box div dl dd span { padding: 10px 0 0 0; }
  .price section#cont03 .list { margin: 0 0 46px 0; }
  .price section#cont03 .list h4 { font-size: 1.6em; height: 30px; margin: 0 0 20px 0; }
  .price section#cont03 .list ul li { width: 220px; margin: 0; }
  .price section#cont03 .list ul li img { margin: 0; }
  .price section#cont03 .list ul li p { align-items: baseline; min-height: 42px; padding: 0 0 3px 0; margin: 0 0 2px 0; }
  .price section#cont03 .list ul li p em { font-size: 4.2em; width: 30px; }
  .price section#cont03 .list ul li p strong { font-size: 1.6em; }
  .price section#cont03 .list ul li span { line-height: 1.75; letter-spacing: 0.07em; font-size: 1.2em; }
  .price section#cont03 .link ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 860px; margin: 0 auto; }
  .price section#cont03 .link ul li { width: 400px; }
  .price section#cont03 .link ul li:last-child { margin: 0; }
  .price section#cont03 .link ul li:last-child a:before { content: ''; display: block; position: absolute; top: 12px; left: 67px; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 29px; height: 19px; }
  .price section#cont03 .link ul li:last-child a span { display: none; }
  .price section#cont03 .link ul li a { font-size: 1.2em; height: 45px; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .price section#cont03 .link ul li a:hover { opacity: 0.7; }
  .price section#cont03 .link ul li a:after { right: 81px; width: 6px; height: 6px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .price section#cont03 .link ul li a span { top: -4px; font-size: 28px; } }

/* -----------------------------------------------------------------
.vio
------------------------------------------------------------------ */
.vio { position: relative; top: 0; left: 0; }

.vio #key { position: relative; top: 0; left: 0; overflow: hidden; margin: 0 0 14.4vw 0; }

.vio #key .inner { width: 100%; }

.vio #key h1 { display: block; }

.vio #key div.box { position: absolute; top: 73.06667vw; left: 0; width: 100%; }

.vio #key div.box strong { display: block; font-size: 2.9em; line-height: 1.37931; color: #FFFFFF; text-align: center; font-family: 'Noto Serif JP', serif; letter-spacing: 0.02em; margin: 0 0 14.93333vw 0; }

.vio #key div.box p { font-size: 1.15em; line-height: 1.78261; letter-spacing: 0.17em; color: #767e7f; width: 181.33333vw; margin: 0 auto; }

@media screen and (min-width: 1000px) { .vio #key { margin: 0 0 72px 0; }
  .vio #key::before, .vio #key::after { position: absolute; top: 0; content: ''; display: block; width: 50%; height: 100%; }
  .vio #key::before { left: 0; background: #f5d6a7; }
  .vio #key:after { right: 0; background: #f6d6c0; }
  .vio #key .inner { position: relative; top: 0; left: 0; width: 100%; z-index: 1; }
  .vio #key div.box { top: 127px; left: 0; width: 100%; }
  .vio #key div.box strong { font-size: 2.4em; line-height: 1.29167; letter-spacing: 0.06em; margin: 0 0 34px 0; }
  .vio #key div.box p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; text-align: center; width: auto; } }

.vio #cont01 .inner h3 { font-family: 'Noto Serif JP', serif; color: #d99229; text-align: center; font-size: 2.25em; letter-spacing: 0.28em; margin: 0 0 2.13333vw 0; }

.vio #cont01 .inner strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; font-size: 1.7em; line-height: 1.79412; text-align: center; letter-spacing: 0.28em; margin: 0 0 13.33333vw 0; }

.vio #cont01 .inner p { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; margin: 0 0 17.06667vw 0; }

.vio #cont01 .title { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/vio/sp/title_bg.jpg) center center no-repeat; background-size: cover; }

.vio #cont01 .title .box { position: relative; top: 0; left: 0; padding: 38.4vw 0 14.93333vw 0; }

.vio #cont01 .title .box span { display: block; position: absolute; top: -18.66667vw; left: 0; font-family: 'Times New Roman'; text-align: center; color: #d99229; font-size: 7.55em; letter-spacing: 0; width: 100%; opacity: 0.3; }

.vio #cont01 .title .box strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.79412; letter-spacing: 0.28em; margin: 0; }

.vio #cont01 .title .box h2 { font-family: 'Noto Serif JP', serif; color: #d99229; text-align: center; font-size: 2.25em; letter-spacing: 0.28em; margin: 0 0 4.8vw 0; }

@media screen and (min-width: 1000px) { .vio #cont01 .inner h3 { font-size: 3.0em; letter-spacing: 0.2em; margin: 0 0 12px 0; }
  .vio #cont01 .inner strong { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.2em; margin: 0 0 19px 0; }
  .vio #cont01 .inner p { font-size: 1.4em; line-height: 2; letter-spacing: 0.07em; width: 680px; margin: 0 auto 74px auto; }
  .vio #cont01 .title { background: url(/wordpress/wp-content/themes/original/images/vio/pc/title_bg.jpg) center center repeat; background-size: cover; }
  .vio #cont01 .title .box { width: 920px; padding: 122px 0 71px 0; margin: 0 auto; }
  .vio #cont01 .title .box span { top: -54px; left: 0; font-size: 11.6em; letter-spacing: 0.12em; text-align: left; width: 100%; opacity: 0.3; }
  .vio #cont01 .title .box strong { font-size: 2.0em; line-height: 1; letter-spacing: 0.2em; }
  .vio #cont01 .title .box h2 { font-size: 4.8em; letter-spacing: 0.2em; margin: 0 0 18px 0; } }

.vio #cont02 { padding: 0 0 37.33333vw 0; }

.vio #cont02 ul li { border-bottom: 1px solid #d99229; margin: 0 0 18.66667vw 0; padding: 0 0 22.66667vw 0; }

.vio #cont02 ul li .inner .flex .text .title { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 11.2vw 0; }

.vio #cont02 ul li .inner .flex .text .title p { font-family: 'Times New Roman'; color: #d99229; font-size: 10em; line-height: 0.8; letter-spacing: 0; width: 53.33333vw; }

.vio #cont02 ul li .inner .flex .text .title div { width: 128vw; }

.vio #cont02 ul li .inner .flex .text .title div span { display: block; color: #767e7f; font-size: 1.35em; line-height: 1.48148; letter-spacing: 0.11em; }

.vio #cont02 ul li .inner .flex .text .title div strong { display: block; font-family: 'Noto Serif JP', serif; color: #d99229; font-size: 1.975em; line-height: 1.31646; letter-spacing: 0; }

.vio #cont02 ul li .inner .flex .text p.sp { margin: 0 0 10.13333vw 0; }

.vio #cont02 ul li .inner .flex .text p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; margin: 0 0 8vw 0; }

.vio #cont02 ul li .inner .link { font-size: 1.0em; }

.vio #cont02 ul li .inner .link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #d99229; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.vio #cont02 ul li .inner .link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 20vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.vio #cont02 ul li .inner .link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.vio #cont02 ul li .inner .link a em { position: relative; top: 0; left: 0; }

.vio #cont02 .more_link { font-size: 1.0em; width: 181.33333vw; margin: 21.33333vw auto 0 auto; }

.vio #cont02 .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/vio/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.vio #cont02 .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .vio #cont02 { padding: 0 0 105px 0; }
  .vio #cont02 ul li { margin: 0 0 76px 0; padding: 0 0 81px 0; }
  .vio #cont02 ul li .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; width: 920px; margin: 0 auto 49px auto; }
  .vio #cont02 ul li .inner .flex .text { width: 460px; }
  .vio #cont02 ul li .inner .flex .text.right { order: 2; }
  .vio #cont02 ul li .inner .flex .text .title { margin: 0 0 14px 0; }
  .vio #cont02 ul li .inner .flex .text .title p { font-size: 11.4em; line-height: 0.8; letter-spacing: 0; width: 118px; }
  .vio #cont02 ul li .inner .flex .text .title div { width: 340px; }
  .vio #cont02 ul li .inner .flex .text .title div span { font-size: 1.2em; line-height: 1.5; letter-spacing: 0.13em; }
  .vio #cont02 ul li .inner .flex .text .title div strong { font-size: 2.4em; line-height: 1.5; letter-spacing: -0.07em; }
  .vio #cont02 ul li .inner .flex .text p.sp { margin: 0; }
  .vio #cont02 ul li .inner .flex .text p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; margin: 0; }
  .vio #cont02 ul li .inner .flex .img { width: 430px; padding: 5px 0 0 0; }
  .vio #cont02 ul li .inner .flex .img.left { order: 1; }
  .vio #cont02 ul li .inner .link { width: 300px; margin: 0 auto; }
  .vio #cont02 ul li .inner .link a { font-size: 1.2em; width: 100%; height: 45px; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .vio #cont02 ul li .inner .link a:hover { opacity: 0.7; }
  .vio #cont02 ul li .inner .link a:after { right: 24px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .vio #cont02 ul li .inner .link a:before { top: -3px; left: 0; font-size: 28px; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }
  .vio #cont02 .more_link { width: 400px; margin: 100px auto 0 auto; }
  .vio #cont02 .more_link a { background: #efa65c; font-size: 1.2em; letter-spacing: 0.16em; width: 100%; height: 45px; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .vio #cont02 .more_link a:hover { opacity: 0.7; }
  .vio #cont02 .more_link a::before { width: 28px; height: 20px; margin: 0 28px 0 0; }
  .vio #cont02 .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

.vio #cont03 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d99229+0,ffffff+50,d99229+100&0.3+15,0.3+85 */ background: -moz-linear-gradient(left, rgba(217, 146, 41, 0.3) 0%, rgba(228, 179, 105, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(228, 179, 105, 0.3) 85%, rgba(217, 146, 41, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(217, 146, 41, 0.3) 0%, rgba(228, 179, 105, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(228, 179, 105, 0.3) 85%, rgba(217, 146, 41, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(217, 146, 41, 0.3) 0%, rgba(228, 179, 105, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(228, 179, 105, 0.3) 85%, rgba(217, 146, 41, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dd99229', endColorstr='#4dd99229',GradientType=1 ); /* IE6-9 */ padding: 16.8vw 0 17.33333vw 0; }

.vio #cont03 .title { margin: 0 0 16.8vw 0; }

.vio #cont03 .title strong { display: block; font-family: 'Noto Serif JP', serif; text-align: center; font-size: 1.7em; line-height: 1.79412; letter-spacing: 0.28em; color: #767e7f; }

.vio #cont03 .title h3 { font-family: 'Noto Serif JP', serif; color: #d99229; text-align: center; font-size: 2.25em; letter-spacing: 0.28em; }

.vio #cont03 .inner ul { background: #FFFFFF; width: 154.66667vw; margin: 0 auto; }

.vio #cont03 .inner ul li { border-bottom: 1px solid #d99229; padding: 10.13333vw 9.33333vw 17.6vw 9.33333vw; }

.vio #cont03 .inner ul li:last-child { border: none; }

.vio #cont03 .inner ul li .text .subtitle { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 7.46667vw 0; }

.vio #cont03 .inner ul li .text .subtitle span { display: block; width: 18.66667vw; }

.vio #cont03 .inner ul li .text .subtitle em { display: block; font-family: 'Times New Roman'; text-align: center; color: #d99229; font-size: 5.7em; line-height: 1.0; letter-spacing: 0; width: 20vw; }

.vio #cont03 .inner ul li .text .subtitle strong { display: block; font-family: 'Noto Serif JP', serif; color: #d99229; font-size: 1.975em; line-height: 1.11392; letter-spacing: 0.05em; width: 96vw; }

.vio #cont03 .inner ul li .text p.sp { margin: 0 0 8.26667vw 0; }

.vio #cont03 .inner ul li .text p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; }

@media screen and (min-width: 1000px) { .vio #cont03 { background: url(/wordpress/wp-content/themes/original/images/vio/pc/cont02_bg.jpg) center top repeat; background-size: cover; padding: 71px 0 80px 0; }
  .vio #cont03 .title { margin: 0 0 39px 0; }
  .vio #cont03 .title strong { font-size: 2.0em; line-height: 1.6; }
  .vio #cont03 .title h3 { font-size: 3.0em; letter-spacing: 0.16em; }
  .vio #cont03 .inner ul { width: 920px; }
  .vio #cont03 .inner ul li { border-bottom: none; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; padding: 30px 100px 48px 100px; }
  .vio #cont03 .inner ul li:nth-child(2n) { background: rgba(253, 234, 189, 0.35); }
  .vio #cont03 .inner ul li:last-child { border: none; }
  .vio #cont03 .inner ul li .text { width: 390px; }
  .vio #cont03 .inner ul li .text.right { order: 2; }
  .vio #cont03 .inner ul li .text .subtitle { border-bottom: 1px solid #d99229; margin: 0 0 16px 0; padding: 0 0 12px 0; }
  .vio #cont03 .inner ul li .text .subtitle span { width: 50px; }
  .vio #cont03 .inner ul li .text .subtitle em { font-size: 11.4em; width: 75px; opacity: 0.5; }
  .vio #cont03 .inner ul li .text .subtitle strong { font-size: 2.4em; line-height: 1.5; letter-spacing: 0.01em; width: 270px; }
  .vio #cont03 .inner ul li .text p.sp { margin: 0; }
  .vio #cont03 .inner ul li .text p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; }
  .vio #cont03 .inner ul li .img { width: 300px; padding: 20px 0 0 0; }
  .vio #cont03 .inner ul li .img.left { order: 1; } }

.vio #cont04 { margin: 0 0 38.4vw 0; }

.vio #cont04 .title { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/vio/sp/title_bg.jpg) center center no-repeat; background-size: cover; margin: 0; }

.vio #cont04 .title .box { position: relative; top: 0; left: 0; padding: 38.4vw 0 17.6vw 0; }

.vio #cont04 .title .box span { display: block; position: absolute; top: -18.66667vw; left: 0; font-family: 'Times New Roman'; text-align: center; color: #d99229; font-size: 7.55em; letter-spacing: 0.031em; width: 100%; opacity: 0.3; }

.vio #cont04 .title .box strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.79412; letter-spacing: 0.28em; margin: 0; }

.vio #cont04 .title .box h2 { font-family: 'Noto Serif JP', serif; color: #d99229; text-align: center; font-size: 2.25em; letter-spacing: 0.1em; margin: 0 0 4.8vw 0; }

.vio #cont04 .inner .flex .left .box { border: 1px solid #d99229; padding: 6.66667vw 4.8vw 10.93333vw 10.13333vw; box-sizing: border-box; }

.vio #cont04 .inner .flex .left .box.last { margin: 10.93333vw 0 0 0; }

.vio #cont04 .inner .flex .left .box strong { display: block; font-family: 'Noto Serif JP', serif; color: #d99229; font-size: 1.975em; line-height: 1.31646; letter-spacing: 0.06em; margin: 0 0 7.46667vw 0; }

.vio #cont04 .inner .flex .left .box p { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; margin: 0 0 8.53333vw 0; }

.vio #cont04 .inner .flex .left .box ul { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; }

.vio #cont04 .inner .flex .left .box ul li { position: relative; top: 0; left: 0; width: 42.66667vw; margin: 0 16.26667vw 0 0; }

.vio #cont04 .inner .flex .left .box ul li:after { content: ''; display: block; position: absolute; top: 16.53333vw; right: -12vw; background: url(/wordpress/wp-content/themes/original/images/vio/cont03_icon04.svg) center center no-repeat; background-size: cover; width: 8.26667vw; height: 8.26667vw; }

.vio #cont04 .inner .flex .left .box ul li:last-child { margin: 0; }

.vio #cont04 .inner .flex .left .box ul li:last-child:after { display: none; }

.vio #cont04 .inner .flex .left .box ul li span { display: block; margin: 0 0 3.73333vw 0; }

.vio #cont04 .inner .flex .left .box ul li em { display: block; font-size: 1.35em; font-weight: bold; color: #d99229; text-align: center; }

.vio #cont04 .more_link { font-size: 1.0em; width: 181.33333vw; margin: 21.33333vw auto 0 auto; }

.vio #cont04 .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/vio/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.vio #cont04 .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .vio #cont04 { margin: 0 0 105px 0; }
  .vio #cont04 .title { background: url(/wordpress/wp-content/themes/original/images/vio/pc/title_bg.jpg) center center no-repeat; background-size: cover; }
  .vio #cont04 .title .box { width: 920px; padding: 120px 0 84px 0; margin: 0 auto; }
  .vio #cont04 .title .box span { top: -54px; font-size: 11.6em; letter-spacing: 0.031em; text-align: left; width: 100%; opacity: 0.3; }
  .vio #cont04 .title .box strong { font-size: 2.0em; line-height: 1.8; margin: 0 0 4px 0; }
  .vio #cont04 .title .box h2 { font-size: 3.0em; letter-spacing: 0.16em; margin: 0 0 18px 0; }
  .vio #cont04 .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: flex-start; }
  .vio #cont04 .inner .flex .left { width: 590px; }
  .vio #cont04 .inner .flex .left .box { padding: 21px 48px 23px 48px; }
  .vio #cont04 .inner .flex .left .box.last { margin: 20px 0 0 0; }
  .vio #cont04 .inner .flex .left .box strong { font-size: 2.1em; line-height: 1.71429; letter-spacing: 0.14em; margin: 0 0 17px 0; }
  .vio #cont04 .inner .flex .left .box p { font-size: 1.2em; line-height: 1.875; letter-spacing: 0.06em; margin: 0 0 20px 0; }
  .vio #cont04 .inner .flex .left .box ul li { width: 100px; margin: 0 40px 0 0; }
  .vio #cont04 .inner .flex .left .box ul li:after { top: 40px; right: -30px; width: 20px; height: 20px; }
  .vio #cont04 .inner .flex .left .box ul li span { margin: 0 0 14px 0; }
  .vio #cont04 .inner .flex .left .box ul li em { font-size: 1.4em; }
  .vio #cont04 .inner .flex .right { width: 330px; }
  .vio #cont04 .more_link { width: 400px; margin: 100px auto 0 auto; }
  .vio #cont04 .more_link a { background: #efa65c; font-size: 1.2em; letter-spacing: 0.16em; width: 100%; height: 45px; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .vio #cont04 .more_link a:hover { opacity: 0.7; }
  .vio #cont04 .more_link a::before { width: 28px; height: 20px; margin: 0 26px 0 0; }
  .vio #cont04 .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

.vio #cont05 .bg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfa024+0,ffffff+50,cfa024+100&0.3+15,0.3+85 */ background: -moz-linear-gradient(left, rgba(207, 160, 36, 0.3) 0%, rgba(221, 189, 102, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(221, 189, 102, 0.3) 85%, rgba(207, 160, 36, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(207, 160, 36, 0.3) 0%, rgba(221, 189, 102, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(221, 189, 102, 0.3) 85%, rgba(207, 160, 36, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(207, 160, 36, 0.3) 0%, rgba(221, 189, 102, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(221, 189, 102, 0.3) 85%, rgba(207, 160, 36, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dcfa024', endColorstr='#4dcfa024',GradientType=1 ); /* IE6-9 */ padding: 17.33333vw 0 11.2vw 0; }

.vio #cont05 .bg .title { margin: 0 0 16.8vw 0; }

.vio #cont05 .bg .title strong { display: block; font-family: 'Noto Serif JP', serif; text-align: center; font-size: 1.7em; line-height: 1.79412; letter-spacing: 0.28em; color: #767e7f; }

.vio #cont05 .bg .title h3 { font-family: 'Noto Serif JP', serif; color: #d99229; text-align: center; font-size: 2.25em; letter-spacing: 0.28em; }

.vio #cont05 .bg .inner .box { background: #FFFFFF; width: 154.66667vw; margin: 0 auto 11.2vw auto; padding: 16vw 9.86667vw 11.2vw 9.86667vw; box-sizing: border-box; }

.vio #cont05 .bg .inner .box .subtitle { margin: 0 0 2.13333vw 0; }

.vio #cont05 .bg .inner .box .subtitle div span { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(207, 160, 36, 0.5); color: #FFFFFF; font-family: 'Times New Roman'; letter-spacing: 0.82em; width: 74.66667vw; height: 10.66667vw; margin: 0; }

.vio #cont05 .bg .inner .box .subtitle div strong { display: block; font-family: 'Noto Serif JP', serif; color: #cfa024; font-size: 2em; line-height: 1.5; letter-spacing: 0.12em; margin: 0 0 4.26667vw 0; }

.vio #cont05 .bg .inner .box .subtitle div p { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; margin: 0 0 4.8vw 0; }

.vio #cont05 .bg .inner .box .subtitle ol { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; margin: 0 0 7.46667vw 0; }

.vio #cont05 .bg .inner .box .subtitle ol li { position: relative; top: 0; left: 0; width: 42.66667vw; }

.vio #cont05 .bg .inner .box .subtitle ol li span { display: block; margin: 0 0 4.8vw 0; }

.vio #cont05 .bg .inner .box .subtitle ol li em { display: block; font-size: 1.35em; font-weight: bold; color: #767e7f; text-align: center; opacity: 0.4; }

.vio #cont05 .bg .inner .box .flex { border-bottom: solid 1px #cfa024; padding: 0 0 9.33333vw 0; margin: 0 0 6.93333vw 0; }

.vio #cont05 .bg .inner .box .flex .icon { display: block; background: rgba(207, 160, 36, 0.5); font-family: 'Noto Serif JP', serif; color: #FFFFFF; width: 100%; padding: 1.33333vw 2.66667vw 0.8vw 8.53333vw; font-size: 1.8em; box-sizing: border-box; margin: 0 0 9.33333vw 0; }

.vio #cont05 .bg .inner .box .flex .icon em { font-family: 'Times New Roman'; font-size: 2em; line-height: 1; vertical-align: baseline; }

.vio #cont05 .bg .inner .box .flex ul li { position: relative; top: 0; left: 0; }

.vio #cont05 .bg .inner .box .flex ul li.first { margin: 0 0 5.6vw 0; padding: 0; }

.vio #cont05 .bg .inner .box .flex ul li.first .lead { display: block; position: absolute; top: -2.93333vw; left: 0; font-family: 'Noto Serif JP', serif; color: #cfa024; letter-spacing: 0.26em; }

.vio #cont05 .bg .inner .box .flex ul li.first div { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 2.13333vw 0; }

.vio #cont05 .bg .inner .box .flex ul li.first div span { display: block; border: solid 1px #767e7f; color: #767e7f; font-family: 'Noto Serif JP', serif; letter-spacing: 0.1em; text-align: center; font-size: 1.35em; width: 20vw; margin: 8.53333vw 6.66667vw 0 0; }

.vio #cont05 .bg .inner .box .flex ul li.first div strong { display: block; font-family: 'Times New Roman'; line-height: 1.0; font-size: 5em; letter-spacing: -0.02em; color: #cfa024; margin: 0 2.66667vw 0 0; }

.vio #cont05 .bg .inner .box .flex ul li.first div p { position: relative; top: 0; left: 0; font-family: 'Noto Serif JP', serif; font-size: 2.25em; color: #cfa024; margin: 8vw 0 0 0; }

.vio #cont05 .bg .inner .box .flex ul li.first div p sup { display: block; position: absolute; top: -4vw; left: 0; font-size: 0.46667em; }

.vio #cont05 .bg .inner .box .flex ul li.first div p em { font-size: 0.6em; }

.vio #cont05 .bg .inner .box .flex ul li.first .ast { font-size: 0.9em; color: #767e7f; }

.vio #cont05 .bg .inner .box .flex ul li.last div { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0.8vw 0 0 0; }

.vio #cont05 .bg .inner .box .flex ul li.last div span { display: block; border: solid 1px #767e7f; color: #767e7f; font-family: 'Noto Serif JP', serif; letter-spacing: 0.1em; letter-spacing: 0.1em; text-align: center; font-size: 1.35em; width: 20vw; box-sizing: border-box; margin: 1.33333vw 6.66667vw 0 0; }

.vio #cont05 .bg .inner .box .flex ul li.last div strong { display: block; font-family: 'Times New Roman'; font-size: 3.6em; line-height: 1.0; color: #767e7f; margin: 0 1.6vw 0 0; }

.vio #cont05 .bg .inner .box .flex ul li.last div p { position: relative; top: 0; left: 0; font-family: 'Noto Serif JP', serif; font-size: 1.35em; color: #767e7f; margin: 6.66667vw 0 0 0; }

.vio #cont05 .bg .inner .box .flex ul li.last div p sup { display: block; position: absolute; top: -6.66667vw; left: 0; font-size: 0.77778em; }

.vio #cont05 .bg .inner .box .flex ul li.last .ast { font-size: 0.9em; color: #767e7f; }

.vio #cont05 .bg .inner .box .text { font-size: 1.35em; line-height: 2; color: #767e7f; }

.vio #cont05 .link { font-size: 1.0em; width: 181.33333vw; margin: 21.33333vw auto 0 auto; }

.vio #cont05 .link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/vio/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.vio #cont05 .link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .vio #cont05 .bg { background: url(/wordpress/wp-content/themes/original/images/vio/pc/cont02_bg.jpg) center center no-repeat; background-size: cover; padding: 71px 0 40px 0; }
  .vio #cont05 .bg .title { margin: 0 0 38px 0; }
  .vio #cont05 .bg .title strong { font-size: 2.0em; line-height: 1.6; letter-spacing: 0.28em; }
  .vio #cont05 .bg .title h3 { font-size: 3.0em; letter-spacing: 0.16em; }
  .vio #cont05 .bg .inner .box { width: 920px; margin: 0 auto 40px auto; padding: 50px 50px 44px 50px; }
  .vio #cont05 .bg .inner .box .subtitle { display: -webkit-flex; display: -ms-flex; display: flex; border-bottom: 1px solid #cfa024; margin: 0; padding: 0 0 24px 0; }
  .vio #cont05 .bg .inner .box .subtitle div { width: 520px; }
  .vio #cont05 .bg .inner .box .subtitle div span { letter-spacing: 0.82em; width: 140px; height: 20px; }
  .vio #cont05 .bg .inner .box .subtitle div strong { font-size: 3.0em; line-height: 1.5; letter-spacing: 0.12em; margin: 4px 0 4px 0; }
  .vio #cont05 .bg .inner .box .subtitle div p { font-family: 'Noto Serif JP', serif; font-size: 1.8em; line-height: 1.72222; letter-spacing: 0.1em; margin: 0; }
  .vio #cont05 .bg .inner .box .subtitle ol { width: 300; margin: 0; padding: 8px 0 0 0; }
  .vio #cont05 .bg .inner .box .subtitle ol li { width: 99px; }
  .vio #cont05 .bg .inner .box .subtitle ol li span { margin: 0 0 4px 0; }
  .vio #cont05 .bg .inner .box .subtitle ol li em { font-size: 1.4em; }
  .vio #cont05 .bg .inner .box .flex { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; padding: 20px 0; margin: 0; }
  .vio #cont05 .bg .inner .box .flex .icon { text-align: center; width: 120px; height: 120px; padding: 16px 0 0 0; line-height: 0.3; font-size: 3.6em; margin: 0 30px 0 0; box-sizing: border-box; }
  .vio #cont05 .bg .inner .box .flex .icon em { font-size: 1.66667em; }
  .vio #cont05 .bg .inner .box .flex .icon span { font-size: 0.66667em; }
  .vio #cont05 .bg .inner .box .flex ul { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; }
  .vio #cont05 .bg .inner .box .flex ul li.first { margin: 0 26px 0 0; padding: 0; }
  .vio #cont05 .bg .inner .box .flex ul li.first .lead { top: -14px; left: 0; font-size: 1.4em; font-family: 'Noto Serif JP', serif; letter-spacing: 0.26em; }
  .vio #cont05 .bg .inner .box .flex ul li.first div { margin: 0 0 4px 0; }
  .vio #cont05 .bg .inner .box .flex ul li.first div span { letter-spacing: 0.1em; font-size: 1.8em; width: 48px; margin: 24px 9px 0 0; }
  .vio #cont05 .bg .inner .box .flex ul li.first div span.mr { margin: 24px 9px 0 0; }
  .vio #cont05 .bg .inner .box .flex ul li.first div strong { line-height: 1.0; font-size: 7.2em; letter-spacing: 0; margin: 0 10px 0 0; }
  .vio #cont05 .bg .inner .box .flex ul li.first div p { font-size: 3.0em; letter-spacing: 0.05em; margin: 21px 0 0 0; }
  .vio #cont05 .bg .inner .box .flex ul li.first div p sup { top: -10px; left: 0; font-size: 0.46667em; }
  .vio #cont05 .bg .inner .box .flex ul li.first div p em { font-size: 0.6em; letter-spacing: 0; }
  .vio #cont05 .bg .inner .box .flex ul li.first .ast { font-size: 1.2em; }
  .vio #cont05 .bg .inner .box .flex ul li.last { padding: 20px 0 0 0; }
  .vio #cont05 .bg .inner .box .flex ul li.last div { margin: 0 0 6px 0; }
  .vio #cont05 .bg .inner .box .flex ul li.last div span { letter-spacing: 0.1em; font-size: 1.8em; width: 48px; margin: 6px 7px 0 0; }
  .vio #cont05 .bg .inner .box .flex ul li.last div strong { font-size: 4.8em; line-height: 1.0; margin: 0 3px 0 0; }
  .vio #cont05 .bg .inner .box .flex ul li.last div p { font-size: 1.8em; letter-spacing: 0.05em; margin: 11px 0 0 0; }
  .vio #cont05 .bg .inner .box .flex ul li.last div p sup { top: -15px; left: 0; font-size: 0.77778em; }
  .vio #cont05 .bg .inner .box .flex ul li.last .ast { font-size: 1.2em; }
  .vio #cont05 .bg .inner .box .text { font-size: 1.2em; line-height: 2.16667; margin: 22px 0 0 0; }
  .vio #cont05 .link { width: 400px; margin: 100px auto 0 auto; }
  .vio #cont05 .link a { background: #efa65c; font-size: 1.2em; letter-spacing: 0.16em; width: 100%; height: 45px; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .vio #cont05 .link a:hover { opacity: 0.7; }
  .vio #cont05 .link a::before { width: 28px; height: 20px; margin: 0 26px 0 0; }
  .vio #cont05 .link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

/* -----------------------------------------------------------------
.all
------------------------------------------------------------------ */
.all { position: relative; top: 0; left: 0; }

.all #key { position: relative; top: 0; left: 0; overflow: hidden; margin: 0 0 14.4vw 0; }

.all #key .inner { width: 100%; }

.all #key h1 { display: block; }

.all #key div.box { position: absolute; top: 73.06667vw; left: 0; width: 100%; }

.all #key div.box strong { display: block; font-size: 2.9em; line-height: 1.37931; color: #FFFFFF; text-align: center; font-family: 'Noto Serif JP', serif; letter-spacing: 0.02em; margin: 0 0 14.93333vw 0; }

.all #key div.box p { font-size: 1.15em; line-height: 1.78261; letter-spacing: 0.17em; color: #767e7f; width: 181.33333vw; margin: 0 auto; }

@media screen and (min-width: 1000px) { .all #key { margin: 0 0 72px 0; }
  .all #key:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0f1ec+0,e6f4ec+50,e5eed5+100 */ background: #e0f1ec; /* Old browsers */ background: -moz-linear-gradient(top, #e0f1ec 0%, #e6f4ec 50%, #e5eed5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e0f1ec 0%, #e6f4ec 50%, #e5eed5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e0f1ec 0%, #e6f4ec 50%, #e5eed5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f1ec', endColorstr='#e5eed5',GradientType=0 ); /* IE6-9 */ }
  .all #key .inner { position: relative; top: 0; left: 0; width: 100%; }
  .all #key div.box { top: 127px; left: 0; width: 100%; }
  .all #key div.box strong { font-size: 2.4em; line-height: 1.29167; letter-spacing: 0.06em; margin: 0 0 34px 0; }
  .all #key div.box p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; text-align: center; width: auto; } }

.all #cont01 .inner h3 { font-family: 'Noto Serif JP', serif; color: #7abb8d; text-align: center; font-size: 2.25em; letter-spacing: 0.28em; margin: 0 0 2.13333vw 0; }

.all #cont01 .inner strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; font-size: 1.7em; line-height: 1.79412; text-align: center; letter-spacing: 0.28em; margin: 0 0 13.33333vw 0; }

.all #cont01 .inner p { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; margin: 0 0 17.06667vw 0; }

.all #cont01 .title { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/vio/sp/title_bg.jpg) center center no-repeat; background-size: cover; }

.all #cont01 .title .box { position: relative; top: 0; left: 0; padding: 38.4vw 0 14.93333vw 0; }

.all #cont01 .title .box span { display: block; position: absolute; top: -18.66667vw; left: 0; font-family: 'Times New Roman'; text-align: center; color: #7abb8d; font-size: 7.55em; letter-spacing: 0; width: 100%; opacity: 0.3; }

.all #cont01 .title .box strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.79412; letter-spacing: 0.28em; margin: 0; }

.all #cont01 .title .box h2 { font-family: 'Noto Serif JP', serif; color: #7abb8d; text-align: center; font-size: 2.25em; letter-spacing: 0.28em; margin: 0 0 4.8vw 0; }

@media screen and (min-width: 1000px) { .all #cont01 .inner h3 { font-size: 3.0em; letter-spacing: 0.2em; margin: 0 0 12px 0; }
  .all #cont01 .inner strong { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.2em; margin: 0 0 19px 0; }
  .all #cont01 .inner p { font-size: 1.4em; line-height: 2; letter-spacing: 0.07em; width: 680px; margin: 0 auto 74px auto; }
  .all #cont01 .title { background: url(/wordpress/wp-content/themes/original/images/all/pc/title_bg.jpg) center center no-repeat; background-size: cover; }
  .all #cont01 .title .box { width: 920px; padding: 125px 0 71px 0; margin: 0 auto; }
  .all #cont01 .title .box span { top: -53px; left: 0; font-size: 11.6em; letter-spacing: 0.12em; text-align: left; width: 100%; opacity: 0.3; }
  .all #cont01 .title .box strong { font-size: 2.0em; line-height: 1; letter-spacing: 0.2em; }
  .all #cont01 .title .box h2 { font-size: 4.8em; letter-spacing: 0.2em; margin: 0 0 18px 0; } }

.all #cont02 { padding: 0 0 37.33333vw 0; }

.all #cont02 ul li { border-bottom: 1px solid #7abb8d; margin: 0 0 18.66667vw 0; padding: 0 0 22.66667vw 0; }

.all #cont02 ul li .inner .flex .text .title { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 11.2vw 0; }

.all #cont02 ul li .inner .flex .text .title p { font-family: 'Times New Roman'; color: #7abb8d; font-size: 10em; line-height: 0.8; letter-spacing: 0; width: 53.33333vw; }

.all #cont02 ul li .inner .flex .text .title div { width: 128vw; }

.all #cont02 ul li .inner .flex .text .title div span { display: block; color: #767e7f; font-size: 1.35em; line-height: 1.48148; letter-spacing: 0.11em; }

.all #cont02 ul li .inner .flex .text .title div strong { display: block; font-family: 'Noto Serif JP', serif; color: #7abb8d; font-size: 1.975em; line-height: 1.31646; letter-spacing: 0; }

.all #cont02 ul li .inner .flex .text p.sp { margin: 0 0 10.13333vw 0; }

.all #cont02 ul li .inner .flex .text p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; margin: 0 0 8vw 0; }

.all #cont02 ul li .inner .link { font-size: 1.0em; }

.all #cont02 ul li .inner .link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #7abb8d; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.all #cont02 ul li .inner .link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 20vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.all #cont02 ul li .inner .link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.all #cont02 ul li .inner .link a em { position: relative; top: 0; left: 0; }

.all #cont02 .more_link { font-size: 1.0em; width: 181.33333vw; margin: 21.33333vw auto 0 auto; }

.all #cont02 .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/vio/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.all #cont02 .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .all #cont02 { padding: 0 0 105px 0; }
  .all #cont02 ul li { margin: 0 0 73px 0; padding: 0 0 90px 0; }
  .all #cont02 ul li .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; width: 920px; margin: 0 auto 73px auto; }
  .all #cont02 ul li .inner .flex .text { width: 460px; }
  .all #cont02 ul li .inner .flex .text.right { order: 2; }
  .all #cont02 ul li .inner .flex .text .title { margin: 0 0 14px 0; }
  .all #cont02 ul li .inner .flex .text .title p { font-size: 11.4em; line-height: 0.8; letter-spacing: 0; width: 118px; }
  .all #cont02 ul li .inner .flex .text .title div { width: 334px; }
  .all #cont02 ul li .inner .flex .text .title div span { font-size: 1.2em; line-height: 1.5; letter-spacing: 0.13em; }
  .all #cont02 ul li .inner .flex .text .title div strong { font-size: 2.4em; line-height: 1.5; letter-spacing: -0.01em; }
  .all #cont02 ul li .inner .flex .text p.sp { margin: 0; }
  .all #cont02 ul li .inner .flex .text p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; margin: 0; }
  .all #cont02 ul li .inner .flex .img { width: 430px; padding: 5px 0 0 0; }
  .all #cont02 ul li .inner .flex .img.left { order: 1; }
  .all #cont02 ul li .inner .link { width: 300px; margin: 0 auto; }
  .all #cont02 ul li .inner .link a { font-size: 1.2em; width: 100%; height: 45px; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .all #cont02 ul li .inner .link a:hover { opacity: 0.7; }
  .all #cont02 ul li .inner .link a:after { right: 24px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .all #cont02 ul li .inner .link a:before { top: -3px; left: 0; font-size: 28px; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }
  .all #cont02 .more_link { width: 400px; margin: 100px auto 0 auto; }
  .all #cont02 .more_link a { background: #efa65c; font-size: 1.2em; letter-spacing: 0.16em; width: 100%; height: 45px; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .all #cont02 .more_link a:hover { opacity: 0.7; }
  .all #cont02 .more_link a::before { width: 28px; height: 20px; margin: 0 28px 0 0; }
  .all #cont02 .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

.all #cont03 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7abb8d+0,ffffff+50,7abb8d+100&0.3+15,0.3+85 */ background: -moz-linear-gradient(left, rgba(122, 187, 141, 0.3) 0%, rgba(162, 207, 175, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(162, 207, 175, 0.3) 85%, rgba(122, 187, 141, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(122, 187, 141, 0.3) 0%, rgba(162, 207, 175, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(162, 207, 175, 0.3) 85%, rgba(122, 187, 141, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(122, 187, 141, 0.3) 0%, rgba(162, 207, 175, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(162, 207, 175, 0.3) 85%, rgba(122, 187, 141, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7abb8d', endColorstr='#4d7abb8d',GradientType=1 ); /* IE6-9 */ padding: 16.8vw 0 20.53333vw 0; }

.all #cont03 .title { margin: 0 0 16.8vw 0; }

.all #cont03 .title strong { display: block; font-family: 'Noto Serif JP', serif; text-align: center; font-size: 1.7em; line-height: 1.79412; letter-spacing: 0.28em; color: #767e7f; }

.all #cont03 .title h3 { font-family: 'Noto Serif JP', serif; color: #7abb8d; text-align: center; font-size: 2.25em; letter-spacing: 0.28em; }

.all #cont03 .inner ul { background: #FFFFFF; width: 154.66667vw; margin: 0 auto; }

.all #cont03 .inner ul li { border-bottom: 1px solid #7abb8d; padding: 10.13333vw 9.33333vw 17.6vw 9.33333vw; }

.all #cont03 .inner ul li:last-child { border: none; }

.all #cont03 .inner ul li .text .subtitle { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 7.46667vw 0; }

.all #cont03 .inner ul li .text .subtitle span { display: block; width: 18.66667vw; }

.all #cont03 .inner ul li .text .subtitle em { display: block; font-family: 'Times New Roman'; text-align: center; color: #7abb8d; font-size: 5.7em; line-height: 1.0; letter-spacing: 0; width: 20vw; }

.all #cont03 .inner ul li .text .subtitle strong { display: block; font-family: 'Noto Serif JP', serif; color: #7abb8d; font-size: 1.975em; line-height: 1.11392; letter-spacing: 0.05em; width: 96vw; }

.all #cont03 .inner ul li .text p.sp { margin: 0 0 8.26667vw 0; }

.all #cont03 .inner ul li .text p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; }

@media screen and (min-width: 1000px) { .all #cont03 { background: url(/wordpress/wp-content/themes/original/images/all/pc/cont04_bg.jpg) center top repeat; background-size: cover; padding: 71px 0 80px 0; }
  .all #cont03 .title { margin: 0 0 39px 0; }
  .all #cont03 .title strong { font-size: 2.0em; line-height: 1.6; }
  .all #cont03 .title h3 { font-size: 3.0em; letter-spacing: 0.16em; }
  .all #cont03 .inner ul { width: 920px; }
  .all #cont03 .inner ul li { border-bottom: none; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; padding: 30px 100px 48px 100px; }
  .all #cont03 .inner ul li:nth-child(2n) { background: rgba(229, 242, 229, 0.35); }
  .all #cont03 .inner ul li:last-child { border: none; }
  .all #cont03 .inner ul li .text { width: 390px; }
  .all #cont03 .inner ul li .text.right { order: 2; }
  .all #cont03 .inner ul li .text .subtitle { border-bottom: 1px solid #7abb8d; margin: 0 0 16px 0; padding: 0 0 12px 0; }
  .all #cont03 .inner ul li .text .subtitle span { width: 50px; }
  .all #cont03 .inner ul li .text .subtitle em { font-size: 11.4em; width: 75px; opacity: 0.5; }
  .all #cont03 .inner ul li .text .subtitle strong { font-size: 2.4em; line-height: 1.5; letter-spacing: -0.05em; width: 252px; }
  .all #cont03 .inner ul li .text p.sp { margin: 0; }
  .all #cont03 .inner ul li .text p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; }
  .all #cont03 .inner ul li .img { width: 300px; padding: 20px 0 0 0; }
  .all #cont03 .inner ul li .img.left { order: 1; } }

.all #cont04 { margin: 0 0 38.4vw 0; }

.all #cont04 .title { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/vio/sp/title_bg.jpg) center center no-repeat; background-size: cover; margin: 0; }

.all #cont04 .title .box { position: relative; top: 0; left: 0; padding: 38.4vw 0 17.6vw 0; }

.all #cont04 .title .box span { display: block; position: absolute; top: -18.66667vw; left: 0; font-family: 'Times New Roman'; text-align: center; color: #7abb8d; font-size: 7.55em; letter-spacing: 0.031em; width: 100%; opacity: 0.3; }

.all #cont04 .title .box strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.79412; letter-spacing: 0.28em; margin: 0; }

.all #cont04 .title .box h2 { font-family: 'Noto Serif JP', serif; color: #7abb8d; text-align: center; font-size: 2.25em; letter-spacing: 0.1em; margin: 0 0 4.8vw 0; }

.all #cont04 .inner .flex .left .box { border: 1px solid #7abb8d; padding: 6.66667vw 4.8vw 10.93333vw 10.13333vw; box-sizing: border-box; }

.all #cont04 .inner .flex .left .box.last { margin: 10.93333vw 0 0 0; }

.all #cont04 .inner .flex .left .box strong { display: block; font-family: 'Noto Serif JP', serif; color: #7abb8d; font-size: 1.975em; line-height: 1.31646; letter-spacing: 0.04em; margin: 0 0 7.46667vw 0; }

.all #cont04 .inner .flex .left .box p { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; margin: 0 0 8.53333vw 0; }

.all #cont04 .inner .flex .left .box ul { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; }

.all #cont04 .inner .flex .left .box ul li { position: relative; top: 0; left: 0; width: 42.66667vw; margin: 0 16.26667vw 0 0; }

.all #cont04 .inner .flex .left .box ul li:after { content: ''; display: block; position: absolute; top: 16.53333vw; right: -12vw; background: url(/wordpress/wp-content/themes/original/images/all/cont03_icon05.svg) center center no-repeat; background-size: cover; width: 8.26667vw; height: 8.26667vw; }

.all #cont04 .inner .flex .left .box ul li:last-child { margin: 0; }

.all #cont04 .inner .flex .left .box ul li:last-child:after { display: none; }

.all #cont04 .inner .flex .left .box ul li span { display: block; margin: 0 0 3.73333vw 0; }

.all #cont04 .inner .flex .left .box ul li em { display: block; font-size: 1.35em; font-weight: bold; color: #7abb8d; text-align: center; }

.all #cont04 .more_link { font-size: 1.0em; width: 181.33333vw; margin: 21.33333vw auto 0 auto; }

.all #cont04 .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/vio/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.all #cont04 .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .all #cont04 { margin: 0 0 105px 0; }
  .all #cont04 .title { background: url(/wordpress/wp-content/themes/original/images/vio/pc/title_bg.jpg) center center no-repeat; background-size: cover; }
  .all #cont04 .title .box { width: 920px; padding: 120px 0 84px 0; margin: 0 auto; }
  .all #cont04 .title .box span { top: -54px; font-size: 11.6em; letter-spacing: 0.031em; text-align: left; width: 100%; opacity: 0.3; }
  .all #cont04 .title .box strong { font-size: 2.0em; line-height: 1.8; margin: 0 0 4px 0; }
  .all #cont04 .title .box h2 { font-size: 3.0em; letter-spacing: 0.16em; margin: 0 0 18px 0; }
  .all #cont04 .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: flex-start; }
  .all #cont04 .inner .flex .left { width: 590px; }
  .all #cont04 .inner .flex .left .box { padding: 21px 48px 23px 48px; }
  .all #cont04 .inner .flex .left .box.last { margin: 20px 0 0 0; }
  .all #cont04 .inner .flex .left .box strong { font-size: 2.1em; line-height: 1.71429; letter-spacing: 0.14em; margin: 0 0 17px 0; }
  .all #cont04 .inner .flex .left .box p { font-size: 1.2em; line-height: 1.875; letter-spacing: 0.06em; margin: 0 0 20px 0; }
  .all #cont04 .inner .flex .left .box ul li { width: 100px; margin: 0 40px 0 0; }
  .all #cont04 .inner .flex .left .box ul li:after { top: 40px; right: -30px; width: 20px; height: 20px; }
  .all #cont04 .inner .flex .left .box ul li span { margin: 0 0 14px 0; }
  .all #cont04 .inner .flex .left .box ul li em { font-size: 1.4em; }
  .all #cont04 .inner .flex .right { width: 330px; }
  .all #cont04 .more_link { width: 400px; margin: 100px auto 0 auto; }
  .all #cont04 .more_link a { background: #efa65c; font-size: 1.2em; letter-spacing: 0.16em; width: 100%; height: 45px; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .all #cont04 .more_link a:hover { opacity: 0.7; }
  .all #cont04 .more_link a::before { width: 28px; height: 20px; margin: 0 26px 0 0; }
  .all #cont04 .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

.all #cont05 .bg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfa024+0,ffffff+50,cfa024+100&0.3+15,0.3+85 */ background: -moz-linear-gradient(left, rgba(207, 160, 36, 0.3) 0%, rgba(221, 189, 102, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(221, 189, 102, 0.3) 85%, rgba(207, 160, 36, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(207, 160, 36, 0.3) 0%, rgba(221, 189, 102, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(221, 189, 102, 0.3) 85%, rgba(207, 160, 36, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(207, 160, 36, 0.3) 0%, rgba(221, 189, 102, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(221, 189, 102, 0.3) 85%, rgba(207, 160, 36, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dcfa024', endColorstr='#4dcfa024',GradientType=1 ); /* IE6-9 */ padding: 17.33333vw 0 11.2vw 0; }

.all #cont05 .bg .title { margin: 0 0 16.8vw 0; }

.all #cont05 .bg .title strong { display: block; font-family: 'Noto Serif JP', serif; text-align: center; font-size: 1.7em; line-height: 1.79412; letter-spacing: 0.28em; color: #767e7f; }

.all #cont05 .bg .title h3 { font-family: 'Noto Serif JP', serif; color: #cfa024; text-align: center; font-size: 2.25em; letter-spacing: 0.28em; }

.all #cont05 .bg .inner .box { background: #FFFFFF; width: 154.66667vw; margin: 0 auto 11.2vw auto; padding: 16vw 9.86667vw 11.2vw 9.86667vw; box-sizing: border-box; }

.all #cont05 .bg .inner .box .subtitle { margin: 0 0 2.13333vw 0; }

.all #cont05 .bg .inner .box .subtitle div span { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(207, 160, 36, 0.5); color: #FFFFFF; font-family: 'Times New Roman'; letter-spacing: 0.82em; width: 74.66667vw; height: 10.66667vw; margin: 0; }

.all #cont05 .bg .inner .box .subtitle div strong { display: block; font-family: 'Noto Serif JP', serif; color: #cfa024; font-size: 2em; line-height: 1.5; letter-spacing: 0.12em; margin: 0 0 4.26667vw 0; }

.all #cont05 .bg .inner .box .subtitle div p { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; margin: 0 0 4.8vw 0; }

.all #cont05 .bg .inner .box .subtitle ol { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; margin: 0 0 7.46667vw 0; }

.all #cont05 .bg .inner .box .subtitle ol li { position: relative; top: 0; left: 0; width: 42.66667vw; }

.all #cont05 .bg .inner .box .subtitle ol li span { display: block; margin: 0 0 4.8vw 0; }

.all #cont05 .bg .inner .box .subtitle ol li em { display: block; font-size: 1.35em; font-weight: bold; opacity: 0.4; color: #767e7f; text-align: center; }

.all #cont05 .bg .inner .box .flex { border-bottom: solid 1px #cfa024; padding: 0 0 9.33333vw 0; margin: 0 0 8.26667vw 0; }

.all #cont05 .bg .inner .box .flex .icon { display: block; background: rgba(207, 160, 36, 0.5); font-family: 'Noto Serif JP', serif; color: #FFFFFF; width: 100%; padding: 1.33333vw 2.66667vw 0.8vw 8.53333vw; font-size: 1.8em; box-sizing: border-box; margin: 0 0 9.33333vw 0; }

.all #cont05 .bg .inner .box .flex .icon em { font-family: 'Times New Roman'; font-size: 2em; line-height: 1; vertical-align: baseline; }

.all #cont05 .bg .inner .box .flex ul li { position: relative; top: 0; left: 0; }

.all #cont05 .bg .inner .box .flex ul li.first { margin: 0 0 5.6vw 0; padding: 0; }

.all #cont05 .bg .inner .box .flex ul li.first .lead { display: block; position: absolute; top: -2.93333vw; left: 0; font-family: 'Noto Serif JP', serif; color: #cfa024; letter-spacing: 0.26em; }

.all #cont05 .bg .inner .box .flex ul li.first div { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 2.13333vw 0; }

.all #cont05 .bg .inner .box .flex ul li.first div span { display: block; border: solid 1px #767e7f; color: #767e7f; font-family: 'Noto Serif JP', serif; letter-spacing: 0.1em; text-align: center; font-size: 1.35em; width: 20vw; margin: 8.53333vw 6.66667vw 0 0; }

.all #cont05 .bg .inner .box .flex ul li.first div strong { display: block; font-family: 'Times New Roman'; line-height: 1.0; font-size: 5em; letter-spacing: -0.02em; color: #cfa024; margin: 0 2.66667vw 0 0; }

.all #cont05 .bg .inner .box .flex ul li.first div p { position: relative; top: 0; left: 0; font-family: 'Noto Serif JP', serif; font-size: 2.25em; color: #cfa024; margin: 8vw 0 0 0; }

.all #cont05 .bg .inner .box .flex ul li.first div p sup { display: block; position: absolute; top: -4vw; left: 0; font-size: 0.46667em; }

.all #cont05 .bg .inner .box .flex ul li.first div p em { font-size: 0.6em; }

.all #cont05 .bg .inner .box .flex ul li.first .ast { font-size: 0.9em; color: #767e7f; }

.all #cont05 .bg .inner .box .flex ul li.last div { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0.8vw 0 0 0; }

.all #cont05 .bg .inner .box .flex ul li.last div span { display: block; border: solid 1px #767e7f; color: #767e7f; font-family: 'Noto Serif JP', serif; letter-spacing: 0.1em; letter-spacing: 0.1em; text-align: center; font-size: 1.35em; width: 20vw; box-sizing: border-box; margin: 1.33333vw 6.66667vw 0 0; }

.all #cont05 .bg .inner .box .flex ul li.last div strong { display: block; font-family: 'Times New Roman'; font-size: 3.6em; line-height: 1.0; color: #767e7f; margin: 0 1.6vw 0 0; }

.all #cont05 .bg .inner .box .flex ul li.last div p { position: relative; top: 0; left: 0; font-family: 'Noto Serif JP', serif; font-size: 1.35em; color: #767e7f; margin: 6.66667vw 0 0 0; }

.all #cont05 .bg .inner .box .flex ul li.last div p sup { display: block; position: absolute; top: -6.66667vw; left: 0; font-size: 0.77778em; }

.all #cont05 .bg .inner .box .flex ul li.last .ast { font-size: 0.9em; color: #767e7f; }

.all #cont05 .bg .inner .box .text { font-size: 1.35em; line-height: 2; color: #767e7f; }

.all #cont05 .link { font-size: 1.0em; width: 181.33333vw; margin: 21.33333vw auto 0 auto; }

.all #cont05 .link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/vio/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.all #cont05 .link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .all #cont05 .bg { background: url(/wordpress/wp-content/themes/original/images/all/pc/cont02_bg.jpg) center center no-repeat; background-size: cover; padding: 71px 0 40px 0; }
  .all #cont05 .bg .title { margin: 0 0 38px 0; }
  .all #cont05 .bg .title strong { font-size: 2.0em; line-height: 1.6; letter-spacing: 0.28em; }
  .all #cont05 .bg .title h3 { font-size: 3.0em; letter-spacing: 0.16em; }
  .all #cont05 .bg .inner .box { width: 920px; margin: 0 auto 40px auto; padding: 50px 50px 44px 50px; }
  .all #cont05 .bg .inner .box .subtitle { display: -webkit-flex; display: -ms-flex; display: flex; border-bottom: 1px solid #cfa024; margin: 0; padding: 0 0 24px 0; }
  .all #cont05 .bg .inner .box .subtitle div { width: 520px; }
  .all #cont05 .bg .inner .box .subtitle div span { letter-spacing: 0.82em; width: 140px; height: 20px; }
  .all #cont05 .bg .inner .box .subtitle div strong { font-size: 3.0em; line-height: 1.5; letter-spacing: 0.12em; margin: 4px 0 4px 0; }
  .all #cont05 .bg .inner .box .subtitle div p { font-family: 'Noto Serif JP', serif; font-size: 1.8em; line-height: 1.72222; letter-spacing: 0.1em; margin: 0; }
  .all #cont05 .bg .inner .box .subtitle ol { width: 300; margin: 0; padding: 4px 0 0 0; }
  .all #cont05 .bg .inner .box .subtitle ol li { width: 99px; }
  .all #cont05 .bg .inner .box .subtitle ol li span { margin: 0 0 4px 0; }
  .all #cont05 .bg .inner .box .subtitle ol li em { font-size: 1.4em; }
  .all #cont05 .bg .inner .box .flex { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; padding: 20px 0; margin: 0; }
  .all #cont05 .bg .inner .box .flex .icon { text-align: center; width: 120px; height: 120px; padding: 16px 0 0 0; line-height: 0.3; font-size: 3.6em; margin: 0 30px 0 0; box-sizing: border-box; }
  .all #cont05 .bg .inner .box .flex .icon em { font-size: 1.66667em; }
  .all #cont05 .bg .inner .box .flex .icon span { font-size: 0.66667em; }
  .all #cont05 .bg .inner .box .flex ul { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; }
  .all #cont05 .bg .inner .box .flex ul li.first { margin: 0 26px 0 0; padding: 0; }
  .all #cont05 .bg .inner .box .flex ul li.first .lead { top: -14px; left: 0; font-size: 1.4em; font-family: 'Noto Serif JP', serif; letter-spacing: 0.26em; }
  .all #cont05 .bg .inner .box .flex ul li.first div { margin: 0 0 4px 0; }
  .all #cont05 .bg .inner .box .flex ul li.first div span { letter-spacing: 0.1em; font-size: 1.8em; width: 48px; margin: 24px 9px 0 0; }
  .all #cont05 .bg .inner .box .flex ul li.first div span.mr { margin: 24px 9px 0 0; }
  .all #cont05 .bg .inner .box .flex ul li.first div strong { line-height: 1.0; font-size: 7.2em; letter-spacing: 0; margin: 0 10px 0 0; }
  .all #cont05 .bg .inner .box .flex ul li.first div p { font-size: 3.0em; margin: 21px 0 0 0; }
  .all #cont05 .bg .inner .box .flex ul li.first div p sup { top: -10px; left: 0; font-size: 0.46667em; }
  .all #cont05 .bg .inner .box .flex ul li.first div p em { font-size: 0.6em; letter-spacing: 0; }
  .all #cont05 .bg .inner .box .flex ul li.first .ast { font-size: 1.2em; }
  .all #cont05 .bg .inner .box .flex ul li.last { padding: 20px 0 0 0; }
  .all #cont05 .bg .inner .box .flex ul li.last div span { letter-spacing: 0.1em; font-size: 1.8em; width: 48px; margin: 6px 7px 0 0; }
  .all #cont05 .bg .inner .box .flex ul li.last div strong { font-size: 4.8em; line-height: 1.0; margin: 0 3px 0 0; }
  .all #cont05 .bg .inner .box .flex ul li.last div p { font-size: 1.8em; letter-spacing: 0; margin: 11px 0 0 0; }
  .all #cont05 .bg .inner .box .flex ul li.last div p sup { top: -15px; left: 0; font-size: 0.77778em; }
  .all #cont05 .bg .inner .box .flex ul li.last .ast { font-size: 1.2em; }
  .all #cont05 .bg .inner .box .text { font-size: 1.2em; line-height: 2.16667; margin: 22px 0 0 0; }
  .all #cont05 .link { width: 400px; margin: 100px auto 0 auto; }
  .all #cont05 .link a { background: #efa65c; font-size: 1.2em; letter-spacing: 0.16em; width: 100%; height: 45px; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .all #cont05 .link a:hover { opacity: 0.7; }
  .all #cont05 .link a::before { width: 28px; height: 20px; margin: 0 26px 0 0; }
  .all #cont05 .link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

/* -----------------------------------------------------------------
.beginner
------------------------------------------------------------------ */
.beginner { position: relative; top: 0; left: 0; }

.beginner #key { position: relative; top: 0; left: 0; overflow: hidden; margin: 0; }

.beginner #key .inner { width: 100%; }

.beginner #key h1 { display: block; }

.beginner #key p { position: absolute; top: 118.4vw; left: 8vw; font-size: 1.15em; line-height: 1.78261; letter-spacing: 0.17em; color: #767e7f; width: 100%; margin: 0 auto; }

.beginner #key p em { color: #d8b319; }

@media screen and (min-width: 1000px) { .beginner #key { background: url(/wordpress/wp-content/themes/original/images/beginner/pc/bg01.jpg) left top repeat; }
  .beginner #key h1 { max-width: 1200px; margin: 0 auto; }
  .beginner #key p { top: 187px; left: 0; font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.15em; text-align: center; } }

.beginner #cont01 { margin: 34.93333vw 0 38.4vw 0; }

.beginner #cont01 .inner h2 { border-bottom: 1px solid #d8b319; font-family: 'Noto Serif JP', serif; font-size: 1.7em; line-height: 1.82353; text-align: center; color: #767e7f; letter-spacing: 0.17em; margin: 0 0 10.66667vw 0; padding: 0 0 9.6vw 0; }

.beginner #cont01 .inner h2 strong { color: #d8b319; font-size: 1.41176em; line-height: 1.82353; }

.beginner #cont01 .inner p { font-size: 1.35em; line-height: 1.92593; letter-spacing: 0.11em; color: #767e7f; }

.beginner #cont01 .inner p.img { text-align: center; margin: 10.13333vw 0 9.6vw 0; }

.beginner #cont01 .inner p.img img { width: 173.86667vw; }

@media screen and (min-width: 1000px) { .beginner #cont01 { margin: 60px 0 71px 0; }
  .beginner #cont01 .inner h2 { position: relative; top: 0; left: 0; border-bottom: none; font-size: 2.0em; line-height: 1.8; letter-spacing: 0.28em; margin: 0 auto 22px auto; padding: 0; }
  .beginner #cont01 .inner h2 strong { font-size: 1.5em; line-height: 1.5; letter-spacing: 0.16em; }
  .beginner #cont01 .inner h2:after { content: ''; display: block; background: #d8b319; width: 452px; height: 2px; margin: 21px auto 0 auto; }
  .beginner #cont01 .inner p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; color: #767e7f; width: 400px; margin: 0 auto; }
  .beginner #cont01 .inner p.img { margin: 32px auto 34px auto; }
  .beginner #cont01 .inner p.img img { width: 100%; } }

.beginner #cont02 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/beginner/sp/cont01_bg.jpg) center top repeat; background-size: 100% auto; width: 100%; }

.beginner #cont02 .inner { position: relative; top: 0; left: 0; width: 100%; height: 133.33333vw; padding: 42.13333vw 0 17.6vw 0; box-sizing: border-box; }

.beginner #cont02 .inner span { display: block; position: absolute; top: -18.66667vw; left: 0; font-family: 'Times New Roman'; color: #80a2c3; font-size: 7.55em; letter-spacing: -0.01em; width: 100%; opacity: 0.2; }

.beginner #cont02 .inner .box { padding: 0 0 1.6vw 0; }

.beginner #cont02 .inner .box strong { display: block; font-family: 'Noto Serif JP', serif; font-size: 1.7em; line-height: 1.82353; color: #767e7f; text-align: center; letter-spacing: 0.18em; padding: 0 0 1.86667vw 0; }

.beginner #cont02 .inner .box h3 { font-family: 'Noto Serif JP', serif; color: #80a2c3; text-align: center; font-size: 2.4em; line-height: 1.29167; letter-spacing: 0.18em; }

@media screen and (min-width: 1000px) { .beginner #cont02 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/about/bg02.jpg) left top repeat; width: 100%; margin: 0 auto; }
  .beginner #cont02:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/about/pc/cont02_bg.jpg) center top no-repeat; background-size: 1200px auto; }
  .beginner #cont02 .inner { width: 920px; height: 320px; padding: 110px 0 66px 0; }
  .beginner #cont02 .inner span { top: -55px; font-size: 11.6em; letter-spacing: 0.12em; }
  .beginner #cont02 .inner .box strong { font-size: 2.0em; line-height: 1.8; padding: 0; }
  .beginner #cont02 .inner .box h3 { font-size: 3.5em; line-height: 1.5; letter-spacing: 0.2em; } }

.beginner #cont03 { margin: 18.13333vw 0 39.46667vw 0; }

.beginner #cont03 .lead { font-size: 1.35em; line-height: 1.92593; text-align: center; letter-spacing: 0.11em; color: #767e7f; margin: 0 auto 18.13333vw auto; }

.beginner #cont03 .more_link { font-size: 1.0em; width: 181.33333vw; margin: 21.6vw auto 0 auto; }

.beginner #cont03 .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/beginner/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.beginner #cont03 .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

.beginner #cont03 .inner { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#80a2c3+0,ffffff+50,80a2c3+100&0.3+15,0.3+85 */ background: -moz-linear-gradient(left, rgba(128, 162, 195, 0.3) 0%, rgba(166, 190, 213, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(166, 190, 213, 0.3) 85%, rgba(128, 162, 195, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(128, 162, 195, 0.3) 0%, rgba(166, 190, 213, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(166, 190, 213, 0.3) 85%, rgba(128, 162, 195, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(128, 162, 195, 0.3) 0%, rgba(166, 190, 213, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(166, 190, 213, 0.3) 85%, rgba(128, 162, 195, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d80a2c3', endColorstr='#4d80a2c3',GradientType=1 ); /* IE6-9 */ }

.beginner #cont03 .inner ul li { border-bottom: 1px solid #80a2c3; padding: 18.4vw 0 19.73333vw 0; }

.beginner #cont03 .inner ul li:last-child { border-bottom: none; padding: 18.4vw 0 21.06667vw 0; }

.beginner #cont03 .inner ul li:last-child p.link { border-bottom: none; padding: 0; }

.beginner #cont03 .inner ul li dl dt .subtitle { position: relative; top: 0; left: 0; padding: 38.66667vw 0 10.66667vw 0; }

.beginner #cont03 .inner ul li dl dt .subtitle em { display: block; position: absolute; top: 0; left: 0; width: 100%; color: #65b9d0; font-family: 'Times New Roman'; font-size: 12.45em; line-height: 0.8; text-align: center; letter-spacing: 0; opacity: 0.25; }

.beginner #cont03 .inner ul li dl dt .subtitle p { position: relative; top: 0; left: 0; color: #767e7f; font-size: 1.35em; line-height: 1.92593; font-weight: bold; text-align: center; letter-spacing: 0.16em; }

.beginner #cont03 .inner ul li dl dt .subtitle strong { display: block; font-size: 2em; line-height: 1.55; text-align: center; color: #80a2c3; letter-spacing: 0.16em; font-family: 'Noto Serif JP', serif; }

.beginner #cont03 .inner ul li dl dt p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; text-align: justify; letter-spacing: 0.11em; width: 154.66667vw; margin: 9.6vw auto 9.06667vw auto; }

.beginner #cont03 .inner ul li p.link { font-size: 1.0em; width: 154.66667vw; margin: 0 auto; }

.beginner #cont03 .inner ul li p.link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #80a2c3; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.beginner #cont03 .inner ul li p.link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 7.73333vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.beginner #cont03 .inner ul li p.link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.beginner #cont03 .inner ul li p.link a em { position: relative; top: 0; left: 0; }

@media screen and (min-width: 1000px) { .beginner #cont03 { margin: 44px 0 80px 0; }
  .beginner #cont03 .lead { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; margin: 0 auto 42px auto; }
  .beginner #cont03 .more_link { width: 400px; margin: 43px auto 0 auto; }
  .beginner #cont03 .more_link a { position: relative; top: 0; left: 0; height: 45px; background: #efa65c; font-size: 1.2em; font-weight: normal; letter-spacing: 0.16em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .beginner #cont03 .more_link a:hover { opacity: 0.7; }
  .beginner #cont03 .more_link a::before { width: 29px; height: 19px; margin: 0 24px 0 0; }
  .beginner #cont03 .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .beginner #cont03 .inner { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8dcbdc+0,ffffff+50,8dcbdc+100&0.3+10,0.3+90 */ background: -moz-linear-gradient(left, rgba(141, 203, 220, 0.3) 0%, rgba(164, 213, 227, 0.3) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(164, 213, 227, 0.3) 90%, rgba(141, 203, 220, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(141, 203, 220, 0.3) 0%, rgba(164, 213, 227, 0.3) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(164, 213, 227, 0.3) 90%, rgba(141, 203, 220, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(141, 203, 220, 0.3) 0%, rgba(164, 213, 227, 0.3) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(164, 213, 227, 0.3) 90%, rgba(141, 203, 220, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d8dcbdc', endColorstr='#4d8dcbdc',GradientType=1 ); /* IE6-9 */ width: 920px; }
  .beginner #cont03 .inner ul li { border-bottom: none; padding: 45px 0 70px 0; }
  .beginner #cont03 .inner ul li:nth-child(2n) { background: rgba(255, 255, 255, 0.6); }
  .beginner #cont03 .inner ul li:last-child { border-bottom: none; padding: 45px 0 50px 0; }
  .beginner #cont03 .inner ul li:last-child p.link { border-bottom: none; padding: 0; }
  .beginner #cont03 .inner ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; width: 720px; margin: 0 auto; }
  .beginner #cont03 .inner ul li dl dt { width: 390px; }
  .beginner #cont03 .inner ul li dl dt.right { order: 2; }
  .beginner #cont03 .inner ul li dl dt .subtitle { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border-bottom: 1px solid #80a2c3; padding: 0 0 24px 0; }
  .beginner #cont03 .inner ul li dl dt .subtitle em { position: relative; width: auto; font-size: 11.4em; text-align: left; opacity: 0.5; padding: 0 12px 0 0; }
  .beginner #cont03 .inner ul li dl dt .subtitle p { font-size: 1.5em; line-height: 1.73333; text-align: left; letter-spacing: 0.13em; }
  .beginner #cont03 .inner ul li dl dt .subtitle strong { font-size: 2.4em; line-height: 1.5; text-align: left; letter-spacing: 0.1em; }
  .beginner #cont03 .inner ul li dl dt p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 100%; margin: 17px auto 0 auto; }
  .beginner #cont03 .inner ul li dl dd { width: 300px; padding: 5px 0 0 0; }
  .beginner #cont03 .inner ul li dl dd.left { order: 1; }
  .beginner #cont03 .inner ul li p.link { width: 300px; margin: 30px auto 0 auto; border: none; padding: 0; }
  .beginner #cont03 .inner ul li p.link a { position: relative; top: 0; left: 0; font-size: 1.2em; width: 300px; height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .beginner #cont03 .inner ul li p.link a:after { right: 22px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .beginner #cont03 .inner ul li p.link a:before { top: -3px; font-size: 28px; }
  .beginner #cont03 .inner ul li p.link a:hover { opacity: 0.7; } }

.beginner #cont04 { background: url(/wordpress/wp-content/themes/original/images/beginner/sp/cont03_bg.jpg) left top repeat; background-size: 100% auto; padding: 21.33333vw 0 41.86667vw 0; }

.beginner #cont04 .more_link { font-size: 1.0em; width: 181.33333vw; margin: 19.2vw auto 0 auto; }

.beginner #cont04 .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/beginner/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.beginner #cont04 .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

.beginner #cont04 .inner { background: #FFFFFF; padding: 16.26667vw 0 0 0; }

.beginner #cont04 .inner .lead strong { display: block; color: #767e7f; font-family: 'Noto Serif JP', serif; font-size: 1.7em; line-height: 1.82353; text-align: center; letter-spacing: 0.38em; }

.beginner #cont04 .inner .lead h2 { font-size: 2.4em; line-height: 1.5; text-align: center; color: #d8b319; letter-spacing: 0.2em; font-family: 'Noto Serif JP', serif; }

.beginner #cont04 .inner ul li { padding: 21.33333vw 0 18.13333vw 0; }

.beginner #cont04 .inner ul li.pare { border-bottom: 1px solid #d8b319; }

.beginner #cont04 .inner ul li:first-child { padding: 18.4vw 0 18.13333vw 0; }

.beginner #cont04 .inner ul li:last-child p.link { border-bottom: none; padding: 0; }

.beginner #cont04 .inner ul li dl dt .title { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 10.66667vw 7.46667vw; }

.beginner #cont04 .inner ul li dl dt .title p { font-family: 'Times New Roman'; color: #d8b319; font-size: 7.45em; width: 44vw; line-height: 0.8; opacity: 0.5; }

.beginner #cont04 .inner ul li dl dt .title div span { display: block; font-size: 1.35em; line-height: 1.62963; color: #767e7f; margin: 0 0 0.8vw 0; }

.beginner #cont04 .inner ul li dl dt .title div strong { display: block; font-family: 'Noto Serif JP', serif; color: #d8b319; font-size: 2em; line-height: 1.55; }

.beginner #cont04 .inner ul li dl dt p.sp { margin: 0 0 10.13333vw 0; }

.beginner #cont04 .inner ul li dl dt p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; text-align: justify; letter-spacing: 0.11em; width: 154.66667vw; margin: 0 auto; }

.beginner #cont04 .inner ul li .area2 { margin: 18.13333vw 0 0 0; }

.beginner #cont04 .inner ul li .area2 .box { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; font-size: 1.5em; background: #faf6e5; color: #d8b319; font-family: 'Noto Serif JP', serif; letter-spacing: 0.12em; width: 100%; height: 28.53333vw; overflow: hidden; }

.beginner #cont04 .inner ul li .area2 .box span { display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 1.6em; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.beginner #cont04 .inner ul li .area2 .pc .box01 strong { display: block; text-align: center; font-size: 1.7em; letter-spacing: 0.38em; color: #767e7f; margin: 0 0 16.53333vw 0; }

.beginner #cont04 .inner ul li .area2 .pc .box01 p { text-align: center; font-size: 1.7em; letter-spacing: 0.38em; color: #767e7f; margin: 0 0 16.53333vw 0; }

.beginner #cont04 .inner ul li .area2 .pc .box01 h4 { font-family: 'Noto Serif JP', serif; }

.beginner #cont04 .inner ul li .area2 .sp { width: 154.66667vw; margin: 0 auto; padding: 10.66667vw 0 0 0; }

.beginner #cont04 .inner ul li .area2 .sp .box01 { margin: 0 0 9.33333vw 0; }

.beginner #cont04 .inner ul li .area2 .sp .box01 p { text-align: center; font-size: 1.25em; line-height: 1.65; letter-spacing: 0.13em; color: #9c8545; margin: 0 0 8.8vw 0; }

.beginner #cont04 .inner ul li .area2 .sp .box01 h4 { text-align: center; font-size: 1.475em; letter-spacing: 0.28em; color: #9c8545; margin: 0 0 6.4vw 0; }

.beginner #cont04 .inner ul li .area2 .sp .box01 strong { display: block; text-align: center; font-weight: bold; font-size: 1.35em; color: #9c8545; letter-spacing: 0.28em; margin: 0 0 5.06667vw 0; }

.beginner #cont04 .inner ul li .area2 .sp .box01 ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; width: 153.6vw; }

.beginner #cont04 .inner ul li .area2 .sp .box01 ul.first { margin: 0 0 11.46667vw 0; }

.beginner #cont04 .inner ul li .area2 .sp .box01 ul li { width: 72.8vw; padding: 0; margin: 0 0 8vw 0; }

.beginner #cont04 .inner ul li .area2 .sp .box01 ul li a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border: solid #d8b319 1.06667vw; background: #f5f0de url(/wordpress/wp-content/themes/original/images/common/sp/tel_icon.svg) 5.33333vw center no-repeat; background-size: 20.26667vw auto; font-size: 1.5em; color: #d8b319; letter-spacing: 0.01em; font-weight: bold; width: 100%; height: 35.73333vw; padding: 0 0 0 35.2vw; box-sizing: border-box; }

.beginner #cont04 .inner ul li .area2 .sp .box01 ul li a.off01 { padding: 0 0 0 34.13333vw; }

.beginner #cont04 .inner ul li .area2 .sp .box01 ul li a.off02 { padding: 0 0 0 26.66667vw; }

.beginner #cont04 .inner ul li .area2 .sp .box02 h4 { text-align: center; font-size: 1.5em; font-family: 'Noto Serif JP', serif; letter-spacing: 0.26em; color: #d8b319; margin: 0 0 4.26667vw 0; }

.beginner #cont04 .inner ul li .area2 .sp .box02 .link { width: 154.66667vw; margin: 0 auto; }

.beginner #cont04 .inner ul li .area { width: 154.66667vw; margin: 11.2vw auto 0 auto; }

.beginner #cont04 .inner ul li .area .box { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; font-size: 1.5em; background: #faf6e5; color: #d8b319; font-family: 'Noto Serif JP', serif; letter-spacing: 0.12em; width: 100%; height: 28.53333vw; overflow: hidden; }

.beginner #cont04 .inner ul li .area .box span { display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 1.6em; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.beginner #cont04 .inner ul li .area .over .flex .left { border: 1px solid #d8b319; padding: 11.2vw 0 11.46667vw 0; box-sizing: border-box; }

.beginner #cont04 .inner ul li .area .over .flex .left strong { display: block; border-bottom: 1px solid #d8b319; color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 133.33333vw; margin: 0 auto 10.4vw auto; padding: 0 0 11.73333vw 0; }

.beginner #cont04 .inner ul li .area .over .flex .left p.clear { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 133.33333vw; margin: 0 auto; }

.beginner #cont04 .inner ul li .area .over .flex .left p.clear em { color: #d8b319; font-size: 0.74074em; }

.beginner #cont04 .inner ul li .area .over .flex .left p.clear span { display: block; width: 69.33333vw; float: left; margin: 0 6.66667vw 0 0; padding: 3.73333vw 0 0 0; }

@media screen and (min-width: 1000px) { .beginner #cont04 { background: url(/wordpress/wp-content/themes/original/images/beginner/pc/cont03_bg.jpg) left top repeat; background-size: 100% auto; padding: 80px 0 80px 0; }
  .beginner #cont04 .more_link { width: 400px; margin: 43px auto 0 auto; }
  .beginner #cont04 .more_link a { position: relative; top: 0; left: 0; height: 45px; background: #efa65c; font-size: 1.2em; font-weight: normal; letter-spacing: 0.16em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .beginner #cont04 .more_link a:hover { opacity: 0.7; }
  .beginner #cont04 .more_link a::before { width: 29px; height: 19px; margin: 0 24px 0 0; }
  .beginner #cont04 .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .beginner #cont04 .inner { width: 920px; padding: 41px 0 0 0; }
  .beginner #cont04 .inner .lead strong { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.28em; margin: 0 0 4px 0; }
  .beginner #cont04 .inner .lead h2 { font-size: 3.0em; line-height: 1.2; }
  .beginner #cont04 .inner ul li { padding: 44px 0 42px 0; }
  .beginner #cont04 .inner ul li.pare { border-bottom: none; }
  .beginner #cont04 .inner ul li.pare:nth-child(2n) { background: rgba(246, 243, 219, 0.35); }
  .beginner #cont04 .inner ul li:first-child { padding: 42px 0 42px 0; }
  .beginner #cont04 .inner ul li:last-child p.link { border-bottom: none; padding: 0; }
  .beginner #cont04 .inner ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; width: 720px; margin: 0 auto; }
  .beginner #cont04 .inner ul li dl dt { width: 390px; }
  .beginner #cont04 .inner ul li dl dt.right { order: 2; }
  .beginner #cont04 .inner ul li dl dt .title { margin: 0 0 16px 0; }
  .beginner #cont04 .inner ul li dl dt .title p { font-size: 11.4em; width: 118px; padding: 0 10px 0 0; }
  .beginner #cont04 .inner ul li dl dt .title div span { font-size: 1.5em; line-height: 1.73333; font-weight: bold; margin: 0 0 3px 0; }
  .beginner #cont04 .inner ul li dl dt .title div strong { font-size: 2.4em; line-height: 1.5; }
  .beginner #cont04 .inner ul li dl dt p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 100%; }
  .beginner #cont04 .inner ul li dl dd { width: 300px; padding: 6px 0 0 0; }
  .beginner #cont04 .inner ul li dl dd.left { order: 1; }
  .beginner #cont04 .inner ul li .area2 { width: 720px; margin: 33px auto 0 auto; }
  .beginner #cont04 .inner ul li .area2 .box { font-size: 1.5em; letter-spacing: 0.2em; height: 45px; }
  .beginner #cont04 .inner ul li .area2 .box span { top: -4px; left: 0; font-size: 1.86667em; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 { border: 1px solid #d8b319; box-sizing: border-box; margin: 0 0 34px 0; padding: 32px 0 41px 0; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 p { text-align: center; font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; color: #767e7f; margin: 0 0 48px 0; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; flex-wrap: wrap; width: 640px; margin: 0 auto; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; width: 320px; height: 40px; box-sizing: border-box; padding: 0 0 0 26px; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li:nth-child(1) { border-bottom: 1px solid #d8b319; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li:nth-child(2) { border-bottom: 1px solid #d8b319; border-left: 1px solid #d8b319; padding: 0 0 0 31px; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li:nth-child(2) span { margin: 0 2px 0 0; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li:nth-child(2) span em { margin: 0 4px 0 0; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li:nth-child(4) { border-left: 1px solid #d8b319; padding: 0 0 0 10px; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li:nth-child(4) span em { margin: 0 3px 0 0; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li span { display: block; font-family: 'Noto Serif JP', serif; color: #d8b319; font-size: 1.6em; margin: 0 3px 0 0; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li span em { display: inline-block; margin: 0 5px 0 0; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li a { color: #d8b319; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-family: 'Noto Serif JP', serif; font-size: 1.7em; letter-spacing: 0.3em; color: #cfa024; }
  .beginner #cont04 .inner ul li .area2 .pc .box01 ul li a:before { display: block; content: ''; background: url(/wordpress/wp-content/themes/original/images/common/tel_link.svg) left center no-repeat; background-size: 100% auto; width: 20px; height: 16px; margin: 0 4px 0 0; }
  .beginner #cont04 .inner ul li .area2 .pc .box02 { margin: 0; }
  .beginner #cont04 .inner ul li .area2 .pc .box02 h4 { font-size: 1.5em; text-align: center; font-family: 'Noto Serif JP', serif; letter-spacing: 0.38em; color: #d8b319; margin: 0 0 15px 0; }
  .beginner #cont04 .inner ul li .area2 .pc .box02 .link { font-size: 1.2em; width: 400px; margin: 0 auto; }
  .beginner #cont04 .inner ul li .area2 .pc .box02 .link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #efa65c url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) 70px center no-repeat; background-size: 28px auto; color: #FFFFFF; height: 45px; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .beginner #cont04 .inner ul li .area2 .pc .box02 .link a:hover { opacity: 0.7; }
  .beginner #cont04 .inner ul li .area2 .pc .box02 .link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .beginner #cont04 .inner ul li .area { width: 720px; margin: 42px auto 0 auto; }
  .beginner #cont04 .inner ul li .area .box { font-size: 1.5em; letter-spacing: 0.2em; height: 45px; }
  .beginner #cont04 .inner ul li .area .box span { top: -4px; left: 0; font-size: 1.86667em; }
  .beginner #cont04 .inner ul li .area .over { border: 1px solid #d8b319; padding: 32px 0 32px 0; }
  .beginner #cont04 .inner ul li .area .over .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; width: 640px; margin: 0 auto; }
  .beginner #cont04 .inner ul li .area .over .flex .img { width: 255px; padding: 6px 0 0 0; }
  .beginner #cont04 .inner ul li .area .over .flex .left { border: none; padding: 0; box-sizing: border-box; width: 335px; }
  .beginner #cont04 .inner ul li .area .over .flex .left strong { border-bottom: none; font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 100%; margin: 0; padding: 0; }
  .beginner #cont04 .inner ul li .area .over .flex .left p.clear { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 100%; }
  .beginner #cont04 .inner ul li .area .over .flex .left p.clear em { color: #d8b319; font-size: 0.74074em; }
  .beginner #cont04 .inner ul li .area .over .flex .left p.clear span { display: none; } }

.beginner #cont05 { margin: 40vw auto 14.66667vw auto; }

.beginner #cont05 .inner p { font-size: 1.35em; text-align: center; line-height: 1.62963; font-weight: bold; color: #767e7f; margin: 0 0 0.8vw 0; }

.beginner #cont05 .inner strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; letter-spacing: 0.16em; margin: 0 0 8vw 0; }

.beginner #cont05 .inner .ifram { position: relative; width: 100%; height: 0; padding-top: 56.5%; margin: 0 0 6.4vw 0; filter: drop-shadow(0px 0px 5px rgba(118, 126, 127, 0.5)); }

.beginner #cont05 .inner .ifram iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* -----------------------------------------------------------------
.mens
------------------------------------------------------------------ */
.mens { position: relative; top: 0; left: 0; }

.mens #key { position: relative; top: 0; left: 0; overflow: hidden; margin: 0; }

.mens #key .inner { width: 100%; }

.mens #key h1 { display: block; }

.mens #key div.box { position: absolute; top: 56.8vw; left: 0; width: 100%; }

.mens #key div.box strong { display: block; font-size: 2.3em; line-height: 1.29032; color: #FFFFFF; text-align: center; font-family: 'Noto Serif JP', serif; letter-spacing: 0.02em; margin: 0 0 17.86667vw 0; }

.mens #key div.box strong em { color: #f3ecb7; font-size: 1.34783em; }

.mens #key div.box p { font-size: 1.15em; line-height: 1.78261; letter-spacing: 0.17em; color: #767e7f; width: 181.33333vw; margin: 0 auto; }

.mens #key div.box p em { color: #80a2c3; }

@media screen and (min-width: 1000px) { .mens #key { background: url(/wordpress/wp-content/themes/original/images/mens/pc/key_bg.jpg) left top repeat; margin: 0; }
  .mens #key .inner { position: relative; top: 0; left: 0; width: 100%; }
  .mens #key div.box { top: 114px; left: 0; width: 100%; }
  .mens #key div.box strong { font-size: 1.6em; line-height: 1.75; letter-spacing: 0.06em; margin: 0 0 13px 0; }
  .mens #key div.box strong em { font-size: 1.375em; }
  .mens #key div.box p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; text-align: center; width: auto; }
  .mens #key div.box p em { color: #767e7f; } }

.mens #cont01 { background: url(/wordpress/wp-content/themes/original/images/mens/sp/bg.jpg) center top repeat; background-size: 100% auto; padding: 18.13333vw 0 40.26667vw 0; }

.mens #cont01 .inner .flex .left strong { display: block; font-family: 'Noto Serif JP', serif; text-align: center; font-size: 1.7em; line-height: 1.82353; color: #767e7f; margin: 0 0 1.06667vw 0; }

.mens #cont01 .inner .flex .left p.sp { width: 172vw; margin: 0 auto 3.46667vw auto; }

.mens #cont01 .inner .flex .left h2 { border-bottom: 1px solid #80a2c3; font-family: 'Noto Serif JP', serif; text-align: center; font-size: 2.4em; line-height: 1.5; color: #80a2c3; padding: 0 0 6.13333vw 0; margin: 0 0 6.66667vw 0; }

.mens #cont01 .inner .flex .left p.text { font-size: 1.35em; line-height: 2; color: #767e7f; }

.mens #cont01 .inner .more_link { font-size: 1.0em; width: 181.33333vw; margin: 17.33333vw auto 0 auto; }

.mens #cont01 .inner .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/vio/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.mens #cont01 .inner .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .mens #cont01 { background: url(/wordpress/wp-content/themes/original/images/mens/pc/bg.png) center top repeat; background-size: 100% auto; padding: 70px 0 80px 0; }
  .mens #cont01 .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; width: 792px; margin: 0 auto; }
  .mens #cont01 .inner .flex .left { width: 320px; }
  .mens #cont01 .inner .flex .left strong { text-align: left; font-size: 2.0em; line-height: 1.8; margin: 0 0 12px 0; }
  .mens #cont01 .inner .flex .left h2 { border-bottom: 1px solid #80a2c3; text-align: left; font-size: 3.0em; line-height: 1.5; letter-spacing: -0.05em; padding: 0 0 23px 0; margin: 0 0 22px 0; }
  .mens #cont01 .inner .flex .left p.text { font-size: 1.2em; line-height: 2.16667; }
  .mens #cont01 .inner .flex .right { width: 435px; padding: 52px 0 0 0; }
  .mens #cont01 .inner .more_link { width: 400px; margin: 0 auto; padding: 31px 0 0 0; }
  .mens #cont01 .inner .more_link a { background: #efa65c; font-size: 1.2em; letter-spacing: 0.16em; width: 100%; height: 45px; text-decoration: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .mens #cont01 .inner .more_link a:hover { opacity: 0.7; }
  .mens #cont01 .inner .more_link a::before { width: 28px; height: 20px; margin: 0 26px 0 0; }
  .mens #cont01 .inner .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

.mens #cont02 { margin: 0 0 20.26667vw 0; }

.mens #cont02 .title { position: relative; top: 0; left: 0; margin: 0; padding: 35.46667vw 0 12vw 0; }

.mens #cont02 .title span { display: block; position: absolute; top: -18.66667vw; left: 0; font-family: 'Times New Roman'; text-align: center; color: #80a2c3; font-size: 7.55em; letter-spacing: 0.031em; width: 100%; opacity: 0.25; }

.mens #cont02 .title strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.79412; letter-spacing: 0.1em; margin: 0; }

.mens #cont02 .title h3 { font-family: 'Noto Serif JP', serif; color: #80a2c3; text-align: center; font-size: 2.4em; letter-spacing: 0.1em; margin: 0 0 4.8vw 0; }

.mens #cont02 .img { margin: 0 0 14.66667vw 0; }

.mens #cont02 .list strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.79412; margin: 0 0 4.8vw 0; }

.mens #cont02 .list ul li { margin: -7.2vw 0 0 0; }

.mens #cont02 .list ul li:first-child { margin: 0; }

.mens #cont02 .list ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; }

.mens #cont02 .list ul li dl dt { width: 94.4vw; }

.mens #cont02 .list ul li dl dt.right { order: 2; }

.mens #cont02 .list ul li dl dd { width: 104vw; }

.mens #cont02 .list ul li dl dd span { display: block; padding: 7.2vw 0 0 0.8vw; }

.mens #cont02 .list ul li dl dd span em { display: inline-block; background: #b9d1ea; font-family: 'Noto Serif JP', serif; color: #80a2c3; font-size: 2.85em; line-height: 1.2; padding: 2.13333vw 3.2vw 2.13333vw 9.06667vw; }

.mens #cont02 .list ul li dl dd p { color: #767e7f; font-size: 1.15em; line-height: 1.69565; padding: 3.46667vw 0 0 9.06667vw; }

.mens #cont02 .list ul li dl dd.left { order: 1; }

.mens #cont02 .list ul li dl dd.left span { text-align: right; padding: 3.2vw 0.8vw 0 0; }

.mens #cont02 .list ul li dl dd.left span em { padding: 2.13333vw 9.06667vw 3.2vw 2.13333vw; }

.mens #cont02 .list ul li dl dd.left p { text-align: right; padding: 3.2vw 9.06667vw 0 0; }

@media screen and (min-width: 1000px) { .mens #cont02 { margin: 0 0 64px 0; }
  .mens #cont02 .title { width: 920px; margin: 0 auto; padding: 70px 0 0 0; }
  .mens #cont02 .title span { top: -55px; left: 0; text-align: left; font-size: 11.6em; letter-spacing: 0.12em; opacity: 0.2; }
  .mens #cont02 .title strong { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.28em; }
  .mens #cont02 .title h3 { font-size: 3.0em; letter-spacing: 0.16em; margin: 0 0 17px 0; }
  .mens #cont02 .img { width: 720px; margin: 0 auto 20px auto; }
  .mens #cont02 .list strong { text-align: center; font-size: 2.0em; margin: 0 0 22px 0; }
  .mens #cont02 .list ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 720px; margin: 0 auto; }
  .mens #cont02 .list ul li { width: 240px; margin: 0; }
  .mens #cont02 .list ul li:last-child dl dd { width: 125px; }
  .mens #cont02 .list ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; }
  .mens #cont02 .list ul li dl dt { width: 96px; }
  .mens #cont02 .list ul li dl dt.right { order: 1; }
  .mens #cont02 .list ul li dl dd { width: 115px; margin: 0 0 0 12px; }
  .mens #cont02 .list ul li dl dd span { padding: 0; }
  .mens #cont02 .list ul li dl dd span em { display: inline-block; font-size: 2.0em; line-height: 1.2; padding: 3px 8px 4px 8px; }
  .mens #cont02 .list ul li dl dd p { font-size: 1.2em; line-height: 1.83333; padding: 6px 0 0 0; }
  .mens #cont02 .list ul li dl dd.left { order: 1; }
  .mens #cont02 .list ul li dl dd.left span { text-align: left; padding: 0; }
  .mens #cont02 .list ul li dl dd.left span em { padding: 3px 8px 4px 8px; }
  .mens #cont02 .list ul li dl dd.left p { text-align: left; padding: 10px 0 0 0; } }

.mens #cont03 { background: url(/wordpress/wp-content/themes/original/images/mens/sp/bg.jpg) center top repeat; background-size: 100% auto; padding: 0 0 41.33333vw 0; }

.mens #cont03 .title { margin: 0 0 17.86667vw 0; }

.mens #cont03 .title .box { position: relative; top: 0; left: 0; padding: 36vw 0 0 0; }

.mens #cont03 .title .box span { display: block; position: absolute; top: -18.66667vw; left: 0; font-family: 'Times New Roman'; color: #80a2c3; font-size: 7.8em; letter-spacing: 0.031em; width: 100%; opacity: 0.25; }

.mens #cont03 .title .box strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.82353; margin: 0 0 0.8vw 0; }

.mens #cont03 .title .box h2 { font-family: 'Noto Serif JP', serif; color: #80a2c3; text-align: center; font-size: 2.4em; line-height: 1.5; margin: 0 auto 15.73333vw auto; }

.mens #cont03 .title .box p.img { width: 173.86667vw; margin: 0 auto 14.4vw auto; }

.mens #cont03 .title .box p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; width: 181.33333vw; margin: 0 auto; }

.mens #cont03 .inner .box { background: #FFFFFF; padding: 17.06667vw 0 0 0; margin: 0 0 20.26667vw 0; }

.mens #cont03 .inner .box .lead { display: block; font-family: 'Noto Serif JP', serif; text-align: center; color: #767e7f; font-size: 1.7em; line-height: 1.82353; margin: 0 0 0.8vw 0; }

.mens #cont03 .inner .box h3 { font-family: 'Noto Serif JP', serif; color: #efa65c; text-align: center; font-size: 2.4em; line-height: 1.5; margin: 0 0 11.73333vw 0; }

.mens #cont03 .inner .box ul { margin: 0 auto; }

.mens #cont03 .inner .box ul li { border-bottom: 1px solid #80a2c3; padding: 0 0 18.66667vw 0; margin: 0 0 15.2vw 0; }

.mens #cont03 .inner .box ul li:last-child { border-bottom: none; padding: 0 0 16vw 0; margin: 0; }

.mens #cont03 .inner .box ul li .flex .text .subtitle { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; padding: 0 0 8vw 7.46667vw; }

.mens #cont03 .inner .box ul li .flex .text .subtitle p { font-family: 'Times New Roman'; color: #efa65c; font-size: 7.45em; line-height: 1; }

.mens #cont03 .inner .box ul li .flex .text .subtitle div span { color: #767e7f; font-size: 1.35em; line-height: 1.55; font-weight: bold; }

.mens #cont03 .inner .box ul li .flex .text .subtitle div strong { font-family: 'Noto Serif JP', serif; color: #efa65c; font-size: 2em; }

.mens #cont03 .inner .box ul li .flex .text .subtitle div strong em { color: #767e7f; font-size: 0.675em; font-weight: bold; }

.mens #cont03 .inner .box ul li .flex .text p.sp { margin: 0 0 10.13333vw 0; }

.mens #cont03 .inner .box ul li .flex .text p.txt { color: #767e7f; font-size: 1.35em; line-height: 1.92593; width: 154.66667vw; margin: 0 auto; }

.mens #cont03 .inner .more_link { font-size: 1.0em; width: 181.33333vw; margin: 21.33333vw auto 0 auto; }

.mens #cont03 .inner .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/vio/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.mens #cont03 .inner .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .mens #cont03 { background: url(/wordpress/wp-content/themes/original/images/mens/pc/bg.png) center top repeat; background-size: 100% auto; padding: 0 0 80px 0; }
  .mens #cont03 .title { width: 920px; margin: 0 auto 43px auto; }
  .mens #cont03 .title .box { padding: 70px 0 0 0; }
  .mens #cont03 .title .box span { top: -55px; left: 0; font-size: 11.6em; letter-spacing: 0.031em; width: 100%; opacity: 0.25; }
  .mens #cont03 .title .box strong { font-size: 2.0em; line-height: 1.8; margin: 0 0 2px 0; }
  .mens #cont03 .title .box h2 { font-size: 3.0em; line-height: 1.5; margin: 0 auto 15px auto; }
  .mens #cont03 .title .box p.img { width: 432px; margin: 0 auto 24px auto; }
  .mens #cont03 .title .box p.txt { font-size: 1.2em; line-height: 2.16667; text-align: center; width: auto; margin: 0 auto; }
  .mens #cont03 .inner .box { width: 920px; padding: 44px 0 0 0; margin: 0 auto; }
  .mens #cont03 .inner .box .lead { font-size: 2.0em; line-height: 1.8; margin: 0 0 3px 0; }
  .mens #cont03 .inner .box h3 { font-size: 3.0em; line-height: 1.2; margin: 0; }
  .mens #cont03 .inner .box ul li { border-bottom: none; padding: 69px 0 43px 0; margin: 0; }
  .mens #cont03 .inner .box ul li:nth-child(2n) { background: rgba(239, 166, 92, 0.1); }
  .mens #cont03 .inner .box ul li:last-child { padding: 50px 0 43px 0; }
  .mens #cont03 .inner .box ul li .flex { display: -webkit-flex; display: -ms-flex; display: flex; align-items: flex-start; justify-content: space-between; width: 720px; margin: 0 auto; }
  .mens #cont03 .inner .box ul li .flex .text { width: 390px; }
  .mens #cont03 .inner .box ul li .flex .text.right { order: 2; }
  .mens #cont03 .inner .box ul li .flex .text .subtitle { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border-bottom: 1px solid #efa65c; padding: 0 0 12px 0; margin: 0 0 17px 0; }
  .mens #cont03 .inner .box ul li .flex .text .subtitle p { font-size: 11.4em; line-height: 1; width: 126px; }
  .mens #cont03 .inner .box ul li .flex .text .subtitle div span { font-size: 1.5em; line-height: 1.73333; }
  .mens #cont03 .inner .box ul li .flex .text .subtitle div strong { display: block; font-size: 2.4em; line-height: 1.5; }
  .mens #cont03 .inner .box ul li .flex .text .subtitle div strong em { color: #efa65c; font-weight: normal; font-size: 1.0em; }
  .mens #cont03 .inner .box ul li .flex .text p.txt { font-size: 1.2em; line-height: 2.16667; width: 100%; margin: 0 auto; }
  .mens #cont03 .inner .box ul li .flex .img { width: 300px; }
  .mens #cont03 .inner .box ul li .flex .img.left { order: 1; }
  .mens #cont03 .inner .more_link { background: #FFFFFF; width: 920px; margin: 0 auto; padding: 0 0 50px 0; }
  .mens #cont03 .inner .more_link a { position: relative; top: 0; left: 0; width: 400px; height: 45px; background: #efa65c; font-size: 1.2em; font-weight: normal; letter-spacing: 0.16em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0 auto; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .mens #cont03 .inner .more_link a:hover { opacity: 0.7; }
  .mens #cont03 .inner .more_link a::before { width: 29px; height: 19px; margin: 0 24px 0 0; }
  .mens #cont03 .inner .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

.mens #cont04 { padding: 40vw 0 40vw 0; }

.mens #cont04 .inner { background: url(/wordpress/wp-content/themes/original/images/mens/sp/bg02.jpg) center top repeat; background-size: 100% auto; padding: 17.33333vw 0 20.8vw 0; }

.mens #cont04 .inner .title { margin: 0; }

.mens #cont04 .inner .title strong { display: block; font-family: 'Noto Serif JP', serif; text-align: center; color: #767e7f; font-size: 1.7em; line-height: 1.79412; letter-spacing: 0.28em; }

.mens #cont04 .inner .title h2 { font-family: 'Noto Serif JP', serif; text-align: center; color: #80a2c3; font-size: 2.4em; line-height: 1.5; letter-spacing: 0.2em; }

.mens #cont04 .inner .box { border-bottom: 1px solid #80a2c3; width: 154.66667vw; margin: 0 auto; padding: 19.73333vw 0 20vw 0; }

.mens #cont04 .inner .box.first { padding: 17.06667vw 0 20vw 0; }

.mens #cont04 .inner .box.last { border-bottom: none; padding: 19.73333vw 0 0 0; }

.mens #cont04 .inner .box .subtitle { position: relative; top: 0; left: 0; padding: 34.66667vw 0 13.06667vw 0; }

.mens #cont04 .inner .box .subtitle span { display: block; position: absolute; top: 0; left: 0; width: 100%; opacity: 0.5; }

.mens #cont04 .inner .box .subtitle span img { width: 82.66667vw; margin: 0 auto; }

.mens #cont04 .inner .box .subtitle p { position: relative; top: 0; left: 0; color: #767e7f; font-size: 1.35em; line-height: 1.92593; font-weight: bold; text-align: center; letter-spacing: 0.26em; z-index: 1; }

.mens #cont04 .inner .box .subtitle p strong { font-family: 'Noto Serif JP', serif; color: #80a2c3; font-size: 1.48148em; line-height: 1.3; letter-spacing: 0.16em; }

.mens #cont04 .inner .box .qa .ans { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #80a2c3; background: #eff3f7; width: 100%; height: 28.53333vw; overflow: hidden; }

.mens #cont04 .inner .box .qa .ans em { position: relative; top: 0; left: 0; }

.mens #cont04 .inner .box .qa .ans span { display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; color: #80a2c3; font-size: 2.4em; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.mens #cont04 .inner .box .qa .ans strong { display: block; font-family: 'Noto Serif JP', serif; font-size: 1.35em; color: #80a2c3; letter-spacing: 0.2em; text-align: center; }

.mens #cont04 .inner .box .qa .ansbox { background: #FFFFFF; padding: 9.06667vw 10.66667vw 10.4vw 10.66667vw; box-sizing: border-box; }

.mens #cont04 .inner .box .qa .ansbox .left strong { display: block; font-family: 'Noto Serif JP', serif; text-align: center; color: #80a2c3; font-size: 2em; line-height: 1.55; margin: 0 auto 12.8vw auto; }

.mens #cont04 .inner .box .qa .ansbox .left p.clear { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; }

.mens #cont04 .inner .box .qa .ansbox .left p.clear img { width: 69.33333vw; float: left; padding: 0 8vw 5.33333vw 0; }

.mens #cont04 .inner .box .qa .next .ant { border-top: 1px solid #80a2c3; background: #FFFFFF; padding: 9.6vw 0 10.13333vw 0; }

.mens #cont04 .inner .box .qa .next .ant span { display: block; text-align: center; color: #767e7f; font-size: 1.35em; line-height: 1.81481; font-weight: bold; letter-spacing: 0.26em; margin: 0; }

.mens #cont04 .inner .box .qa .next .ant strong { display: block; text-align: center; font-family: 'Noto Serif JP', serif; font-size: 2em; color: #80a2c3; letter-spacing: 0.12em; }

.mens #cont04 .inner .box .qa .next .sp { background: #FFFFFF; }

.mens #cont04 .inner .box .qa .next .sp .link { margin: 0 0 21.33333vw 0; }

.mens #cont04 .inner .box .qa .next .sp .link.last { margin: 0; }

.mens #cont04 .inner .box .qa .next .sp .link .area { font-size: 1.0em; }

.mens #cont04 .inner .box .qa .next .sp .link .area a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #80a2c3; font-size: 1.5em; color: #FFFFFF; font-family: 'Noto Serif JP', serif; letter-spacing: 0.2em; width: 100%; height: 28.53333vw; overflow: hidden; }

.mens #cont04 .inner .box .qa .next .sp .link .area a:before, .mens #cont04 .inner .box .qa .next .sp .link .area a:after { content: ''; display: block; position: absolute; background: #FFFFFF; top: 50%; right: 9.06667vw; width: 10.13333vw; height: 1.06667vw; opacity: 0.3; }

.mens #cont04 .inner .box .qa .next .sp .link .area a::after { transform: rotate(90deg); }

.mens #cont04 .inner .box .qa .next .sp .link .area a span { display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 1.6em; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.mens #cont04 .inner .box .qa .next .sp .link .area a em { position: relative; top: 0; left: 0; }

.mens #cont04 .inner .box .qa .next .sp .link .over { background: #FFFFFF; overflow: hidden; height: 0; }

.mens #cont04 .inner .box .qa .next .sp .link .over div { width: 133.33333vw; padding: 0 0 1.33333vw 0; margin: 0 auto; }

.mens #cont04 .inner .box .qa .next .sp .link .over div ul li { border-bottom: 1px solid #80a2c3; padding: 12vw 0 13.06667vw 0; }

.mens #cont04 .inner .box .qa .next .sp .link .over div ul li:last-child { border-bottom: none; padding: 12vw 0 0 0; }

.mens #cont04 .inner .box .qa .next .sp .link .over div ul li:last-child dl dt { background: #80a2c3; color: #FFFFFF; }

.mens #cont04 .inner .box .qa .next .sp .link .over div ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }

.mens #cont04 .inner .box .qa .next .sp .link .over div ul li dl dt { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: rgba(128, 162, 195, 0.25); text-align: center; font-size: 1.15em; letter-spacing: 0.12em; font-weight: bold; color: #767e7f; line-height: 1.34783; width: 40vw; }

.mens #cont04 .inner .box .qa .next .sp .link .over div ul li dl dd { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.26em; width: 88vw; }

.mens #cont04 .inner .box .qa .next .sp .link .over div ul li .more_text { font-family: 'Noto Serif JP', serif; padding: 16.53333vw 0 9.6vw 0; }

.mens #cont04 .inner .box .qa .next .sp .link .over div ul li .more_text p { text-align: center; font-size: 1.7em; line-height: 1.82353; letter-spacing: 0.05em; color: #767e7f; }

.mens #cont04 .inner .box .qa .next .sp .link .over div ul li .more_text p strong { font-size: 1.41176em; line-height: 1.29167; color: #80a2c3; }

.mens #cont04 .inner .box .more_link { font-size: 1.0em; width: 154.66667vw; margin: 13.33333vw auto 0 auto; }

.mens #cont04 .inner .box .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #80cdb7; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.mens #cont04 .inner .box .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 7.2vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.mens #cont04 .inner .box .more_link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.mens #cont04 .inner .box .more_link a em { position: relative; top: 0; left: 0; }

@media screen and (min-width: 1000px) { .mens #cont04 { background: url(/wordpress/wp-content/themes/original/images/mens/sp/bg02.jpg) center top repeat; background-size: 100% auto; padding: 80px 0 80px 0; }
  .mens #cont04 .inner { background: rgba(255, 255, 255, 0.5); width: 920px; padding: 41px 0 56px 0; }
  .mens #cont04 .inner .title { margin: 0; }
  .mens #cont04 .inner .title strong { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.28em; }
  .mens #cont04 .inner .title h2 { font-size: 3.0em; line-height: 1.2; padding: 4px 0 0 0; }
  .mens #cont04 .inner .title h2 em { display: inline !important; }
  .mens #cont04 .inner .box { border-bottom: 1px solid #80a2c3; width: 100%; margin: 0 auto; padding: 48px 0 48px 0; }
  .mens #cont04 .inner .box.first { padding: 64px 0 75px 0; }
  .mens #cont04 .inner .box.last { border-bottom: none; padding: 74px 0 0 0; }
  .mens #cont04 .inner .box .subtitle { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: flex-start; width: 505px; margin: 0 auto; padding: 0 0 10px 0; }
  .mens #cont04 .inner .box .subtitle span { position: relative; top: 0; left: 0; width: 165px; opacity: 1; }
  .mens #cont04 .inner .box .subtitle span img { width: 150px; margin: 0; }
  .mens #cont04 .inner .box .subtitle p { font-size: 1.5em; line-height: 1.86667; font-weight: normal; text-align: left; letter-spacing: 0.07em; padding: 10px 0 0 0; }
  .mens #cont04 .inner .box .subtitle p strong { font-size: 1.6em; line-height: 1.16667; letter-spacing: 0.2em; }
  .mens #cont04 .inner .box .qa { width: 720px; margin: 0 auto; }
  .mens #cont04 .inner .box .qa .ans { height: 45px; }
  .mens #cont04 .inner .box .qa .ans span { top: -3px; font-size: 2.8em; }
  .mens #cont04 .inner .box .qa .ans strong { font-size: 1.5em; }
  .mens #cont04 .inner .box .qa .ansbox { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: flex-start; padding: 35px 40px 33px 40px; box-sizing: border-box; }
  .mens #cont04 .inner .box .qa .ansbox .left { width: 300px; margin: 0 30px 0 0; }
  .mens #cont04 .inner .box .qa .ansbox .left strong { border-bottom: 1px solid #80a2c3; text-align: left; font-size: 2.4em; line-height: 1.33333; margin: 0 auto 14px auto; padding: 0 0 18px 0; }
  .mens #cont04 .inner .box .qa .ansbox .left p.clear { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; }
  .mens #cont04 .inner .box .qa .ansbox .left p.clear img { width: 260px; float: left; padding: 0 30px 20px 0; }
  .mens #cont04 .inner .box .qa .ansbox .right { width: 310px; padding: 7px 0 0 0; }
  .mens #cont04 .inner .box .qa .next .ant { padding: 31px 0 22px 0; }
  .mens #cont04 .inner .box .qa .next .ant span { font-size: 1.2em; line-height: 2.16667; font-weight: normal; letter-spacing: 0.07em; margin: 0; }
  .mens #cont04 .inner .box .qa .next .ant strong { display: block; text-align: center; font-family: 'Noto Serif JP', serif; font-size: 2.4em; color: #80a2c3; letter-spacing: 0.2em; }
  .mens #cont04 .inner .box .qa .next .pc { background: #FFFFFF; padding: 0 0 34px 0; }
  .mens #cont04 .inner .box .qa .next .pc .more_text { font-family: 'Noto Serif JP', serif; }
  .mens #cont04 .inner .box .qa .next .pc .more_text p { text-align: center; font-size: 1.2em; line-height: 1.82353; letter-spacing: 0.07em; color: #767e7f; }
  .mens #cont04 .inner .box .qa .next .pc .more_text p strong { font-size: 2em; line-height: 1.29167; color: #80a2c3; }
  .mens #cont04 .inner .box .qa .next .pc table { border-top: 1px solid #80a2c3; border-left: 1px solid #80a2c3; width: 640px; margin: 0 auto 24px auto; }
  .mens #cont04 .inner .box .qa .next .pc table th, .mens #cont04 .inner .box .qa .next .pc table td { border-right: 1px solid #80a2c3; border-bottom: 1px solid #80a2c3; box-sizing: border-box; }
  .mens #cont04 .inner .box .qa .next .pc table thead tr td { font-family: 'Noto Serif JP', serif; background: #eff3f7; color: #80a2c3; text-align: center; font-size: 1.6em; line-height: 1.1875; letter-spacing: 0.1em; padding: 6px 0 5px 0; }
  .mens #cont04 .inner .box .qa .next .pc table thead tr td:last-child { background: #80a2c3; color: #FFFFFF; }
  .mens #cont04 .inner .box .qa .next .pc table tbody tr th { font-family: 'Noto Serif JP', serif; vertical-align: middle; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: center; background: #eff3f7; color: #80a2c3; text-align: center; font-size: 1.6em; line-height: 54px; letter-spacing: 0.1em; width: 54px; }
  .mens #cont04 .inner .box .qa .next .pc table tbody tr td { vertical-align: top; font-size: 1.2em; line-height: 2.16667; color: #767e7f; padding: 22px 24px 18px 24px; width: 196px; }
  .mens #cont04 .inner .box .qa .next .pc table tbody tr td:last-child { background: #eff3f7; color: #80a2c3; }
  .mens #cont04 .inner .box .more_link { width: 300px; margin: 40px auto 0 auto; }
  .mens #cont04 .inner .box .more_link a { font-size: 1.2em; width: 300px; height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .mens #cont04 .inner .box .more_link a:after { right: 22px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .mens #cont04 .inner .box .more_link a:before { top: -3px; font-size: 28px; }
  .mens #cont04 .inner .box .more_link a:hover { opacity: 0.7; } }

.mens #cont05 .inner { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/mens/sp/cont05_img.jpg) center top repeat; background-size: 100% auto; width: 100%; height: 133.33333vw; padding: 43.2vw 0 17.6vw 0; box-sizing: border-box; }

.mens #cont05 .inner span { display: block; position: absolute; top: -18.66667vw; left: 0; font-family: 'Times New Roman'; color: #80a2c3; font-size: 7.55em; letter-spacing: 0.031em; width: 100%; opacity: 0.25; }

.mens #cont05 .inner .box strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.5; letter-spacing: 0.18em; margin: 0; }

.mens #cont05 .inner .box h3 { font-family: 'Noto Serif JP', serif; color: #80a2c3; text-align: center; font-size: 2.4em; line-height: 1.45833; letter-spacing: 0.1em; }

.mens #cont05 .inner .box h3 em { color: #767e7f; font-size: 0.70833em; }

.mens #cont05 .text { padding: 10.13333vw 0 39.46667vw 0; }

.mens #cont05 .text p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto; }

.mens #cont05 .text .link { font-size: 1.0em; width: 154.66667vw; margin: 9.6vw auto 0 auto; }

.mens #cont05 .text .link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #80a2c3; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.mens #cont05 .text .link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 7.2vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.mens #cont05 .text .link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.mens #cont05 .text .link a em { position: relative; top: 0; left: 0; }

@media screen and (min-width: 1000px) { .mens #cont05 .inner { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/mens/pc/cont05_img.jpg) center top repeat; background-size: 100% auto; height: 320px; padding: 109px 0 66px 0; }
  .mens #cont05 .inner span { top: -56px; font-size: 11.6em; letter-spacing: 0.12em; }
  .mens #cont05 .inner span em { display: block; width: 920px; margin: 0 auto; }
  .mens #cont05 .inner .box strong { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.2em; }
  .mens #cont05 .inner .box h3 { font-size: 3.5em; line-height: 1.37143; letter-spacing: 0.2em; }
  .mens #cont05 .inner .box h3 em { font-size: 0.57143em; }
  .mens #cont05 .text { background: url(/wordpress/wp-content/themes/original/images/mens/pc/bg.png) center top repeat; background-size: 100% auto; padding: 42px 0 80px 0; }
  .mens #cont05 .text p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; text-align: center; width: auto; margin: 0 auto; }
  .mens #cont05 .text .link { width: 300px; margin: 34px auto 0 auto; }
  .mens #cont05 .text .link a { position: relative; top: 0; left: 0; font-size: 1.2em; width: 300px; height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .mens #cont05 .text .link a:after { right: 22px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .mens #cont05 .text .link a:before { top: -3px; font-size: 28px; }
  .mens #cont05 .text .link a:hover { opacity: 0.7; } }

.mens #cont06 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/mens/sp/cont06_img.jpg) center top repeat; background-size: 100% auto; width: 100%; }

.mens #cont06 .inner { position: relative; top: 0; left: 0; width: 100%; height: 133.33333vw; padding: 42.13333vw 0 17.6vw 0; box-sizing: border-box; }

.mens #cont06 .inner span { display: block; position: absolute; top: -18.66667vw; left: 0; font-family: 'Times New Roman'; color: #d8b319; font-size: 7.55em; letter-spacing: -0.01em; width: 100%; opacity: 0.25; }

.mens #cont06 .inner .box h3 { font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; line-height: 1.82353; letter-spacing: 0.18em; }

.mens #cont06 .inner .box h3 strong { font-size: 1.32353em; line-height: 1.37778; }

.mens #cont06 .inner .box h3 strong em { color: #d8b319; }

@media screen and (min-width: 1000px) { .mens #cont06 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/mens/pc/cont06_img.jpg) center top repeat; background-size: 1200px auto; margin: 0 auto; }
  .mens #cont06 .inner { width: 920px; height: 320px; padding: 110px 0 66px 0; }
  .mens #cont06 .inner span { top: -55px; font-size: 11.6em; letter-spacing: 0.12em; }
  .mens #cont06 .inner .box h3 { font-size: 2.0em; line-height: 1.8; letter-spacing: 0.2em; }
  .mens #cont06 .inner .box h3 strong { color: #d8b319; font-size: 1.75em; line-height: 1.25; } }

.mens #cont07 { margin: 0 auto 40.53333vw auto; }

.mens #cont07 ul li { border-bottom: 1px solid #d8b319; padding: 18.66667vw 0 21.33333vw 0; }

.mens #cont07 ul li:last-child { border-bottom: none; }

.mens #cont07 ul li .inner .flex .text .title { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 9.6vw 0; }

.mens #cont07 ul li .inner .flex .text .title p { font-family: 'Times New Roman'; color: #d8b319; font-size: 10em; width: 54.66667vw; line-height: 0.8; }

.mens #cont07 ul li .inner .flex .text .title div span { display: block; font-size: 1.35em; line-height: 1.62963; color: #767e7f; }

.mens #cont07 ul li .inner .flex .text .title div strong { display: block; font-family: 'Noto Serif JP', serif; color: #d8b319; font-size: 2em; line-height: 1.55; }

.mens #cont07 ul li .inner .flex .text p.sp { margin: 0 0 9.6vw 0; }

.mens #cont07 ul li .inner .flex .text p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; }

.mens #cont07 ul li .inner .link { font-size: 1.0em; width: 181.33333vw; margin: 9.33333vw auto 0 auto; }

.mens #cont07 ul li .inner .link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #d8b319; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; }

.mens #cont07 ul li .inner .link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 20vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.mens #cont07 ul li .inner .link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.mens #cont07 ul li .inner .link a em { position: relative; top: 0; left: 0; }

.mens #cont07 .more_link { font-size: 1.0em; width: 181.33333vw; margin: 0 auto; }

.mens #cont07 .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/vio/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.mens #cont07 .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .mens #cont07 { margin: 0 auto 130px auto; }
  .mens #cont07 ul li { border-bottom: 1px solid #d8b319; padding: 70px 0 79px 0; }
  .mens #cont07 ul li:last-child { border-bottom: none; padding: 70px 0 50px 0; }
  .mens #cont07 ul li .inner .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; width: 920px; margin: 0 auto; }
  .mens #cont07 ul li .inner .flex .text { width: 460px; }
  .mens #cont07 ul li .inner .flex .text.right { order: 2; }
  .mens #cont07 ul li .inner .flex .text .title { margin: 0 0 16px 0; }
  .mens #cont07 ul li .inner .flex .text .title p { font-size: 11.4em; width: 130px; }
  .mens #cont07 ul li .inner .flex .text .title div span { font-size: 1.2em; line-height: 2.16667; }
  .mens #cont07 ul li .inner .flex .text .title div strong { font-size: 2.4em; line-height: 1.5; }
  .mens #cont07 ul li .inner .flex .text p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; }
  .mens #cont07 ul li .inner .flex .img { width: 430px; padding: 10px 0 0 0; }
  .mens #cont07 ul li .inner .flex .img.left { order: 1; }
  .mens #cont07 ul li .inner .link { width: 300px; margin: 40px auto 0 auto; }
  .mens #cont07 ul li .inner .link a { position: relative; top: 0; left: 0; font-size: 1.2em; width: 300px; height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .mens #cont07 ul li .inner .link a:after { right: 22px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .mens #cont07 ul li .inner .link a:before { top: -3px; font-size: 28px; }
  .mens #cont07 ul li .inner .link a:hover { opacity: 0.7; }
  .mens #cont07 .more_link { width: 400px; }
  .mens #cont07 .more_link a { position: relative; top: 0; left: 0; height: 45px; background: #efa65c; font-size: 1.2em; font-weight: normal; letter-spacing: 0.16em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .mens #cont07 .more_link a:hover { opacity: 0.7; }
  .mens #cont07 .more_link a::before { width: 29px; height: 19px; margin: 0 24px 0 0; }
  .mens #cont07 .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

.mens #cont08 { margin: 0 auto 36.53333vw auto; }

.mens #cont08 .inner { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#80a2c3+0,ffffff+50,80a2c3+100&0.3+15,0.3+85 */ background: -moz-linear-gradient(left, rgba(128, 162, 195, 0.3) 0%, rgba(166, 190, 213, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(166, 190, 213, 0.3) 85%, rgba(128, 162, 195, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(128, 162, 195, 0.3) 0%, rgba(166, 190, 213, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(166, 190, 213, 0.3) 85%, rgba(128, 162, 195, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(128, 162, 195, 0.3) 0%, rgba(166, 190, 213, 0.3) 15%, rgba(255, 255, 255, 0.3) 50%, rgba(166, 190, 213, 0.3) 85%, rgba(128, 162, 195, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d80a2c3', endColorstr='#4d80a2c3',GradientType=1 ); /* IE6-9 */ padding: 16.53333vw 0 21.06667vw 0; }

.mens #cont08 .inner .title { margin: 0 0 19.2vw 0; }

.mens #cont08 .inner .title strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; font-size: 1.7em; line-height: 1.79412; text-align: center; letter-spacing: 0.28em; }

.mens #cont08 .inner .title h4 { font-family: 'Noto Serif JP', serif; font-size: 2.25em; line-height: 1.35556; text-align: center; color: #80a2c3; letter-spacing: 0.28em; }

.mens #cont08 .inner ul { background: #FFFFFF; width: 154.66667vw; margin: 0 auto; }

.mens #cont08 .inner ul li { border-bottom: 1px solid #80a2c3; padding: 11.2vw 0 17.06667vw 0; margin: 0 0 9.6vw 0; }

.mens #cont08 .inner ul li:last-child { border-bottom: none; margin: 0; }

.mens #cont08 .inner ul li .text { width: 133.33333vw; margin: 0 auto; }

.mens #cont08 .inner ul li .text .subtitle { display: -webkit-flex; display: -ms-flex; display: flex; align-items: flex-end; margin: 0 0 11.73333vw 0; }

.mens #cont08 .inner ul li .text .subtitle p { font-family: 'Times New Roman'; color: #80a2c3; font-size: 5.7em; width: 32vw; opacity: 0.5; line-height: 0.8; }

.mens #cont08 .inner ul li .text .subtitle div { padding: 0 0 1.33333vw 0; }

.mens #cont08 .inner ul li .text .subtitle div span { display: block; font-size: 1.35em; line-height: 1.62963; color: #767e7f; }

.mens #cont08 .inner ul li .text .subtitle div strong { display: block; font-family: 'Noto Serif JP', serif; color: #80a2c3; font-size: 2em; line-height: 1.1; }

.mens #cont08 .inner ul li .text p.sp { margin: 0 0 10.13333vw 0; }

.mens #cont08 .inner ul li .text p.txt { color: #767e7f; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; }

@media screen and (min-width: 1000px) { .mens #cont08 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#80a2c3+0,ffffff+50,80a2c3+100&0.3+15,0.3+85 */ background: -moz-linear-gradient(left, rgba(128, 162, 195, 0.3) 0%, rgba(166, 190, 213, 0.3) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(166, 190, 213, 0.3) 90%, rgba(128, 162, 195, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(128, 162, 195, 0.3) 0%, rgba(166, 190, 213, 0.3) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(166, 190, 213, 0.3) 90%, rgba(128, 162, 195, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(128, 162, 195, 0.3) 0%, rgba(166, 190, 213, 0.3) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(166, 190, 213, 0.3) 90%, rgba(128, 162, 195, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d80a2c3', endColorstr='#4d80a2c3',GradientType=1 ); /* IE6-9 */ margin: 0 auto 73px auto; }
  .mens #cont08 .inner { background: none; padding: 71px 0 79px 0; }
  .mens #cont08 .inner .title { margin: 0 0 45px 0; }
  .mens #cont08 .inner .title strong { font-size: 2.0em; line-height: 1.8; margin: 0 0 2px 0; }
  .mens #cont08 .inner .title h4 { font-size: 3.0em; letter-spacing: 0.16em; }
  .mens #cont08 .inner ul { width: 920px; }
  .mens #cont08 .inner ul li { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: flex-start; border-bottom: none; padding: 44px 0 43px 0; margin: 0; }
  .mens #cont08 .inner ul li:nth-child(2n) { background: rgba(222, 240, 245, 0.35); }
  .mens #cont08 .inner ul li .text { width: 390px; margin: 0 28px 0 0; }
  .mens #cont08 .inner ul li .text.right { order: 2; margin: 0 0 0 28px; }
  .mens #cont08 .inner ul li .text .subtitle { border-bottom: 1px solid #80a2c3; align-items: center; margin: 0 0 17px 0; padding: 0 0 23px 0; }
  .mens #cont08 .inner ul li .text .subtitle p { font-size: 11.4em; width: 128px; }
  .mens #cont08 .inner ul li .text .subtitle div { padding: 0 0 5px 0; }
  .mens #cont08 .inner ul li .text .subtitle div span { font-size: 1.5em; line-height: 1.33333; }
  .mens #cont08 .inner ul li .text .subtitle div strong { font-size: 2.4em; line-height: 1.5; }
  .mens #cont08 .inner ul li .text p.txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; }
  .mens #cont08 .inner ul li .img { padding: 6px 0 0 0; }
  .mens #cont08 .inner ul li .img.left { order: 1; } }

.mens #cont09 .inner .box { margin: 0 auto 30.93333vw auto; }

.mens #cont09 .inner .box strong { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; text-align: center; font-size: 1.7em; letter-spacing: 0.16em; margin: 0 0 8vw 0; }

.mens #cont09 .inner .box .ifram { position: relative; width: 100%; height: 0; padding-top: 56.5%; margin: 0 0 6.4vw 0; filter: drop-shadow(0px 0px 5px rgba(118, 126, 127, 0.5)); }

.mens #cont09 .inner .box .ifram iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mens #cont09 .inner .box p { color: #767e7f; font-size: 1.35em; line-height: 2.22222; letter-spacing: 0.1em; }

.mens #cont09 .inner .link p { font-family: 'Noto Serif JP', serif; color: #767e7f; font-size: 1.7em; line-height: 1.5; letter-spacing: 0.2em; text-align: center; }

.mens #cont09 .inner .link strong { font-size: 1.17647em; color: #80a2c3; }

.mens #cont09 .inner .link .more_link { font-size: 1.0em; width: 181.33333vw; margin: 36.53333vw auto 0 auto; }

.mens #cont09 .inner .link .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(/wordpress/wp-content/themes/original/images/vio/sp/link_bg.jpg) center center no-repeat; background-size: cover; color: #FFFFFF; font-weight: bold; font-size: 2.55em; letter-spacing: 0.16em; width: 100%; height: 36.26667vw; }

.mens #cont09 .inner .link .more_link a::before { content: ''; display: block; background: url(/wordpress/wp-content/themes/original/images/index/pc/mail_icon.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .mens #cont09 .inner { width: 600px; }
  .mens #cont09 .inner .box { margin: 0 auto 65px auto; }
  .mens #cont09 .inner .box strong { font-size: 2.0em; letter-spacing: 0.28em; margin: 0 0 33px 0; }
  .mens #cont09 .inner .box .ifram { width: 100%; padding-top: 56.5%; margin: 0 0 14px 0; }
  .mens #cont09 .inner .box p { font-size: 1.2em; line-height: 2; letter-spacing: 0.2em; }
  .mens #cont09 .inner .link span { display: block; font-family: 'Noto Serif JP', serif; color: #767e7f; font-size: 2.0em; text-align: center; line-height: 1.8; letter-spacing: 0.28em; }
  .mens #cont09 .inner .link strong { display: block; font-family: 'Noto Serif JP', serif; text-align: center; font-size: 3.0em; line-height: 1.5; }
  .mens #cont09 .inner .link .more_link { width: 400px; margin: 43px auto 0 auto; }
  .mens #cont09 .inner .link .more_link a { position: relative; top: 0; left: 0; height: 45px; background: #efa65c; font-size: 1.2em; font-weight: normal; letter-spacing: 0.16em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .mens #cont09 .inner .link .more_link a:hover { opacity: 0.7; }
  .mens #cont09 .inner .link .more_link a::before { width: 29px; height: 19px; margin: 0 24px 0 0; }
  .mens #cont09 .inner .link .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

/* -----------------------------------------------------------------
.surveyw
------------------------------------------------------------------ */
.surveyw { position: relative; top: 0; left: 0; }

.surveyw #key { position: relative; top: 0; left: 0; overflow: hidden; margin: 0; }

.surveyw #key .inner { width: 100%; }

@media screen and (min-width: 1000px) { .surveyw #key { background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/bg01.jpg) left top repeat; }
  .surveyw #key:before, .surveyw #key:after { position: absolute; left: 0; content: ''; display: block; background: rgba(248, 49, 151, 0.3); width: 100%; height: 15px; }
  .surveyw #key:after { bottom: 0; }
  .surveyw #key:before { top: 0; }
  .surveyw #key .inner { max-width: 920px; } }

.surveyw #cont01 { position: relative; top: 0; left: 0; }

.surveyw #cont01 .lead { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto; padding: 18.13333vw 0 19.46667vw 0; }

.surveyw #cont01 .lead span { display: block; margin: 0 0 13.86667vw 0; }

.surveyw #cont01 .lead span.last-child { margin: 0; }

.surveyw #cont01 .lead span em { color: #f83197; }

@media screen and (min-width: 1000px) { .surveyw #cont01 .lead { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: auto; text-align: center; padding: 43px 0 41px 0; }
  .surveyw #cont01 .lead span { margin: 0 0 26px 0; }
  .surveyw #cont01 .lead span.last-child { margin: 0; }
  .surveyw #cont01 div { background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/bg01.jpg) left top repeat; }
  .surveyw #cont01 div h2 { width: 720px; margin: 0 auto; } }

.surveyw #cont02 { position: relative; top: 0; left: 0; }

.surveyw #cont02 .box1 { padding: 19.2vw 0 20vw 0; }

.surveyw #cont02 .box1 p { color: #551502; font-size: 1.35em; line-height: 1.5; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto; }

.surveyw #cont02 .box1 p.img { width: 100%; padding: 13.33333vw 0 11.73333vw 0; }

.surveyw #cont02 .box1 p span { display: block; margin: 0 0 15.2vw 0; }

.surveyw #cont02 .box1 p span.last { margin: 0; }

.surveyw #cont02 .box1 p span em { display: inline-block; font-size: 1.33333em; color: #f83197; font-weight: bold; padding: 3.2vw 0 0 0; }

.surveyw #cont02 .box2 { background: url(/wordpress/wp-content/themes/original/images/survey/women/sp/cont02_img02.png) center top no-repeat; background-size: cover; width: 100%; height: 221.86667vw; box-sizing: border-box; padding: 163.2vw 0 0 0; }

.surveyw #cont02 .box2 .inner p.left { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; }

.surveyw #cont02 .box2 .inner p.left em { color: #f83197; }

.surveyw #cont02 .box3 { background: url(/wordpress/wp-content/themes/original/images/survey/women/sp/cont02_img03.png) right bottom no-repeat; background-size: 75.73333vw auto; padding: 17.06667vw 0 16vw 0; margin: 0 0 20vw 0; }

.surveyw #cont02 .box3 .inner p.right { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; }

.surveyw #cont02 .box3 .inner p.right span { display: block; margin: 0 0 13.6vw 0; }

.surveyw #cont02 .box3 .inner p.right span.last { margin: 0; }

.surveyw #cont02 .box3 .inner p.right span em { color: #f83197; }

.surveyw #cont02 .box3 .inner p.right span strong { display: block; font-size: 1.33333em; color: #f83197; font-weight: bold; }

@media screen and (min-width: 1000px) { .surveyw #cont02 .box1 { padding: 40px 0 41px 0; }
  .surveyw #cont02 .box1 p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; text-align: center; width: auto; }
  .surveyw #cont02 .box1 p.img { width: 405px; padding: 34px 0 24px 0; }
  .surveyw #cont02 .box1 p span { margin: 0 0 17px 0; }
  .surveyw #cont02 .box1 p span.last { margin: 0; }
  .surveyw #cont02 .box1 p span em { font-size: 1.41667em; font-weight: normal; padding: 0; }
  .surveyw #cont02 .box2 { background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/bg02.jpg) left top repeat; width: 100%; height: auto; padding: 39px 0 40px 0; }
  .surveyw #cont02 .box2 .inner { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; }
  .surveyw #cont02 .box2 .inner p.left { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; text-align: center; width: 265px; margin: 0 32px 0 0; }
  .surveyw #cont02 .box2 .inner p.right { width: 255px; }
  .surveyw #cont02 .box3 { background: none; padding: 37px 0 0 0; margin: 0 0 72px 0; }
  .surveyw #cont02 .box3 .inner { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; }
  .surveyw #cont02 .box3 .inner p.left { width: 276px; margin: 0 32px 0 0; }
  .surveyw #cont02 .box3 .inner p.right { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; text-align: center; padding: 6px 0 0 0; }
  .surveyw #cont02 .box3 .inner p.right span { margin: 0 0 28px 0; }
  .surveyw #cont02 .box3 .inner p.right span.last { margin: 0; }
  .surveyw #cont02 .box3 .inner p.right span strong { display: block; font-size: 17 12em; line-height: 1.52941; font-weight: normal; } }

.surveyw #cont03 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/bg01.jpg) left top repeat; background-size: 100% auto; padding: 0 0 37.86667vw 0; }

.surveyw #cont03 .inner { width: 100%; }

.surveyw #cont03 .inner p.more_link { font-size: 1.0em; width: 181.33333vw; margin: 0 auto; }

.surveyw #cont03 .inner p.more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; color: #FFFFFF; text-decoration: none; width: 100%; height: 36.26667vw; box-sizing: border-box; background: url(/wordpress/wp-content/themes/original/images/survey/women/sp/link_bg02.jpg) center center no-repeat; background-size: cover; font-size: 2.5em; font-weight: bold; letter-spacing: 0.16em; -webkit-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); }

.surveyw #cont03 .inner p.more_link a::before { display: block; content: ''; background: url(/wordpress/wp-content/themes/original/images/access/icon04.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

.surveyw #cont03 .inner ul li { margin: 0 0 36vw 0; }

.surveyw #cont03 .inner ul li .title { position: relative; top: 0; left: 0; }

.surveyw #cont03 .inner ul li .title strong { display: block; }

.surveyw #cont03 .inner ul li .title a { position: absolute; top: 78.4vw; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-weight: bold; text-decoration: none; font-size: 1.3em; letter-spacing: 0.32em; color: #FFFFFF; width: 100%; height: 26.66667vw; }

.surveyw #cont03 .inner ul li .title a em { display: none; font-weight: bold; }

.surveyw #cont03 .inner ul li .title a em.off_text { display: inherit; }

.surveyw #cont03 .inner ul li .title a:before, .surveyw #cont03 .inner ul li .title a:after { content: ''; display: block; position: absolute; background: #FFFFFF; top: 50%; right: 9.06667vw; width: 8vw; height: 1.06667vw; }

.surveyw #cont03 .inner ul li .title a::after { transform: rotate(90deg); }

.surveyw #cont03 .inner ul li .title a.on em.on_text { display: inherit; }

.surveyw #cont03 .inner ul li .title a.on em.off_text { display: none; }

.surveyw #cont03 .inner ul li .title a.on::after { display: none; }

.surveyw #cont03 .inner ul li .list { background: rgba(255, 255, 255, 0.5); overflow: hidden; height: 0; }

.surveyw #cont03 .inner ul li .list.on { height: auto; }

.surveyw #cont03 .inner ul li .list div { padding: 14.66667vw 0 8vw 0; }

.surveyw #cont03 .inner ul li .list div dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; width: 186.66667vw; margin: 0 auto 13.33333vw auto; }

.surveyw #cont03 .inner ul li .list div dl dt { width: 44.8vw; }

.surveyw #cont03 .inner ul li .list div dl dd { position: relative; top: 0; left: 0; border-radius: 2.13333vw; background: #FFFFFF; -webkit-box-shadow: 6px 6px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 6px 6px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 6px 6px 0px 0px rgba(85, 21, 2, 0.2); color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 129.6vw; padding: 4.8vw 7.46667vw 5.86667vw 8vw; box-sizing: border-box; }

.surveyw #cont03 .inner ul li .list div dl dd:before { content: ''; display: block; position: absolute; top: 0; left: -6.93333vw; background: url(/wordpress/wp-content/themes/original/images/survey/women/left.png) left center no-repeat; background-size: 100% auto; width: 6.93333vw; height: 100%; }

.surveyw #cont03 .inner ul li .list div dl dd em { color: #f83197; }

.surveyw #cont03 .inner ul li .list div dl dd em.colo2 { color: #af63c3; }

.surveyw #cont03 .inner ul li .list div dl.mir dt { order: 2; }

.surveyw #cont03 .inner ul li .list div dl.mir dd { order: 1; }

.surveyw #cont03 .inner ul li .list div dl.mir dd:before { display: none; }

.surveyw #cont03 .inner ul li .list div dl.mir dd:after { content: ''; display: block; position: absolute; top: 0; right: -8.53333vw; background: url(/wordpress/wp-content/themes/original/images/survey/women/right.png) left center no-repeat; background-size: 100% auto; width: 8.53333vw; height: 100%; }

.surveyw #cont03 .inner ul li p { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 17.33333vw auto 0 auto; }

@media screen and (min-width: 1000px) { .surveyw #cont03 { background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/bg01.jpg) left top repeat; padding: 68px 0 80px 0; }
  .surveyw #cont03 .inner { width: 100%; }
  .surveyw #cont03 .inner h2 { width: 340px; margin: 0 auto 35px auto; }
  .surveyw #cont03 .inner p.more_link { width: 400px; }
  .surveyw #cont03 .inner p.more_link a { height: 45px; background: #5dc2d3; font-size: 1.2em; font-weight: normal; letter-spacing: 0.16em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .surveyw #cont03 .inner p.more_link a:hover { opacity: 0.7; }
  .surveyw #cont03 .inner p.more_link a::before { width: 29px; height: 19px; margin: 0 24px 0 0; }
  .surveyw #cont03 .inner p.more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .surveyw #cont03 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 720px; margin: 0 auto; }
  .surveyw #cont03 .inner ul li { width: 345px; margin: 0 0 45px 0; }
  .surveyw #cont03 .inner ul li.last { margin: 0 0 43px 0; }
  .surveyw #cont03 .inner ul li .title a { top: 135px; font-size: 1.2em; height: 46px; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .surveyw #cont03 .inner ul li .title a:hover { opacity: 0.7; }
  .surveyw #cont03 .inner ul li .title a:before, .surveyw #cont03 .inner ul li .title a:after { right: 15px; width: 14px; height: 2px; }
  .surveyw #cont03 .inner ul li .list div { padding: 23px 0 7px 0; }
  .surveyw #cont03 .inner ul li .list div dl { width: 324px; margin: 0 auto 24px auto; }
  .surveyw #cont03 .inner ul li .list div dl dt { width: 77px; }
  .surveyw #cont03 .inner ul li .list div dl dd { border-radius: 3px; -webkit-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 225px; padding: 7px 10px 6px 15px; }
  .surveyw #cont03 .inner ul li .list div dl dd:before { left: -12px; background-size: 100% auto; width: 12px; }
  .surveyw #cont03 .inner ul li .list div dl.mir dd:after { right: -15px; width: 15px; }
  .surveyw #cont03 .inner ul li p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 100%; margin: 22px auto 0 auto; } }

.surveyw #cont04 { position: relative; top: 0; left: 0; margin: 0 auto 36vw auto; }

.surveyw #cont04 .inner { width: 100%; }

.surveyw #cont04 .inner .box1 { background: url(/wordpress/wp-content/themes/original/images/survey/women/sp/cont04_bg01.png) left top no-repeat; background-size: 100% auto; height: 201.6vw; padding: 42.13333vw 0 0 0; box-sizing: border-box; }

.surveyw #cont04 .inner .box1 ul li:first-child { padding: 0 0 22.4vw 68.8vw; }

.surveyw #cont04 .inner .box1 ul li:last-child { padding: 0 0 0 22.66667vw; }

.surveyw #cont04 .inner .box1 ul li dl dd { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 108.26667vw; }

.surveyw #cont04 .inner .box1 ul li dl dd em { color: #f83197; }

.surveyw #cont04 .inner .box2 { background: url(/wordpress/wp-content/themes/original/images/survey/women/sp/cont04_bg02.png) left top no-repeat; background-size: 100% auto; height: 335.73333vw; padding: 41.33333vw 0 0 0; box-sizing: border-box; }

.surveyw #cont04 .inner .box2 ul li:nth-child(even) { padding: 0 0 21.86667vw 22.93333vw; }

.surveyw #cont04 .inner .box2 ul li:nth-child(odd) { padding: 0 0 21.86667vw 68.53333vw; }

.surveyw #cont04 .inner .box2 ul li:last-child { padding: 0 0 0 22.66667vw; }

.surveyw #cont04 .inner .box2 ul li dl dd { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 108.26667vw; }

.surveyw #cont04 .inner .box2 ul li dl dd em { color: #f83197; }

@media screen and (min-width: 1000px) { .surveyw #cont04 { margin: 61px auto 48px auto; }
  .surveyw #cont04 .inner { width: 720px; }
  .surveyw #cont04 .inner h2 { margin: 0 auto 31px auto; }
  .surveyw #cont04 .inner .box1 { border-radius: 10px; background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/cont04_bg01.png) left top repeat; height: auto; padding: 18px 0 29px 0; box-sizing: border-box; margin: 0 0 30px 0; -webkit-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); }
  .surveyw #cont04 .inner .box1 strong { display: block; width: 202px; margin: 0 auto 16px auto; }
  .surveyw #cont04 .inner .box1 ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 664px; margin: 0 auto; }
  .surveyw #cont04 .inner .box1 ul li { width: 320px; }
  .surveyw #cont04 .inner .box1 ul li:first-child { padding: 0; }
  .surveyw #cont04 .inner .box1 ul li:last-child { padding: 0; }
  .surveyw #cont04 .inner .box1 ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
  .surveyw #cont04 .inner .box1 ul li dl dt { width: 78px; }
  .surveyw #cont04 .inner .box1 ul li dl dd { position: relative; top: 0; left: 0; border-radius: 3px; background: #FFFFFF; -webkit-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 225px; padding: 7px 10px 7px 15px; box-sizing: border-box; }
  .surveyw #cont04 .inner .box1 ul li dl dd:before { content: ''; display: block; position: absolute; top: 0; left: -12px; background: url(/wordpress/wp-content/themes/original/images/survey/women/left.png) left center no-repeat; background-size: 100% auto; width: 12px; height: 100%; }
  .surveyw #cont04 .inner .box1 ul li.mir dt { order: 2; }
  .surveyw #cont04 .inner .box1 ul li.mir dd { order: 1; }
  .surveyw #cont04 .inner .box1 ul li.mir dd:before { display: none; }
  .surveyw #cont04 .inner .box1 ul li.mir dd:after { content: ''; display: block; position: absolute; top: 0; right: -15px; background: url(/wordpress/wp-content/themes/original/images/survey/women/right.png) left center no-repeat; background-size: 100% auto; width: 15px; height: 100%; }
  .surveyw #cont04 .inner .box2 { border-radius: 10px; background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/cont04_bg02.png) left top repeat; height: auto; padding: 18px 0 0 0; -webkit-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); }
  .surveyw #cont04 .inner .box2 strong { display: block; width: 245px; margin: 0 auto 16px auto; }
  .surveyw #cont04 .inner .box2 ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; width: 664px; margin: 0 auto; }
  .surveyw #cont04 .inner .box2 ul li { width: 320px; margin: 0 0 29px 0; }
  .surveyw #cont04 .inner .box2 ul li:nth-child(even) { padding: 0; }
  .surveyw #cont04 .inner .box2 ul li:nth-child(odd) { padding: 0; }
  .surveyw #cont04 .inner .box2 ul li:last-child { padding: 0; }
  .surveyw #cont04 .inner .box2 ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
  .surveyw #cont04 .inner .box2 ul li dl dt { width: 78px; }
  .surveyw #cont04 .inner .box2 ul li dl dd { position: relative; top: 0; left: 0; border-radius: 3px; background: #FFFFFF; -webkit-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 225px; padding: 7px 10px 7px 15px; box-sizing: border-box; }
  .surveyw #cont04 .inner .box2 ul li dl dd:before { content: ''; display: block; position: absolute; top: 0; left: -12px; background: url(/wordpress/wp-content/themes/original/images/survey/women/left.png) left center no-repeat; background-size: 100% auto; width: 12px; height: 100%; }
  .surveyw #cont04 .inner .box2 ul li.mir dt { order: 2; }
  .surveyw #cont04 .inner .box2 ul li.mir dd { order: 1; }
  .surveyw #cont04 .inner .box2 ul li.mir dd:before { display: none; }
  .surveyw #cont04 .inner .box2 ul li.mir dd:after { content: ''; display: block; position: absolute; top: 0; right: -15px; background: url(/wordpress/wp-content/themes/original/images/survey/women/right.png) left center no-repeat; background-size: 100% auto; width: 15px; height: 100%; } }

.surveyw #cont05 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/bg02.jpg) left top repeat; padding: 0 0 40vw 0; }

.surveyw #cont05 .inner { width: 100%; }

.surveyw #cont05 .inner .box1 { background: url(/wordpress/wp-content/themes/original/images/survey/women/sp/cont04_bg03.png) left top no-repeat; background-size: 100% auto; height: 201.06667vw; padding: 41.86667vw 0 0 0; box-sizing: border-box; }

.surveyw #cont05 .inner .box1 ul li:first-child { padding: 0 0 22.13333vw 69.06667vw; }

.surveyw #cont05 .inner .box1 ul li:last-child { padding: 0 0 0 22.66667vw; }

.surveyw #cont05 .inner .box1 ul li dl dd { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 108.26667vw; }

.surveyw #cont05 .inner .box1 ul li dl dd em { color: #f83197; }

.surveyw #cont05 .inner .box2 { background: url(/wordpress/wp-content/themes/original/images/survey/women/sp/cont04_bg04.png) left top no-repeat; background-size: 100% auto; height: 251.2vw; padding: 41.06667vw 0 0 0; box-sizing: border-box; margin: 0 0 14.13333vw 0; }

.surveyw #cont05 .inner .box2 ul li:first-child { padding: 0 0 22.4vw 69.06667vw; }

.surveyw #cont05 .inner .box2 ul li:last-child { padding: 0 0 0 22.66667vw; }

.surveyw #cont05 .inner .box2 ul li dl dd { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 108.26667vw; }

.surveyw #cont05 .inner .box2 ul li dl dd em { color: #f83197; }

.surveyw #cont05 .inner .box3 p { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto; }

.surveyw #cont05 .inner .box3 p.img { width: 100%; padding: 14.13333vw 0 7.46667vw 0; }

.surveyw #cont05 .inner .box3 p.more_link { font-size: 1.0em; margin: 17.33333vw auto 0 auto; }

.surveyw #cont05 .inner .box3 p.more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #f83197; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; -webkit-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); }

.surveyw #cont05 .inner .box3 p.more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 20vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.surveyw #cont05 .inner .box3 p.more_link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.surveyw #cont05 .inner .box3 p.more_link a em { position: relative; top: 0; left: 0; }

@media screen and (min-width: 1000px) { .surveyw #cont05 { padding: 0 0 80px 0; }
  .surveyw #cont05 .inner { width: 720px; }
  .surveyw #cont05 .inner h2 { margin: 0 auto; }
  .surveyw #cont05 .inner .box1 { border-radius: 10px; background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/cont04_bg01.png) left top repeat; height: auto; padding: 18px 0 30px 0; margin: 0 0 30px 0; -webkit-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); }
  .surveyw #cont05 .inner .box1 strong { display: block; width: 263px; margin: 0 auto 17px auto; }
  .surveyw #cont05 .inner .box1 ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; width: 664px; margin: 0 auto; }
  .surveyw #cont05 .inner .box1 ul li { width: 324px; margin: 0; }
  .surveyw #cont05 .inner .box1 ul li:nth-child(even) { padding: 0; }
  .surveyw #cont05 .inner .box1 ul li:nth-child(odd) { padding: 0; }
  .surveyw #cont05 .inner .box1 ul li:last-child { padding: 0; }
  .surveyw #cont05 .inner .box1 ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
  .surveyw #cont05 .inner .box1 ul li dl dt { width: 78px; }
  .surveyw #cont05 .inner .box1 ul li dl dd { position: relative; top: 0; left: 0; border-radius: 3px; background: #FFFFFF; -webkit-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 225px; padding: 7px 10px 7px 15px; box-sizing: border-box; }
  .surveyw #cont05 .inner .box1 ul li dl dd:before { content: ''; display: block; position: absolute; top: 0; left: -12px; background: url(/wordpress/wp-content/themes/original/images/survey/women/left.png) left center no-repeat; background-size: 100% auto; width: 12px; height: 100%; }
  .surveyw #cont05 .inner .box1 ul li.mir dt { order: 2; }
  .surveyw #cont05 .inner .box1 ul li.mir dd { order: 1; }
  .surveyw #cont05 .inner .box1 ul li.mir dd:before { display: none; }
  .surveyw #cont05 .inner .box1 ul li.mir dd:after { content: ''; display: block; position: absolute; top: 0; right: -15px; background: url(/wordpress/wp-content/themes/original/images/survey/women/right.png) left center no-repeat; background-size: 100% auto; width: 15px; height: 100%; }
  .surveyw #cont05 .inner .box2 { border-radius: 10px; background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/cont04_bg02.png) left top repeat; height: auto; padding: 18px 0 30px 0; margin: 0 0 46px 0; -webkit-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); }
  .surveyw #cont05 .inner .box2 strong { display: block; width: 244px; margin: 0 auto 16px auto; }
  .surveyw #cont05 .inner .box2 ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; width: 664px; margin: 0 auto; }
  .surveyw #cont05 .inner .box2 ul li { width: 324px; margin: 0; }
  .surveyw #cont05 .inner .box2 ul li:nth-child(even) { padding: 0; }
  .surveyw #cont05 .inner .box2 ul li:nth-child(odd) { padding: 0; }
  .surveyw #cont05 .inner .box2 ul li:last-child { padding: 0; }
  .surveyw #cont05 .inner .box2 ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
  .surveyw #cont05 .inner .box2 ul li dl dt { width: 78px; }
  .surveyw #cont05 .inner .box2 ul li dl dd { position: relative; top: 0; left: 0; border-radius: 3px; background: #FFFFFF; -webkit-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 225px; padding: 7px 10px 7px 15px; box-sizing: border-box; }
  .surveyw #cont05 .inner .box2 ul li dl dd:before { content: ''; display: block; position: absolute; top: 0; left: -12px; background: url(/wordpress/wp-content/themes/original/images/survey/women/left.png) left center no-repeat; background-size: 100% auto; width: 12px; height: 100%; }
  .surveyw #cont05 .inner .box2 ul li.mir dt { order: 2; }
  .surveyw #cont05 .inner .box2 ul li.mir dd { order: 1; }
  .surveyw #cont05 .inner .box2 ul li.mir dd:before { display: none; }
  .surveyw #cont05 .inner .box2 ul li.mir dd:after { content: ''; display: block; position: absolute; top: 0; right: -15px; background: url(/wordpress/wp-content/themes/original/images/survey/women/right.png) left center no-repeat; background-size: 100% auto; width: 15px; height: 100%; }
  .surveyw #cont05 .inner .box3 p { text-align: center; font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: auto; margin: 0 auto; }
  .surveyw #cont05 .inner .box3 p.img { width: 370px; padding: 38px 0 8px 0; }
  .surveyw #cont05 .inner .box3 p.more_link { width: 300px; margin: 32px auto 0 auto; }
  .surveyw #cont05 .inner .box3 p.more_link a { font-size: 1.2em; width: 300px; height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .surveyw #cont05 .inner .box3 p.more_link a:after { display: none; right: 84px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .surveyw #cont05 .inner .box3 p.more_link a:before { top: -3px; font-size: 28px; }
  .surveyw #cont05 .inner .box3 p.more_link a:hover { opacity: 0.7; } }

.surveyw #cont06 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/bg03.jpg) left top repeat; padding: 21.86667vw 0 40vw 0; }

.surveyw #cont06 .inner { width: 100%; }

.surveyw #cont06 .inner strong { display: block; margin: 0 0 4vw 0; }

.surveyw #cont06 .inner span { display: block; color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto 17.33333vw auto; }

.surveyw #cont06 .inner p.more_link { font-size: 1.0em; width: 181.33333vw; margin: 0 auto; }

.surveyw #cont06 .inner p.more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #6fbba7; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; -webkit-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); }

.surveyw #cont06 .inner p.more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 20vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.surveyw #cont06 .inner p.more_link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.surveyw #cont06 .inner p.more_link a em { position: relative; top: 0; left: 0; }

@media screen and (min-width: 1000px) { .surveyw #cont06 { padding: 68px 0 80px 0; }
  .surveyw #cont06 .inner { width: 720px; }
  .surveyw #cont06 .inner strong { margin: 32px 0 15px 0; }
  .surveyw #cont06 .inner span { text-align: center; font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: auto; margin: 0 auto 28px auto; }
  .surveyw #cont06 .inner p.more_link { width: 300px; margin: 38px auto 0 auto; }
  .surveyw #cont06 .inner p.more_link a { font-size: 1.2em; width: 300px; height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .surveyw #cont06 .inner p.more_link a:after { display: none; }
  .surveyw #cont06 .inner p.more_link a:before { top: -3px; font-size: 28px; }
  .surveyw #cont06 .inner p.more_link a:hover { opacity: 0.7; } }

.surveyw #cont07 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/survey/women/sp/bg03.jpg) left top no-repeat; background-size: 100% auto; padding: 0 0 37.33333vw 0; }

.surveyw #cont07 p.sp { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 4.26667vw auto 40.53333vw auto; }

.surveyw #cont07 p.sp span { display: block; margin: 0 0 14.4vw 0; }

.surveyw #cont07 p.sp span.last { margin: 0; }

.surveyw #cont07 p.sp span em { color: #f83197; }

.surveyw #cont07 .box1 ul li.num01, .surveyw #cont07 .box2 ul li.num01 { margin: 0 auto 43.2vw auto; }

.surveyw #cont07 .box1 ul li.num02, .surveyw #cont07 .box2 ul li.num02 { margin: 0 auto 33.6vw auto; }

.surveyw #cont07 .box1 ul li.num02.mir dt, .surveyw #cont07 .box2 ul li.num02.mir dt { top: -6.66667vw; }

.surveyw #cont07 .box1 ul li.num03, .surveyw #cont07 .box2 ul li.num03 { margin: 0 auto 43.46667vw auto; }

.surveyw #cont07 .box1 ul li.num04, .surveyw #cont07 .box2 ul li.num04 { margin: 0 auto 44vw auto; }

.surveyw #cont07 .box1 ul li dl, .surveyw #cont07 .box2 ul li dl { position: relative; top: 0; left: 0; width: 181.33333vw; margin: 0 auto; }

.surveyw #cont07 .box1 ul li dl dt, .surveyw #cont07 .box2 ul li dl dt { position: absolute; top: 0; left: 0; width: 68.8vw; }

.surveyw #cont07 .box1 ul li dl dd strong, .surveyw #cont07 .box2 ul li dl dd strong { display: block; border-bottom: 1px solid #f83197; color: #f83197; font-size: 1.7em; line-height: 1.82353; letter-spacing: 0.1em; width: 105.86667vw; margin: 0 0 4.8vw 75.2vw; padding: 0 0 3.73333vw 0; }

.surveyw #cont07 .box1 ul li dl dd p.clear, .surveyw #cont07 .box2 ul li dl dd p.clear { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; }

.surveyw #cont07 .box1 ul li dl dd p.clear:before, .surveyw #cont07 .box2 ul li dl dd p.clear:before { content: ''; display: block; width: 75.2vw; height: 56vw; float: left; }

.surveyw #cont07 .box1 ul li.mir dl dt, .surveyw #cont07 .box2 ul li.mir dl dt { position: absolute; top: 0; left: auto; right: 0; }

.surveyw #cont07 .box1 ul li.mir dl dd strong, .surveyw #cont07 .box2 ul li.mir dl dd strong { margin: 0; }

.surveyw #cont07 .box1 ul li.mir dl dd p.clear:before, .surveyw #cont07 .box2 ul li.mir dl dd p.clear:before { float: right; }

.surveyw #cont07 .box3 p.text { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto 17.86667vw auto; }

.surveyw #cont07 .box3 p.text span { display: block; margin: 0 0 14.4vw 0; }

.surveyw #cont07 .box3 p.text span.last { margin: 0; }

.surveyw #cont07 .box3 p.text span em { color: #f83197; }

.surveyw #cont07 .box3 p.text strong { font-weight: bold; font-size: 1.33333em; line-height: 1.5; color: #f83197; }

.surveyw #cont07 .box3 p.more_link { font-size: 1.0em; width: 181.33333vw; margin: 0 auto; }

.surveyw #cont07 .box3 p.more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; color: #FFFFFF; text-decoration: none; width: 100%; height: 36.26667vw; box-sizing: border-box; background: url(/wordpress/wp-content/themes/original/images/survey/women/sp/link_bg02.jpg) center center no-repeat; background-size: cover; font-size: 2.5em; font-weight: bold; letter-spacing: 0.16em; -webkit-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); }

.surveyw #cont07 .box3 p.more_link a::before { display: block; content: ''; background: url(/wordpress/wp-content/themes/original/images/access/icon04.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

@media screen and (min-width: 1000px) { .surveyw #cont07 { background: none; padding: 67px 0 0 0; }
  .surveyw #cont07 h3 { width: 340px; margin: 0 auto 35px auto; }
  .surveyw #cont07 p.sp { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 680px; margin: 16px auto 152px auto; }
  .surveyw #cont07 p.sp span { display: block; margin: 0 0 54px 0; }
  .surveyw #cont07 p.sp span.last { margin: 0; }
  .surveyw #cont07 p.sp span em { color: #f83197; }
  .surveyw #cont07 .box1, .surveyw #cont07 .box2 { padding: 44px 0 45px 0; }
  .surveyw #cont07 .box1 ul, .surveyw #cont07 .box2 ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 720px; margin: 0 auto; }
  .surveyw #cont07 .box1 ul li.num01, .surveyw #cont07 .box1 ul li.num02, .surveyw #cont07 .box1 ul li.num03, .surveyw #cont07 .box1 ul li.num04, .surveyw #cont07 .box2 ul li.num01, .surveyw #cont07 .box2 ul li.num02, .surveyw #cont07 .box2 ul li.num03, .surveyw #cont07 .box2 ul li.num04 { margin: 0; }
  .surveyw #cont07 .box1 ul li.num02.mir dt, .surveyw #cont07 .box2 ul li.num02.mir dt { top: 0; }
  .surveyw #cont07 .box1 ul li dl, .surveyw #cont07 .box2 ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: flex-start; width: 345px; margin: 0; }
  .surveyw #cont07 .box1 ul li dl dt, .surveyw #cont07 .box2 ul li dl dt { position: relative; width: 127px; margin: 3px 12px 0 0; }
  .surveyw #cont07 .box1 ul li dl dd, .surveyw #cont07 .box2 ul li dl dd { width: 198px; }
  .surveyw #cont07 .box1 ul li dl dd strong, .surveyw #cont07 .box2 ul li dl dd strong { font-size: 1.7em; line-height: 1.82353; width: 198px; margin: 0 0 8px 0; padding: 0 0 5px 0; }
  .surveyw #cont07 .box1 ul li dl dd p.clear, .surveyw #cont07 .box2 ul li dl dd p.clear { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; }
  .surveyw #cont07 .box1 ul li dl dd p.clear:before, .surveyw #cont07 .box2 ul li dl dd p.clear:before { display: none; }
  .surveyw #cont07 .box1 ul li.mir dl dt, .surveyw #cont07 .box2 ul li.mir dl dt { position: relative; right: 0; }
  .surveyw #cont07 .box1 ul li.mir dl dd strong, .surveyw #cont07 .box2 ul li.mir dl dd strong { margin: 0 0 10px 0; }
  .surveyw #cont07 .box1 ul li.mir dl dd p.clear:before, .surveyw #cont07 .box2 ul li.mir dl dd p.clear:before { float: right; }
  .surveyw #cont07 .box1 { background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/bg02.jpg) left top repeat; }
  .surveyw #cont07 .box3 { background: url(/wordpress/wp-content/themes/original/images/survey/women/pc/bg02.jpg) left top repeat; padding: 44px 0 80px 0; }
  .surveyw #cont07 .box3 p.text { text-align: center; font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: auto; margin: 0 auto 45px auto; }
  .surveyw #cont07 .box3 p.text span { margin: 0 0 26px 0; }
  .surveyw #cont07 .box3 p.text span.last { margin: 0; }
  .surveyw #cont07 .box3 p.text span em { font-size: 1.41667em; line-height: 1.52941; }
  .surveyw #cont07 .box3 p.text strong { font-weight: normal; font-size: 1.41667em; line-height: 1.52941; color: #f83197; }
  .surveyw #cont07 .box3 p.more_link { width: 400px; }
  .surveyw #cont07 .box3 p.more_link a { height: 45px; background: #5dc2d3; font-size: 1.2em; font-weight: normal; letter-spacing: 0.16em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .surveyw #cont07 .box3 p.more_link a:hover { opacity: 0.7; }
  .surveyw #cont07 .box3 p.more_link a::before { width: 29px; height: 19px; margin: 0 24px 0 0; }
  .surveyw #cont07 .box3 p.more_link a:after { display: block; position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); } }

/* -----------------------------------------------------------------
.surveym
------------------------------------------------------------------ */
.surveym { position: relative; top: 0; left: 0; }

.surveym #key { position: relative; top: 0; left: 0; overflow: hidden; margin: 0; }

.surveym #key .inner { width: 100%; }

@media screen and (min-width: 1000px) { .surveym #key { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/bg01.jpg) left top repeat; }
  .surveym #key:before, .surveym #key:after { position: absolute; left: 0; content: ''; display: block; background: rgba(255, 255, 255, 0.55); width: 100%; height: 15px; }
  .surveym #key:after { bottom: 0; }
  .surveym #key:before { top: 0; }
  .surveym #key .inner { max-width: 920px; } }

.surveym #cont01 { position: relative; top: 0; left: 0; }

.surveym #cont01 .lead { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto; padding: 18.13333vw 0 21.86667vw 0; }

.surveym #cont01 .lead span { display: block; margin: 0 0 13.86667vw 0; }

.surveym #cont01 .lead span.last-child { margin: 0; }

.surveym #cont01 .lead span em { color: #f87d00; }

@media screen and (min-width: 1000px) { .surveym #cont01 .lead { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: auto; text-align: center; padding: 43px 0 72px 0; }
  .surveym #cont01 .lead span { margin: 0 0 26px 0; }
  .surveym #cont01 .lead span.last { margin: 0; }
  .surveym #cont01 .lead span.last em { font-size: 1.41667em; line-height: 1.52941; }
  .surveym #cont01 div { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/bg02.jpg) left top repeat; }
  .surveym #cont01 div h2 { width: 720px; margin: 0 auto; } }

.surveym #cont02 { position: relative; top: 0; left: 0; }

.surveym #cont02 .box1 { padding: 19.2vw 0 20vw 0; }

.surveym #cont02 .box1 p { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto; }

.surveym #cont02 .box1 p.img { width: 100%; padding: 13.33333vw 0 11.73333vw 0; }

.surveym #cont02 .box1 p span { display: block; margin: 0 0 15.2vw 0; }

.surveym #cont02 .box1 p span.last { margin: 0; }

.surveym #cont02 .box1 p span em { color: #f87d00; }

.surveym #cont02 .box1 p span strong { display: inline-block; font-size: 1.33333em; line-height: 1.5; color: #f87d00; font-weight: bold; padding: 3.2vw 0 0 0; }

.surveym #cont02 .box2 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont02_img.png) center top no-repeat; background-size: cover; width: 100%; height: 335.46667vw; box-sizing: border-box; padding: 163.2vw 0 0 0; }

.surveym #cont02 .box2 .inner p.right { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; }

.surveym #cont02 .box2 .inner p.right span { display: block; margin: 0 0 15.2vw 0; }

.surveym #cont02 .box2 .inner p.right span.last { margin: 0; }

.surveym #cont02 .box2 .inner p.right em { color: #f87d00; }

.surveym #cont02 .box2 .inner p.right strong { display: inline-block; font-size: 1.33333em; color: #f87d00; font-weight: bold; padding: 3.2vw 0 0 0; }

@media screen and (min-width: 1000px) { .surveym #cont02 .box1 { padding: 47px 0 41px 0; }
  .surveym #cont02 .box1 p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; text-align: center; width: auto; }
  .surveym #cont02 .box1 p.img { width: 405px; padding: 34px 0 24px 0; }
  .surveym #cont02 .box1 p span { margin: 0 0 23px 0; }
  .surveym #cont02 .box1 p span.last { margin: 0; }
  .surveym #cont02 .box1 p span strong { font-size: 1.41667em; font-weight: normal; padding: 0; }
  .surveym #cont02 .box2 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/bg03.png) left top repeat; width: 100%; height: auto; padding: 42px 0 43px 0; }
  .surveym #cont02 .box2 .inner { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: flex-start; }
  .surveym #cont02 .box2 .inner p.right { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; text-align: center; width: 405px; margin: 0 0 0 22px; }
  .surveym #cont02 .box2 .inner p.right span { margin: 0 0 25px 0; }
  .surveym #cont02 .box2 .inner p.right span.last { margin: 0; }
  .surveym #cont02 .box2 .inner p.right span strong { font-weight: normal; font-size: 1.41667em; padding: 6px 0 0 0; }
  .surveym #cont02 .box2 .inner p.left { width: 242px; } }

.surveym #cont03 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/bg02.png) left top repeat; background-size: 100% auto; padding: 0 0 39.2vw 0; }

.surveym #cont03 .inner { width: 100%; }

.surveym #cont03 .inner p.more_link { width: 181.33333vw; font-size: 1.0em; margin: 0 auto; }

.surveym #cont03 .inner p.more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; color: #FFFFFF; text-decoration: none; width: 100%; height: 36.26667vw; box-sizing: border-box; background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/link_bg02.png) center center no-repeat; background-size: cover; font-size: 2.5em; font-weight: bold; letter-spacing: 0.16em; -webkit-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); }

.surveym #cont03 .inner p.more_link a::before { display: block; content: ''; background: url(/wordpress/wp-content/themes/original/images/access/icon04.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

.surveym #cont03 .inner ul li { margin: 0 0 36vw 0; }

.surveym #cont03 .inner ul li .title { position: relative; top: 0; left: 0; }

.surveym #cont03 .inner ul li .title strong { display: block; }

.surveym #cont03 .inner ul li .title a { position: absolute; top: 78.4vw; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 1.3em; letter-spacing: 0.32em; color: #FFFFFF; text-decoration: none; width: 100%; height: 26.66667vw; }

.surveym #cont03 .inner ul li .title a em { display: none; font-weight: bold; }

.surveym #cont03 .inner ul li .title a em.off_text { display: inherit; }

.surveym #cont03 .inner ul li .title a:before, .surveym #cont03 .inner ul li .title a:after { content: ''; display: block; position: absolute; background: #FFFFFF; top: 50%; right: 9.06667vw; width: 8vw; height: 1.06667vw; }

.surveym #cont03 .inner ul li .title a::after { transform: rotate(90deg); }

.surveym #cont03 .inner ul li .title a.on em.on_text { display: inherit; }

.surveym #cont03 .inner ul li .title a.on em.off_text { display: none; }

.surveym #cont03 .inner ul li .title a.on::after { display: none; }

.surveym #cont03 .inner ul li .list { background: rgba(255, 255, 255, 0.5); overflow: hidden; height: 0; }

.surveym #cont03 .inner ul li .list.on { height: auto; }

.surveym #cont03 .inner ul li .list div { padding: 17.86667vw 0 8vw 0; }

.surveym #cont03 .inner ul li .list div dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; width: 184vw; margin: 0 auto 13.33333vw auto; }

.surveym #cont03 .inner ul li .list div dl dt { width: 44.8vw; }

.surveym #cont03 .inner ul li .list div dl dd { position: relative; top: 0; left: 0; border-radius: 2.13333vw; background: #FFFFFF; -webkit-box-shadow: 6px 6px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 6px 6px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 6px 6px 0px 0px rgba(85, 21, 2, 0.2); color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 129.6vw; padding: 4.8vw 7.46667vw 3.73333vw 8vw; box-sizing: border-box; }

.surveym #cont03 .inner ul li .list div dl dd:before { content: ''; display: block; position: absolute; top: 0; left: -6.93333vw; background: url(/wordpress/wp-content/themes/original/images/survey/men/left.png) left center no-repeat; background-size: 100% auto; width: 6.93333vw; height: 100%; }

.surveym #cont03 .inner ul li .list div dl dd em { color: #6bb78d; }

.surveym #cont03 .inner ul li .list div dl dd em.colo2 { color: #f87d00; }

.surveym #cont03 .inner ul li .list div dl.mir dt { order: 2; }

.surveym #cont03 .inner ul li .list div dl.mir dd { order: 1; }

.surveym #cont03 .inner ul li .list div dl.mir dd:before { display: none; }

.surveym #cont03 .inner ul li .list div dl.mir dd:after { content: ''; display: block; position: absolute; top: 0; right: -8.53333vw; background: url(/wordpress/wp-content/themes/original/images/survey/men/right.png) left center no-repeat; background-size: 100% auto; width: 8.53333vw; height: 100%; }

.surveym #cont03 .inner ul li p { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 17.86667vw auto 0 auto; }

@media screen and (min-width: 1000px) { .surveym #cont03 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/bg02.jpg) left top repeat; padding: 68px 0 80px 0; }
  .surveym #cont03 .inner { width: 100%; }
  .surveym #cont03 .inner h2 { width: 340px; margin: 0 auto 35px auto; }
  .surveym #cont03 .inner p.more_link { width: 400px; }
  .surveym #cont03 .inner p.more_link a { position: relative; top: 0; left: 0; height: 45px; background: #fdb001; font-size: 1.2em; font-weight: normal; letter-spacing: 0.16em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .surveym #cont03 .inner p.more_link a:hover { opacity: 0.7; }
  .surveym #cont03 .inner p.more_link a::before { width: 29px; height: 19px; margin: 0 24px 0 0; }
  .surveym #cont03 .inner p.more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .surveym #cont03 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 720px; margin: 0 auto; }
  .surveym #cont03 .inner ul li { width: 345px; margin: 0 0 43px 0; }
  .surveym #cont03 .inner ul li .title a { top: 135px; font-size: 1.2em; height: 46px; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .surveym #cont03 .inner ul li .title a:hover { opacity: 0.7; }
  .surveym #cont03 .inner ul li .title a:before, .surveym #cont03 .inner ul li .title a:after { right: 15px; width: 14px; height: 2px; }
  .surveym #cont03 .inner ul li .list div { padding: 21px 0 6px 0; }
  .surveym #cont03 .inner ul li .list div dl { width: 320px; margin: 0 auto 22px auto; }
  .surveym #cont03 .inner ul li .list div dl dt { width: 77px; }
  .surveym #cont03 .inner ul li .list div dl dd { border-radius: 3px; -webkit-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 225px; padding: 7px 10px 6px 15px; }
  .surveym #cont03 .inner ul li .list div dl dd:before { left: -12px; background-size: 100% auto; width: 12px; }
  .surveym #cont03 .inner ul li .list div dl.mir dd:after { right: -15px; width: 15px; }
  .surveym #cont03 .inner ul li p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 100%; margin: 22px auto 0 auto; } }

.surveym #cont04 { position: relative; top: 0; left: 0; margin: 0 auto 37.06667vw auto; }

.surveym #cont04 .inner { width: 100%; }

.surveym #cont04 .inner .box1 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont04_bg01.png) left top no-repeat; background-size: 100% auto; height: 243.2vw; padding: 42.13333vw 0 0 0; box-sizing: border-box; }

.surveym #cont04 .inner .box1 ul li:first-child { padding: 0 0 22.4vw 68.8vw; }

.surveym #cont04 .inner .box1 ul li:last-child { padding: 0 0 0 22.66667vw; }

.surveym #cont04 .inner .box1 ul li:last-child dl dd { width: 112.53333vw; }

.surveym #cont04 .inner .box1 ul li dl dd { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; text-align: justify; width: 110.93333vw; }

.surveym #cont04 .inner .box1 ul li dl dd em { color: #f87d00; }

.surveym #cont04 .inner .box2 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont04_bg02.png) left top no-repeat; background-size: 100% auto; height: 237.33333vw; padding: 41.86667vw 0 0 0; box-sizing: border-box; }

.surveym #cont04 .inner .box2 ul li:nth-child(even) { padding: 0 0 21.86667vw 22.93333vw; }

.surveym #cont04 .inner .box2 ul li:nth-child(odd) { padding: 0 0 22.4vw 68.53333vw; }

.surveym #cont04 .inner .box2 ul li:last-child { padding: 0 0 0 22.66667vw; }

.surveym #cont04 .inner .box2 ul li dl dd { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 110.93333vw; }

.surveym #cont04 .inner .box2 ul li dl dd em { color: #6bb78d; }

@media screen and (min-width: 1000px) { .surveym #cont04 { margin: 69px auto 49px auto; }
  .surveym #cont04 .inner { width: 720px; }
  .surveym #cont04 .inner h2 { margin: 0 auto; }
  .surveym #cont04 .inner .box1 { border-radius: 10px; background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont04_bg01.jpg) left top repeat; height: auto; padding: 18px 0 29px 0; box-sizing: border-box; margin: 0 0 30px 0; -webkit-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); }
  .surveym #cont04 .inner .box1 strong { display: block; width: 200px; margin: 0 auto 18px auto; }
  .surveym #cont04 .inner .box1 ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 664px; margin: 0 auto; }
  .surveym #cont04 .inner .box1 ul li { width: 320px; }
  .surveym #cont04 .inner .box1 ul li:first-child { padding: 0; }
  .surveym #cont04 .inner .box1 ul li:last-child { padding: 0; }
  .surveym #cont04 .inner .box1 ul li:last-child dl dd { width: 225px; }
  .surveym #cont04 .inner .box1 ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
  .surveym #cont04 .inner .box1 ul li dl dt { width: 78px; }
  .surveym #cont04 .inner .box1 ul li dl dd { position: relative; top: 0; left: 0; border-radius: 3px; background: #FFFFFF; -webkit-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 225px; padding: 7px 10px 7px 15px; box-sizing: border-box; }
  .surveym #cont04 .inner .box1 ul li dl dd:before { content: ''; display: block; position: absolute; top: 0; left: -12px; background: url(/wordpress/wp-content/themes/original/images/survey/men/left.png) left center no-repeat; background-size: 100% auto; width: 12px; height: 100%; }
  .surveym #cont04 .inner .box1 ul li.mir dt { order: 2; }
  .surveym #cont04 .inner .box1 ul li.mir dd { order: 1; }
  .surveym #cont04 .inner .box1 ul li.mir dd:before { display: none; }
  .surveym #cont04 .inner .box1 ul li.mir dd:after { content: ''; display: block; position: absolute; top: 0; right: -15px; background: url(/wordpress/wp-content/themes/original/images/survey/men/right.png) left center no-repeat; background-size: 100% auto; width: 15px; height: 100%; }
  .surveym #cont04 .inner .box2 { border-radius: 10px; background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont04_bg02.jpg) left top repeat; height: auto; padding: 18px 0 0 0; -webkit-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); }
  .surveym #cont04 .inner .box2 strong { display: block; width: 230px; margin: 0 auto 18px auto; }
  .surveym #cont04 .inner .box2 ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; width: 664px; margin: 0 auto; }
  .surveym #cont04 .inner .box2 ul li { width: 320px; margin: 0 0 29px 0; }
  .surveym #cont04 .inner .box2 ul li:nth-child(even) { padding: 0; }
  .surveym #cont04 .inner .box2 ul li:nth-child(odd) { padding: 0; }
  .surveym #cont04 .inner .box2 ul li:last-child { padding: 0; }
  .surveym #cont04 .inner .box2 ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
  .surveym #cont04 .inner .box2 ul li dl dt { width: 78px; }
  .surveym #cont04 .inner .box2 ul li dl dd { position: relative; top: 0; left: 0; border-radius: 3px; background: #FFFFFF; -webkit-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 225px; padding: 7px 10px 7px 15px; box-sizing: border-box; }
  .surveym #cont04 .inner .box2 ul li dl dd:before { content: ''; display: block; position: absolute; top: 0; left: -12px; background: url(/wordpress/wp-content/themes/original/images/survey/men/left.png) left center no-repeat; background-size: 100% auto; width: 12px; height: 100%; }
  .surveym #cont04 .inner .box2 ul li.mir dt { order: 2; }
  .surveym #cont04 .inner .box2 ul li.mir dd { order: 1; }
  .surveym #cont04 .inner .box2 ul li.mir dd:before { display: none; }
  .surveym #cont04 .inner .box2 ul li.mir dd:after { content: ''; display: block; position: absolute; top: 0; right: -15px; background: url(/wordpress/wp-content/themes/original/images/survey/men/right.png) left center no-repeat; background-size: 100% auto; width: 15px; height: 100%; } }

.surveym #cont05 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/bg03.png) left top repeat; background-size: auto 100%; padding: 0 0 40vw 0; }

.surveym #cont05 .inner { width: 100%; }

.surveym #cont05 .inner .box1 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont04_bg03.png) left top no-repeat; background-size: 100% auto; height: 260.8vw; padding: 41.86667vw 0 0 0; box-sizing: border-box; }

.surveym #cont05 .inner .box1 ul li:nth-child(even) { padding: 0 0 24.8vw 22.93333vw; }

.surveym #cont05 .inner .box1 ul li:nth-child(odd) { padding: 0 0 25.06667vw 68.53333vw; }

.surveym #cont05 .inner .box1 ul li:last-child { padding: 0 0 0 68.53333vw; }

.surveym #cont05 .inner .box1 ul li dl dd { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; text-align: justify; width: 108.26667vw; }

.surveym #cont05 .inner .box1 ul li dl dd em { color: #f87d00; }

.surveym #cont05 .inner .box2 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont04_bg04.png) left top no-repeat; background-size: 100% auto; height: 125.86667vw; padding: 41.06667vw 0 0 0; box-sizing: border-box; margin: 0 0 14.66667vw 0; }

.surveym #cont05 .inner .box2 ul li { padding: 0 0 0 68.53333vw; }

.surveym #cont05 .inner .box2 ul li dl dd { color: #551502; font-size: 1.35em; line-height: 2; text-align: justify; letter-spacing: 0.11em; width: 108.26667vw; }

.surveym #cont05 .inner .box2 ul li dl dd em { color: #6bb78d; }

.surveym #cont05 .inner .box3 p { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto; }

.surveym #cont05 .inner .box3 p.img { width: 100%; padding: 14.66667vw 0 7.2vw 0; }

.surveym #cont05 .inner .box3 p.more_link { font-size: 1.0em; margin: 17.33333vw auto 0 auto; }

.surveym #cont05 .inner .box3 p.more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #f87d00; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; -webkit-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); }

.surveym #cont05 .inner .box3 p.more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 20vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.surveym #cont05 .inner .box3 p.more_link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.surveym #cont05 .inner .box3 p.more_link a em { position: relative; top: 0; left: 0; }

@media screen and (min-width: 1000px) { .surveym #cont05 { padding: 49px 0 80px 0; }
  .surveym #cont05 .inner { width: 720px; }
  .surveym #cont05 .inner h2 { margin: 0 auto; }
  .surveym #cont05 .inner .box1 { border-radius: 10px; background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont04_bg01.jpg) left top repeat; height: auto; padding: 18px 0 30px 0; margin: 0 0 30px 0; -webkit-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); }
  .surveym #cont05 .inner .box1 strong { display: block; width: 258px; margin: 0 auto 17px auto; }
  .surveym #cont05 .inner .box1 ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; width: 664px; margin: 0 auto; }
  .surveym #cont05 .inner .box1 ul li { width: 324px; margin: 0; }
  .surveym #cont05 .inner .box1 ul li:nth-child(even) { padding: 0; }
  .surveym #cont05 .inner .box1 ul li:nth-child(odd) { padding: 0; }
  .surveym #cont05 .inner .box1 ul li:last-child { padding: 0; margin: 25px 0 0 0; }
  .surveym #cont05 .inner .box1 ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
  .surveym #cont05 .inner .box1 ul li dl dt { width: 78px; }
  .surveym #cont05 .inner .box1 ul li dl dd { position: relative; top: 0; left: 0; border-radius: 3px; background: #FFFFFF; -webkit-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 225px; padding: 7px 10px 7px 15px; box-sizing: border-box; }
  .surveym #cont05 .inner .box1 ul li dl dd:before { content: ''; display: block; position: absolute; top: 0; left: -12px; background: url(/wordpress/wp-content/themes/original/images/survey/men/left.png) left center no-repeat; background-size: 100% auto; width: 12px; height: 100%; }
  .surveym #cont05 .inner .box1 ul li.mir dt { order: 2; }
  .surveym #cont05 .inner .box1 ul li.mir dd { order: 1; }
  .surveym #cont05 .inner .box1 ul li.mir dd:before { display: none; }
  .surveym #cont05 .inner .box1 ul li.mir dd:after { content: ''; display: block; position: absolute; top: 0; right: -15px; background: url(/wordpress/wp-content/themes/original/images/survey/men/right.png) left center no-repeat; background-size: 100% auto; width: 15px; height: 100%; }
  .surveym #cont05 .inner .box2 { border-radius: 10px; background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont04_bg02.jpg) left top repeat; height: auto; padding: 21px 0 32px 0; margin: 0 0 44px 0; -webkit-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 4px 4px 0px 0px rgba(85, 21, 2, 0.2); }
  .surveym #cont05 .inner .box2 strong { display: block; width: 290px; margin: 0 auto 23px auto; }
  .surveym #cont05 .inner .box2 ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: center; width: 664px; margin: 0 auto; }
  .surveym #cont05 .inner .box2 ul li { width: 324px; margin: 0; }
  .surveym #cont05 .inner .box2 ul li:nth-child(even) { padding: 0; }
  .surveym #cont05 .inner .box2 ul li:nth-child(odd) { padding: 0; }
  .surveym #cont05 .inner .box2 ul li:last-child { padding: 0; }
  .surveym #cont05 .inner .box2 ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
  .surveym #cont05 .inner .box2 ul li dl dt { width: 78px; }
  .surveym #cont05 .inner .box2 ul li dl dd { position: relative; top: 0; left: 0; border-radius: 3px; background: #FFFFFF; -webkit-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 2px 2px 0px 0px rgba(85, 21, 2, 0.2); font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 225px; padding: 7px 10px 7px 15px; box-sizing: border-box; }
  .surveym #cont05 .inner .box2 ul li dl dd:before { content: ''; display: block; position: absolute; top: 0; left: -12px; background: url(/wordpress/wp-content/themes/original/images/survey/men/left.png) left center no-repeat; background-size: 100% auto; width: 12px; height: 100%; }
  .surveym #cont05 .inner .box2 ul li.mir dt { order: 2; }
  .surveym #cont05 .inner .box2 ul li.mir dd { order: 1; }
  .surveym #cont05 .inner .box2 ul li.mir dd:before { display: none; }
  .surveym #cont05 .inner .box2 ul li.mir dd:after { content: ''; display: block; position: absolute; top: 0; right: -15px; background: url(/wordpress/wp-content/themes/original/images/survey/men/right.png) left center no-repeat; background-size: 100% auto; width: 15px; height: 100%; }
  .surveym #cont05 .inner .box3 p { text-align: center; font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: auto; margin: 0 auto; }
  .surveym #cont05 .inner .box3 p.img { width: 340px; padding: 18px 0 13px 0; }
  .surveym #cont05 .inner .box3 p.more_link { width: 300px; margin: 33px auto 0 auto; }
  .surveym #cont05 .inner .box3 p.more_link a { font-size: 1.2em; width: 300px; height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .surveym #cont05 .inner .box3 p.more_link a:after { display: none; right: 84px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .surveym #cont05 .inner .box3 p.more_link a:before { top: -3px; font-size: 28px; }
  .surveym #cont05 .inner .box3 p.more_link a:hover { opacity: 0.7; } }

.surveym #cont06 { position: relative; top: 0; left: 0; background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/bg02.png) left top repeat; background-size: 100% auto; padding: 36.8vw 0 39.73333vw 0; }

.surveym #cont06:after, .surveym #cont06:before { content: ''; display: block; position: absolute; left: 0; width: 100%; }

.surveym #cont06:before { top: 0; background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/bg04_top.png) left top repeat; background-size: 100% auto; width: 100%; height: 1482.4vw; }

.surveym #cont06:after { bottom: 0; background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/bg04_bottom.png) left top repeat; background-size: 100% auto; width: 100%; height: 1352.53333vw; }

.surveym #cont06 .inner { position: relative; top: 0; left: 0; z-index: 1; width: 100%; }

.surveym #cont06 .inner .title { margin: 0 0 21.86667vw 0; }

.surveym #cont06 .inner .title h3 { margin: 0 0 20.26667vw 0; }

.surveym #cont06 .inner .title p { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; text-align: justify; width: 181.33333vw; margin: 0 auto; }

.surveym #cont06 .inner .title p span { display: block; margin: 0 0 54px 0; }

.surveym #cont06 .inner .title p span.last { margin: 0; }

.surveym #cont06 .inner .title p span em { color: #f87d00; }

.surveym #cont06 .inner .box strong { display: block; }

.surveym #cont06 .inner .box strong.mr01 { margin: 38.4vw 0 0 0; }

.surveym #cont06 .inner .box strong.mr02 { margin: 38.4vw 0 0 0; }

.surveym #cont06 .inner .text { padding: 55.2vw 0 0 0; }

.surveym #cont06 .inner .text .txt { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; width: 181.33333vw; margin: 0 auto 16vw auto; }

.surveym #cont06 .inner .text .txt.img { width: 100%; padding: 13.33333vw 0 11.73333vw 0; }

.surveym #cont06 .inner .text .txt span { display: block; margin: 0 0 14.4vw 0; }

.surveym #cont06 .inner .text .txt span.last { margin: 0; }

.surveym #cont06 .inner .text .txt span em { color: #f87d00; }

.surveym #cont06 .inner .text .txt span strong { display: inline-block; font-size: 1.33333em; line-height: 1.5; color: #f87d00; font-weight: bold; padding: 1.33333vw 0 0 0; }

.surveym #cont06 .inner .more_link { font-size: 1.0em; width: 181.33333vw; margin: 0 auto; }

.surveym #cont06 .inner .more_link a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; text-decoration: none; background: #f87d00; font-size: 1.35em; color: #FFFFFF; letter-spacing: 0.2em; width: 100%; height: 27.73333vw; overflow: hidden; -webkit-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); }

.surveym #cont06 .inner .more_link a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 20vw; width: 4.8vw; height: 4.8vw; border-top: 0.8vw solid #FFFFFF; border-right: 0.8vw solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.surveym #cont06 .inner .more_link a:before { content: 'MORE'; display: block; position: absolute; font-family: 'Times New Roman'; top: -2.13333vw; left: 0; font-size: 17.33333vw; letter-spacing: 0.28em; line-height: 1.0; opacity: 0.3; }

.surveym #cont06 .inner .more_link a em { position: relative; top: 0; left: 0; }

.surveym #cont06 .inner p.more_link2 { width: 181.33333vw; font-size: 1.0em; margin: 0 auto; }

.surveym #cont06 .inner p.more_link2 a { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; color: #FFFFFF; text-decoration: none; width: 100%; height: 36.26667vw; box-sizing: border-box; background: url(/wordpress/wp-content/themes/original/images/survey/women/sp/link_bg02.jpg) center center no-repeat; background-size: cover; font-size: 2.5em; font-weight: bold; letter-spacing: 0.16em; -webkit-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); -moz-box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); box-shadow: 10px 10px 0px 0px rgba(85, 21, 2, 0.2); }

.surveym #cont06 .inner p.more_link2 a::before { display: block; content: ''; background: url(/wordpress/wp-content/themes/original/images/access/icon04.svg) center center no-repeat; background-size: cover; width: 15.46667vw; height: 10.13333vw; margin: 0 15.46667vw 0 0; }

.surveym #cont06 .inner ul li { color: #551502; font-size: 1.35em; line-height: 2; letter-spacing: 0.11em; text-align: justify; width: 100%; box-sizing: border-box; }

.surveym #cont06 .inner ul li em { color: #f87d00; }

.surveym #cont06 .inner ul li.text_1 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text01.png) left top no-repeat; background-size: 100% auto; height: 113.6vw; padding: 5.86667vw 15.2vw 0 68.8vw; margin: 9.86667vw 0 13.06667vw 0; }

.surveym #cont06 .inner ul li.text_2 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text02.png) left top no-repeat; background-size: 100% auto; height: 99.46667vw; padding: 6.4vw 68vw 0 17.6vw; margin: 0 0 12vw 0; }

.surveym #cont06 .inner ul li.text_3 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text03.png) left top no-repeat; background-size: 100% auto; height: 85.6vw; padding: 6.4vw 15.2vw 0 68.8vw; margin: 0 0 12.26667vw 0; }

.surveym #cont06 .inner ul li.text_4 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text04.png) left top no-repeat; background-size: 100% auto; height: 84.53333vw; margin: 0 0 12.53333vw 0; padding: 6.4vw 68vw 0 17.06667vw; }

.surveym #cont06 .inner ul li.text_5 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text05.png) left top no-repeat; background-size: 100% auto; height: 128.53333vw; margin: 0 0 14.4vw 0; padding: 5.86667vw 16vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_6 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text06.png) left top no-repeat; background-size: 100% auto; height: 54.93333vw; margin: 7.2vw 0 7.46667vw 0; padding: 13.33333vw 15.2vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_7 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text07.png) left top no-repeat; background-size: 100% auto; height: 54.93333vw; margin: 0 0 14.4vw 0; padding: 12.26667vw 68vw 0 17.33333vw; }

.surveym #cont06 .inner ul li.text_8 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text08.png) left top no-repeat; background-size: 100% auto; height: 84.26667vw; margin: 0 0 17.06667vw 0; padding: 5.6vw 15.46667vw 0 68.53333vw; }

.surveym #cont06 .inner ul li.text_9 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text09.png) left top no-repeat; background-size: 100% auto; height: 54.93333vw; margin: 0 0 21.06667vw 0; padding: 12.26667vw 68vw 0 17.6vw; }

.surveym #cont06 .inner ul li.text_10 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text10.png) left top no-repeat; background-size: 100% auto; height: 54.66667vw; margin: 3.73333vw 0 10.93333vw 0; padding: 13.33333vw 15.2vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_11 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text11.png) left top no-repeat; background-size: 100% auto; height: 54.4vw; padding: 14.93333vw 68vw 0 17.33333vw; }

.surveym #cont06 .inner ul li.text_12 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text12.png) left top no-repeat; background-size: 100% auto; height: 54.4vw; margin: 0 0 8.26667vw 0; padding: 6.93333vw 15.2vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_13 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text13.png) left top no-repeat; background-size: 100% auto; height: 69.33333vw; margin: 0 0 5.86667vw 0; padding: 5.06667vw 15.2vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_14 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text14.png) left top no-repeat; background-size: 100% auto; height: 54.4vw; margin: 0 0 13.6vw 0; padding: 12.53333vw 68vw 0 17.06667vw; }

.surveym #cont06 .inner ul li.text_15 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text15.png) left top no-repeat; background-size: 100% auto; height: 54.4vw; margin: 5.86667vw 0 6.93333vw 0; padding: 12.53333vw 68vw 0 17.33333vw; }

.surveym #cont06 .inner ul li.text_16 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text16.png) left top no-repeat; background-size: 100% auto; height: 54.4vw; margin: 0 0 7.73333vw 0; padding: 13.6vw 15.2vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_17 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text17.png) left top no-repeat; background-size: 100% auto; height: 54.4vw; margin: 0 0 6.93333vw 0; padding: 12.26667vw 68vw 0 17.33333vw; }

.surveym #cont06 .inner ul li.text_18 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text18.png) left top no-repeat; background-size: 100% auto; height: 54.4vw; margin: 0 0 12.8vw 0; padding: 13.6vw 15.2vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_19 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text19.png) left top no-repeat; background-size: 100% auto; height: 69.6vw; margin: 7.73333vw 0 12.26667vw 0; padding: 5.6vw 15.2vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_20 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text20.png) left top no-repeat; background-size: 100% auto; height: 113.33333vw; margin: 0 0 12.53333vw 0; padding: 5.86667vw 68vw 0 17.06667vw; }

.surveym #cont06 .inner ul li.text_21 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text21.png) left top no-repeat; background-size: 100% auto; height: 69.6vw; margin: 0 0 5.33333vw 0; padding: 5.6vw 15.2vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_22 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text22.png) left top no-repeat; background-size: 100% auto; height: 54.66667vw; margin: 0 0 13.33333vw 0; padding: 12.8vw 68vw 0 17.33333vw; }

.surveym #cont06 .inner ul li.text_23 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text23.png) left top no-repeat; background-size: 100% auto; height: 70.13333vw; margin: 9.6vw 0 4vw 0; padding: 5.86667vw 68vw 0 17.06667vw; }

.surveym #cont06 .inner ul li.text_24 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text24.png) left top no-repeat; background-size: 100% auto; height: 54.4vw; margin: 0 0 9.06667vw 0; padding: 24.26667vw 16vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_25 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text25.png) left top no-repeat; background-size: 100% auto; height: 54.4vw; margin: 0 0 21.33333vw 0; padding: 12.26667vw 68vw 0 17.06667vw; }

.surveym #cont06 .inner ul li.text_26 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text26.png) left top no-repeat; background-size: 100% auto; height: 54.4vw; margin: 2.93333vw 0 13.86667vw 0; padding: 13.6vw 16vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_27 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text27.png) left top no-repeat; background-size: 100% auto; height: 55.73333vw; margin: 0 0 12.8vw 0; padding: 6.4vw 68vw 0 17.33333vw; }

.surveym #cont06 .inner ul li.text_28 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text28.png) left top no-repeat; background-size: 100% auto; height: 69.86667vw; margin: 0 0 12vw 0; padding: 5.6vw 16vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_29 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text29.png) left top no-repeat; background-size: 100% auto; height: 69.86667vw; margin: 0 0 12.26667vw 0; padding: 5.86667vw 68vw 0 17.33333vw; }

.surveym #cont06 .inner ul li.text_30 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text30.png) left top no-repeat; background-size: 100% auto; height: 69.86667vw; margin: 0 0 13.33333vw 0; padding: 5.6vw 15.2vw 0 68.8vw; }

.surveym #cont06 .inner ul li.text_31 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text31.png) left top no-repeat; background-size: 100% auto; height: 85.33333vw; margin: 0 0 12vw 0; padding: 5.6vw 68vw 0 17.06667vw; }

.surveym #cont06 .inner ul li.text_32 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text32.png) left top no-repeat; background-size: 100% auto; height: 70.4vw; margin: 8.8vw 0 11.73333vw 0; padding: 5.6vw 68vw 0 17.06667vw; }

.surveym #cont06 .inner ul li.text_33 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text33.png) left top no-repeat; background-size: 100% auto; height: 56.53333vw; margin: 0 0 5.33333vw 0; padding: 6.13333vw 16vw 0 68.53333vw; }

.surveym #cont06 .inner ul li.text_34 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text34.png) left top no-repeat; background-size: 100% auto; height: 54.66667vw; margin: 0 0 6.93333vw 0; padding: 12.26667vw 68vw 0 17.33333vw; }

.surveym #cont06 .inner ul li.text_35 { background: url(/wordpress/wp-content/themes/original/images/survey/men/sp/cont06_text35.png) left top no-repeat; background-size: 100% auto; height: 54.66667vw; padding: 13.33333vw 15.2vw 0 68.8vw; margin: 0 0 9.6vw 0; }

@media screen and (min-width: 1000px) { .surveym #cont06 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/bg02.jpg) left top repeat; padding: 70px 0 80px 0; }
  .surveym #cont06:before { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/bg04.png) center top no-repeat; background-size: 1200px auto; width: 100%; height: 5861px; }
  .surveym #cont06:after { display: none; }
  .surveym #cont06 .inner { position: relative; top: 0; left: 0; z-index: 1; width: 100%; }
  .surveym #cont06 .inner .title { margin: 0 0 38px 0; }
  .surveym #cont06 .inner .title h3 { width: 340px; margin: 0 auto 27px auto; }
  .surveym #cont06 .inner .title p { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: auto; text-align: center; }
  .surveym #cont06 .inner .title p span { margin: 0 0 27px 0; }
  .surveym #cont06 .inner .title p span.last { margin: 0; }
  .surveym #cont06 .inner .box strong { width: 348px; margin: 0 auto; }
  .surveym #cont06 .inner .box strong.mr01 { margin: 76px auto 0 auto; }
  .surveym #cont06 .inner .box strong.mr02 { margin: 144px auto 0 auto; }
  .surveym #cont06 .inner .box p.img { width: 340px; margin: 0 auto; }
  .surveym #cont06 .inner .box p.img.img02 { margin: -15px auto 0 auto; }
  .surveym #cont06 .inner .box p.img.img03 { margin: -3px auto 0 auto; }
  .surveym #cont06 .inner .text { padding: 116px 0 0 0; }
  .surveym #cont06 .inner .text .txt { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; text-align: center; width: auto; margin: 0 auto 45px auto; }
  .surveym #cont06 .inner .text .txt.img { width: 100%; padding: 50px 0 44px 0; }
  .surveym #cont06 .inner .text .txt span { margin: 0 0 26px 0; }
  .surveym #cont06 .inner .text .txt span.last { margin: 0; }
  .surveym #cont06 .inner .text .txt span strong { font-size: 1.41667em; line-height: 1.52941; font-weight: normal; padding: 3px 0 0 0; }
  .surveym #cont06 .inner .more_link { width: 300px; }
  .surveym #cont06 .inner .more_link a { font-size: 1.2em; width: 300px; height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .surveym #cont06 .inner .more_link a:after { display: none; right: 84px; width: 5px; height: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }
  .surveym #cont06 .inner .more_link a:before { top: -3px; font-size: 28px; }
  .surveym #cont06 .inner .more_link a:hover { opacity: 0.7; }
  .surveym #cont06 .inner p.more_link2 { width: 400px; }
  .surveym #cont06 .inner p.more_link2 a { position: relative; top: 0; left: 0; height: 45px; background: #fdb001; font-size: 1.2em; font-weight: normal; letter-spacing: 0.16em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .surveym #cont06 .inner p.more_link2 a:hover { opacity: 0.7; }
  .surveym #cont06 .inner p.more_link2 a::before { width: 29px; height: 19px; margin: 0 24px 0 0; }
  .surveym #cont06 .inner p.more_link2 a:after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 70px; width: 7px; height: 7px; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .surveym #cont06 .inner ul { width: 720px; margin: 0 auto; }
  .surveym #cont06 .inner ul.bg01 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont06_bg01.png) center top no-repeat; background-size: 100% auto; height: 639px; margin: -18px auto 2px auto; }
  .surveym #cont06 .inner ul.bg02 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont06_bg02.png) center top no-repeat; background-size: 100% auto; height: 370px; margin: -12px auto 11px auto; }
  .surveym #cont06 .inner ul.bg03 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont06_bg03.png) center top no-repeat; background-size: 100% auto; height: 416px; margin: -16px auto 0 auto; }
  .surveym #cont06 .inner ul.bg04 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont06_bg04.png) center top no-repeat; background-size: 100% auto; height: 318px; margin: -18px auto 0 auto; }
  .surveym #cont06 .inner ul.bg05 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont06_bg05.png) center top no-repeat; background-size: 100% auto; height: 412px; margin: 9px auto 0 auto; }
  .surveym #cont06 .inner ul.bg06 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont06_bg06.png) center top no-repeat; background-size: 100% auto; height: 260px; margin: 6px auto 11px auto; }
  .surveym #cont06 .inner ul.bg07 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont06_bg07.png) center top no-repeat; background-size: 100% auto; height: 584px; margin: -19px auto 1px auto; }
  .surveym #cont06 .inner ul.bg08 { background: url(/wordpress/wp-content/themes/original/images/survey/men/pc/cont06_bg08.png) center top no-repeat; background-size: 100% auto; height: 358px; margin: -8px auto 0 auto; }
  .surveym #cont06 .inner ul li { font-size: 1.2em; line-height: 2.16667; letter-spacing: 0.07em; width: 415px; box-sizing: content-box; background: none !important; height: auto !important; }
  .surveym #cont06 .inner ul li.text_1 { padding: 42px 0 0 125px; margin: 0 0 46px 0; }
  .surveym #cont06 .inner ul li.text_2 { padding: 0 0 0 180px; margin: 0 0 56px 0; }
  .surveym #cont06 .inner ul li.text_3 { padding: 0 0 0 120px; margin: 0 0 47px 0; }
  .surveym #cont06 .inner ul li.text_4 { margin: 0 0 47px 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_5 { margin: 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_6 { margin: 0 0 45px 0; padding: 41px 0 0 120px; }
  .surveym #cont06 .inner ul li.text_7 { margin: 0 0 46px 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_8 { margin: 0 0 46px 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_9 { margin: 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_10 { margin: 0 0 46px 0; padding: 40px 0 0 120px; }
  .surveym #cont06 .inner ul li.text_11 { padding: 0 0 0 180px; margin: 0 0 45px 0; }
  .surveym #cont06 .inner ul li.text_12 { margin: 0 0 46px 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_13 { margin: 0 0 45px 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_14 { margin: 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_15 { margin: 0 0 45px 0; padding: 40px 0 0 180px; }
  .surveym #cont06 .inner ul li.text_16 { margin: 0 0 45px 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_17 { margin: 0 0 46px 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_18 { margin: 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_19 { margin: 0 0 47px 0; padding: 28px 0 0 120px; }
  .surveym #cont06 .inner ul li.text_20 { margin: 0 0 46px 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_21 { margin: 0 0 45px 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_22 { margin: 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_23 { margin: 0 0 46px 0; padding: 27px 0 0 180px; }
  .surveym #cont06 .inner ul li.text_24 { margin: 0 0 45px 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_25 { margin: 0 0 0 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_26 { margin: 0 0 46px 0; padding: 43px 0 0 120px; }
  .surveym #cont06 .inner ul li.text_27 { margin: 0 0 48px 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_28 { margin: 0 0 46px 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_29 { margin: 0 0 48px 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_30 { margin: 0 0 45px 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_31 { margin: 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_32 { margin: 0 0 48px 0; padding: 28px 0 0 180px; }
  .surveym #cont06 .inner ul li.text_33 { margin: 0 0 44px 0; padding: 0 0 0 120px; }
  .surveym #cont06 .inner ul li.text_34 { margin: 0 0 46px 0; padding: 0 0 0 180px; }
  .surveym #cont06 .inner ul li.text_35 { padding: 0 0 0 120px; margin: 0; } }