@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;
		}
	.button{
		font-size: 20px;
		font-size: 2.0rem;
	}
	.inner {
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		padding:0 20px;
	}

	h2{
		font-size: 32px;
	}
	.button{
		width: auto;
		padding: 18px 10px 18px 0;
	}
	#cont01 > .colume2{
		padding: 0;
	}
	#cont01 > .colume2 .box p > img{
		margin-top: 0;
	}
	#cont01 > .colume2 .box:nth-child(2) {
		margin: 5rem 2rem 0;
	}
	#cont01 > .colume2 .box:nth-child(2) .text{
		margin-top: 20px;
		line-height: 2;
	}
	#cont02 {
		margin-top: 60px;
	}
	#cont02 > h2{
		line-height: 1.3;
	}
	#cont02 .inner > .colume2:nth-child(1) {
		margin-top: 0px;
		flex-direction: column-reverse;
	}
	#cont02 .inner > .colume2:nth-child(1) .box:nth-child(1) {
		margin: 2rem 0 0;
	}
	#cont02 .inner > .colume2:nth-child(2){
		margin-top: 3rem;
	}
	#cont02 .inner > .colume2:nth-child(2) .box:nth-child(2) {
		width: auto;
		margin-top: 2rem;
		margin-left: 0;
	}
	#cont02 .inner .colume2 .box .block+.block {
		margin-top: 2rem;
	}
	#cont02 .inner .colume2 .box .block .text {
		margin-top: 10px;
	}
	#cont02 .inner > .button{
		margin: 40px auto 0;
	}
	#cont03 {
		margin-top: 60px;
	}
	#cont03 .inner .colume2{
		margin-top: 0;
	}
	#cont03 .inner > .colume2 .box p img{
		margin-top: 0
	}
	#cont03 .inner > .colume2 .box:nth-child(2) {
		margin-left: 0;
	}
	#cont03 .inner > .colume2 .box:nth-child(2) .text{
		margin-top: 10px;
	}
	#cont03 .inner .colume3 > div {
		width: auto;
	}
	#cont03 .inner .colume3 > div +div {
		margin-left: 0;
		margin-top: 4rem;
	}
	#cont03 .inner .colume3 > div .title{
		margin-top: 20px;
	}
	#cont03 .inner .colume3 > div .text {
		margin-top: 10px;
	}
	#cont03 .inner > .button{
		margin: 40px auto 0;
	}
	#cont04{
		margin-top: 80px;
		padding: 60px 0 80px;
	}
	#cont04 .inner .colume4{
		margin-top: 30px;
	}
	#cont04 .inner .colume4 .box{
		width: auto;
	}
	#cont04 .inner .colume4 .box+.box {
		margin-left: 0;
		margin-top: 5rem;
	}
	#cont04 .inner .colume4 .box .image{
		margin: 0 auto;
	}
		#footer .inner .footer-bottom > img{
		width: 60%;
		}
	#footer .inner .footer-bottom > .colume2 p{
		font-size: 40px;
		margin-top: 0;
	}
	#footer .inner .footer-bottom > .colume2 .tell{
		font-size: 40px;
	}
	#footer .inner .footer-bottom > .colume2 .tell a{
		color: #fff;
		font-size: 40px;
	}
	#footer .inner .footer-bottom > .colume2 .fax {
		margin-left: 0;
		font-weight: bold;
	}
	#footer .inner > .copyright p{
		margin-top: 20px;
	}
	.tell:before {
		left: 50px;
	}

}




@media screen and (max-width:380px){


}