@charset "utf-8";
/* CSS Document */
/*
Theme Name:キャストウェブ
Theme URI:https://seo-max.jp
Description:キャストウェブ
Author:株式会社リッシン
Author URI:https://rissin-corp.co.jp
Version:1.0
*/
/*Element reset*/
html{font-feature-settings:"palt"; scroll-behavior:smooth}
body,div,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,button,small,strong,table,input{margin:0; font-size:1em}
body,pre{font-family:-apple-system, BlinkMacSystemFont,'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; -webkit-font-smoothing:antialiased; line-height:1.75; color:#001324}/*color, line-height*/
ul,ol{padding:0; list-style:none}
i,em,var,address{font-style:normal}
img{max-width:100%}
a{display:block; color:inherit; text-decoration:none}
pre{white-space:pre-line; margin:0}
button{background:none; border:0; outline:0; appearance:none}
.lineclamp{line-height:1.5em; max-height:3em; background-color:inherit; position:relative; overflow:hidden; text-align:justify; display:block}
.lineclamp::before{content:"..."; position:absolute; right:0; top:1.5em; display:inline-block; width:1em; height:1.5em; background-color:inherit; line-height:1.5em; color:inherit}
.lineclamp::after{content:""; position:relative; float:right; width:1em; height:1.5em; background-color:inherit; margin-bottom:-1.5em}
body > *{font-family:"Arial", "Yu Gothic", "Meiryo", sans-serif; letter-spacing:1rem}
body a{transition:all .3s}
body a:hover{opacity:.7}
body.Hbfixed{position:fixed}

/*common*/
body{position:relative; transition:all 1s}

@font-face{
	font-family:'Noto Sans JP';
	font-style:normal;
	font-display:swap;
	src:url("fonts/NotoSansJP-Bold.woff") format("woff");
}

@keyframes Circle{
  0% {stroke-dasharray:0 471}
  99.9%,to { stroke-dasharray:471 471}
}

@keyframes CircleSp{
  0% {stroke-dasharray:0 300}
  99.9%,to {stroke-dasharray:300 300}
}

@keyframes BgGradation {
	0%{background-position:0% 0%}
	50%{background-position:100% 0%}
	100%{background-position:0% 0%}
}

@media(max-width:789.9px){
	html{font-size:calc(100vw / 750); margin-top:0!important}
	html #wpadminbar{position:fixed; top:0}
	body{font-size:30rem}
	h1,h2,h3,h4,h5,div,p{font-weight:500}
	.Pconly{display:none}
	.Container{width:88vw; margin:0 auto;}
	.Header{position:absolute; top:0; height:110rem; width:100%; z-index:3}
	.HeaderInnear{position:relative; height:110rem}
	.HeaderLogo{position:relative; width:310rem; padding:35rem 0 0 40rem; z-index:2}
	.HeaderNavmainPc{display:none}
	.HeaderNavmainSp{position:fixed; visibility:hidden; opacity:0; top:0; right:0; width:100%; height:100vh; background:linear-gradient(30deg, #ff67ab, #ffd99a); box-shadow:0 0 15rem rgba(0,0,0,.3); z-index:2; transition:.4s}
	.HeaderNavmainSp::before{content:""; position:absolute; width:100%; height:100vh; background:url(images/SubHeaderBg.svg); background-size:200%; opacity:0.06;}
	.HeaderNavmainSp::after{content:""; position:absolute; top:122rem; height:2rem; background:rgba(255,255,255,.3); width:90%; left:5%;}
	.HeaderNavmainSp .HeaderLogo{position:absolute}
	#GlobalMenuInput{display:block; position:absolute; top:0; right:0; width:110rem; height:110rem; z-index:4; opacity:0}
	#GlobalMenu{position:absolute; top:0; right:0; width:110rem; height:110rem; background:linear-gradient(30deg, #ff67ab, #ffd99a); z-index:3; text-align:center}
	.GlobalMenuWords{position:relative; top:22rem; color:#fff; text-align:center; font-size:17rem; font-weight:bold; letter-spacing:1.5rem; transition:all .2s}
	.GlobalMenuRect{position:relative; width:60rem; height:2rem; top:32rem; left:calc(50% - 30rem); margin-bottom:12rem; background:#fff; transition:all .2s}
	#GlobalMenuBack{display:block; position:fixed; width:100%; height:100%; z-index:1; left:-100%; top:0; background:rgba(255,255,255,.8); transition:all .4s}
	#GlobalMenuInput:checked{position:fixed; top:10rem; right:20rem}
	#GlobalMenuInput:checked~#GlobalMenu{position:fixed; background:rgba(0,0,0,0);}
	#GlobalMenuInput:checked~#GlobalMenu .GlobalMenuWords{top:28rem; right:18rem; font-size:17rem; color:#fff;}
	#GlobalMenuInput:checked~#GlobalMenu .Rect1{width:58rem; top:45rem; left:8rem; background:#fff; transform:translateY(0) rotate(30deg)}
	#GlobalMenuInput:checked~#GlobalMenu .Rect2{width:58rem; top:32rem; left:7rem; background:#fff; transform:translateY(0) rotate(-30deg)}
	#GlobalMenuInput:checked~#GlobalMenuBack{left:0%}
	#GlobalMenuInput:checked~.HeaderNavmainSp{visibility:visible; opacity:1}
	.HeaderNavmainUl{position:relative; margin-top:240rem; z-index:1}
	.HeaderNavmainLi{width:100%; height:110rem; line-height:110rem; font-size:30rem}
	.HeaderNavSubLi{width:100%; height:85rem; line-height:80rem; font-size:26rem; color:#fff}
	.HeaderNavmainUl .HeaderNavSubLi:nth-child(1){margin-bottom:30rem;}
	.HeaderNavmainLiAnc{margin:0 90rem; color:#fff; font-weight:bold;}
	.HeaderNavmainLiAnc span{position:relative; font-size:22rem; display:inline-block; margin-left:35rem;}
	.HeaderNavmainLiAnc span::before{content:""; position:absolute; top:66rem; left:-29rem; width:20rem; height:1rem; background:#fff}
	.HeaderNavContact{position:relative; width:504rem; height:102rem; margin:65rem auto 0; line-height:98rem; border-radius:48rem; background:#00bf38; padding:4rem; text-align:center; letter-spacing:0; color:#fff; font-size:32rem; font-weight:bold; border-radius:60rem;}
	.HeaderCopy{position:absolute; bottom:0; width:100%; height:100rem; line-height:80rem; text-align:center; font-size:20rem; color:#fff}
	
	/*トップページ*/
	.Mv{position:relative; width:100%}
	.Mv{position:relative; width:100%; height:100vh; min-height:1240rem; background:url("images/MvSp.jpg") no-repeat; background-size:cover; overflow:hidden}
	.MvTxt{position:relative; top:15vh; width:100%; padding:0 12%; color:#555; z-index:1}
	.MvTxtLarge{margin-bottom:28rem; line-height:85rem; font-size:53rem; color:#555; text-shadow:0 0 12rem rgba(255, 255, 255, 1); font-family:"Noto Sans JP", sans-serif;}
	.MvTxtLarge strong{font-size:65rem; color:#ff598d;}
	.MvTxtSmall{display:flex; justify-content:center; align-items:center; padding:16rem 0; border-top:solid 1.5rem #555; border-bottom:solid 1.5rem #555; margin-bottom:40rem; text-align:center; font-size:44rem; font-weight:bold}
	.MvTxtSmall img{width:40px; height:40px; margin-right:12rem}
	.MvTxtSmall span{color:#06C755}
	.MvTxt a{position:relative; display:block; margin:0 auto; width:90%; text-align:center; height:105rem; line-height:105rem; background:#ff598d; border-radius:60rem; color:#fff; font-size:28rem; letter-spacing:.5rem; font-family:"Noto Sans JP", sans-serif; box-shadow:1rem 2rem 18rem 0 rgba(255,255,255,1)}
	.MvImg{position:absolute; top:52vh; left:calc(50% - 360rem); width:860rem; height:100%;}
	.MvImg img{position:absolute; display:block; width:100%; opacity:0; transform:translateY(20rem); transition:.7s}
	.Mv.Active img:nth-child(1){opacity:1; transform:translateY(0)}
	.Mv.Active img:nth-child(3){opacity:1; transform:translateY(0); transition-delay:.2s}
	.Mv.Active img:nth-child(2){opacity:1; transform:translateY(0); transition-delay:.4s}
	
	#Nayami{position:relative; padding:90rem 0 70rem}
	#Nayami.ScrollIn{background:#FFFBF5;}
	#Nayami::after{content:""; position:absolute; bottom:-80rem; left:0; width:100%; height:80rem; clip-path:polygon(0% 0%, 100% 0%, 50% 100%);}
	#Nayami.ScrollIn::after{background:#FFFBF5;}
	.NayamiTtl{font-size:45rem; font-weight:bold; font-family:"Noto Sans JP",sans-serif; text-align:center; color:#333; margin-bottom:60rem; opacity:0; transform:translateY(20rem); transition:.6s}
	.NayamiTtl span{color:#ff598d}
	.NayamiTtl.ScrollIn{opacity:1; transform:translateY(0)}
	.NayamiFlex{display:block; width:85%; max-width:1000rem; margin:0 auto;}
	.NayamiCard{width:100%; border-radius:15rem; background:#fff; padding:60rem 50rem 0; box-shadow:0 2rem 12rem rgb(149 126 0 / 5%); margin-bottom:50rem; opacity:0; transform:translateY(20rem); transition:.6s}
	.NayamiFlex.ScrollIn .NayamiCard:nth-child(1){opacity:1; transform:translateY(0)}
	.NayamiFlex.ScrollIn .NayamiCard:nth-child(2){opacity:1; transform:translateY(0); transition-delay:.2s}
	.NayamiFlex.ScrollIn .NayamiCard:nth-child(3){opacity:1; transform:translateY(0); transition-delay:.4s}
	.NayamiCardTtl{font-size:42rem; font-weight:bold; letter-spacing:2rem; line-height:65rem; margin-bottom:30rem; color:#ff598d; text-align:center; font-family:"Noto Sans JP", sans-serif;}
	.NayamiCardDesc{font-size:30rem; line-height:50rem; height:145rem; text-align:left}
	.NayamiCardImg{display:block; margin:0 auto; height:300rem}
	
	#Point{background:url("images/PointSp.jpg"); background-size:contain; padding:170rem 0 90rem;}
	.PointInner{}
	.PointTtl{text-align:center; color:#444; text-align:center; font-size:52rem; font-family:"Noto Sans JP",sans-serif; margin-bottom:60rem; opacity:0; transform:translateY(20rem); transition:.6s}
	.PointTtl span{color:#ff598d}
	.PointTtl.ScrollIn{opacity:1; transform:translateY(0)}
	.PointInner{width:85%; max-width:850rem; margin:0 auto;}
	.PointFlex{display:flex; flex-direction:column; justify-content:center; align-items:center; background:#fff; padding:60rem 0; border-radius:20rem; margin-bottom:50rem; opacity:0; transform:translateY(20rem); transition:.6s}
	.PointFlex.ScrollIn{opacity:1; transform:translateY(0)}
	.PointImg{width:55%}
	.PointTxt{width:85%;}
	.PointTxt h4{font-size:40rem; font-weight:bold; line-height:55rem; color:#ff598d; padding:5rem 0 15rem; margin-bottom:15rem; border-bottom:solid 2rem #ff598d}PlanTtl
	
	.scroll-hint-icon{z-index:4}
	#Feature{position:relative}
	#Feature::before{content:""; position:absolute; top:-68.5rem; left:0; height:70rem; width:50%; clip-path:polygon(0 0, 100% 100%, 0 100%); background:#fff}
	#Feature::after{content:""; position:absolute; top:-68.6rem; left:50%; height:70rem; width:50%; clip-path:polygon(100% 0, 100% 100%, 0 100%); background:#fff}
	.FeatureTtl{margin:110rem 0 80rem; color:#444; text-align:center; font-size:42rem; font-family:"Noto Sans JP", sans-serif;}
	.FeatureTtl span{color:#ff598d;}
	.FeaturePointFlex{display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1130rem;}
	.FeaturePointItem{display:flex; flex-direction:column; width:570rem; padding:30rem 5rem 35rem; margin:0 auto 50rem; font-size:20rem; text-align:center; border:solid 15rem; border-image:linear-gradient(135deg, #00d2ff, #0072ff) 1; background:#fff; box-shadow:0 6rem 20rem 0 rgba(0,0,0,.05)}
	.FeaturePointItem:nth-child(4n){width:100%; margin-bottom:100rem; padding:40rem 30rem}
	.FeaturePointItem:nth-child(4n) img{width:500rem}
	.FeaturePointItem img{width:200rem; margin:0 auto}
	.FeaturePointItem .FeaturePointTtl{font-size:38rem; margin-bottom:40rem;}
	.FeaturePointItem .FeaturePointDesc{font-size:27rem; margin-bottom:50rem;}
	.FeaturePointTtl{font-size:30rem; font-weight:bold;}
	.Feature100Flex{display:flex; justify-content:center; align-items:center; flex-wrap:wrap}
	.Feature100{position:relative; display:flex; flex-direction:column; justify-content:center; width:250rem; height:250rem; margin:20rem; font-size:68rem; font-weight:bold; letter-spacing:0}
	.Feature100Txt{position:relative; left:calc(50% - 122rem); top:8rem; line-height:45rem; letter-spacing:1rem; color:#1A951B; z-index:2}
	.Feature100 span{display:block; font-size:22rem; letter-spacing:.5rem}
	.Feature100 svg{position:absolute; width:250rem; height:250rem; transform:rotate(-90deg)}
	.Feature100 circle{fill:#E5FAEF; stroke:#00CC66; stroke-width:10rem; transition:.8s; animation:Circle 1.3s ease-in-out; animation-delay:.4s}
	.FeatureFlex{display:flex; justify-content:center; align-items:center; margin:30rem auto 60rem}
	.FeatureItem{position:relative; opacity:0; transition:.5s; transition-delay:.2s}
	.FeatureItem:nth-child(1),.FeatureItem:nth-child(3){width:30%}
	.FeatureItem:nth-child(2){width:34%;}
	.FeatureFlex.ScrollIn .FeatureItem:nth-child(1){width:230rem; opacity:1}
	.FeatureFlex.ScrollIn .FeatureItem:nth-child(2){width:230rem; margin-bottom:50rem; opacity:1; z-index:2}
	.FeatureFlex.ScrollIn .FeatureItem:nth-child(3){width:230rem; opacity:1}
	.FeatureItemInner{display:flex; flex-direction:column; height:850rem; overflow:hidden; border-radius:16rem 16rem 0 0; background:#fff; box-shadow:0 5rem 20rem 0 rgba(0,0,0,.05)}
	.FeatureItem:nth-child(2) .FeatureItemInner{height:900rem; border-radius:16rem 16rem 0 0; background:#fff7f7; box-shadow:0 5rem 20rem 0 rgba(0,0,0,.08)}
	.FeatureItem:nth-child(2) .FeatureItemInner .FeatureDesc{padding-top:25rem;}
	.FeatureName{position:relative; height:100rem; text-align:center; font-size:28rem; font-family:"Noto Sans JP",sans-serif; padding-top:32rem; color:#fff; background:#7a7a7a}
	.FeatureItem:nth-child(2) .FeatureName{display:flex; justify-content:center; align-items:center; padding-top:6rem; height:145rem; border-style:inset; border:0; border-bottom:solid 8rem #fff600; background:linear-gradient(90deg, #ff67ab, #ffd99a); background-size:cover}
	.FeatureItem:nth-child(2) .FeatureName img{width:190rem}
	.FeatureItem:nth-child(3) .FeatureName{background:#700000}
	.FeatureDesc{padding:22rem 40rem 15rem}
	.FeatureDescUl{text-align:center; font-size:22rem; color:#444; font-family:"Noto Sans JP",sans-serif; }
	.FeatureDescLi{padding:15rem 15rem 22rem; font-size:28rem; border-bottom:solid 1.5rem #eee}
	.FeatureDescLi:first-child{padding-top:0}
	.FeatureDescLi:last-child{padding-bottom:0; border-bottom:0}
	.FeatureDescImg{display:block; width:50rem; height:50rem; line-height:0; margin:8rem auto 0}
	
	#Works{background:#fff}
	.WorksCatchArea{transform:translateY(25rem); opacity:0; transition:.8s;}
	.WorksCatchArea.ScrollIn{transform:translateY(0); opacity:1}
	.WorksCatch{text-align:center; font-size:34rem; font-family:"Montserrat","Noto Sans JP",sans-serif; line-height:44rem; padding-top:100rem; margin-bottom:12rem; font-weight:bold; color:#0091E6;}
	.WorksH2{color:#444; text-align:center; font-size:48rem; font-family:"Noto Sans JP",sans-serif;}
	.WorksFlex{display:flex; justify-content:center; width:90%; max-width:1130rem; margin:0 auto 40rem;}
	.WorksFlexItem{width:33.33%; padding:0 10rem; margin:0 15rem; transform:translateY(25rem); opacity:0; transition:.8s;}
	.WorksFlexItem.ScrollIn{width:33.33%; padding:0 10rem; margin:0 15rem; transform:translateY(0); opacity:1}
	.WorksItemTtl{text-align:center; margin-bottom:20rem;}
	
	#Form{padding:100rem 0 44rem}
	.ContactTtl{margin-bottom:50rem; color:#444; text-align:center; font-size:45rem; font-family:"Noto Sans JP", sans-serif; opacity:0; transform:translateY(20rem); transition:.6s}
	.ContactTtl span{background:linear-gradient(transparent 72%, #fff000 72%, #fff000 95%, transparent 90%); color:#28942c}
	.ContactTtl.ScrollIn{opacity:1; transform:translateY(0)}
	.FormWrap{display:flex; justify-content:center; align-items:center; flex-direction:column; width:90%; height:650rem; padding:0 30rem; margin:0 auto; border-radius:25rem; background:#fff; background-image:repeating-linear-gradient(30deg, #5ab344, #5ab344 35rem, #48b04c 35rem, #48b04c 70rem); margin-bottom:80rem; box-shadow:0 5rem 20rem 0 rgba(0,0,0,.15); transform:translateY(25rem); opacity:0; transition:.3s;}
	.FormWrap:hover{box-shadow:none}
	.FormWrap.ScrollIn{transform:translateY(0); opacity:1}
	.FormCatch{display:flex; align-items:center; justify-content:center; font-size:35rem; line-height:44rem; border-bottom:solid 1rem #fff; margin-bottom:20rem; padding-bottom:20rem; font-weight:bold; color:#fff000}
	.FormCatch img{width:53rem; height:53rem; margin-right:14rem}
	.FormTtl{margin-bottom:25rem; color:#fff; text-align:center; font-size:55rem; font-family:"Noto Sans JP",sans-serif; letter-spacing:2rem;}
	.FormDesc{text-align:center; line-height:42rem; color:#fff}
	.FormBtn{display:block; margin:40rem auto 0; width:100%; height:95rem; border-radius:9rem; line-height:95rem; text-align:center; background:#fff000; color:#000; font-family:"Noto Sans JP", sans-serif;}
	.FormImg{display:none}
	.FormArea{position:relative; padding:30rem 80rem 130rem}
	.FormItem p{padding:28rem 0 30rem; border-bottom:solid 1rem #f3f3f3f3}
	.FormItem label{display:block}
	.FormItem span.FormItemTtl{position:relative; display:block; width:100%; height:52rem; margin-bottom:15rem; line-height:52rem; font-size:30rem; font-weight:bold}
	.ImprovementForm span.FormItemTtl{margin-top:30rem;}
	.FormItem .Require{display:inline-block; position:relative; top:-3rem; width:70rem; height:35rem; margin-bottom:5rem; margin-left:15rem;  text-align:center; line-height:35rem; font-weight:bold; font-size:20rem; color:#e82318; border:solid 1rem #e82318; border-radius:40rem}
	.FormItem .Any{display:inline-block; position:relative; top:-3rem; width:70rem; height:35rem; margin-bottom:5rem; margin-left:20rem;  text-align:center; line-height:35rem; font-weight:bold; font-size:20rem; color:#bbb; border:solid 1rem #bbb; border-radius:40rem}
	.FormItem input,.FormItem textarea,.FormItem button{width:100%; padding:8rem 10rem; background:#fff; border:solid 1rem #ddd; font-size:28rem}
	.FormItem input{width:100%; height:75rem;}
	.FormItem input::placeholder,.FormItem textarea::placeholder{color:#e2e2e2}
	.FormItem input:focus-visible,.FormItem textarea:focus-visible{outline-color:transparent; box-shadow:inset 0 0 4rem rgba(0,0,0,.09)}
	.Contactdesc{font-size:24rem; color:#555}
	.FormMessage p{padding:25rem 0; border:none}
	.FormMessage .wpcf7-form-control-wrap{line-height:0}
	.FormMessage textarea{height:280rem}
	.FormMessage .wpcf7-not-valid-tip{height:40rem; line-height:40rem}
	.FormAccept{text-align:center; margin-top:10rem}
	.FormAccept p{text-align:center; margin-top:30rem;}
	.FormAccept label{width:100%; font-size:16rem}
	.FormAccept label input{display:inline; width:50rem; height:50rem; margin-right:35rem}
	.FormAccept label span{display:inline}
	.FormAccept label span:nth-child(2){display:flex; width:100%; font-size:28rem}
	.FormAccept label a{letter-spacing:0; text-decoration:underline; color:#0091E6}
	.Submit{text-align:center; margin-top:20rem;}
	.Submit input{width:520rem; height:90rem; line-height:85rem; text-align:center; background:#333; border-radius:45rem; color:#fff; font-size:32rem; font-family:"Yu Gothic", "游ゴシック", "YuGothic"; font-weight:bold; cursor:pointer; background:linear-gradient(150deg, #00bcff, #0060ff); border:none; box-shadow:0 3rem 10rem 0 rgba(0,0,0,.1); transition:.3s}
	.Submit input:hover{opacity:.7; box-shadow:none}
	.wpcf7-not-valid-tip{height:38rem; line-height:38rem}
	.wpcf7-acceptance label{display:flex; align-items:center; font-size:18rem; letter-spacing:1rem}
	.wpcf7-acceptance input{width:24rem; height:24rem; margin-top:2rem; margin-right:12rem}
	.wpcf7-acceptance span{margin:0}
	.Submit .wpcf7-spinner{display:none}
	.wpcf7-form-control-wrap{line-height:52rem}
	.FormArea .wpcf7-form .wpcf7-response-output{border:none; text-align:center; color:#dc3232}
	.ThanksPage p{text-align:center;}
	.ThanksPage .BacktoTop{width:300rem; height:50rem; margin:40rem auto 0; line-height:50rem; text-align:center; background:#333; border-radius:50rem; color:#fff; font-size:17rem; font-family:"Yu Gothic", "游ゴシック", "YuGothic"; font-weight:bold; cursor:pointer;
    background:linear-gradient(150deg, #00bcff, #0060ff); border:none; box-shadow:0 3rem 10rem 0 rgba(0,0,0,.1); transition:.3s;}
	
	footer{background:linear-gradient(30deg, #ff67ab, #ffd99a); font-weight:500; color:#efefef}
	.FooterLogo{display:inline-block; width:350rem; }
	.FooterLogoimg{width:auto; margin-bottom:8%; aspect-ratio:auto 640 / 360}
	.FooterFlex{display:flex; flex-direction:column; padding:80rem 60rem 120rem; max-width:1350rem; align-items:center; font-weight:normal}
	.FooterItem1{position:relative; display:flex; flex-direction:column; justify-content:center; order:2; width:100%; margin-top:60rem;}
	.FooterItem1 a{display:inline-block}
	.CopyRight{position:absolute; top:102%; font-size:21rem; color:#fff}
	.FooterItem2{width:100%; height:222rem; oorder:1;}
	.FooterNav{display:flex}
	.FooterNavUl{display:flex; justify-content:flex-start; flex-direction:column; align-items:center; flex-wrap:wrap; width:50%;}
	.FooterNavUl:last-child{width:50%; justify-content:flex-start}
	.FooterNavLi{position:relative; letter-spacing:.5rem; line-height:1; width:262rem; margin-bottom:25rem; font-size:28rem; font-weight:bold; color:#fff}
	.FooterNavLi:last-child{border-right:0}
	.FooterNavUl:last-child li{width:300rem}
	.FooterAnc{position:relative; height:50rem; line-height:50rem; transition:.3s}
	.FooterAnc::before{content:""; position:absolute; top:19rem; left:-20rem; width:10rem; height:10rem; background:url(images/FooterBtn.svg) no-repeat}
	.FooterAnc:hover{transform:translateX(5rem)}
	
	/*共通・下層ヘッダー設定*/
	.SubPage{position:relative}
	.SubPageTtlArea{position:relative; height:480rem; margin-bottom:120rem; background:linear-gradient(30deg, #ff67ab, #ffd99a); background-size:cover; background-position:center}
	.SubPageTtlArea::before{content:""; position:relative; display:block; width:100%; height:100%; background:url("images/SubHeaderBg.svg"); background-size:150%; opacity:.07;}
	.SubPageCatch{position:absolute; top:195rem; width:100%; text-align:center; font-size:28rem; font-weight:bold; letter-spacing:2rem; color:#fff7a0}
	.SubPageTtl{position:absolute; top:240rem; width:100%; text-align:center; font-size:40rem; font-weight:bold; letter-spacing:2rem; color:#fff}
	.ForContact{position:relative; display:flex; height:680rem; margin-top:120rem; text-align:center}
	.ForContact::before{content:""; position:absolute; left:0; width:100%; height:100%; background:url("images/ContactBg.svg") no-repeat; background-size:300%; z-index:-1; opacity:.15}
	.ForContact .Container{display:flex; flex-direction:column; justify-content:center;}
	.ForContactEg{font-size:56rem; color:#fff000; font-weight:bold; font-family:"Noto Sans JP",sans-serif; letter-spacing:5rem; margin-bottom:22rem;}
	.ForContactCatch{font-size:28rem; margin-bottom:42rem;}
	.ForContactFlex{display:flex; flex-wrap:wrap}
	.ForContactFlex a{width:100%; height:90rem; line-height:90rem; margin:0 30rem 40rem; text-align:center; border-radius:50rem; font-size:28rem; font-family:"Yu Gothic", "游ゴシック", "YuGothic"; font-weight:bold; cursor:pointer; border:none; transition:.3s;}
	.ForContactBtn1{background:linear-gradient(to bottom, #aaa, #777); color:#fff; box-shadow:0 3rem 10rem 0 rgba(0,0,0,.04);}
	.ForContactBtn2{background:linear-gradient(to bottom, #00bcff, #0060ff); color:#fff; box-shadow:0 3rem 10rem 0 rgba(0,0,0,.1);}
	
	/*各ページ設定*/
	/*料金・プラン*/
	.SortArea{padding:20rem; margin-bottom:100rem; background:#f3f3f3; color:#0091E6; font-weight:bold;}
	.SortItem{position:relative; width:480rem; height:92rem; line-height:85rem; margin:42rem auto; border-radius:45rem; font-size:28rem; display:flex; justify-content:center; background:#fff; border:solid 4rem; box-shadow:0 3rem 20rem 0 rgba(0,0,0,.08)}
	.SortItem::after{content:""; position:absolute; top:35rem; left:calc(100% - 68rem); width:20rem; height:20rem; background:url("images/SortItem.svg") no-repeat}
	#Plan{background:#FFFBF5; padding-bottom:30rem;}
	.PlanTtl{margin-bottom:60rem; padding-top:100rem; color:#444; text-align:center; font-size:45rem; font-family:"Noto Sans JP", sans-serif;}
	.PlanTtl span{color:#ff598d}
	.ProductionDesc{margin-bottom:30rem;}
	.PlanTableWrap{overflow:auto; margin-bottom:30rem;}
	.PlanTable{margin:0 8vw 40rem; border-collapse:collapse;}
	.PlanTable tbody{display:flex}
	.PlanTr{position:relative; display:flex; flex-direction:column; justify-content:center; height:100%; width:360rem;}
	.PlanTr th,.PlanTr td{font-size:26rem; text-align:center; display:grid; place-items:center;}
	.PlanTr th{display:flex; justify-content:center; flex-direction:column; height:120rem; font-size:32rem; border-right:solid 1rem #eee; border-bottom:solid 1rem #eee; border-top:solid 1rem #eee;}
	.PlanTr th span{position:relative; top:-8rem; height:20rem; font-size:18rem}
	.PlanTr td{padding:20rem; height:128rem;  border-right:solid 1rem #eee; border-bottom:solid 1rem #eee;}
	.PlanTd1,.PlanTd2{height:100rem; line-height:35rem;}
	.PlanTrList td{display:flex; justify-content:center}
	.PlanTr .PlanTd1{display:flex; justify-content:center; font-size:32rem; font-weight:bold; padding-top:28rem}
	.PlanTrList .PlanTd1{display:flex; flex-direction:column; justify-content:center;}
	.PlanTd1 span{margin:3rem 0 0 5rem; font-size:18rem;}
	.PlanTrList td span{margin-left:5rem; font-size:18rem;}
	.PlanTrList th{border:0;}
	.PlanTrList th,.PlanTrList td{text-align:left; font-size:26rem; font-weight:500; background:#fbfbfb; border-left:solid 1rem #eee;}
	.PlanTrList th{background:#fff7fa; border-top:solid 1rem #eee; border-right:solid 1rem #eee; border-bottom:solid 1rem #eee; border-left:0}
	.PlanTrList td:nth-child(even){background:#f5f5f5;}
	.PlanTrStandard{position:relative; border-radius:13.5rem 13.5rem 0 0}
	.PlanTrStandard th{background:#ffafaf; color:#fff}
	.PlanTrLight th{background:#ffbdda; color:#fff}
	.PlanTrCustum th{background:#ffc774; color:#fff}
	.PlanTrStandard .PlanPoint{position:absolute; top:-88rem; height:55rem; width:298rem; border-radius:5rem; border:0; font-size:23rem; color:#000; background:#ffee00;}
	.PlanTrStandard .PlanPoint::before{content:""; position:absolute; bottom:-18rem; left:calc(50% - 28rem); width:0; height:0; border-top:20rem solid #ffee00; border-right:28rem solid transparent; border-left:28rem solid transparent;}
	.ManagementTable .PlanTrStandard{border:0}
	.PlanAddition{font-size:28rem; margin-bottom:40rem; padding-left:8rem;}
	.OptionTtl{background:#f1f7ff; width:100%; height:90rem; line-height:90rem; font-weight:bold; text-align:center; border-radius:5rem; margin-bottom:30rem;}
	.OptionTable{width:100%; margin-bottom:100rem; border-collapse:collapse;}
	.OptionTr{}
	.OptionTr th,.OptionTr td{width:50%; height:95rem; text-align:center;}
	.OptionTr th{display:flex; justify-content:center; flex-direction:column; width:100%; border-right:solid 1rem #eee; border-left:solid 1rem #eee; border-top:solid 1rem #eee; background:#fbfbfb;}
	.OptionTr:nth-of-type(3),.OptionTr:nth-of-type(3) td{border-bottom:solid 1rem #eee;}
	.OptionTr td{padding:20rem; border-right:solid 1rem #eee; border-top:solid 1rem #eee;}
	#Plan02 .PlanTableWrap{margin-bottom:80rem;}
	#Plan02 h2::before{content:""; position:absolute; left:0; top:68rem; height:2.5rem; width:100%; background:#00cc7e;}
	.ManagementTable{margin:80rem 8vw 40rem}
	.ManagementTable .PlanTrStandard{background:#fff}
	.ManagementTable .PlanTrStandard th{background:#00cc7e; color:#fff; border-radius:12rem 12rem 0 0;}
	.ManagementTable .PlanTrLight th{background:#aaa; color:#fff; border-radius:12rem 12rem 0 0;}
	.ManagementTable .PlanTrCustum th{background:#00995e; color:#fff; border-radius:12rem 12rem 0 0;}
	#Plan03 .ManagementDesc{margin-bottom:80rem;}
	
	/*よくあるご質問*/
	.FaqTtl{position:relative; top:-2rem}
	.SubTtlEg{position:relative; font-size:80rem; color:#fff; font-weight:normal;}
	.SubTtlEg::before{content:""; position:absolute; top:110rem; width:100%; height:1rem; background:#fff;}
	.SubTtlJa{color:#fff; font-size:26rem; padding-left:20rem;}
	.FaqSecTtl{position:relative; font-size:38rem; font-weight:bold; padding-left:20rem; margin:80rem 0 40rem}
	.Container .FaqSecTtl::before{content:""; position:absolute; top:5rem; left:0; height:52rem; width:4rem; background:#ff719f;}
	.FaqAreaWrap{margin:0 5vw 0;}
	.FaqArea{font-size:28rem; margin-bottom:38rem}
	.SubPage .FaqArea:last-child{margin-bottom:0}
	.FaqQuestion{position:relative; text-align:justify; padding:35rem 77rem 35rem 100rem; background:#f7f9fc; font-weight:bold; color:#444; cursor:pointer}
	.FaqQuestion::before{content:""; position:absolute; right:30rem; top:50%; height:2rem; width:22rem; background:#ff719f; transform:rotate(90deg); transition:.3s}
	.FaqQuestion::after{content:""; position:absolute; right:30rem; top:50%; height:2rem; width:22rem; background:#ff719f; transition:.3s}
	.FaqQuestion span{position:absolute; left:28rem; width:55rem; height:55rem; line-height:52rem; text-align:center; background:#fff; border:solid 3rem #ff719f; border-radius:30rem; font-size:30rem; color:#ff719f; padding-left:1rem; font-weight:500;}
	.FaqAnswer{position:relative; text-align:justify; padding:0 35rem 0 100rem; background:#fff; height:0; overflow:hidden; border-color:#ccc; transition:.4s}
	.QuestionActive + .FaqAnswer{border-top:dashed 1rem #ccc; height:auto; padding:35rem 35rem 35rem 100rem; background:#f7f9fc;}
	.FaqQuestion.QuestionActive::before{transform:rotate(0);}
	.FaqQuestion.QuestionActive::after{opacity:0}
	.FaqAnswer span{position:absolute; left:28rem; width:55rem; height:55rem; line-height:55rem; text-align:center; background:#ff719f; border-radius:30rem; color:#fff; padding-left:1rem;}
	.FaqAnswer a{display:block; color:#ff719f;  text-decoration:underline}
	
	/* お支払い関連 */
	.PaymentTtl{font-size: 35rem; font-weight: bold; color:#555; padding:10rem 0; border-bottom:solid 2rem #fc92a6; margin-bottom:60rem;}
	.WebPaymentNotes{background:#fafafa; padding:30rem 30rem 30rem 70rem ; margin-bottom:50rem; list-style:disc}
	.WebPaymentNotes li{margin-bottom:20rem; text-align:justify}
	.WebPaymentBtn{display:block; width:90%; padding:25rem 0; margin:0 auto 45rem; border-radius:200rem; text-align:center; font-size:28rem; font-family:"Noto Sans,san-serif"; line-height:50rem; background:#eee; box-shadow:0 2rem 12rem rgba(0, 0, 0, .05)}
	.WebPaymentBtn span{display:block; font-size:22rem; line-height:38rem}
	.WebPayment01{background:#fff8e4}
	.WebPayment02{background:#ffe4e4}
	.WebPayment03{background:#ffe4ef; margin-bottom:120rem}
	.ThanksPayment{padding-bottom:120rem;}
	.ThanksPayment a{display:inline; text-decoration:underline; color:#0087ff}
	
	/*プラポ*/
	.PrivacyPolicy{margin:20rem auto 100rem}
	.PrivacyPageTxt{font-size:26rem; padding:0 0 40rem; text-align:center}
	h2.PrivacyTtl{font-size:38rem; font-weight:500; text-align:center; padding-bottom:30rem; margin:30rem 0; border-bottom:solid 1rem #333}
	.PrivacyPage h3{font-size:32rem; font-weight:bold; margin-bottom:5rem; padding:0; border-bottom:none}
	.PrivacyPolicy p{font-size:28rem; margin-bottom:37rem}
	.PrivacyPolicy ul{font-size:28rem; margin:-28rem 0 28rem}
	p.PrivacyDesc{font-size:28rem; margin-bottom:80rem}
	.Page404 h1{font-size:50rem;}
	.Page404 p{text-align:center; font-size:24rem; color:#fff;}
	.Page404 h2{text-align:center;}
	
	/*お問い合わせ関連*/
	
	/*slickカスタマイズ*/
	.slick-dots{bottom:205rem; margin-top:20rem}
	.slick-dots li button:before{font-size:30rem!important; font-weight:bold}

	/*breadcrumb*/
	.breadcrumb{position:absolute; bottom:22rem; left:40rem}
	.breadcrumb ul{display:flex}
	.breadcrumb li{position:relative; padding-right:35rem; color:#fff; letter-spacing:.5rem; font-size:24rem}
	.breadcrumb li::before{content:">"; display:block; position:absolute; right:10rem}
	.breadcrumb li:last-child{width:420rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:0}
	.breadcrumb li:last-child::before{display:none}
	.breadcrumb li a{text-decoration:underline;}
}

@media (min-width:510px) and (max-width:790px) {

}

@media(min-width:790px){
	/*共通*/
	html{font-size:.1vw}
	.Sponly{display:none}
	body{font-size:16rem}
	h1,h2,h3,h4,h5,div,p{line-height:30rem; font-weight:500}
	h2,h3{font-weight:bold}
	.Header{display:flex; height:90rem; width:100%; justify-content:space-between; align-items:center; position:absolute; top:0; border-bottom:solid 1rem; background:rgba(255, 255, 255, 0.9); border-image:linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,.6)) 1; z-index:1}
	.HeaderInnear{display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; margin:0 auto;  color:#000}
	.HeaderLogo{margin-left:50rem; line-height:0}
	.HeaderLogoAnc{display:flex; width:245rem}
	.HeaderLogoimg{height:45rem; width:auto; margin-top:2rem; aspect-ratio:auto 640 / 360}
	.HeaderNavmainPc{display:flex; justify-content:end; width:100%; height:100%; margin-right:20rem}
	.HeaderNavmainSp{display:none}
	.HeaderNavmainUl{display:flex; width:68%; min-width:620rem; justify-content:space-between; align-items:center; height:100%; font-weight:500}
	.HeaderNavmainLi{position:relative; display:flex; align-items:center}
	.HeaderNavmainLi:last-child a{position:relative; width:180rem; height:45rem; line-height:45rem; justify-content:center; align-items:center; background:linear-gradient(to left, #ffff00, #ffd800); border-radius:30rem; color:#000; font-size:16rem; font-weight:bold; letter-spacing:.5rem; box-shadow:1rem 2rem 20rem 0 rgba(255, 255, 0, 0.4)}
	.HeaderNavmainLi:last-child a:hover{opacity:.7; text-decoration:none}
	.HeaderNavmainLi:last-child a::after{content:""; position:absolute; width:7rem; height:7rem; top:17rem; right:20rem; border-top:solid 1rem #fff; border-right:solid 1rem #fff; border-left:solid 1rem transparent; border-bottom:solid 1rem transparent; background:transparent; transform:rotate(45deg)}
	.HeaderNavmainLiAnc{position:relative; display:flex; flex-direction:column; align-items:flex-end; width:100%; padding:15rem 0; letter-spacing:1rem; font-size:15rem; font-weight:bold; color:#333; transition:.3s}
	.HeaderNavmainLiAnc::after{content:""; position:absolute; top:110rem; height:3rem; width:100;}
	.HeaderNavmainLiAnc span{display:block; font-size:11rem; margin-top:3rem; line-height:0; font-weight:bold}
	.HbmenuBtn{display:none}
	.HeaderNavsub{display:none}
	#GlobalMenuInput{display:none}
	.Container{width:840rem; margin:0 auto}
	.H2Span{position:relative; display:inline-block}
	.Btn1{width:220rem; height:42rem; line-height:44rem; margin:50rem auto; border-radius:50rem; box-shadow:none; font-family:inherit; font-size:16rem; font-weight:normal; color:#fff; text-align:center; letter-spacing:.5rem}
	
	/*トップページ*/
	.Mv{position:relative; width:100%; height:700rem; background:url("images/Mv.jpg") no-repeat; background-size:cover; overflow:hidden}
	.MvTxt{width:415rem; position:absolute; top:225rem; left:7vw; color:#555; z-index:1}
	.MvTxtLarge{margin-bottom:20rem; line-height:60rem; font-size:40rem; font-weight:bold; color:#555; text-shadow:0 0 12rem rgba(255, 255, 255, 1); font-family:"Noto Sans JP", sans-serif;}
	.MvTxtLarge strong{font-size:48rem; color:#ff598d;}
	.MvTxtSmall{display:flex; justify-content:center; align-items:center; padding:10rem 0; background:rgba(255,255,255,.8); border-top:solid 1.5rem #555; border-bottom:solid 1.5rem #555; margin-bottom:30rem; text-align:center; font-size:24rem; font-weight:bold}
	.MvTxtSmall img{width:40px; height:40px; margin-right:10rem}
	.MvTxtSmall span{color:#06C755}
	.MvTxt a{position:relative; display:block; margin:0 auto; width:280rem; text-align:center; height:55rem; line-height:55rem; background:#ff598d; border-radius:30rem; color:#fff; font-size:16rem; font-weight:bold; letter-spacing:.5rem; box-shadow:1rem 2rem 18rem 0 rgba(255,255,255,1)}
	.MvImg{position:absolute; top:135rem; left:calc(50% + 20rem); width:600rem; height:100%;}
	.MvImg img{position:absolute; display:block; width:100%; opacity:0; transform:translateY(20rem); transition:.7s}
	.Mv.Active img:nth-child(1){opacity:1; transform:translateY(0)}
	.Mv.Active img:nth-child(3){opacity:1; transform:translateY(0); transition-delay:.2s}
	.Mv.Active img:nth-child(2){opacity:1; transform:translateY(0); transition-delay:.4s}
	
	#Nayami{position:relative; padding:90rem 0 70rem}
	#Nayami.ScrollIn{background:#FFFBF5;}
	#Nayami::after{content:""; position:absolute; bottom:-80rem; left:0; width:100%; height:80rem; clip-path:polygon(0% 0%, 100% 0%, 50% 100%);}
	#Nayami.ScrollIn::after{background:#FFFBF5;}
	.NayamiTtl{font-size:32rem; font-weight:bold; font-family:"Noto Sans JP",sans-serif; text-align:center; color:#333; margin-bottom:60rem; opacity:0; transform:translateY(20rem); transition:.6s}
	.NayamiTtl span{color:#ff598d}
	.NayamiTtl.ScrollIn{opacity:1; transform:translateY(0)}
	.NayamiFlex{display:flex; justify-content:space-between; align-items:center; width:90%; max-width:1000rem; margin:0 auto;}
	.NayamiCard{width:31%; border-radius:15rem; background:#fff; padding:30rem 30rem 0; box-shadow:0 2rem 12rem rgb(149 126 0 / 5%); opacity:0; transform:translateY(20rem); transition:.6s}
	.NayamiFlex.ScrollIn .NayamiCard:nth-child(1){opacity:1; transform:translateY(0)}
	.NayamiFlex.ScrollIn .NayamiCard:nth-child(2){opacity:1; transform:translateY(0); transition-delay:.2s}
	.NayamiFlex.ScrollIn .NayamiCard:nth-child(3){opacity:1; transform:translateY(0); transition-delay:.4s}
	.NayamiCardTtl{font-size:22rem; font-weight:bold; letter-spacing:2rem; line-height:32rem; margin-bottom:18rem; color:#ff598d; text-align:center; font-family:"Noto Sans JP", sans-serif;}
	.NayamiCardDesc{font-size:15rem; line-height:24rem; height:80rem; text-align:left}
	.NayamiCardImg{display:block; margin:0 auto; height:180rem}
	#Point{background:url("images/Point.jpg"); background-size:cover; padding:170rem 0 90rem;}
	.PointInner{}
	.PointTtl{text-align:center; color:#444; text-align:center; font-size:35rem; font-family:"Noto Sans JP",sans-serif; margin-bottom:60rem; opacity:0; transform:translateY(20rem); transition:.6s}
	.PointTtl span{color:#ff598d}
	.PointTtl.ScrollIn{opacity:1; transform:translateY(0)}
	.PointInner{width:90%; max-width:850rem; margin:0 auto;}
	.PointFlex{display:flex; justify-content:center; align-items:center; background:#fff; padding:25rem 0 20rem; border-radius:20rem; margin-bottom:35rem; opacity:0; transform:translateY(20rem); transition:.6s}
	.PointFlex.ScrollIn{opacity:1; transform:translateY(0)}
	.PointImg{width:25%}
	.PointTxt{width:75%; padding-right:40rem;}
	.PointTxt h4{font-size:24rem; font-weight:bold; color:#ff598d; padding:5rem 0 10rem; margin-bottom:10rem; border-bottom:solid 1.5rem #ff598d}
	
	#Feature{position:relative; padding:90rem 0}
	.FeatureTtl{margin-bottom:60rem; color:#444; text-align:center; font-size:35rem; font-family:"Noto Sans JP", sans-serif;}
	.FeatureTtl span{color:#ff598d;}
	.FeaturePointFlex{display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1130rem;}
	.FeaturePointItem{display:flex; flex-direction:column; width:30%; padding:30rem 5rem 35rem; margin-bottom:50rem; font-size:20rem; text-align:center; border:solid 8rem; border-image:linear-gradient(135deg, #00d2ff, #0072ff) 1; background:#fff; box-shadow:0 6rem 20rem 0 rgba(0,0,0,.08)}
	.FeaturePointItem:nth-child(4n){display:flex; flex-direction:initial; width:100%; padding:20rem 30rem; margin-bottom:100rem;}
	.FeaturePointTxt{display:flex; flex-direction:column; justify-content:center; flex:0 0 55%; text-align:left;}
	.FeaturePointItem .FeaturePointTxt img{width:350rem; margin:initial; text-align:left}
	.FeaturePointTxt p{text-align:left; font-size:28rem; padding-left:15rem; line-height:40rem;}
	.FeaturePointTxt p.FeaturePointDesc{font-size:15rem; margin-top:30rem; line-height:26rem;}
	.FeaturePointTtl{font-weight:bold;}
	.FeaturePointItem img{width:90rem; margin:0 auto 20rem;}
	.Feature100Flex{display:flex; justify-content:center; align-items:center; flex-wrap:wrap}
	.Feature100{position:relative; display:flex; flex-direction:column; justify-content:center; width:145rem; height:145rem; margin:12rem; font-size:48rem; letter-spacing:0}
	.Feature100Txt{position:relative; left:calc(50% - 70rem); top:5rem; letter-spacing:1rem; color:#1A951B; z-index:2}
	.Feature100 span{display:block; font-size:14rem; letter-spacing:.5rem}
	.Feature100 svg{position:absolute; width:150rem; height:150rem; transform:rotate(-90deg)}
	.Feature100 circle{fill:#E5FAEF; stroke:#00CC66; stroke-width:7rem; transition:.8s; animation:Circle 1.3s ease-in-out; animation-delay:.4s}
	.FeatureFlex{width:940rem; padding-bottom:30rem; display:flex; justify-content:center; align-items:center; margin:0 auto}
	.FeatureItem{position:relative; opacity:0; transition:.5s; transition-delay:.2s}
	.FeatureItem:nth-child(1),.FeatureItem:nth-child(3){width:30%}
	.FeatureItem:nth-child(2){width:34%;}
	.FeatureFlex.ScrollIn .FeatureItem:nth-child(1){width:31%; opacity:1}
	.FeatureFlex.ScrollIn .FeatureItem:nth-child(3){width:31%; opacity:1}
	.FeatureFlex.ScrollIn .FeatureItem:nth-child(2){width:36%; opacity:1; z-index:3}
	.FeatureItemInner{display:flex; flex-direction:column; height:620rem; overflow:hidden; border-radius:16rem; background:#fff; box-shadow:0 6rem 20rem 0 rgba(0,0,0,.08)}
	.FeatureItem:nth-child(2) .FeatureItemInner{height:670rem; background:#fff7f7; box-shadow:0 6rem 24rem 0 rgba(0,0,0,.1)}
	.FeatureName{position:relative; height:100rem; background:linear-gradient(150deg, #00bcff, #0060ff); text-align:center; font-size:22rem; font-family:"Noto Sans JP",sans-serif; padding-top:35rem; color:#fff}
	.FeatureName{background:#700000}
	.FeatureItem:nth-child(1) .FeatureName{background:#444;}
	.FeatureItem:nth-child(2) .FeatureName{display:flex; justify-content:center; align-items:center; padding:3rem 0 0; height:125rem; border-style:inset; border:0; border-bottom:solid 4rem #fff600; background:linear-gradient(90deg, #ff67ab, #ffd99a)}
	.FeatureItem:nth-child(2) .FeatureName img{width:200rem}
	.FeatureDesc{padding:20rem 40rem 18rem}
	.FeatureDescUl{text-align:center; font-size:20rem; color:#444; font-family:"Noto Sans JP",sans-serif; }
	.FeatureDescLi{padding:15rem 15rem 14rem; border-bottom:solid 1.5rem #eee}
	.FeatureDescLi:first-child{padding-top:0}
	.FeatureDescLi:last-child{padding-bottom:0; border-bottom:0}
	.FeatureDescImg{display:block; width:35rem; height:35rem; line-height:0; margin:8rem auto 0}
	#Plan{background:#FFFBF5; padding-top:100rem;}
	.PlanTtl{margin-bottom:30rem; color:#444; text-align:center; font-size:35rem; font-family:"Noto Sans JP", sans-serif;}
	.PlanTtl span{color:#ff598d}
	.PlanTable{margin:30rem auto; border-collapse:collapse;}
	.PlanTable{opacity:1; transform:translateY(0);}
	.PlanTable tbody{display:flex}
	.PlanTr{position:relative; display:flex; flex-direction:column; justify-content:center; height:100%; width:210rem; opacity:0; transform:translateX(-20rem); transition:.3s}
	#Plan.ScrollIn .PlanTr:nth-child(1){opacity:1; transform:translateX(0); transition-delay:.3s;}
	#Plan.ScrollIn .PlanTr:nth-child(2){opacity:1; transform:translateX(0); transition-delay:.6s;}
	#Plan.ScrollIn .PlanTr:nth-child(3){opacity:1; transform:translateX(0); transition-delay:.9s;}
	#Plan.ScrollIn .PlanTr:nth-child(4){opacity:1; transform:translateX(0); transition-delay:1.2s;}
	.PlanTr th,.PlanTr td{text-align:center; display:grid; place-items:center;}
	.PlanTr th{display:flex; justify-content:center; flex-direction:column; height:100rem; font-size:22rem; border-right:solid 1.5rem #f3f3f3; border-bottom:solid 1.5rem #f3f3f3; border-top:solid 1.5rem #f3f3f3;}
	.PlanTr th span{position:relative; top:-4rem; height:20rem; font-size:14rem}
	.PlanTr td{padding:24rem 0; background:#fff; border-right:solid 1.5rem #f3f3f3; border-bottom:solid 1.5rem #f3f3f3;}
	.PlanTd1,.PlanTd2{height:100rem; line-height:26rem;}
	.PlanTrList .PlanTd1 span{display:block}
	.PlanTrList td{display:flex; justify-content:center;}
	.PlanTrList .PlanTd1{display:flex; justify-content:center; flex-direction:column; align-items:center}
	.PlanTrList .PlanTd1 span{margin:3rem 0 0 5rem; font-size:12rem; line-height:12rem;}
	.PlanTrList td span{margin-left:5rem; font-size:10rem;}
	.PlanTrList th,.PlanTrList td{text-align:left; background:#fbfbfb; border-left:solid 1rem #eee;}
	.PlanTrList th{font-size:16rem; font-weight:500; background:#fff7fa;}
	.PlanTrList td:nth-child(even){background:#fff;}
	.PlanTrStandard{position:relative; background:#f7f9fc; border-radius:13.5rem 13.5rem 0 0}
	.PlanTrLight .PlanTd1{display:flex; justify-content:center; font-size:22rem; font-weight:bold;}
	.PlanTrLight .PlanTd1 span{margin-left:5rem; font-size:14rem;}
	.PlanTrStandard .PlanTd1{display:flex; justify-content:center; font-size:22rem; font-weight:bold;}
	.PlanTrCustum .PlanTd1{display:flex; justify-content:center; font-size:22rem; font-weight:bold;}
	.PlanTrCustum .PlanTd1 span{margin-left:5rem; font-size:14rem;}
	.PlanTrStandard .PlanTd1 span{margin-left:5rem; font-size:14rem;}
	.PlanTrStandard th{background:#ffafaf; color:#fff}
	.PlanTrLight th{background:#ffbdda; color:#fff}
	.PlanTrCustum th{background:#ffc774; color:#fff}
	.PlanTrStandard .PlanPoint::before{content:""; position:absolute; bottom:-12rem; left:calc(50% - 18rem); width:0; height:0; border-top:14rem solid #ffee00; border-right:18rem solid transparent; border-left:18rem solid transparent;}
	.ManagementTable .PlanTrStandard{border:0}
	.PlanAddition{padding-bottom:100rem; padding-left:18rem;}
	
	#Works{background:#fff; padding-bottom:80rem;}
	.WorksCatchArea{transform:translateY(25rem); opacity:0; transition:.8s;}
	.WorksCatchArea.ScrollIn{transform:translateY(0); opacity:1}
	.WorksCatch{text-align:center; font-size:26rem; font-family:"Montserrat","Noto Sans JP",sans-serif; line-height:44rem; padding-top:100rem; margin-bottom:12rem; font-weight:bold; color:#0091E6;}
	.WorksH2{margin-bottom:50rem; color:#444; text-align:center; font-size:38rem; font-family:"Noto Sans JP",sans-serif;}
	.WorksFlex{display:flex; justify-content:center; width:90%; margin:0 auto 40rem;}
	.WorksFlexItem{width:33.33%; padding:0 10rem; margin:0 15rem; transform:translateY(25rem); opacity:0; transition:.8s;}
	.WorksFlexItem.ScrollIn{width:33.33%; padding:0 10rem; margin:0 15rem; transform:translateY(0); opacity:1}
	.WorksFlexItem.ScrollIn:nth-child(2){transition-delay:.3s}
	.WorksFlexItem.ScrollIn:nth-child(3){transition-delay:.6s}
	.WorksItemTtl{text-align:center;}
	
	#Form{padding:100rem 0 20rem}
	.ContactTtl{margin-bottom:50rem; color:#444; text-align:center; font-size:35rem; font-family:"Noto Sans JP", sans-serif; opacity:0; transform:translateY(20rem); transition:.6s}
	.ContactTtl span{background:linear-gradient(transparent 72%, #fff000 72%, #fff000 95%, transparent 90%); color:#28942c}
	.ContactTtl.ScrollIn{opacity:1; transform:translateY(0)}
	.FormWrap{display:flex; justify-content:space-between; align-items:center; width:900rem; height:390rem; padding:0 90rem; margin:0 auto; border-radius:25rem; background:#fff; background-image:repeating-linear-gradient(30deg, #5ab344, #5ab344 25rem, #48b04c 25rem, #48b04c 50rem); margin-bottom:80rem; box-shadow:0 5rem 20rem 0 rgba(0,0,0,.15); transform:translateY(25rem); opacity:0; transition:.3s;}
	.FormWrap:hover{box-shadow:none}
	.FormWrap.ScrollIn{transform:translateY(0); opacity:1}
	.FormCatch{display:flex; align-items:center; justify-content:center; font-size:24rem; line-height:44rem; border-bottom:solid 1rem #fff; margin-bottom:30rem; padding-bottom:5rem; font-weight:bold; color:#fff000}
	.FormCatch img{width:35rem; height:35rem; margin-right:10rem}
	.FormTtl{margin-bottom:30rem; color:#fff; text-align:center; font-size:45rem; font-family:"Noto Sans JP",sans-serif; letter-spacing:2rem;}
	.FormDesc{text-align:center; color:#fff}
	.FormBtn{display:block; margin:20rem auto 0; width:260rem; height:50rem; border-radius:5rem; line-height:50rem; text-align:center; background:#fff000; color:#000; font-family:"Noto Sans JP", sans-serif;}
	.FormImg{display:flex; align-items:end; width:32%; height:100%;}
	.FormArea{position:relative; padding:30rem 90rem 105rem}
	.FormItem p{padding:14rem 0 16rem; border-bottom:solid 1rem #f3f3f3f3}
	.FormItem label{display:flex}
	.FormItem span.FormItemTtl{position:relative; display:block; width:40%; height:52rem; line-height:52rem; font-size:17rem; font-weight:bold}
	.FormItem label span:nth-child(2){width:62%}
	.FormItem .Require{position:absolute; top:12rem; right:30rem; width:54rem; height:25rem; text-align:center; line-height:26rem; font-weight:bold; font-size:13rem; color:#e82318; border:solid 1rem #e82318; border-radius:40rem}
	.FormItem .Any{position:absolute; top:12rem; right:30rem; width:54rem; height:25rem; text-align:center; line-height:26rem; font-weight:bold; font-size:13rem; color:#bbb; border:solid 1rem #bbb; border-radius:40rem}
	.FormItem input,.FormItem textarea,.FormItem button{width:100%; padding:8rem; background:#fff; border:solid 1rem #ddd; font-size:16rem; font-weight:500; letter-spacing:1rem}
	.FormItem input{width:62%; height:38rem;}
	.FormItem input::placeholder,.FormItem textarea::placeholder{color:#e2e2e2}
	.Contactdesc{margin-left:40%; color:#555}
	.FormItem input:focus-visible,.FormItem textarea:focus-visible{outline-color:transparent; box-shadow:inset 0 0 4rem rgba(0,0,0,.09)}
	.Contactdesc{margin-left:40%; font-size:14rem; color:#555}
	.FormMessage p{padding:25rem 0; border:none}
	.FormMessage .wpcf7-form-control-wrap{line-height:0}
	.FormMessage textarea{height:250rem}
	.FormMessage .Contactdesc{position:relative; top:10rem; margin-top:30rem}
	.FormMessage .wpcf7-not-valid-tip{height:40rem; line-height:40rem}
	.FormAccept{text-align:center; margin-top:10rem}
	.FormAccept p{text-align:center}
	.FormAccept label{width:100%; font-size:16rem}
	.FormAccept label input{display:inline; width:22rem; height:22rem}
	.FormAccept label span{display:inline}
	.FormAccept label span:nth-child(2){display:flex; width:100%; font-size:16rem}
	.FormAccept label a{letter-spacing:0; text-decoration:underline; color:#0091E6}
	.Submit{text-align:center}
	.Submit input{width:320rem; height:55rem; text-align:center; background:#333; border-radius:50rem; color:#fff; font-size:17rem; font-family:"Yu Gothic", "游ゴシック", "YuGothic"; font-weight:bold; cursor:pointer; background:linear-gradient(150deg, #00bcff, #0060ff); border:none; box-shadow:0 3rem 10rem 0 rgba(0,0,0,.1); transition:.3s}
	.Submit input:hover{opacity:.7; box-shadow:none}
	.wpcf7-not-valid-tip{height:22rem; line-height:22rem}
	.wpcf7-acceptance label{display:flex; align-items:center; font-size:18rem; letter-spacing:1rem}
	.wpcf7-acceptance input{width:24rem; height:24rem; margin-top:2rem; margin-right:12rem}
	.wpcf7-acceptance span{margin:0}
	.Submit .wpcf7-spinner{display:none}
	.wpcf7-form-control-wrap{line-height:52rem}
	.FormArea .wpcf7-form .wpcf7-response-output{border:none; text-align:center; color:#dc3232}
	.ThanksPage h2{font-size:22rem; text-align:center; margin-bottom:20rem;}
	.ThanksPage p{text-align:center; font-size:15rem;}
	.ThanksPage a{width:300rem; height:50rem; margin:40rem auto 0; line-height:50rem; text-align:center; background:#333; border-radius:50rem; color:#fff; font-size:17rem; font-family:"Yu Gothic", "游ゴシック", "YuGothic"; font-weight:bold; cursor:pointer;
    background:linear-gradient(150deg, #00bcff, #0060ff); border:none; margin-bottom:120rem; box-shadow:0 3rem 10rem 0 rgba(0,0,0,.1); transition:.3s;}
	
	footer{background:linear-gradient(30deg, #ff67ab, #ffd99a); font-family:"Yu Gothic", "游ゴシック", "YuGothic"; font-weight:500; color:#efefef}
	.FooterLogo{display:inline-block; width:234rem}
	.FooterLogoimg{width:auto; margin-bottom:8%; aspect-ratio:auto 640 / 360}
	.FooterFlex{display:flex; padding:42rem 100rem 40rem; max-width:1350rem; align-items:center; font-weight:normal}
	.FooterItem1{position:relative; display:flex; flex-direction:column; justify-content:center; flex:0 0 55%; height:45rem}
	.FooterItem1 a{display:inline-block}
	.CopyRight{position:absolute; top:80%; font-size:11.5rem}
	.FooterItem2{flex:0 0 45%}
	.FooterNav{display:flex}
	.FooterNavUl{display:flex; justify-content:flex-start; flex-direction:column; align-items:center; flex-wrap:wrap}
	.FooterNavUl:last-child{justify-content:flex-start}
	.FooterNavLi{width:200rem; position:relative; letter-spacing:.5rem; line-height:1; font-size:15rem; font-weight:bold}
	.FooterNavLi:last-child{border-right:0}
	.FooterAnc{position:relative; height:50rem; line-height:50rem; transition:.3s}
	.FooterAnc::before{content:""; position:absolute; top:19rem; left:-20rem; width:10rem; height:10rem; background:url(images/FooterBtn.svg) no-repeat}
	.FooterAnc:hover{transform:translateX(5rem)}
	
	/*共通・下層ヘッダー設定*/
	.SubPage{position:relative}
	.SubPageTtlArea{position:relative; height:380rem; margin-bottom:100rem; background:linear-gradient(30deg, #ff67ab, #ffd99a); background-size:cover; background-position:center}
	.SubPageTtlArea::before{content:""; position:relative; display:block; width:100%; height:100%; background:url("images/SubHeaderBg.svg"); background-size:80%; opacity:.07;}
	.SubPageCatch{position:absolute; top:175rem; width:100%; text-align:center; font-size:20rem; font-weight:bold; letter-spacing:2rem; color:#fff}
	.SubPageTtl{position:absolute; top:220rem; width:100%; text-align:center; font-size:40rem; font-weight:bold; letter-spacing:2rem; color:#fff}
	.ForContact{position:relative; display:flex; height:350rem; text-align:center}
	.ForContact::before{content:""; position:absolute; left:0; width:100%; height:100%; background:url("images/ContactBg.svg") no-repeat; background-size:cover; z-index:-1; opacity:.1}
	.ForContact .Container{display:flex; flex-direction:column; justify-content:center;}
	.ForContactEg{font-size:42rem; color:#fff000; font-weight:bold; font-family:"Noto Sans JP",sans-serif; letter-spacing:5rem; margin-bottom:22rem;}
	.ForContactCatch{font-size:18rem; margin-bottom:42rem;}
	.ForContactFlex{display:flex; justify-content:center}
	.ForContactFlex a{width:260rem; height:55rem; line-height:55rem; margin:0 30rem; text-align:center; border-radius:50rem; font-size:17rem; font-family:"Yu Gothic", "游ゴシック", "YuGothic"; font-weight:bold; cursor:pointer; border:none; transition:.3s;}
	.ForContactBtn1{background:linear-gradient(to bottom, #aaa, #777); color:#fff; box-shadow:0 3rem 10rem 0 rgba(0,0,0,.04);}
	.ForContactBtn2{background:linear-gradient(to bottom, #00bcff, #0060ff); color:#fff; box-shadow:0 3rem 10rem 0 rgba(0,0,0,.1);}

	
	.OptionTtl{background:#f1f7ff; width:200rem; height:45rem; line-height:45rem; text-align:center; border-radius:5rem; margin-bottom:20rem;}
	.OptionTable{margin:0 0 130rem; border-collapse:collapse;}
	.OptionTr{}
	.OptionTr th,.OptionTr td{width:232rem; height:70rem; text-align:center;}
	.OptionTr th{display:flex; justify-content:center; flex-direction:column;  border-right:solid 1rem #eee; border-left:solid 1rem #eee; border-top:solid 1rem #eee; background:#fbfbfb;}
	.OptionTr:nth-of-type(3),.OptionTr:nth-of-type(3) td{border-bottom:solid 1rem #eee;}
	.OptionTr td{padding:20rem; border-right:solid 1rem #eee; border-top:solid 1rem #eee;}
	#Plan02 h2::before{content:""; position:absolute; left:0; top:38rem; height:2.5rem; width:100%; background:#00cc7e;}
	.ManagementTable{margin:80rem auto 100rem;}
	.ManagementTable .PlanTrStandard{background:#fff}
	.ManagementTable .PlanTrStandard th{background:#00cc7e; color:#fff; border-radius:12rem 12rem 0 0;}
	.ManagementTable .PlanTrLight th{background:#aaa; color:#fff; border-radius:12rem 12rem 0 0;}
	.ManagementTable .PlanTrCustum th{background:#00995e; color:#fff; border-radius:12rem 12rem 0 0;}
	.PaymentDesc{margin-bottom:120rem}
	
	
	/*よくあるご質問*/
	.FaqTtl{position:relative; top:-2rem}
	.SubTtlEg{position:relative; font-size:80rem; color:#fff; font-weight:normal;}
	.SubTtlEg::before{content:""; position:absolute; top:110rem; width:100%; height:1rem; background:#fff;}
	.SubTtlJa{color:#fff; font-size:26rem; padding-left:20rem;}
	.FaqSecTtl{position:relative; font-size:24rem; padding-left:15rem; margin:50rem 0 25rem}
	.Container .FaqSecTtl::before{content:""; position:absolute; left:0; height:28rem; width:3rem; background:#ff719f;}
	.FaqAreaWrap{width:840rem; margin:0 auto;}
	.FaqArea{margin-bottom:32rem; font-size:18rem;}
	.FaqQuestion{position:relative; padding:25rem 22rem; background:#f7f9fc; font-weight:bold; color:#444; cursor:pointer}
	.FaqQuestion::before{content:""; position:absolute; right:30rem; top:50%; height:2rem; width:22rem; background:#ff719f; transform:rotate(90deg); transition:.3s}
	.FaqQuestion::after{content:""; position:absolute; right:30rem; top:50%; height:2rem; width:22rem; background:#ff719f; transition:.3s}
	.FaqQuestion span{width:30rem; height:30rem; display:inline-block; text-align:center; background:#fff; border:solid 1rem #ff719f; border-radius:30rem; color:#ff719f; margin-right:15rem; padding-left:1rem; line-height:28rem; font-weight:500;}
	.FaqAnswer{position:relative; padding-left:65rem; padding-right:20rem; background:#fff; height:0; overflow:hidden; border-color:#ccc; transition:.4s}
	.QuestionActive + .FaqAnswer{border-top:dashed 1rem #ccc; height:auto; padding:28rem 20rem 28rem 65rem; background:#f7f9fc;}
	.FaqQuestion.QuestionActive::before{transform:rotate(0);}
	.FaqQuestion.QuestionActive::after{opacity:0}
	.FaqAnswer span{position:absolute; left:21rem; width:30rem; height:30rem; text-align:center; background:#ff719f; border-radius:30rem; color:#fff; padding-left:1rem;}
	.FaqAnswer a{text-decoration:underline; color:#ff719f}
	
	/*プラポ*/
	.PrivacyPolicy{margin:20rem auto 100rem; padding:0 30rem}
	.PrivacyPageTxt{font-size:18rem; padding:0 0 40rem; text-align:center}
	h2.PrivacyTtl{font-size:28rem; font-weight:500; text-align:center; padding-bottom:30rem; margin:30rem 0; border-bottom:solid 1rem #333}
	.PrivacyPage h3{font-size:22rem; font-weight:500; margin-bottom:5rem; padding:0; border-bottom:none}
	.PrivacyPolicy p{font-size:15rem; margin-bottom:37rem}
	.PrivacyPolicy ul{font-size:15rem; margin:-28rem 0 28rem}
	p.PrivacyDesc{font-size:15rem; margin-bottom:100rem}
	.Page404 h2{text-align:center; font-size:24rem; margin-bottom:20rem;}
	.Page404 p{text-align:center; font-size:18rem; margin-bottom:40rem;}
	.Page404 a{width:320rem; height:58rem; text-align:center; margin-bottom:120rem; color:#000; border-radius:50rem; font-size:17rem; font-family:"Yu Gothic", "游ゴシック", "YuGothic"; font-weight:bold; line-height:60rem; cursor:pointer; background:linear-gradient(to bottom, #ffff00, #ffdc00); border:none; box-shadow:0 3rem 10rem 0 rgba(0,0,0,.1); transition:.3s}
	
	/*投稿関連ページ設定*/
	.WorksPageImgArea{display:flex; width:940rem; margin:0 auto; }
	.WorksDevice{width:55%;}
	.WorksScore{width:45%; margin:auto; padding:50rem 60rem 60rem}
	.WorksInfoArea{display:flex; justify-content:space-around; flex-wrap:wrap; width:88vw; padding:70rem; margin:100rem auto; background:#f5f5f5}
	.WorksInfoDesc{display:flex; justify-content:space-around; flex-wrap:wrap; width:90vw; margin-top:60rem; padding-top:60rem; border-top:solid 1.5rem #eaeaea;}
	.WorksInfoArea dl{width:45%; margin:30rem 0;}
	.WorksInfoArea dt{color:#0091E6}
	.WorksInfoArea dd{color:#1a2634;}
	.WorksInfoDesc dt{font-size:42rem; color:#0091E6; text-decoration:underline; text-decoration-thickness:2rem; text-underline-offset:3rem}
	.WorksInfoDesc dd{color:#1a2634; margin-top:50rem;}
	.WorksInfoWeb dd{position:relative; text-decoration:underline;}
	.WorksInfoWeb a{display:flex; align-items:center;}
	.WorksInfoWeb a span{display:inline-block; width:20rem; height:20rem; margin-left:8rem;}
	.Works03Img{}
	
	.ShiftArea{height:100vh; width:90%; margin:0 auto; padding:40rem; background:#fff}
	.ShiftArea h1{border-bottom:solid 4rem #ff9c8c; font-size:55rem; font-weight:bold; padding:50rem 0; margin-bottom:100rem; color:#ff9c8c; text-align:center}
	.ShiftArea a.ShiftNewBtn{display:block; width:90%; margin:0 auto; background:#ff9c8c; border-radius:100rem; font-size:50rem; font-weight:bold; padding:45rem 0; margin-bottom:60rem; color:#fff; text-align:center}
	.ShiftArea a.ShiftEditBtn{display:block; width:90%; margin:0 auto; background:#fff; border:solid 5rem #ff9c8c; border-radius:100rem; font-size:50rem; font-weight:bold; padding:45rem 0; margin-bottom:45rem; color:#ff9c8c; text-align:center}
	.ShiftForm div{padding:20rem;}
	
	/* お支払い関連 */
	.PaymentTtl{font-size: 26rem; font-weight: bold; color:#555; padding:10rem 0; border-bottom:solid 2rem #fc92a6; margin-bottom:45rem;}
	.WebPaymentNotes{background:#fafafa; padding:30rem 50rem; margin-bottom:50rem; list-style:disc;}
	.WebPaymentBtn{display:block; width:400rem; padding:15rem 0; margin:0 auto 32rem; border-radius:200rem; text-align:center; font-size:19rem; font-family:"Noto Sans,san-serif"; line-height:32rem; background:#eee; box-shadow:0 2rem 12rem rgba(0, 0, 0, .05)}
	.WebPaymentBtn span{display:block; font-size:16rem; line-height:24rem}
	.WebPayment01{background:#fff8e4}
	.WebPayment02{background:#ffe4e4}
	.WebPayment03{background:#ffe4ef; margin-bottom:80rem}
	.ThanksPayment{padding-bottom:100rem;}
	.ThanksPayment a{display:inline; text-decoration:underline; color:#0087ff}
	
	/*pagenation*/
	.nav-links{display:flex; justify-content:center; align-items:baseline; margin-bottom:80rem}
	.nav-links *{margin:0 8rem; font-size:17rem}
	.screen-reader-text{display:none}
	a.page-numbers{text-decoration:underline}
	.nav-links .next{font-size:13rem}
	
	/*slickカスタマイズ*/
    .slick-dots{bottom:0}
    .slick-dots li button::before{content:"\2022"; font-size:20rem}
	
	/*breadcrumb*/
	.breadcrumb{position:absolute; bottom:22rem; left:50rem}
	.breadcrumb ul{display:flex}
	.breadcrumb li{position:relative; padding-right:30rem; color:#fff; letter-spacing:.5rem; font-size:14rem}
	.breadcrumb li::before{content:">"; display:block; position:absolute; right:10rem}
	.breadcrumb li:last-child::before{display:none}
	.breadcrumb li a{color:#fff}
	
}

@media (min-width:790px) and (max-width:999.9px) {
  	.MainSlideUl {left:calc(46% + 8vw)}
}

@media(min-width:1000px){
	html{font-size:1px}
	/*.HeaderNavmainUl{flex-basis:calc(400rem + 15vw)}*/
	.HeaderNavmainPc{margin-right:40rem}
	.Container{width:940rem}
	.AboutDesc{width:468rem}
	.ServiceCard{height:305rem}
	.SolutionItem {position:relative; width:31.5%}
	.ServiceTxt{font-size:14.5rem}
	.FeatureFlex{width:90%; max-width:1080rem}
	.PhiloCard{width:90%; max-width:1130rem}
	.PhiloItemIcon{width:48%}
	.PhiloFlex .PhiloItem:first-child{padding-top:60rem}
	.FlowArea{width:90%; max-width:1130rem}
	.FormWrap{width:980rem}
	.PlanTr{width:235rem;}
	.PlanTrStandard .PlanPoint{width:232rem;}
	.FaqAreaWrap{width:940rem}
	.WorksPageImgArea{width:95vw;}
	.PriceArea{height:440rem;}
	.BeforeAfter{background-size:38%;}
}

@media (min-width:1000px) and (max-width:1279.9px) {
	 .MvImg{left:calc(50% - 20rem); width:700rem; height:100%;}
}

@media(min-width:1280px){
	.Mv{background-size:1280px; background-position:center;}
	.MvTxt{left:calc(50% - 520rem)}
	.MvImg{left:calc(50% - 60rem); width:790rem;}
	.Container{width:980rem}
	#Service{padding-bottom:220rem}
	.ServiceLogo{width:315rem}
	.SolutionFlex{width:980rem}
	.SolutionItem{position:relative; width:30.5%}
	.ServiceCaution{margin-bottom:20rem}
	.ServiceTxt p.ServiceCaution:first-child{margin:20rem 0 0}
	.PriceArea{background-position:calc(50% - 290rem) 0}
	.BeforeAfter{background-position:calc(50% + 350rem) 0;}
	.FlowFlex{width:980rem}
	.FlowItemDesc{font-size:16rem}
	.FaqAreaWrap{width:980rem}
	.WorksFlex{width:1180rem;}
	.WorksPageImgArea{width:1260;}
}

@media(min-width:1367px){
	.MvTxt{left:calc(50% - 540rem)}
	.Works .Flexbox{width:1200rem}
}

@media(min-width:1400px){
	.Header{margin:0 auto}
	.HeaderInnear{padding-left:calc(14vw - 115rem)}
	.HeaderNavmainPc{}
	#Feature::before{height:100rem; top:-99.6rem}
	#Feature::after{height:100rem; top:-99.6rem}
	#Line::before{background:rgba(80,80,80,.80)}
	.LineFlex{height:calc(330rem + 5vw)}
}

@media(min-width:1920px){
	html{font-size:1.1px}
}