@media screen and (max-width: 1568px) {
	/************* PC 1920×125% 横 *************/
	/*
	.mes100{
		font-size:1.2rem;
	}
	.batsu {
		right:0;
		bottom:150%;
	}
	*/
}
@media screen and (max-width: 1368px) {
	/************* Surface Pro 7 横 *************/
	/*===================================
		共通CSS 
	====================================*/
	h2 {
		font-size: 36px;
	}
	h3.work {
		font-size:26px;
	}
	.top-text {
		top: 73%;
		left: 8%;
		width: 90%;
	}
	
	.pc_nav a{
		letter-spacing:0.0rem
	}
	
	.pc_nav .h_left{
		margin-right:2%;
	}
	#logo{
		width:80px;
	}
	.s_mnu ul li{
		padding:0;
		font-size:0.9rem;
	}
	.fa-shopping-cart{
		margin-left:5px;
		font-size:0.9rem;
	}
	ul.flex2 li{
		margin-right:3%;
		font-size:0.9rem;
	}
	.line-icon{
		margin-left: 5px;
		width: 20px;
		height: 16px;
	}
	.top-img {
		height: 800px;
	}
	.top-img::after {
		height:800px;
	}
	.top-text {
		top:60%;
		left:8%;
		width: 90%;
	}
	.container03 {
		 width: 80%;
	}
	.flow_box{
		width:95%;
	}
	.wrapper_wide{
		margin:50px 0;
	}
	.flx02 .b01{
		height:300px;
		max-height:300px;
		padding:40px 0 10px;
	}

}
/************* タブレット用 汎用 横 **************/
@media screen and (max-width: 1245px) {
	.top-text {
		top:60%;
		left:5%;
		width: 90%;
	}
	/*
}
/************* タブレット用 ipad Air 横 **************/
@media screen and (max-width: 1190px) {
	.top-img {
		height: 600px;
	}
	.top-img::after {
		height:600px;
	}
	#logo{
		width:70px;
	}
	h2 {
		font-size: 33px;
	}
	h3 {
		font-size: 28px;
	}
	.flx02 .b01{
		height:260px;
		max-height:260px;
		font-size:1.8rem;
		padding:40px 0 10px;
	}
	
	
}
/************* タブレット用 ipad Air 横 **************/
@media screen and (max-width: 1060px) {
	.s_mnu ul li{
		padding:0;
		font-size:0.9rem;
	}
	.fa-shopping-cart{
		margin-left:5px;
		font-size:0.9rem;
	}
	ul.flex2 li{
		margin-right:2.5%;
		font-size:0.9rem;
	}
	.mes100{
		font-size:1.1rem;
	}
	.batsu {
		bottom:220px;
	}
	
}
/************* タブレット用 **************/
@media screen and (max-width: 1024px) {
	/************ iPad Mini 横 ****************/
	/*===================================
		共通CSS 
	====================================*/
	.container {
		 width: 90%;
	}
	.wrapper {
		width: 80%;
	}
	h2 {
		font-size: 28px;
	}
	.top-text {
		top: 60%;
		left: 6%;
		width: 88%;
	}
	
	.pc_nav a{
		letter-spacing:0.0rem
	}
	
	.pc_nav .h_left{
		margin-right:1%;
	}
	#logo{
		width:60px;
	}
	.s_mnu ul li{
		padding:0;
		font-size:0.9rem;
	}
	.s_mnu ul li.rev{
		padding:6px 15px;
		margin-top:10px;
		border-radius:25px;
	}
	.fa-shopping-cart{
		margin-left:5px;
		font-size:0.9rem;
	}
	ul.flex2 li{
		margin-right:2.2%;
		font-size:0.9rem;
	}
	.line-icon{
		margin-left: 5px;
		width: 20px;
		height: 16px;
	}
	.top-img {
		height: 600pop-img::after {
		height:600px;
	}
	.container03 {
		 width: 80%;
	}
	.flow_box{
		width:95%;
	}
	.malist{
		font-size:1rem;
	}
	
}
/************* タブレット用 **************/
@media screen and (max-width: 1015px) {
	logo{
		width:56px;
	}
	.s_mnu ul li{
		padding:0;
		font-size:0.9rem;
	}
	.fa-shopping-cart{
		margin-left:5px;
		font-size:0.85rem;
	}
	ul.flex2 li{
		margin-right:1.5%;
		font-size:0.9rem;
	}
	.f_right .fl05 li a{
		font-size:90%;
	}
}
/************* タブレット用 **************/
@media screen and (max-width: 960px) {
/************ Nexus 7 横 *****************/

	.top-img {
		height: 500px;
	}
	.top-img::after {
		height:500px;
	}
	h2 {
		font-size: 26px;
	}
	.top-text {
		top: 45%;
		left: 5%;
		width: 90%;
	}
	table.tbl td.EN1{
		font-size:1.2rem;
	}

}
/************* タブレット用 **************/
@media screen and (max-width: 937px) {
	ul.flex2 li{
		margin-right:1.5%;
		font-size:0.85rem;
	}

}
/************* タブレット用 **************/
@media screen and (max-width: 914px) {
	/*===================================
		共通CSS 
	====================================*/
	h2 {
		font-size: 24px;
	}
	.top-text {
		width: 94%;
	}
	
	.pc_nav .h_left{
		margin-right:1%;
	}
	#logo{
		width:48px;
	}
	.s_mnu ul li{
		padding:0;
		font-size:0.8rem;
	}
	.fa-shopping-cart{
		margin-left:5px;
		font-size:0.8rem;
	}
	ul.flex2 li{
		margin-right:2%;
		font-size:0.8rem;
	}
	.line-icon{
		margin-left: 5px;
		width: 20px;
		height: 16px;
	}
	.top-img {
		height: 500px;
	}
	.top-img::after {
		height:500px;
	}
	.container03 {
		 width: 80%;
	}
	.flow_box{
		width:95%;
	}
	.line_hiyo2 .r11 span,
	.line_hiyo2 .r22 span,
	.line_hiyo2 .r33 span{
		font-size:0.8rem;
	}
	.malist{
		font-size:0.9rem;
	}
	h3 {
		font-size: 26px;
	}
	.top-text {
		top: 35%;
		left: 5%;
		width: 88%;
	}
	.inner_box .c-form-text{
		width:73%;
	}
	.inner_box span{
		width:15%;
		font-size:1.1rem;
		padding:10px 0 10px 3px;
	}
	
}
/************* タブレット用 **************/
@media screen and (max-width: 896px) {
	footer{
		width:100%;
		display:block;
		background:#000;
		padding:20px 0 90px;
	}

}
/************* タブレット用 **************/
@media screen and (max-width: 872px) {
	#logo{
		width:44px;
	}
	ul.flex2 li{
		margin-right:1.5%;
		font-size:0.8rem;
	}
	.f_right .fl05 li a{
		font-size:85%;
	}
	.formbottom .submit_ch{
		display:none;
	}
	.formbottom .submit_sp{
		display:block;
		width:50%;
		margin-right:5%;
	}

}
/************* タブレット用 **************/
@media screen and (max-width: 851px) {
/************* Pixel 5 横 **************/
	#logo{
		width:44px;
	}
	ul.flex2 li{
		margin-right:1.5%;
		font-size:0.8rem;
	}
	.malist{
		font-size:0.82rem;
	}
	table.tbl td.EN1{
		font-size:1.1rem;
	}
	h3 {
		font-size: 24px;
	}

}

/************* タブレット用 **************/
@media screen and (max-width: 844px) {
/************* iPad Air 縦 **************/
	/*===================================
		共通CSS 
	====================================*/
	h2 {
		font-size: 22px;
	}
	.top-text {
		top: 35%;
		left: 5%;
		width: 88%;
	}
	
	.pc_nav .h_left{
		margin-right:1%;
	}
	#logo{
		width:50px;
	}
		/*********** header ***********/
	/*===================================
		PC用メニューを非表示
	====================================*/
	.sp_no{
		display: none;
	}
	.s_mnu{
		display:none;
	}
	#hed{
		display:block;
	}
	.top-img {
		height: 600px;
	}
	.top-img::after {
		height:600px;
	}
	.top-text {
		top:55%;
	}
	.container03 {
		 width: 80%;
	}
	.flow_box{
		width:95%;
	}
		/*===================================
		ハンバーガーメニュー表示
	====================================*/
	.sp_nav{
		display:block;
		text-align:center;
	}
	.sidemenu {
		height: 100vh;
		padding-top: 100px;
		position: fixed;
		right: -40%; /*メニュー幅*/
		transition: all 0.6s;
		top: 0;
		width: 40%; /*メニュー幅*/
		z-index: 2;
		background-color: #fff;
	}
	.sidemenu nav ul li {
		padding: 20px;
	}
	.hamburger {
		cursor: pointer;
		height: 60px;
		position: absolute;
		right: 20px;
		top: 3px;
		width: 60px;
		z-index: 3;
	}
	.hamburger span {
		background-color: #000;
		height: 4px;
		left: 15px;
		position: absolute;
		transition: all 0.6s;
		width: 30px;
	}
	.hamburger_linetop {
		top: 20px;
	}
	.hamburger_linecenter {
		top: 29px;
	}
	.hamburger_linebottom {
		top: 38px;
	}
	/*------------------------------------
	メニュークリックした後 ↓
	------------------------------------*/
	.nav_open .sidemenu {
		right: 0;
	}
	.nav_open .hamburger_linetop {
		top: 26px;
		transform: rotate(45deg);
	}
	.nav_open .hamburger_linecenter {
		left: 50%;
		width: 0;
	}
	.nav_open .hamburger_linebottom {
		top: 26px;
		transform: rotate(-45deg);
	}
	.nav_open .overlay {
		opacity: 0.8;
		visibility: visible;
	}
	/*------------------------------------
		メニュークリック後メニュー外の背景 ↓
	------------------------------------*/
	.overlay {
		background-color: #000;
		cursor: pointer;
		height: 100vh;
		left: 0;
		opacity: 0;
		position: fixed;
		top: 0;
		transition: all 0.6s;
		visibility: hidden;
		width: 100vw;
		z-index: 1;
	}
	.flx02 .b01{
		font-size:1.5rem;
		height:220px;
		max-height:220px;
	}
	.wrapper_wide{
		margin:30px 0;
	}
	.qa_box{
		width:45%;
	}
	.inner_box span{
		font-size:1rem;
		text-align:center;
	}
	.f_right .fl05 li a{
		font-size:82%;
	}
	.bg_crip1::before{
		top:70px;
		width:40%;
		height:500px;
	}
	.bg_crip1::after{
		top:180px;
		width:40%;
		height:390px;
	}
	/*************************************************
		下部　ポップアップ変更
	*************************************************/
	.bottom-fixed{
		display:none;
	}
	
	.foot_info{
		position:fixed;
		display:block;
		width:100%;
		height:100px;
		bottom:0;
		margin:0 auto;
		z-index:999;
		background:#cfccc3;
	}
	#sp_info{
		display:block;
		width:80%;
		margin:0 auto;
		position:relative;
		padding:10px 0 0;
		/*background:#ff00ff;*/
	}
	.tt-con{
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		bottom:-85px;
		width:100%;
		left:0;
	}
	.cont-1{
		position:relative;
		width:25%;
		height:70px;
		background-image: linear-gradient(180deg, rgba(203, 180, 172, 1) 30%, rgba(233, 233, 233, 1));
	}
	.cont-1 img{
		position:absolute;
		width:60%;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		bottom:0px;
	}
	.cont-2{
		width:75%;
		height:70px;
		margin-left:0%;
		background-image: linear-gradient(360deg, rgba(155, 119, 133, 1) 30%, rgba(233, 233, 233, 1));
		padding:5px 0;
	}
	
	.cont-2 a{
		font-family: 'Sawarabi Mincho', serif;
		font-size:1.2rem;
	}
	.cont-2 .ue_t{
		width:90%;
		margin:0 auto;
		height:31px;
		padding:2px 0px 2px 10px;
		font-weight:700;
	}
	.cont-2 .sita_t{
		width:90%;
		margin:0 auto;
		height:31px;
		padding:2px 0px 2px 10px;
		background:#fff;
	}
	
	
	
}
/************* タブレット/スマホ用 **************/
@media screen and (max-width: 809px) {
	h3.work {
		font-size:24px;
	}
	
}
/************* タブレット/スマホ用 **************/
@media screen and (max-width: 786px) {
	h3{
		font-size:22px;
	}
	.underbox p{
		font-size:95%;
	}
	
}
/************* タブレット用 **************/
@media screen and (max-width: 768px) {
/************* iPad MIni 縦 **************/
	/*===================================
		共通CSS 
	====================================*/
	h2 {
		font-size: 22px;
	}
	.top-text {
		width: 90%;
	}
	
	.pc_nav .h_left{
		margin-right:1%;
	}
	#logo{
		width:50px;
	}
	
	/*********** header ***********/
	#hed{
		display:block;
	}
	.top-img {
		height: 500px;
	}
	.top-img::after {
		height:500px;
	}
	.top-text {
		top:55%;
	}
	.container03 {
		 width: 90%;
	}
	.flow_box{
		width:95%;
	}
	ul.flex_box li{
		width:38%;
	}
	.malist{
		font-size:0.72rem;
	}
	.infoBOX p{
		font-size:0.8rem;
	}
	.line_hiyo .r1{
		width:39%;
	}
	.line_hiyo .r2{
		width:60%;
	}
	.line_hiyo2 .r11 span,
	.line_hiyo2 .r22 span,
	.line_hiyo2 .r33 span{
		font-size:0.65rem;
	}
	.line_hiyo2 .r22,
	.line_hiyo2 .r33{
		font-size:1.2rem;
	}
	table.tbl td.EN1{
		font-size:0.95rem;
	}
	.underbox p{
		font-size:90%;
	}
	.foot_box{
		padding:0;
		height:auto;
		line-height:1.5;
	}
	.f_left{
		margin-top:20px;
	}
	.f_right{
		text-align:right;
		padding:10px 0;
	}
	.f_right .fl05{
		display:block;
		padding:0;
		margin:0;
	}
	.f_right .fl05 li{
		padding:0px 10px 10px 0;
		margin:0;
	}
	h3.work {
		font-size:22px;
	}
	.flx02 .b01{
		font-size:1.5rem;
		height:210px;
		max-height:210px;
	}

}
/************* タブレット/スマホ用 **************/
@media screen and (max-width: 736px) {

}

/************* タブレット/スマホ用 **************/
@media screen and (max-width: 726px) {
	h3.work {
		font-size:21px;
	}
}

/************* タブレット用 **************/
@media screen and (max-width: 720px) {
/************* Surface Duo 横 **************/
	h2 {
		font-size: 20px;
	}
	.top-img {
		height: 400px;
	}
	.top-img::after {
		height:400px;
	}

}
/************* タブレット用 **************/
@media screen and (max-width: 714px) {
	ul.flex_box li{
		width:35%;
	}
	.underbox p{
		font-size:88%;
	}
	h3.work {
		font-size:20px;
	}
}
/************* タブレット用 **************/
@media screen and (max-width: 693px) {
	.underbox p{
		font-size:83%;
	}
	h3.work {
		font-size:22px;
		width:75%;
	}
	.bg_crip1{
		position:relative;
		width:100%;
		height:1500px;
	}
	.bg_crip1::before{
		top:70px;
		height:1330px;
	}
	.bg_crip1::after{
		top:270px;
		width:40%;
		height:1150px;
	}
	.cont-2 .sita_t{
		font-size:1.15rem;
	}
	
	
}
/************* スマホ用 ***************/
@media screen and (max-width: 675px) {
	
	
}
/************* スマホ用 ***************/
@media screen and (max-width: 660px) {
	/*===================================
		共通CSS 
	====================================*/
	box-sizing:border-box;
	width:100%;
	h2 {
		font-size: 30px;
	}

	h3 {
		font-size: 23px;
	}

	h4 {
		font-size: 14px;
	}

	a, p, th, td {
		font-size: 13px;
	}

	.wrapper {
		width: 90%;
	}
	.wrapper_wide {
		width:100%;
		padding:30px 0 80px;
		margin:10px 0;
	}
	/*===================================
		top img
	====================================*/
	
	.top-img {
		height: 500px;
	}
	.top-img::after {
		background:#000;
		height:500px;
	}
	
	.top-text {
		display:none;
		/*top: 60%;
		left: 5%;
		width: 88%;*/
	}
	/*
	.top-text h2{
		font-size:1.05rem;
	}*/
	.sp_top-text{
		display:block;
		position:absolute;
		top:53%;
		left:4%;
		font-size:2.2rem;
		font-weight:bold;
		width:96%;
		color: #fff;
		z-index:10;
	}
	.sp_top-text p{
		font-size:1.5rem;
		font-weight:bold;
		line-height:1.5;
	}
	
	

	/*===================================
		news
	====================================*/
	.news-list{
		width: 100%;
	}

	/*===================================
		about
	====================================*/
	
	.about-table th, td {
		/*width: 100%;*/
		/*display: block;*/
	}
	

	/*===================================
		confirm.php
	====================================*/
	.wrapper-title2{
		padding:15px 0;
	}
	form {
		width:96%;
		margin:0 auto;
		padding:0 0 20px;
	}
	.form-group {
		margin:0 0 20px 5px;
		padding:10px 0;
	}
	.form-group p{
		padding:10px 0 10px 15px;
	}
	input,
	textarea {
		width: 96%;
		border: 1px solid #ebeced;
	}
	/*===================================
		breadcrumb
	====================================*/
	.breadcrumbs li,
	.breadcrumbs li a {
		font-size: 10px;
	}
	.breadcrumbs ul li::before {
		padding: 0 5px 0 0;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f105";
		font-size: 10px;
		color: #3e3e3b;
	}

	/*===================================
		sns
	====================================*/
	.sns {
		width: 80%;
	}
	
	/*===================================
		Simula
	====================================*/
	
	
	
	
	/*===================================
		New Shop
	====================================*/
	.boxs {
		display: block;
	}
	.box {
		width:90%;
		margin:0 auto 50px;
	}
	#service h3{
		font-size:1.4rem;
	}
	ul.flex_box li{
		width:100%;
		height:200px;
		margin:0 auto 30px;
		padding:20px 10px;
		
	}
	ul.flex_box li span{
		padding:20px 0;
		/*width:80%;*/
		margin:0 auto 10px;
	}
	
	.flx02{
		width:100%;
		margin:0 auto;
		display:block;
		padding:30px 0;
	}
	.flx02 .b01{
		position:relative;
		width:80%;
		height:250px;
		max-height:250px;
		margin:0 auto 80px;
	}
	.flx02 .b01 img{
		width:25%;
	}
	.flx02 .b01 span{
		display:block;
		width:100%;
		text-align:center;
		padding:30px 0 40px;
	}
	.bg_crip1{
		height:1200px;
	}
	.flx01{
		width:100%;
		margin:0 auto;
		display:block;
	}
	.flx01 .b22{
		width:100%;
		margin-bottom:40px;
	}
	.container03{
		width:94%;
		margin:0 auto;
		padding:0;
	}
	.form_box{
		padding:0;
		margin:0;
	}
	.inner_box{
		width:98%;
		margin:20px auto 10px;
		padding:0;
	}
	.inner_box label{
		padding:5px 0 10px 30px;
		line-height:20px;
	}
	.inner_box .c-form-text{
		width:60%;
	}
	.inner_box span{
		width:25%;
		font-weight:500;
		font-size:1.1rem;
	}
	.underbox p{
		font-size:120%;
	}
	.p_link a{
		font-size:120%;
	}
	.service-title{
		font-size:130%;
		background:#e8e9ed;
	}
	/*===================================
		ご利用の流れ
	====================================*/
	.link_slalon{
		width:80%;
		padding:20px 0;
		border-radius:20px;
	}
	.link_slalon a{
		font-size:1.3rem;
	}
	.flow_box p{
		width:80%;
		margin:0 auto;
	}
	
	ul.flx03{
		display:block;
	}
	ul.flx03 .qa_box{
		width:100%;
	}
	/*===================================
		シミュレーション結果
	====================================*/
	.keka_box{
		width:100%;
		display:block;
		margin:0;
		padding:10px 0;
		overflow:hidden;
	}
	.infoBOX{
		display:block;
		width:98%;
		margin:0 auto 30px;
		padding:20px 0;
	}
	
	table.tbl{
		width:100%;
		padding:0;
		margin:0;
	}
	table.tbl th.TL1{
		font-size:0.7rem;
		width:42%;
		padding:25px 0 0;
	}
	table.tbl th.TL2{
		width:15%;
		font-size:1.2rem;
	}
	table.tbl td.EN1{
		font-size:1.5rem;
		padding:5px 0;
	}
	table.tbl td.EN1 span{
		font-size:1rem;
	}
	
	/*===================================
		Footer
	====================================*/
	footer.top_foot{
		display:block;
		padding:0;
		margin:0;
	}
	.foot_box p{
		padding:0px 0;
		margin:0;
	}
	.foot_box p.ft_left{
		padding:10px 0;
		margin:10px 0;
	}
	.foot_box p.ft_right{
		text-align:right;
		/*background:#ff00ff;*/
	}
	/*===================================
		Company
	====================================*/
	ul.info_list{
		width:100%;
		font-size:1.1rem;
	}
	ul.info_list li span{
		display:block;
		margin-bottom:20px;
	}
	
	.login,
	.register {
		width: 100%;
	}
	.login-form,
	regi-form {
		width:90%;
		margin:0 auto;
	}
	.f_left h4 span img{
		width:20%;
	}
}

@media screen and (max-width: 642px) {
	.cont-2 .sita_t{
		font-size:1.1rem;
	}
}
/************* スマホ用 ***************/
@media screen and (max-width: 620px) {
	.tt-con{
		width:100%;
		left:0;
	}
}
/************* スマホ用 ***************/
@media screen and (max-width: 515px) {
	#sp_info{
		width:100%;
	}
	.cont-2 a{
		font-size:1.1rem;
	}
	.cont-2 .sita_t{
		font-size:1rem;
		height:28px;
	}
	


}
/************* スマホ用 ***************/
@media screen and (max-width: 497px) {
	.cont-2 a{
		font-size:1.1rem;
	}
	.cont-2 .sita_t{
		font-size:1rem;
		padding:6px 0px 0px 10px;
	}
	table.tbl td.EN1{
		font-size:1.3rem;
		padding:5px 0;
	}
	
}
/************* スマホ用 ***************/
@media screen and (max-width: 430px) {
	table.tbl td.EN1{
		font-size:1.1rem;
		padding:5px 0;
	}
	table.tbl td.EN1 span{
		font-size:0.8rem;
	}
}
/************* スマホ用 ***************/
@media screen and (max-width: 420px) {
	.cont-2 a{
		font-size:0.9rem;
	}
	.cont-2 .sita_t{
		font-size:0.8rem;
	}
	.f_left{
		width:40%;
	}
	.f_left h4 span img{
		width:25%;
	}
	.f_right{
		width:60%;
	}

}
/************* スマホ用 ***************/
@media screen and (max-width: 406px) {
	.cont-1{
		width:20%;
	}
	.cont-1 img{
		width:90%;
	}
	.cont-2{
		width:80%;
	}
	.sp_top-text p{
		font-size:1.3rem;
	}
	h3 {
		font-size: 21px;
	}
}
/************* スマホ用 ***************/
@media screen and (max-width: 387px) {
	ul.flex_box li{
		font-size:1.2rem;
	}
	ul.flex_box li span{
		width:90%;
	}
	.cont-2 .sita_t{
		font-size:0.9rem;
		height:28px;
		padding:8px 0px 0px 10px;
	}
	.f_left h4 span img{
		width:30%;
	}
	table.tbl td.EN1{
		font-size:1rem;
		padding:5px 0;
	}
	table.tbl td.EN1 span{
		font-size:0.7rem;
	}
}