@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;
	}
	#header .inner, #header .inner ul, .colume2, .colume3, .colume4, #footer .inner ul{
		flex-direction: column;
	}
	.colume2 > div {
		width: auto;
	}
	.colume3 > div {
		width: auto;
	}
	.button{
		width: auto;
	}
	div.slider-01 div.slide{
		height: 60vh;
		background-size: cover;
	}
	#main-image .main-text{
		margin: auto 60px;
		height: 290px;
		width: auto;
	}
	#cont01 .inner {
		padding: 0;
	}
	#cont01 .inner .txt-box h3{
		padding: 60px 60px 40px;
	}
	#cont01 .inner .txt-box p{
		margin: 40px 20px 0;
	}
	#cont01 .inner .colume2:nth-child(2) .txt-box p {
		margin: 30px 20px;
	}
	#cont01 .inner .colume2:nth-child(2) .img-box {
		margin-left: 0;
	}
	#cont01 .inner .colume2:nth-child(2) .img-box .img+.img {
		margin-top: 0;
	}
	#cont02 .inner {
		padding: 80px 20px 50px;
	}
	#cont02 .inner > p{
		text-align: left;
		margin-top: 30px;
		line-height: 2;
	}
	#cont02 .inner > .colume2 {
		margin-top: 40px;
	}
	#cont02 .inner > .colume2 .block-box .text{
		margin: 20px 0;
	}
	#cont02 .inner > .colume2 .block-box+.block-box{
		margin-top: 40px;
	}
	#cont03 .inner {
		padding: 80px 0;
	}
	#cont03 .inner > .colume2 .txt-box{
		width: auto;
	}
	#cont03 .inner > .colume2 .txt-box:before{
		width: 68px;
		height: 62px;
		top: -60px
	}
	#cont03 .inner > .colume2 .img-box {
		width: auto;
	}
	#cont03 .inner > .colume2 .img-box ul{
		justify-content: center;
	}
	#cont03 .inner > .colume2 .txt-box:after{
		bottom: -530px;
		width: 140px;
		height: 116px;
	}
	#cont04 .inner {
		padding: 40px 20px 80px;
	}
	#cont04 .inner .colume2 .block-box .title{
		margin-top: 10px;
	}
	#cont04 .inner .colume2 .block-box+.block-box{
		margin-top: 40px;
	}
	#cont05 .inner {
		padding: 40px 20px 80px;
	}
	#cont05 .inner .colume3 {
		margin-top: 40px;
	}
	#cont05 .inner .colume3 .block-box {
		width: auto;
	}
	#cont05 .inner .colume3 .block-box+.block-box {
		margin-left: 0;
		margin-top: 40px;
	}
	#cont05 .inner .colume3 .block-box .img{
		text-align: center;
	}
	#cont05 .inner .colume3 .block-box .text{
		margin: 20px 20px 0;
	}
	#cont05 .inner > .button{
		margin: 40px 20px 0;
	}
	#footer .inner{
		padding: 40px 0 60px;
	}
	#footer .copyright{
		padding: 0 0 20px;
	}
}