@charset "UTF-8";
/* ＝＝＝＝＝＜リセット＞＝＝＝＝＝ */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
html, body, div, span, h1, h2, h3, h4, h5, a, dl, dt, dd, ol, ul, li, table, caption, tbody, tr, th, td, article, aside, figure, figcaption, footer, header, nav, section, button {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 　共通設定
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.colorDarkBlue {color: #0e7ac4;}
.colorBlue {color: #40aaef;}
.colorGreen {color: #00b9bf;}
.colorLightGreen {color: #58d571;}
.colorBlack {color: #4d4d4d;}
.colorLightBlack1 {color: #777777;}
.colorLightBlack2 {color: #cccccc;}
.colorOrange {color: #ffa000;}
.colorLightOrange {color: #fe937f;}
.colorWhite {color: #ffffff;}
.colorRequired {color:#b70000;}
.bgDarkBlue {background-color: #0e7ac4;}
.bgBlue {background-color: #40aaef;}
.bgGreen {background-color: #00b9bf;}
.bgLightGreen {background-color: #58d571;}
.bgBlack {background-color: #363937;}
.bgLightBlack1 {background-color: #777777;}
.bgLightBlack2 {background-color: #cccccc;}
.bgOrange {background-color: #ffa000;}
.bgLightOrange {background-color: #fe937f;}
.bgWhite {background-color: #ffffff;}
.right {text-align: right;}
.center {text-align: center;}
.left {text-align: left;}
.font16 {font-size: 16px;}
.font24 {font-size: 24px;}
.font30 {font-size: 30px;}
.font42 {font-size: 42px;}
.font48 {font-size: 48px;}
.font72 {font-size: 72px;}
.weightThin {font-weight: 200;}
.weightLight {font-weight: 300;}
.weightDemiLight {font-weight: 350;}
.weightRegular {font-weight: 400;}
.weightMedium {font-weight: 500;}
.weightBold {font-weight: 700;}
.weightBlack {font-weight: 900;}

br.sp {display: none;}
br.pc {display: block;}
.pcViewBlock {display: block !important;}
.pcViewInBlock {display: inline-block !important;}
.spViewBlock {display: none !important;}
.spViewInBlock {display: none !important;}

@media screen and (min-width:641px) {
    br.sp {display: none !important;}
    br.pc {display: block !important;}
    .breadcrumb .bcNone, .breadcrumb br.pc.bcNone {display: none !important;}
    div.news .newsTitle .bcNone, div.news .newsTitle br.pc.bcNone {display: none !important;}
}
@media screen and (min-width:0px) and (max-width:640px) {
    br.sp {display: block !important;}
    br.pc {display: none !important;}
    .pcViewBlock {display: none !important;}
    .pcViewInBlock {display: none !important;}
    .spViewBlock {display: block !important;}
    .spViewInBlock {display: inline-block !important;}
}

body {
    text-align: center;
    font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', helvetica,  arial, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #4d4d4d;
}

img {
    max-width: 100%;
}
h1 {
    font-size: 12px;
    color: #777777;
    font-weight: 300;
    margin-bottom: 5px;
}

h2{
    font-size: 40px;
    padding: 30px 0;
}

@media screen and (min-width:0px) and (max-width:640px) {
    h2 {
        font-size: 30px;
        padding: 15px 0;
    }
}


h3 {
    color: #00b9bf;
    font-weight: bold;
    font-size: 20px;
    line-height: 35px;
}
@media screen and (min-width:0px) and (max-width:640px) {
    h3 {
        font-size: 16px;
        line-height: 32px;
    }
}

p {
    color: #4d4d4d;
    line-height: 32px;
}

a {
    text-decoration: none;
}

.topPage a:hover {
    opacity: .7;
    transition: .3s;
}

/**/
#intercom-container,
.intercom-lightweight-app {
    display: none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
   パンくず
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 @media screen and (max-width: 767px)  {
	.breadcrumb {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		margin: 10px auto;
		padding: 0 16px;
		width: 100%;
    background: #F4F4F4;
	}
}
@media screen and (min-width: 768px) {
	.breadcrumb {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		/* width: 1100px; */
		/* margin: 20px auto; */
		/* padding: 0px; */
    background: #F4F4F4;
    padding: 16px;
	}
}
.breadcrumbBody {
	text-align: left;
	list-style: none;
  max-width: 1100px;
  margin: 0 auto;
}
.breadcrumbBody li {
	display: inline-block;
	letter-spacing: normal;
	position: relative;
	vertical-align: top;
}
/*
.breadcrumbBody li:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 10px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	right: -12px;
	top: 0;
	z-index: 5;
}
.breadcrumbBody li:after {
	background: #fff;
	content: "";
	display: block;
	width: 6px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -2px;
	z-index: 6;
}
*/
.breadcrumbBody .fa{
	display: none;
}
.breadcrumbBody li {
  margin-right: 25px;
}
.breadcrumbBody li:after {
	content: '';
  background: url(assets/img/_common/icon_breadcrumbs.svg) no-repeat center / contain;
	width: 5px;
	height: 10px;
	position: absolute;
	right: -16px;
  top: calc( 50% - 4px );
	z-index: 7;
}
.breadcrumbBody li:last-child:after{
  content: none;
}
.breadcrumbBody li a {
	color: #4d4d4d;
	font-size: 13px;
	text-decoration: none;
	display: block;
	position: relative;
  font-weight: normal;
}
.breadcrumbBody li a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #666666;
  left: 0;
  bottom: 0;
}
.breadcrumbBody li a:hover {
	opacity: .7;
	transition: .3s;
}
.breadcrumbBody li strong{
  font-weight: normal;
}
/* @media screen and (max-width: 767px)  {
    .breadcrumb {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        margin: 10px auto;
        padding: 0 16px;
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .breadcrumb {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        width: 1100px;
        margin: 20px auto;
        padding: 0px;
    }
}
.breadcrumbBody {
    text-align: left;
    letter-spacing: -.40em;
    list-style: none;
    height: 26px;
}
.breadcrumbBody li {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    vertical-align: top;
} */
/*
.breadcrumbBody li:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 10px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	right: -12px;
	top: 0;
	z-index: 5;
}
.breadcrumbBody li:after {
	background: #fff;
	content: "";
	display: block;
	width: 6px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -2px;
	z-index: 6;
}
*/
/* .breadcrumbBody .fa{
    display: none;
}
.breadcrumbBody li a {
    color: #4d4d4d;
    font-size: 12px;
    text-decoration: none;
    display: block;
    padding: 4px 14px;
    position: relative;
}
.breadcrumbBody li a:hover {
	opacity: .7;
	transition: .3s;
}
.breadcrumbBody li a:after {
    content: "\f105";
    font-family: FontAwesome;
    width: 0;
    height: 0;
    position: absolute;
    right: 4px;
    top: calc(50% - 10px);
    z-index: 7;
    font-size: 20px;
    color: #00B5BB;
}
.breadcrumbBody li.breadcrumbHome {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
}
.breadcrumbBody li.current-crumb {
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
}
.breadcrumbBody li.current-crumb:before,
.breadcrumbBody li.current-crumb:after,
.breadcrumbBody li.current-crumb a:before,
.breadcrumbBody li.current-crumb a:after {
    display: none;
} */
/*
.breadcrumbBody li.current-crumb a {
	color: #fff;
	font-weight: normal;
}
*/
/* .breadcrumbBody li.current-crumb a strong {
    font-weight: normal;
} */

/* Responsive Style */
/* タブレット縦、iPhone 7/6 Plus横 */
@media screen and (max-width: 770px) {
    .breadcrumb {
        display: none;
    }
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　メインビジュアル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝青背景スタイル＝＝＝＝＝*/
.main-visualHeight {
    position: relative;
    width: 100%;
    height: 550px;
    margin-bottom: 7em;
}
.main-visual {
    background: no-repeat center bottom;
    background-image: url("assets/img/renew2018/top/top_background.png");
    background-size: cover;
    background-color: #00b9bf;
    min-width: 970px;
}

.main-visual-logo-green {
    width: 760px;
    margin-left: -5px;
}

.main-visual-logo-p {
    display: none;
}
#container.main-visual {
    width: 100%;
    padding: 0;
    margin-bottom: 2em;
}

.main-visual{
    display: block;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.main-visual-inner{
    width: 950px;
    /*min-width: 970px;*/
    margin: 0 auto;
    height: 600px;
    padding-top: 15px;
    position: relative;
    text-align: center;
}

.main-visual-content {
    position: relative;
    height: 550px;
}

.main-visualFlex {
    display: flex;
}
.main-visualFlex .main-visualCatch {
    flex-basis: 560px;
    padding-top: 50px;
}

.main-visualFlex .main-visualCatch h1 {
    font-size: 28px;
    color: #ffffff;
    margin-bottom: 20px;
}

.main-visualFlex .main-visualCatch img {
    width: 400px;
}


.main-visualFlex .main-visualImg {
    flex-basis: 350px;
}

.reserveWrap {
    position: absolute;
    text-align: center;
    bottom: -32px;
    left: 50%;
    margin-left: -475px;
}

.reserveWrap .reserve {
    width: 950px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 36px;
}

/*ボックス======*/
.reserveWrap .reserve .reserveBox {
    flex-basis: 240px;
    border-radius: 10px;
    /*内側のグラデ指定*/
    background: linear-gradient(140deg, #ffffff, 80%, #cccccc);
    background: -moz-linear-gradient(310deg, #ffffff, 80%, #cccccc);
    background: -webkit-linear-gradient(to 140deg, #ffffff, 80%, #cccccc);
	background: linear-gradient(140deg, #ffffff 60%,#cccccc); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.2);   /* 影指定 */
}
.reserveWrap .reserve .reserveBoxTitle {
    background-color: #ff002c;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    border-radius: 10px 10px 0 0;
}

.reserveWrap .reserve .reserveBoxInner {
    height: 200px;
    padding: 5px 10px 10px 10px;
}

.reserveWrap .reserve .reserveBoxInner .reserveDate {
    display: flex;
    justify-content: center;
    color: #4d4d4d;
    font-size: 56px;
    font-weight: bold;
    line-height: 1em;
    padding-bottom: 12px;
    border-bottom: 1px solid #e6e6e6;
}

.reserveWrap .reserve .reserveBoxInner .reserveDateRight {
}

.reserveWrap .reserve .reserveBoxInner .reserveDateRight span {
    font-size: 24px;
    background-color: #4d4d4d;
    color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    margin-top: 14px;
    margin-left: 9px;
    line-height: 40px;
}

.reserveWrap .reserve .reserveBoxInner .reserveRemaind {
    font-weight: bold;
    font-size: 44px;
    color: #ff002c;
    line-height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 3px 0;
}

.reserveWrap .reserve .reserveBoxInner .reserveRemaind #reserveRemaindCount {
    font-size: 80px;
    margin-bottom: 10px;
}

.reserveWrap .reserve .reserveBoxInner .reserveBtn a:hover {
    opacity: .7;
    transition: .3s;
}


/*======*/
.reserveWrap .reserve .reserveCatch {
    flex-basis: 680px;
}

.reserveWrap .reserve .reserveCatch .reserveCatchBtn a {
    display: block;
    background-color: #00b9bf;
    border-radius: 4px;
    color: #ffffff;
}

.reserveWrap .reserve .reserveCatch .reserveCatchBtn a:hover {
    opacity: .7;
    transition: .3s;
}

/*キャッチ下のバッジ付きマーカーテキスト======*/
.reserveWrap .marker {
    position: relative;
    display: inline-block;
    letter-spacing: 1.5px;
    font-weight: 500;
    font-size: 18px;
    background: linear-gradient(transparent 65%, #fff47a 0%);
    margin-left: 78px;


}
.reserveWrap .marker::before {
    content: url(assets/img/renew2018/top/label.svg);
    display: inline-block;
    position: absolute;
    width: 60px;
    top: -24px;
    left: -76px;
}



/*＝＝＝＝＝丸ぽこスタイル＝＝＝＝＝*/
/* バウンドさせる要素を囲む要素 */
.bound-outer-elm {
    width: 200px;
    height: 200px;
    position: absolute;
}

/* バウンドする要素 */
.bound-inner-elm{
    opacity: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
/* jsによってbound-visibleクラスが付与された際、内側をアニメーションさせる */
.bound-outer-elm.bound-visible .bound-inner-elm{
    animation: bound 0.3s ease-in-out forwards;
}

/* バウンド要素のアニメーション */
@keyframes bound {
    0% {transform: scale(0.8); opacity: 0.5;}
    25% {transform: scale(1.2); opacity: 0.7;}
    50% {transform: scale(0.9); opacity: 1;}
    75% {transform: scale(1.1); opacity: 1;}
    100%{transform: scale(1); opacity: 1;}
}

/* くるくるさせる要素 */
.flip-front,
.flip-back {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 0 3px 10px 3px rgba(0,0,0,.2);
    overflow: hidden;
    padding: 20px;
    text-align: center;
}

.bound-inner-elm div.flip-front{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* くるくる表面 */
.flip-front {
    background: white no-repeat center center;

    /* アニメーション指定 */
    transition-duration: 0.25s;
    transition-delay: 0.25s;
    transition-property:transform,opacity,box-shadow;
    transition-timing-function: ease-out;
}

/* くるくるうら面 */
.flip-back{
    background-color: rgba(0,0,0,.7);

    transform: scale(1.1) rotateY(90deg);
    box-shadow: 0 10px 20px 10px rgba(0,0,0,.1);

    /* アニメーション指定 */
    transition-duration: 0.25s;
    transition-delay: 0s;
    transition-property:transform,opacity,box-shadow;
    transition-timing-function: ease-in;
}

.flip-back span {
    display: block;
    color: #ffffff;
    /*font-size: 12px;*/
    text-align: left;
    /*line-height: 1.4;*/
}
.bound-outer-elm:nth-of-type(4) .bound-inner-elm div.flip-back span {
    display: block;
    padding: 11%;
    color: #ffffff;
    font-size: 13px;
    text-align: left;
}

/* 詳細面の詳細ボタン */
.flip-back span.arrow {
    display: block;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #ffffff;
    padding: 10px;
}

/* マウスオーバー時の表面の変化 */
.bound-outer-elm.bound-visible:hover .flip-front {
    /* 縦長になって消える */
    transform: scale(1.1) rotateY(90deg);
    transition-delay: 0s;
    box-shadow: 0 10px 20px 10px rgba(0,0,0,.1);
    transition-timing-function: ease-out;
}

/* マウスオーバー時のうら面の変化 */
.bound-outer-elm.bound-visible:hover .flip-back{
    /* 縦長から正常サイズになって現れる */
    transform: scale(1) rotateY(0deg);
    box-shadow: 0 3px 10px 3px rgba(0,0,0,.2);
    transition-delay: 0.25s;
    transition-timing-function: ease-in;
}

.main-visual-sp {
    display: none;
}

@media screen and (max-width:640px) {
    .main-visualHeight {
        display: none;
    }
    .main-visual-sp {
        display: block;
    }
    .main-visual-sp img {
        width: 100%;
        vertical-align: bottom;
    }
    .spMainVisualWrap {
        width: 100%;
        padding-right: 1em;
        padding-left: 1em;
    }
    /*======*/
    .reserveBox {
        border-radius: 10px;
        /*内側のグラデ指定*/
        background: linear-gradient(140deg, #ffffff, 80%, #cccccc);
        background: -moz-linear-gradient(310deg, #ffffff, 80%, #cccccc);
        background: -webkit-linear-gradient(to 140deg, #ffffff, 80%, #cccccc);
        box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.2);   /* 影指定 */
    }
    .reserveBoxTitle {
	background-color: #ff002c;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	padding: 4px;
	border-radius: 10px 10px 0 0;
	position: relative;
    }
    .reserveBoxInner {
        padding: 5px 10px 10px 10px;
    }
    .reserveBoxInner .reserveBoxInnerFlex {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .reserveBoxInner .reserveDate {
        display: flex;
        justify-content: center;
        color: #4d4d4d;
        font-size: 30px;
        font-weight: bold;
        line-height: 1em;
        margin-right: .5em;
        padding-bottom: 12px;
    }
    .reserveBoxInner .reserveDateRight {
    }
    .reserveBoxInner .reserveDateRight span {
        font-size: 20px;
        background-color: #4d4d4d;
        color: #ffffff;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: block;
        margin-top: 0;
        margin-left: 7px;
        line-height: 30px;
    }
    .reserveBoxInner .reserveRemaind {
        font-weight: bold;
        font-size: 30px;
        color: #ff002c;
        line-height: 50px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 3px 0;
    }
    .reserveBoxInner .reserveRemaind #reserveRemaindCount {
        font-size: 55px;
        margin-bottom: 8px;
        padding: 0 2px;
    }
}

/*内部リンクのスクロール調整*/
#a01,
#a02,
#a03,
#a04 {
    margin-top: -160px;
    padding-top: 160px;
}

/*各丸のサイズ調整*/
.bound-outer-elm:nth-of-type(1) .bound-inner-elm div.flip-back span {
    padding: 5%;
    font-size: 12px;
}

.bound-outer-elm:nth-of-type(2) .bound-inner-elm div.flip-back span {
    padding: 4%;
    font-size: 12px;
    line-height: 1.4;
}

.bound-outer-elm:nth-of-type(3) .bound-inner-elm div.flip-back span {
    padding: 8% 5% 5% 5%;
    font-size: 13px;
}

.bound-outer-elm:nth-of-type(4) .bound-inner-elm div.flip-back span {
    padding: 11%;
    font-size: 14px;
}

.bound-outer-elm:nth-of-type(4) .bound-inner-elm div.flip-back span.arrow {
    height: 35%;
    text-align: center;
}

/* バウンド要素の位置情報 */
.bound-outer-elm:nth-of-type(1) {
    top: 100px;
    left: -30px;
    width: 160px;
    height: 160px;
}

.bound-outer-elm:nth-of-type(2) {
    top: 190px;
    left: 125px;
    width: 145px;
    height: 145px;
}

.bound-outer-elm:nth-of-type(3) {
    top: 290px;
    left: -30px;
    width: 185px;
    height: 185px;
}

.bound-outer-elm:nth-of-type(4) {
    top: 230px;
    left: 665px;
    width: 300px;
    height: 300px;
}

.bound-outer-elm:nth-of-type(1) .bound-inner-elm div.flip-front {
    background-image: url("assets/img/renew2018/top/green_rese.png");
}

.bound-outer-elm:nth-of-type(2) .bound-inner-elm div.flip-front {
    background-image: url("assets/img/renew2018/top/green_cloud.png");
}

.bound-outer-elm:nth-of-type(3) .bound-inner-elm div.flip-front {
    background-image: url("assets/img/renew2018/top/green_spo.png");
}

.bound-outer-elm:nth-of-type(4) .bound-inner-elm div.flip-front {
    background-image: url("assets/img/renew2018/top/green_app.png");
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
section {
    margin-bottom: 80px;
}

.contentWrap,
.contentWrapService {
    width: 1100px;
    margin: 0 auto;
}

/*テキスト*/
.contentWrap.first {
    text-align: center;
}

/*煽り見出し*/
h3.marker {
    position: relative;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    color: #00b9bf;
    background: linear-gradient(transparent 65%, #fff47a 0%);
    padding-left: 15px;
    padding-right: 15px;
}

h3.marker::before {
    content: '';
    background-image: url("assets/img/renew2018/top/svg/left.svg");
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    left: -10px;
    bottom: 0;
}

h3.marker::after {
    content: '';
    background-image: url("assets/img/renew2018/top/svg/right.svg");
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    right: -13px;
    bottom: 0;
}



/**/
.highCost {
    display: flex;
    justify-content: center;
    font-size: 34px;
    font-weight: bold;
}
.highCost p {
	color: #ffffff;
	padding-top: 0px;
	line-height: 52px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.highCost p.fukidashi {
    color: #00B9BF;
    background-image: url("assets/img/renew2018/top/svg/takai2.svg");
    background-repeat: no-repeat;
    width: 330px;
    height: 52px;
    background-size: contain;
    background-position: center;
    line-height: 52px;
    padding-top: 0;
	font-size: 27px;
	letter-spacing: 0.1em;
}

.costImg {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

/*詳しくはコチラボタン*/
.ryoukinWrap .linkBtn {
    padding-right: 133px;
    padding-bottom: 40px;
}

.linkBtn {
    text-align: right;
}

.linkBtn a {
    position: relative;
    color: #4d4d4d;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #00b9bf;
    padding-bottom: 3px;
    letter-spacing: 2px;
    transition: .3s;
    padding-right: 15px;
    transition: .3s;
}

.linkBtn a:hover {
    opacity: .7;
    transition: .3s;
}


.linkBtn a::after {
    position: absolute;
    content: "\f04b";
    font-family: FontAwesome;
    color: #00b9bf;
    padding-top: 5px;
    transition: .3s;
    right: 0;
}

.linkBtn a:hover::after {
    position: absolute;
    right: -10px;
    transition: .3s;
}


.contentWrap.ryoukinWrap {
    padding-bottom: 35px;
    margin-bottom: 3em;
}

/*特徴*/
.specsWrap {
    display: flex;
}

.specsWrapPadding {
    margin-bottom: 6em;
}

.specsWrap > div  {
    display: inline-block;
    width: 33%;
}

.specsWrap > div > a {
    display: inline-block;
    width: 100%;
}


.specsWrap .spec {
    width: 100%;
}

.specsWrap .spec h4 {
    position: relative;
    font-size: 22px;
    color: #00b9bf;
    height: 70px;
    line-height: 70px;
}

.specsWrap .spec h4::after {
    position: absolute;
    content: '';
    background-image: url("assets/img/renew2018/top/svg/zero_right.svg");
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    /*right: 0;*/
    /*bottom: 0;*/
    right: 0px;
    bottom: 0px;
}

.specsWrap .spec .specTopArea,
.specsWrap .spec .orcaSpecTopArea {
    display: flex;
    flex-direction: column;
    height: 220px;
    border-right: 1px solid #3cd2ce;
}

.specsWrap div:first-child a .spec .specTopArea,
.specsWrap .spec .orcaSpecTopArea {
    border-left: 1px solid #3cd2ce;
}

.specsWrap .spec .specImg,
.specsWrap .spec .orcaSpec {
    display: inline-block;
    height: 150px;
}

.specsWrap .spec .orcaSpec .specImg {
    display: inline-block;
    width: 122px;
    height: auto;
}

.specsWrap .spec p {
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    padding: 0 20px;
}

.specsWrap .spec .orcaSpec p {
    /* text-align: center; */
    /* font-size: 12px; */
    /* line-height: 1.5; */
    /* margin: 0; */
    display: none;
}

.specsWrap .spec img {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

/*操作ガイド*/
.youtubeArea {
    margin: 0 auto 200px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.youtubeImg {
    width: 100%;
    max-width: 840px;
    position: relative;
    /*padding-bottom : 56.25%;*/
    /*padding-bottom : 52%;*/
    padding-bottom : 44.1%;
    margin: auto;
}
.youtubeImg iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

/**/
.services {
    width: 800px;
    margin: 0 auto;
    border-bottom: 1px solid #3cd2ce;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.services:last-child {
    border-bottom: none;
}

.services > a {
    display: flex;
}

.servicesImg {
    margin-right: 22px;
}

.servicesImg img {
    width: 138px;
    height: 138px;
}

.servicesText {
    position: relative;
    display: inline-block;
    width: 640px;
    text-align: left;
}

.servicesText::after {
    position: absolute;
    content: "";
    background-image: url("assets/img/renew2018/top/svg/service_right.svg");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    right: 0;
    top: 50%;
    margin-top: -25px;
}

.servicesTextHeading {
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 5px;
}

.servicesText h4 {
    color: #3cd2ce;
    font-weight: bold;
    font-size: 38px;
}

.servicesText span {
    display: inline-block;
    font-weight: normal;
    background-color: #3cd2ce;
    color: #ffffff;
    font-size: 22px;
    height: 37px;
    padding: 0 10px;
    margin-right: 10px;
}

.servicesTextContent p {
    margin: 0;
}

/*ニュースリリース*/
.contents news{
	width: 1100px;
    margin: 0 auto;
}
.news {
    margin-bottom: 80px;
}
.news .linkBtn{
	margin-left: 7%;
	margin-right: 7%;
	width: auto;
}
.news a {
    text-decoration: none;
}

.news .topNews {
    list-style: none;
    margin-bottom: 1em;
}

.news .topNews li {
	padding-top: 1em;
	padding-right: 7%;
	padding-left: 7%;
	padding-bottom: 1em;
	margin-left: 8%;
	margin-right: 8%;
	position: relative;
}
.news .topNews li::after {
	content: '';
    border-bottom: 2px dotted #999;
	position: absolute;
	left: 7%;
	right: 7%;
	bottom: 0%;
}
.news .topNews li:first-child {
    border-top: 2px dotted #999;
}
.news .topNews li:last-child::after {
	left: 0%;
	right: 0%;
}
.news .newsInfo {
    display: flex;
    padding-bottom: .5em;
}

.news .newsInfo p {
    font-size: 18px;
    margin-right: 1em;
    margin-top: 0;
    margin-bottom: 0;
}

.newsTitle p {
    display: block;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}

.newsTitle p a {
    font-size: 18px;
    color: #00b9bf;
}

/*ニュースリリース各カテゴリカラー**********/
/*共通*/
.news .newsInfo a {
    display: inline-block;
    font-size: 16px;
    width: 150px;
    height: 25px;
    line-height: 23px;
    background-color: #ffffff;
    border-radius: 13px;
    transition: .3s;
    opacity: 10;
}

/*お知らせ*/
.news .newsInfo a[href*="/info"] {
    color: #00b9bf;
    border: 1px solid #00b9bf;
}
.news .newsInfo a[href*="/info"]:hover {
    background-color: #00b9bf;
    color: #ffffff;
    transition: .3s;
}
/**/
.news .newsInfo a[href*="/event"] {
    color: #ffa000;
    border: 1px solid #ffa000;
}
.news .newsInfo a[href*="/event"]:hover {
    background-color: #ffa000;
    color: #ffffff;
    transition: .3s;
}
/**/
.news .newsInfo a[href*="/service"] {
    color: #8b8bce;
    border: 1px solid #8b8bce;
}
.news .newsInfo a[href*="/service"]:hover {
    background-color: #8b8bce;
    color: #ffffff;
    transition: .3s;
}
/**/
.news .newsInfo a[href*="/media"] {
    color: #ff8c8e;
    border: 1px solid #ff8c8e;
}
.news .newsInfo a[href*="/media"]:hover {
    background-color: #ff8c8e;
    color: #ffffff;
    transition: .3s;
}
/*リリース*/
.news .newsInfo a[href*="/pr"] {
    color: #3cd2ce;
    border: 1px solid #3cd2ce;
}
.news .newsInfo a[href*="/pr"]:hover {
    background-color: #3cd2ce;
    color: #ffffff;
    transition: .3s;
}
/**/
.news .newsInfo a[href*="/development"] {
    color: #3c9fd8;
    border: 1px solid #3c9fd8;
}
.news .newsInfo a[href*="/development"]:hover {
    background-color: #3c9fd8;
    color: #ffffff;
    transition: .3s;
}

@media screen and (min-width:0px) and (max-width:640px) {
    .news .newsInfo a {
        font-size: 3.5vw;
        width: 28vw;
    }
	.news .topNews li {
	padding-right: 0%;
	padding-left: 0%;
	margin-left: auto;
	margin-right: auto;
	}
.news .topNews li::after {
	left: 0%;
	right: 0%;
}
.news .linkBtn{
	margin-left: 0%;
	margin-right: 0%;
}
}



/***********/
a.topNagayouBnr {
    display: block;
    width: 100%;
}

.chairman {
    display: flex;
}

.chairman .chairmanLeft {
    width: 340px;
}

.chairman .chairmanLeft img {
}

.chairman .chairmanRight {
    width: 760px;
}

.chairman .chairmanRight .chairmanRightText {
    display: flex;
    padding: 3em 0 1em 0;
    margin-bottom: 1em;
}

.chairmanRightText {
    border-bottom: 1px solid #00b9bf;
}

.chairmanRightText img {
    width: auto;
    height: 80px;
}

.chairmanRightText img:first-child {
    margin: 0 2em;
}

.chairmanRightBtn {
    text-align: right;
}

.topNagayouBnr .chairman .linkBtn {
    position: relative;
    display: inline;
    color: #4d4d4d;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #00b9bf;
    padding-bottom: 3px;
    letter-spacing: 2px;
    transition: .3s;
    padding-right: 15px;
    transition: .3s;
}

.linkBtn a:hover {
    opacity: .7;
    transition: .3s;
}

.topNagayouBnr .chairman .linkBtn::after {
    position: absolute;
    content: "\f04b";
    font-family: FontAwesome;
    color: #00b9bf;
    padding-top: 5px;
    transition: .3s;
    right: 0;
}

a.topNagayouBnr:hover .chairman .linkBtn::after {
    position: absolute;
    right: -10px;
    transition: .3s;
}
/*---------------------*/
a.chibatvBnr {
    display: block;
    width: 90%;
    margin: 40px auto 0;
}


/*詳しくはコチラボタン↓--------------*/
.ryoukinWrap .linkBtn {
    padding-right: 0px;
    padding-bottom: 40px;
	width: 700px;
}

.linkBtn {
	text-align: right;
	margin-right: auto;
	margin-left: auto;
}

.linkBtn a {
    position: relative;
    color: #4d4d4d;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #00b9bf;
    padding-bottom: 3px;
    letter-spacing: 2px;
    transition: .3s;
    padding-right: 15px;
    transition: .3s;
}

.linkBtn a:hover {
    opacity: .7;
    transition: .3s;
}

.linkBtn a::after {
    position: absolute;
    content: "\f04b";
    font-family: FontAwesome;
    color: #00b9bf;
    padding-top: 5px;
    transition: .3s;
    right: 0;
}

.linkBtn a:hover::after {
    position: absolute;
    right: -10px;
    transition: .3s;
}
/*↑---------------サンプル*/




/* スマホ用の設定 */
@media screen and (min-width:0px) and (max-width:640px) {
    section {
        margin-bottom: 50px;
    }
    /*コンテンツ幅*/
    .contentWrap {
        width: 100%;
        padding-right: .5em;
        padding-left: .5em;
    }
    h3.marker {
        font-size: 15px;
        background: none;
        text-align: center;
        line-height: 26px;
        padding-left: 0;
        padding-right: 0;
    }

    h3.marker::before {
        content: none;
    }
    h3.marker::after {
        content: none;
    }
    .pointMarker {
        background: linear-gradient(transparent 65%, #fff47a 0%);
    }

    /**/
    .contentWrap.ryoukinWrap {
        padding-bottom: .5em;
        margin-bottom: 1em;
    }
    .ryoukinWrap .highCost {
        font-size: 16px;
    }
    .ryoukinWrap .highCost p.fukidashi {
        width: 185px;
    }
    .ryoukinWrap .highCost p {
        margin: 5px 0;
    }

    .ryoukinWrap .highCost p:nth-child(2) {
        padding-top: 18px;
    }

    .ryoukinWrap .costImg {
        padding: 1em;
    }
    .ryoukinWrap .linkBtn {
        padding-right: 1em;
    }
    section.ryoukin h3 {
        text-align: left;
    }
    /*特徴*/
    .specsWrap {
        display: block;
    }
    .specsWrap > div {
        width: 100%;
    }
    .specsWrap a {
        width: 100%;
    }
    .spec > p {
        display: none;
    }
    .specsWrap .spec .specTopArea,
    .specsWrap .spec .orcaSpecTopArea {
        border-left: 1px solid #3cd2ce;
    }
    .specsWrapPadding {
        margin-bottom: 0;
    }
    .specsWrap .spec {
        margin-bottom: 3em;
    }
    /**/
    .youtubeArea {
        margin: 0 auto;
    }
    .youtubeImg {
        padding-bottom: 56.1%;
    }

    /**/
    .contentWrapService {
        width: 100%;
        padding: 0;
    }
    .serviceWrap .services {
        width: 100%;
        padding-left: 1vw;
    }
    .servicesTextHeading {
        display: block;
        padding-top: 0;
    }
    .servicesTextHeading span {
        font-size: 3.5vw;
        height: 5.5vw;
    }
    .servicesText h4 {
        font-size: 6vw;
    }
    .servicesTextContent p {
        line-height: 22px;
        font-size: 3.5vw;
    }
    .servicesText {
        width: 65vw;
    }
    .servicesText::after {
        width: 4vw;
        height: 6vw;
        right: -5vw;
        top: 60%;
        margin-top: -25px;
    }
    .servicesImg {
        margin-right: 2vw;
        padding-top: 2vw;
    }
    .servicesImg img {
        width: 25vw;
        height: 25vw;
    }
    .services:last-child {
        border-bottom: 1px solid #3cd2ce;
    }
    /*ニュースリリース*/
    .news .newsInfo p {
        font-size: 4.5vw;
    }
    .newsTitle p a {
        display: inline-block;
        font-size: 4.5vw;
        line-height: 1.5;
    }
    /**/
    .chairmantop {
        display: flex;
    }
    .chairmanImg {
        margin-bottom: 1em;
    }
    /**/
    a.chibatvBnr {
        display: block;
        width: 100%;
        margin: 20px auto 0;
    }
    /*詳しくはコチラボタン*/
    .linkBtn a {
        font-size: 14px;
    }
    .linkBtn a::after {
        padding-top: 7px;
    }

}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 　ボタン
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*ボタンスタイル*/
.kantan {
    position: relative;
    display: inline-block;
    margin: 2em 0;
}
.seminarBtn  {
    /*position: relative;*/
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.seminarBtn a {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 440px;
    background-color: #ffa000;
    height: 60px;
    border-radius: 2px;
    color: white;
    font-size: 24px;
    text-decoration: none;
    line-height: 60px;
    overflow: hidden;
    opacity: 1;
}

.seminarBtn a:hover {
    opacity: unset;
}

.kantan::before {
    position: absolute;
    content: '';
    background-image: url("assets/img/renew2018/top/svg/kantan.svg");
    background-repeat: no-repeat;
    width: 90px;
    height: 70px;
    left: -40px;
    bottom: 2px;
    z-index: 99;
}

.anim {
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}
.anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%;
}
.anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
}
.topPage .ripple a:hover {
}

.ripple:hover > .anim {
    -moz-animation: anim-out 0.5s;
    -webkit-animation: anim-out 0.5s;
    animation: anim-out 0.5s;
    animation-fill-mode: forwards;
    opacity: 1;
}
.ripple:hover > .anim:after {
    -moz-animation: anim-out-pseudo 0.5s;
    -webkit-animation: anim-out-pseudo 0.5s;
    animation: anim-out-pseudo 0.5s;
    animation-fill-mode: forwards;
    opacity: 1;

}
@-webkit-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 110%;
    }
}
@-moz-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 110%;
    }
}
@-ms-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 110%;
    }
}
@keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 110%;
    }
}
@-webkit-keyframes anim-out-pseudo {
    0% {
        background: #ffa000;
    }
    100% {
        background: rgba(255, 100 ,0 ,1);
    }
}
@-moz-keyframes anim-out-pseudo {
    0% {
        background: #ffa000;
    }
    100% {
        background: rgba(255, 100 ,0 ,1);
    }
}
@-ms-keyframes anim-out-pseudo {
    0% {
        background: #ffa000;
    }
    100% {
        background: rgba(255, 100 ,0 ,1);
    }
}
@keyframes anim-out-pseudo {
    0% {
        background: #ffa000;
    }
    100% {
        background: rgba(255, 100 ,0 ,1);
    }
}
/* バナーボタン*/
.demoBnr{
    margin-top: 1em;
}
@media screen and (min-width:0px) and (max-width:640px) {
    /*体験会のご予約ボタン*/
    .seminarBtn a {
        width: 250px;
        background-color: #ffa000;
        height: 50px;
        font-size: 16px;
        line-height: 50px;
    }
    .kantan::before {
        width: 70px;
        height: 47px;
        top: -14px;
    }
}

/* スマホ用の設定　iPhone5/SE */
@media screen and (min-width:0px) and (max-width:320px) {
    .seminarBtn a {
        width: 225px;
    }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 　サブページ　-　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*サブページコンテンツ幅*/
.subContainer {
    width: 850px;
    margin: 0 auto;
}
.subPage a:hover{
    opacity: .7;
    transition: .3s;
}

/*見出し*/
.subContainer h2 {
    font-size: 23px;
    text-align: left;
    padding-bottom: 1em;
}

.subContainer .img300Flex h2 {
    padding: 0;
    margin-bottom: .5em;
}


.subContainer.nagayou p {
    margin: 0;
    text-align: left;
}

.subContainer .img300Flex {
    display: flex;
}

.subContainer .img300Flex img {
    max-width: 300px;
}

.subContainer .img300Flex .pr4 {
    padding-right: 4em;
}

.subContainer .img300Flex .pr1 {
    padding-right: 1em;
}

/*デザイン*/
.tableDl {}

.tableDl {}

.tableDl dt {
    font-size: 20px;
    text-align: left;
    border-bottom: 1px solid #4d4d4d;
    padding-bottom: .5em;
    margin-bottom: .5em;
}

.tableDl ul {
    list-style: none;
    text-align: left;
    display: flex;
    margin-bottom: 1.5em;
}

.tableDl ul li.year {
    min-width: 90px;
    margin-right: 0;
}
.nagayouBnr {
    border: 1px solid #4d4d4d;
    padding: .5em 1em;
}
.nagayouBnr a{
    display: block;
    width: 100%;
}
.nagayouBnr h2{
    border-bottom: 1px solid #4d4d4d;
    padding-bottom: .5em;
    margin-bottom: .5em;
    line-height: 1;
    padding-top: 0;
    color: #4d4d4d;
}
.nagayouBnrWrap{
    display: flex;
}
.nagayouBnrWrap img{
    width: 240px;
}
.nagayouBnrWrap .nagayouBnrText {
    width: 600px;
    position: relative;
}
.nagayouBnr .nagayouBnrText p{
    font-size: 24px;
    padding-top: 22px;
    padding-left: 36px;
    padding-bottom: 0px;
    padding-right: 0px;
    line-height: 1.7em;
}
.nagayouBnrWrap .nagayouBnrText::after {
    content: '';
    position: absolute;
    background-image: url("assets/img/renew2018/nagayou/bnrRightArrow.svg");
    background-repeat: no-repeat;
    width: 15px;
    height: 32px;
    right: 0;
    top: 50%;
    margin-top: -16px;
}

.nagayouBnrLink {
    display: block;
    width: 100%;
}
section.bnrAnotherlife {
    margin-bottom: 40px;
}
.subContainer.nagayou .nagayoInterviewInfo p {
    text-align: right;
    font-size:smaller;
}


@media screen and (min-width:0px) and (max-width:640px) {
    /*サブページコンテンツ幅*/
    .subContainer {
        width: 100%;
        margin: 0 auto;
        padding: 1em;
    }
    /*見出し*/
    .subContainer h2 {
        font-size: 20px;
    }
    .subContainer .img300Flex .pr4 {
        padding-right: 0;
    }
    .subContainer .img300Flex .pr1 {
        padding-right: 0em;
    }
    .subContainer .img300Flex {
        display: block;
    }
    .tableDl ul {
        margin-bottom: 0;
        border-bottom: 1px solid #e6e6e6;
        padding: .5rem 0;
    }
    .tableDl ul.bbNone {
        border-bottom: none;
        padding-bottom: 0;
    }

    .spNagayouSs {
        margin-bottom: 1em;
    }
    .tableDl ul li {
        font-size: 15px;
    }
    /**/
    .nagayouBnrWrap {
        display: block;
    }
    .nagayouBnrWrap img {
        width: 100%;
    }
    .nagayouBnrWrap .nagayouBnrText {
        width: 100%;
    }
    .nagayouBnr .nagayouBnrText p{
        font-size: 16px;
        padding-top: 0;
        padding-left: 0;
    }
    .nagayouBnrWrap .nagayouBnrText::after {
        content: none;
    }
    .chibatv h2 {
        line-height: 1.2em;
    }
    .subContainer.nagayou .nagayoInterviewInfo p {
        text-align: left;
    }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 　
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.newSupport{
    width: 100%;
}
.newSupport section{
    width: 850px;
    margin: 0 auto 80px;
}
.newSupport section.yohaku{
    width: 850px;
    margin: 0 auto 50px;
}
/**/
.newSupport h2.aori {
    color: #4d4d4d;
    margin: 20px auto 30px;
    font-size: 36px;
    letter-spacing: 0.1em;
    position: relative;
    display: inline-block;
    padding: 0;
    font-weight: 500;
}
.newSupport h2.aori:before {
    content: '';
    background-image: url("assets/img/renew2018/support-renew/svg/left.svg");
    background-repeat: no-repeat;
    width: 28px;
    height: 46px;
    position: absolute;
    left: -1.2em;
    bottom: 0;
}
.newSupport h2.aori:after {
    content: '';
    background-image: url("assets/img/renew2018/support-renew/svg/right.svg");
    background-repeat: no-repeat;
    width: 28px;
    height: 46px;
    position: absolute;
    right: -1.2em;
    bottom: 0;
}
/**/
.newSupport .okomari-bg {
    background-image: url("assets/img/renew2018/support-renew/tittle-bg.png");
    background-repeat: repeat-x;
    width: 100%;
    height: 120px;
    background-position: bottom;
}

.newSupport h3.okomari {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1em;
    padding-bottom: 0;
    color: #4d4d4d;

}
/*ボタンスタイル*/
.newSupport .btnArea{
    display: flex;
    justify-content: center;
}
.newSupport .btnArea .flatBtn .btnDesign{
    border: 1px solid #3CD2CE;
    background-color: #3CD2CE;
    margin: auto;
    border-radius: 1px;
    width: 200px;
    height: 40px;
    padding-top: 3px;
}
.newSupport div .flatBtn p{
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    display: inline;
    vertical-align: middle;
    margin: 0;
}
.newSupport div.btnArea div.flatBtn {
    display: inline-flex;
    margin: 15px 10px 0;
}
.newSupport div.flatBtn a {
    text-decoration: none;
}
.newSupport .btnArea .flatBtn .btnDesign:hover{
    margin: auto;
    border-radius: 1px;
    width: 200px;
    height: 40px;
    padding-top: 3px;
    transition: 0.5s;
    opacity: .7;
}
/*.newSupport div.flatBtn:hover {*/
/*background-color: #000000;*/
/*transition: 0.5s;*/
/*}*/

/*.newSupport div.flatBtn:hover div {*/
/*border: 2px solid #000000;*/
/*background-color: #0000000;*/
/*transition: 0.5s;*/
}
.newSupport div.flatBtn:hover p {
    color: #ffffff;
    transition: 0.5s;
}
/**/
.newSupport .supportWrap{
    display: flex;
}
/**/
.newSupport .supportWrap .csSp img{
    display: none;
}
.newSupport .areaMedium h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
    text-align: left;
    color: #4d4d4d;
}
.newSupport .areaMedium {
    text-align: left;
}

.newSupport h3:before {
    content: none;
}
.newSupport h3:after {
    content: none;
}
.newSupport img{
    width: 360px;
}
.newSupport .btnArea{
    margin: 0 auto
}
.newSupport .areaMedium {
    width: 66%;
    margin-left:50px;
}
.newSupport .areaMedium .weightMedium{
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}
.newSupport .areaMedium .border-top{
    border-top: 1px solid #363937;
    padding-top: 1em;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}

/**/
.linkBtn {
    text-align: right;
}

.linkBtn a {
    position: relative;
    color: #4d4d4d;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #00b9bf;
    padding-bottom: 3px;
    letter-spacing: 2px;
    transition: .3s;
    padding-right: 15px;
    transition: .3s;
}

.linkBtn a:hover {
    opacity: .7;
    transition: .3s;
}

.linkBtn a::after {
    position: absolute;
    content: "\f04b";
    font-family: FontAwesome;
    color: #00b9bf;
    padding-top: 5px;
    transition: .3s;
    right: 0;
}

.linkBtn a:hover::after {
    position: absolute;
    right: -10px;
    transition: .3s;
}
.newSupport .linkBtn {
    padding-right: 0;
    padding-bottom: 0;
}

/**/
.newSupport .partnerBox{
    border: 1px solid #3cd2ce;
    border-radius: 8px;
    width: 90%;
    margin: 0 auto 25px;
}
.newSupport .partnerBox .partnerImg{
    width: 20%;
    position: relative;
}
.newSupport .partnerBox .partnerImg img{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.newSupport .partnerBox img.clinicImg{
    width: 80px;
}
.newSupport .partnerBox img.partner-companyImg {
    width: 108px;
}
.newSupport .partnerBox .partnerText .parent{
    width: 80%;
}
.newSupport .partnerBox .partnerText .child{
    margin: 16px 10px;
}
.newSupport .partnerBox .partnerText .child h4{
    text-align: left;
    display: block;
    margin-bottom: 0;
    color:#00b9bf;
    font-size: 16px;
    font-weight: 600;
}
.newSupport .partnerBox .partnerText ul{
    text-align: left;
}
.newSupport .partnerBox .partnerText ul li{
    list-style: none;
}
.newSupport .partnerBox .partnerText ul li:before{
    content: "・";
}
.newSupport .partnerBox .partnerText ul li.hard{
    margin-left: 48px;
}
.newSupport .partnerBox .partnerText ul.yokonarabi{
    display:flex;
}
.newSupport .partnerBox .partnerText ul.yokonarabi li{
    margin-right:16px;
}
@media screen and (min-width:0px) and (max-width:640px) {
    .newSupport h2.aori {
        font-size: 22px;
    }
    .newSupport h2.aori:before,
    .newSupport h2.aori:after {
        height: 28px;
    }

    .newSupport{
        width: 100%;
    }
    .newSupport section{
        width: 100%;
        margin: 0 auto 30px;
    }
    .newSupport section.yohaku{
        width: 100%;
        margin: 0 auto 80px;
    }
    /*ボタンスタイル*/
    .newSupport .btnArea{
        display: flex;
        justify-content: center;
    }
    .newSupport .btnArea .flatBtn .btnDesign{
        border: 1px solid #3CD2CE;
        background-color: #3CD2CE;
        margin: auto;
        border-radius: 1px;
        width: 150px;
        height: 40px;
        padding-top: 3px;
    }
    .newSupport div .flatBtn p{
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        display: inline;
        vertical-align: middle;
        margin: 0;
    }
    .newSupport div.btnArea div.flatBtn {
        display: inline-flex;
        margin: 15px 10px 0;
    }
    .newSupport div.flatBtn a {
        text-decoration: none;
    }
    .newSupport .btnArea .flatBtn .btnDesign:hover{
        margin: auto;
        border-radius: 1px;
        width: 150px;
        height: 40px;
        padding-top: 3px;
        transition: 0.5s;
        opacity: .7;
    }
    .newSupport div.flatBtn:hover p {
        color: #ffffff;
        transition: 0.5s;
    }
    /**/
    .newSupport .supportWrap{
        display: block;
    }
    /**/
    .newSupport .supportWrap .csPc img{
        display: none;
    }
    .newSupport .supportWrap .csSp img{
        display: block;
    }
    .newSupport .areaMedium h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 1em;
        margin-bottom: 0;
        padding-bottom: 0;
        display: block;
        text-align: left;
        color: #4d4d4d;
        margin-bottom: 1em;
    }
    .newSupport .areaMedium {
        text-align: left;
    }
    .newSupport h3:before {
        content: none;
    }
    .newSupport h3:after {
        content: none;
    }
    .newSupport img{
        /*width: 360px;*/
        width: 100%;
    }
    .newSupport .btnArea{
        margin: 0 auto;
    }
    .newSupport .areaMedium {
        margin: 0 auto;
        width: 90%;
    }
    .newSupport .areaMedium .weightMedium{
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }
    .newSupport .areaMedium .border-top{
        border-top: 1px solid #363937;
        padding-top: 1em;
        font-weight: 300;
        font-size: 14px;
        line-height: 24px;
    }
    .newSupport .partnerBox{
        display: flex;
    }
    /*詳しくはコチラボタン↓--------------*/
    .ryoukinWrap .linkBtn {
        padding-right: 133px;
        padding-bottom: 40px;
    }

    .linkBtn {
        text-align: right;
    }

    .linkBtn a {
        position: relative;
        color: #4d4d4d;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px solid #00b9bf;
        padding-bottom: 3px;
        letter-spacing: 2px;
        transition: .3s;
        padding-right: 15px;
        transition: .3s;
        font-size: 13px;
    }

    .linkBtn a:hover {
        opacity: .7;
        transition: .3s;
    }

    .linkBtn a::after {
        position: absolute;
        content: "\f04b";
        font-family: FontAwesome;
        color: #00b9bf;
        padding-top: 5px;
        transition: .3s;
        right: 0;
    }

    .linkBtn a:hover::after {
        position: absolute;
        right: -10px;
        transition: .3s;
    }
    .newSupport .partnerBox {
        display: block
    }
    .newSupport .partnerBox .csSp {
        width: 100%;
        height: 61px;
        background-color: #3cd2ce;
        border-radius: 7px 7px 0 0;
    }

    .newSupport .partnerBox .csSp p {
        position: relative;
        margin: 0;
        color: #ffffff;
        line-height: 60px;
        padding-left: 3em;
    }
    .newSupport .partnerBox .csSp.forClinic p {
        padding-left: 2.5em;
    }

    .newSupport .partnerBox .csSp span {
        position: absolute;
        left: -20px;
        top: 9px;
    }
    .newSupport .partnerBox .csSp span img {
        width: 60px;
        height: auto;
    }
    .newSupport .partnerBox .csSp.forClinic span img {
        width: 45px;
    }


    .newSupport .partnerBox .partnerText ul.yokonarabi{
        display: initial;
    }
    .newSupport .partnerBox .partnerText ul.yokonarabi li{

    }
    .newSupport .partnerBox .partnerText ul li.hard{
        margin-left: 0;
    }
}

/**/
#container .contents ul.textLink li a ,
#container .contents div.textLink a,
a.textLink {
  color: #e01f63;
  text-decoration: none;
  position: relative;
  /*display: inline-block;*/
  background-image: linear-gradient(120deg, #e01f63 0%, #e01f63 100%);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 100%;
  transition: background-size 0.3s ease-in;
}
#container .contents ul.textLink li a:hover ,
#container .contents div.textLink a:hover,
a.textLink:hover {
  background-size: 100% 1px;
}
img[src$=".svg"] {
	max-width: 100%;
	height: auto;
}
body.nagayou .pcViewInBlock {
	display: inline-block !important;
}
@media screen and (min-width:0px) and (max-width:640px) {
body.nagayou .pcViewInBlock {
	display: none !important;
}
body.nagayou .spViewInBlock {
	display: inline-block !important;
}
}

/**/
.top_ttl01{
	font-size: 22px;
	line-height: 1em;
	letter-spacing: 0.2em;
	display: inline-block;
	position: relative;
	color: #00B9BF;
	margin-bottom: 30px;
}
.top_ttl01::before{
	content: '';
	top: -0.9em;
	left: -0.9em;
	border-top: 1px solid #00B9BF;
	border-left: 1px solid #00B9BF;
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
}
.top_ttl01::after{
	content: '';
	bottom: -0.9em;
	right: -0.9em;
	border-bottom: 1px solid #00B9BF;
	border-right: 1px solid #00B9BF;
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
}
.kantan_dl{
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3em;
	position: relative;
	z-index: 1;
}
.kantan_dl a{
	display: flex;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 3px #D3D3D3;
	-webkit-box-shadow: 0px 0px 3px 3px #D3D3D3;
	position: relative;
}
.kantan_dl a:after{
	content: '';
	position: absolute;
	z-index: -1;
	top:0px;
	left: 0px;
	width: 0%;
	height: 100%;
	background-color: #FFA000;
	transition: all 0.3s 0s ease;
}
.kantan_dl a:hover:after{
	width: 100%;
}
.kantan_dl a:hover{
	opacity: 1;
}
.kantan_dl a .box01{
	width: 40%;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	background-color: #FFA000;
	font-weight: bold;
}
.kantan_dl a .box02{
	width: 60%;
	color: #FFA000;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	transition: all 0.3s 0s ease;
}

.kantan_dl a:hover .box02{
	color: #FFFFFF;
}
.specsWrap a{
	position: relative;
}
.specsWrap a:hover{
	opacity: 1;	
}
.specTopArea,.orcaSpecTopArea{
	height: 230px !important;
	padding-top: 10px;
}
.specsWrap a .specTopArea::before,.specsWrap a .orcaSpecTopArea::before{
	content: '';
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 2px;
	height: 0%;
	background-color: #3CD2CE;
	transition: all 0.3s 0s ease;
}
.specsWrap a .specTopArea::after,.specsWrap a .orcaSpecTopArea::after{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 0%;
	background-color: #3CD2CE;
	transition: all 0.3s 0s ease;
}
.specsWrap a:hover .specTopArea::before{
	height: 100%;
}
.specsWrap div:first-child a:hover .specTopArea::after{
	height: 100%;
	width: 2px;
}
.specsWrap a:hover .specTopArea::after{
	height: 100%;
}
.specsWrap a:hover .orcaSpecTopArea::before{
	height: 100%;
}
.specsWrap a:hover .orcaSpecTopArea::after{
	height: 100%;
	width: 2px;
}
.specsWrap a .specImg::before{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0%;
	height: 2px;
	background-color: #3CD2CE;
	transition: all 0.3s 0s ease;
}
.specsWrap a .spec h4::before{
	content: '';
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 0%;
	height: 2px;
	background-color: #3CD2CE;
	transition: all 0.3s 0s ease;
}
.specsWrap a:hover .specImg::before{
	width: 100%;
}
.specsWrap a:hover .spec h4::before{
	width: 100%;
}
#top_voice h2{
	height: 58px;
	width: 440px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: bottom;
	position: relative;
	padding-top: 0px;
	line-height: 58px;
	padding-bottom: 0px;
}
#top_voice h2::before{
	content: '';
	background-color: #3CD2CE;
	width: 1px;
	height: 30px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	transform:skewX(30deg);
}
#top_voice h2::after{
	content: '';
	background-color: #3CD2CE;
	width: 1px;
	height: 30px;
	bottom: 0px;
	right: 0px;
	position: absolute;
	transform:skewX(-30deg);
}
#top_voice h2 .ttl01{
	color: #3CD2CE;
	font-size: 30px;
	letter-spacing: 4px;
	line-height: 30px;
	display: inline-block;
	vertical-align: bottom;
}
#top_voice h2 .ttl02{
	color: #FFFFFF;
	font-size: 35px;
	background-image: url(assets/img/top_2019/top_voice02.svg);
	background-size: contain;
	width: 58px;
	height: 58px;
	display: inline-block;
	vertical-align: bottom;
	line-height: 58px;
	margin-left: 5px;
}
#top_voice .inner{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 40px;
	display: block;
	border-bottom: 1px solid #3CD2CE;
	margin-top: 20px;
	position: relative;
	background-image: url(assets/img/top_2019/top_voice01.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 24px;
}

#top_voice .inner .btn01{
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}
#top_voice .inner .btn01 a{
	color: #00B9BF;
	padding: 12px;
	font-size: 17px;
	display: block;
	border: 1px solid #00B9BF;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#top_voice .inner .btn01 a:hover{
	opacity: 1;
	background-color: #00B9BF;
	color: #FFFFFF
}
.voiceBox{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.voiceBox .voiceImage{
	width: 160px;
	margin-right: 20px;
	float: left;
}
.voiceBox .voiceComment{
	text-align: left;
	margin-left: 200px;	
}
.voiceComment h3{
	color: #00B9BF;
	font-size: 28px;
	line-height: 1.5em;
	font-weight: bold;
}
.voiceComment h4{
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	color: #4D4D4D;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #4D4D4D;
	margin-top: 10px;
}
.voiceTxt{
	margin-left: 200px;
}
.voiceTxt p{
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
}
.voiceBox:after{
	clear: both;
	content: '';
	display: block;
	height: 0px;
}
.ryoukinWrap .bgWhite{
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (min-width:0px) and (max-width:640px) {
.top_ttl01{
	font-size: 17px;
	margin-bottom:15px;
}

.kantan_dl{
	width: 70vw;
	margin-top: 30px;
}
.kantan_dl a{
	display: block;
	border-radius: 3px;
}
.kantan_dl a:after{
	width: 100%;
	height: 0%;
}
.kantan_dl a:hover:after{
	height: 100%;
}
.kantan_dl a .box01{
	width: auto;
	font-size: 3.5vw;
	line-height: 6vw;
	display: block;
}
.kantan_dl a .box02{
	display: block;
	width: auto;
	font-size: 4vw;
	line-height: 8vw;
}

.specTopArea,.orcaSpecTopArea{
	height: auto!important;
}

.highCost p.fukidashi{
font-size: 14px;		
}
.ryoukinWrap .highCost p:nth-child(2){
	padding-top:0px!important;
}
.specsWrap .spec{
	margin-bottom: auto!important;
}
.specsWrap .specBox{
margin-bottom: 3em!important;	
}
.specsWrap #a03.specBox {
    margin-bottom: 0em !important;
}	
.specsWrap a .specTopArea::after,.specsWrap a .orcaSpecTopArea::after{
	width: 2px;
}
	
#top_voice h2{
	height: 40px;
	width: 280px;
	padding-top: 0px;
	line-height: 40px;
	padding-bottom: 0px;
}
#top_voice h2::before{
	height: 20px;
}
#top_voice h2::after{
	height: 20px;
}
#top_voice h2 .ttl01{
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 18px;
}
#top_voice h2 .ttl02{
	font-size: 22px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-left: 3px;
}
#top_voice .inner{
	width: auto;
	margin-right: 5%;
	margin-left: 5%;
	padding-top: 40px;
	padding-bottom: 30px;
	display: block;
	margin-top: 20px;
	background-size: 1100px 24px;
}

#top_voice .inner .btn01{
	margin-left: auto;
	margin-right: auto;
	width: 240px;
}
#top_voice .inner .btn01 a{
	font-size: 13px;
}

.voiceBox{
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
.voiceBox .voiceImage{
	width: 25vw;
	margin-bottom: 10px;
	margin-right: 0px;
}
.voiceBox .voiceComment{
	margin-left: 27vw;	
	margin-bottom: 10px;
}
.voiceComment .pc{
	display: none;
}
.voiceComment h3{
	font-size: 4vw;
}
.voiceComment h4{
	font-size: 3.5vw;
	margin-top: 0px;
	border-bottom-style: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.voiceTxt {
margin-left: 0%;
clear: both;
border-top: 1px solid #4D4D4D;
padding-top: 10px;
	display: block;
}
.voiceTxt p{
	font-size: 3vw;
	padding: 0px;
	margin: 0px;
}
.ryoukinWrap .bgWhite{
width: auto;	
}
.ryoukinWrap .costImg{
	width: auto;
}
.ryoukinWrap .linkBtn{
    padding-right: 30px;
	width: auto;
}
.news .linkBtn{
    padding-right:10px;
	width: auto;
}
}


/*TOP */
.reserveBoxAreaPC{
	position: absolute;
	left: -20px;
	top: -30px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #FEF58D;
	color: #FF002C;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 50px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
	font-size: 27px;
	font-weight: bolder;
}
.reserveWrap .reserve .reserveBoxTitle.area {
	padding: 4px 4px 4px 40px;
}
@media screen and (min-width:0px) and (max-width:640px) {
.reserveBoxAreaSP{
	position: absolute;
	left: 10px;
	top: -2px;
	width: 70px;
	height: 50px;
	background-color: #FEF58D;
	color: #FF002C;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
	font-size: 24px;
	font-weight: bolder;
}
.reserveBoxAreaSP::after{
  content: "";
  position:absolute;
  bottom:-10px;
  left:0px;
  width:0;
  height:0;
  border-style: solid;
  border-color: #FEF58D #FEF58D transparent #FEF58D ;
  border-width: 0px 35px 10px 35px;
}
.reserveBoxTitle.area {
	padding: 4px 4px 4px 40px;
}
}

/* 
----------------------------*/
div.newPlan h2 {
  text-align:left;
  max-width:1000px;
  margin: auto;
}
div.newPlan h2 span {
  font-size: 28px;
  font-weight: bold;
}
div.newPlan p.h2p {
    font-size: 18px;
    color: #00b9bf;
    letter-spacing: .14em;
    margin-top: 10px;
}
div.newPlan h3 {
  color: #4d4d4d;
  text-align: left;
  border-bottom: 2px solid #00b9bf;
  display: table;
  margin-top: 80px;
  margin-bottom: 25px;
}
div.newPlan p {
  text-align: left;
  margin: 30px 0;
  line-height: 1.5em;
  color:#4d4d4d;
}
div.newPlan p.attention {
    font-size: 14px;
    line-height: ;
}
@media screen and (min-width:0px) and (max-width:640px) {
    div.newPlan p {
        margin: 20px 0;
    }
    div.newPlan h2 {
        text-align:center;
    }
    div.newPlan h2 span {
        font-size: 22px;
    }
    .top_ttl01::before {
        top: -0.5em;
        left: -0.6em;
    }
    .top_ttl01::after {
        bottom: -0.6em;
        right: -0.5em;
    }
    div.newPlan div.contentWrap section:nth-of-type(1) h3 {
        margin-top:40px;
    }
    div.newPlan table td {
        height: 50px;
        padding: 10px;
    }
    div.newPlan table.basicCharge tr td ,
    div.newPlan table.basicCharge tr td.midashi2 {
        width: 50%;
    }
    div.newPlan table.basicCharge tr td.midashi {
        width: 30px;
    }
    div.newPlan table.chargedOption tr td {
        min-width:140px;
    }

    .newPlanSp {
        display:block;
    }
    .newPlanPc {
        display:none;
    }
}

/* タイトルに改行タグを入れてもパンくずに反映しないための設定 */
div.breadcrumb br.bcNone {
    display: none;
}

/* Pマーク画像の表示サイズ */
img.pmarkImg {
  width:100px;
  height:100px;
}
footer .p_fb > div img.pmarkImg {
  width:75px;
  height:75px;
}
body.privacy-policy img.pmarkImg,
body.handling img.pmarkImg {
  width:100px;
  height:100px;
}

/* ※デフォルト非表示です※ */
div.plane-text-area.form-page.payment-of-orca {
  display: none;
}

/** **/
div.newPlan div.reserve section:last-of-type {
    margin-bottom: 80px;
}
div.newPlan div.reserve section.forClinic {
    margin-top: 60px;
}
div.newPlan div.reserve section.forClinic > div {
    display: inline-block;
}
div.newPlan div.reserve section.forClinic div:first-of-type {
    width: 445px;
    text-align: left;
    vertical-align: top;
}
div.newPlan div.reserve section.forClinic div:last-of-type {
    width: 490px;
}
div.newPlan div.reserve section.forClinic div p.mainLabel {
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
}
div.newPlan div.reserve section.forClinic div ul.list {
    margin-top: 30px;
}
div.newPlan div.reserve section.forClinic div ul.list li {
    line-height: 32px;
    text-indent: -1em;
    padding-left: 1em;
}
div.newPlan div.reserve section.forClinic div ul.list li:before {
    content: "・";
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.newPlan div.reserve section.forClinic div ,
  div.newPlan div.reserve section.forClinic div:first-of-type ,
  div.newPlan div.reserve section.forClinic div:last-of-type {
    width: 100%;
  }
  div.newPlan div.reserve section.forClinic ul li {
    margin-bottom: 0;
  }
  div.newPlan div.reserve section.forClinic div:last-of-type {
    margin-top: 40px;
  }
}

div.newPlan div.reserve section ul {
    list-style: none;
    width: 100%;
}
div.newPlan div.reserve section.function div.dividedInto2 {
    margin-bottom: 60px;
}
div.newPlan div.reserve section div.dividedInto2 ul li ,
div.newPlan div.reserve section div.dividedInto3 ul li {
    display: inline-block;
    vertical-align: top;
}
div.newPlan div.reserve section div.dividedInto2 ul li {
    width: 440px;
    margin: 0 28px;
}
div.newPlan div.reserve section div.dividedInto3 ul li {
    width: 280px;
    margin: 0 23px;
}
div.newPlan div.reserve section div.dividedInto2 ul li:first-of-type ,
div.newPlan div.reserve section div.dividedInto3 ul li:first-of-type {
    margin-left: 0;
}
div.newPlan div.reserve section div.dividedInto2 ul li:last-of-type ,
div.newPlan div.reserve section div.dividedInto3 ul li:last-of-type {
    margin-right: 0;
}
div.newPlan div.reserve section.function div.dividedInto3 ul li img {
    max-width: 130px;
    max-height: 130px;
}
div.newPlan div.reserve section.forPatient ul li img ,
div.newPlan div.reserve.tools section.function div.dividedInto2 ul li img ,
div.newPlan div.reserve.tools section.usageimage div.dividedInto2 ul:nth-of-type(2) li img {
    width: auto;
    height: 390px;
}
div.newPlan div.reserve section div.dividedInto2 ul li div ,
div.newPlan div.reserve section div.dividedInto3 ul li div {
    text-align: left;
}
div.newPlan div.reserve section.function div.dividedInto3 ul li div {
    margin-top: 20px;
}
div.newPlan div.reserve section.function div.dividedInto2 ul li div ,
div.newPlan div.reserve section.forPatient div.dividedInto3 ul li div {
    margin-top: 30px;
}
div.newPlan div.reserve section.forPatient p.notes {
    font-size: 12px;
    text-indent: -1em;
    padding-left: 1em;
    margin: 10px 0;
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.newPlan div.reserve section div.dividedInto2 ul li ,
  div.newPlan div.reserve section div.dividedInto3 ul li {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 60px;
  }
  div.newPlan div.reserve section.function div.dividedInto2 {
    margin-bottom: 40px;
  }
  div.newPlan div.reserve section.function div.dividedInto2 ul li ,
  div.newPlan div.reserve section.function div.dividedInto3 ul li {
    margin-bottom: 40px;
  }
  div.newPlan div.reserve section.function div.dividedInto2 ul li div {
    margin-top: 20px;
  }
  div.newPlan div.reserve section div.dividedInto2 ul li:last-of-type ,
  div.newPlan div.reserve section div.dividedInto3 ul li:last-of-type {
    margin-bottom: 0;
  }
}

div.newPlan div.reserve section.zeroapp div {
    max-width: 400px;
    margin: 60px auto;
}
div.newPlan div.reserve section.zeroapp div a div {
    border: 2px solid #4d4d4d;
    border-radius: 2px;
    padding: 20px 0;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: bold;
    transition: .3s;
}
div.newPlan div.reserve section.zeroapp div a:hover div {
    border-color: #3cd2ce;
    color: #3cd2ce;
    transition: .3s;
}

div.newPlan div.reserve p.label {
    text-align: center;
    font-weight: bold;
    line-height: 21px;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.newPlan div.reserve img.sp {
    display: inline-block;
}
div.newPlan div.reserve img.sp {
    display: none;
}
div.newPlan div.reserve section.zeroapp div br {
    display: none;
}
@media screen and (min-width:0px) and (max-width:640px) {
  div.newPlan div.reserve h3 {
    font-size: 20px;
  }
  div.newPlan div.reserve img.pc {
    display: none;
  }
  div.newPlan div.reserve img.sp {
    display: inline-block;
  }
  div.newPlan div.reserve section.zeroapp p {
    font-size: 16px;
  }
  div.newPlan div.reserve section.zeroapp div {
    margin: 40px auto;
  }
}
@media screen and (min-width:0px) and (max-width:400px) {
  div.newPlan div.reserve section.zeroapp div br {
    display: inline-block;
  }
}

body.tools div.newPlan h2 span.top_ttl01 br.bcNone {
    display: none;
}
div.newPlan div.reserve.tools section.usageimage div.dividedInto2 img.arrow {
    margin: 40px auto;
}
div.newPlan div.reserve.tools section.usageimage div.dividedInto2 ul:nth-of-type(2) li div {
    margin-top: 40px;
}
@media screen and (min-width:0px) and (max-width:640px) {
  body.tools div.newPlan h2 span.top_ttl01 br.bcNone {
    display: inline-block;
  }
}

/* Footer（テキストあり）貼り付け */
div.trustedWebStickerWtxt {
  background-color: #f0f0f0;
  padding: 1em;
  font-size: smaller;
  text-align: center;
}
div.trustedWebStickerWtxt a:link {
  color: #009499;
  text-decoration: underline;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
div.trustedWebStickerWtxt a:hover {
  color: #3cd2ce;
  text-decoration: none;
  transition: all 0.3s;
}
div.trustedWebStickerWtxt img.dummy {
  width: auto;
  height: 72px;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  div.trustedWebStickerWtxt {
    display: none;
  }
}

/* *************************************************************
  外部連携ページ用CSS
************************************************************* */
body.connect div.newPlan h3[id],
body.connect div.newPlan h4[id] {
    margin-top: -100px;
    padding-top: 100px;
}
body.connect div.newPlan section ul {
    list-style: none;
}
body.connect div.newPlan div > section {
    margin-top: 120px;
}
body.connect div.newPlan div > section:first-of-type {
    margin-top: 80px;
}
body.connect div.newPlan section > section {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}
body.connect div.newPlan h3 {
    font-size: 24px;
    border-bottom: 3px solid #00b9bf;
    letter-spacing: 0.2em;
    margin-bottom: 2em;
}
body.connect div.newPlan section.connectListArea h4[id] {
    margin-top: -30px;
    padding-top: 30px;
}
body.connect div.newPlan h4 p {
    color: #4d4d4d;
    border-left: 10px solid #00b9bf;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.1em;
    padding-left: 20px;
    margin: 0 0 1.5em;
}
body.connect div.newPlan h5 {
    color: #4d4d4d;
    font-size: 18px;
    background-color: #c6f2f1;
    padding: 0.3em 1em;
    border-top: 1px solid #00b9bf;
    border-bottom: 1px solid #00b9bf;
}
body.connect div.newPlan section.methodArea div.method h5 {
    margin: 0 auto 1em;
    max-width: 750px;
}

body.connect div.newPlan p.update.print,
body.connect div.newPlan .none {
    display: none;
}

body.connect div.newPlan section.innerPageLinkArea ul {
    margin: auto;
}
body.connect div.newPlan section.innerPageLinkArea ul li {
    display: inline-block;
    max-width: 400px;
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
}
body.connect div.newPlan section.innerPageLinkArea ul li:nth-of-type(odd) {
    margin-right: 1em;
    margin-left: 0;
}
body.connect div.newPlan section.innerPageLinkArea ul li:nth-of-type(even) {
    margin-right: 0;
    margin-left: 1em;
}
body.connect div.newPlan section.innerPageLinkArea ul li a {
    text-decoration: none;
    cursor: pointer;
}
body.connect div.newPlan section.innerPageLinkArea ul li a div {
    color: #4d4d4d;
    border: 2px solid #4d4d4d;
    border-radius: 2px;
    width: 400px;
    padding: 0.5em 0 0.5em 1.2em;
    transition: 0.3s;
    position: relative;
}
body.connect div.newPlan section.innerPageLinkArea ul li:nth-of-type(1) a div {
    letter-spacing: 0.6em;
}
body.connect div.newPlan section.innerPageLinkArea ul li a div:before {
    content: "";
    width: 22.2px;
    height: 15px;
    background: url(assets/img/common/icon_k_down_bk.svg) 22.2px,15px no-repeat;
    left: 0;
    margin-top: 7px;
    margin-left: 7.5em;
    position: absolute;
}
body.connect div.newPlan section.innerPageLinkArea ul li a:hover div {
    color: #3cd2ce;
    border: 2px solid #3cd2ce;
}
body.connect div.newPlan section.innerPageLinkArea ul li a:hover div:before {
    content: "";
    width: 22.2px;
    height: 15px;
    background: url(assets/img/common/icon_k_down_lg.svg) 22.2px,15px no-repeat;
}

body.connect div.newPlan div.connectNotes {
    background-color: #007580;
    color: #fff;
    padding: 1em 60px;
    text-align: left;
}
@media screen and (min-width: 0px) and (max-width: 640px) {
  body.connect div.newPlan h3 {
    font-size: 22px;
  }
  body.connect div.newPlan section > section {
    width: 100%;
  }
  body.connect div.newPlan div.connectNotes {
    padding: 1em;
  }
  body.connect div.newPlan section.innerPageLinkArea ul li {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
  body.connect div.newPlan section.innerPageLinkArea ul li:nth-of-type(odd) {
    margin-right: 0;
    margin-bottom: 1em;
  }
  body.connect div.newPlan section.innerPageLinkArea ul li:nth-of-type(even) {
    margin-left: 0;
  }
  body.connect div.newPlan section.innerPageLinkArea ul li a div {
    width: 100%;
    padding: 0.5em 0 0.5em 1.2em;
  }
  body.connect div.newPlan section.innerPageLinkArea ul li a div:before {
    margin-left: 6.5em;
  }
  body.connect div.newPlan div > section {
    margin-top: 80px;
  }
  body.connect div.newPlan div > section:first-of-type {
    margin-top: 50px;
  }
}
/* ***  *** */
body.connect div.newPlan section.menuBtnArea div ul.zeroConnectList {
    text-align: center;
}
body.connect div.newPlan section.menuBtnArea div ul.zeroConnectList li {
    display: inline-block;
    width: auto;
    margin: 7px;
    min-height: 42px;
}
body.connect div.newPlan section.menuBtnArea div ul.zeroConnectList li a {
    border: 1px solid #00b9bf;
    border-radius: 25px;
    padding: 0.5em 2em 0.5em 60px;
    position: relative;
    transition: .3s;
}
body.connect div.newPlan section.menuBtnArea div ul.zeroConnectList li a:before {
    content: "";
    width: 18px;
    height: 12px;
    background: url(assets/img/common/icon_k_down_g.svg) 18px,12px no-repeat;
    position: absolute;
    left: 0;
    margin-top: 8px;
    margin-left: 20px;
}
body.connect div.newPlan section.menuBtnArea div ul.zeroConnectList li a p {
    color: #00b9bf;
    margin: 0 auto;
    transition: .3s;
}
body.connect div.newPlan section.menuBtnArea div ul.zeroConnectList li a:hover {
    background-color: #00b9bf;
    transition: .3s;
}
body.connect div.newPlan section.menuBtnArea div ul.zeroConnectList li a:hover::before {
    background: url(assets/img/common/icon_k_down_w.svg) 18px,12px no-repeat;
}
body.connect div.newPlan section.menuBtnArea div ul.zeroConnectList li a:hover p {
    color: #ffffff;
    transition: .3s;
}
body.connect div.newPlan section div.notes {
    width: 100%;
    margin: 1em auto;
    padding: 0 5em;
}
body.connect div.newPlan section div.notes p {
    margin: 0;
    text-align: left;
}
body.connect div.newPlan div.notes p a {
    color: #00b9bf;
    text-decoration: none;
    border-bottom: 1px solid #00b9bf;
    transition: .3s;
}
body.connect div.newPlan div.notes p a:hover {
    color: #3cd2ce;
    border-bottom: 1px solid transparent;
    transition: .3s;
}
body.connect div.newPlan section > p.update {
    text-align: right;
}
body.connect div.newPlan section.methodArea div.method ul.methodList li {
    background-color: #f0f0f0;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    padding: 1em;
    display: inline-block;
    width: 360px;
    margin-right: 13px;
    margin-left: 13px;
    vertical-align: top;
    height: 230px;
}
body.connect div.newPlan section.methodArea div.method ul.methodList li:first-child {
    margin-left: 0;
}
body.connect div.newPlan section.methodArea div.method ul.methodList li:last-child {
    margin-right: 0;
}
body.connect div.newPlan section.methodArea div.method ul.methodList li p {
    margin: 0;
    text-align: left;
    vertical-align: top;
}
body.connect div.newPlan section.methodArea div.method ul.methodList li p:nth-of-type(1) {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0.5em;
    background-color: #ffffff;
    border-left: 5px solid #b4b4b4;
    border-right: 5px solid #b4b4b4;
}
body.connect div.newPlan section.methodArea div.method ul.methodList li p:nth-of-type(3) {
    padding: 0.5em;
    margin-top: 0.5em;
    font-size: 14px;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
}
@media screen and (min-width: 0px) and (max-width: 640px) {
  body.connect div.newPlan section div.notes {
    padding: 0;
  }
  body.connect div.newPlan section > p.update {
    text-align: left;
  }
  body.connect div.newPlan section.methodArea div.method ul.methodList li,
  body.connect div.newPlan section.methodArea div.method ul.methodList li:first-child ,
  body.connect div.newPlan section.methodArea div.method ul.methodList li:last-child {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
  }
}
/* ***  *** */
body.connect div.newPlan section.connectListArea {
    padding-bottom: 2em;
    margin-bottom: 2em;
}
body.connect div.newPlan section.connectListArea:last-of-type {
    padding-bottom: 0;
}
body.connect div.newPlan section.connectListArea > div {
    padding: 0 5em;
}
body.connect div.newPlan section.connectListArea div ul.connectList {
    width: 100%;
}
body.connect div.newPlan section.connectListArea div ul.connectList li {
    border-bottom: 1px solid #00b9bf;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
body.connect div.newPlan section.connectListArea div ul.connectList li:first-child {
    border-top: 1px solid #00b9bf;
}
body.connect div.newPlan section.connectListArea div ul.connectList li div {
    display: inline-block;
    width: 49%;
    text-align: left;
    vertical-align: top;
}
body.connect div.newPlan section.connectListArea div ul.connectList li div:nth-of-type(1) {
    padding-left: 2em;
}
body.connect div.newPlan section.connectListArea div ul.connectList li div > p.notes {
    font-size: 14px;
    line-height: 1;
    margin: 0;
    width: 100%;
}
@media screen and (min-width: 0px) and (max-width: 640px) {
  body.connect div.newPlan section.connectListArea > div {
    padding: 0;
  }
  body.connect div.newPlan section.connectListArea div ul.connectList li {
    margin-bottom: 0;
  }
  body.connect div.newPlan section.connectListArea div ul.connectList li div {
    width: 100%;
  }
  body.connect div.newPlan section.connectListArea div ul.connectList li div:nth-of-type(1) {
    padding-left: 0;
    font-weight: bold;
  }
  body.connect div.newPlan section.connectListArea div ul.connectList li div:nth-of-type(2) {
    padding-left: 2em;
  }
}

/* ******************************************
    データ取り込み連携
********************************************* */
body.connect div.newPlan section.dataConnectArea div ul.connectList {
    width: 440px;
    display: inline-block;
    text-align: left;
}
body.connect div.newPlan section.dataConnectArea div ul.connectList:nth-of-type(1) {
    margin-right: 1em;
}
body.connect div.newPlan section.dataConnectArea div ul.connectList li {
    border-bottom: 1px solid #00b9bf;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-bottom: 0;
}
body.connect div.newPlan section.dataConnectArea div ul.connectList li:nth-of-type(1) {
    border-top: 1px solid #00b9bf;
}
body.connect div.newPlan section.dataConnectArea div ul.connectList li p {
    color: #4d4d4d;
    margin: 0;
    display: block;
    margin-left: 1em;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 300;
}
body.connect div.newPlan section.dataConnectArea div ul.connectList li p:before {
    content: "・";
}
@media screen and (min-width: 0px) and (max-width: 640px) {
  body.connect div.newPlan section.dataConnectArea div ul.connectList {
    width: 100%;
  }
  body.connect div.newPlan section.dataConnectArea div ul.connectList:nth-of-type(1) {
    margin-right: 0;
  }
  body.connect div.newPlan section.dataConnectArea div ul.connectList:nth-of-type(2) {
    margin-top: 0;
  }
  body.connect div.newPlan section.dataConnectArea div ul.connectList:nth-of-type(2) li:nth-of-type(1) {
    border-top: none;
  }
}
/* ******************************************
   
********************************************* */
body.connect div.newPlan section div.notes p {
    margin: 1em auto 0.5em;
}
body.connect div.newPlan section div.notes span.point {
    color: #b4b4b4;
}
body.connect div.newPlan section.orderConnectArea div ul.connectList {
    width: 100%;
    margin-top: 2.5em;
}
body.connect div.newPlan section.orderConnectArea div ul.connectList li {
    border-bottom: 1px solid #00b9bf;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
body.connect div.newPlan section.orderConnectArea div ul.connectList li:first-child {
    border-top: 1px solid #00b9bf;
}
body.connect div.newPlan section.orderConnectArea div ul.connectList li div {
    display: inline-block;
    width: 49%;
    text-align: left;
    vertical-align: top;
}
body.connect div.newPlan section.orderConnectArea div ul.connectList li div:nth-of-type(1) {
    padding-left: 2em;
}
body.connect div.newPlan section.orderConnectArea div ul.connectList li div > span.notes {
    font-size: 14px;
}
@media screen and (min-width: 0px) and (max-width: 640px) {
  body.connect div.newPlan section.orderConnectArea div ul.connectList li {
    margin-bottom: 0;
  }
  body.connect div.newPlan section.orderConnectArea div ul.connectList li div {
    width: 100%;
  }
  body.connect div.newPlan section.orderConnectArea div ul.connectList li div:nth-of-type(1) {
    padding-left: 0;
  }
  body.connect div.newPlan section.orderConnectArea div ul.connectList li div:nth-of-type(2) {
    padding-left: 3em;
  }
}
/* ******************************************
   
********************************************* */
body.connect div.newPlan section.contactArea div.contactBtn {
    margin: 2.5em auto;
    width: 100%;
}
body.connect div.newPlan section.contactArea div.contactBtn a {
    font-size: 20px;
    position: relative;
    padding: 5px 0;
    transition: .3s;
    color: #00b9bf;
    border: 1px solid #00b9bf;
    border-radius: 3px;
}
body.connect div.newPlan section.contactArea div.contactBtn a::after {
    content: "";
    width: 14px;
    height: 21px;
    background: url(assets/img/common/icon_k_right_g.svg) 14px,21px no-repeat;
    position: absolute;
    right: 1em;
    top: calc( calc(100% / 2) - 11px );
}
body.connect div.newPlan section.contactArea div.contactBtn a:hover {
    background-color: #00b9bf;
    color: #ffffff;
    transition: .3s;
    border: 1px solid #00b9bf;
}
body.connect div.newPlan section.contactArea div.contactBtn a:hover::after {
    background: url(assets/img/common/icon_k_right_w.svg) 14px,21px no-repeat;
    transition: .3s;
}
body.connect div.newPlan section.contactArea div.contactBtn a:nth-of-type(odd) {
    margin-right: 0.5em;
}
body.connect div.newPlan section.contactArea div.contactBtn a:nth-of-type(even) {
    margin-left: 0.5em;
}
body.connect div.newPlan section.contactArea div.contactBtn a div {
    width: calc(100% - 1em);
    max-width: 430px;
    display: inline-block;
    padding-right: 1em;
}
@media screen and (min-width: 0px) and (max-width: 640px) {
  body.connect div.newPlan section.contactArea div.contactBtn a:nth-of-type(odd) {
    margin-right: 0em;
  }
  body.connect div.newPlan section.contactArea div.contactBtn a:nth-of-type(even) {
    margin-left: 0em;
  }
  body.connect div.newPlan section.contactArea div.contactBtn a div {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 0px) and (max-width: 380px) {
  body.connect div.newPlan section.contactArea div.contactBtn a {
    font-size: 5vw;
  }
}

body.connect div.newPlan h5 ~ ul.connectList li:nth-of-type(1) ,
body.connect div.newPlan h5 ~ div > ul.connectList li:nth-of-type(1) ,
body.connect div.newPlan ul.connectList ~ h5 ,
body.connect div.newPlan section.connectListArea h5 ~ ul.connectList li:first-child ,
body.connect div.newPlan section.dataConnectArea h5 ~ div ul.connectList li:nth-of-type(1) {
    border-top: 0;
}


/* ******************************************
******************************************
   ancoro追加
******************************************
********************************************* */

.ancoro-title__head{text-align:center;padding:0 0 24px;margin:40px auto 40px;position:relative;font-size:36px}

.ancoro-title__head:after{position:absolute;margin:auto;width:80px;height:2px;border-radius:10px;background:#fce2ae;background:-webkit-gradient(linear,left top,right top,from(#fce2ae),color-stop(50%,#fce2ae),color-stop(50%,#53b8bb),to(#53b8bb));background:-webkit-linear-gradient(left,#fce2ae 0,#fce2ae 50%,#53b8bb 50%,#53b8bb 100%);background:-o-linear-gradient(left,#fce2ae 0,#fce2ae 50%,#53b8bb 50%,#53b8bb 100%);background:linear-gradient(90deg,#fce2ae 0,#fce2ae 50%,#53b8bb 50%,#53b8bb 100%)}

.ancoro-title__list{max-width:945px;margin:0 auto 30px}

@media (max-width:767px){.ancoro-title__head{font-size:28px}

.ancoro-title__list{max-width:100%}

}

/* ******************************************
******************************************
   googleマップレスポンシブ
******************************************
********************************************* */
.google-accessmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.google-accessmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}