@charset "utf-8";
:root {
	--bgHead: #F8F5FA;
	--bg1: rgba(219,203,231,.2);
	--bgLinear: linear-gradient(45deg,#29123C,#CA158A);
	--color: #000;
	--colorMain: #CA158A;
	--color2: #580058;
	--white: #fff;
	--gary: #e2e2e2;
	--size: 18px;
}
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,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,video,button, textarea, input, select {margin: 0;padding: 0; border: 0;outline: 0;vertical-align: baseline;color: var(--color); font-family: "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
body {font-size: var(--size); line-height: 1.8;}
ol, ul { list-style: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
img {vertical-align:top;max-width: 100%;}
iframe{max-width: 100%;} 
::placeholder{color: #B8B8B8;}
::-webkit-placeholder{color: #B8B8B8;}
::-moz-placeholder{color: #B8B8B8;}
::-ms-placeholder{color: #B8B8B8;}
::-o-placeholder{color: #B8B8B8;}
a{text-decoration: none;transition: all .3s;}
a:hover{opacity: .7;}
/* common-set */
.sp{display: none;}
.pc{display: block;}
.tx-l{text-align: left;}
.tx-c{text-align: center;}
.tx-r{text-align: right;}
.d-flex{display: flex;}
.jc-b{justify-content: space-between;}
.jc-c{justify-content: center;}
.jc-e{justify-content: flex-end;}
.ai-s{align-items: flex-start;}
.ai-c{align-items: center;}
.ai-e{align-items: flex-end;}
.fw-b{font-weight: 700;}
.txt_normal{font-weight: normal;}
.p_relative{position: relative;}
.full_img img{width: 100%;}
.nav-unshown,.menu-trigger{display: none;}
.tips{position: relative;padding-left: 1.35em;}
.tips2{position: relative;padding-left: 1.5em;}
.tips-span{position: absolute;left: 0;top: 0;}

h2{font-size: 56px;}
h3{font-size: 36px;line-height: 56px;}
h4{font-size: 28px;font-weight: normal;}
h5{font-size: 18px;font-weight: normal;}
.sm{font-size: 80%;}
.innerH{padding: 0 40px;max-width: 1410px;margin: 0 auto;}
.inner{padding: 0 40px;max-width: 1200px;margin: 0 auto;}
.sec{padding: 120px 0;}
.sec2{padding: 70px 0;}
.colorW{color: var(--white);}
.colorMain{color: var(--colorMain);}
.color2{color: var(--color2);}
.bg1 {background: var(--bg1);}
.bg_linear {background: var(--bgLinear);}
.bg-gary{background-color: var(--gary);}
.bg-white{background-color: var(--white);}
.mt_50{margin-top: 50px;}
.mt_30{margin-top: 30px;}
.mt_20{margin-top: 20px;}
/* ttl */
.ttl h3{font-weight: normal; display: flex;align-items: center;justify-content: space-between;gap: 250px;}
.ttl h3::after {content: ''; flex: 1; height: 1px; background-color: var(--colorMain); }
.ttl h5{margin-top: 20px;}
/* morelink */
.morelink a{display: inline-flex;align-items: center;gap: 20px; padding: 70px 100px;font-size: 30px;line-height: 1.5;background-color: var(--color);color: var(--white);}
.morelink span{color: var(--white);}
/* header */
header{position: fixed;left: 0;top: 0;z-index: 20;width: 100%;transition: all .2s;background-color: #fff;}
.logo{line-height: 1;font-size: 30px;}
.logo a{display: block;text-align: center;padding: 12px 0;}
.logo img{height: 46px;}
.nav-content{gap: 40px;}
.menu-trigger{display: none;}
.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger span { position: absolute; left: 15px; width: 20px; height: 2px; background-color: #000; border-radius: 2px;}
.menu-trigger span:nth-of-type(1) { top: 16px;}
.menu-trigger span:nth-of-type(2) { top: 24px;}
.menu-trigger span:nth-of-type(3) { bottom: 16px;}
#nav-input:checked ~ .menu-trigger span{top: 50%;margin-top: -2px;}
#nav-input:checked ~ .menu-trigger span:nth-of-type(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#nav-input:checked ~ .menu-trigger span:nth-of-type(2) { display: none;}
#nav-input:checked ~ .menu-trigger span:nth-of-type(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.header-menu{display: flex;align-items: center;justify-content: center;}
.header-menu ul{align-items: center;}
.header-menu a{display: block;padding: 0 16px;font-weight: 600;font-size: 15px;line-height: 2;}
.spic_lang {margin-left: 30px;}
/* main */
.main{padding-top: 70px;}

footer{padding: 60px 0;}
	
/* main */
.kv{padding: 90px 0;}
.kv_text{width: 45%;}
.kv_img{width: 52%;margin-right: -5%;}
.kv_ttl{display: flex;flex-direction: column;}
.text_item+.text_item{margin-top: 40px;}
/* MARKET VIEW */
.market_view_desc h5{line-height: 2;}
.market_view_flex{gap: 36px;}
.market_view_item{background-color: var(--white);padding: 20px 40px;box-sizing: border-box;width: calc((100% - 72px)/3);}
.market_view_ttl{text-align: center;}
.market_view_img{margin-top: 30px;}
.market_view_txt{margin-top: 30px;}
/* POINT */
.ttl_point{position: relative;padding-left: 230px;}
.point_words{position: absolute;left: 0;top: 0;background-color: var(--colorMain);width: ;color: var(--white);font-size: 20px;line-height: 1.5;text-align: center;width: 200px;padding: 13px;box-sizing: border-box;border-radius: 50px;}
/* 月額料金プラン */
.price_border{width: 1000px;max-width: 100%; border: 20px solid var(--colorMain);padding: 50px 70px;box-sizing: border-box;margin: 0 auto;}
.price_flex{justify-content: space-between;}
.price_flex>div{width: calc(50% - 30px);}
.price_desc p+p{margin-top: 10px;}
.price_num h3{background-color: var(--colorMain);color: var(--white);text-align: center;border-radius: 70px;padding: 20px;font-weight: normal;font-size: 42px;line-height: 1.5;}
.price_num h3 span{color: var(--white);font-size: 20px;}

@media (max-width: 1801px) {
	.innerH{ max-width: 1200px;}
}
@media (max-width: 1408px) {
	.kv_img{margin-right: 0;}
}
@media (max-width: 1100px){
	.innerH{padding: 0 20px;}
	body{position: relative;}
	header{border: none;box-shadow: 0 4px 8px rgba(0,0,0,.15);}
	header .inner{padding: 0 20px;}
	.menu-trigger {display: block; position: absolute; width: 50px; height: 50px; right: 0; top: 0; z-index: 6;}
	.logo a {padding: 12px 0;}
	.logo img{height: 26px;display: block;}
	#nav-input:checked ~ .nav-content{display: block;}
	.nav-content{display: none;position: absolute;width: 100vw;min-height: calc(100vh - 50px); top: 50px;background-color: #fff;left: 0;border-top: 1px solid #c4c4c4;}
	.header-menu,.header-menu ul{display: block;position: relative;}
	.header-menu li{border-bottom: 1px solid #c4c4c4;}
	.header-menu a{padding: 15px 20px;}
	.spic_lang{margin-left: 0;}
	.main{padding-top: 50px;min-height: calc(100vh - 155px);}
}
@media (max-width: 980px) {
	h2{font-size: 40px;}
	h3{font-size: 24px;line-height: 2;}
	h4{font-size: 20px;}
	h5{font-size: 16px;}
	.market_view_item{padding: 20px;}
}
@media (max-width: 768px) {
	:root {--size: 14px;--bgLinear: linear-gradient(-135deg, #CA158A 0%, #522377 50%, #29123C 100%);}
	.sp{display: block;}
	.pc_inline{display: block;}
	.pc{display: none;}
	.inner{padding: 0 20px;}
	.sec,.sec2 {padding: 50px 0;}
	
	h2{font-size: 30px;}
	h3{font-size: 20px;line-height: 2;}
	h4{font-size: 16px;}
	h5{font-size: 14px;}
	.mt_20{margin-top: 10px;}
	.mt_30{margin-top: 15px;}
	.mt_50{margin-top: 25px;}
	.mt-100{margin-top: 50px;}
	.ttl h3{gap: 20px;line-height: 1.5;align-items: flex-end;}
	.ttl h3::after{ margin-bottom: 12px;}
	.ttl h5{font-size: 14px;margin-top: 10px;}
	.ttl2{width: 100%;}
	.ttl2 h3{font-size: 20px;text-align: center;line-height: 1.5;}
	.ttl2 h2{margin-top: 20px;}
	.kv{padding: 40px 0;}
	.kv_flex {flex-direction: column;gap: 40px;margin: 20px;}
	.kv_text{width: auto;}
	.kv_img{width: auto;margin-right: 0;}
	.text_item+.text_item{margin-top: 25px;}
	.text_item h3{font-size: 20px;line-height: 1.5;}
	.market_view_flex{flex-wrap: wrap;gap: 25px;}
	.market_view_item{width: 100%;padding: 25px;}
	.market_view_ttl{font-size: 18px;}
	.market_view_img,.market_view_txt {margin-top: 15px;}
	.ttl_point{padding-left: 0;}
	.point_words{position: relative;display: block;font-size: 14px;line-height: 20px;padding: 10px;width: 120px;margin-bottom: 8px;}
	.price_border{border-width: 8px;padding: 20px;}
	.price_flex{flex-wrap: wrap;gap: 20px;}
	.price_flex>div{width: 100%;}
	.price_num h3{font-size: 28px;padding: 12px;}
	.price_num h3 span{font-size: 14px;}
	.bnr_sec{text-align: center;}
	.bnr_ttl{text-align: left;display: inline-block; font-size: 30px;line-height: 1.5;}
	footer{padding: 30px 0;}
	.morelink a{padding: 40px 30px;font-size: 20px;}
}