@charset "utf-8";

/*****************************************************************

	SP 共通レイアウト定義

*****************************************************************/

/* ====== BASE Module SET ===== */

body{
}

img{
	max-width: 100%;
}

.tel_dis{ cursor: pointer; }

.sp_i{ display: inline; }
.sp_b{ display: block; }

.pc_i{ display: none; }
.pc_b{ display: none; }

.pc_ib{ display: none; }
.sp_ib{ display: inline-block; *display: inline; zoom: 1; }

#sub ul a,
.link{
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
}

#sub ul a::after,
.link::after{
	content:"";
	display: block;
	width:10px;
	height:10px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
}

/*============================================================
	Page / column
============================================================*/
#page{
	min-width: 320px;
}

.inner{
}


/*============================================================
	TopContentsStyle
============================================================*/

.logo_ct h2{
 font-size: 16px;
}
#page_header .inner{
 flex-wrap: wrap;
 min-height: 100px;
}
.logo_ct h2 {
 margin: 20px 0 80px 0;
}
#main .works_scroll h2{
 line-height: 1.5;
 font-size: 112.5%;
}
#main .works_scroll li{
  width: calc(100vw / 4);
}
.head_contact{
 width: 100%;
 padding:  10px;
}
.head_contact h2{
 font-size: 112.5%;
}
.head_contact_area{
 height: 25vh;
}
.logo_ct{
 width: 90%;
}

/*============================================================
	Page / column
============================================================*/
#main .sec_page{
 padding:  70px 0 70px 0;
}
#main .sec_page_about p{ padding-bottom: 0;}
#main h2{
 position: static;
  font-size: 50px;
 bottom:auto;
 margin-bottom: 1em;
}
#main h2.ani{
 transform: none;
}
#main .sec_page_about h2{
}
#main h3{
 font-size: 20px;
 line-height: 1.5;
}
#main .sec_page_about{
 height: auto;
}
#main .sec_page_about .target{
 top: 0;
 position: static;
}
#main .sec_page_about .target{
 padding: 0 10px
}
#main h3.ani{
 transition-delay: 0s;
}
#main .sec_page_about p{
 transition-delay:  0.5s;
}
#main .aniOnP{
 opacity: 1 !important;
 transform: translateY(0);
}
#main .service_list{
 display: block;
}
#main .sec_service{
 width: 100%;
 margin-bottom: 1em;
}
#main .sec_service.ani{
 transition-delay: 0s !important;
 
}
.inner{
}
#main .sec_page_works{
 height: 150vh;
}
#main .sec_page_works h2{ font-size: 50px;
 text-shadow: 1px 1px #fff;}
#main .sec_page_works .inner{
 padding-top: 150px;
}
#main .sec_page_works i{
 width: 125px;
}
#main .sec_page_works i img{ opacity: 0.8}


#main .sec_page_works p{
 color: #000;
 text-shadow: 1px 1px #fff;
}
#main .sec_page_works .w1{
 width: 145px;
 top: 95%;
 left: 5%;
}
#main .sec_page_works .w2{
 width: 125px;
 top: 12%;
 left: 2%;
}
#main .sec_page_works .w3{
 width: 125px;
 top: -8%;
 left: 33%;
}

#main .sec_page_works .w4{
 width: 125px;
 top: 15%;
 right: 5%;
}
#main .sec_page_works .w5{
 width: 135px;
 top: 100%;
 right: 7%;
}
#main .client_list{
 padding: 10px 15px;
 margin-bottom: 35px;
}
#main .client_list li{
 width: 50%;
 padding:  10px 0;
}
#main .client_list img{
 width: 60%;
}
#main .client_list h2{
 font-size: 25px;
}
#main .flow{
 margin: 20px auto 30px auto;
 flex-wrap: wrap;
 max-width: 400px;
}
#main .flow li{
 width: 50%;
 align-content: center;
 justify-content: center;
}
#main .flow li.ani{
 transition-delay: 0s !important;
}
#main .flow li.ani div::before{
 transition-delay: 0s !important;
}
#main .flow li.ani:nth-of-type(2n) div::before{
 transition-delay: 0.25s !important;
}
#main .flow_grp{
 display: block;
}
#main .flow_grp section{
 width: 100%;
 margin-bottom: 10%;
}
#main .flow_grp section.ani:nth-of-type(2n){
 transition-delay: 0s;
}
#main .sec_page_contact h3{
 text-align: left;
}

#main .sec_page_price .grp{
 display: block;
 margin-bottom: 3em;
}
#main .sec_price{
 width: 100%;
 padding:  15px;
 margin-bottom: 1em;
 display: block;
}

#main .sec_price.ani:nth-of-type(1){ transition-delay: 0s}
#main .sec_price.ani:nth-of-type(2){ transition-delay: 0s}
#main .sec_price.ani:nth-of-type(3){ transition-delay: 0s}
#main .sec_price.ani:nth-of-type(4){ transition-delay: 0s}
#main .sec_price.ani:nth-of-type(5){ transition-delay: 0s}
#main .sec_price.ani:nth-of-type(6){ transition-delay: 0s}
#main .sec_price.aniOn{ opacity: 1;}
#main .sec_price h4{
 font-size: 112.5%;
 width: auto;
 margin: 0 0 0.5em 0;
}
#main .sec_price h4 small{
 font-size: 78%;
}
#main .sec_price p{
 font-size: 125%;
}

#main .case_list li{
 padding: 10px;
 border-radius: 10px;
 width: 100%;
 margin-bottom: 0;
}
/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/