@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
.site-name-text {
display: none;
}

body{ background-color:#fff;}
/************************************
** 子テーマ用のスタイルを書く
************************************/
.entry-content {
    margin-top: 0px;
    margin-bottom: 0;
}

/************************************
** contents
************************************/
.wrap {
width: 100%;
margin: 0 auto;
}

#content{ 
	margin-top:-10px;
	margin-bottom: 0;
}
#content-in{margin:0 auto;}
#content::after{ display:none;}


.page .sns-follow,
.page .author-info{
    display: none;
}
/************************************
** 固定ページ
************************************/
.home section .inner{
	width:1180px;
	margin:0 auto;
}

/************************************
** ヘッダー
************************************/
#header-in{ width:1200px; margin:0 auto;/*position:relative;*/}

/**      ヘッダーボタン		**/
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header { margin-top:10px;}
#header-container{padding-top:5px;padding-bottom:15px;}

.logo{ text-align:left!important;}

/************************************
** フッター
************************************/
#footer{
	background-color: #d6f1e0;
	padding: 1% 0;!important;
	margin-top:0;}

/************************************
** Main
************************************/
.wp-block-cover{ min-height:560px;margin-bottom:0!important; }

/************************************
** Menu
************************************/
.header-container-in { position:relative;}
.header-container-in .navi-in{ position:absolute;right:0px; top:0px; }
.header-container-in.hlt-top-menu .navi-in .item-label{ font-size:0.8em!important; color:#ffffff!important;}


#menu-h-menu{margin-right:10px;}
#menu-h-menu li{
width:100px;
text-align:center;
line-height:2!important;
display: block; 
padding:5px 10px 0 10px;
margin-right:5px;
}
#menu-h-menu li a{color:#ffffff;background-color:transparent; }
.sub-caption{ color:#00aab9; font-family:"MS Pゴシック",sans-serif;
}
#menu-h-menu li .item-label{ padding:10px 10px 0 10px;color:#000!important;font-size:0.8em!important;font-weight:bold;}
#menu-h-menu li a:hover{}

#menu-h-menu li#menu-item-8,
#menu-h-menu li#menu-item-11{width:110px;}
#menu-h-menu li#menu-item-12{width:120px;}


#menu-h-menu li#menu-item-22{
background:transparent url(images/bn_contact.png) 50% 50% no-repeat!important;
padding:10px 30px!important;
width:160px!important;
}

#menu-h-menu li#menu-item-22 a{ width:160px !important;
height: 50px!important;
 display: block;}

#menu-h-menu li#menu-item-22 .item-label{display:none}
#menu-h-menu li#menu-item-22 a:hover{ opacity:0.1;}	



.m-tel a:hover{ opacity:0.6;}	
.m-contact a:hover{ opacity:0.6;}	
.navi .item-label, .navi .item-description {
    text-overflow: inherit;}
/************************************
** 固定ヘッダー
************************************/
.fixed-header{ height:80px;}
.fixed-header #menu-h-menu li{width:120px;}
.fixed-header #menu-h-menu li#menu-item-48{width:130px;}

.header-container-in.hlt-top-menur{position:relative;}
.fixed-header #nav{background-color:none; padding-bottom:0!important;}
.fixed-header #navi .navi-in{
  position: absolute;
right:0;
top: 5px;
}

.fixed-header .logo{ position:absolute;top:0;left:0; }
.fixed-header .logo img{ max-height:50px!important;}
.fixed-header .cl-slim .logo-header img { max-height: 60px;}
.fixed-header #menu-h-menu .navi-in a{color:#012351; background-color:transparent;}
.fixed-header #menu-h-menu{ margin-top:0;}
.fixed-header #menu-h-menu li a:hover{opacity:0.6;} 
.fixed-header #menu-h-menu li#menu-item-115{ background-color:#8ebe59!important;display:block;}

.fixed-header .h-submenu { 
	display:none;
}
.fixed-header .h-submenu img.pc-img{ max-width:95%;} 
.header-container-in.hlt-top-menu .h-submenu li{ padding-top:10px;}
.header-container-in.hlt-top-menu .navi-in .item-label{ font-size:11px; color:#000000; }

/************************************
** TOP
************************************/
.home section {
    padding-top: 50px;
    padding-bottom: 50px;
}
.main{ padding:0;}

#main-image{ 
background: transparent url(images/bg_main.png) left top no-repeat!important;
padding:0;margin-bottom:0; border:none;}

.home #main-image p{

    margin: 0 auto;
	padding-top:20px;
}

.sec01{ background-color:#f3f6fd;padding:20px 0;}

/* loop_img
------------ */
.loop_wrap {
  display: flex;
  width: 100%;
  height: 365px;
  overflow: hidden;
  padding:20px 0;
  background-color:#f3f6fd;
}
.loop_wrap img{ max-width:initial;}

@keyframes loop {
0% {
    transform: translateX(100%);
  }
to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
0% {
    transform: translateX(0);
  }
to {
    transform: translateX(-200%);
  }
}
.loop_wrap img:first-child {
animation: loop 60s -30s linear infinite;
}

.loop_wrap img:last-child {
animation: loop2 60s linear infinite;
}
.sec02{ text-align:center;}

.sec03{ background: #f3f6fd;}

.sec03box li{
	border:1px #eee solid;
	padding:3%;
	margin:3% auto!important;
	background:#FFF;
}

.sec03box li img {
width:250px;
}

.sec03box li dt {
    font-size: 120%;
    color: #125bae;
    font-weight: bold;
	margin-bottom:20px;
}
.sec04{ padding-top: 50px!important; } 
.sec03box li dd { color: #000;}

.sec06{ 
	background: transparent url(images/bg_sec06.png) center top no-repeat!important;	
	padding-top:0!important;}
.sec06 h3.ti03{ padding-top:50px!important;margin-bottom:20px!important; text-align:center;}
.sec06 .text{
	width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px 50px;	
}
.sec07{ background-color:#faf6e2;}

.sec09{
    background: #f3f6fd;
}

.sec09 .text {
	border:1px #eee solid;
	padding:3%;
	margin:3% auto;
	background:#FFF;
}

.sec11{
	color:#000;
	background:#edfbff url(images/bg-sec11.png) 80% top  no-repeat;}

.sec11 .text{padding-top:50px!important;}

.arrow_box{
    position:relative;
    width:100%;
    height:80px;
    background:#78c5a6;
    padding:10px;
    text-align:center;
    color:#FFFFFF;
    font-size:30px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(7, 140, 90, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#78c5a6;
    top:100%;
    left:50%;
}
.home section.sec12{ padding-top:0!important;}
.sec12 h3.ttl2{ padding-top:25px!important;margin-bottom:20px!important; text-align:center;}

.sec13{
	color:#000;
	background:#0e1f30 url(images/bg-sec13.png) center top repeat;}

.sec13 h3.ti03{ margin-bottom:0;}
.sec13 .dlsec13{ margin-right:10px; width:30%; float:left;}
.sec13 .dlsec13 dt{margin-bottom:10px;}
.sec13 .dlsec13 dd{ color:#fff; line-height:1.7;font-size:14px; text-align:left;padding:10px 20px; font-weight:normal;}

.sec14{ background: #f5f8fa;}

/* ご注意ください */
.coution{
	width:100%;
	border:10px solid #e7e7e8;
	padding:30px;
	margin:50px auto 0 auto;
  text-align:left;
}

.sec15{ background:#ffefef;}
.boxsec15{
background:#FFF;
	border-radius:10px;
	border: #ec4348 1px solid;
	padding:3%;
	margin:2% auto;
	text-align: left;
	width:100%;}
.boxsec15 dt {
		color:#ff0000;
		font-size:180%;
		margin-bottom:10px;}

.sec16{ background-color: #def1ff;}

.flowBox,
.flowlast{
	position:relative;
	width:970px;
	margin:0 auto 50px auto;
	background-color:#fff;
	padding:30px;
}

.flowBox:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}


.flowno {
    position: absolute;
    top: -10px;
    left: 10px;
    padding: 10px;
    background-color: #125bae;
}
	
.fl{ 
 float:left;
 width:300px;
 
}

 	

.fc{ 
	float:left; 
	width:250px; 
	color:#08923b; 
	font-size:1.4em; 
	font-weight:bold;
	min-height:200px;
  position:relative;
 }	
.fc span { 
	font-size:85%; 
}

.fc p{ 
 position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: 3.2rem;}  

.fr{ 
float:left; 
width:350px;
border-left:#c2c2c2 solid 1px;
padding:5px 5px 0 30px;
text-align:left;
min-height:200px;

}

.fcr{ 
float:left;
width:550px;
border-left:#c2c2c2 solid 1px;
padding:5px 5px 0 30px;
text-align:left;
}

.bn_contact {
    position:relative;
	left:35%;
}

.sec17{background: #f3f6fd;}
.sec17-inner{
padding:90px 20px;
background:url(images/bg_sec17_01.png) no-repeat top right #f3f6fd;
}

.sec17-inner .sec17box{
	width:600px;	
	margin-left:100px;
	padding:50px;
	text-align:left;
	background-color:#fff;
	box-shadow: 1px 1px 3px 2px #999;
 } 


.dlfaq{ margin-bottom:40px; }

.dlfaq dt.q{
	border:2px solid #125bae;
	padding:20px 5px 20px 80px;
	color:#125bae;	
	position: relative;
	margin-bottom:10px;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
}
.dlfaq dt.q:before {
        content: "";
        height: 50px;//四角のサイズ
        width: 40px;//四角のサイズ
        left: 0;
        position: absolute;
        top: 10px;
		left:10px;	
		background: #125bae url(images/icon_q.png) no-repeat 50% 50%;
		padding-left:50px;
	}


.dlfaq dd.a{
	position: relative;
	margin-bottom:10px;
	text-align:left;
	padding-left:80px;
	padding-top:10px;
	}

.dlfaq dd.a:before {
        content: "";
        height: 50px;//四角のサイズ
        width: 40px;//四角のサイズ
        left: 0;
        position: absolute;
        top: 10px;
		left:10px;	
		background: #f7e457 url(images/icon_a.png) no-repeat 50% 50%;
		padding-left:50px;
}

.arrow_box{
    position:relative;
    width:80%;
    height:20%;
    background:#78c5a6;
    padding:10px;
    text-align:center;
    color:#ffffff;
    font-size:24px;
	margin:0 auto 80px auto;
}
.arrow_box:after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.arrow_box:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:26px;
    border-bottom-width:26px;
    border-left-width:17px;
    border-right-width:17px;
    margin-left: -17px;
    border-top-color:#78c5a6;
}
.arrow_box:before{
    border-color: rgba(8, 146, 59, 0);
    border-top-width:29px;
    border-bottom-width:29px;
    border-left-width:19px;
    border-right-width:19px;
    margin-left: -19px;
    margin-top: 2px;
}
.media .text-l {
    clear: none;
    margin: 0 2% 3% 0;
    width: 31%;
    float: left;
    display: inline;
}
.media .img-l {
    clear: both;
    margin: 0px 3% 0 0;
    width: 35%;
    display: block!important;
    border: 1px #ccc solid;
}

.sec_contact{ margin:0 105px;}

.sec_contact dt{
	background-color:#d5f1df;
	padding:10px;
	color:#000000;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.sec_contact dd{
	padding:10px 20px;
	text-align:center;
}

.link {
	margin:5% auto;}
.link li {
	text-align:center;
	float:left;
	width:33%;
	padding:1%;
	line-height: 1.0;
	margin:0 0 3% 0!important;
	list-style:none;
}
.link li a {
	text-decoration:none;
	font-weight:bold;
	line-height:1.3;
		font-size:90%;}
.link li a span {
	font-size:80%;
	color:#36b604;}
.link li img {
	width:100%;
}

/************************************
** お客様の声
************************************/
.post-207 dl.dlvoice {
	width:32%;
	float:left;
	text-align:center;
	font-size:85%;
	border:#eee 1px solid;
	min-height:400px;
	list-style:none;
	padding-top:20px;
}


.post-207 .dlvoice img{
		border:#eee 1px solid;
		width:179px;}

.post-207 .dlvoice a{	
padding: 5px 0 !important;
text-decoration:none;
display: table;
text-align:center;
color:#fff;
padding:0;
display:block;
}

.post-207 .dlvoice a:hover{ color:#ccc; text-decoration:underline;}

.kind { color:#c0a899; }

.post-207 dl.dlvoice .btn_more { 
display:block;
padding:1%;
width:80%;
background:#00325f url(images/yajirushi02.png) 95% center no-repeat ;
margin:20px auto 0 auto;
color:#FFF;}

.dlvoice{margin-bottom:20px;}

.dlvoice02 dt{
	font-weight:bold;
	margin-bottom:10px;
 	color:#00325f;
	text-align:left;
	padding-bottom:5px;
	border-bottom:1px solid #00325f;
	margin-bottom:20px;
 }	
	
	
}

/************************************
** 共通
************************************/
section{ margin-bottom:0!important;}
.page .inner {
    width: 100%;
    margin: 0 auto;
}


/*投稿日を非表示にする*/
.page .post-date {
  display: none;
}

/*更新日を非表示にする*/
.page .post-update{
  display: none;
}

.entry-card-meta, .related-entry-card-meta{ padding-bottom:10px;}


img.alignright {
  display: inline-block!important;
  margin: 0 0 1em 1.5em;
}

img.alignleft {
  display: inline-block!important;
  margin: 0 1.5em 1em 0;
}

img.aligncenter {
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{ margin:5px 0 30px 30px;}
img.alignleft{ margin:5px 30px 30px 0;}

img a:hove{ opacity:0.5;}

.pc-img{ display:inline!important;}
.pctab-img{ display:inline!important;}
.tab-smt{ display:none!important;}	
.tab-img { display:none!important;}
.smt-img{ display:none!important;}

/************************************
** margin / padding
************************************/
.mt10{ margin-top:10px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mt100{ margin-top:100px;}

.mb0{ margin-bottom:0px!important;}
.mb15{ margin-bottom:15px;}
.mb30{ margin-bottom:30px!important;}
.mb50{ margin-bottom:50px!important;}
.mb100{ margin-bottom:100px!important;}

.mr0{margin-right:0!important;}
.mr10{margin-right:10px!important;}

/************************************
** Font
************************************/
.fss{font-size:60%!important;}
.fs{font-size:80%;}
.fm{font-size:120%;}
.fl{font-size:140%;}
.fll{font-size:180%;}
.fbig{ font-size:250%;}

.bold{ font-weight:bold; }
.uline{ text-decoration:underline;}
.line{ border-bottom:1px solid #a2a2a2; padding-bottom:7px;}
.fuchidori {
color: #000;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.red{ color:#d14747;}
.pink{color:#df4c81;}
.white{ color:#ffffff;}
.gray{color:#aeaeae;}
.green{ color:#5ab54c;}
.yellow{ color:#fbf17c;}
.blue{ color:#0068b7;}
.orange{color:#e79300;}

.line-yellow{ background:linear-gradient(transparent 20%, #fff799 20%);}
.boxglay{ padding:10px; background-color:#e2e2e2;}
.mincho{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}

.center{ text-align:center!important;}
.right{ text-align:right!important;}
.left{ text-align:left!important;}

.text01{ line-height:1.4;}


.br-sp {
  display: none;
}

@media screen and (max-width: 1080px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: inline-block;
  }
}

/************************************
** tittle
************************************/

h1.entry-title,
h2.ti02,
h2.ti-voice{
background: #00325f;
    padding: 2%;
    margin-bottom: 3%;
    color: #FFF;
    width: 100%;
    font-size: 160%;
	text-align:left;
}
h2.ti-voice{ font-size: 1.2em;}
h2.h2_box02 {
	position:relative;
	background:#125bae;
	color:#FFF;
	border-radius: 10px;
	padding: 15px 3%;
	margin:50px auto 3%;
	font-size: 140%;
	text-align:center;
}

h3.ti03{border:none; margin-bottom:50px; text-align:center;}

h3.ttl {
width: 100%;
position: relative;
color: #fff;
text-align: center;
padding: 20px 30px 0px 30px;
background-color: #001e3a!important;
font-size:2em;
line-height: 1.2em;
letter-spacing: -0.1em;
border:none; 	
}
h3.ttl::after {
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -50px;
border: 45px solid transparent;
border-top-color: #001e3a;
content: '';
}

.home section .sec12{ padding-top:0!important;}

h3.ttl2 {
width: 100%;
position: relative;
color: #fff;
text-align: center;
padding: 0 30px 20px 30px;
background: transparent url(images/bg-sec07.png) no-repeat top center;
font-size:2em;
line-height: 1.2em;
letter-spacing: -0.1em;
border:none; 	
}

h3.ttl2::after {
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: -5px 0 0 -20px;
border: 20px solid transparent;
border-top-color: #89e0f2;
content: '';
}


/************************************
** table
************************************/
/* table-price */
#table-price th, #table-price td {
  text-align: center;
  width: 20%;
  min-width: 130px;
  padding: 10px;
  height: 60px;
}
#table-price th{ background-color:#def3fa;font-size:0.9em;}
#table-price td{ font-size:0.8em; background-color:#fff; text-align:center;}

table#table-price:not(.has-border-color) :where(th, td) {
    border: 1px solid #d4d4d4;
}


/* tab */
@media only screen and (max-width: 768px) {
  #table-price {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
}



/************************************
** button
************************************/
.bt01{ border:2px #125bae solid;text-align:center;margin:0 auto; width:30%;}
.bt01 a{ text-decoration:none; color:#125bae; font-size:0.8em; padding:10px;display:block;}
.bt01 a:hover{ background-color:#125bae;color:#fff;}

.arrow_r {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.arrow_r:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #5f738b;
  border-right: solid 2px #5f738b;
  transform: rotate(45deg);
  position: absolute;
  top: -20px;
  left: 20px;
  bottom: 0;
  margin: auto;
}


/************************************
** youtube レスポンシブ
************************************/
.movie-wrap{
  width:100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.video-container{ 
	max-width:1000px!important;
	text-align:center!important;}

.youtube {
	max-width:980px;
text-align:center;
position: relative;
margin: 3% auto;
clear:both;
height:auto;
}


.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%!important;
  height: 100% !important;
}


/************************************
** List
************************************/
ul{ padding-left:0!important;}
.listNomal{ padding-left:0!important;}
.listNomal li{ list-style:none!important;}
.article dd {
    margin-left: 0px;
}
/************************************
** アイキャッチ
************************************/
.page .eye-catch-wrap { /*アイキャッチ*/
display: none;
}

/************************************
** clearfix
************************************/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

/************************************
** お問い合わせ
************************************/
/*デザインcss↓*/
.box_con {
  max-width: 1100px;
  margin: 0  auto;
}
@media only screen and (max-width: 768px) {
  .box_con {
    width: 95%;
  }
}
.box_con form {
  width: 100%;
}
.box_con form table {
  width: 100%;
}
.box_con form table tr {
  position: relative;
}
.box_con form table tr:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1px;
  border-bottom: dotted #cdcdcd 1px;
}


.box_con form table tr th {
  width: 30%;
  font-weight: normal;
  padding: 1em .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
text-align:left;
}
.submit-button {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 30px auto 0;
    background-color: #e4eeef;
    cursor: pointer;
    border: 1px solid #e4eeef;
    color: #000;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
    outline: none;
    -webkit-transition: all .3s;
    transition: all .5s;
    padding: 20px 100px;
}
 
.submit-button:hover {
    background: #cae1e3;
    color: #000;
    border: 1px solid #cae1e3;
}
 
@media only screen and (max-width: 768px) {
  .box_con form table tr th {
    text-align: center;
    width: 100%;
    display: block;
    background: #f5f6f7;
    padding: .8em .2em;
  }
}
.box_con form table tr th span {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #cd6f55;
  color: #fff;
  font-size: 14px;	
}
.box_con form table tr td {
  padding: 1em .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}
@media only screen and (max-width: 768px) {
  .box_con form table tr td {
    padding: 1.5em .5em;
    display: block;
    width: 100%;
  }
}
.box_con form table tr .box_br {
  display: block;
}
.box_con form table tr select {
  border: 1px solid #4c7096;
}
.box_con form table tr label input {
  cursor: pointer;
 /* display: none;*/
  vertical-align: middle;
}
.box_con form table tr .radio02-input{
  padding-left: 23px;
  margin-right: 20px;
  position: relative;
}

.box_con form table tr .radio02-input + label {
  padding-left: 23px;
  margin-right: 20px;
  position: relative;
}
.box_con form table tr .radio02-input + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.box_con form table tr .radio02-input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 3px;
  width: 12px;
  height: 12px;
  background: #4c7096;
  border-radius: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.box_con form table tr select, .box_con form table tr input, .box_con form table tr textarea {
  padding: .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_con form table tr textarea {
width:100%!important;
height:100px!important;
}

/*プライバシーのデザインcss↓*/
.con_pri {
  max-width: 700px;
  margin: 0  auto;
}
@media only screen and (max-width: 768px) {
  .con_pri {
    width: 95%;
  }
}
.con_pri .box_pri {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #cdcdcd;
  background: #f7f7f7;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  padding: 20px 55px;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri {
    margin-top: 4%;
    padding: 3%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .con_pri .box_pri {
    padding: 4%;
  }
}
.con_pri .box_pri .box_tori {
  text-align: left;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri .box_tori {
    margin-top: 4%;
  }
}
.con_pri .box_pri .box_tori h4 {
  font-weight: normal;
  margin-bottom: 30px;
  font-size: 150%;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri .box_tori h4 {
    margin-bottom: 4%;
  }
}
.con_pri .box_pri .box_tori .txt {
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri .box_tori .txt {
    padding: 0;
  }
}
.con_pri .box_pri .box_num {
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri .box_num {
    margin-top: 5%;
  }
}
.con_pri .box_pri .box_num h4 {
  font-weight: normal;
  font-size: 113%;
}
.con_pri .box_pri .box_num .txt {
  padding: 10px 0 0 20px;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri .box_num .txt {
    padding: 3% 0 0 3%;
  }
}

/************************************
** 投稿ページ
************************************/
.category #content,
.single #content {
	margin:0 auto;
	background: #FFF;
    padding: 2% 5%;
    max-width: 1000px;
}

.eye-catch{
	text-align:center;
}
.eye-catch img{
/*	max-width:40%;*/
	margin-bottom:30px;
}

.single .article h2{
 padding: 0.5em;
  color: #494949;
  background: #eaf4fc;
  border-left: solid 5px #7db4e6;
}

.single .article h3{
	font-size:20px;
 padding: 0.5em;
  color: #494949;
  background: #eaf4fc;
  border-left: solid 5px #7db4e6;
}
.single .article h4{
font-size:16px;
padding: 0.5em;
color: #494949;
background: #eaf4fc;
border-left: solid 5px #7db4e6;
}
.single .article h5{
font-size:14px;
padding: 0.5em;
color: #494949;
background: #eaf4fc;
border-left: solid 5px #7db4e6;
	border-bottom:none;
}

.cta-box {
border: solid 1px #9d9d9d;
border-radius: 8px;
background-color: #fff;
color:#444;
}
/************************************/
/** レスポンシブデザイン用のメディアクエリ
************************************/
/*1185px以下 (タブレット横サイズ)* */
@media screen and (max-width: 1185px){
	
/************************************
** loop_img
************************************/	
.loop_wrap { height: auto!important;}	
	

/************************************
** MENU
************************************/
.fixed-header { height:100px;}
.fixed-header #menu-h-menu{margin-top:20px; }	
#menu-h-menu{ margin-top:20px; margin-right: 50px;}
	
#menu-h-menu li{ width:105px!important; }
#menu-h-menu li#menu-item-12{ width:125px!important;}
	
	
.header-container-in.hlt-top-menu .navi-in .item-label{ font-size:11px!important; }
	

#menu-h-menu li#menu-item-22{
background-image:url(images/inquiry-btn_smt.png)!important;
background-position:50% 50%!important;
background-repeat:no-repeat!important;
background-size:contain!important;
padding:20px 30px!important;
width:50px!important;
}
	
/************************************
** 固定ページ
************************************/
.home section .inner {
    width:100%;
}
.page .inner{
	width:100%;
	margin:0 auto;
	/*margin:0 15%;*/
}
/************************************
** TOP
************************************/	
.home #main-image{width:100%;}	
.home #main-image p{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}	
	
.pc-img { display:none !important;}
.tab-img{ display:inline!important;}	
.tab-smt{ display:inline!important;}	
.smt-img{ display:none !important;}	
	

}

/*1080px以下*/
@media screen and (max-width: 1080px){
/************************************
** ヘッダー
************************************/

#header-in{ width:100%; /*position:relative; */}
.page .inner{
	width:100%;
	margin:0 auto;
}	

.tagline{ 
	margin-top:0!important;
	margin-bottom:0!important;
}

.mobile-header-menu-buttons{ background-color:#fff;}
.search-menu-button{ display:none;}
.navi-menu-button{ margin-top:7px;}

/*固定ヘッダーエリア*/	
.fixed-header #navi .navi-in {
position: absolute;
left: 200px!important;
top: 10px;
}

.fixed-header .header-container-in.hlt-top-menu .navi-in .item-label{ font-size:0.8em!important;}	
.fixed-header .logo{ position:absolute;top:10px;left:0; }
.fixed-header .h-submenu{
  width:150px;	
  position: absolute;
  top: -10px;
  left: 750px;
  margin-top: 0 !important;	
}
	
.fixed-header #menu-h-menu li{ /*width:16%!important;*/ }
.fixed-header .h-submenu li{ max-width:120px;}	
.fixed-header .h-submenu img{ }
	
/*ロゴエリア*/
.logo-menu-button img {
    max-height: 50px;
	max-width:85%;
	margin: 7px 0 0 15px;
}

/*  ヘッダーボタンエリア　*/
.mobile-header-menu-buttons .h-submenu li{
    width: 50px;
    height: auto;
	display:inline-block; }
	
.m-contact a:hover{ opacity:0.6;}	


/*メニューエリア*/
#menu-h-menu li{ font-size:0.8em!important;}
.m-contact {
   padding: 10px 30px!important;
   width: 60px;
}
.menu-drawer .m-tel a{ opacity:0.01;}
.menu-drawer .m-contact a{opacity:0.01;}


.fa-bars::before{ color:#000000!important;font-size:1.8em; font-size:bold;}
.search-menu-button.menu-button,
.mobile-header-menu-buttons .navi-menu-button.menu-button{
	height: 65px;
	padding-top: 10px;
	padding-left:10px;
	padding-right:10px;
}
.navi-menu-button { width:80px!important;
}	
.navi-menu-button img{margin-right:0; }
.navi-menu-caption{ color:#000000!important; display:none!important; }	

/*メイン画像エリア*/
.wp-block-cover{min-height:70vh;}
	

/************************************
** contents
************************************/
.page .inner{
max-width: 100%;	
margin:0 auto;
padding: 0 5%;
}
	
	
/************************************
** HOME
************************************/
	
.flowBox,
.flowlast{ width:100%; margin-bottom:20px;}

.fl{ float:none; width:100%; text-align:center;}	
 

.fc{ 
	float:none; 
	width:100%; 
	color:#125bae; 
	font-size:1.4em; 
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	min-height: 90px;	
 }	
.fc p br { display:none;}
.flowBox03 .fc,
.flowBox04 .fc,
.flowBox05 .fc{ min-height:50px;}


.fc p{ 
 position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: auto;}  


.fr{ 
float:none; 
width:100%;
border-top:#c2c2c2 solid 1px;
border-left:none;
padding:20px 5px 0 30px;
text-align:left;
min-height:200px;
}

.fcr{ 
float:left;
width:100%;
border-top:#c2c2c2 solid 1px;
border-left:none;
padding:5px 5px 0 30px;
text-align:left;
}	
	
/************************************
** section
************************************/
section .inner{ margin:0 auto; width:100%; padding:30px!important;}	

	
img.alignright, img.alignleft{
display:block;
margin:5px auto 20px auto;
}	
	
.pc-img { display:none !important;}
.tab-img{ display:inline!important;}	
.tab-smt{ display:inline!important;}	
.smt-img{ display:none !important;}	
	

}



/*840px以下*/
@media screen and (max-width: 844px){
/************************************
** 			共通
************************************/

/* header
---------------------------------------------------- */
#header-container{display:none;}
	
	.mobile-menu-buttons .menu-button {display: block; }
	.mobile-header-menu-buttons .h-submenu li{ padding-top:10px;}	

	
.post-207 dl.dlvoice { width:98%; margin:0 auto;}	
	
	
/* loop_img
---------------------------------------------------- */
.loop_wrap {
  display: flex;
  width: 100%;
  height: 365px;
  overflow: hidden;
  padding:20px 0;
  background-color:#f3f6fd;
}	
	
img.alignright, img.alignleft{
display:block!important;
margin:5px auto 20px auto;
float:none;
}	
.bt01{ width:50%;}	
	
.tab-img { display:none !important;}	
.smt-img { display:inline!important;}
.pctab-img{ display:none!important;}	
/************************************
** 			TOP
************************************/	
	
.arrow_box {
    position: relative;
    width: 100%;
    height: auto;
	}
.sec13 .dlsec13{ margin-right:10px; width:100%; float:none;}	

.sec17-inner .sec17box{ margin-left:0px;}	
.jirei h3.ti03 {
    margin-bottom: 10px;
}
}
/*640px以下*/
@media screen and (max-width: 640px){
/************************************
** 			共通
************************************/
.page .inner{padding:0;}	
section .inner{ padding:0 10px!important;}	

h1.entry-title{ margin-top:80px;}
	
.sec03box li img{ width:100%;}	
	
.bt01{ width:90%;}

.sec06 .text{ padding: 30px;}
.sec11 .text{padding-top:10px!important;}
	
.flowBox,
.flowlast{ width:100%; margin-bottom:20px;}

.fl{ float:none; width:100%;}	
 
.fc{ 
	float:none; 
	width:100%; 
	color:#125bae; 
	font-size:1.4em; 
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	min-height: 90px;	
 }	

.flowBox03 .fc,
.flowBox04 .fc,
.flowBox05 .fc,
.flowBox05 .fc,
.flowBox08 .fc,
.flowBox09 .fc{ min-height:50px;}


.fc p{ 
 position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: auto;}  


.fr{ 
float:none; 
width:100%;
border-top:#c2c2c2 solid 1px;
border-left:none;
padding:20px 5px 0 30px;
text-align:left;
min-height:200px;
}

.fcr{ 
float:left;
width:100%;
border-top:#c2c2c2 solid 1px;
border-left:none;
padding:5px 5px 0 30px;
text-align:left;
}
	
.sec17 h3{ 
	margin-left:5px;
	margin-right:5px;
	font-size:1.8em;
}
	
.sec17_inner{
	padding-left:20px;
	padding-right:20px;
}

.sec17-inner .sec17box {
width:100%;
	margin-left: 0px;
    padding: 30px;
    text-align: left;
    background-color: #fff;
    box-shadow: 1px 1px 3px 2px #999;
}	
	
.sec17 .left,
.sec17 .right{ 
	float:left; 
	width:97%;
	padding:50px 20px;  
	min-height:330px;
	border:1px solid #ccc;
	margin-bottom:30px;
	margin-left:5px;
	margin-right:5px;
}	
.media .text-l{
float:none; 
width:100%;		
}
.sec_contact{margin: 0 10px;}
.link li {
    text-align: center;
    float: none;
	width: 100%;}
#table-price {white-space: normal;}
#table-price th, #table-price td {
    text-align: center;
    width: 20%;
min-width:20%;}
		
	

}
/*480px以下*/
@media screen and (max-width: 480px){ 
main.main{padding: 0px 0 32px 0;}    

	}	
	
/************************************
** Googleクチコミ対策ノウハウ＆口コミカードデザインをプレゼント
************************************/
.blue-txt {
	color:#006f8e;
}
.orange-txt {
	color:#ff4e00;
}	
.red-txt {
	color:#ff0000;	
}
.marker {
background:linear-gradient(transparent 60%, #ff6 60%);
}
.single h2 {
    color: #fff;
    font-size: 1.5rem;
    margin: 3rem 0 2rem;
    line-height: 1.5;
    padding: .5rem .6rem .6rem 2.5rem !important;
    text-indent: -1.7rem;
    background-color: #65c2e9;
}

.single h2:before {
    color: #fffdab;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    margin-right: .4rem;
}

.single h2 {
    margin: 4rem 0 2rem !important;
	background:#006f8e !important;
	color:#FFF !important;
	border-left: 0 !important;
}
.reason {
	border:#006f8e 4px solid;
	padding:3%;
	background:#eefdff;
	  border-radius: 10px;
}
.reason  h3 {
    color: #006f8e !important;
    position: relative;
    padding:0.5em 0.5em 0.5em 1.3rem !important;
    margin: 0 0 1.5rem;
    border-bottom: dotted 1px #006f8e;
    border-left: none !important;
	border-top: none !important;
	border-right: none !important;
    text-indent: -.9em;
	    background: none !important;
}
.reason h3:before {
    color: #006f8e;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    margin-right: 6px;
}
.sec05 .pc-img img,
.sec05 .tab-smt img {
	margin:0 auto;
	display: block !important;
}
.img-frame01 {	border:#006f8e 2px solid;
	padding:1%;
	border-radius: 10px ;
	margin-bottom:3%;
}

/* 吹き出し本体 */
.balloon-think{
  position: relative;
  padding: 20px;
  background-color: #dcfaff;
  border-radius: 30px;
  margin-left: 4em;
  margin-bottom: 2em;
	font-weight:bold;
}
/* 大きい丸 */
.balloon-think::before{
  content: '';
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #dcfaff;
  left: -35px;
  bottom: 15px;
  width: 30px;
  height: 30px;
}
/* 小さい丸 */
.balloon-think::after{
  content: '';
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #dcfaff;
  left: -55px;
  bottom: 10px;
  width: 15px;
  height: 15px;
}


/* flow */
.flow-gg{
  color: white;
	font-weight:bold;
}
.flow-gg .step{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.flow-gg .step li {
    position: relative;
    padding: 15px 10px !important;
    margin: 0 25px 10px 0 !important;
    background: #41adca;
    width: 30%;
}

/* 先端部分 */
.flow-gg .step li::after{
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  border-width: 32px 15px;
  border-color: transparent transparent transparent #41adca ;
  border-style: solid;
}

/* 現在のステップ */
.flow-gg .step li.kuchikomi-flow {
  background: tomato;
}
.step li.kuchikomi-flow::after{
  border-color: transparent transparent transparent tomato ;
}
/*850px以下*/
@media screen and (max-width: 850px){ 
/* flow */

.flow-gg .step{
  display: flex;
  flex-direction: column !important;
  width: 100%;
  list-style: none;
}
.flow-gg .step li{
  position: relative;
  padding: 20px 30px;
  margin-bottom: 25px !important;
  background: #41adca;
	   
	width: 100%;
}

/* 先端部分 */
.flow-gg .step li::after{
  content: "";
  position: absolute;
  bottom: -30px;
 right: 40%;
	 top: auto;
  border-width: 15px 50px;
  border-color: #41adca transparent transparent transparent;
  border-style: solid;

}
.flow-gg .step li:last-child::after{
	display:none;}
/* 現在のステップ */
.step li.kuchikomi-flow{
  background: tomato;
}
.step li.kuchikomi-flow:after{
  border-color: tomato transparent transparent transparent;
}  

	}	

.tokuten  {border:#ff7d7d 4px solid;
	padding:3%;
  border-radius: 10px;}
.tokuten  h3 {
    color: #ff0000 !important;
    position: relative;
    padding:0.5em 0.5em 0.5em 1.3rem !important;
    margin: 0 0 1.5rem;
    border-bottom: dotted 1px #006f8e;
    border-left: none !important;
	border-top: none !important;
	border-right: none !important;
    text-indent: -.9em;
	    background: none !important;
}
.tokuten h3:before {
    color: #ff0000;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content:'\f06b';
    margin-right: 6px;
}