.mobile{
	display: none !important;
}
.fs24{
	font-size:24px !important;
}
div#headerWrapper{
    width:100%;
    min-width: var(--min-width);
    height: 67px;
    background:var(--black-color);
	position: fixed;
	top:0;
	z-index: 10000;
}
div#header{
    width:100%;
    min-width: var(--min-width);
    min-width: 1440px;
    max-width: calc(var(--max-width) - 20px);
    height: 67px;
    margin:auto;
    box-sizing: border-box;
    padding:0 10px;
    align-items: center;
	display: flex;
	justify-content: space-between;
}
div#header h1{
    /*margin-top:20px;*/
    margin-left:10px;
    float: left;
	font-size:24px;
    height: 50px;
    line-height: 50px;
}
div#header h1 img{
	width:346px;
}
div#header h1 a{
    width:100%;
    height: 100%;
    display: flex;
	align-items: center;
	color:#fff;
}
.white a{
    color:var(--blue-color) !important;
}
ul.nav{
	font-size:min(15px,1.25vw);
	display: flex;
	gap:40px;
}
ul.nav a{
	color:#fff !important;
	display: block;
	width:100%;
	height: 100%;
}
ul.nav > li{
    text-align: center;
    cursor: pointer;
	line-height: 54px;
}
ul.nav > li{
	display: block;
	position: relative;
}
ul.nav > li::after{
    content: "";
    width:0;
    height: 2px;
    background-color:#fff;
    position: absolute;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    transition: all 0.2s;
}
ul.nav > li:hover::after,
ul.nav > li.active::after{
    content: "";
    width:100%;
    height: 2px;
    background:#fff;
    position: absolute;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    transition: all 0.2s;
}
ul.link{
	width:360px;
	display: flex;
	justify-content: space-between;
	margin-right: 50px;
}
ul.link a{
	color:#fff !important;
}
ul.link li:last-child a{
	background:var(--pink-color);
	padding:0 20px;
	border-radius: 20px;
	color:#fff;
}
div.wrapper{
    width:100%;
}
div.wrapper.dark{
    background-color:var(--blue-color);
    color:#fff;
}
div.wrapper.light{
    background-color:#fff;
    color:var(--blue-color);
}
div.top{
    width:100%;
    min-width:var(--min-width);
}
div.topWrapper {
	width:100%;
    min-width:var(--min-width);
    margin:auto;
    height: calc(100vh - var(--header-height));
	margin-top:var(--header-height);
    position: relative;
}
div.topWrapper img{
    object-position: center center;
    width:100%;
    height: calc(100vh - var(--header-height));
	object-fit:cover;
    z-index: 1;
	/*transform-origin:  center center;
	transform: scale(1.1);
	transition: all 0.5s;
	display: block;*/
}
div.topWrapper .slick-active  {
	/*transform: scale(1.0);
	transition: all 0.5s;*/
}
div.topWrapper p{
    font-size:24px;
    text-align: center;
    margin-top:70px;
}

/*slick*/
button.slick-prev {
	background: url("../images/arrow_prev.svg") no-repeat;
	background-size: 30px;
	left: 10px;
}
div.shopPhoto button.slick-prev{
	background:url("../images/shop_prev.svg") no-repeat;
	background-size: 30px;
	left:0;
}
button.slick-prev:hover {
	background-image: url(../images/arrow_prev_on.svg) !important;
}
div.shopPhoto button.slick-prev:hover{
	background:url("../images/shop_prev.svg") no-repeat !important;
	opacity: 0.7;
}

button.slick-next {
	background: url("../images/arrow_next.svg") no-repeat;
	background-size: 30px;
	right: 10px;
}
div.shopPhoto button.slick-next {
	background: url("../images/shop_next.svg") no-repeat;
	background-size: 30px;
	right:0;
}
button.slick-next:hover {
	background-image: url(../images/arrow_next_on.svg) !important;
}
div.shopPhoto button.slick-next:hover {
	background: url("../images/shop_next.svg") no-repeat !important;
	opacity: 0.7;
}

button.slick-arrow {
	text-indent: -9999px;
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 1;
	border: none;
	cursor: pointer;
}
button.slick-arrow{
    top:calc(50vh - 67px - 15px);
}
div.shopPhoto button.slick-arrow{
	top:unset;
    bottom:-40px !important;
}
ul.slick-dots {
	width: 100%;
	height: 20px;
	text-align: center;
	position: absolute;
	bottom: 15px;
}
ul.slick-dots li {
	text-indent: -9999px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: var(--blue-color);
	border-radius: 10px;
	margin: 5px;
}
li.slick-active {
	background-color: var(--lightblue-color) !important;
}
/*end of slick*/
div#footerWrapper {
    width:100%;
    min-width:var(--min-width);
    margin-top:150px;
    padding:50px 0 80px;
	border-top:1px solid var(--lightgray-color);
}
div#footer{
    width:100%;
	max-width:var(--max-width);
    text-align: center;
    margin:auto;
	box-sizing: border-box;
	padding:0 20px;
}
div#footer img {
    margin-bottom: 20px;
    width: 300px;
    height: auto;
}
div#footer ul a{
	color:var(--black-color);
}
div#footer p.copy{
    font-size:12px;
}
p#totop{
    width:50px;
    height: 50px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image:url("../images/totop.svg");
    background-size:50px;
    background-position: center top;
    position: fixed;
    right:20px;
    bottom:85px;
    display: none;
}
p#totop a{
    display: block;
    width:100%;
    height: 100%;
}
p#totop:hover{
    background-position: center bottom;
}

p.pankuzu {
    width:var(--min-width);
    margin:30px auto 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color:#fff;
}
p.pankuzu a{
    color:#fff;
}
p.pankuzu a:hover{
    color:var(--orange-color);
}
p.pankuzu span.arrow{
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #fff;
    margin:0 20px
}
p.pankuzu span.current{
    border-bottom:2px solid #fff;
}
div.entryBody img{
    max-width:100%;
    height: auto;
    margin:15px auto;
}
div.entryBody h1{
    font-size:32px;
    margin:20px 0;
    font-weight: bold;
}
div.entryBody h2{
    font-size:28px;
    margin:16px 0;
    font-weight: bold;
}
div.entryBody h3{
    font-size:24px;
    margin:12px 0;
    font-weight: bold;
    border-bottom:1px solid #fff;
}
div.entryBody h4{
    font-size:22px;
    margin:12px 0;
    font-weight: bold;
}
div.entryBody h5{
    font-size:20px;
    margin:12px 0;
    font-weight: bold;
}
div.entryBody h6{
    font-size:18px;
    margin:12px 0;
    font-weight: bold;
}
div.entryBody ul,
div.entryBody ol{
    margin:10px 10px 10px 40px;
    font-size:16px;
}
div.entryBody ul li{
    list-style: disc;
}
div.entryBody p{
    font-size:18px;
    margin:10px;
    text-align: justify;
	line-height: 1.8em;
}
div.entryBody table{
    width:100%;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
}
div.entryBody table td{
    padding:10px;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
}
div.entryBody blockquote{
    padding:20px;
    background:#efefef;
}
p.blogDate{
    text-align: right !important;
}
table.noborder{
    border: none !important;
}
table.noborder td{
    border: none !important;
    width:50%;
    text-align: center;
    font-size: 14px;
}
div.prevnext{
	clear: both;
	margin:30px auto;
	padding-top:15px;
	border-top:1px solid #A8A3A3;
	overflow: hidden;
    font-size:16px;
}
div.prevnext div{
	background-repeat: no-repeat;
	background-size:20px;
	width:72px;
	height: 26px;
	line-height: 26px;
	border:1px solid #707070;
	border-radius: 4px;
	background-color:#F2F2F2;
	font-size:14px;
	text-align: center;
}
div.prevnext a{
	display: block;
	width:100%;
	height: 100%;
	color:var(--black-color);
}
div.prevnext a:hover{
	color:#fff;
}
div.prevnext div:hover{
	background-color:#707070;
}
div.prev{
	float: left;
}
div.next{
	float: right;
}
dl.company dt.must::after{
    content:"※";
    color: var(--red-color);
    padding-left:1em;
    
}
dl.company input[type=text],
dl.company input[type=email],
dl.company input[type=tel],
dl.company textarea{
    padding:5px;
    border:1px solid #ccc;
    border-radius: 4px;
    width:100%;
    box-sizing: border-box;
}
input[type="file"]{
    cursor: pointer;
}

dl.entry .half{
    width:50% !important;
}
div.entry h4.general{
	margin:10px auto;
	text-align: center;
	text-indent: 0;
	font-size:18px;
}
dl.company select{
    padding:5px;
    border:1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    padding-right: 40px;
    background-size:10px;
    cursor: pointer;
}
dl.company textarea{
    height: 200px;
}
div.submit{
    margin:50px auto;
    display: flex;
    justify-content: space-around;
}
div.submit p.button{
	width:200px;
	height: 50px;
    border-radius: 4px;
    color:#fff;
    cursor: pointer;
	line-height: 50px;
	text-align: center;
}
div.submit p.button.close{
    background:#333;
}
div.submit p.button.close:hover{
    background:#222;
}
div.submit p.button.confirm{
    background:var(--blue-color);
}
div.submit p.button.confirm:hover{
    background:var(--orange-color);
}
div.submit p.button.close label,
div.submit p.button.confirm label{
	display: block;
	width:100%;
	height: 100%;
	cursor: pointer;
}

div.submit input[type=submit]{
    width:378px;
    height: 80px;
	background-image: linear-gradient(90deg, #9797EE, #C26C9A);
    color:#fff;
    cursor: pointer;
}
div.submit input[type=submit]:hover{
	background-image: linear-gradient(-90deg, #9797EE, #C26C9A);
}
div.submit input[type=button]{
    width:378px;
    height: 80px;
    border-radius: 4px;
    background:var(--black-color);
    color:#fff;
    cursor: pointer;
}
div.submit input[type=button]:hover{
    background:var(--text-color);
}
div.privacyBox{
    width:300px;
    margin:20px auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	gap:20px;
}
div.privacyBox a{
	text-decoration: underline;
}
input[type=checkbox]{
    width:16px;
    height: 16px;
    border:2px solid var(--blue-color);
    cursor: pointer;
    margin-right: 30px;
}
input[type=checkbox]:checked{
    background:var(--blue-color);
}
.open_button {
    color:var(--blue-color);
    cursor: pointer;
}
.open_button:hover {
    text-decoration: underline;
}
.modal_wrap input {
  display: none;
}

.modal_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.modal_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content {
    align-self: center;
    /*box-sizing: border-box;*/
    line-height: 1.4em;
    background: #fff;
    transform: scale(0.3);
    transition: 0.5s;
    position: relative;
}
body.dark .modal_content {
    background: #000;
}
@media screen and (max-width:640px){
.modal_content {
    align-self: center;
    /*box-sizing: border-box;*/
    line-height: 1.4em;
    background: #fff;
    transform: scale(0.3);
    transition: 0.5s;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
}
}

.close_button {
  position: absolute;
  top: 20px;
  right: 16px;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background:url("../images/close_icon.svg") center center no-repeat;
  background-size:30px;
}
.close_button:hover{
    background-image:url("../images/close_icon_d.svg")
}
.modal_wrap{

}
.modal_content{
    display: block;
    height: 90vh;
    width:80vw;
    max-width:980px;
}
.modal_wrap input:checked ~ .modal_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.modal_wrap input:checked ~ .modal_overlay .modal_content {
  transform: scale(1);
    border-radius: 10px;
}
.modal_content h2{
    line-height: 66px;
    text-align: center !important;
    border-bottom:1px solid #ccc !important;
    font-size: 28px;
    font-weight: bold;
}
body.dark .modal_content h2{
    color:#fff;
    border-bottom:1px solid #cc1e1e !important;
}
@media screen and (max-width:640px){
.modal_content h2{
    line-height: 66px;
    text-align: center !important;
    border-bottom:1px solid #ccc !important;
    font-size: 22px;
    font-weight: bold;
}
}
div.nextSectionWrap {
    width: 100%;
    height: calc(100% - 77px);
    display: flex;
    justify-content: center;
    align-items: center;
}
div.nextSection {
    padding:20px 30px;
    overflow-y: auto;
    width: calc(100% - 60px);
    height: calc(100% - 150px) !important;
    display: block;
    text-align: left;
}
div.nextSection h3 {
    font-size:18px;
    font-weight: bold;
    color:#fff;
    margin:40px 0 10px;
}
div.nextSection p{
    margin-left:50px;
}
div.modal_wrap h2,
div.modal_wrap p{
	color:#000;
}
dl.use {
	width:780px;
	margin:20px auto;
	overflow: hidden;
	border:2px solid var(--blue-color);
	border-radius: 12px;
}
dl.use dt,
dl.use dd{
	width:50%;
	box-sizing: border-box;
	padding:20px;
	height: 70px;
}
dl.use dt{
	float: left;
	clear: both;
}
dl.use dd{
	float: right;
	color:#fff;
	background:var(--blue-color);
	text-align: center;
	font-size:20px;
	font-weight: bold;
}
dl.use dt:first-child{
	border-bottom: 2px solid var(--blue-color);
}
dl.use dt:first-child + dd{
	border-bottom: 2px solid #fff;
}
ul.footer {
	width:100%;
	max-width:calc(var(--min-width) - 20px);
	margin:10px auto;
	display: flex;
	justify-content: space-between;
	border-bottom:1px solid #fff;
	margin-top:50px;
	padding-bottom:120px;
	font-size:14px;
}
ul.footer > li{
	position: relative;
}
ul.footer > li div{
	position: absolute;
	top:20px;
	width:250px;
}
ul.footer > li div ul{
	font-size:14px;
	margin:10px
}
ul.footer > li div ul{
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
}
ul.footer > li div ul li{
	list-style: disc;
	margin-left:20px;
}
ul.footer a:hover{
	color:var(--orange-color) !important;
}
p.cmt {
	width:760px;
	font-size:32px;
	text-align:center;
	margin:50px auto;
	background-image:
		url("../images/q1.svg"),
		url("../images/q2.svg");
	background-repeat: no-repeat;
	background-position: 
		left top,
		right bottom;
	background-size:30px;
}
p.next{
	background:url("../images/icon_downArrow.svg") no-repeat;
	width:50px;
	height: 50px;
	background-size:50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left:0;
	right:0;
	bottom:40px;
	margin:auto;
	animation-name:downArrow;
	animation-delay: 1s;
	animation-duration:1s;
	animation-iteration-count:infinite;
}
p.next:hover{
	background-image:url("../images/icon_downArrow.svg");
}
p.next a{
	display: block;
	width:100%;
	height: 100%;
	border: none;
}
@keyframes downArrow {
    0% {
        background-position:center top;
		opacity: 1;
    }
    100% {
        background-position:center bottom;
		opacity: 0;
    }
}

p.general {
	margin:0 50px 20px;
}
p.general.narrow{
	margin:0 150px 20px;
}

p.privacy {
	margin:140px auto 100px;
	background:rgba(194,108,100,0.11);
	padding:40px 200px;
	max-width:var(--min-width);
	box-sizing: border-box;
	border-radius: 8px;
}

ul.sitemap {
	margin:50px 200px;
}
ul.sitemap a{
	color:var(--blue-color);
}
ul.sitemap > li{
	position: relative;
	padding:15px;
	border:2px solid var(--blue-color);
	border-radius: 12px;
	margin-bottom:15px;
	padding-left:45px;
	background-color:#efefef;
}
ul.sitemap > li > a{
	display: block;
	width:100%;
	height: 100%;
	background:url("../images/arrow_next_on.svg") right center no-repeat;
	background-size:20px;
}
ul.sitemap a:hover{
	color:var(--orange-color)
}
ul.sitemap > li:before{
	content: "";
	width:15px;
	height: 15px;
	background-color:var(--blue-color);
	position: absolute;
	border-radius: 15px;
	top:1em;
	left:10px;
}
ul.sitemap > li ul{
	margin-left:50px;
	font-size:16px;
	margin-top:10px;
}
ul.sitemap > li ul li{
	list-style: disc;
}
p.pankuzu{
	font-weight: bold;
}
p.pankuzu a{
	color:var(--blue-color);
	font-weight: normal;
}
p.pankuzu {
    width:var(--min-width);
    margin:20px auto 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	font-size:16px;
	padding-left:10px;
	color:var(--blue-color);
}
p.pankuzu span.next{
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent var(--blue-color);
    margin:0 20px
}
p.pankuzu span.current{
    border-bottom:2px solid var(--blue-color);
}
p.top{
	background:var(--black-color);
	color:#fff;
	line-height: 67px;
	font-size:32px;
	text-align: center;
}
h2.general {
	width:100%;
	height: 155px;
	font-size:28px;
	line-height: 155px;
	text-align: center;
	background:var(--lightgray-color);
}
h2.general.second{
	margin-top:var(--header-height);
}
h3.general{
	text-align: center;
	font-size:22px;
	margin:70px auto;
}
ul.news{
	width:900px;
	margin:auto;
}
ul.news.list{
	width:100%;
	margin-top:50px;
}
ul.news li{
	display: flex;
	justify-content: flex-start;
	gap:30px;
	margin-bottom:1em;
	align-items: flex-start;
	border-bottom:1px solid #ccc;
	padding-bottom:1em;
}
ul.news a{
	color:var(--black-color);
}
ul.news span{
	font-size:12px;
	width:120px;
	text-align: center;
}
ul.news span.date{
	font-size:12px;
}
ul.news span.category{
	font-size:14px;
	background:var(--pink-color);
	color:#fff;
	border-radius: 20px;
	
}
ul.news a{
	width:calc(100% - 300px);
}
a.tomore{
	width:480px;
	height: 80px;
	line-height: 80px;
	background-image: linear-gradient(90deg, #9797EE, #C26C9A);
	display: block;
	margin:50px auto;
	position: relative;
	text-align: center;
	color:#fff;
}
a.tomore::after{
	content: "";
	background-image:url("../images/arrow_right.svg");
	width:11px;
	height: 17px;
	position: absolute;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
}
h2.top{
	text-align: center;
	font-size:30px;
	margin:130px auto 50px;
	padding-bottom:50px;
	border-bottom:1px solid #707070;
}
div.leftWrapper {
	width:100%;
	background:url("../images/bgGray.png") center top repeat-y;
}
div.leftWrapper div.left{
	width:100%;
	max-width: var(--max-width);
	padding:143px 20px;
	box-sizing: border-box;
	margin:auto;

}
div.leftWrapper div.left p{
	line-height: 33px;
}
div.shopPhoto {
	width:100%;
	max-width:1230px;
	min-width:var(--min-width);
	aspect-ratio:1230 / 630;
	margin:auto auto 150px;

}
div.shopPhoto img{
	width:100%;
	height: auto;
}

div.grayWrapper {
	width:100%;
	min-width:var(--min-width);
	background:url("../images/bgGrayCenter.png") center top repeat-y;
	padding:130px 0;
	text-align: center;
	margin-bottom:100px;
	position: relative;
}
div.grayWrapper img{
	/*padding-right: 280px;*/
	width:calc(100% - 280px);
	max-width: 1200px;
}
div.grayWrapper img.access{
	position: relative;
	left:-130px;
}
div.grayWrapper img.slide{
	padding-right: 280px;
	width:calc(100% - 280px);
	max-width: 1200px;
}
div.grayWrapper p.first{
	text-align: left;
	line-height: 33px;
	margin-top:-50px;
	margin-left:480px;
	margin-bottom: 50px;
	font-size:22px;
}
div.grayWrapper p.absolute{
	text-align: left;
	line-height: 33px;
	margin-top:-100px;
	margin-left:420px;
	font-size:22px;
}
div.footerFlex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
div.footerFlex div.right{
	width:418px;
}
div.footerFlex a.tomore2{
	border:1px solid var(--black-color);
	color:#fff;
	display: block;
	line-height: 80px;
	font-size:20px;
	background-image: linear-gradient(90deg, #9797EE, #C26C9A);
}
div.footerFlex a.tomore2:hover{
	opacity: 0.8;
}
div.footerFlex div.left h2,
div.access h2{
	font-size:28px !important;
}
div.footerFlex div.left p.power,
div.access p.power{
	font-size:16px;
	margin-bottom:24px;
}
div.footerFlex div.left p.address,
div.access p.address{
	font-size:16px;
	margin-bottom:24px;
}
div.footerFlex div.left p.tel,
div.access p.tel{
	font-size:28px;
	background:url("../images/icon_tel.svg") left center no-repeat;
	background-size:26px;
}
div.access p.tel{
	padding-left:40px;
}
ul.sns{
	display: flex;
	justify-content: center;
	gap:30px;
}
ul.sns img{
	width:46px !important;
	height: auto;
}
ul.sns img:hover{
	opacity: 0.7;
}

ul.footerNav {
	display: flex;
	justify-content: center;
	gap:30px;
	margin:50px auto;
}
p.copy{
	background:var(--black-color);
	color:#fff;
	line-height: 64px;
	text-align: center;
	font-size:12px;
}
div.graySection{
	background:var(--gray-color);
	width:100%;
	padding:90px 0;
}
div.graySection.white{
	background:#fff;
}
div.graySection.map{
	padding:0;
	height: 600px;
}
div.graySection.white p{
	margin-right: 50px;
}
div.mainSecond{
	width:var(--min-width);
	margin:auto;
}
h3.main{
	font-size:22px;
	text-align: center;
	position: relative;
	margin-bottom:100px
}
h3.main::after{
	content: "";
	width:100%;
	height: 2px;
	position: absolute;
	left:0;
	right:0;
	bottom:-22px;
	margin:auto;
	background-image: linear-gradient(90deg, #9797EE, #C26C9A);
}
div.mainFlex{
	margin:70px 100px;
	display: flex;
	justify-content: space-between;
	gap:20px;
}
div.mainFlex.accessFlex{
	margin:70px 100px;
	display: flex;
	justify-content: center;
	gap:170px;
}
div.mainFlex p{
	margin-top:30px;
	line-height: 33px;
}
div.h2 {
	width:100%;
}
div.h2 img{
	width:100%;
	height: auto;
}
p.s22{
	font-size:22px;
	position: absolute;
	margin:auto !important;
	left:0;
	right:0;
	bottom:50px;
	text-align: center !important;
	width:100% !important;
}
nav {
	display: flex;
	justify-content: flex-end;
	gap:50px;
	align-items: center;
}

ul.tomore {
	width:100vw;
	height: 80px;
	background-image: linear-gradient(90deg, #9797EE, #C26C9A);
	position: fixed;
	bottom:0;
	left:0;
	display: flex;
	justify-content: center;
	gap:50px;
	align-items: center;
	font-size:18px;
}
ul.tomore li{
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
	line-height: 80px;
}
ul.tomore li a{
	color:#fff !important;
}
ul.tomore ruby{
	font-size:18px;
}
ul.tomore rt{
	font-size:12px;
}
ul.tomore li.tel{
	background-image:url("../images/icon_tel2.svg");
}
ul.tomore li.tel a{
}
ul.tomore li.tel img{
	width:200px !important;
	height: 41px !important;
	object-position: center center;
	margin-top:8px
}
ul.tomore li.mail{
	background-image:url("../images/icon_mail.svg");
	padding-left:55px;
	background-size:40px
}



div.privacyWrapper {
	max-width:var(--min-width);
	margin:auto;
}
h3.privacy{
	font-size:20px;
	font-weight: bold;
	border-bottom:1px solid #A8A3A3;
	font-family: serif;
}
h3.privacy + p{
	text-align: justify;
	line-height: 2em;
	margin:40px auto 140px;
}

dl.inquiry {
	width:760px;
	margin:50px auto;
	overflow: hidden;
}
dl.inquiry dt,
dl.inquiry dd{
	border-top:1px solid #C8C0C0;
	padding:15px 10px 40px 10px;
	box-sizing: border-box;
}
dl.inquiry dt{
	width:30%;
	float: left;
	clear: both;
	position: relative;
}
dl.inquiry dt.must::after{
	content:"必須";
	font-size: 12px;
	padding:2px 5px;
	background:var(--pink-color);
	color:#fff;
	position: absolute;
	top:15px;
	right: 10px;
}
dl.inquiry dd{
	width:70%;
	float: right;
}
dl.inquiry dd.flex{
	display: flex;
	justify-content: flex-start;
	gap:10px;
}
dl.inquiry dd.flexstart{
	display: flex;
	justify-content: flex-start;
	gap:20px;
	flex-wrap: wrap;
}
dl.inquiry dd.flexstart div{
	display: flex;
	justify-content: flex-start;
	gap:10px;
}

form input{
	width:calc(100% - 22px);
}
form input.small{
	width:50%;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form textarea,
form select{
	border:1px solid #BCBCBC;
	background:#FBFBFC;
	padding:0 10px;
	border-radius: 4px;
}
form select{
	width:50%;
	padding:5px 10px;
	cursor: pointer;
}
form textarea{
	padding:10px;
	width:100%;
	box-sizing: border-box;
	height: 300px;
}
form input[type=checkbox]{
	width:20px;
	height: 20px;
	border:1px solid #BCBCBC;
	margin:0;
}
form input[type=checkbox]:checked{
	background: #BCBCBC;
	border-color: #000;
}
label.checkWrapper{
	display: flex;
	justify-content: flex-start;
	gap:10px;
}
form label{
	cursor: pointer;
}
h3.inquiry {
	font-size:28px;
	text-align: center;
	margin:65px auto;
}


div.inquiry {
	margin:0 auto;
	background:rgba(194,108,100,0.11);
	padding:40px 200px;
	max-width:var(--min-width);
	box-sizing: border-box;
	border-radius: 8px;
	font-size:16px;
}
div.inquiry div.tel,
div.inquiry div.mail{
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:140px;
}
div.inquiry div.tel{
	background-image:url("../images/icon_tel3.svg");
	background-size:45px;
}
div.inquiry div.mail{
	background-image:url("../images/icon_mail2.svg");
	background-size:70px;
}
div.inquiry strong{
	font-weight: bold;
	font-size:22px;
	padding:0 12px;
}

h4.inquiry {
	font-size:18px;
	font-weight: bold;
	width: 960px;
	margin:80px auto 30px;
	box-sizing: border-box;
}
p.i2{
	margin:20px 50px;
}
p.i3{
	margin:20px 50px;
}
p.i4{
	width: var(--min-width);
	padding-left:280px;
	margin-top:0px;
	margin-bottom:40px;
	margin:0 auto 40px;
	position: relative;
}
p.i4::before{
	content: "※";
	position: relative;
	top:0;
	left:0;
}
p.i6{
    width:640px;
    margin:20px auto;
}

p.barrier {
	width:880px;
	margin:130px auto;
	font-size:18px;
	line-height: 33px;
}

div.blogWrapper {
	width:var(--min-width);
	margin:100px auto;
	display: flex;
	flex-direction: row-reverse;
	gap:50px;
}
div.blogMain{
	width:800px;
}
div.blogSide{
	width:250px;
}
div.blogMain h3.title{
	font-size:18px;
	font-weight: bold;
	padding:10px 20px;
	border-bottom: 1px solid #A8A3A3;
}
div.blogMain p.date,
div.blogMain p.category{
	margin:10px 0 0;
}
div.blogMain p.category{
	display: inline-block;
	background:var(--pink-color);
	color:#fff;
	padding:1px 15px;
	border-radius: 1em;
}
div.entryBody{
	padding:20px;
}
div.blogSide h3{
	font-size:16px;
	border-bottom:1px solid #A8A3A3;
	padding:10px 20px;
	margin-bottom:20px;
}
div.blogSide ul{
	margin:20px ;
}
div.blogSide ul li{
	list-style: disc;
}

p.underconst {
	width:100%;
	text-align: center;
	line-height: 300px;
}
div.instagram{
	width:100%;
	max-width:var(--max-width);
	margin:auto;
	text-align: center;
}
div.instagram iframe{
	width:1100px !important;
	/*height: 220px !important;*/
	margin:auto;
}
h2.instagram{
	text-align: center;
}
h2.instagram img{
	width:260px;
	margin-bottom:60px;
}
ul.price {
	width:var(--min-width);
	margin:100px auto;
	display: flex;
	justify-content: space-between;
	gap:22px;
}
ul.price a{
	width:100%;
	text-align: center;
	font-size:18px;
	font-weight: bold;
	color:#fff;
	line-height: 1.25em;
	padding:20px 0;
	background: linear-gradient(90deg, rgba(194,108,154,1) 0%, rgba(151,151,238,1) 100%);
	display: flex;
	justify-content: center;
	align-items: center;
}
ul.price a:nth-child(1){
	background: linear-gradient(90deg, #120443 0%, #9797EE 100%);
}
ul.price a:nth-child(2){
	background: linear-gradient(90deg, #EE4D12 0%, #F29A28 100%);
}
ul.price a:nth-child(3){
	background: linear-gradient(90deg, #88C20D 0%, #B4E58A 100%);
}
ul.price a:nth-child(4){
	background: linear-gradient(90deg, #DC107D 0%, #F5C6ED 100%);
}
ul.price a:nth-child(5){
	background: linear-gradient(90deg, #10D4C6 0%, #F3E264 100%);
}
ul.price a:nth-child(6){
	background: linear-gradient(90deg, #C26C9A 0%, #9797EE 100%);
}
ul.price a:nth-child(1):hover{
	background: linear-gradient(90deg,#9797EE 0%, #120443 100%);
}
ul.price a:nth-child(2):hover{
	background: linear-gradient(90deg, #F29A28 0%, #EE4D12 100%);
}
ul.price a:nth-child(3):hover{
	background: linear-gradient(90deg, #B4E58A 0%,#88C20D  100%);
}
ul.price a:nth-child(4):hover{
	background: linear-gradient(90deg,#F5C6ED  0%,#DC107D  100%);
}
ul.price a:nth-child(5):hover{
	background: linear-gradient(90deg,#F3E264  0%,#10D4C6  100%);
}
ul.price a:nth-child(6):hover{
	background: linear-gradient(90deg, #9797E 0%,#C26C9A E 100%);
}
ul.price li span{
	width:100%;
	height: 100%;
}
ul.price li a{
	width:165px;
	display: block;
}
ul.price a:hover{
	color:#fff;
}
h2.price{
	font-size:30px;
	color:#161515;
	line-height: 2em;
	padding-top:100px;
	margin-top:-100px;
	text-align: center;
	font-weight: bold;
	position: relative;
	margin-bottom:100px;
}
h2.price::after{
	width:100%;
	height: 18px;
	content: "";
	position: absolute;
	left:0;
	right:0;
	bottom:-20px;
	margin:auto;
}
h2.price.b1::after{
	background: linear-gradient(180deg, #120443 0%, #9797EE 100%);
}
h2.price.b2::after{
	background: linear-gradient(180deg, #EE4D12 0%, #F29A28 100%);
}
h2.price.b3::after{
	background: linear-gradient(180deg, #DC107D 0%, #F5C6ED 100%);
}
h2.price.b4::after{
	background: linear-gradient(180deg, #10D4C6 0%, #F3E264 100%);
}
h2.price.b5::after{
	background: linear-gradient(180deg, #88C20D 0%, #B4E58A 100%);
}

h3.price{
	/*background:url("../images/list_price.jpg") left center no-repeat;*/
	font-size:30px;
	width:var(--min-width);
	margin:40px auto 20px;
	text-indent:35px;
	position: relative;
}
h3.price::before{
	content: "";
	width:22px;
	height: 22px;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
}
h3.price.h1::before{
	background: linear-gradient(180deg, #120443 0%, #9797EE 100%);
}
h3.price.h2::before{
	background: linear-gradient(180deg, #EE4D12 0%, #F29A28 100%);
}
h3.price.h3::before{
	background: linear-gradient(180deg, #DC107D 0%, #F5C6ED 100%);
}
h3.price.h4::before{
	background: linear-gradient(180deg, #10D4C6 0%, #F3E264 100%);
}
h3.price.h5::before{
	background: linear-gradient(180deg, #88C20D 0%, #B4E58A 100%);
}
h4.price{
	width:var(--min-width);
	background:var(--pink-color);
	margin:20px auto;
	font-size: 24px;
	color:#fff;
	border-radius: 54px;
	line-height: 54px;
	text-indent: 60px;
}
h4.price.g1{
	background: linear-gradient(180deg, #120443 0%, #9797EE 100%);
}
h4.price.g2{
	background: linear-gradient(180deg, #EE4D12 0%, #F29A28 100%);
}
h4.price.g3{
	background: linear-gradient(180deg, #DC107D 0%, #F5C6ED 100%);
}
h4.price.g4{
	background: linear-gradient(180deg, #10D4C6 0%, #F3E264 100%);
}
h4.price.g5{
	background: linear-gradient(180deg, #88C20D 0%, #B4E58A 100%);
}
p.price{
	margin:20px auto 50px;
	width:1000px;
	
}
div.price{
	width:var(--min-width);
	display: flex;
	justify-content: space-between;
	margin:auto;
	margin-bottom: 100px;
}
div.price div.inner{
	width:100%;
}
div.priceWrapper{
	border:1px dashed var(--pink-color);
	width:656px;
	box-sizing: border-box;
	padding:30px;
	display: flex;
	align-items: center;
	/*flex-direction: column;
	gap:20px;*/
	position: relative;
}
div.priceWrapper.wide{
	width:100%;
}
div.priceWrapper p.tac{
	font-size:24px;
	position: absolute;
	margin:auto;
	left:0;
	right:0;
	top:15px;
	text-align: center;
}
dl.price{
	overflow: hidden;
}
dl.price dt{
	width:180px;
	float: left;
	clear: both;
	font-size:24px;
}
dl.price dd{
	width:calc(100% - 180px);
	float: right;
	margin-bottom: 1em;
	font-size:24px;
}
dl.price span.price{
	font-size:33px;
	color:var(--red-color);
	display: block;
}
div.price img{
	width:357px;
	height: auto;
	display: block;
}
div.price ul{
	border:1px dashed var(--pink-color);
	width:656px;
	box-sizing: border-box;
	padding:40px;
}
div.price ul.noline{
	border:none;
}
div.price ul.full{
	width:100%;
}
div.priceDesc ul li.noList,
div.price ul li.noList{
	list-style: none;
}
div.price ul li{
	list-style: disc;
	margin-left:1em;
	font-size:24px;
}
div.price ul li span.price{
	font-size:33px;
	color:var(--red-color);
	margin-left:1em;
}
div.priceDesc{
	width:920px;
	border:2px solid var(--pink-color);
	margin:25px auto 50px;
	box-sizing: border-box;
	padding:25px 50px;
}
div.priceDesc.dashed{
	border-style:dashed;
}
div.priceDesc h3{
	font-size:30px;
	color:var(--pink-color);
	/*text-align: center;*/
	margin-bottom: 1em;
}
div.priceDesc h3.topLine{
	margin-top:30px;
	border-top:1px solid var(--pink-color);
	padding-top:25px;
}
div.priceDesc ul{
	font-size:20px;
}
div.priceDesc li{
	list-style: disc;
	margin-left:50px;
}
div.priceDesc li span{
	font-size:30px;
	padding-left:1em;
	color:var(--red-color);
}
div.centerImg {
	display: flex;
	justify-content: center;
}
div.centerImg.parent img{
	width:60%;
	margin:25px auto;
}
div.threeImg {
	width:calc(100% - 40px);
	min-width:var(--min-width);
	margin:auto;
	margin-top:70px;
	display: flex;
	justify-content: center;
	gap:20px;
}
div.threeImg img{
	width:calc(33% - 20px);
	height: auto;
}