@charset "utf-8";
.sp_nav{
	display:none;
}
@media screen and (max-width:800px){
	#wrap{
		padding-bottom:100px;
	}
	.fix_nav{
		display:none;
	}
	.sp_nav{
		display:block;
	}
	.sp_nav ul{
		display:flex;
		position:fixed;
		z-index:10;
		left:0;
		bottom:0;
		width:100%;
	}
	.sp_nav ul li{
		width:100%;
		text-align:center;
	}
	.sp_nav ul li:first-child{
		background:url("../images/bg_gold.jpg") no-repeat top right
	}
	.sp_nav ul li:nth-child(2){
		background:#fff;
	}
	.sp_nav ul li:last-child{
		background:#1eaa3c;
	}
	.sp_nav ul li a{
		display:block;
		padding:0 0 5px;
	}
	#vegas{
		height:450px;
	}
	.main_catch {
		position: absolute;
		top: 50%;
		left: 41%;
		transform: translate(-23%,-50%);
		margin-left: 0;
	}	
	header h1{
		width:100px;
		top:20px;
		left:20px;
	}
	.fix_nav li{
		width:45px;
	}
	.pc_nav li span img{
		width:40px;
	}
	.nav_text{
		font-size:12px;
	}
	.pc_nav li span{
		font-size:16px;
	}
	.top_system ul{
		display:block;
	}
	.top_system li{
		width:100% !important;
		margin-bottom:20px;
		position:relative;
	    padding-top: 100px;
	}
	.top_systemimg{
		text-align:center;
	}
	.top_systemimg img{
		width:350px;
	}
	.system_img{
		padding-top:0 !important;
	}
	.top_step_img img{
		width:400px;
		margin-bottom:20px;
	}
	.top_system h2{
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		width:100%;
	}
	.system_img{
		text-align:center;
	}
	.system_img img{
		width:80%;
	}
	.top_step ul{
		display:block;
		position:relative;
		padding-top:500px;
	}
	.top_step li{
		width:96%;
		height:440px;
		display: flex;
		flex-direction: column-reverse;
	}
	.step_ex{
		position:absolute !important;
		top:0;
		left:0;
	}
	.coronabox{
		display:block;
	}
	.coronabox_contents:first-child{
		width:100%;
	}
	.coronabox_contents:last-child{
		width:100%;
	}
	.coronabox_bg h4{
		padding:40px 0;
	}
	.coronabox_bg h4 img{
		width:240px;
	}
	.access{
		padding:100px 0 50px;
	}
	.accessbox_left{
		width:100%;
		border-right:none;
	}
	.accessbox_right{
		width:100%;
		padding:0;
	}
	.ft_list h2{
		width:100px;
	}
	.accessbox_list {
		padding: 20px 20px 20px 0;
	}	
	.linebox{
		margin-left:-365px;
	}
	.linebox p {
		padding: 20px 0;
		width: 465px;
	}	
	.linebox h3:after{
		display:none;
	}
	.top_movie video{
		width:100%;
	}
	.corona_listbox{
		padding-right:0;
	}
	.accessbox_list{
		padding-right:0;
	}
	.pc_nav{
		display:none;
	}
	.tpi_01 {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}	
	.tpi_02{
		width: 100%;
	}
	.top_plansub li{
		font-size: 14px;
    	padding: .5em 0;
	    margin: 0.5%;	
	}
	.top_plan_link a {
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 320px;
	}	
	.cid_list {
		width: 100%;
		margin: 30px 10px;
	}
	.flow_contents li:first-child {
		width: 275px;
	}	
	.flow_contents li:nth-child(2) {
		width: calc(100% - 300px);
	}	
	.price_contaner{
		padding:30px;
	}
	.voice_bnr{
		flex-wrap:nowrap;
	}
	.condition_title:before {
		height: 75px;
		background-size: auto 100%;
	}	
	.course_list img{
		max-width:600px;
	}
	.floating_text{
		width:80%;
	}
	.floating_text,
	.course_list:nth-child(2n) .floating_text{
		top:260px;
	}
	.course_list {
		margin-bottom:140px;
	}
	.course_container,
	.course_container02{
		width:100%;
		max-width: none;
	}
	.course_container02 .pricebox_list_con{
		max-width:450px;
		margin:0 auto;
	}
	.flow_title:before {
		content: "";
		position: absolute;
		right: 0;
		top: -15px;
		width: 100%;
		height: 75px;
		background: url(../images/flow_title_bg.png) no-repeat center center;
		background-size: auto 100%;
	}	
	.tabsbox{
		margin-top:30px;
	}
	.kaso_nav{
		margin:30px auto 0;
	}
	#menu{
		margin-top:50px;
	}
}



@media screen and (max-width:650px){
	.corona_shousaibox h4{
		font-size:16px;
	}
	.corona_shousaibox p{
		font-size:12px;
	}
	.top_step_img{
		width:auto;
		margin:0 auto;
		margin-top:20px;
	}
	.global-nav__item a:first-child{
		margin-bottom:0;
	}
	
	#wrap {
		padding:8px;
		font-size:15px;
		padding-bottom:100px;
	}
	.hamburger {
		width:75px;
		height:80px;
	}
	.nav-open .hamburger:before {
		content: "";
		position: fixed;
		right: 0;
		top: 0;
		background: url(../images/menu_close.png) no-repeat right top;
		background-size:cover;
		width:75px;
		height:80px;
		z-index:5;
	}	
	#vegas{
		width:100%;
		height:220px;
	}
	header h1 {
		width: 50px;
		top: 10px;
		left: 10px;
	}	
	.nav_text{
		font-size:10px;
	}
	.pc_nav li span{
		font-size:11px;
		padding:5px 0;
	}
	.top_systemimg img{
		width:250px;
	}
	.top_step ul{
		padding-top:390px;
	}
	.top_step li{
		padding:15px 15px 30px;
	}
	.top_step li h3 img{
		height:40px;
	}
	.top_stepbox{
		position:inherit;
	}
	.top_stepbox h4{
		font-size:30px;
	}
	.top_stepbox p{
		font-size:14px;
	}
	.top_stepbox h4{
		padding-top:60px;
	}
	.top_step li{
		height: auto;
	}
	.top_steplink img{
		height:30px;
	}
	.contents_title img{
		height:70px;
	}
	.accessbox_left h3 img,
	.accessbox_right h3 img{
		height:30px;
	}
	.coronabox_bg{
		padding:20px;
	}
	.coronabox_bg h4{
		text-align:center;
		padding:20px 0;
	}
	.campaign_list li{
		width:85%;
	}
	.corona_list {
		width:100%;
		padding:10px;
	}
	.corona_icon,
	.accessbox_icon{
		width:45px;
	}
	.corona_shousaibox,
	.accessbox_shousaibox{
		width:calc(100% - 55px);
	}
	.corona_list:nth-child(2n-1){
		background:#fff;
	}
	.corona_list:nth-child(2n){
		background:#f4f5f5;
	}
	.accessbox_left{
		padding:0 10px;
	}
	.accessbox_gmap li{
		width:100%;
	}
	.map_road {
		padding: 10px 0 20px;
	}
	.access{
		padding:50px 0;
	}
	#gmap01{
		height:360px;
	}
	#gmap02,
	#gmap03{
		height:260px;
	}
	.accessbox{
		padding-bottom:0;
	}
	.linebox{
		width:auto;
		position:inherit;
		margin-left:0;
		top:0;
		left:0;
	}
	.linebox p{
		width:auto;
		padding:10px 0;
		font-size:14px;
	}
	.line{
		padding-bottom:340px;
		position:relative;
	}
	.linebtnbox a {
		position: inherit;
		left: 50%;
		top: 15px;
		/* margin-left: 10px; */
		width: 300px;
		display: block;
		margin: 0 auto;
	}	
	.line_hand {
		position: absolute;
		bottom: 0;
		left: 0%;
		margin-left: 64px;
		width: 250px;
   		 margin-bottom: 76px;	
	}	
	.linebtnbox{
		position:absolute;
		bottom:0;
		left:0;
		height: auto;
	    width: 100%;
	}
	.sns_bnr li {
		width: 100%;
		text-align: center;
		padding-bottom: 0;
		margin: 5px 0;
	}	
	.sns_box{
		height:150px;
	}
	.ft_list{
		display:block;
		padding:0 20px;
	}
	footer {
		margin: 0px 10px;
		overflow: hidden;
	}	
	.ft_list h2{
		text-align:center;
		margin:0 auto;
	}
	.tel{
		text-align:center;
	}
	.menu_listbox ul li{
		width:100%;
	}
	.menu_listbox_img{
		width:250px !important;
		margin: 0 auto !important;
	}
	.menu_listbox_text h3{
		padding:40px 0;
	}
	.condition_list li{
		width:100%;
	}
	.condition_list li:nth-child(2){
		padding:10px 0;
	}
	.condition_list h4 {
		width: 280px;
		margin: 10px auto 20px;
		padding-bottom:20px;
	}
	.condition_list h4:after{
		left: 50%;
		margin-left: -50px;
	}
	.condition_graphbox li{
		width:100%;
	}
	.condition_graphbox li:nth-child(2){
		width:100%;
		padding:20px 0;
	}
	.condition_graphbox h4{
		width:280px;
	}
	.condition_link li{
		width:98%;
		margin:20px 1%;
		text-align:center;
	}
	.menu_catch{
		height:45px;
	}
	.menu_catch img{
		height:100%;
		width:auto;
	}
	.menu_catchbox{
		padding:50px 20px;
	}
	.price_title h3{
		font-size:22px;
	}
	.pricebox_arealist{
		width:100%;
	}
	.pricebox_arealist h4{
		font-size:18px;
	}
	.pricebox_list{
		font-size:16px;
	}
	.paybox ul{
		display:block;
	}
	.paybox li{
		width:100%;
	}
	.pay_sub{
		font-size:16px;
	}
	.pay{
		padding:30px 20px;
	}
	.pay h4{
		font-size:22px;
	}
	.paybox_img{
		margin-top:20px;
	}
	.open, .data02 {
		border-left: none;
		padding-left: 0;
		text-align: center;
		margin-top:15px;
	}	
	.note{
		width: 85% !important;
		margin: 5px auto !important;
	}
	.condition_link{
		display:none;
	}
	.top_planbox_data h3{
		margin:15px 0;
		height:50px;
	}
	.top_planbox_data h3 img{
		height:100%;
		width:auto;
	}
	.top_plan_link a{
		margin:0 auto;
		width:280px;
		float: none;
	}
	.plan_fukidashi{
		width:200px;
	}
	.top_plansub li{
		font-size:12px;
		display: flex;
		justify-content: center;
		align-items: center;		
	}
	.kaso_nav{
		margin:30px auto 10px;
	}
	.kaso_nav li{
		width:100%;
		margin:5px 1%;
	}
	#menu{
		margin-top:50px;
	}
	.condition_title:before{
		height:30px;
	}
	.con_img01{
		width:100%;
		text-align: center;
	}
	.con_img01_text{
		width:100%;
	}
	.cid_list li:nth-child(2){
		width:100%;
	}
	.con_imgbox_double ul li:first-child{
		margin:0 auto;
	}
	.con_img01_text h3, .cid_list h3{
		font-size:24px;
		text-align:center;
	}
	.cid_list h3 br{
		display:none;
	}
	.cid_list{
		margin:30px 10px 0;
	}
	.flow_title{
		font-size:22px;
	}
	.flow_contents li:first-child,
	.flow_contents li:nth-child(2){
		width:100%
	}
	.flow_contents p{
		font-size:13px;
	}
	.flow_contents ul{
		padding-bottom:50px;
	}
	.flow_contents ul:before {
		content: url(../images/flow_ar.png);
		position: absolute;
		left: 50%;
		bottom: 15px;
		margin-left: -8px;
	}	
	.voice_list li{
		width:calc(100% - 20px);
		margin:0 auto 30px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.voice_img{
		width:30%;
	}
	.voice_textbox{
		width:65%;
	}
	.voice_bnr{
		flex-wrap: wrap;
	}
	.voice_bnr li:nth-child(2){
		margin:20px 0 -30px;
	}
	.note_title{
		font-size:22px;
	}
	.note_list{
		justify-content: flex-start;
	}
	.note_list li{
		width:46%;
		margin: 0 2%;
		margin-bottom:20px;
	}
	.note_list p{
		font-size:14px;
	}
	#note{
		padding-top:50px;
	}
	#price{
		margin-top:50px;
	}
	.price_box h4{
		font-size:22px;
	    max-width: 315px;
	}
	.price_contaner{
		padding:30px 10px;
	}
	.plc_title{
		width:100%;
		margin-right:0;
	}
	.pricebox_list_con{
		padding:15px 10px;
	}
	.plc_title{
		font-size:16px;
	}
	.pricebox_list_con li:nth-child(2){
		margin-top:20px;
	}
	.pricebox_list_con li br{
		display:none;
	}	
	.plc_price{
		padding-left:50px;
		font-size:16px;
	}
	.plc_price span {
		position: absolute;
		left: 0;
		top: 5px;
		width: 45px;
	}	
	.plc_price i{
		font-size:12px;
	}
	.pricebox_list_con{
	    border: 2px solid #D9B553;
	}
	.price_att{
		font-size:15px;
	}
	.tabs li{
		width:50%;
		margin-right:0;
	}
	.tabs li a{
		padding-left: 20px;
		padding-right: 30px;
    	text-align: left;
		height:67px;
		display:flex;
		align-items: center;
	}
	.free_title:after{
		width:10px;
		height: 50px;
		top: -10px;
	}
	.free_title{
		padding-left:30px;
		font-size:22px;
	}
	.free_title_sub{
		margin:60px 0 30px;
		font-size:20px;
	}
	.course_list img{
		width:100%;
	}
	.course_list ul{
		flex-wrap: wrap;
	}
	.floating_text, .course_list:nth-child(2n) .floating_text{
		position: inherit;
		top:0;
		left:0;
		width: 100%
	}
	.floating_text{
		padding:15px;
	}
	.course_list{
		margin-bottom:50px;
	}
	.free_pricesub{
		font-size:15px;
		display: block;
		line-height: 1.4;
	}
	.free_price_dis01{
		margin-left:0;
		font-size:16px;
	}
	br.block{
		display: block !important;
	}
	.free_title{
		margin-top:80px;
	}
	.floating_text h4{
		font-size:20px;
	}
	#flow{
		margin-top:30px;
	}
	.free_price_dis02{
		margin-left:4em;
		font-size:16px;
	}
	.con_imgbox_single{
		padding: 0 10px;
	}
	.tabsbox{
		margin-top:10px;
	}
	.condition_title{
		font-size:24px;
	}
	.top_plan_text{
		font-size:14px;
	}
	.personal_pricesub{
		font-size:16px;
	}
	.price_beauty{
		background: url(../images/price_beauty_bg.jpg);
		background-size: cover;		
		background-repeat:no-repeat; 
		background-position:-400px 0;
	}
}