@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
img {
    max-width: 100%;
    height: auto;
    border: 0;
    margin-left: auto;
    margin-right: auto;
}
.page .entry-title{
  display: none;
}
.article h2{
	color:#fff!important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){

}

/*480px以下*/
@media screen and (max-width: 480px){
.body {
    font-size: 12px;
}
p.flowTxt {
    font-size: 16px;
	color:#404040;
}
}

.wrap {
    width: auto;
    margin: 0 auto;
}
.main{
	background-color:#fff;
	overflow: hidden;
}
/*トップ画像*/

.top-wi img {
    width: 100%;
    height: auto;
	margin-bottom:0;
}
.top-wi-width {
    max-width: 1700%;
    margin: 0 auto;
	margin-top: -50px;
}
.top-full {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.logo-image {
    padding: 0px 0;
    font-size: inherit;
}
.content {
	margin: 0 auto;
}
.iwe-shadow img, .iwe-shadow amp-img {
    box-shadow: 5px 5px 15px #fff;
}
/*中央寄せ*/
.cntr{
	width: 100vw;
    margin: 0px calc(50% - 50vw) 0;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.tel-p{
	max-width:600px;
	height:auto;
}

/*ボタンtel-p ベース*/
/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
/*tel-pボタン*/
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}


.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap-pc-sp {
  max-width: 435px;
  margin: 0 auto 20px;
}
.btn-wrap{
	margin:10px;
}

a.btn-pc-sp {
  line-height: 1.4;

  width: 49.5%;
  padding: 1.25rem 0;

  color: #ffff;
}

a.btn--contact {
  display: block;

  padding: 1.5rem 0;

  color: #fff;
  background: #d20010;
  -webkit-box-shadow: 0 5px 0 #b9000e;
  box-shadow: 0 5px 0 #b9000e;
}

a.btn--contact i {
  font-size: 2rem;
}

a.btn--contact i.fa-position-left {
  font-size: 3rem;

  left: 2rem;
}

a.btn--contact :hover {
  color: #fff;
}

a.btn--tel {
  display: block;
  padding: 1rem 0;
  color: #fff;
  background: #1e50a2;
  -webkit-box-shadow: 0 5px 0 #008039;
  box-shadow: 0 5px 0 #ff8e52;
	max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

a.btn--tel i {
  font-size: 2rem;
}

a.btn--tel i.fa-position-left {
  font-size: 3rem;

  left: 2rem;
}

a.btn--tel .number {
  line-height: 1;

  display: inline-block;

  margin-top: 0.5rem;
  padding: 0.25rem 2rem;

  letter-spacing: 0;

  color: #ea5506;
  border-radius: 0.5rem;
  background: #fff;
}

a.btn--tel:hover {
  color: #fff;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 1rem;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 1rem;
}
/*ジャンプボタン*/

.btn-j,
a.btn-j,
button.btn-j {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
	border: 3px solid #00b7ee;
}

a.btn-flat-j {
  overflow: hidden;
  padding: 1.5rem 6rem;
	margin: 0.7rem;
  color: #636363;
  border-radius: 0;
  background: #fff;
}

a.btn-flat-j span {
  position: relative;
}

a.btn-flat-j:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 130%;
  height: 500%;

  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);

  background: #00b7ee;
}

a.btn-flat-j:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

/*ジャンプボタン-BOX*/
.jump-b{
	background-color: #fff;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}
.inner-j{
  width: auto;
  margin: 0 auto;
}
.outer{
  display: flex;
  justify-content: center;
  align-items: center;
	width: 100vw;
    margin: 0px calc(50% - 50vw) 0;
    background: azure;
}
/*カテゴリ別*/
h1, h2, h3, h4, h5, p, a {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #404040;
    text-decoration: none;
}

.sectionInner {
  width: 1200px;
  margin: 0 auto;
}
.sectionInner-y {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sectionInner {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .sectionInner {
    width: 100%;
  }
}
@media screen and (min-width:1024px) and ( max-width:1200px) {
  .sectionInner {
    width: 100%;
  }
}

.sectionInner_m {
  max-width: 900px;
  margin: 0 auto;
	background:#fff;
}
@media screen and (min-width:1024px) and ( max-width:1200px) {
  .sectionInner_m {
    width: 90%;
	  	background:#fff;
  }
}
@media screen and (max-width: 1023px) {
  .sectionInner_m {
    width: 90%;
	  	background:#fff;
  }
}
@media screen and (max-width: 480px) {
  .sectionInner_m {
    width: 97%;
	  	background:#fff;
  }
}
.innerPadding {
  padding: 2rem 0 4rem;
}
@media screen and (max-width: 768px) {
  #container {
    padding-top: 0;
  }
}
#service {
  background: #f3f3f3;
}
.serviceInner--box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /*flex-wrap: wrap;*/
	font-size: 1.2rem;
}
@media screen and (max-width: 480px) {
  .serviceInner--box {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .serviceInner--box {
    padding: 0 5px;
  }
}
@media screen and (max-width: 480px) {
  .serviceInner--box {
    padding: 0 5px;
	  color:#404040;
  }
}
.serviceInner--box_card {
  width: calc(calc(100% - 50px) / 5);
  margin: 5px;
  box-shadow: 2px 2px 2px rbga(#1e1e1e, 0.2);
  background: #fff;
}
.serviceInner--box_card2 {
  width: calc(calc(100% - 50px) / 4);
  margin: 5px;
  box-shadow: 2px 2px 2px rbga(#1e1e1e, 0.2);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .serviceInner--box_card {
    width: calc(calc(100% - 50px) / 2);
  }
  .serviceInner--box_card2 {
    width: calc(calc(100% - 50px) / 2);
  }
}

@media screen and (max-width: 480px) {
  .serviceInner--box_card {
    width: 48%;
	height: 450px;
    margin: 1%;
	float: left;
	position: relative;
	  border: 1px solid #fff;
  }
	  .serviceInner--box_card2 {
    width: 48%;
	height: 470px;
    margin: 1%;
	float: left;
	position: relative;
  }
}
.serviceInner--box_card05 {
  width: calc(calc(100% - 50px) / 5);
  margin: 5px;
  box-shadow: 2px 2px 2px rbga(#1e1e1e, 0.2);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .serviceInner--box_card05 {
    width: calc(calc(100% - 50px) / 2);
  }
}
@media screen and (max-width: 480px) {
  .serviceInner--box_card05 {
    width: 100%;
	height: 305px;
    margin: 1%;
	float: left;
	position: relative;
  }
}
@media screen and (max-width: 480px) {
	.gesui_img img {
		width: 100%;
		height: 110px;
		object-fit: cover;
	}
}
.serviceCard_txt {
  padding: 0.3rem;
  box-sizing: border-box;
}
.serviceCard_txt a:before {
  display: inline-block;
  margin-right: 5px;
font-family: 'FontAwesome';
  content: "\f101";
  vertical-align: middle;
  font-weight: 900;
}
@media screen and (max-width: 480px) {
	.serviceCard_txt {
		padding: 10px;
		height: auto;
	}
}

.serviceCard_list_l {
	float: left;
	width: 10%;
	line-height: 145%;
	margin-top: -5px;
}
.serviceCard_list_l05 {
	float: left;
	width: 10%;
	line-height: 195%;
	margin-top: -5px;
}
@media screen and (max-width: 480px) {
	.serviceCard_list_l {
		height: auto;
		line-height: 185%;
	}
	.serviceCard_list_l05 {
		height: auto;
		line-height: 145%;
		width: 7%;
	}
}

.serviceCard_list_r {
	float: left;
	height: auto;
	width: 90%;
	margin-top: -5px;
}
@media screen and (max-width: 480px) {
	.serviceCard_list_r {
		
	}
}

.serviceCard_list_r p {
	font-weight: 700;
	font-size: 13px;
	line-height: 200%;
}
@media screen and (max-width: 480px) {
.serviceCard_list_r p {
		font-size: 12px!important;
		line-height: 180%!important;
	}
}

.serviceCard_ttl01 {
  padding: 1rem!important;
  background: #0c8ed9!important;
  font-size: 18px!important;
  font-weight: 700!important;
  color: #fff!important;
  margin: 0!important;
}
@media screen and (max-width: 480px) {
	.serviceCard_ttl01 {
		font-size: 13px!important;
		padding: 10px!important;
	}
}
.serviceCard_ttl02 {
  padding: 1rem!important;
  background: #61b748!important;
  font-size: 18px!important;
  font-weight: 700!important;
  color: #fff!important;
	margin: 0!important;
}
@media screen and (max-width: 480px) {
	.serviceCard_ttl02 {
		padding: 10px!important;
		font-size: 13px!important;
	}
}
@media screen and (min-width: 628px) and (max-width: 768px) {
	.serviceCard_ttl02 {
		padding: 30px 15px;
	}
}
.serviceCard_ttl03 {
  padding: 1rem!important;
  background: #f76187!important;
  font-size: 18px!important;
  font-weight: 700!important;
  color: #fff!important;
	margin: 0!important;
}
@media screen and (max-width: 480px) {
	.serviceCard_ttl03 {
		font-size: 13px!important;
		padding: 10px;
	}
}
.serviceCard_ttl04 {
  padding: 1rem!important;
  background: #ff4127!important;
  font-size: 18px!important;
  font-weight: 700!important;
  color: #fff!important;
	margin: 0!important;
}
@media screen and (max-width: 325px) {
	.serviceCard_ttl04 {
		padding: 20px;
		font-size: 13px!important;
	}
}
@media screen and (min-width: 326px) and (max-width: 480px) {
	.serviceCard_ttl04 {
		padding: 10px;
		font-size: 13px!important;
	}
}
@media screen and (min-width: 539px) and (max-width: 779px) {
	.serviceCard_ttl04 {
		padding: 30px 1rem;
	}
}
.serviceCard_ttl05 {
  padding: 1rem!important;
  background: #9055a3!important;
  font-size: 18px!important;
  font-weight: 700!important;
  color: #fff!important;
	margin: 0!important;
}

@media screen and (max-width: 480px) {
	.serviceCard_ttl05 {
		padding: 10px;
		font-size: 13px!important;
	}
}

.serviceCard_ttl06 {
  padding: 1rem!important;
  background: #f59900!important;
  font-size: 18px!important;
  font-weight: 700!important;
  color: #fff!important;
	margin: 0!important;
}
@media screen and (max-width: 325px) {
	.serviceCard_ttl06 {
		padding: 20px;
		font-size: 13px!important;
	}
}
@media screen and (min-width: 326px) and (max-width: 480px) {
	.serviceCard_ttl06 {
		padding: 10px;
		font-size: 13px!important;
	}
}
@media screen and (min-width: 539px) and (max-width: 779px) {
	.serviceCard_ttl06 {
		padding: 30px 1rem;
	}
}


.serviceCard_button01 {
  display: block;
  padding: 0.25rem 0;
  border: 2px solid #0c8ed9;
  box-sizing: border-box;
  background: #0c8ed9;
  font-size: 14px;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
	.serviceCard_button01 {
		font-size: 12px;
		margin-top: 20px;
	}
}
.serviceCard_button01:hover {
  background: #fff;
  color: #0c8ed9;
}
.serviceCard_button02 {
  display: block;
  padding: 0.25rem 0;
  border: 2px solid #61b748;
  box-sizing: border-box;
  background: #61b748;
  font-size: 14px;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
	.serviceCard_button02 {
		font-size: 12px;
		margin-top: 20px;
	}
}
.serviceCard_button02:hover {
  background: #fff;
  color: #61b748;
}
.serviceCard_button03 {
  display: block;
  padding: 0.25rem 0;
  border: 2px solid #f76187;
  box-sizing: border-box;
  background: #f76187;
  font-size: 14px;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
	.serviceCard_button03 {
		font-size: 12px;
		margin-top: 25px;
	}
}
.serviceCard_button03:hover {
  background: #fff;
  color: #f76187;
}
.serviceCard_button04 {
  display: block;
  padding: 0.25rem 0;
  border: 2px solid #ff4127;
  box-sizing: border-box;
  background: #ff4127;
  font-size: 14px;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 374px) {
	.serviceCard_button04 {
		font-size: 12px;
		margin-top: 2px;
	}
}
@media screen and (min-width: 375px) and (max-width: 480px) {
	.serviceCard_button04 {
		font-size: 12px;
		margin-top: 25px;
	}
}
.serviceCard_button04:hover {
  background: #fff;
  color: #ff4127;
}
.serviceCard_button05 {
  display: block;
  padding: 0.25rem 0;
  border: 2px solid #9055a3;
  box-sizing: border-box;
  background: #9055a3;
  font-size: 14px;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 480px) {
	.serviceCard_button05 {
		font-size: 12px;
		margin-top: 13px;
	}
}
.serviceCard_button05:hover {
  background: #fff;
  color: #9055a3;
}
@media screen and (max-width: 374px) {
	.serviceCard_button01, .serviceCard_button02, .serviceCard_button03, .serviceCard_button04 {
		position: absolute;
		width: 90%;
		bottom: 10px;
		padding: 5px 10px;
	}
	.serviceCard_button05 {
		position: absolute;
		width: 95%;
		bottom: 10px;
		padding: 5px 10px;
	}
}
.serviceCard_button06 {
  display: block;
  padding: 0.25rem 0;
  border: 2px solid #f59900;
  box-sizing: border-box;
  background: #f59900;
  font-size: 14px;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 374px) {
	.serviceCard_button06 {
		font-size: 12px;
		margin-top: 2px;
	}
}
@media screen and (min-width: 375px) and (max-width: 480px) {
	.serviceCard_button06 {
		font-size: 12px;
		margin-top: 13px;
	}
}
.serviceCard_button06:hover {
  background: #fff;
  color: #ff4127;
}

/*フロー*/
.flowInner--box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .flowInner--box {
    display: block;
  }
}
.flowInner--box_card {
  width: 365px;
  height: auto;
  margin: 5px 5px 1rem;
  padding: 1rem;
  box-shadow: 2px 2px 2px rbga(#1e1e1e, 0.2);
  background: #fff;
  font-size: 14px;
  box-sizing: border-box;
}
@media screen and (min-width:1024px) and ( max-width:1200px) {
  .flowInner--box_card {
    width: calc(calc(100% - 140px) / 3);
	margin: 120px auto;
  }
}
@media screen and (max-width: 1023px) {
  .flowInner--box_card {
    width: calc(calc(100% - 50px) / 2);
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .flowInner--box_card {
    width: 100%;
	margin: 50px auto;
  }
}
.flowInner--box_card:after {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url("");
}
@media screen and (max-width: 768px) {
  .flowInner--box_card img {
    width: 100%;
    height: auto;
  }
}
.flow-step {
  display: block;
  margin: 0.5rem 0 0;
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
	border-bottom: 2px solid #ffd900;
	color: #fff;
	background-color: #1e50a2;
    padding-left: 10px;
}
.flowTtl {
  color: #014492;
  font-size: 28px!important;
  font-weight: 700!important;
  font-style: italic;
	margin: 0!important;
	border: none!important;
}
.flowCard_button {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.2rem;
  border: 2px solid #ff4127;
  background: #ff4127;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  transition: 0.3s;
  box-sizing: border-box;
}
.flowCard_button:hover {
  background: #fff;
  color: #ff4127;
}
.vect {
  position: relative;
}
.vect:after {
  position: absolute;
  top: 0;
  right: -40px;
  bottom: 0;
  margin: auto;
  content: "";
  width: 32px;
  height: 39px;
  background: url(images/flow-vector.png);
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .vect:after {
  position: absolute;
  top: 0;
  right: 46%;
  bottom: -105%;
  margin: auto;
  content: "";
  background: url(images/flow-spvector.png);
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  }
}
.point--inner {
  background: #f3f3f3;
  padding: 1rem;
  box-sizing: border-box;
}
.point--inner_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 0 rgba(30, 30, 30, 0.15);
}
@media screen and (max-width: 480px) {
  .point--inner_box {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .point--inner_box img {
    display: block;
    margin: 0 auto;
  }
}
.point--inner_txt {
  width: calc(100% - 250px);
}
@media screen and (max-width: 480px) {
  .point--inner_txt {
    width: 100%;
  }
}
.point--inner_txt p {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .point--inner_txt p {
    font-size: 1.2rem;
  }
}
.point--inner_ttl {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .point--inner_ttl {
    font-size: 1.5rem;
  }
}
.point--inner_ttl strong {
  color: #ff4127;
  font-size: 120%;
  padding: 0 2px;
}
.clear {
  clear: both;
}
.outer-02{
	width: 100vw;
    margin: 0px calc(50% - 50vw) 0;
    background: #fff;
}
.service-p{
	margin-bottom:0;
}

/* トップページタイトル */

.sp_ttl01 {
	width: 100%;
}
@media screen and (max-width: 480px) {
	.sp_ttl01 {
		margin-bottom: -45px;
	}
}

.sp_ttl01 img {
	width: 100%;
}
@media screen and (max-width: 320px) {
	.sp_ttl01 img {
		object-fit: cover;
		height: 45px;
	}
}
@media screen and (min-width:321px) and ( max-width:480px) {
	.sp_ttl01 img {
		object-fit: cover;
		height: 50px;
	}
}

.sp_ttl02 {
	width: 100%;
}
@media screen and (max-width: 480px) {
	.sp_ttl02 {
		margin-top: -25px;
	}
}

.sp_ttl02 img {
	width: 100%;
}

@media screen and (max-width: 320px) {
	.sp_ttl02 img {
		object-fit: cover;
		height: 50px;
	}
}
@media screen and (min-width:321px) and ( max-width:480px) {
	.sp_ttl02 img {
		object-fit: cover;
		height: 60px;
	}
}

.sp_ttl03 {
	width: 100%;
}

.sp_ttl03 img {
	width: 100%;
}

@media screen and (max-width: 320px) {
	.sp_ttl03 img {
		object-fit: cover;
		height: 55px;
	}
}
@media screen and (min-width:321px) and ( max-width:480px) {
	.sp_ttl03 img {
		object-fit: cover;
		height: 65px;
	}
}

.sp_ttl04 {
	width: 100%;
}

.sp_ttl04 img {
	width: 100%;
}

@media screen and (max-width: 320px) {
	.sp_ttl04 img {
		object-fit: cover;
		height: 50px;
	}
}
@media screen and (min-width:321px) and ( max-width:480px) {
	.sp_ttl04 img {
		object-fit: cover;
		height: 60px;
	}
}
/*タイトル*/
.sectionTtl {
    margin-bottom: 1.5rem;
    margin-top: 3.0rem;
    padding: 0.5rem 0;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    background: -webkit-repeating-linear-gradient(
-45deg
, #024a9c, #024a9c 15px, #00549d 15px, #00549d 35px);
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
/*メディア*/
.secT-m{
	margin-left:1em;
	margin-right:1em;
}
.video-container, .instagram-container, .facebook-container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
/*メーカー*/	
.kigyo {
    text-align: center;
}
img.toto {
    margin-bottom: 37px;
}
@media screen and (max-width: 480px){
img.toto {
    margin: 15px auto 0 auto;
}
}

/* Q&A */

#QandA {
	margin-bottom: 40px;
}

#QandA h1 {
	color: #000;
	font-size: 26px;
	font-weight: bold;
	border-bottom: solid 7px #ecad00;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 5PX;
}

@media screen and (max-width: 480px) {
	#QandA h1 {
		font-size: 21px;
	}
}

.QandA_box {
	padding: 1rem;
	border: 2px solid #f3f3f3;
	margin: 10px 0;
}

.QandA_box ul {
	list-style: none;
	display: flex;
}

@media screen and (max-width: 480px) {
	.QandA_box ul {
		display: initial;
	}
}

.QandA_box li {
	width: 33%;
	text-align: center;
	background: linear-gradient(180deg, #e1e1e1, #f9f9f9);
	box-shadow: 2px 4px 1px rgba(30, 30, 30, 0.15);
	padding: 10px 0;
	margin: 5px;
}

@media screen and (max-width: 480px) {
	.QandA_box li {
		width: 100%;
		margin: 10px 0;
	}
}

.QandA_box a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding: 10px;
	font-size: 14px;
}

.QandA_box p {
	line-height: 200%;
}
@media screen and (max-width: 480px) {
	.QandA_box p {
		line-height: 150%;
	}
}

.QandA_box p.Q {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
	color: #004491;
}

.QandA_lQ {
	float: left;
	width: 30px;
	font-size: 25px;
	font-weight: bold;
	color: #014492;
}
@media screen and (max-width: 480px) {
	.QandA_lQ {
		width: 10%;
	}
}

.QandA_box p.A {
	font-size: 15px;
}

.QandA_lA {
	float: left;
	width: 30px;
	font-size: 25px;
	font-weight: bold;
	color: red;
}
@media screen and (max-width: 480px) {
	.QandA_lA {
		width: 10%;
	}
}

.QandA_r {
	float: left;
	width: 95%;
}
@media screen and (max-width: 480px) {
	.QandA_r {
		width: 90%;
	}
}

/*7ポイント*/
}
.point--inner_txt p {
    font-size: 20px;
}
@media screen and (max-width: 768px){
.point--inner_txt p {
    font-size: 1.2rem;
}
}
/*下部バナー*/
@media screen and (max-width: 480px){
.footer_number {
    position: fixed;
    bottom: 0;
    height: auto;
}
}

/* 各サービス詳細ページ */

#service_page h2 {
	/*font-size: 30px!important;*/
	font-weight: bold!important;
	text-shadow: 1px 2px 1px #111!important;
	border-bottom: solid 5px #ecad00!important;
	line-height: 120%!important;
	padding-left: 5px!important;
	margin-top: 1rem!important;
	margin-bottom: 10px!important
}
#service_page h3 {
	font-size: 25px!important;
	font-weight: bold!important;
	color:#014492;
	border:none;
	line-height: 120%!important;
	padding-left: 5px!important;
	margin:0;
}
#service_page h4 {
	font-size: 15px;
	font-weight: bold;
	color:#fff;
	/*text-shadow: 2px 2px 3px #ccc;*/
	border:none;
	line-height: 120%;
	padding-left: 5px;
	margin:0;
}
#service_page span {
	color: #333;
}
#service_page .page_maeoki {
	text-align: center;
}

#service_page .page_maeoki p {
	margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
	#service_page .page_maeoki p {
		text-align: left;
	}
}

#service_page .trouble_box {
	width: 100%;
	background-color: #f3f3f3;
	padding: 25px 20px;
	border-radius: 10px;
	box-sizing: border-box;
	line-height: 180%;
	font-weight: bold;
	margin-bottom: 20px;
}

#service_page .trouble_box2 {
	width: 50%;
	float: left;
	background-color: #f3f3f3;
	padding: 25px 20px;
	border-radius: 10px;
	box-sizing: border-box;
	line-height: 180%;
	font-weight: bold;
	margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
	#service_page .trouble_box2 {
		width: 100%;
	}
}

#service_page .trouble_box li {
	width: 47%;
	float: left;
	display: block;
	position: relative;
	margin-left: 16px;
}
#service_page .trouble_box li:before {
	position: absolute;
	margin-left: -16px;
	display: inline-block;
	content:"・";
}

@media screen and (max-width: 480px) {
	#service_page .trouble_box li {
		width: 97%;
	}
}

#service_page .trouble_box2 li.half {
	width: 97%;
	float: none;
	display: block;
	position: relative;
	margin-left: 16px;
}
#service_page .trouble_box2 li.half:before {
	position: absolute;
	margin-left: -16px;
	display: inline-block;
	content:"・";
}

#service_page .trouble_right {
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding-left: 10px;
}

@media screen and (max-width: 480px) {
	#service_page .trouble_right {
		width: 100%;
	}
}

#service_page .service_price table {
	width: 48%;
	margin: 1%;
	border-collapse: collapse;
	border: solid 1px #014492;
	float: left;
}

@media screen and (max-width: 480px) {
	#service_page .service_price table {
		width: 97%;
	}
}

#service_page .service_price th, #service_page .service_price td {
	border: solid 1px #014492;
	padding: 10px;
	vertical-align: middle;
	width: 50%;
}

#service_page .service_price th {
	background-color: #014492!important;
	color: #fff;
}

#service_page .service_price th.price_midashi {
	background-color: #fff!important;
	color: #014492;
	border: solid 1px #fff;
	font-weight: bold;
	font-size: 20px;
}

#service_page .service_price td {
	font-weight: bold;
	line-height: 130%;
}

#service_page .service_price td.left {
	width: 70%;
}

#service_page .service_price td.right {
	color: red;
	text-align: center;
}

#service_page img.maeoki_img {
	width: 100%;
	margin-bottom: 15px;
}

/*下部電話リンクバナー*/
.under-tel {
    max-width: 100%;
    height: auto;
    border: 0;
    margin-left: -5px;
    margin-right: 0;
}
/*入力フォーム*/
.sectionTtl_b {
  margin-bottom: 0rem;
  padding: 0.5rem 0;
  color: #014492;
  font-size: 2.5rem;
  font-weight: 900;
  text-align: center;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
@media screen and (max-width: 768px) {
  .sectionTtl_b {
    font-size: 23px;;
  }
}
.sectionTtl_sub {
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
  color: #014492;
  font-size: 1.8rem;
  font-weight: 900;
  text-align: center;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
@media screen and (max-width: 768px) {
  .sectionTtl_sub {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .sectionTtl_sub {
    font-size: 1.5rem;
  }
}
.contact_box {
  width: 100%;
  margin: 2rem 0;
  padding: 2rem 6rem;
  border: 8px solid #014492;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .contact_box {
    padding: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .contact_box {
    padding: 1rem;
  }
}
.contact_box p {
  font-size: 18px;
  font-weight: 700;
  color: #014492;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.contact_box input {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  padding: 0.5rem;
  box-sizing: border-box;
}
.contact_box select {
  display: block;
  margin-bottom: 1rem;
  padding: 0.5rem;
}
.contact_box textarea {
  width: 100%;
}
.contact_box .notice {
  margin-top: 2rem;
  color: #1e1e1e;
  font-size: 14px;
  text-align: center;
}
.contact_box .submit-button {
  display: block;
  width: 240px;
  margin: 1rem auto;
  padding: 1rem;
  background: #014492;
  color: #fff;
  font-size: 20px;
  text-align: center;
  box-sizing: border-box;
}
/* mailform */

.mailform {
	width: 50%;
	margin:0 auto 100px auto;
}

@media screen and (max-width: 480px) {
	.mailform {
		width: 100%;
	}
}

.mailform input {
	width: 98%;
	padding: 1%;
	margin-bottom: 5px;
}

.mailform textarea {
	width: 98%;
	padding: 1%;
	margin-bottom: 5px;
}

.mailform select {
	padding: 1%;
	margin-bottom: 5px;
}

.mailform button.submit-button {
	text-align: center;
	margin: auto;
	display: block;
	margin-top: 20px;
}

/*TOPへ戻るボタン*/
.go-to-top {
  right: 10px; /*右から20px*/
  bottom: 85px; /*下から55px*/
}

.go-to-top-button {
  border-radius: 50%; /*丸くする*/
  width: 60px; /*横幅*/
  height: 60px; /*高さ*/
  font-size: 30px; /*アイコンフォントのサイズ*/
  opacity:0.7; /*透明度*/
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .2); /*影*/
}

/*ホバー時*/
.go-to-top-button:hover {
  color: #333; /*アイコンフォントの色*/
  background-color:#aaa; /*背景色*/
}

/*フッターカラー*/
.f-c{
	color:#fff;
	border:none;
}

.footer-1 ul {
  border: solid 0px skyblue;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.footer-1 ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.footer-1 ul li:before {
  
font-family: 'FontAwesome';
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #fff;/*アイコン色*/
}

.footer-1 table th, table td {
    border: 0px solid #eee;
    padding: 6px;
}

/*LP-2用*/
.col-h3 {
    font-size: 26px;
    font-weight: bold;
    top: -22px;
    left: 0;
    text-align: center;
    width: 100%;
	color: #0200ad;
}

@media screen and (max-width: 834px){
  main.main,
  div.sidebar {
    padding: 0px;
    margin: 10px 0;
    border-width: 0;
  }
}
/*画像センター*/
.img-cnt{
	margin-left: auto;
    margin-right: auto;
}
/*企業スライダー調整*/
.slide-3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*width: 60%;*/
    margin: 30px 0;
    padding-top: 30px;
}

.item {
    width: calc(60% / 2 - 30px);
    margin-bottom: 30px;
    padding: 30px 10px;
    text-align: center;
}
.sl-cent{
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;
}
@media screen and (max-width: 750px) {
.slide-3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /*width: 60%;*/
    margin: 30px 20px;
    padding-top: 30px;
}

.item {
width: calc(100% / 1 - 30px);
    margin-bottom: 0px;
    padding: 0px 0px;
    text-align: center;
}
.sl-cent{
	margin-left:auto;
	margin-right:auto;
}	
/*スライダー調整*/
div#n2-ss-7 .nextend-arrow img {
	width: 40px!important;
}
}
/*サービス手前チェック-トイレ*/
ul.toilet-b1 {
    padding-left: 0px;
}
.toilet-b1 li{
	list-style:none;
}
.toilet-b1 li:before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url(https://www.clearlife24.com/lp1/wp-content/themes/cocoon-child-master/images/service-check01.png);
  background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
}
/*サービス手前チェック-キッチン*/
ul.kitchen-g1 {
    padding-left: 0px;
}
.kitchen-g1 li{
	list-style:none;
}
.kitchen-g1 li:before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url(https://www.clearlife24.com/lp1/wp-content/themes/cocoon-child-master/images/service-check02.png);
  background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
}
/*サービス手前チェック-浴室*/
ul.bath-p1 {
    padding-left: 0px;
}
.bath-p1 li{
	list-style:none;
}
.bath-p1 li:before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url(https://www.clearlife24.com/lp1/wp-content/themes/cocoon-child-master/images/service-check03.png);
  background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
}
/*サービス手前チェック-蛇口*/
ul.j-orange1 {
    padding-left: 0px;
}
.j-orange1 li{
	list-style:none;
}
.j-orange1 li:before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url(https://www.clearlife24.com/lp1/wp-content/themes/cocoon-child-master/images/service-check04.png);
  background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
}
/*サービス手前チェック-下水*/
ul.gesui-p1 {
    padding-left: 0px;
}
.gesui-p1 li{
	list-style:none;
}
.gesui-p1 li:before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url(https://www.clearlife24.com/lp1/wp-content/themes/cocoon-child-master/images/service-check05.png);
  background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
}
/*サービス手前チェック-洗面*/
ul.senmen-p1 {
    padding-left: 0px;
}
.senmen-p1 li{
	list-style:none;
}
.senmen-p1 li:before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url(https://www.clearlife24.com/lp1/wp-content/themes/cocoon-child-master/images/service-check04.png);
  background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
}