@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

	L-style
	http://www./

*/


@media screen and (max-width: 767px){
	.pc-block{
		display: none;
	}
	.sp-block{
		display: block;
	}
	.inner{
		width: auto;
		max-width: none;
padding: 0 20px;
	}
	#header .inner .header-top, #nav-area .inner ul, .colume2, .colume3, #footer .inner{
		flex-direction: column;
	}
	.colume2 > div {
		width: auto;
	}
	.colume3 > div {
		width: auto;
	}
	.button{
	width: 100%;
		margin: 40px auto 0;
	}
	h2{
		font-size: 38px;
	}

	#main-image{
		height: 550px;
		position: relative;
	}
	#main-image .main-text{
		margin: auto;
		height: 380px;
	}
	#main-image .main-text img{
		width: 50%;
	}
	.contents .colume2 .txt-area {
		padding: 60px 20px 80px;
	}
	.contents .colume2 .txt-area .inner-txt-area h2 .block:nth-child(2) {
		font-size: 24px;
	}
	.contents .colume2 .txt-area .inner-txt-area .text{
		margin-top: 20px;
	}
	#cont01 .colume2{
		flex-direction: column-reverse;
	}
	#cont03 .inner {
		padding: 60px 0 20px;
	}
	#cont03 .inner > .colume2 .txt-area {
		padding: 40px 20px;
		color: #fff;
	}
	#cont03 .inner > .colume2 .txt-area h3{
		font-size: 28px;
	}
	#cont03 .inner > .colume2 .txt-area .yen {
		font-size: 24px;
		text-align: left;
	}
	#cont03 .inner > .colume2 .txt-area .text{
		margin-top: 10px;
	}
	#cont03 .inner > .colume2:nth-child(2) {
		margin-top: 60px;
	}
	#cont03 .inner > .colume2:nth-child(3){
		flex-direction: column-reverse;
	}
	#cont04 .inner{
		padding: 60px 20px;
	}
	#cont04 .inner .txt-area .text{
		margin-top: 40px;
		text-align: center;
	}
	#cont04 .inner .txt-area .text span {
		margin-right: 0;
		display: block;
	}
	#cont04 .inner .colume2 .button {
		width: auto;
		margin: 40px 0px 0;
	}
	#footer .inner{
		padding: 60px 0 20px;
	}
	#footer .inner .copyright{
		margin-top: 40px;
	}
	#footer .inner .copyright p {
		font-size: 12px;
	}



}