@charset "utf-8";

/*-------------------------------------------------------------------
　page_head  pageVisual
-------------------------------------------------------------------*/
.pageVisual{
	width:100%;
	height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	position: relative;
}

.pageVisual h2{
	font-family: "Kaushan Script", cursive;
	font-size: 80px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.05em;
	text-shadow: 0 0 8px #424242,
				 0 0 8px #424242,
				 0 0 8px #424242;
}

.pageVisual h2 span{
	font-family: "Shippori Mincho", serif;
	display: block;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.03em;
	margin-top: -30px;
}

.about_bg{background: url("../images/hd_about_bg.jpg") no-repeat top center / cover;}
.service_bg{background: url("../images/hd_service_bg.jpg") no-repeat top center / cover;}
.outerwall_bg{background: url("../images/hd_outerwall_bg.jpg") no-repeat top center / cover;}
.roof_bg{background: url("../images/hd_roof_bg.jpg") no-repeat top center / cover;}
.company_bg{background: url("../images/hd_company_bg.jpg") no-repeat top center / cover;}
.recruit_bg{background: url("../images/hd_recruit_bg.jpg") no-repeat top center / cover;}
.contact_bg{background: url("../images/hd_contact_bg.jpg") no-repeat top center / cover;}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.pageVisual{
	width:100%;
	height: 450px;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.pageVisual{
	height: 400px;
}

.pageVisual h2{font-size: 45px;}
.pageVisual h2 span{font-size: 25px;}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.pageVisual{
	height: 230px;
}

.pageVisual h2{font-size: 35px;}

.pageVisual h2 span{
	font-size: 20px;
	margin-top: -10px;
}
}


/*-------------------------------------------------------------------
　common
-------------------------------------------------------------------*/
.bg01_wrap{
	width: 100%;
	padding: 150px 0;
	background: url("../images/bg01.jpg") repeat top center / cover;
	background-size: 100px;
}

.bg02_wrap{
	width: 100%;
	padding: 150px 0;
	background: url("../images/bg02.jpg") repeat top center / cover;
	background-size: 100px;
}

.content{
	width: 1300px;
	margin: 0 auto;
}

.content_mgt{
	width: 1300px;
	margin: 150px auto 0;
}

.txC{text-align: center;}
.f_red{color: #CE0000;}

/* ---- pc 1400px ---------- */
@media only screen and (max-width:1400px){
.content{
	width: 90%;
	margin: 0 auto;
}

.content_mgt{
	width: 90%;
	margin: 150px auto 0;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.bg01_wrap,
.bg02_wrap{
	width: 100%;
	padding: 120px 0;
}

.content{
	width: 85%;
	margin: 0 auto;
}

.content_mgt{
	width: 85%;
	margin: 120px auto 0;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.bg01_wrap,
.bg02_wrap{
	width: 100%;
	padding: 60px 0;
}

.content{
	width: 85%;
	margin: 0 auto;
}

.content_mgt{
	width: 85%;
	margin: 60px auto 0;
}
}


/*-------------------------------------------------------------------
　title
-------------------------------------------------------------------*/
.mainTit{
	font-family: "Shippori Mincho", serif;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 55px;
	color: #323664;
	line-height: 1.2;
	margin: 0 0 100px 0;
	z-index: 2;
	border:0px solid #000;
}

.mainTit span{
	display: block;
	font-family: "Kaushan Script", cursive;
	font-size: 20px;
	font-weight: normal;
	color: #F17F6B;
}

.mainTit:before{
	font-family: "Kaushan Script", cursive;
	position: absolute;
	z-index: -1;
	content: attr(data-text) "";
	top: -11%;
	white-space: nowrap;
	color: rgba(46, 48, 70, 0.06); /*rgba(236, 236, 238, 1)*/
	font-size: 150px;
	font-weight: normal;
	line-height: 0.7;
}

.subTit{
	font-family: "Shippori Mincho", serif;
	font-size: 45px;
	color: #323664;
	text-align: center;
	margin-bottom: 30px;
}

.titC{text-align: center;}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.mainTit{
	margin: 0 0 80px 0;
}

.mainTit:before{
	top: -5%;
	font-size: 120px;
	line-height: 0.7;
}

.subTit{
	font-size: 35px;
	margin-bottom: 30px;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.mainTit{
	font-size: 40px;
	margin: 0 0 60px 0;
}

.mainTit:before{
	top: 10%;
	font-size: 75px;
	line-height: 0.7;
}

.subTit{
	font-size: 30px;
	margin-bottom: 20px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.mainTit{
	font-size: 30px;
	margin: 0 0 40px 0;
}

.mainTit:before{
	top: 15%;
	font-size: 55px;
	line-height: 0.7;
}

.mainTit span{
	font-size: 14px;
	margin-bottom: 3px;
}

.subTit{
	font-size: 25px;
	margin-bottom: 20px;
	line-height: 1.4;
}
}


/*-------------------------------------------------------------------
　龍興について　about
-------------------------------------------------------------------*/
#about_main{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}

#about_det{width: 740px;}
#about_ph{width: 500px;}
#about_ph img{border-radius: 15px;}


#about_det h3{
	font-family: "Shippori Mincho", serif;
	position: relative;
	display: flex;
	align-items: center;
	font-size: 55px;
	color: #323664;
	line-height: 1.4;
	margin: 0 0 50px 0;
	z-index: 2;
}

#about_det h3:before{
	font-family: "Kaushan Script", cursive;
	position: absolute;
	z-index: -1;
	content: attr(data-text) "";
	white-space: nowrap;
	color: rgba(46, 48, 70, 0.06);
	font-size: 190px;
	font-weight: normal;
	line-height: 0.7;
}

.reson_wrap{overflow: hidden;}

.reson_box{
	display: flex;
  justify-content: space-between;
	align-items: center;
  max-width: 1300px;
  margin: 0 auto 100px;
}

.reson_box:nth-child(even){
	flex-direction: row-reverse;
}

.reson_box:last-child{margin-bottom: 0;}

.reson_ph,
.reson_ph_right{
  width: 45%;
	position: relative;
}

.reson_det{width: 47%;}

.reson_det h3{
	font-family: "Shippori Mincho", serif;
	font-size: 40px;
	color:#323664;
	line-height: 1.4;
	margin-bottom: 30px;
	letter-spacing: -0.05em;
}

.reson_det h3 span{
	display: block;
	font-family: "Kaushan Script", cursive;
	font-size: 20px;
	font-weight: normal;
	color: #F17F6B;
	margin-bottom: 10px;
}

.reson_ph img{border-radius: 0 40px 40px 0;}
.reson_ph_right img{border-radius: 40px 0 0 40px;}

/*左側へ要素を広げる（2カラム）*/
.outside_left{
	flex: 1;
	margin-left: calc(50% - 50vw);
	margin-right: 7%;
}

/*右側へ要素を広げる（2カラム）*/
.outside_right{
    flex: 1;
    margin-right: calc(50% - 50vw);
    margin-left: 7%;
}

/* ---- pc 1400px ---------- */
@media only screen and (max-width:1400px){
#about_det{width: 60%;}
#about_ph{width: 35%;}

.reson_box{
  max-width: 90%;
  margin: 0 auto 100px;
}
}

/* ---- pc 1200px ---------- */
@media only screen and (max-width:1200px){
#about_main{
	display: flex;
	flex-direction: column-reverse;
}

#about_det{width: 100%; margin-bottom: 40px;}
#about_ph{width: 100%;}

#about_det h3{
	justify-content: center;
	font-size: 55px;
	margin: 0 0 100px 0;
}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
#about_det h3{
	margin: 0 0 80px 0;
	text-align: center;
}

.reson_box{
	flex-direction: column;
  margin: 0 auto 100px;
}

.reson_box:nth-child(even){
	flex-direction: column;
}

.reson_ph,
.reson_ph_right{
  width: 100%;
}

.reson_det{
	width: 100%;
	margin-top: 50px;
}

.reson_det h3{
	text-align: center;
}

.reson_ph img{border-radius: 40px;}
.reson_ph_right img{border-radius: 40px;}

.outside_left{
	flex: 1;
	margin-left: calc(45% - 45vw);
	margin: 0;
}

.outside_right{
    flex: 1;
    margin-right: calc(45% - 45vw);
    margin: 0;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
#about_det h3{
	font-size: 40px;
	margin: 0 0 60px 0;
	letter-spacing: -0.08em;
}

#about_det h3:before{
	font-size: 150px;
}

.reson_box{
	max-width: 85%;
  margin: 0 auto 80px;
}

.reson_det{
	width: 100%;
	margin-top: 30px;
}

.reson_det h3{
	font-size: 30px;
	margin-bottom: 20px;
}

.outside_left{
	flex: 1;
	margin-left: calc(42.5% - 42.5vw);
	margin: 0;
}

.outside_right{
    flex: 1;
    margin-right: calc(42.5% - 42.5vw);
    margin: 0;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
#about_det h3{
	font-size: 30px;
	margin: 0 0 40px 0;
	letter-spacing: -0.1em;
}

#about_det h3:before{
	font-size: 90px;
}

#about_det{margin-bottom: 20px;}

.reson_det h3{
	font-size: 25px;
	margin-bottom: 20px;
	letter-spacing: -0.07em;
}

.reson_det h3 span{
	font-size: 14px;
}
}


/*-------------------------------------------------------------------
　事業内容　service
-------------------------------------------------------------------*/
ul.service_menu{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: top;
	padding: 0;
	margin: 0;
	border:0px solid red;	
}

ul.service_menu li{
	width: 31%;
	font-size: 25px;
	box-sizing: border-box;
	border-bottom:1px solid #000;
	list-style-type: none;
	position: relative;
}

ul.service_menu li a {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 15px 0px 15px 25px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #323664;
  position: relative;
}

ul.service_menu li a:hover{
		opacity: 0.8;
}

ul.service_menu li:not(:nth-child(3n+3)) {
  margin-right: 3.5%;
}

/* 円 */
ul.service_menu li a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 45px;
	height: 45px;
	margin: -20px 0 0;
	border-radius: 50%;
	border: 1px solid #323664;
	box-sizing: border-box;
}

/* ▼ 棒部分 */
ul.service_menu li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 41px;
  width: 2px;
  height: 20px;
  margin-top: -8px; /* 縦の位置を調整 */
  background: #323664;
}

/* ▼ V字部分 */
ul.service_menu li a span.arrow {
  position: absolute;
  top: 50%;
  right: 37px;
  width: 10px;
  height: 10px;
  margin-top: 0px;
  border-right: 2px solid #323664;
  border-bottom: 2px solid #323664;
  transform: rotate(45deg);
  content: "";
}

/*-- 事業内容 --*/
.ser_wrap{
	margin-top: 150px;
	overflow: hidden;
}

.ser_box{
	display: flex;
  justify-content: space-between;
	align-items: center;
  max-width: 1300px;
  margin: 0 auto 100px;
}

.reverse{flex-direction: row-reverse;}

.ser_ph,
.ser_ph_right{
  width: 45%;
	position: relative;
}

.ser_det{width: 47%;}

.ser_det h3{
	font-family: "Shippori Mincho", serif;
	font-size: 55px;
	color:#323664;
	line-height: 1.4;
	margin-bottom: 30px;
}

.ser_det h3 span{
	display: block;
	font-family: "Kaushan Script", cursive;
	font-size: 20px;
	font-weight: normal;
	color: #F17F6B;
	margin-bottom: 10px;
}

.ser_ph img{border-radius: 0 40px 40px 0;}
.ser_ph_right img{border-radius: 40px 0 0 40px;}

/*左側へ要素を広げる（2カラム）*/
.ser_outside_left{
	flex: 1;
	margin-left: calc(50% - 50vw);
	margin-right: 7%;
}

/*右側へ要素を広げる（2カラム）*/
.ser_outside_right{
    flex: 1;
    margin-right: calc(50% - 50vw);
    margin-left: 7%;
}

.serBtn a{
	width: 400px;
	display: inline-block;
	font-size: 25px;
	color: #FFF;
	background: #323664;
	text-align: center;
	border-radius: 50px 50px;
	padding: 15px 10px;
	margin-top: 50px;
	text-decoration: none;
	transition: 0.5s;
	border:2px solid #323664;	
}

.serBtn a:hover{
	background: #FFF;
	color: #323664;
	border:2px solid #323664;
	opacity: 1;
}

.scene_ph{
	width: 1300px;
	margin: -20px auto 150px;
}

.scene_ph ul{
	display: flex;
	flex-wrap: wrap;
	align-items: top;
}

.scene_ph ul li{width: 23.5%;}
.scene_ph ul li:not(:nth-child(4n+4)) {margin-right: 2%;}
.scene_ph ul li img{border-radius: 10px;}

.scene_mgB0{
	margin-bottom: 0 !important;
}

/* ---- pc 1400px ---------- */
@media only screen and (max-width:1400px){
.ser_box{
  max-width: 90%;
  margin: 0 auto 100px;
}

.scene_ph{
	width: 90%;
	margin: -20px auto 150px;
}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
ul.service_menu li{
	width: 48%;
	font-size: 25px;
}

ul.service_menu li:not(:nth-child(3n+3)) {margin-right: 0%;}
ul.service_menu li:not(:nth-child(2n+2)) {margin-right: 4%;}

.ser_box{
	flex-direction: column;
  margin: 0 auto 100px;
}

.ser_ph,
.ser_ph_right{
  width: 100%;
}

.ser_det{
	width: 100%;
	margin-top: 50px;
}

.ser_det h3{
	font-size: 40px;
	text-align: center;
}

.ser_ph img{border-radius: 40px;}
.ser_ph_right img{border-radius: 40px;}

.ser_ph{
	flex: 1;
	margin-left: calc(45% - 45vw);
	margin: 0;
}

.ser_ph_right{
    flex: 1;
    margin-right: calc(45% - 45vw);
    margin: 0;
}

.serBtn{
	width: 400px;
	margin: 0 auto;
}

.serBtn a{
	width: 100%;
	font-size: 25px;
	margin: 50px auto 0;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
ul.service_menu li{
	width: 48%;
	font-size: 20px;
}

ul.service_menu li a {
  padding: 15px 0px 15px 10px;
}

/* 円 */
ul.service_menu li a::before {
  right: 10px;
  width: 30px;
  height: 30px;
  margin: -14px 0 0;
}

/* ▼ 棒部分 */
ul.service_menu li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 2px;
  height: 12px;
  margin-top: -6px; /* 縦の位置を調整 */
}

/* ▼ V字部分 */
ul.service_menu li a span.arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -3px;
  border-right: 2px solid #323664;
  border-bottom: 2px solid #323664;
  transform: rotate(45deg);
  content: "";
}

.ser_wrap{
	margin-top: 120px;
}

.ser_box{
	max-width: 85%;
  margin: 0 auto 80px;
}

.ser_det{
	width: 100%;
	margin-top: 30px;
}

.ser_det h3{
	font-size: 35px;
	margin-bottom: 20px;
}

.ser_outside_left{
	flex: 1;
	margin-left: calc(42.5% - 42.5vw);
	margin: 0;
}

.ser_outside_right{
    flex: 1;
    margin-right: calc(42.5% - 42.5vw);
    margin: 0;
}

.serBtn{
	width: 350px;
	margin: 0 auto;
}

.serBtn a{
	width: 100%;
	font-size: 20px;
	margin: 50px auto 0;
}

.scene_ph{
	width: 85%;
	margin: -20px auto 120px;
}

.scene_ph ul li{width: 48%;}
.scene_ph ul li:not(:nth-child(4n+4)) {margin-right: 0;}
.scene_ph ul li:not(:nth-child(2n+2)) {margin-right: 4%;}
.scene_ph ul li:nth-child(n+3) {margin-top: 30px;}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
ul.service_menu{
	width: 100%;
	display: flex;
	flex-direction: column;
}

ul.service_menu li{
	width: 100%;
	font-size: 20px;
}

.ser_wrap{
	margin-top: 60px;
}

.ser_det h3{
	font-size: 25px;
	margin-bottom: 20px;
	letter-spacing: -0.07em;
}

.ser_det h3 span{
	font-size: 14px;
}

.serBtn{
	width: 80%;
	margin: 0 auto;
}

.serBtn a{
	width: 100%;
	margin: 30px auto 0;
}

.scene_ph{
	width: 85%;
	margin: -20px auto 60px;
}
}


/*-------------------------------------------------------------------
　外壁塗装 / 屋根塗装　outerwall /
-------------------------------------------------------------------*/
.outerwall_wrap{overflow: hidden;}

.outerwall_box{
	display: flex;
  justify-content: space-between;
	align-items: center;
  max-width: 1300px;
  margin: 0 auto 100px;
}

.outerwall_ph{
  width: 45%;
	position: relative;
}

.outerwall_det{width: 47%;}

.outerwall_det h3{
	font-family: "Shippori Mincho", serif;
	font-size: 40px;
	color:#323664;
	line-height: 1.4;
	margin-bottom: 30px;
	letter-spacing: -0.05em;
}

.outerwall_ph img{border-radius: 0 40px 40px 0;}

/*左側へ要素を広げる（2カラム）*/
.outerwall_outside_left{
	flex: 1;
	margin-left: calc(50% - 50vw);
	margin-right: 7%;
}

.sign_wrap{
	width: 100%;
	padding: 60px;
	background: #E6EAEF;
	border:5px solid #323664;
	border-radius: 40px;
}

.sign_wrap h3{
	font-family: "Shippori Mincho", serif;
	font-size: 45px;
	text-align: center;
	color: #323664;
	line-height: 1.4;
	letter-spacing: -0.05em;
	margin: 20px 0;
}

.sign_mi{
	font-size: 30px;
	text-align: center;
	color: #323664;
}

.sign_mi span {background: linear-gradient(transparent 60%, #F9FE6C 60%);}

ul.sign_Box{
	display: flex;
	justify-content: space-between;
}

ul.sign_Box li{
	width: 30%;
	list-style-type: none;
}

ul.sign_Box li img{
	margin: 20px 0;
	border-radius: 10px;
}

ul.sign_Box li h4{
	font-size: 25px;
	color: #F17F6B;
	text-align: center;
	line-height: 1.4;
	margin: 5px 0 15px;
}

/*-- ポイント --*/
.point_wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.point_Box{
	width: 30%;
}

.point_ph{
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}

.point_ph img{
	border-radius: 20px;
}

.point_caption{
	font-family: "Kaushan Script", cursive;
	width: 70%;
	position: absolute;
	bottom:-30px;
	left:15%;
	background: rgba(50, 54, 100, 1);
	padding: 5px 5px;
	font-size: 30px;
	font-weight: bold;
	text-align:center;
	color: #FFF;
	letter-spacing: 0.1em;
}

.point_Box h3{
	font-size: 30px;
	color: #323664;
	text-align: center;	
	margin-bottom: 15px;
}

.point_Box h3 span {background: linear-gradient(transparent 60%, #F9FE6C 60%);}

/*-- 流れ flow --*/
.flow_tit{
	font-family: "Shippori Mincho", serif;
	font-size: 45px;
	display: flex;
	align-items: center;
	color: #323664;
	margin-bottom: 15px;
}

.circle_number{
  font-size: 35px;
  background: #323664;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  color: #fff;
  text-align: center;
  line-height: 70px;	
	margin-right: 20px;
}

.flow_Box{
	margin-left: 30px;
	padding-left: 60px;
	border-left: 5px solid #323664;
	margin-bottom: 40px;
}

.flow_Box:last-child{margin-bottom: 0;}

.flow_In{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border:0px solid #CCC;
}

.flow_ph{width: 35%;}
.flow_det{width: 60%;}
.flow_ph img{border-radius: 20px;}

.flow_Btn a{
	width: 400px;
	display: inline-block;
	font-size: 25px;
	color: #FFF;
	background: #323664;
	text-align: center;
	border-radius: 50px 50px;
	padding: 15px 10px;
	margin-top: 50px;
	text-decoration: none;
	transition: 0.5s;
	border:2px solid #323664;	
}

.flow_Btn a:hover{
	background: #FFF;
	color: #323664;
	border:2px solid #323664;
	opacity: 1;
}

/*-- 料金案内 --*/
.price_main_tx{
	width: 1000px;
	text-align: center;
	margin: 0 auto 60px;
}

.paint_content{
	width: 100%;
	font-size: 25px;
	text-align: center;
	padding: 10px;
	color: #323664;
	background: #E6EAEF;
	border:1px dashed #323664;
	margin-bottom: 50px;
	box-sizing: border-box;
}

.price_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	border:0px solid red;
}

.price_Box{
	width: 48%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.price_Box:not(:nth-child(2n+2)) {margin-right: 4%;}
.price_Box:nth-child(n+3) {margin-top: 60px;}

.price_Box h5{
	font-family: "Shippori Mincho", serif;
	font-size: 40px;
	color: #FFF;
	text-align: center;
	background: #323664;
}

.price_det{
	padding: 30px 30px 40px;
	background: #FFF;
	border:2px solid #323664;
	box-sizing: border-box;
	flex: 1;
}

.price_det h6{
	font-size: 25px;
	text-align: center;
	margin-bottom: 25px;
	line-height: 1.4;
}

.price_det h6 span {background: linear-gradient(transparent 60%, #F9FE6C 60%);}

ul.year{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

ul.year li{
	width: 48%;
	text-align: center;
}

.year_mi{
	color: #FFF;
	background: #323664;
}

.year_tx{
	font-size: 30px;
	color: #323664;
	border:3px solid #323664;
}

.recoBox{
	margin-top: 40px;
	padding: 25px 50px 35px;
	background: #E9F2FF;
	box-sizing: border-box;
}

.reco_mi{
	font-size: 25px;
	text-align: center;
	margin-bottom: 10px;
}

ul.recoList{
	margin: 0;
	padding-left: 20px;
}

ul.recoList li{
	list-style: disc;
}

.pri_List_wrap{
	margin-top: 30px;
}

.pri_item{
	display: flex;
	align-items: center;
	border-bottom: 1px dotted #707070;
	padding-left: 40px;
}

.pri_item:first-child{
	border-top: 1px dotted #707070;
}

.tubo{
	width: 110px;
	color: #FFF;
	padding: 0;
	margin-right: 20px;
	text-align: center;
	background: #098CCF;
	border-radius: 5px;
}

.fee{
	font-size: 35px;
	color: #098CCF;
}

.fee span{font-size: 22px;}

/* ---- pc 1400px ---------- */
@media only screen and (max-width:1400px){
.outerwall_box{
  max-width: 90%;
  margin: 0 auto 100px;
}
}

/* ---- pc 1200px ---------- */
@media only screen and (max-width:1200px){
.outerwall_det h3{
	letter-spacing: -0.1em;
}

.point_Box h3{
	letter-spacing: -0.08em;
	line-height: 1.4;
}

/*-- 料金案内 --*/
.price_main_tx{
	width: 100%;
	margin: 0 auto 60px;
}

.recoBox{
	margin-top: 40px;
	padding: 25px 30px 35px;
}

.pri_item{
	padding-left: 20px;
}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.outerwall_box{
	flex-direction: column;
  margin: 0 auto 100px;
}

.outerwall_ph{
  width: 100%;
}

.outerwall_det{
	width: 100%;
	margin-top: 50px;
}

.outerwall_det h3{
	text-align: center;
	letter-spacing: -0.05em;
}

.outerwall_ph img{border-radius: 40px;}

/*左側へ要素を広げる（2カラム）*/
.outerwall_outside_left{
	flex: 1;
	margin-left: calc(45% - 45vw);
	margin: 0%;
}

.sign_wrap h3{
	font-size: 35px;
	margin: 20px 0;
}

.sign_mi{
	font-size: 30px;
}

ul.sign_Box li h4{
	font-size: 25px;
	letter-spacing: -0.05em;
}

/*-- 流れ flow --*/
.flow_tit{
	font-size: 35px;
	margin-bottom: 15px;
}

.flow_In{
	align-items: stretch;
}

.flow_Btn a{
	width: 300px;
	font-size: 25px;
	padding: 15px 10px;
	margin-top: 50px;
}

/*-- 料金案内 --*/
.price_main_tx{
	width: 100%;
	text-align: left;
	margin: 0 auto 60px;
}

.paint_content{
	width: 100%;
	font-size: 22px;
	text-align: left;
	padding: 10px 15px;
	margin-bottom: 30px;
	line-height: 1.4;
}

.price_wrap{
	flex-direction: column;
}

.price_Box{
	width: 100%;
	margin-bottom: 50px;
}

.price_Box:not(:nth-child(2n+2)) {margin-right: 0;}
.price_Box:nth-child(n+3) {margin-top: 0;}
.price_Box:last-child{margin-bottom: 0;}

ul.recoList{
	width: 80%;
	margin: 0 auto;
	padding-left: 20px;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.outerwall_box{
	max-width: 85%;
  margin: 0 auto 80px;
}

.outerwall_det{
	width: 100%;
	margin-top: 30px;
}

.outerwall_det h3{
	font-size: 30px;
	margin-bottom: 20px;
}

/*左側へ要素を広げる（2カラム）*/
.outerwall_outside_left{
	flex: 1;
	margin-left: calc(42.5% - 42.5vw);
	margin: 0%;
}

.sign_wrap{
	width: 100%;
	padding: 30px;
	border-radius: 40px;
}

.sign_wrap h3{
	font-size: 30px;
	margin: 20px 0;
	letter-spacing: -0.1em;
}

.sign_mi{
	font-size: 25px;
	line-height: 1.4;
}

ul.sign_Box{
	flex-direction: column;
}

ul.sign_Box li{
	width: 100%;
	margin-bottom: 50px;
}

ul.sign_Box li:last-child{
	margin-bottom: 0;
}

ul.sign_Box li h4{
	font-size: 25px;
	letter-spacing: -0.05em;
}

/*-- ポイント --*/
.point_wrap{
	flex-direction: column;
}

.point_Box{
	width: 100%;
	margin-bottom: 50px;
}

.point_Box:last-child{margin-bottom: 0;}

/*-- 流れ flow --*/
.flow_tit{
	font-size: 30px;
	margin-bottom: 15px;
}

.circle_number{
  font-size: 28px;
  width: 50px;
  height: 50px;
  line-height: 50px;	
	margin-right: 20px;
}

.flow_Box{
	margin-left: 20px;
	padding-left: 35px;
	margin-bottom: 40px;
}

.flow_In{flex-direction: column;}
.flow_ph{width: 100%; margin-bottom: 30px;}
.flow_det{width: 100%;}

.flow_Btn a{
	width: 300px;
	font-size: 22px;
	padding: 15px 10px;
	margin: 30px auto 0;
}

/*-- 料金案内 --*/
.paint_content{
	width: 100%;
	font-size: 18px;
	text-align: center;
	padding: 10px 10px;
	margin-bottom: 30px;
	line-height: 1.6;
}

.price_Box h5{
	font-size: 30px;
}

.recoBox{
	padding: 25px 15px 35px;
}

ul.recoList{
	padding-left: 0;
}

.fee{
	font-size: 30px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.outerwall_det h3{
	font-size: 25px;
	margin-bottom: 20px;
}

.sign_wrap{
	width: 100%;
	padding: 40px 20px;
}

.sign_wrap h3{
	font-size: 25px;
	margin: 20px 0;
	letter-spacing: -0.05em;
}

.sign_mi{
	font-size: 22px;
	line-height: 1.4;
}

ul.sign_Box li{
	margin-bottom: 30px;
}

ul.sign_Box li h4{
	font-size: 22px;
	letter-spacing: -0.05em;
}

/*-- ポイント --*/
.point_ph{
	margin-bottom: 50px;
}

.point_caption{
	width: 80%;
	position: absolute;
	bottom:-30px;
	left:10%;
	padding: 5px 5px;
	font-size: 25px;
}

.point_Box h3{
	font-size: 25px;
	margin-bottom: 15px;
}

/*-- 流れ flow --*/
.flow_tit{
	font-size: 25px;
	margin-bottom: 15px;
}

.circle_number{
  font-size: 23px;
  width: 40px;
  height: 40px;
  line-height: 40px;	
	margin-right: 15px;
}

.flow_Box{
	margin-left: 15px;
	padding-left: 30px;
	margin-bottom: 40px;
}

.flow_Btn a{
	width: 100%;
	font-size: 20px;
	padding: 15px 10px;
	margin: 30px auto 0;
}

/*-- 料金案内 --*/
.price_main_tx{
	margin: 0 auto 40px;
}

.price_Box h5{
	font-size: 25px;
}

.price_det{
	padding: 20px 20px 30px;
}

.price_det h6{
	font-size: 22px;
	margin-bottom: 20px;
}

ul.year{
	flex-direction: column;
	margin-top: 30px;
}

ul.year li{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

ul.year li:last-child{margin-bottom: 0;}

.year_tx{
	font-size: 25px;
}

.recoBox{
	padding: 25px 15px 30px;
}

.reco_mi{
	font-size: 22px;
	margin-bottom: 20px;
	line-height: 1.4;
}

ul.recoList li{margin-bottom: 10px;}
ul.recoList li:last-child{margin-bottom: 0;}

.pri_item{
	flex-direction: column;
	padding: 20px 0 15px;
}

.tubo{
	width: 110px;
	padding: 0;
	margin-right: 0;
}


}


/*-------------------------------------------------------------------
　会社概要
-------------------------------------------------------------------*/
.com_txBox{
	width: 1000px;
	margin: 0 auto;
}

.com_TB{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	box-sizing: border-box;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	border-color: #323664;	
}

.com_TB th {
	width: 300px;
	padding: 20px 15px 20px 80px;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	border-color: #323664;
	text-align: left;
	color: #323664;
	background: #E6EAEF;
}

.com_TB td {
	padding: 20px 15px 20px 60px;
	border-width:1px 0px 1px 0px;
	border-style:dashed;
	border-color: #323664;
	text-align:left;
}

ul.com_List{margin-left: 30px;}
ul.com_List li{list-style-type: disc;}

.com_mi{
	font-size: 30px;
	color:#323664;
	text-align: center;
	margin-bottom: 50px;
}

/* ---- pc 1400px ---------- */
@media only screen and (max-width:1400px){
.com_txBox{
	width: 100%;
	margin: 0 auto;
}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
.com_TB th {
	width: 170px;
	padding: 20px 15px 20px 30px;
}

.com_TB td {
	padding: 20px 15px 20px 30px;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.com_TB{
	width: 100%;
	border-width: 1px 0 0 0;
}

.com_TB th {
	display: block;
	width: 100%;
	border-width: 0;
	padding: 15px 15px 15px 20px;
}

.com_TB td {
	display: block;
	width: 100%;
	padding: 20px 15px 20px 20px;
}

.com_mi{
	font-size: 25px;
	margin-bottom: 30px;
	line-height: 1.4;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
ul.com_List{margin-left: 20px;}

ul.com_List li{
	list-style-type: disc;
	margin-bottom: 8px;
}

ul.com_List li:last-child{margin-bottom: 0;}

.com_mi{
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.4;
}
}


/*-------------------------------------------------------------------
　採用情報
-------------------------------------------------------------------*/
#rec_main{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}

#rec_det{width: 650px;}
#rec_ph{width: 580px;}
#rec_ph img{border-radius: 15px;}

.job_Mi{
	font-size: 30px;
	color: #323664;
	text-align: center;
	margin-bottom: 20px;
}

.job_Mi span {background: linear-gradient(transparent 60%, #F9FE6C 60%);}
.jobTx{text-align: center;}

.environment_wrap{
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}

.environment_item{
	width: 31%;
	padding: 50px 25px 40px;
	background: #FFF;
	border:2px solid #323664;
	border-radius: 10px;
}

.environment_ph{
	width: 70%;
	margin: 0 auto;
}

.environment_item h4{
	font-size: 30px;
	color: #323664;
	margin: 20px 0 10px;
	text-align: center;
}

.rec_TB{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	box-sizing: border-box;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	border-color: #323664;	
}

.rec_TB th {
	width: 300px;
	padding: 20px 15px 20px 80px;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	border-color: #323664;
	text-align: left;
	color: #323664;
	background: #E6EAEF;
}

.rec_TB td {
	padding: 20px 15px 20px 60px;
	border-width:1px 0px 1px 0px;
	border-style:dashed;
	border-color: #323664;
	text-align:left;
}

ul.rec_List{margin-left: 30px;}
ul.rec_List li{list-style-type: disc;}


/* ---- pc 1400px ---------- */
@media only screen and (max-width:1400px){
#rec_det{width: 60%;}
#rec_ph{width: 35%;}
}

/* ---- pc 1200px ---------- */
@media only screen and (max-width:1200px){
.jobTx{text-align: left;}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
#rec_main{flex-direction: column;}
#rec_det{width: 100%;}

#rec_ph{
	width: 100%;
	margin: 0 auto 50px;
}

.environment_item h4{
	font-size: 25px;
	margin: 20px 0 10px;
}

.rec_TB th {
	width: 170px;
	padding: 20px 15px 20px 30px;
}

.rec_TB td {
	padding: 20px 15px 20px 30px;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
#rec_ph{
	margin: 0 auto 30px;
}

.job_Mi{
	font-size: 25px;
	margin-bottom: 20px;
}

.environment_wrap{
	margin-top: 50px;
	flex-direction: column;
}

.environment_item{
	width: 100%;
	padding: 50px 25px 40px;
	margin-bottom: 50px;
}

.environment_item:last-child{
	margin-bottom: 0;
}

.rec_TB{
	width: 100%;
	border-width: 1px 0 0 0;
}

.rec_TB th {
	display: block;
	width: 100%;
	border-width: 0;
	padding: 15px 15px 15px 20px;
}

.rec_TB td {
	display: block;
	width: 100%;
	padding: 20px 15px 20px 20px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.job_Mi{
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 1.4;
}

.environment_item h4{
	font-size: 23px;
	margin: 20px 0 10px;
}

ul.rec_List{margin-left: 20px;}

ul.rec_List li{
	list-style-type: disc;
	margin-bottom: 8px;
}

ul.rec_List li:last-child{margin-bottom: 0;}
}


/*-------------------------------------------------------------------
　お問い合わせ　thanks
-------------------------------------------------------------------*/
#contact_Tx{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
}

.cont_tel{
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	color: #323664;
}

.cont_tel span{
	font-size: 30px;
}

.cont_tel a{color: #323664;}
.cont_note{margin-top: 25px;}

.thanksTx{
	width: 1100px;
	margin: 0 auto;
}

/* ---- pc 1400px ---------- */
@media only screen and (max-width:1400px){
#contact_Tx{
	width: 100%;
	margin: 0 auto;
}
}

/* ---- pc 1200px ---------- */
@media only screen and (max-width:1200px){
.thanksTx{
	width: 100%;
}
}

/* ---- tablet ------------- */
@media only screen and (max-width:1024px){
#contact_Tx{
	text-align: left;
}
}

/* ---- sp 767 ------------- */
@media only screen and (max-width:767px){
.cont_tel{
	font-size: 35px;
	margin-top: 20px;
}

.cont_tel span{
	font-size: 25px;
}
}

/* ---- sp 480 ------------- */
@media only screen and (max-width:480px){
.cont_tel{
	font-size: 28px;
	margin-top: 30px;
}

.cont_tel span{
	font-size: 18px;
}
}


