@charset "UTF-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,figure,nav,footer,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	line-height: 1.6;
	font-size: 14px;
	font-family: "M PLUS Rounded 1c", serif;
	color: #333300;
}
body{
	background: #FFF;
}
ol,ul,li,dl,dt,dd {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: underline;
	color: #1A5FAD;
	outline: none;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}
img {
	vertical-align: bottom;
	border: none;
	-webkit-backface-visibility: hidden;
	width: 100%;
}
small {
	font-size: 70%;
	font-weight: inherit;
}
#wrapper {
	overflow: hidden;
	width: 100%;
}
a:hover img {
	filter: brightness(120%);
	transition: all .3s;
}
section {
	clear: both;
}
/*---------------------------------------------------------------------------------------------*/
h2.tit {
    background: #003f98;
    margin-bottom: 70px;
    padding: 20px 0px 20px 0px;
    position: relative;
    text-align: center;
}
h2.tit::after {
    border-left: 35px solid rgba(0, 0, 0, 0);
    border-right: 35px solid rgba(0, 0, 0, 0);
    border-top: 35px solid #003f98;
    bottom: -35px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -35px;
    position: absolute;
	width: 0;
}
/*---------------------------------------------------------------------------------------------*/
header {
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 5px 0px;
	position: fixed;
	top:0px;
	background: #FFF;
	z-index: 4000;
	border-bottom: 1px solid #eee;
}
header .inner {
	width: 1100px;
	margin: 0px auto;
	display:flex;/*横並び*/
	align-items:center;/*天地センター*/
	flex-wrap:wrap;
	justify-content:space-between;
}
header .logo {
	float: left;
     width: 380px;
	padding-top: 0px;
}
.logo img {
     width: 100%;
}
header .inner .right {
	width: 300px;
}
header .inner .right img {
	width: 100%;
}
header h1 {
	width: 1100px;
	margin: 0px auto;
	font-size: 90%;
}
#contents {
	padding-top: 90px;
}
/*---------------------------------------------------------------------------------------------*/
.main {
	width: 100%;
	height:
	auto;
	overflow: hidden;
	padding-top: 15px;
	background: url(../images/main-back.png) repeat-x;
	background-position-y: -120px;
}
.main .inner {
    width: 1100px;
    text-align: center;
	overflow: hidden;
	margin: 1.25em auto 0 auto;
}
.main .inner img {
	width: auto;
}
.main section.bnr {
	padding: 10px 0px 60px;
}
/*-nav--------------------------------------------------------------------------------------------*/
nav#pc {
	width: 100%;
	padding: 60px 0px;
	/*background: #F8D7DE;*/
}
nav#pc ul {
	width: 1000px;
	margin:0px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
nav#pc ul li {
	width: calc( 290px);
	text-align: center;
}
nav#pc ul li img {
    width: calc( 100%) ;
}
.bar_title {
    padding: 5px 0px;
    font-size: 130%;
    /* border-top: 1px solid #0092FF;
    border-bottom: 1px solid #0092FF; */
    color: #4D4D4D;
    text-align: center;
    background: #C1DCEF;
}

/*-slider　スライダー--------------------------------------------------------------------------------------------*/
.fv-slider{
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: auto;
}
.slider {
    width: 100%;
    margin: 0 auto;
} 
.slider img {
	width: 100%!important;
	height: auto;
}
.slider-dots {
    width: 80%;
    margin: auto;
    padding: 10px 0;
    text-align: center;
    list-style: none;

    li {
        display: inline-block;
        width: calc(12.5% - 10px);
        margin: 0 5px;
    }

    button {
        position: relative;
        width: 100%;
        height: 4px;
        border: 0;
        background-color: #ccc;
        font-size: 0;
        
        &:after {
            position: absolute;
            top: 0;
            left: 0;
            content: '';
            display: block;
            width: 0%;
            height: 100%;
        }
    }

    .slick-active {
        button:after {
            background-color: #000;
            animation: progress 5.5s linear forwards;
        }
    }
}

@keyframes progress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

.arrow_box {
    max-width: 1000px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.prev-arrow::before, .next-arrow::before{
    position:absolute;
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-size: 20px;
    font-weight: bold;
    transition: 0.3s;
    bottom: 0;
    color: #000;
}
.prev-arrow::before{
    content: '\f053';
    left: 15px;
}
.next-arrow::before{
    content: '\f054';
    right: 15px;
}
/*-price　料金・割引--------------------------------------------------------------------------------------------*/
section.price {
	overflow: hidden;
	background: #EDF5F9;
	padding: 0px 0px 45px 0px;
}
section.price h2.tit { /* 『料金・割引』『店舗情報』 */
	background-color: #003f98;
	letter-spacing: 0.5em;
}
section.price h2.tit::after {
	border-left: 35px solid rgba(0, 0, 0, 0);
	border-right: 35px solid rgba(0, 0, 0, 0);
	border-top: 35px solid #003f98;
}
.price .inner {
	width: 1100px;
	margin: 0px auto;
}
.price p.img {
	width: 1100px;
	margin:0px auto;
	margin-bottom: 20px;
}
p.img img.yuutai { /* 優待特典 */
	border-radius: 15px;
}
.price ul.waribiki {
	width: 100%;
	margin-bottom: 30px;
	display:flex;/*横並び*/
	align-items:top;/*天地センター*/
	flex-wrap:wrap;
	justify-content:space-between;
}
.price ul.waribiki li {
	width:calc(100% / 3 - 30px);
}
.price ul.waribiki li img {
	width:calc(100%);
}
.price ul.txt li.red {
	color: #DF375D;
	font-size: 20px;
}
.price_box_list {
	width: 100% ;
	display:flex;/*横並び*/
	align-items:center;/*天地センター*/
	flex-wrap:wrap;
	justify-content:space-between;
}
.price_box_list li {
	width:calc(100% / 2 - 10px);
}
.price_box {
	width: 100%;
	margin-bottom: 25px;
}
.price_box div.tit {
	padding: 20px 10px 10px;
	background: #57A2D8;
	position: relative;
	min-height:120px;
}
.price_box div.tit h4 {
	font-size: 44px;
	line-height: 100%;
	color: #FFF;
	text-align: left;
}
.price_box div.tit p {
	padding: 5px;
	font-size: 16px;
	line-height: 110%;
	color: #FFF;
	text-align: left;
}
.price_box div.tit p.car {
	position: absolute;
	top:-15px;
	right:4px;
	width: 260px;
}
.price_box div.tit p.car.kei{
	width: 230px;
}
.price_box div.tit p.car.ogata {
	top:-20px;
}
.price_box div.tit p.car.kogata {
	top:-20px;
}
.price_box div.tit p.car.chugata {
	top:-20px;
}
.price_box div.tit p.car.tokudai {
	top:-20px;
}
.price_box div.tit p.car.kamotsu {
	top:-20px;
}
.price_box div.tit p.car img {
	width: 100%;
}
.price_box div.txt {
	padding: 10px;
	background: #FFF;
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.price_box div.txt table {
	width: 52%;
}
.price_box div.txt table th,.price_box div.txt table td {
	font-size: 17px;
	line-height: 140%;
	font-weight: bold;
}
.price_box div.txt table th {
	text-align: left;
}
.price_box div.txt table th span {
	font-size:80%;
}
.price_box div.txt table td {
	text-align: right;
}
.price_box div.txt div.max_price {
	width: 46%;
}
.price_box div.txt div.max_price p.tit {
	margin-bottom: 15px;
	padding: 2px;
	font-size: 30px;
	border-radius: 10px;
	background: #cc0033;
	text-align: center;
	color: #FFF;
}
.price_box div.txt div.max_price p.price {
	text-align: center;
	font-size: 38px;
	line-height: 100%;
	color: #cc0033;
	font-weight: bold;
    text-shadow: 0px 0px 0 #ffffff,1px 1px 0 #ffffff,2px 2px 0 #ffffff, 5px 4px 0 #cccccc;
}
.price_box div.txt div.max_price p.price_warigiki_tekiyou {
	font-size: 20px;
	line-height: 160%;
	color: #cc0033;
	font-weight: bold;
}
.price_box div.txt div.max_price p.price span {
	font-size: 26px;
	line-height: 100%;
	color: #333300/*inherit*/;
	font-weight: bold;
	text-shadow: none;
}
.price_box div.txt div.max_price p.price span .zeibetsu {
	display:inline-block;
	font-size:12px;
	line-height: 0.6;
	text-align: left;
	font-weight:normal;
}
.price_box div.txt div.max_price p.price span .zeibetsu .zeibetsu__kara {
	display: inline-block;
	font-weight:bold;
	/* transform: scale(1,1); */
	font-size:20px;
	/* line-height:0.1; */
}
.price_box div.txt div.max_price p.price span.goukei {
	display: inline-block;
	margin:0 4px 0 0;
	font-size: 16px;
}
/*-reason 選ばれる理由 --------------------------------------------------------------------------------------------*/
/*section.reason {
	background: #FEFCEF;
}*/
section.reason h2.tit, section.pro_course h2.tit {
	background-color: #e39814;
	letter-spacing: 0.5em;
}
section.reason h2.tit::after, section.pro_course h2.tit::after {
	border-left: 35px solid rgba(0, 0, 0, 0);
	border-right: 35px solid rgba(0, 0, 0, 0);
	border-top: 35px solid #e39814;
}
.reason-block {
	width: 1100px;
	margin:0px auto;
	padding: 40px 0px;
	position: relative;
}
.reason-block:last-of-type {
	width: 1100px;
	margin:0px auto;
	padding: 40px 0 100px;
	position: relative;
	}
/* .reason-block.reverse{
  flex-flow: row-reverse;
} */
.reason-block h3 {
	width: calc(620px - 20px) ;
	padding: 20px 10px;
	background: rgba(227,152,20,0.75);
	border-radius: 10px;
	color: #003f98;
	font-size: 2.75em;
	font-weight: bold;
	line-height: 1.25em;
	letter-spacing: 0.1em;
	text-align: center;
	text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */
}
.reason-block h3 img {
	max-height: 80px;
	width: auto;
}
.reason-block div.txt-block {
	position: absolute;
	z-index: 2000;
	top:-0px;
	left:480px;
}
.reason-block div.img-block {
	width: 580px;
	z-index: 1000;
}
.reason-block div.img-block img {
	width: 100%;
	border-radius: 25px;
	border: 5px solid #003f98;
}
.reason-block p {
	width: calc(100% - 0px);
	padding: 10px 10px 0px 120px;
	font-size: 130%;
	line-height: 1.8;
}
.reason-block p span {
    color: #cc0033;
    font-size: 1em/*75%*/;
    line-height: 1.8;
    display: block;
}
div.card {
	width: 1100px;
	margin: 0px auto;
	margin-bottom: 30px;
}
.reason-block div.card p {
    width: auto;
    padding: 20px 0 0;
    font-size: 140%;
    line-height: 100%;
}
.reason-block div.card p:nth-last-of-type(1) {
    width: auto;
    padding: 10px 0;
    font-size: 140%;
    line-height: 100%;
}
/*--------------------------------------*/
.reason-block.reverse h3 {
	width: 695px;
	padding: 20px 10px;
	background: rgba(227,152,20,0.75);
	border-radius: 10px;
}
.reason-block.reverse h3 img {
	max-height: 80px;
	width: auto;
}
.reason-block h3.block02 img, .reason-block.reverse h3.block02 img {
	max-height: max-content;
	width: auto;
}
.reason-block.reverse div.txt-block {
	position: absolute;
	z-index: 2000;
	top:-0px;
	left:0px;
}
.reason-block.reverse div.img-block {
    width: 580px;
    z-index: 1000;
    margin-left: 520px;
}
.reason-block.reversediv.img-block img {
	width: 100%;
}
.reason-block.reverse p {
    width: calc(100% - 600px);
    padding: 10px 0px 0px 0px;

}
/*-pro_course プロコース ----------------------------------------------------------------------------*/
span.maxPrice { /* 15,274円 */
	color: #cc0033;
	font-size: 1.75em;
	font-weight: bold;
	line-height: 0;
}
span.orange { /* お得 */
	font-size: 1.15em;
	font-weight: bold;
}
table.pro, table.pro caption {
	border: 5px solid #ff3300;
}
table.nomal_plan, table.nomal_plan caption {
	border: 5px solid #000066;
}
table.nomal_plan, table.pro { /* プロコース、通常プラン料金表（テーブル全体） */
	margin: 0 auto;
	width: 100%;
	max-width: 750px;
	border-collapse: collapse;
	border-top: none;
}
table.pro caption, table.nomal_plan caption { /* ”プロコース”、”通常プラン”テーブル見出し */
	width: 100%;
	margin: 0 auto;
	font-size: 3em;
	letter-spacing: 0.75em;
	text-indent: 0.75em;
	font-weight: bold;
	text-align: center;
	padding: 0.25em 0;
	border-bottom: none;
}
.nomal_plan thead tr th, .nomal_plan thead tr td, .pro thead tr th, .pro thead tr td { /* プロコース、通常プラン料金表【項目】 */
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	padding: 0.25em 0.5em;
}
.pro thead tr th, .nomal_plan thead tr th { /* ”プロコース”、”車型”、”通常プラン”、”作業内容” */
	letter-spacing: 1.75em;
	text-indent: 1.75em;
}
.pro thead tr td, .nomal_plan thead tr td { /* ”作業料金” */
	letter-spacing: 0.5em;
	padding-left: 1em;
}
.pro thead tr td span, .nomal_plan thead tr td span { /* ”（税込）” */
	letter-spacing: 0;
}
.pro thead tr th, .pro tbody tr th, .nomal_plan thead tr th, .nomal_plan tbody tr th { /* th右線 */
	border-right: 1px solid #cccccc;
}
table.pro caption, .pro thead tr th, .pro thead tr td { /* 『プロコース料金表』見出し背景色 */
	background-color: #ffcc66;
}
table.nomal_plan caption, .nomal_plan thead tr th, .nomal_plan thead tr td { /* 『通常プラン料金表』見出し背景色 */
	background-color: #99ccff;
}
.pro tbody tr th, .pro tbody tr td { /* プロコース料金表詳細 */
	font-size: 2em;
	font-weight: bold;
}
.nomal_plan tbody tr th, .nomal_plan tbody tr td { /* 通常プラン料金表詳細 */
	font-size: 1.75em;
}
.pro tbody tr:nth-child(even) { /* プロコース料金表偶数行装飾 */
	background-color: #ffffcc;
}
.nomal_plan tbody tr:nth-child(odd) { /* 通常プラン料金表奇数行装飾 */
	background-color: #efefef;
}
.nomal_plan tbody tr th, .pro tbody tr th { /* プロコース、通常プラン料金表作業内容 */
	text-align: right;
	padding-right: 0.5em;
}
.pro tbody tr td { /* プロコース料金表金額 */
	text-align: right;
	padding: 0.75em 0.75em 0.25em 0;
}
.nomal_plan tbody tr td { /* プロコース、通常プラン料金表金額 */
	text-align: right;
	padding: 0.25em 1em 0.25em 0;
	font-weight: bold;
}
.nomal_plan tbody tr:nth-of-type(11) { /* 通常プラン料金表【合計31,774円】 */
	font-size: 1.35em;
	background-color: #99ccff;
}
.nomal_plan tbody tr:last-child { /* 通常プラン料金表一番下【プロコース料金16,500円】 */
	font-size: 1.5em;
	background: #ffcccc;
}
.example { /* \差額をチェック！/全体 */
	width: fit-content;
	margin: 4em auto 2em auto;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.example h3 { /* \差額をチェック！/ */
	font-size: 3em;
	font-weight: bold;
	padding: 0 2.25em;
}
.example h3 span {
	font-size: inherit;
	font-weight: inherit;
}
.example h4 {
	font-size: 2.5em;
}
.example h4:nth-of-type(2) { /* オイル交換無料券プレゼント */
	padding: 0.25em 0.75em;
	letter-spacing: 0.15em;
}
.example h4:nth-of-type(2) span.tx_orange { /* 『3回無料券』 */
    font-size: 1.5em;
}
.example p { /* "ホンダ N-BOXカスタムで通常プランを受けた場合・・・" */
	font-weight: bold;
	font-size: 2em;
	margin: 0;
	text-align: left;
	line-height: 1.75em;
}
.example p span {
	font-size: 0.65em;
}
img.exampleImage { /* 通常プラン例の画像 */
	width: 40%;
}
.balloon p.outline { /* 『なんと』『さらに』 */
	letter-spacing: 0;
	font-size: 1.75em;
}
/*-bnr--------------------------------------------------------------------------------------------*/
.bnr {
	width: 100%;
	padding: 70px 0px;
}
.bnr img {
	width: 100%;
}
.bnr .inner {
	width: 1000px;
	margin:0px auto;
}
/*-footer--------------------------------------------------------------------------------------------*/
footer {
	clear: both;
	width: 100%;
	padding: 30px 0px;
    text-align: center;
    background: #808080;
}
footer .inner {
	text-align: center;
	color: #FFF;
}
footer .inner div.copy {
	text-align: center;
	font-size: 85%;
	overflow: hidden;
	color: #FFF;
}
/*page-top------------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 90%;
}
#page-top a {
    text-decoration: none;
    color: #333;
    padding: 10px 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
    border: none;
    background: #DDD;
}
#page-top a:hover {
    text-decoration: none;
	background: #555;
}
/* テキストの装飾---------------------------------------------------------------------------------------------*/
.red {
	color: #ff0000;
}
.tx_Dred {
	color: #cc0000;
}
.gold {
	color: #E9D200;
}
.blue {
	color: #00265e;
}
.tx_blue {
	color: #0000ff;
}
.yellow {
	color:#ffcc33;
}
.orange {
	color: #ff6600;
}
.tx_orange {
	color: #ff3300;
}
.tx_Lred {
	color: #ff6666;
}
.tx_white {
	color: #ffffff;
}
.tx_outline {
	text-shadow: /* 文字の影 */
		 2px  2px 1px #ffffff,
		-2px  2px 1px #ffffff,
		 2px -2px 1px #ffffff,
		-2px -2px 1px #ffffff,
		 2px  0px 1px #ffffff,
		 0px  2px 1px #ffffff,
		-2px  0px 1px #ffffff,
		 0px -2px 1px #ffffff;
}
.outline { /* セクション見出し文字の設定 */
	display: inline-block;
	color: #ffffff;
	font-size: 5em;
	font-weight: bold;
	letter-spacing: 0.5em;
	text-shadow: /* 文字の影 */
		 2px  2px 1px #333300,
		-2px  2px 1px #333300,
		 2px -2px 1px #333300,
		-2px -2px 1px #333300,
		 2px  0px 1px #333300,
		 0px  2px 1px #333300,
		-2px  0px 1px #333300,
		 0px -2px 1px #333300;
}
.tx_shadow {
	font-weight: bold;
    text-shadow: 0px 0px 0 #ffffff,1px 1px 0 #ffffff,2px 2px 0 #ffffff, 4px 4px 0 #cccccc;
}
.red, .tx_Dred, .gold, .blue, .tx_blue, .yellow, .orange, .tx_orange, .tx_Lred, .tx_white {
    font-size:inherit;
	font-weight: inherit;
}
/* テキスト下線装飾----------------------------------------------------------------------------------------- */
mark {
	font-size:inherit;
	font-weight: inherit;
	color: inherit;
}
.mark_sakura { /*【お得なコミコミ特選車！！】*/
    background: linear-gradient(transparent 50%, #ffccff 80%);
}
.mark_green { /*【お得なコミコミ特選車！！】*/
    background: linear-gradient(transparent 60%, #33cc33 100%);
}
.mark_yellow { /*【お得なコミコミ特選車！！】*/
    background: linear-gradient(transparent 50%, #ffff00 107%);
}
.mark_red {
    background: linear-gradient(transparent 80%, #ff6666 90%);
}
.mark_blue {
    background: linear-gradient(transparent 50%, #003f98 120%);
}
.mark_orange {
	background: linear-gradient(transparent 60%, #ff9900 100%);
}
.mark_line {
	background: linear-gradient(transparent 90%, #ff3300 95%);
}
.line-yellow{
	background-color: yellow;
}
.bold {
	font-weight: bold;
}
.column {
	margin: 0px auto;
	margin-bottom: 40px;
	text-align: center;
}
.center {
	text-align: center;
	margin: 0px auto;
}
.v_top {
	vertical-align: top;
}
.lead {
	padding: 20px 0px;
	font-size: 130%;
}
.txt {
	font-size: 145%;
	line-height: 190%;
}
.tel-txt .inner {
	width: 780px;
	margin: 0px auto;
	padding: 40px 0px;
}
.tel-txt .inner p {
	margin: 0px auto;
	padding: 10px;
	border: 1px solid #0D2137;
	font-size: 110%;
	line-height: 180%;
}
.tel-txt .inner span.tel {
	font-size: 140%;
	color: #E9D200;
}
/*shop-list*/
.shop-list {
    width: 100%;
    /*background: #FEFCEF*/;
}
.shop-list .inner {
    width: 1100px;
    margin: 0px auto;
}
.shop-list p.shop_logo {
	padding: 15px/*30px*/ 0px;
	text-align: center;
}
.shop-list p.shop_logo img {
	width: 965px;
}
.shop-block {
	width: 100%;
	margin: 0px auto;
	margin-bottom: 20px;
	display: flex;/*横並び*/
	align-items: center;/*天地センター*/
	flex-wrap: wrap;
	justify-content: space-between;
}
.shop-block .map {
	width: 550px;
}
.shop-block .txt {
	width: 500px;
}
.shop-block .txt p {
    margin-bottom: 15px;
    font-size: 90%;
}
.shop-block .txt p a {
    font-size: inherit;	
}
.shop-block .txt p.notice {
    padding: 10px;
    background: #E70014;
    color: #FFF;
}
.shop-list .bnr {
	padding: 30px 0px 60px 0px;
}
table.shop { /* 店舗情報テーブル */
	margin: 0 auto;
	padding: 0;
}
.shop tr th, .shop tr td {
	font-size: 145%;
}
.shop tr td a { /* 電話番号 */
	font-size: 100%;
}
.shop tr th {
	text-align: right;
	font-weight: bold;
}
.shop tr:nth-child(2) {
	vertical-align: top;
}
.shop tr td {
	text-align: left;
	padding-left: 0.05em;
}
/* 見出し装飾------------------------------------------------------------------------------ */
.midashi_slash { /* \見出し/ */
	position: relative;
	display: inline-block;
	width: fit-content;
	max-width: 750px;
}
.midashi_slash:before, .midashi_slash:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 15%;
	height: 6px;
	background-color: #666666;
}
.midashi_slash:before {
	left:0;
	transform: rotate(60deg);
}
.midashi_slash:after {
	right: 0;
	transform: rotate(120deg);
}
.balloon { /* なんと！ */
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	padding: 0.5em 0.5em;
	width: fit-content;
	height: max-content;
	text-align: center;
	line-height: 1em;
	background: #ff9900;
	border-radius: 50%;
	box-sizing: border-box;
}
.balloon:before { /* なんと！の角 */
	content: "";
	position: absolute;
	bottom: -25px;
	right: 30px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #ff9900;
	z-index: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(80deg);
}
.balloon p {
	margin: 0.75em 0.25em;
	font-weight: bold;
}
.balloon:nth-of-type(2) {
	margin-top: 1.5em;
	margin-bottom: 0;
}
/* パーツの装飾-----------------------------------------------------------------------------------------*/
.col { /* 横並びレイアウト真ん中寄揃え */
	width: fit-content;
	max-width: 750px;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.low_left { /* 縦並びレイアウト左揃え */
	width: fit-content;
	max-width: 750px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.push { /* ボタンの装飾 */
	display: inline-block;
	position: relative;
	padding: 0;
	text-decoration: none;
	/*background: #e39814;*/
	/*color: #FFF;*/
	border-radius: 15px;
	border-bottom: solid 5px #000033;/*ボタン色より暗めに*/
	border-right: solid 5px #666699;/*ボタン色より暗めに*/
}
.push:before {  
	content: " ";
	position: absolute;
	bottom: -5px;
	left: -1px;
	width: 0;
	height: 0;
	border-width: 0 6px 6px 0px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #FFF;
}
.push:after {  
	content: " ";
	position: absolute;
	top: -1px;
	right: -5px;
	width: 0;
	height: 0;
	border-width: 0px 6px 6px 0px;
	border-style: solid;
	border-color: #FFF;
	border-bottom-color: transparent;
}
.push:active {
	/*ボタンを押したとき*/
	border:none;
	-webkit-transform: translate(6px,6px);
	transform: translate(6px,6px);
}
.push:active:after, .push:active:before {
	content: none;/*ボタンを押すと線が消える*/
}
a span.pro_link { /* プロコースへのリンクボタン */
    font-size: 1.75em;
	font-weight: bold;
    padding: 0.5em 0.75em;
    border-radius: 10px;
    background-color: #cc0033;
    color: #ffffff;
}
p.pro_link {
	margin-top: 2em;
}
/*top_info------------------------------------------------*/
.top_info {
	width: 1000px;
	margin: 20px auto 50px auto;
	border-radius:10px 10px 10px 10px;
	border: 1px solid #1F2A66;
}
.top_info h3 {
	padding:14px 0px;
	border-radius:10px 10px 0px 0px;
	background:#1F2A66;
	font-size:32px;
	font-weight: bold;
	text-align:center;
	color:#FFF;
}
.top_info div.block {
	padding: 15px;
	display: flex;
}
.top_info div.block div.txt {
	width: 100%;
	padding-right: 10px;
}
.top_info div.block div.txt p {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 150%;
}
.price_txt {
	width: 96%;
	font-size: 19px;
	margin: 0 auto 20px;
}
.price_item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
}
.price_item div.block {
	width: 48%;
}
.price_item img {
	padding: 10px;
}
/*slide*/
.container {
	margin: 0 auto;
	padding: 40px;
	width: 80%;
	color: #333;
	background: #419be0;
}
.slick-slide {
	text-align: center;
	color: #419be0;
	background: white;
}
/* キャンペーンTOPイメージ */
.topImage {
	width: fit-content;
	margin: 0 auto;
}
.topImage p { /*『オープンキャンペーン期間	令和5年5月1日（月）～5月31日（水）』*/
	font-size: 350%;
	background: #ff0000;
	width: 100%;
	line-height: 0;
	margin: 0 auto;
}
.topImage p span { /*『オープンキャンペーン期間 */
	font-size: 85%;
	letter-spacing: 0.15em;
	text-indent: -0.15em;
}
.topImage p small { /*『オープンキャンペーン期間	令和5年5月1日（月）～5月31日（水）』*/
	font-size: 70%;
}
.topImage p, .topImage p span, .topImage p small {
	font-weight: bold;
	color: #ffffff;
}