@charset "utf-8";
/*
Theme Name: L-style
Theme URI: http://www./
Description: L-style
Version: 1.0
Author: L-style
Author URI: http://www./
Tags: L-style

*/


@media screen and (max-width: 767px){
	.pc-block{
		display: none;
	}
	.sp-block{
		display: block;
	}
	.flex-box{
		flex-direction: column;
	}
	h2.heading{
		flex-direction: column;
		font-size:36px;
		font-size:3.6rem;
		align-items: center;
		line-height: 1.2;
	}
	h2 span.sub{
		font-size: 24px;
		font-size: 2.4rem;
	}
	.inner {
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		padding:0 20px;
	}
	.button_box {
		margin-top: 6rem;
	}
	.button {
		width: auto;
		font-size: 24px;
		font-size: 2.4rem;
	}
	.button::after{
		content: none;
	}
	.button span::after{
		top: calc(46% - 2px);
	}
	div#header.fixed {
		display: none;
	}
	#header .inner{
		padding: 0;
	}
	#header ul{
		margin-top: 10vh;
	}
	#header ul li+li{
		margin-left: 0;
	}
	#header ul li a{
		color: #fff;
		font-size: 18px;
	}
	#header .inner h1.heading > a{
		text-align: center;
	}
	#hero {
		padding-top: 4rem;
	}
	#hero.ac-now .wrap .area .layout > .logo_box{
		display: none;
	}
	#hero .wrap .area .layout > .main_box .top_portion .txt{
		padding-bottom: 20rem;
		font-size: 48px;
		font-size: 4.8rem;
	}
	#hero .wrap .area .layout > .main_box .top_portion .txt span{
		display: block;
		font-size: 80px;
		font-size: 8rem;
	}
	#hero .wrap .area .layout > .main_box .bottom_portion{
		width: 100%;
	}
	#hero .wrap .area .layout > .main_box .bottom_portion .img{
		width: 60%;
		margin: 0 auto;
	}
	.button span::before{
		width: 55px;
		right: -9rem;
	}
	.button span::after{
		top: calc(44% - 2px);
		right: -95px;
	}

	/*******************
 * menu
********************/
	#menu{
		position:fixed;
		z-index:20;
		right: 10px;
		top: 10px;
		z-index:20;
		width: 60px;
		height: 60px;
		background:#000;
		border-radius:50%;
		transition:all 0.6s ease;
	}
	body.menu-open #menu{
		background:transparent;
	}
	#menu div.menu-icon{
		position:relative;
		z-index:500;
		width: 60px;
		height: 60px;
		cursor:pointer;
	}
	#menu div.menu-icon > span{
		position:absolute;
		left:16px;
		width:30px;
		height:1px;
		background:#fff;
		transition:all 0.4s;
	}
	#menu div.menu-icon > span:nth-child(1){top:20px;}
	#menu div.menu-icon > span:nth-child(2){top:28px;}
	body.menu-open #menu div.menu-icon > span:nth-child(1),
	body.menu-open #menu div.menu-icon > span:nth-child(2){
		top: 22px;
		left: 20px;
	}
	body.menu-open #menu div.menu-icon > span:nth-child(1){
		transform:rotate(45deg);
	}
	body.menu-open #menu div.menu-icon > span:nth-child(2){
		transform:rotate(-45deg);
	}
	body.menu-open #menu div.menu-icon > span{
		width:24px;
		background:#000;
	}
	#menu div.menu-icon > i{
		position:absolute;
		bottom:15px;
		left:50%;
		transform:translateX(-50%);
		color:#fff;
		font-size:11px;
		font-size:1.1rem;
		font-weight:400;
		line-height:1;
		opacity:1;
		width: 100%;
		text-align: center;
	}
	body.menu-open #menu div.menu-icon > i{
		opacity:0;
	}
	#menu div.menu-icon > i.open{}
	#menu div.menu-icon > i.close{
		opacity:0;
	}
	body.menu-open #menu div.menu-icon > i.close{
		opacity:1;
		color:#000;
	}
	#menu div.menu-background{
		visibility:hidden;
		opacity:0;
		position:fixed;
		left:0;
		top:0;
		width:100vw;
		height:100vh;
		z-index:100;
		transition:all 0.6s ease;
	}
	body.menu-open #menu div.menu-background{
		visibility:visible;
		opacity:1;
	}
	#menu div.menu-content{
		visibility:hidden;
		opacity:0;
		position:fixed;
		top:0;
		right:0;
		z-index:999;
		width:100%;
		height:100%;
		display:flex;
		align-items:center;
		overflow-y:scroll;
		transition:all 0.6s ease;
	}
	#menu div.menu-content{
		-ms-overflow-style:none;
		scrollbar-width:none;
	}
	#menu div.menu-content::-webkit-scrollbar{
		display:none;
	}
	body.menu-open #menu div.menu-content{
		visibility:visible;
		opacity:1;
	}
	#menu div.menu-content > div{
		max-width:1080px;
		color:#000;
		padding:1.8em 2.4em 4.2em 1.8em;
		margin:0 auto;
		background: #dddddd;
		height: 100%;
		width: 100%;
	}
	#menu div.menu-content div.menu-content-body{
		position:relative;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div{
		flex-shrink:0;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul{
		margin-top: 13rem;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li{
		width: 100%;
		border-bottom: 1px solid #000;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li a{
		display: block;
		padding: 1rem;
		font-size:18px;
		font-size:1.8rem;
	}


	/*******************
 * main-slider
********************/
	div.slider-01 div.slide{
		height: 80vh;
	}
	div.slider-01 div.slide.slick-slide img{
		height: 100%;
		object-fit: contain;
	}


/*******************************
/* main
*******************************/
	#container{
	overflow-x: hidden;
	}
	#container > section {
		padding-top: 6rem;
	}
	#container > section .body {
		margin-top: 4rem;
	}
	#container > section .body .txt_box > .lead{
		font-size: 16px;
		font-size: 1.6rem;
		text-align: left;
	}
	.anything_block .body{
		margin: 4rem 2rem 0;
	}
	.anything_block .body .img_box {
		margin-top: 6rem;
	}
	.anything_block .body .img_box.ac-now p.border:after{
		left: 40px;
	}
	.clearing_block{
		padding: 6rem 2rem;
	}
	.clearing_block .body .block_box {
		max-width: 100%;
		margin: 4rem auto 0;
	}
	.clearing_block .body div:nth-child(3) .box div.flex-box{
		flex-direction: column-reverse;
	}
	.clearing_block .body .block_box > .box{
		padding: 3rem;
	}
	.clearing_block .body .block_box > .box div.flex-box .block_imgbox{
		width: 80%;
	}
	.clearing_block .body .block_box > .box div.flex-box .block_txtbox {
		max-width: 100%;
		margin-top: 3rem;
	}
	.clearing_block .body .block_box > .box div.flex-box .block_txtbox dl.flex-box{
		flex-direction: row;
	}
	.clearing_block .body .block_box > .box div.flex-box .block_txtbox dl.flex-box > dt{
		width: 70px;
	}
	.clearing_block .body .block_box > .box div.flex-box .block_txtbox dl dd{
		font-size: 18px;
		font-size: 1.8rem;
	}
	.pr_block {
		padding-bottom: 8rem;
	}
	#container > section .pr_block .body .txt_box > .lead{
		text-align: center;
	}
	.pr_block .body{
		margin: 0 2rem;
	}
	.pr_block .body .article_box{
		max-width: 100%;
		margin: 4rem auto 0;
	}
	.pr_block .body .article_box ul li a .title{
		font-size: 18px;
		font-size: 1.8rem;
	}
	.contact_block{
		padding: 4rem 2rem 8rem;
	}
	.contact_block .body{
		max-width: 100%;
		margin: 4rem auto 0;
	}
	.contact_block .body div.flex-box .box{
		text-align: center;
	}
	.contact_block .body div.flex-box .box > p{
		font-size: 30px;
		font-size: 3.0rem;
	}
	.contact_block .body div.flex-box .box > a.tel{
		padding: 0 2rem;
		font-size: 36px;
		font-size: 3.6rem;
	}
	footer .inner{
		padding: 4rem 0 2rem;
	}
	#footer .inner .footer-top{
		display: none;
	}
	footer .inner .footer-bottom{
		margin-top: 0;
	}
	.page-top{
		padding: 8px 10px 0 30px;
		right: -20px;
		bottom: 40px;
		height: 20px;
		font-size: 14px;
	}



	body.page .inner-page .main_block, body.category .category-page .main_block, body.single .single-page .main_block{
		padding: 5rem 2rem 0;
		max-width: 95%;
	}
	body.page .inner-page .main_block .head .main_text_erea, body.category .category-page .main_block .head .main_text_erea, body.single .single-page .main_block .head .main_text_erea{
		margin-right: 0;
		margin-left: 0;
	}
	body.page .inner-page .main_block .head h1.heading, body.category .category-page .main_block .head h1.heading, body.single .single-page .main_block .head h1.heading{
		font-size: 32px;
		font-size: 3.2rem;
	}
	body.page .inner-page .main_block .main_text_erea,body.category .category-page .main_block .main_text_erea,body.single .single-page .main_block .main_text_erea{
		width: 20%;
	}
	body.page .inner-page .main_block .main_img_erea,body.category .category-page .main_block .main_img_erea,body.single .single-page .main_block .main_img_erea{
		width: 80%;
	}
	body.page .inner-page .top_block, body.category .category-page .top_block, body.single .single-page .top_block {
		padding: 6rem 2rem 0;
	}
	body.page .inner-page .txt_box, body.category .category-page .txt_box {
		margin-top: 4rem;
	}
	body.page .inner-page .button_box .button{
		width: auto;
		font-size: 18px;
		font-size: 1.8rem;
		padding: 2rem 0px;
	}
	body.page .inner-page .button::before{
		right: 2rem;
		width: 42px;
		height: 2px;
		margin-top: 14px;
	}
	body.page .inner-page .button::after{
		top: calc(38% - 2px);
		right: 16px;
	}
	body.page .inner-page .bottom_block{
		padding: 6rem 2rem 8rem;
	}
	body.page .inner-page .bottom_block > .body > .flow_box{
		max-width: 100%;
		margin: 4rem auto 0;
	}
	body.page .inner-page .txt_box .lead, body.category .category-page .txt_box .lead{
		text-align: left;
		font-size: 16px;
		font-size: 1.6rem;
	}

	body.anything #anything_page .main_block .head{
		align-items: baseline;
		justify-content: center;
	}
	body.anything #anything_page .top_block h2.heading{
		font-size: 30px;
		font-size: 3.0rem;
	}
	body.anything #anything_page .check_box{
		margin-top: 8rem;
	}
	body.anything #anything_page .check_box:before{
		width: 10em;
		height: 12em;
	}
	body.anything #anything_page .check_box:after{
		width: 10.4em;
		height: 11.7em;
	}
	body.anything #anything_page .check_box .title{
		font-size: 24px;
		font-size: 2.4rem;
	}
	body.anything #anything_page .check_box .title > span > img{
		width: 38px;
	}
	body.anything #anything_page .check_box .check_list{
		max-width: 100%;
		margin: 4rem auto;
	}
	body.anything #anything_page .check_box .check_list li{
		font-size: 18px;
		font-size: 1.8rem;
	}
	body.anything #anything_page .check_box .check_list li+li {
		margin-top: 1rem;
	}
	body.anything #anything_page .top_block > .body > .txt_box .lead{
		text-align: center;
	}
	body.anything #anything_page .top_block > .body > .txt_box .lead+.lead{
		text-align: left;
	}
	body.anything #anything_page .bottom_block > .body > .flow_box .sp-block{
		padding: 2rem 2rem 3rem;
	}
	body.anything #anything_page .bottom_block > .body > .flow_box .sp-block dl+dl{
		margin-top: 3rem;
	}
	body.anything #anything_page .bottom_block > .body > .flow_box .sp-block dl dt{
		display: flex;
		justify-content: space-between;
	}
	body.anything #anything_page .bottom_block > .body > .flow_box .sp-block dl dt .archive-number {
		display: flex;
		flex-direction: column;
		width: 20%;
	}
	body.anything #anything_page .bottom_block > .body > .flow_box .sp-block dl dt .archive-number span:nth-child(1){
		width: 100%;
		background: #000000;
		text-align: center;
		color: #fff;
	}
	body.anything #anything_page .bottom_block > .body > .flow_box .sp-block dl dt .archive-number span:nth-child(2){
		margin-top: 1rem;
		text-align: center;
	}
	body.anything #anything_page .bottom_block > .body > .flow_box .sp-block dl dt .sub-title{
		width: 73%;
		padding: 0rem 1rem 1rem;
		border-bottom: 2px solid #000;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		display: flex;
		align-items: flex-end;
	}
	body.anything #anything_page .bottom_block > .body > .flow_box .sp-block dl:nth-child(1) dt .sub-title{
		font-size: 15px;
		padding: 0rem 0rem 1rem 1rem;
	}
	body.anything #anything_page .bottom_block > .body > .flow_box .sp-block dl:nth-child(1) dt .sub-title span{
		display: inline-block;
		font-size: 12px;
	}
	body.anything #anything_page .bottom_block > .body > .flow_box .sp-block dl dd .archive-text .sub-txt{
		padding: 2rem 0 0;
	}
	body.anything #anything_page .bottom_block .txt_box .button_box .button span::before,body.anything #anything_page .bottom_block .txt_box .button_box .button span::after{
		content: none;
	}
	body.anything #anything_page .button_box .button span::before{
		margin-top: 14px;
	}
	body.anything #anything_page .button_box .button span::after {
		top: calc(28% - 2px);
	}



	body.clearing #clearing_page .main_block .head{
		flex-direction: row;
		align-items: baseline;
	}
	body.clearing #clearing_page .top_block h2.heading{
		font-size: 30px;
		font-size: 3.0rem;
	}
	body.clearing #clearing_page .top_block .body .txt_box .lead{
		text-align: left;
	}
	body.clearing #clearing_page .top_block .body .check_box{
		margin-top: 6rem;
		padding-bottom: 8rem;
	}
	body.clearing #clearing_page .top_block .body .check_box > .title span img{
		width: 38px;
	}
	body.clearing #clearing_page .top_block .body .check_box > .title{
		font-size: 24px;
		font-size: 2.4rem;
	}
	body.clearing #clearing_page .top_block .body .check_box > .flex-box {
		margin-top: 4rem;
	}
	body.clearing #clearing_page .top_block .body .check_box > .flex-box .block_txtbox{
		margin-top: 4rem;
	}
	body.clearing #clearing_page .top_block .body .check_box > .flex-box .block_txtbox .check_list {
		margin-top: 3rem;
	}
	body.clearing #clearing_page .top_block .body .check_box > .flex-box .block_txtbox .check_list li{
		padding-left: 4rem;
	}
	body.clearing #clearing_page .bottom_block .body .txt_box .lead{
		text-align: left;
	}
	body.clearing #clearing_page .bottom_block > .body > .flow_box {
		max-width: 100%;
		padding: 3rem 2rem 4rem;
	}
	body.clearing #clearing_page .bottom_block > .body > .flow_box > p{
		text-align: left;
		margin-top: 2rem;
	}
	body.clearing #clearing_page .bottom_block > .body > .flow_box > .title{
		text-align: center;
	}
	body.clearing #clearing_page .bottom_block > .body > .flow_box > ul{
		max-width: 100%;
		margin: 2rem auto 0;
	}
	body.clearing #clearing_page .bottom_block > .body > div:nth-child(3).txt_box {
		max-width: 100%;
		margin: 6rem auto 0;
	}
	body.clearing #clearing_page .bottom_block > .body > div:nth-child(3).txt_box > p:nth-child(2) {
		margin-top: 3rem;
	}
	body.clearing #clearing_page .bottom_block > .body > div:nth-child(3).txt_box > .flex-box {
		margin-top: 6rem;
		align-items: center;
	}
	body.clearing #clearing_page .bottom_block > .body > div:nth-child(3).txt_box > .flex-box .box+.box{
		margin-top: 3rem;
	}
	body.clearing #clearing_page .bottom_block > .body > div:nth-child(3).txt_box .button_box .button {
		width: auto;
	}
	body.clearing #clearing_page .bottom_block > .body > div:nth-child(3).txt_box .button_box .button::before,body.clearing #clearing_page .bottom_block > .body > div:nth-child(3).txt_box .button_box .button::after{
		content: none;
	}
	body.clearing #clearing_page .last_block{
		padding: 6rem 0 10rem;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box > .lead{
		padding: 0 2rem;
		text-align: left;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box > .table_box{
		margin-top: 6rem;
		padding: 0 2rem;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box .table_box table {
		max-width: 100%;
		margin: 2rem auto 0;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box .table_box table tr th, body.clearing #clearing_page .last_block > .body > .txt_box .table_box table tr td {
		padding: 1.5rem 0.5rem;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box .table_box table tr th:nth-child(1),body.clearing #clearing_page .last_block > .body > .txt_box .table_box table tr td:nth-child(1){
		width: 30%;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box .table_box > .img{
		margin-top: 4rem;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box > .point_box{
		max-width: 100%;
		background: #dddddd;
		margin: 10rem auto 0;
		padding: 6rem 2rem 10rem;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box > .point_box > .title{
		font-size: 18px;
		font-size: 1.8rem;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box > .point_box > .point_inner_box{
		margin-top: 4rem;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box > .point_box > .point_inner_box > .box {
		width: auto;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box > .point_box > .point_inner_box > .box+.box{
		margin-top: 3rem;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box > .point_box > .point_inner_box > .box > dl dd{
		width: 70%;
	}
	body.clearing #clearing_page .last_block > .body > .txt_box > .button_box{
		padding: 0 2rem;
	}
	body.clearing #clearing_page .button_box .button span::before{
		margin-top: 14px;
	}
	body.clearing #clearing_page .button_box .button span::after {
		top: calc(28% - 2px);
	}


	body.category-pr #pr_block .main_block .head,body.single .pr_block .main_block .head{
		flex-direction: row;
		align-items: baseline;
	}
	body.category-pr #pr_block .top_block h2.heading{
		font-size: 30px;
		font-size: 3.0rem;
	}
	body.category-pr #pr_block .top_block .body .txt_box .lead{
		text-align: left;
	}
	body.category .category-page .top_block {
		padding-bottom: 10rem;
	}
	body.category .category-page .top_block .body .article_box {
		margin-top: 4rem;
	}
	body.category .category-page .top_block .body .article_box ul li a{
		padding: 2rem;
	}
	body.category .category-page .top_block .body .article_box ul li a .title, body.single .single-page .top_block .body .article_box .title{
		font-size: 18px;
		font-size: 1.8rem;
	}
	body.category .category-page .top_block .body .article_box ul li a .data, body.single .single-page .top_block .body .article_box .data{
		font-size: 16px;
		font-size: 1.6rem;
	}
	body.single .single-page .pr_block .body .article_box {
		max-width: 100%;
		margin: 4rem auto 0;
	}

	body.contact #contact_page .top_block {
		padding-bottom: 10rem;
	}
	body.contact #contact_page .main_block .head > .main_img_erea .main_img{
		width: 90%;
		margin-left: 0;
	}
	body.contact #contact_page .main_block .head > .main_text_erea{
		margin-right: 40px;
	}
	body.contact #contact_page .top_block .body .formblock{
		width: auto;
	}
	body.contact #contact_page .top_block .body .formblock dl{
		flex-direction: column;
	}
	body.contact #contact_page .top_block .body .formblock dl dt{
		width: auto;
	}
	body.contact #contact_page .top_block .body .formblock dl dd{
		width: auto;
	}
	body.contact #contact_page .top_block .body .formblock input[type="submit"]{
		width: 100%;
		font-size: 18px;
		font-size: 1.8rem;
	}
	body.contact #contact_page .top_block .body .formblock .button-erea{
		margin-top: 4rem;
	}

}