@charset "utf-8";
/*reset*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/*base style by takaki ver0.01 2017/11/10 */
html {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-weight: normal;
    font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, a {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    box-sizing: border-box;
    font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

strong {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 1rem;
    vertical-align: baseline;
    font-weight: bold;
    background: transparent;
    font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    box-sizing: border-box;
    letter-spacing: 0;
}



img,
video {
    vertical-align: bottom;
    max-width:100%;
    height: auto;
}

video {
    max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-weight: normal;
    font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

body {
    line-height: 1.25;
    min-width: 1080px;
}

li {
    list-style: none;
}

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

nav ul {
    list-style-type: none;
}

blockquote,
q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}


/*common*/
/* 3カラムボックス（PCのみ） */
.box-col3 {
    margin-top: -30px;
}
.img-caption{
    display:inline-block;
    margin-top:0.5rem;
    font-size:0.9rem;
    color:#4fa30f;
}
/* itiran */
.itiranh2{font-weight: bold;border-bottom: 2px solid #609620;font-size:1.2rem;padding-bottom:3px;text-align: center;margin-top: 1rem;}
.itiranh3{color: #666; border-bottom: 1px solid #666;font-size:0.9rem; font-weight: bold; margin-top: 5px; margin-bottom: 5px; padding-bottom:3px;padding-top:10px; background-color: #e9fdd2; text-align: center;}
.itiranp{
    color: #455a64;letter-spacing: 0;
    line-height: 1.7rem;
    font-size: .83rem;
}


@media screen and (min-width: 768px) {
    .box-col3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: 28px;
    }

    .box-col3 > * {
        margin-top: 30px;
        margin-right: 14px;
        width: 33.3%;
    }

    .box-col3 > *:nth-child(3n) {
        width: 33.4%;
        margin-right: -28px;
    }
}

@media screen and (max-width: 767px) {
    .box-col3 {
        margin-top: -10px;
    }

    .box-col3 > * {
        display: inline-block;
        margin-top: 10px;
        width: 49%;
    }

    .box-col3 > *:nth-child(even) {
        float: right;
    }
}

/*common*/
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: .5rem auto;
    width: 100%;
}

/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/**********/
/*reset vc*/
/**********/
.vc_row.vc_row.vc_row.vc_row {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.vc_column-inner.vc_column-inner.vc_column-inner.vc_column-inner {
    padding: 0;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
}

@media screen and (max-width:480px){
    .vc_row.vc_row.vc_row.vc_row {
        flex-wrap:wrap;
    }
    .itiranp{
    color: #455a64;letter-spacing: 0;
    line-height: 2.1rem;
    font-size: 1rem;
}
}
a {
    color: #333;
    transition: background .4s ease, color .4s ease;
}

.Pc a:hover {
    color: #006c79;
}

.commonButton {
    display: inline-block;
    padding: 1rem 2rem;
    border: 2px solid #000;
    background-color: #fff;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.Pc .commonButton:hover {
    background-color: #000;
    color: #fff;
}

.rideBox {
    position: relative;
}

.rideContent {
    position: absolute;
    top: 0px;
    left: 0px;
}

.image {
    text-align: center;
}

body .maxWidth {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0 1rem 1rem;
}

.minWidth {
    width: 100%;
    min-width: 1024px;
}

.vc_section {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

/*header*/
.tel.co1.left p {
    font-size: 1.2rem;
    font-weight: bold;
    color: #da3b09;
}

.telContent img {
    width: auto;
    margin: 0 auto;
}
.telContent {  
margin:-.5rem 0 .5rem;

}
.tel.co1.left p span {
    margin-top: 3px;
    display: inline-block;
}

.telWrapper {
    padding: 0.2rem  0.5rem;
    margin-left: auto;
}

.telWrapper p i {
    margin: 0 .6rem 0 0.4rem
}


.site-branding>div.co1 {
    padding-right: 1rem;
    width: calc(30% - .01px);
}
.site-branding>div.co2 {
    width: calc(70% - .01px);
}
.site-branding>.co1.left h1 {
    /* text-align: right; */
    width: 100%;
    margin-bottom: 0.2rem;
}

.siteTitle {
    margin-bottom: 0.5rem;
}



.telWrapper .co2.right p{
    font-size: 0.7rem;
}
.telWrapper .co2.right {
    padding-left: 0.4rem;
}

.telWrapper .co2 {
    font-size: 0.8rem;
}

footer {
    color: #fff;
}
.footerBg{
    background-image: url(/wp-content/uploads/2018/04/footer.png);
    background-size: auto 100;
    height:89px;
}

body .footerMenuWrapper {
    padding: 1rem 1rem;
    background: #fffbd987;
    margin-bottom: 1rem;
}

footer#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #444;
}

.menu .headMenuBox {
    padding: 1rem 0;
}

.menu-item a.menu-image-title-after.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper {
    padding: 0 .5rem;
}

/*2Column Design page*/


#main-nav li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #002b69;
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center;
}

#main-nav li a::after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
	background: #002b69;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.Pc #main-nav li a:hover::after {
    bottom: -4px;
    opacity: 1;
    visibility: visible;
}

span.site-description {
    font-size: .8rem;
}



h1.siteH1 {
    font-size: 0.9rem;
    color: #de004b;
    font-weight: bold;
    text-align: center;
}

/*breadcrumb*/
.breadcrumbWrapper {
    width: 100%;
}

div#breadcrumb {
    padding: 1.5rem 0 0;
}

.home .breadcrumbWrapper {
    padding: 0;
}

div#breadcrumb ul li {
    display: inline;
    font-size: .8rem;
}

div#breadcrumb ul li::after {
    display: inline;
    content: " > ";
}

div#breadcrumb ul li:last-child::after {
    display: inline;
    content: none;
}

.twoColumnpage div#main {
    width: calc(100% - 300px);
    padding-right: 1rem;
}
/*sidebar*/
div#sidebar {
    padding: 0 0 0 1rem;
    width: 300px;
    margin-top: 1rem;
}

div#sidebar .sidebarWrapper {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

div#sidebar .widget_media_image{
    margin-bottom:1rem;
}
/*icons*/
[class^="icon-"], [class*=" icon-"] {
    font-size: 2.0rem;
    padding: 0.6rem;
    letter-spacing: 0;
    display: inline-block;
}

.icon-facebook {
    background: #3b5998;
    color: #fff;
}

.icon-line {
    background: #4CAF50;
    color: #fff;
}

.icon-twitter {
    background: #1da1f2;
    color: #fff;
}

/*h tag style1*/

body .wpb_wrapper .style1 {
    padding: .5rem 1rem;
    /*文字の上下 左右の余白*/
    color: #494949;
    /*文字色*/
    background: #fcfcfc;
    /*背景色*/
    border-left: solid 5px #03A9F4;
    /*左線*/
    border-bottom: solid 3px #d7d7d7;
    /*下線*/
    margin-bottom: 1rem;
}

/*footer*/

.subFooterInner {
    text-align: center;
}

.subFooterWrapeer {
    background: #a9ce52;
    padding: .5rem;
    color: #333;
    font-size: .9rem;
}

.subFooterWrapeer a {
    font-size: .9rem;
}

/*News list*/

#news {
    margin: 3rem 0 0;
}

.newsListWrapper {
    margin: 0rem 0 1rem;
}

.newsListWrapper h3 {
    display: inline-block;
    font-size: 1.1rem;
    transform: translateY(6px);
    width: calc(100% - 14.2rem);
}

.newsListWrapper h3 i {
    font-size: 1.3rem;
    margin-right: .1rem;
    color: #333;
    transform: translateY(1px);
}

.newsListWrapper h3 a {
    font-size: 1rem
}

.newsListWrapper li {
    padding: 0.6rem 1rem;
}

.newsListWrapper li:nth-child(even) {
    background: #ffffff;
}


.newsListWrapper a.cat {
    display: inline-block;
    margin: 0rem;
    font-size: 0.7rem;
    padding: 0.4rem 0;
    background: #444;
    color: #fff;
    width: 6.2rem;
    text-align: center;
    letter-spacing: 0rem;
    border: 1px solid #444;
}
/*default*/

h2.h2Style2 {
    font-size: 1.2rem;
    font-weight: bold;
    background: #0058a2;
    padding: 1rem 0;
    color: #fff;
    text-align: center;
    margin: 1rem 0 .3rem!important;
 
}

h3.h2Style3 {
  font-size: 1.1rem;
  width:100%;
  position: relative;
  display: inline-block;
  margin-top: 1rem;
  padding: .5rem .5rem .5rem 2.5rem;
  color: #fff;
  font-weight: bold;
  border-radius: 100vh 0 0 100vh;
  background: #8080a7;
}
.big {
  font-size: 1.8rem;
  padding-right: .8rem;
}
h3.h2Style3:before {
  position: absolute;
  top: calc(50% - 7px);
  left: 10px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  background: #fff;
}

h3.h2Style4 {
    font-size: 1rem;
    letter-spacing:0;
    text-align: center;
    padding: 1rem;
    position:relative;
    color: #ffffff;
    margin: 1rem 0 0.5rem!important;
    background-color:#CCA99D;
}
/*default*/

/*empty*/
.empty1rem{
        height:1rem;
}

/*table*/
div#wholeContents.twoColumnpage table{
    margin:.1rem auto .5rem;
}


div#wholeContents.twoColumnpage table:last-of-type{
    margin-bottom:2rem;    
}
div#wholeContents.twoColumnpage .wpb_single_image {
    margin:1rem 0;
    padding: 0 1rem;
}
div#wholeContents.twoColumnpage table.type-table02 img {
    padding: .9%;
    width:45px;
    height:45px;
}
/*green*/
.greenWrapper h3.h2Style3 {
    color: #ffffff;
    background-color:#adda79;
}
div#wholeContents.twoColumnpage .greenWrapper .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #7bb736;
    display: inline-block;
    margin-right:.4rem;
}
div#wholeContents.twoColumnpage .greenWrapper h4 {
    font-size: 1rem;
    padding: .3rem 0.7rem .3rem 1.1rem;
    display: inline-block;
    color: #353535;
    position: relative;
    font-weight: bold;
    margin: .5rem 0 .5rem;
}

div#wholeContents.twoColumnpage .greenWrapper h4:before {
    content:"";
    width: .5rem;
    background-color: #4CAF50;
    height: 1rem;
    display: inline-block;
    margin-top: 0.8rem;
    position: absolute;
    top: -0.4rem;
    left: 0.2rem;
}
div#wholeContents.twoColumnpage .greenWrapper .tabelHead {
    background-color: #d6ecfd;
}
div#wholeContents.twoColumnpage .greenWrapper .lead p{
    font-size:1.2rem;
    font-weight:bold;
    color:#468c00;
}
div#wholeContents.twoColumnpage .greenWrapper th {
    border: solid 1px #356b00;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #468c00;
    background: #c9e6ab;
}

div#wholeContents.twoColumnpage .greenWrapper td {
    border: solid 1px #356b00;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}

/*green*/

/*gray*/
.grayWrapper h3.h2Style3 {
    color: #333;
    background-color:#adda79;
}

div#wholeContents.twoColumnpage .grayWrapper .tabelHead {
    background-color: #d6ecfd;
}

div#wholeContents.twoColumnpage .grayWrapper th {
    border: solid 1px #ccc;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #333;
    background: #f7f5f2;
}

div#wholeContents.twoColumnpage .grayWrapper td {
    border: solid 1px #ccc;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}

/*gray*/

/*blue*/

.blueWrapper h3.h2Style5 {
  position: relative;
  padding: .5rem 1rem;
  font-size: 1.1rem;
}

.blueWrapper h3.h2Style5:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #86cff1, #86cff1 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #86cff1, #86cff1 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
div#wholeContents.twoColumnpage .blueWrapper .tabelHead {
    background-color: #e8fbd1;
}
div#wholeContents.twoColumnpage .blueWrapper .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #0489c5;
    display: inline-block;
    margin-right:.4rem;
}

div#wholeContents.twoColumnpage .blueWrapper h4 {
    font-size: 1rem;
    padding: .3rem 0.7rem .3rem 1.1rem;
    display: inline-block;
    color: #353535;
    position: relative;
    border-bottom: 1px solid #04a9f4;
    font-weight: bold;
    margin: .5rem 0 .5rem;
}

div#wholeContents.twoColumnpage .blueWrapper h4:before {
    content:"";
    width: .5rem;
    background-color: #04a9f4;
    height: 1rem;
    display: inline-block;
    margin-top: 0.8rem;
    position: absolute;
    top: -0.4rem;
    left: 0.2rem;
}
div#wholeContents.twoColumnpage .blueWrapper .lead p{
    font-size:1.2rem;
    font-weight:bold;
    color:#04a9f4;
}
div#wholeContents.twoColumnpage .blueWrapper th {
    border: solid 1px #0075ab;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #04a9f4;
    background: #c8edff;
}

div#wholeContents.twoColumnpage .blueWrapper td {
    border: solid 1px #0075ab;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}

/*blue*/

/*yellow*/
.yellowWrapper h3.h2Style3 {
    color: #564f09;
    background-color: #f8df00;
    margin: 20px auto 10px;
}


div#wholeContents.twoColumnpage .yellowWrapper .tabelHead {
    background-color: #fffcdc;
}
div#wholeContents.twoColumnpage .yellowWrapper .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #FFC107;
    display: inline-block;
    margin-right:.4rem;
}

div#wholeContents.twoColumnpage .yellowWrapper h4 {
    font-size: 1rem;
    padding: .3rem 0.7rem .3rem 1.1rem;
    display: inline-block;
    color: #353535;
    position: relative;
    font-weight: bold;
    margin: .5rem 0 .5rem;
}

div#wholeContents.twoColumnpage .yellowWrapper h4:before {
    content:"";
    width: .5rem;
    background-color: #e0cd29;
    height: 1rem;
    display: inline-block;
    margin-top: 0.8rem;
    position: absolute;
    top: -0.4rem;
    left: 0.2rem;
}
div#wholeContents.twoColumnpage .yellowWrapper .lead p{
    font-size:1.2rem;
    font-weight:bold;
    color:#bbab1a;
}
div#wholeContents.twoColumnpage .yellowWrapper  .item-head {
    background-color: #fffcdc;
}
div#wholeContents.twoColumnpage .yellowWrapper th {
    border: solid 1px #968807;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #bbab1a;
    background: #fffcdc;
}

div#wholeContents.twoColumnpage .yellowWrapper td {
    border: solid 1px #968807;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}


/*yellow*/
/*red*/
.redWrapper h3.h2Style3 {
    color: #ffffff;
    background-color:#ffa386;
}

div#wholeContents.twoColumnpage .redWrapper .tabelHead {
    background-color: #ffe3da;
}

div#wholeContents.twoColumnpage .redWrapper .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #e64210;
    display: inline-block;
    margin-right:.4rem;
}


div#wholeContents.twoColumnpage .redWrapper h4 {
    font-size: 1rem;
    padding: .3rem 0.7rem .3rem 1.1rem;
    display: inline-block;
    color: #353535;
    position: relative;
    font-weight: bold;
    margin: .5rem 0 .5rem;
}
div#wholeContents.twoColumnpage .redWrapper h4:before {
    content:"";
    width: .5rem;
    background-color: #ff5723;
    height: 1rem;
    display: inline-block;
    margin-top: 0.8rem;
    position: absolute;
    top: -0.4rem;
    left: 0.2rem;
}
div#wholeContents.twoColumnpage .redWrapper .lead p{
    font-size:1.2rem;
    font-weight:bold;
    color:#c95723;
}
div#wholeContents.twoColumnpage .redWrapper th {
    border: solid 1px #ffa386;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #c72f00;
    background: #ffdfd4;
}

div#wholeContents.twoColumnpage .redWrapper td {
    border: solid 1px #ffa386;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}
/*red*/
/*pink*/
.pinkWrapper h3.h2Style3 {
    color: #ffffff;
    background-color:#ff84ae;
}
div#wholeContents.twoColumnpage .pinkWrapper .tabelHead {
    background-color: #ffe3da;
}

div#wholeContents.twoColumnpage .pinkWrapper .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #f35b8f;
    display: inline-block;
    margin-right:.4rem;
}


div#wholeContents.twoColumnpage .pinkWrapper h4 {
    font-size: 1rem;
    padding: .3rem 0.7rem .3rem 1.1rem;
    display: inline-block;
    color: #353535;
    position: relative;
    border-bottom: 1px solid #f35b8f;
    font-weight: bold;
    margin: .5rem 0 .5rem;
}
div#wholeContents.twoColumnpage .pinkWrapper h4:before {
    content:"";
    width: .5rem;
    background-color: #f35b8f;
    height: 1rem;
    display: inline-block;
    margin-top: 0.8rem;
    position: absolute;
    top: -0.4rem;
    left: 0.2rem;
}
div#wholeContents.twoColumnpage .pinkWrapper .lead p{
    font-size:1.2rem;
    font-weight:bold;
    color:#f35b8f;
}
div#wholeContents.twoColumnpage .pinkWrapper th {
    border: solid 1px #ff5f98;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #c72f00;
    background: #ffd5e4;
}

div#wholeContents.twoColumnpage .pinkWrapper td {
    border: solid 1px #ff5f98;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}
/*pink*/


/*purple*/
.purpleWrapper h3.h2Style3 {
    color: #ffffff;
    background-color: #cb8ad6;
}

div#wholeContents.twoColumnpage .purpleWrapper .tabelHead {
    background-color: #ead9ec;
}


div#wholeContents.twoColumnpage .purpleWrapper .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #c221de;
    display: inline-block;
    margin-right:.4rem;
}

div#wholeContents.twoColumnpage .purpleWrapper h4 {
    font-size: 1rem;
    padding: .3rem 0.7rem .3rem 1.1rem;
    display: inline-block;
    color: #353535;
    position: relative;
    font-weight: bold;
    margin: .5rem 0 .5rem;
}

div#wholeContents.twoColumnpage .purpleWrapper h4:before {
    content:"";
    width: .5rem;
    background-color: #c220de;
    height: 1rem;
    display: inline-block;
    margin-top: 0.8rem;
    position: absolute;
    top: -0.4rem;
    left: 0.2rem;
}
div#wholeContents.twoColumnpage .purpleWrapper .lead p{
    font-size:1.2rem;
    font-weight:bold;
    color:#b020de;
}
div#wholeContents.twoColumnpage .purpleWrapper th {
    border: solid 1px #b020de;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #760a98;
    background: #ffd5e4;
}

div#wholeContents.twoColumnpage .purpleWrapper td {
    border: solid 1px #b020de;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}

/*purple*/
/*orange*/

.orangeWrapper h3.h2Style3 {
    color: #ffffff;
    background-color: #ff9800;
}

div#wholeContents.twoColumnpage .orangeWrapper .tabelHead {
    background-color: #ffc575;
}


div#wholeContents.twoColumnpage .orangeWrapper .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #d45800;
    display: inline-block;
    margin-right:.4rem;
}

div#wholeContents.twoColumnpage .orangeWrapper h4 {
    font-size: 1rem;
    padding: .3rem 0.7rem .3rem 1.1rem;
    display: inline-block;
    color: #353535;
    position: relative;
    font-weight: bold;
    margin: .5rem 0 .5rem;
}

div#wholeContents.twoColumnpage .orangeWrapper h4:before {
    content:"";
    width: .5rem;
    background-color: #d45800;
    height: 1rem;
    display: inline-block;
    margin-top: 0.8rem;
    position: absolute;
    top: -0.4rem;
    left: 0.2rem;
}
div#wholeContents.twoColumnpage .orangeWrapper .lead p{
    font-size:1.2rem;
    font-weight:bold;
    color:#d45800;
}
div#wholeContents.twoColumnpage .orangeWrapper th {
    border: solid 1px #FF9800;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #333;
    background: #faf0d3;
}

div#wholeContents.twoColumnpage .orangeWrapper td {
    border: solid 1px #FF9800;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.3rem!important;
    vertical-align: middle;
}

/*orange*/


/*turquoise*/
.turquoiseWrapper h3.h2Style3 {
    color: #ffffff;
    border-left: 1rem solid #009DBF;
    border-right: 1rem solid #009DBF;
    background-color: #00c5f3;
}

div#wholeContents.twoColumnpage .turquoiseWrapper .tabelHead {
    background-color: #7cd3e6;
}


div#wholeContents.twoColumnpage .turquoiseWrapper .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #009DBF;
    display: inline-block;
    margin-right:.4rem;
}

div#wholeContents.twoColumnpage .turquoiseWrapper h4 {
    font-size: 1rem;
    padding: .3rem 0.7rem .3rem 1.1rem;
    display: inline-block;
    color: #353535;
    position: relative;
    border-bottom: 1px solid #009DBF;
    font-weight: bold;
    margin: .5rem 0 .5rem;
}

div#wholeContents.twoColumnpage .turquoiseWrapper h4:before {
    content:"";
    width: .5rem;
    background-color: #009DBF;
    height: 1rem;
    display: inline-block;
    margin-top: 0.8rem;
    position: absolute;
    top: -0.4rem;
    left: 0.2rem;
}
div#wholeContents.twoColumnpage .turquoiseWrapper .lead p{
    font-size:1.2rem;
    font-weight:bold;
    color:#009DBF;
}
div#wholeContents.twoColumnpage .turquoiseWrapper th {
    border: solid 1px #007892;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #009DBF;
    background: #c1e0e6;
}

div#wholeContents.twoColumnpage .turquoiseWrapper td {
    border: solid 1px #007892;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}


/*turquoise*/
/*brown*/
.brownWrapper h3.h2Style3 {
    color: #ffffff;
    border-left: 1rem solid #c07e40;
    border-right: 1rem solid #c07e40;
    background-color: #c07e40;
}

div#wholeContents.twoColumnpage .brownWrapper .tabelHead {
    background-color: #d5ac85;
}


div#wholeContents.twoColumnpage .brownWrapper .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #c07e40;
    display: inline-block;
    margin-right:.4rem;
}

div#wholeContents.twoColumnpage .brownWrapper h4 {
    font-size: 1rem;
    font-weight: normal;
    padding: .3rem 0.7rem .3rem 1.1rem;
    display: inline-block;
    color: #353535;
    position: relative;
    border-bottom: 1px solid #c07e40;
    font-weight: bold;
    margin: .5rem 0 .5rem;
}

div#wholeContents.twoColumnpage .brownWrapper h4:before {
    content:"";
    width: .5rem;
    height:.5rem;
    background-color: #c07e40;
    height: 1rem;
    display: inline-block;
    margin-top: 0.8rem;
    position: absolute;
    top: -0.4rem;
    left: 0.2rem;
}
div#wholeContents.twoColumnpage .brownWrapper .lead p{
    font-size:1.2rem;
    font-weight:bold;
    color:#c07e40;
}
div#wholeContents.twoColumnpage .brownWrapper th {
    border: solid 1px #945b25;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #c07e40;
    background: #ece1d7;
}

div#wholeContents.twoColumnpage .brownWrapper td {
    border: solid 1px #945b25;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}
/*brownWrapper*/

/*azukiWrapper*/
.azukiWrapper h3.h2Style3 {
    color: #ffffff;
    border-left: 1rem solid #895b8a;
    border-right: 1rem solid #895b8a;
    background-color: #895b8a;
}

div#wholeContents.twoColumnpage .azukiWrapper .tabelHead {
    background-color: #c19ec1;
}


div#wholeContents.twoColumnpage .azukiWrapper .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #895b8a;
    display: inline-block;
    margin-right:.4rem;
}

div#wholeContents.twoColumnpage .azukiWrapper h4 {
    font-size: 1rem;
    padding: .3rem 0.7rem .3rem 1.1rem;
    display: inline-block;
    color: #353535;
    position: relative;
    border-bottom: 1px solid #895b8a;
    font-weight: bold;
    margin: .5rem 0 .5rem;
}

div#wholeContents.twoColumnpage .azukiWrapper h4:before {
    content:"";
    width: .5rem;
    background-color: #895b8a;
    height: 1rem;
    display: inline-block;
    margin-top: 0.8rem;
    position: absolute;
    top: -0.4rem;
    left: 0.2rem;
}
div#wholeContents.twoColumnpage .azukiWrapper .lead p{
    font-size:1.2rem;
    font-weight:bold;
    color:#895b8a;
}
div#wholeContents.twoColumnpage .azukiWrapper th {
    border: solid 1px #6a3a6b;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #895b8a;
    background: #e6d8e6;
}

div#wholeContents.twoColumnpage .azukiWrapper td {
    border: solid 1px #6a3a6b;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}

/*brownWrapper*/


h3.h2Style4::after{
    position:absolute;
    left:0;
    bottom:6px;
    width:100%;
    height:2px;
    background-color: rgba(255,255,255,1);
    content:"";
}
h3.h2Style4::before{
    position:absolute;
    left:0;
    top:6px;
    width:100%;
    height:2px;
    background-color: rgba(255,255,255,0.8);
    content:"";
}
h2.sectionH2 {
    font-size: 1.4rem;
    padding-bottom: 0.2rem;
}

h2.sectionH2 i {
    margin: 0 .2rem
}

h2.newsH2.sectionH2 {
    border-bottom: 4px double #6bb318;
    color: #6bb318;
}

h2.mapH2.sectionH2 {
    border-bottom: 4px double #215f90;
    color: #215f90;
    margin-bottom: 1rem;
}

time.entry-date {
    font-size: .8rem;
    padding: .4rem;
    background-color: #ddd;
    margin-right: 1rem;
    display: inline-block;
    width: 7rem;
    text-align: center;
}

div#wholeContents.twoColumnpage p {
    letter-spacing: 0;
    line-height: 1.5rem;
    padding: 0 .5rem;
    font-size: .95rem;
}
div#wholeContents.twoColumnpage p strong {
    letter-spacing: 0;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-bottom: .4rem;
    display: block;
    border-bottom: 2px solid #CCA99D;
}

div#wholeContents.twoColumnpage .tel.co1.left p {
    font-size: 1.6rem;
    font-weight: bold;
    color: #795548;
    text-align: center;
}

div#wholeContents.twoColumnpage .co2, div#wholeContents.twoColumnpage .co1 {
    padding: 0
}

div#wholeContents.twoColumnpage .telWrapper {
  margin-top: 1rem;
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border: 2px solid #d6ecfd;
}

div#wholeContents.twoColumnpage .telWrapper:before {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -24px;
  left: -2px;
  height: 24px;
  padding: 0 1em;
  content: 'contact';
  color: #0058a2;
  background: #d6ecfd;
}
div#wholeContents.twoColumnpage .btn {
    width: 100%
}

div#wholeContents.twoColumnpage .btn a {
    display: block;
    font-size: 1.1rem;
    width: 90%;
    margin: 2rem auto 0;
    padding: 0.9rem 0 0.8rem;
}

div#wholeContents.twoColumnpage .btn a i {
    font-size: 2.6rem;
    transform: translateY(0.6rem);
    color: #fff;
}

div#wholeContents.twoColumnpage th {
    border: solid 1px #8BC34A;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
    color: #4CAF50;
    background: #fbfff6;
}

div#wholeContents.twoColumnpage td {
    border: solid 1px #8BC34A;
    background-color: #ffffff;
    font-size: .8rem;
    padding: 0.4rem!important;
    vertical-align: middle;
}

div#wholeContents.twoColumnpage dt {
    margin-top: 1rem;
    font-size: .9rem;
    line-height: 1.5rem;
    font-weight:bold;
}
div#wholeContents.twoColumnpage dd {
    font-size: .9rem;
    line-height: 1.5rem;
    margin-bottom:.5rem;
}
#wholeContents.twoColumnpage  .left .vc_column-inner {
    padding-right: .5rem;
}
#wholeContents.twoColumnpage  .right .vc_column-inner {
    padding-left: .5rem;
}
#wholeContents.twoColumnpage  .center .vc_column-inner {
    padding: 0 .25rem;
}
div#wholeContents.twoColumnpage div#shintaiJouken th {
    width: 15%;
}

div#wholeContents.twoColumnpage div#shintaiJouken td {
    width: 70%;
}

div#wholeContents.twoColumnpage div#jouken th {
    width: 30%;
}

div#wholeContents.twoColumnpage #jouken td {
    width: 70%;
}

div#wholeContents.twoColumnpage div#otherJouken th {
    width: 30%;
}

div#wholeContents.twoColumnpage #otherJouken td {
    width: 70%;
}

div#wholeContents.twoColumnpage .tabelHead {
    font-size: 1rem;
    text-align: center;
    padding: .5rem 1rem;
    background-color: #e8fbd1;
    border: 1px solid #ccc;
    color: #25435a;
}


div#wholeContents.twoColumnpage .fontAwesome li::before{
    content: "\f138";
    font-family: FontAwesome;
    color: #000000;
    display: inline-block;
    margin-right:.4rem;
}


div#wholeContents.twoColumnpage .entry-content section:first-of-type {
    margin: 0 0 2rem 0;
}



div#wholeContents.twoColumnpage .entry-content section:last-of-type {
    margin: 0 0 4rem 0;
}

.Pc .newsListWrapper a.cat:hover {
    background: #fff;
    border: 1px solid #444;
    color: #444;
}

.newsListWrapper a.cat.vacancy {
    background: #E91E63;
    color: #fff;
    border: 1px solid #E91E63;
}

.Pc .newsListWrapper a.cat.vacancy:hover {
    background: #ffffff;
    border: 1px solid #E91E63;
    color: #E91E63;
}

.newsListWrapper a.cat.info {
    background: #2196F3;
    color: #fff;
    border: 1px solid #2196F3;
}

.Pc .newsListWrapper a.cat.info:hover {
    background: #ffffff;
    border: 1px solid #2196F3;
    color: #2196F3;
}

.newsListWrapper a.cat.news {
    background: #8BC34A;
    color: #fff;
    border: 1px solid #8BC34A;
}

.Pc .newsListWrapper a.cat.news:hover {
    background: #ffffff;
    border: 1px solid #8BC34A;
    color: #55861c;
}

.newsList2 time {
    display: inline-block;
    margin-right: 1rem;
}

h2.pointH2.sectionH2 {
    border-bottom: 4px double #FF5722;
    color: #FF5722;
    margin-bottom: 1rem;
}

/*404 page*/
.error404 div#four-o-four {
    height: 60vh;
}

.error404 div#four-o-four main, .error404 div#four-o-four .entry-content {
    height: 100%;
}

section {
    margin: 2rem 0;
}

/*button*/
.btn {
    display: inline-block;
}

.linkBtn {
    display: inline-block;
    border: 1px solid #666;
    background-color: #666;
    color: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
    padding: .5rem 1rem;
}

.linkBtn:hover {
    display: inline-block;
    border: 1px solid #666;
    background-color: #fff;
    color: #666;
}

.redBtn {
    display: inline-block;
    border: 1px solid #f14d74;
    background: linear-gradient(to bottom, #e50012 0%,#b81c22 100%);
    color: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
    padding: .2rem;
    text-align: center;
}

.Pc .redBtn:hover {
    display: inline-block;
    background: #fff;
    color: #b81c22;
}

.ctaWrapper {
    text-align: right;
    margin-left: auto;
}
.ctaWrapper .redBtn.contact {
       padding: 0.82rem 0.4rem;
       vertical-align:  bottom;
}
.ctaWrapper .redBtn.app {
       padding: 0.88rem 0.4rem;
       vertical-align:  bottom;
}

.ctaWrapper .redBtn.contact i {
    font-size: 1.7rem;
    display:inline-block;
    margin-right: 0.4rem;
    transform: translateY(0);
}
.ctaWrapper .redBtn.app i {
    font-size: 1.3rem;
    display:inline-block;
    margin-right: 0.4rem;
    transform: translateY(0);
}
.ctaWrapper .redBtn.contact span{
    font-size: 1.0rem;
    display:inline-block;
    line-height: 1.3rem;
    transform: translateY(-3px);
}
.ctaWrapper .redBtn.app span{
    font-size: 1.0rem;
    display:inline-block;
    line-height: 1.3rem;
    transform: translateY(-3px);
}
.ctaWrapper .redBtn {
    border-radius: .4rem;
    font-size: 1.4rem;
    padding: 0.5rem 0.8rem;
    width:150px;
}
.ctaWrapper .redBtn i {
    font-size: 1.7rem;
    display:inline-block;
    margin-right: 0.6rem;
    transform: translateY(-7px);
}
.ctaWrapper .redBtn span{
    font-size: 0.9rem;
    display:inline-block;
    line-height: 1.2rem;
}

.menu-item a img {
    border: none;
    box-shadow: none;
    vertical-align: middle;
    display: inline;
    width: 2.4rem;
    height: auto;
}


.ctaWrapper .tel {
    height: 3.9rem;
    display:inline-block;
    width:auto;
    vertical-align: bottom;
}

.ctaWrapper .tel img{
    max-height: 100%;
}
.ctaWrapper .insta {
    height: 3.6rem;
    display:inline-block;
    width:auto;
    vertical-align: bottom;
}

.ctaWrapper .insta img{
    max-height: 100%;
}
.topBg {
    background-repeat: repeat-x;
    height: 22px;
    margin-bottom: 0.5rem;
    background: #fffbfc;
    background-image: radial-gradient(#ffcedf 20%, transparent 0), radial-gradient(#ffcedf 20%, transparent 0);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
}

p#pageTop {
    text-align: right;
    padding: 1rem;
}

p#pageTop a{
display:inline-block;
padding:1rem;
border:1px solid #666;
}



 /* キャンペーン   ========================================================================== */
.cp-box-ttl {
    background-color: #009bec;
    color: #fff;
    font-weight: normal;
    min-height: 70px;
    line-height: 1.5;
    padding-top: 14px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
}

.cp-box-ttl span {
    display: block;
    font-size: 14px;
    font-size: 0.8rem;
}

.cp-box-inner {
    padding: 10px 20px 35px;
    background: #fff;
    height: calc(100% - 70px);
}

.cp-box-price {
    line-height: 1;
    margin-bottom: 0.5rem;
    padding-left: 60px;
    padding-top: 0.5rem;
    position: relative;
}

div#wholeContents.twoColumnpage .cp-box-price .price-tx-exc {
    color: #e6002b;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
    /* line-height: 1rem; */
}

.cp-box-price .price-tx-exc strong {
    font-size: 30px;
    font-size: 2rem;
}

.cp-box-price .price-tx-inc strong {
    font-weight: normal;
}

.cp-box-priceUp {
    margin-bottom: 25px;
}

.cp-box-period {
    border-bottom: 1px solid #dedede;
    color: #e6002b;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.cp-box-notes {
    font-size: 12px;
    font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
    .cp-box-ttl {
        min-height: 60px;
        padding-top: 8px;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .cp-box-inner {
        padding: 10px 20px 20px;
    }

    .cp-box-price {
        line-height: 1;
        margin-bottom: 15px;
    }

    .cp-box-price .price-tx-exc {
        margin-bottom: 10px;
    }

    .cp-box-price .price-tx-exc strong {
        font-size: 26px;
        font-size: 2.6rem;
    }

    .cp-box-priceUp {
        margin-bottom: 10px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .cp-box-period {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .cp-box-notes {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

/* キャンペーン別 背景設定 */
#plan .cp-jisui .cp-color {
    color: #ec6d65;
}

#plan .cp-jisui .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_jisui.gif) repeat left top;
}

#plan .cp-twin .cp-color {
    color: #00479d;
}

#plan .cp-twin .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_twin.gif) repeat left top;
}

#plan .cp-nirindouji .cp-color {
    color: #92308d;
}

#plan .cp-nirindouji .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_nirindouji.gif) repeat left top;
}

#plan .cp-off-season .cp-color {
    color: #5bb53c;
}

#plan .cp-off-season .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_off_season.gif) repeat left top;
}

#plan .cp-sotsugyou .cp-color {
    color: #006948;
}

#plan .cp-sotsugyou .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_sotsugyou.gif) repeat left top;
}

#plan .cp-nenmatsu .cp-color {
    color: #985d00;
}

#plan .cp-nenmatsu .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_nenmatsu.gif) repeat left top;
}

#plan .cp-single-use .cp-color {
    color: #e74291;
}

#plan .cp-single-use .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_single_use.gif) repeat left top;
}

#plan .cp-group-use .cp-color {
    color: #e8465a;
}

#plan .cp-group-use .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_group_use.gif) repeat left top;
}

#plan .cp-genteiwari .cp-color {
    color: #009944;
}

#plan .cp-genteiwari .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_genteiwari.gif) repeat left top;
}

#plan .cp-gold .cp-color {
    color: #008cd6;
}

#plan .cp-gold .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_gold.gif) repeat left top;
}

#plan .cp-harutoku .cp-color, .cp-tokuwari .cp-color {
    color: #ed6c00;
}

#plan .cp-harutoku .cp-box-ttl, .cp-tokuwari .cp-box-ttl {
    background: url(/wp-content/themes/nanairo/school/saninchuoujidoushagakkou/bg_cp_harutoku.gif) repeat left top;
}

#plan .cp-box-ttl {
    background-color: #009bec;
    color: #fff;
    font-weight: normal;
    min-height: inherit;
    line-height: 1.5;
    padding-top: 14px;
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 0;
    height: 70px;
}

.lnav {
    height: 50px;
    padding: 0 0px;
    display: block;
}

.lnav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.lnav li {
    float: left;
    line-height: 1;
    position: relative;
    width: 191px;
}

.lnav li:after {
    background-color: #e0e0e0;
    content: '';
    display: block;
    height: 30px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 5px;
}

.lnav li:last-child:after {
    display: none;
}

.lnav a {
    color: #666;
    display: block;
    text-decoration: none;
}

.lnav a:hover {
    color: #74CF30;
}

.lnav span {
    border-radius: 2px 2px 0 0;
    display: block;
    height: 50px;
    padding-top: 12px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
}

.lnav .active {
    padding: 0 3px;
}

.lnav .active span {
    background-color: #fff;
    color: #009bec;
    font-weight: bold;
}

.lnav-btm li {
    width: 25%;
}



.Pc section#tipsBanner figure a {
    box-shadow: .1rem .1rem .1rem rgba(0, 0, 0, .2);
    transition: box-shadow .4s ease, transform .4s ease;
}

.Pc section#tipsBanner figure a:hover {
    box-shadow: .3rem .3rem .3rem rgba(0, 0, 0, .2);
    transform: translate(-.3rem, -.3rem)
}
ul.tips li a span::before {
    content: "\f0da";
    font-family: FontAwesome;
    width: 1rem;
    display: inline-block;
}
ul.tips li {
    width: 100%;
    margin: 0 0 1rem 0;
}
ul.tips li a{
    padding: .2rem;
    background: linear-gradient(to bottom, #e64d1d 39%,#c43e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width:100%;
    display:inline-block;
    color:#fff;
}
.Pc ul.tips li a:hover{
    color:#fff;
}

.Pc ul.tips li span.linkInner{
    border:1px solid #fff;
    width:100%;
    display:inline-block;
    padding: 1.1rem .8rem;
    transition:all .4s ease;
}
.Pc ul.tips li a:hover span.linkInner{
    color: #da3b09;
    background-color:#fff;
}



/*dropmenu*/

    .dropmenu {
      width: 80%;
      margin: 0 auto;
    }

    .dropmenu a {
      display: block;
      padding: 10px;
      text-decoration: none;
      color: #000;
      line-height: 1;
    }

    .dropmenu label {
      display: block;
      margin: 0 0 2px 0;
      padding: 0.5rem;
      line-height: 1;
      background :#007bbb;
      cursor :pointer;
      color: #50485B;
      border: 1px solid #50485B;
      background-color: transparent;
      font-size: .9rem;
      text-align: center;
    }

    .dropmenu input {
      display: none;
    }
    .dropmenu ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .dropmenu li {
      max-height: 0;
      overflow-y: hidden;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
    .dropmenu li a{
        display:block;
        position:relative;
        padding-right:2rem;
        font-size:.9rem;
        line-height:1rem;
        border-bottom:1px dotted;
        padding-top:.8rem
    }

    .dropmenu li a::after {
        content:"\f138";
        display: block;
        margin-left: 1.2rem;
        font-family:"fontAwesome";
        font-size: 1.2rem;
        position: absolute;
        top:calc(32%);
        right:0
    }
    .dropmenu li:last-child a {
        border-bottom:none;
    }
/*dropmenu*/




@media screen and (max-width: 767px) {
    .lnav {
        height: auto;
        display: block;
    }

    .lnav:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .lnav li {
        line-height: 1.2;
        width: 25%;
    }

    .lnav li:after {
        top: 10px;
    }

    .lnav span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 50px;
        padding-top: 0;
        text-align: center;
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 320px) {
    .lnav span {
        font-size: 11.25px;
        font-size: 3vw;
    }
}

/* ==========================================================================
   06. 宿泊施設
   ========================================================================== */
   #hotel > section:first-child{
    margin-top:0rem;
}
#hotel .hotel-box .ttl03 {
    font-size: 18px;
    font-size: 0.9rem;
}

#hotel .hotel-box:first-child {
    border: none;
    padding-top: 0;
}

#hotel .hotel-box:last-child {
    padding-bottom: 25px;
    margin-bottom:0;
}
.hotel-box-wrap section:first-child{
    margin-top:0;
}
#hotel .box-col3 + .ttl05{
    margin-top:2rem;
}

.hotel-box .ttl03{
    margin-bottom: 1rem;
}
.endyear-list{
    margin-top:1.5rem;
    font-size:0.9rem;
}
.main-sct{
    margin-bottom:0;
}
@media screen and (max-width: 767px) {
    #hotel .hotel-box {
        padding-top: 0;
    }

    #hotel .hotel-box .ttl03 {
        font-size: 16px;
        font-size: 1.6rem;
        padding-top: 7px;
    }

    #hotel .hotel-box:last-child {
        padding-bottom: 0;
    }
}

#spot > section:first-child{
    margin-top:0rem;
}
#spot .ttl03{
    margin-bottom:1rem;
}
.spot-box-wrap > section:first-child{
    margin-top:1rem;
}

#spot .main-sct{
    margin-bottom:4rem;
}
#spot .photo-slider{
    margin-bottom:2rem;
}



/* スライドショー
   ========================================================================== */
.photo-slider {
    margin-bottom: 30px;
}

.photo-slider li {
    overflow: hidden;
    position: relative;
}

.photo-slider .slide-caption {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 15px 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.slick-dots {
    margin-top: 20px;
    position: static;
    height: 20px;
}

.slick-dots li {
    vertical-align: top;
}

.slick-dots li button {
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #dadada;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    padding: 0;
}

.slick-dots li button:before {
    display: none;
}

.slick-dots li.slick-active button {
    background: #77D133;
    border-color: #77D133;
}



/*page-entry*/
.page-entry section {
    margin: 0;
}




#course h3{font-size: 2rem;font-weight: bold;padding: 0.8rem 0.5rem .2rem;margin-bottom:.8rem!important;}

#course .vc_col-sm-4{
    padding:0 .5rem;
}

/*bgStripe1*/
.bgStripe1 h3{
    color: #9C27B0;
    border-bottom: 2px solid #9C27B0;
    position: relative;
    }
.bgStripe1 h3:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 32.5%;
  height: 2px;
  content: '';
  background: #CCA99D;
}
.bgStripe1 .dropmenu li a {
    color: #9C27B0;
}

.bgStripe1 .dropmenu label{
    border: 1px solid #9C27B0;
    color: #9C27B0;
    transition: background .4s ease;
}
.Pc .bgStripe1 .dropmenu label:hover{
    background :  #9C27B0;
    color: #fff;
}

body #course .bgStripe1 .atLabel {
    border: 1px solid #9c27b0;
    background-color:#9c27b0;
}
body #course .bgStripe1 .taxExc {
    color:#9c27b0;
    border: 1px solid #9c27b0;
    border-left: transparent;
    border-right: transparent;
}
body #course .bgStripe1 >div{
    height:100%;
    padding-bottom: 1rem;
}


body #course .bgStripe1 .taxInc{
    border-color:#9c27b0;
}

/*bgStripe1*/


/*bgStripe2*/
.bgStripe2 h3{
    position: relative;
    color: #588e1a;
    border-bottom: 2px solid #609620;
    }
.bgStripe2 h3:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 32.5%;
  height: 2px;
  content: '';
  background: #CCA99D;
}
.bgStripe2 .dropmenu li a {
    color: #609620;
}

.bgStripe2 .dropmenu label{
    border: 1px solid #609620;
    color: #609620;
    transition: background .4s ease;
}
.Pc .bgStripe2 .dropmenu label:hover{
    background :  #609620;
    color: #fff;
}
body #course .bgStripe2 .atLabel {
    border: 1px solid #609620;
    background-color:#609620;
}


body #course .bgStripe2 .taxExc {
    color:#609620;
    border: 1px solid #609620;
    border-left: transparent;
    border-right: transparent;
}

body #course .bgStripe2 .taxInc{
    border-color:#609620;
}

body #course .bgStripe2 >div{
    height:100%;
    padding-bottom: 1rem;
}
body #course .bgStripe2 figure{
}
/*bgStripe2*/



/*bgStripe3*/


.bgStripe3 h3 {
    position: relative;
    color: #FF5722;
    border-bottom: 2px solid #FF9800;
    }
.bgStripe3 h3:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 32.5%;
  height: 2px;
  content: '';
  background: #CCA99D;
}
.bgStripe3 .dropmenu li a {
    color: #FF9800;
}

.bgStripe3 .dropmenu label{
    border: 1px solid #FF9800;
    color: #FF9800;
    transition: background .4s ease;
}
.Pc .bgStripe3 .dropmenu label:hover{
    background :  #FF9800;
    color: #fff;
}
body #course .bgStripe3 .atLabel {
    border: 1px solid #FF9800;
    background-color: #FF9800;
    color: #333;
}
body #course .bgStripe3 >div{
    height:100%;
    padding-bottom: 1rem;
}
body #course .bgStripe3 figure{
}

body #course .bgStripe3 .taxExc {
    color:#ff5722;
    border: 1px solid #FF9800;
    border-left: transparent;
    border-right: transparent;
}

body #course .bgStripe3 .taxInc{
    border-color:#FF9800;
}
/*bgStripe3*/


/*bgStripe4*/


.bgStripe4 h3 {
    position: relative;
    color: #ff1a00;
    border-bottom: 2px solid #ff1a00;
    }
.bgStripe4 h3:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 32.5%;
  height: 2px;
  content: '';
  background: #CCA99D;
}
.bgStripe4 .dropmenu li a {
    color: #ff1a00;
}

.bgStripe4 .dropmenu label{
    border: 1px solid #ff1a00;
    color: #ff1a00;
    transition: background .4s ease;
}
.Pc .bgStripe4 .dropmenu label:hover{
    background :  #ff1a00;
    color: #fff;
}

body #course .bgStripe4 .taxExc {
    color:#ff1a00;
}
body #course .bgStripe4 >div{
    height:100%;
    padding-bottom: 1rem;
}
body #course .bgStripe4 figure{
}
body #course .bgStripe4 .atLabel {
    border: 1px solid #ff1a00;
    background-color: #ff1a00;
}
body #course .bgStripe4 .taxExc {
    color: #ff1a00;
    border: 1px solid #ff1a00;
    border-left: transparent;
    border-right: transparent;
}

body #course .bgStripe4 .taxInc{
    border-color:#ff1a00;
}

/*bgStripe4*/



/*bgStripe5*/


.bgStripe5 h3 {
    position: relative;
    color: #f737c2;
    padding: 0.8rem 0 .5rem;
    border-bottom: 2px solid #e600a7;
    }
.bgStripe5 h3:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 32.5%;
  height: 2px;
  content: '';
  background: #CCA99D;
}
.bgStripe5 .dropmenu li a {
    color: #e600a7;
}

.bgStripe5 .dropmenu label{
    border: 1px solid #e600a7;
    color: #e600a7;
    transition: background .4s ease;
}
.Pc .bgStripe5 .dropmenu label:hover{
    background :  #e600a7;
    color: #fff;
}
body #course .bgStripe5 .taxExc {
    color:#ec37bb;
}
body #course .bgStripe5 >div{
    border-bottom: 2px solid #e600a7;
    height:100%;
    padding-bottom: 1rem;
}

body #course .bgStripe5 .atLabel {
    border: 1px solid #e600a7;
    background-color: #e600a7;
}
body #course .bgStripe5 .taxExc {
    color: #e600a7;
    border: 1px solid #e600a7;
    border-left: transparent;
    border-right: transparent;
}

body #course .bgStripe5 .taxInc{
    border-color:#e600a7;
}

/*bgStripe5*/


/*bgStripe6*/


.bgStripe6 h3{
   position: relative;
   color: #2196F3;
   border-bottom: 2px solid #2196F3;
}
.bgStripe6 h3:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 32.5%;
  height: 2px;
  content: '';
  background: #CCA99D;
}
.bgStripe6 .dropmenu li a {
    color: #2196F3;
}

.bgStripe6 .dropmenu label{
    border: 1px solid #2196F3;
    color: #2196F3;
    transition: background .4s ease;
}
.Pc .bgStripe6 .dropmenu label:hover{
    background :  #2196F3;
    color: #fff;
}



body #course .bgStripe6 >div{
    height:100%;
    padding-bottom: 1rem;
}

body #course .bgStripe6 .atLabel {
    border: 1px solid #2196F3;
    background-color: #2196F3;
}
body #course .bgStripe6 .taxExc {
    color: #2196F3;
    border: 1px solid #2196F3;
    /* line-height: 1.6; */
    border-left: transparent;
    border-right: transparent;
}

body #course .bgStripe6 .taxInc{
    border-color:#2196F3;
}


/*bgStripe6*/
/*bgStripe7*/

.bgStripe7 h3{
    position: relative;
    color: #88940e;
    border-bottom: 2px solid #818e09;
}
.bgStripe7 h3:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 32.5%;
  height: 2px;
  content: '';
  background: #CCA99D;
}

.bgStripe7 .dropmenu li a {
    color: #818e09;
}

body #course .bgStripe7 .taxExc {
    color:#818e09;
}

body #course .bgStripe7 >div{
    height:100%;
    padding-bottom: 1rem;
}

body #course .bgStripe7 .atLabel {
    border: 1px solid #818e09;
    background-color: #818e09;
}
body #course .bgStripe7 .taxExc {
    color: #818e09;
    border: 1px solid #818e09;
    border-left: transparent;
    border-right: transparent;
}

body #course .bgStripe7 .taxInc{
    border-color:#818e09;
}
/*bgStripe7*/

/*bgStripe8*/
.bgStripe8 h3{
    position: relative;
    color: #673AB7;
    padding: 0.8rem 0 .5rem;
    border-bottom: 2px solid #673AB7;
}
.bgStripe8 h3:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 32.5%;
  height: 2px;
  content: '';
  background: #CCA99D;
}
.bgStripe8 .dropmenu li a {
    color: #663ab7;
}

body #course .bgStripe8 .taxExc {
    color:#663ab7;
}

body #course .bgStripe8 >div{
    height:100%;
    padding-bottom: 1rem;
}

body #course .bgStripe8 .atLabel {
    border: 1px solid #663ab7;
    background-color: #663ab7;
}
body #course .bgStripe8 .taxExc {
    color: #663ab7;
    border: 1px solid #663ab7;
    /* line-height: 1.6; */
    border-left: transparent;
    border-right: transparent;
}
body #course .bgStripe8 .taxInc{
    border-color:#663ab7;
}
/*bgStripe8*/

/*bgStripe9*/

.bgStripe9 h3{
    background-color: #ff71b4;
    background-image:
        linear-gradient(45deg, #ffc5cf 12%, transparent 0, transparent 88%, #ffc5cf 0),
        linear-gradient(135deg, transparent 37%, #ff1b86 0, #ff1b86 63%, transparent 0),
        linear-gradient(45deg, transparent 37%, #ffc5cf 0, #ffc5cf 63%, transparent 0);
    color: #ffffff;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    text-shadow: 0px 1px 10px rgba(255, 228, 241, 0.31);
    padding: 0.8rem 0 .5rem;
    border-bottom: 4px solid #ff1b86;
}

body #course .bgStripe9 .atLabel>div {
    width: 4rem;
    height: 4rem;
    padding-top: 1.5rem;
    border: 1px solid #ff1b86;
    font-size: .8rem;
    letter-spacing: 0px;
    background-color: #ff1b86;
    color: #fff;
    border-radius: 1rem;
}
.bgStripe9 .dropmenu li a {
    color: #ff1c85;
}

.bgStripe9 .dropmenu label{
    border: 1px solid #ff1c85;
    color: #ff1c85;
    transition: background .4s ease;
}
.Pc .bgStripe9 .dropmenu label:hover{
    background :  #ff1c85;
    color: #fff;
}

body #course .bgStripe9 >div {
    border-top: 4px solid #ff1b86;
    border-bottom: 4px solid #ff1b86;
    height: 100%;
    padding-bottom: 1rem;
}
body #course .bgStripe9 .taxExc {
    color:#ff1b86;
}
/*bgStripe9*/




/*tax-school_cat*/
.tax-school_cat ul.schoolWrapper {
  width:calc(100% - 1rem);
  margin:auto;
}
.tax-school_cat ul.schoolWrapper li {
    padding: 0.6rem 1rem;
    background:#e7f3db;
    border-bottom:1px solid #fbfbfb
}

.tax-school_cat ul.schoolWrapper li::before {
  content: "\f0da";
  font-family:"fontAwesome";
  display:inline-block;
  margin-right:1rem;
 
}
.tax-school_cat ul.schoolWrapper li:nth-child(even) {
    background:#F1F8E9;
}
.tax-school_cat ul.schoolWrapper li:last-child {
  border-bottom:none;
}



.tax-school_cat #wholeContents.single-school #main {
    margin: 1rem 0;
    padding: 1.5rem 0rem 0.5rem;
    background: #fbfbfb;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}



.thankyouMessage{
margin-top:2rem; 
}


@media screen and (max-width: 767px) {
    .photo-slider {
        margin-bottom: 20px !important;
    }

    .photo-slider .slide-caption {
        padding: 8px 12px;
        font-size: 11px;
        font-size: 1.1rem;
    }

    .slick-dots {
        height: 12px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .slick-dots li {
        margin: 0 3px;
        height: 12px;
        width: 12px;
    }

    .slick-dots li button {
        border-radius: 6px;
        height: 12px;
        width: 12px;
    }
}



#footer-tabs-list{
    display:flex;
    display: none;
}
#footer-tabs-list li{
    width:100%;
    text-align:center;
    border-right:1px solid #ddd;
}
#footer-tabs-list li:last-child{
    border:none;
}
#footer-tabs-list  li label{
    transition:color 0.2s ease;
    cursor:pointer;
}
#footer-tabs-list label:hover{
    color: #74CF30;
}


div#footerMenu>div {
    width: calc(100% /4 - .01px);
}
/*google map*/
.map{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



div#footerMenu a {
    color: #4E342E;
    line-height: 1.8rem;
    font-size: .9rem;
    font-weight: bold;
}

div#footerMenu div>p::before {
    color: #37474f;
    line-height: 1.8rem;
    font-size: .9rem;
    content:"+ ";
    font-weight:  bold;
}

.Pc div#footerMenu a:hover {
    text-decoration:underline;
}

div#footerMenu .f_menu {
    color: black; 
    font-weight: bold;
    border-left: 5px solid #d30606;
    display: inline-block;
    padding: 0 0 0 5px;
    height: 20px;
}

div#footerMenu .f_simenu{
    margin-left: 0;
}
div#footerMenu .f_sinmenu li::before {
    color: #37474f;
    line-height: 1.8rem;
    font-size: .9rem;
    content:"- ";
    font-weight:  bold;
}
div#footerMenu .f_smenu{
    margin-left: .8em;
}
div#footerMenu .f_smenu li::before {
    color: #37474f;
    line-height: 1.8rem;
    font-size: .9rem;
    content:"- ";
    font-weight:  bold;
}
/*Tb*/


/*SP*/
@media screen and (max-width: 480px) {

    html {
        font-size: 3.6vw;
    }

    body {
        min-width: 320px;
    }
    .minWidth{
        min-width:0;
    }

    .site-branding>div {
        width: 100%;
    }

    .site-branding>div.co1 {
        padding: 0 0rem;
        margin-top: 10px;
    }
    
    .dis_none {
        display: none;
    }
    .site-branding>.co1.left h1 {
        text-align: center;
        width: 100%;
        display: block;
        letter-spacing: 0;
        margin-bottom: 0.7rem;
    }
    .site-branding>.co1.left{
        width:80%;
    }

    body .site-branding{
        flex-wrap: nowrap;
        padding: 0 0 0 0.5rem;
        position: fixed;
        top: 15px;
        left: 0;
        z-index: 999;
        background: #fff;
    }
    .topBg{
       position: fixed;
       top: 0;
       left: 0;
       z-index: 999;
	   width: 100%;
    }
    .telContent {
       margin: 6rem 0 -.5rem;
       width: 100%;
       display: flex!important;
        
    }
    .telContent .tel{
       width: 85%;
    }
    .telContent .insta{
       width: 15%;
    }
    /*menu*/
    #main-nav {
    flex-direction: column;
    position: fixed;
    text-align: center;
    top: 75px;
    right: 0;
    width: 70%;
    background-color:#eddcd6;
    z-index: 999;
    border-bottom-left-radius: 20px;
}
    #main-nav li{
        text-align:center;
        margin:0.5rem 0;
    }
    #main-nav li a{
        display:block;
        padding:0.8rem;
		color: #154265;
    }
    .menu .headMenuBox{
        padding:0;
    }
    .menuWrap {
        display:none;
    }

    .site-branding > .menu_btn{
        cursor:pointer;
        width: 60px;
        height: 3rem;
        padding: 0.3rem 0.5rem;
        margin-top: 1rem;
    }

    .menuBtn_inner{
        position:relative;
        height:100%;
        width:100%;
    }
    .menuBtn_inner > div{
        position:absolute;
        top:0px;
        width:100%;
        height:2px;
        background-color:#000;
        transition-propety:top,opacity,transform;
        transition-duration:0.2s;
    }

    .menu_btn .menuBtn_inner > div:nth-child(1){
        top:calc(25% - 1px);
    }
    .menu_btn .menuBtn_inner > div:nth-child(2){
        top:calc(50% - 1px);
    }
    .menu_btn .menuBtn_inner > div:nth-child(3){
        top:calc(75% - 1px);
    }

    .menu_btn.active{
        display:block;
    }
    .menu_btn.active .menuBtn_inner > div:nth-child(1){
        top:calc(50% - 1px);
        transform:rotate(45deg);
    }
    .menu_btn.active .menuBtn_inner > div:nth-child(2){
        top:calc(50% - 1px);
        opacity:0;
    }
    .menu_btn.active .menuBtn_inner > div:nth-child(3){
        top:calc(50% - 1px);
        transform:rotate(-45deg);
    }
    /*/////menu*/
    div#footerMenu a {
    font-size: 1rem;
    }

}

/*style.css*/

@media screen and (max-width: 320px){
    html{
        font-size:12px;
    }
}

div.wpcf7-mail-sent-ok {
    border: none;
}

div.wpcf7-mail-sent-ng {
    border: none;
}

div.wpcf7-spam-blocked {
    border: none;
}

div.wpcf7-validation-errors {
    border: none;
}


/***************TB****************/

@media screen and (max-width:768px) {

}


/***************TB****************/


/***************SP****************/

@media screen and (max-width:480px) {
body div#sidebar, body div#main {
    width: auto;
    padding: 0;
}
body .atLabel>div {
    margin-left: 2.5rem;
}
.atLabelWrapper .left {
    width: 9rem;
}
.atLabelWrapper .right {
    width: calc(100% - 9rem);
}
.twoColumnpage div#sidebar, .twoColumnpage div#main {
    width: 100%;
    padding: 0;
}
body .footerMenuWrapper {
    padding: 2rem;
}
div#footerMenu>div {
    width: 100%;
    margin-bottom: 10px;
}
div#wholeContents.twoColumnpage .entry-content section:last-of-type {
    margin: 0 0 2rem 0;
}
div#wholeContents.twoColumnpage .btn a i {
    font-size: 1.8rem;
    color: #fff;
    margin: 0;
}

div#sidebar .widget_media_image {
    margin-bottom: 1rem;
    text-align: center;
}
.wpb_text_column.wpb_content_element.taxExc p{
    font-size: 1.6rem;
    font-weight: bold;
}

body #course .atLabel>div{
    margin:0;
}

body #course [class*="bgStripe"]  .taxExc p{
    padding:0;
    font-size: 20px;
    letter-spacing: 0;
}

body ul.tips li{
    width:48%;
    margin:auto;
    margin-bottom:1rem;
}
body ul.tips li a span.linkInner{
    font-size: 1rem;
}
body ul.tips li a span::before {
    width: .5rem;
}
ul.tips li a{
   padding: 0.8rem 0.4rem; 
}
    
 .vertical {
        writing-mode: vertical-rl;
    }
}



/***************SP****************/




#pagetop{
  right: 10px;
  bottom:  -60px;
  position: fixed;
}
#pagetop a{
  display: inline-block;
  background: #fff;
  padding: 1rem;
  border: 1px solid #666;
}
@media screen and (max-width: 480px) {
  .ctaWrapper .redBtn.app {
    padding: 0.6rem 0.1rem;
    width:125px;
}
}