@charset "utf-8";
.one_col {
	display: none!important;
}
h2 a {
  color: #fff;
  text-decoration: underline;
}

h2 a:hover {
  text-decoration: none;
}
.contents_box {
    color: #111111;
}
.search_con1{
	font-size: 13px;
	line-height: 110%;
	padding-top: .2em;
	font-weight: bold;
}
.info_navi {
    margin-top: -18px;
	text-align: left;
}
.head_info .logo {
    width: 13%;
	padding: 15px 10px 0 0;
}
.head_info h1 {
    font-size: 28px;
	font-weight: bold;
	line-height: 100%;
}
.head_info h1 span{
    font-size: 13px;
	font-weight: normal;
	line-height: 110%;
}
h1 span.sub_title {
    font-size: 18px;
    font-weight: bold;
}
.head_info .head_icon {
    padding: 2px 0 0 0;
}
.head_tel {
    padding: 0px 0 2px 0;
	width: 31%;
}
.head_tel img{
    max-width: 317px;
}
p.head_mail{
	text-align: right;
	font-size: 12px;
	margin-top: -5px;
}
.head_contents.center_con{
	width: 900px;
	margin: 0 auto;
}
ul.head_contents{
	list-style: none;
}
ul.head_contents li{
	float: left;
	padding: .2em 2em;
	margin: 0 .5% .5% .5%;
	border: 2px solid #093f6e;
	font-size: 1.1em;
	font-weight: bold;
	border-radius: 4px;
    color:#093f6e;
}
#goitaihanso_pf_navi{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #ccc;
border-top:1px solid #093f6e;
}
ul.menu{
flex-wrap: wrap;	
}
.menu li {
    width: 16.666%;
}
.menu li a {
    line-height: 30px;
    font-size: 13px;
}
.menu li a:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cdeb8e+0,a5c956+100;Green+3D+%232 */
background: rgb(205,235,142); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(142,161,235,1) 0%, rgba(50,58,181,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(142,161,235,1) 0%,rgba(50,58,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(142,161,235,1) 0%,rgba(50,58,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ea1eb', endColorstr='#323ab5',GradientType=0 ); /* IE6-9 */
}
.menu li a:hover {
    color: #fbeb04;
}
.trend.c_img.pc {
	width:993px;
	margin: 10px auto 0 auto;
}
.cancel {
    margin: 0px auto 15px auto;
}
/*------fv_pop------*/
#fv{
  background:url(/images/pc_fv_bg.png) no-repeat center top;
  border-top: 2px solid #093f6e;
}
.fv_box{
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	clear: both;
}
.fv_box .fv_btn {
    margin-left: 20px;
}
.fv_box .fv_btn img{
    float: left;
    margin: 0 5px;
}
.bread {
    background: #eee
}
/* POPコンテンツスタイル */
.flex_box {
    display: flex;
    flex-wrap: wrap;
}
.contents_box {
    position: relative;
    margin: 0 auto 1% auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
	max-width: 998px;
    /*text-align: center;*/
}
p.r_text{
	text-align: right;
}
.contents_box.w1 h2{
  background-color: #093f6e;
  font-size: 180%;
  color: #fff;
  padding: 10px 0 7px 0;
  border-radius: 6px 6px 0 0 / 6px 6px 0 0;
  margin: 0 auto;
  border: none;
  background-image: none;
  text-align: center;
}
.w3 {
  width: 31%;
}
.w2 {
  width: 47.5%;
}
.w1 {
  width: 100%;
}
.ecosystem{
  float: right;
  width: 40%;
  margin: 1.5em .5em 0;
}
.ecosystem img{
  width: 100%;	
}
.ecosystem_text{
float: left;
width: 58%;	
}
p.pop_box, .manner p.text_box{
  padding: .5em 1em;
  line-height: 140%;
  text-align: left;
}
p.pop_box span.under, li span.under,.manner p.text_box span.under {
background: linear-gradient(transparent 70%,yellow 70%);
color:#cc0000;
font-weight: bold;
}
.platformer{
	margin: .5em;
	padding: .5em 1em;
	border: 1px solid #cc0000;
	color: #000;
}
.platformer p{
	font-weight: bold;
}
.col_5{
	width: 18.5%;
	border: 1px solid #ccc;
	margin: .5%;
	text-align: center;
	line-height: 110%;
	padding: .5em 0;
	border-radius: 6px;
}
.col_5 a{
  font-size: 14px;
  color: #093f6e;
}
.col_5 a:hover{
  color: dodgerblue;
}
.news_box {
    border: 2px solid 
    #cc0000;
    margin: 1em auto;
    padding: 1em;
    text-align: center;
}
.news_box h3.news_date {
    margin: 0 0 18px 0 !important;
    font-size: 20px;
    border-bottom: 1px solid #000;
    font-weight: bold;
}
.news_box p{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(transparent 70%, #ffff00 70%);
}
.news_box p span{
  font-size: 18px;
  font-weight: normal;
}
.news_box p.r_txt{
  font-size: 16px;
  font-weight: normal;
  text-align: right;
  background:none;
  padding: .2em .5em;
}
.btn-flat-border {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #fff;
  border: solid 2px #3e9b0d;
  background: #3e9b0d;
  border-radius: 3px;
  transition: .4s;
  font-size: 1.2em;
  font-weight: bold;
}
.btn-flat-border:hover {
  border: solid 2px #3e9b0d;
  background: #fff;
  color: #3e9b0d;
}
.col_2{
	width: 49%;
}
.price {
    font-size: 1rem;
    color: #000;
}
.price .col_2, .merit .col_2{
	border: 1px solid #ccc;
	border-radius: 6px 6px 0 0;
	width: 48%;
	margin: .5%;
	text-align: center;
}
.price .col_2 img {
	width: 100%;
}
.price .col_2 h3, .merit .col_2 h3, .merit .col_3 h3{
	background-color: #008b8b;
	color: #fff;
	font-size: 1.3em;
	padding: .6em 0;
	border-radius: 6px 6px 0 0;
	font-weight: bold;
	text-align: center;
}
.col_2.mokuji{
	border-right: 1px dotted #ccc;
	margin-right: .5em;
}
ul.mkj{
	margin: 0 0 0 30px;
	list-style: square;
}
ul.sub_mkj{
	margin: 0 0 .5em 1em;
	list-style: circle;
}
ul.mkj li,ul.sub_mkj li{
	color: #333;
}
ul.mkj li a,ul.sub_mkj li a{
	color: #000;
	text-decoration: underline;
}
ul.mkj li a:hover,ul.sub_mkj li a:hover{
	color: dodgerblue;
	text-decoration: none;
}
ul.mkj li span,ul.sub_mkj li span{
	font-weight: bold;
	color: #cc0000;
}
.red_box{
	margin: .5em;
	border: 1px solid #cc0000;
	text-align: center;
}
.about .col_3, .merit .col_3{
	border: 1px solid #ccc;
	border-radius: 6px 6px 0 0;
	width: 32%;
	margin: .5%;
	text-align: center;
}
.about .col_3 img, .merit .col_3 img{
	width: 100%;
}
.about .col_3 h3{
	background-color: #008b8b;
	color: #fff;
	font-size: 1.1em;
	padding: .2em 0;
	border-radius: 6px 6px 0 0;
}
ol.chigai{
	list-style: none;
	margin: .5em 2em .5em 2em;
}
ol.chigai li{
	font-size: 18px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: .2em;
	font-weight: bold;
}
ul.check, ul.arrow, ul.point, ul.voice, ul.disc, ul.ng{
	margin: .5em 1em .5em 2em;
}
ul.point{
	margin-top: 1em;
}
ul.check li,ul.arrow li,ul.point li,ul.voice li,ul.disc li,ul.ng li{
	list-style-type: none !important;
    margin: 0 0 .3em 10px;
    font-size: 18px;
    line-height: 140%;
}
ul.voice li{
    font-size: 19px;
	margin-left: 15px;
	font-weight: bold;
}
ul.arrow li{
	border-bottom: 1px dotted #ccc;
}
ul.check li::before, ul.arrow li::before, ul.point li::before, ul.voice li::before, ul.disc li::before, ul.ng li::before {
    font-family: FontAwesome;
    content: "\f046";
    position: absolute;
    left: 30px;
    color: #cc0000;
    font-size: 110%;
    font-weight: normal;
}
ul.arrow li::before {
    content: "\f0a9";
	color: #093f6e;
}
ul.point li::before {
    content: "\f0eb";
	color: #093f6e;
}
ul.voice li::before {
    content: "\f27a";
	color: #ff8c00;
}
ul.disc li::before {
    content: "\f192";
	color: #ff8c00;
}
ul.ng li::before {
    content: "\f00d";
	color: #cc0000;
}
ul.check li span.under{
	font-weight: bold;
	background: linear-gradient(transparent 70%,yellow 70%);
	color:#000;
}
ul.ng li span.under{
	font-weight: bold;
	background: linear-gradient(transparent 70%,yellow 70%);
	color:#cc0000;
}

ul.disc li ul.disc{
	margin: 0 0 .5em 1em;
}

ul.disc li ul.disc li::before {
    font-family: FontAwesome;
    content: "\f192";
    position: absolute;
    left: 57px;
    color: #ff8c00;
    font-size: 110%;
    font-weight: normal;
}
.arrow_box{
	border: 1px solid #ccc;
	margin: .5em auto;
	padding: .5em 1em;
}
.more_btn{
	text-align: center;
	margin: 1em 0;
}
.arrow_btn {
	display: inline-block;
	position: relative;
	width: 200px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #ff8c00;
	background: #fff;
	border-radius: 30px;
	border:2px solid #ff8c00;
	transition: transform ease .3s;
}
.arrow_btn:hover {
	 cursor: pointer;
	 text-decoration: none;
}
.arrow_btn span {
	display: inline-block;
	text-decoration: none;	
	transition: transform ease .3s;
}
.arrow_btn:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(6px);
}
.right_img, .manner .r_img{
	float: right;
}
.manner .r_img{
	margin: .5em 0 0 .5em;
}
.aimitsu{
	border: 1px dotted #cc0000;
	margin: .5em;
	padding: .5em;
	width: 57%;
}
.aimitsu span{
	font-weight: bold;
	color: #cc0000;
}
.flex_box_ar{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.col4_box{
	width: 23.5%;
	margin: 0.55%;
	border: 1px solid #ccc;
	position: relative;
	text-align: center;
	padding-bottom: 8px;
}
.col4_box img{
	width: 100%;
}
.pop_sub .col4_box p.bone_title{
	margin: 0;
	background-color: #7bae00;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
/*
.col4_box a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
*/
.col4_box p.bone_price{
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
.col4_box p.bone_price span{
	color: #cc0000;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 100%;
}
.col4_box p.bone_title {
 margin: 0;
 background-color: #093f6e;
 color:#fff;
 text-align: center;
 padding: 5px 0;
}
h3.kansan {
    border-bottom: 2px solid #7bae00;
    line-height: 1.2em;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
}
.cost_box{
	margin-top: .5em;
}
.cost_box .flex_box_between {
    flex-wrap: wrap;
	margin: 0 auto;
}
.cost_box .col_2 {
border: 2px solid #ccc;
border-radius: 6px;
width: 48%;
text-align: center;
padding-bottom: 1em;
margin: 1% 0;
}
.cost_box .col_2.shuraku {
border: 4px solid #7bae00;
background-color:cornsilk;
}

.pop_contents p.r_text, .build_contents_box p.r_text{
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
.cost_box .col_2 p.jittai{
	font-weight: bold;
	padding: .5em 0;
	margin: 0 .5em .5em .5em;
	line-height: 1.2em;
	border-bottom: 2px dotted #ccc;
	text-align: left;
}
div.kansan p{
	text-align: center!important;
	margin: 0;
	padding: 0;
}
div.kansan p.d_arrow{
	color: #cc0000;
}
div.kansan p.price{
	font-weight: bold;
	font-size: 1.3em;
    color: #cc0000;
}
div.kansan p.price span{
	font-weight: bold;
	font-size: 1.5em;
	color: #cc0000;
	line-height: 100%;
}
.cost_box .col_2.shuraku .kansan p.price span{
	font-size: 2.5em;
}
div.kansan p.mini{
font-weight: normal;
font-size: 12px;
color: #000;
line-height:14px!important;
margin: 0;
}
.pop_contents p.description_txt{
	margin: .5em auto!important;
	padding: .5em 0;
}
p.cost_hikaku{
	font-size: 2em;
	color: #cc0000;
	font-weight: bold;
	text-align: center;
	padding: .2em 0;
	margin: 0;
}
.balloon_bottom {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 .5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #cc0000;
  font-size: 20px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  border-radius: 6px;
}

.balloon_bottom:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 10%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon_bottom:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 10%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

.balloon_bottom p {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.mitsumori_set {
position: relative;
margin: .8em 0 0 0;
padding: 15px 35px 15px 15px;
width: 65%; /* ボックス幅 */
background-color: #fff; /* ボックス背景色 */
color: #000; /* 文章色 */
border: 1px solid #ccc; /* 枠線 */
box-shadow: 1px 1px 1px #acacac; /* 影の色 */
font-weight: bold;
font-size: 1.1em;
}
.mitsumori_set::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #555555; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.mitsumori_set::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px; 
 right: 20px;
 border: solid 5px #fff; /*背景色と同じ色にする*/
 z-index: 2;
}
.mitsumori_set span{
background-color: #cc0000;
border-radius: 25px;
color: #fff;
font-weight: bold;
padding: .2em 1em;
margin-right: .5em;
}
.mitsumori_sr {
  margin-left: 20px;
}
.kakomi-tape3 {
 position:relative;
 padding: 35px 20px 15px;
 margin: 2.5em auto;
 width: 90%;
 color: #000; /* 文字色 */
 background-color: #e8ddbd;
 box-shadow: inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc;
}
.title-tape3 {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #555555; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.4);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-5deg);
font-size: 1.5em;
}
.flexbox_be {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flow_step {
    margin: 0px auto 40px auto;
}
.flow_step img{
  width: 100%;
}
.step{
  list-style-type: none;
  display:table;
  width:100%;
  padding:0;
  margin:0 0 10px 0;
  overflow:hidden;
}
.step li{
  display:table-cell;
  position:relative;
  background: #dd441b;
  padding: 7px 0;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.step li:last-child{
  padding-left: 1.5em;
}
.step li:last-child:before,
.step li:last-child:after{
  display:none;
}
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before{
  top:-15px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 33px 0 33px 1em;
  z-index: 10;
}
.step li:after{
  top:-15px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #dd441b;
  border-width: 33px 0 33px 1em;
  z-index: 10;
}
.step li.is-current{
  background: #568c17;
}
.step li.is-current:after{
  border-color: transparent transparent transparent #568c17;
}
.flow_step .flexbox_be{
  align-items: center;
}
.step_box{
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  text-align: center;
  width: 140px;
  min-height:145px;
}
.step_box img{
  max-width: 60px;
  margin-top: 10px;
}
.step_box p{
  font-size: 15px;
  font-weight: bold;
  color: #3a3a3a;
  line-height: 120%;
  margin: 0;
  padding: .2em 0;
  text-align: center;
}
.l_flow_con p span.under{
background: linear-gradient(transparent 70%,yellow 70%);
color:#cc0000;
font-weight: bold;
}
.step_num{
  border-bottom: 1px solid #e1e1e1;
  color: #007a43;
  font-weight: bold;
}
.step_arrow{
  width: 0;
  height: 0;
  border-left: 10px solid #e1e1e1;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.step_title{
  background-color: #007a43;
  text-align: left;
  padding: 7px 0;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}
.step_title span{
  font-weight: normal;
}
span.circle{
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #fff;
  text-align:center;
  line-height: 35px;
  margin: 0 10px;
  color: #007a43;
  font-size: 26px;
  font-weight: normal;
}
.l_flow_con p {
  padding: .3em 0 0 0;
}
.push_btn{
	margin: 0 auto 1em auto;
	text-align: center;
}
.l_flow_box {
border: 6px solid #e1e1e1;
border-radius: 6px;
background-color:#fff;
padding: 10px;
}
.step_title {
background-color: #007a43;
text-align: left;
padding: 7px 0;
color: #fff;
font-size: 22px;
font-weight: bold;
}
.l_flow_box img {
    float: left;
    margin: 10px 10px 0 0;
}
.l_flow_box h3 {
    text-align: left;
    border-bottom: 3px double #ccc;
    font-size: 20px;
margin: 5px 0 0 0;
padding-bottom: .2em;
}
.l_arrow {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 20px solid #88d1ac;
    margin: 15px auto;
}
.l_flow_box h3 span.free, .l_flow_box h3 span.toll {
background-color: #e42131;
border-radius: 4px;
padding: 2px 5px;
margin-right: 7px;
vertical-align: middle;
line-height: 100%;
font-size: 14px;
font-weight: normal;
color:#fff;
}
.l_flow_con p{
	padding: .5em 0 0 0;
}
.con_01 {
    background-image: url(/haka/build/images/bg_contents_01.png);
    background-position: center top;
    background-repeat: no-repeat;
	padding-bottom: 3em;
}
h3.step, h3.trouble{
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: .7em 0 0 0;
	border-bottom: 1px solid #093f6e;
}
h3.step a{
    font-weight: bold;
}
h3.step a span{
    font-weight: bold;
    color: #cc0000;
}
h3.step i{
	color: #093f6e;
	font-size: 1.5em;
}
h3.trouble i{
	color: #cc0000;
	font-size: 1.5em;
}
.cen_con {
    margin: 1em auto .5em auto;
    text-align: center;
}
.cen_con .btn_pop {
    padding: 0.6em 1.2em;
    font-size: 20px;
    font-weight: bold;
}
.btn_pop {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #7bae00;
  border: solid 2px #7bae00;
  border-radius: 3px;
  transition: .4s;
}

.btn_pop:hover {
  background: #7bae00;
  color: white;
}
.red_box p.pop_box.cen_txt{
	font-size: 1.4em;
}
.document h3 {
background-color:#7bae00;
color:#fff;
font-weight: bold;
border-radius: 25px;
font-size: 18px;
margin: 0 auto .4em auto;
width: 94%;
text-align: center;
}
.document ul.col_half, .document ul.col_full{
list-style: disc;
padding: 0 0 20px 70px;
}
.document ul.col_half li {
width: 48%;
float: left;
padding-bottom: .2em;
}
span.ryui {
color: #cc0000;
font-weight: bold;
padding-left: 2em;
}
.manner b.st_txt {
font-size: 1.1em;
color: #007130;
display: block;
border-bottom: 1px solid #007130;
}
.manner b.st_txt:before {
	content: "■";
}
.manner ul{
	margin: .3em 0 1em 2em;
}p.t_trouble{
	margin: .2em 0 .5em .5em;
	font-size: 1.1em;
	font-weight: bold;
}
ul.trouble_list li{
	font-size: 1.2em;	
}
ul.trouble_list li ul li{
	font-size: 95%;	
}
ul.trouble_list li ul.arrow li::before, ul.trouble_list li ul.disc li::before{
	left:63px;	
}
.map {
width: 96%;
margin: 0 auto;
 }
.row .col {
    -webkit-transition: all .3s;
    transition: all .3s;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.row .col.l5 {
    width: 41.66667%;
    margin-left: 0;
}
.row .col.l5 img{
	width: 100%;
	height: auto;
}
#area_inquiry {
    margin: 0 0 0 1%;
}
.row .col.l7 {
    width: 57.33333%;
    margin-left: 0;
}
#area_inquiry dl dt{
	color: #000;
	font-weight: bold;
	margin: .2em 0 0 0;
}
#area_inquiry dl dd a{
	color: #093f6e;
}
#area_inquiry dl dd a:hover{
	color: #006acc;
}
/* 主要都市 */
p.t_pref_city{
	margin: 0 0 .5em 0;
	padding: .2em 0;
	background-color: #007943;
	border-radius: 15px;
	text-align: center;
	width: 160px;
	color:#ffffff;
	font-weight: bold;
}
div.pref_city{
	margin: 0 1.5em;
}
div.pref_city a{
	border: 1px solid #ccc;
	margin: .1em 0;
	padding: .05em .5em;
	border-radius: 4px;
	line-height: 27px;
	font-size: 90%;
}
div.pref_city a:hover{
	background-color: #EFFFCD;
	color: #007130;
}
.sub_cv{
  margin: 30px auto;
  background-color: #007a43;
  text-align: center;
  border-radius: 10px;
  padding-top: .3em;
}
.inside_mail{
	float: left;
	margin: 0;
	padding: 0;
}
.inside_pf{
	float: right;
    margin: 0;
	padding: 0;
}
#foot_inquiry{
	border-top:2px solid #093f6e;
	height: 60px;
	background-color: #ffffff;
}
.side_nav{
	display: none;
}
/*------ エリアマップ ------*/
.prefmap iframe {
    border: 0;
    width: 500px;
    height: 500px;
}
.prefmap dt{
border-bottom: 1px solid #000;
font-weight: bold;
}
.prefmap dd{
margin-bottom: 1em;
}
/*------ /エリアマップ ------*/
h2.midashi{
	margin: .5em 0;
	background-color: #7bae00;
	color:#fff;
    font-weight: bold;
    border-radius: 25px;
    font-size: 18px;
    text-align: left;
	padding: .2em 0 0 1em;
}
.col4_box p.site_title {
    margin: 0;
    background-color: #006acc;
	color:#fff;
    text-align: center;
	font-size: 16px;
	line-height: 18px;
	padding: .2em 0;
}

/*------ box_set ------*/
.box_set {
    position: relative;
    margin: 1em 0 .5em 0;
    padding: 0.5em 1em;
    border: solid 2px #1968ac;
    border-radius: 8px;
}
.box_set .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #1968ac;
    font-weight: bold;
}
.box_set p {
    margin: 0; 
    padding: .5em 0;
	font-weight: bold;
}
.box_set p.pop_box {
	font-weight: normal!important;
}
.no_title{
	display: none;
}

@media only screen and (max-width: 768px){
.column_1, .contents_box, .container, .special_ser{
max-width: 768px;
width: 100%;
}
.cancel{
max-width: 748px;
}
p{
font-size: 14px;
}
.w1 img, .trend img, .fv_box img{
width: 100%;
}
.flow {
    width: auto;
}
.navToggle {
position: fixed;
}
.sp_head h1 {
padding-top: 10px;
}
.cancel p{
font-size: 80%;		
}
.w1 {
width: 94%;
}
.contents_box.w1 h2{
font-size: 120%;
padding: .3em 1em .1em 1em;
line-height: 1.2;
}
.ecosystem{
float: none;
width: 96%;
margin: 0 auto;		
}
.ecosystem_text {
float: none;
width: 100%;
}
p.pop_box, .manner p.text_box {
padding: .3em .1em;
}
.platformer {
    margin: .5em 0;
    padding: .5em;
}
.col_5 img{
width: 90%;
}
.l_flow_box img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
.hiddendiv.common{
height: 0px!important;
}
.r_img, .right_img{
width: 30%;		
}
.right_img{
width: 35%;		
}
.mitsumori_set {
    margin: .8em auto 0;
    width: 90%;
}
.sp_cv {
    background-color: #007a43;
    padding-bottom: 1px;
}
.sp_cv .col_1 {
    background-color: #fff;
    margin: -8px auto 10px auto;
    padding: 0.2em;
    width: 95%;
	text-align: center;
}
nav.globalMenuSp ul li {
    font-size: 14px;
    width: 50%;
    float: left;
}
nav.globalMenuSp ul li a {
    padding: 0.7em 0;
	background-color: rgba(255,255,255,0.8);
	color: #333;
}
nav.globalMenuSp ul li a:hover {
	color: darkgreen;
}
.sp_footer {
    width: 100%;
    position: fixed;
    bottom: -8px;
}
.sp_footer img{
width: 100%;
}
.return {
    position: relative;
}
.re_top{
  position: absolute;
  right: 0;
  bottom: 2px;
  text-align: center;
  background-color: #aaa;
  border-radius: 6px;
  width: 50px;
  padding: 10px 0 8px 0;
  margin: 0;
}
.re_top a i{
  color: #fff;
}
.column_1.bottom{
margin-bottom: 16%;
}
.sp_head p{
padding: .5em 0;
}
.prefmap iframe{
display: none;
}
h3.midashi {
    border: 2px solid #093f6e;
    border-radius: 6px;
    padding: .5em;
}
.flow .img_left {
    width: auto;
}
}
@media only screen and (max-width: 480px){
ul.disc li ul.disc li::before {
    left: 30px;
}
.flow .img_left {
    float: none;
    margin-right: 0px;
}
.w1 {
width: 90%;
}
.col_5 {
    width: 46.5%;
}
.news_box {
    width: 88%;
}
.news_box p {
    font-size: 20px;
    background: none;
}
.btn-flat-border {
    padding: 0.3em .5em;
    font-size: 1em;
}
.col_2.mokuji {
    border-right: none;
    margin-right: 0;
}
.col_2 {
    width: 100%;
}
.price .col_2, .merit .col_2 {
    width: 100%;
}
.about .col_3, .merit .col_3 {
width: 100%;
margin: 0 .2%;
}
.about .col_3 h3,{
  font-size: .8em;
}
.search_box {
  display: block;
}
.search_con1, .search_con2, .search_con3{
  width: 96%;
  text-align: center;
  margin: 2px auto 3px auto;
}
ul.check, ul.arrow, ul.point, ul.voice, ul.disc, ul.ng, ul.trouble_list{
  margin: .3em 0em .3em 1em;
}
ul.check li, ul.arrow li, ul.point li, ul.voice li, ul.disc li, ul.ng li, ul.trouble_list li {
font-size: 14px;
margin: 0 0 .3em 3px;
}
ul.check li::before, ul.arrow li::before, ul.point li::before, ul.voice li::before, ul.disc li::before, ul.ng li::before {
  left: 10px;
}
.l_flow_box img {
  height: 145px;
}
.right_img.pattern{
float: none;
width: 100%;		
}
.aimitsu {
margin: .5em auto;
width: 95%;
}
.mitsumori_sr {
  margin-left: 0;
}
.col4_box {
width: 46.5%;
}
h3.kansan {
font-size: 1.1em;
}
.cost_box .col_2 {
width: 100%;
}
p.cost_hikaku {
font-size: 1.4em;
}
ol.chigai {
margin: .3em 0em .5em .5em;
}
ol.chigai li {
font-size: 14px;
}
.red_box {
margin: .5em 0;
}
.red_box p.pop_box.cen_txt {
    font-size: .9em;
}
.document h3 {
	width: 92%;
    font-size: 15px;
	padding: .2em 1em;
	margin: 0 auto;
}
.document ul.col_half, .document ul.col_full {
	margin: 0 0 0 1em;
    padding: 0 0 20px 0;
}
.document ul.col_half li, .document ul.col_full li{
font-size: 14px;
}
span.ryui {
padding-left: 0;
}
h3.step, h3.trouble {
font-size: 1.05em;
}
h3.trouble i {
font-size: 1.3em;
}
ul.trouble_list li ul.arrow li::before, ul.trouble_list li ul.disc li::before{
	left:30px;	
}
.col2_box {
    width: 100%;
	margin-bottom: .5em;
}
.hakajimai_faq h3 {
    font-size: 1.1em;
    margin: .5em 0;
    line-height: 23px;
	padding-left: 50px;
}
.hakajimai_faq article {
    padding: .5em 0;
}
.hakajimai_faq h3::before, .hakajimai_faq div::before {
    width: 40px;
    height: 40px;
}
.read_txt p {
    padding: 0;
    font-size: 115%;
}
.about.economy .col_3 {
    width: 100%;
    margin: .5% auto;
}
.row .col.l5 {
    width: 96%;
    margin: .5em auto;
}
.row .col.l7 {
width: 96%;
}
div.pref_city {
    margin: .5em .2em;
}
.column_1.bottom{
margin-bottom: 14%;
}
.sp_head p {
padding: .5em 0;
width: 85%;
}
.cost_box .col_2.shuraku .kansan p.price span {
    font-size: 2em;
}
}
/*------ パターン ------*/
.contents_box1 {
    position: relative;
    margin: 1% 1% 3% 1%;
    padding: 10px;
    border: 1px solid #184281;
    border-radius: 6px;
    text-align: center;
    clear: both;
}
.contents_box1 h3 {
    background-color: #235eba;
    font-size: 1.3rem;
    color: #fff;
    padding: 7px 0 5px 0;
    border-radius: 6px 6px 0 0 / 6px 6px 0 0;
    margin: 0 auto 8px;
}
.contents_box1 img {
    width: auto;
}
.contents_box1 ul {
    text-align: left;
    margin: 0 0 15px 20px;
    list-style: disc;
    line-height: 140%;
}
.contents_box1 ul li {
    margin: .5em 0;
}
.contents_box3 {
  line-height: 225%;
}
/*
.contents_box4 {
  line-height: 380%;
}
*/
.contents_box3 p, .contents_box4 p {
  float: left;
  margin: 0;
  padding: 10px;
  font-weight: bold;
  color: #184281;
}
.contents_box3 p.waku, .contents_box4 p.waku {
  border: 1px solid #cccccc;
}
.contents_box4 p.waku.w_s{
    width: 28%;
}
.contents_box4 p.waku.w_m{
    width: 33%;
}
.img_right {
    float: right;
    margin: 0 0 10px 20px;
}

@media only screen and (max-width: 800px) {
  .contents_box1 img {
    width: 100%;
    margin: 0;
  }
}
/*------ 流れ ------*/
.flow {
    max-width: 930px;
    margin: 0 auto;
    padding: 20px;
    border: #fd5506 solid 2px;
    vertical-align: middle;
    text-align: center;
}
.flow h3 {
    border-bottom: #fd5506 solid 1px;
    border-radius: 0;
    font-size: 28px;
    color: #fd5506;
    background-image: none;
    border-top: 0px;
    border-left: 0px;
    border-right: 0;
    margin-top: 0;
}
.flow p {
    text-align: left;
}
/*------ / 流れ ------*/
.allow {
    text-align: center;
    margin: 0;
    color: #fd5506;
    font-size: 30px;
}
.img_left {
    float: left;
    margin-right: 10px;
}

@media only screen and (max-width: 800px) {
  .originalso1 h2 {
    font-size: 1.5rem;
  }
  .contents_box3 p, .contents_box4 p {
    float: none;
  }
  article.contents_box2 {
    width: auto;
  }
  article.contents_box2 p {
    font-size: 90%;
    padding: 0;
  }
  .flow h3 {
    font-size: 22px;
  }
  .contents_box h3, .contents_box1 h3 {
    font-size: 1.15rem;
  }
  .w2, .w3 {
    width: 100%;
  }
  .contents_box4 p.waku.w_s, .contents_box4 p.waku.w_m{
    width: auto;
  }
  .img_right {
    float: none;
  }
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/*------ 3バナー ------*/
.three_pop ul.bana{
margin: 0;
padding: 0;
list-style: none;
}
.three_pop ul.bana li{
width: 32.3%;
margin: 1em .5%;
float: left;
}
.three_pop ul.bana li img{
	width: 100%;
}

@media only screen and (max-width: 768px){
.three_pop ul.bana li{
width: 49%;
}
.three_pop ul.bana li img{
	width: 100%;
}
}
/*------ / 3バナー ------*/

/*------ 緊急対応 ------*/
.kinkyu_box {
    margin-top: 20px;
}
.kinkyu_box h2 {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	background-color: #cc0000;
	color: #ffff00;
	text-align: center;
	font-size: 2em;
	padding: 5px 0;
	margin-bottom: 8px;
	border-radius: 0;
}
.corona {
	display: flex;
	flex-wrap: wrap;
}

.corona .corona_col2 {
	width: 49.5%;
	margin-right: 1%;
}

.corona .corona_col2:last-of-type {
	margin-right: 0;
}

.corona .corona_col2 p {
	margin: 0;
}

.corona .corona_col2 p.t a {
	font-size: 1.5em;
	font-weight: bold;
}
.wine_red_t {
    color: #cc0000;
    font-weight: bold;
}
.read_more {
    text-align: center;
}
.read_more a {
    display: inline-block;
    position: relative;
    width: 240px;
    padding: 0.8em;
    border: 2px solid #ff8c00;
    color: #ff8c00;
    border-radius: 30px;
    background-color: #fff;
    font-size: 1.2em;
}
ul.mkj li span.txt_waku1, ul.sub_mkj li span.txt_waku1 {
    background-color: #cc0000;
    color: #fff;
    padding: 1px 3px;
}
@media screen and (max-width:768px) {
  .corona .corona_col2 {
	width: 100%;
	margin-right: 0;
  }
}
/*------ / 緊急対応 ------*/

/*------ コロナ搬送 ------*/
.fv_ct {
	max-width: 993px;
	margin: 0 auto;
	margin-bottom: 10px;
	border: 2px solid #235eba;
}

.fv_ct:first-of-type {
	margin-top: 10px;
}

.fv_ct p.t {
    margin: 0;
        margin-bottom: 0px;
    background-color: #235eba;
    text-align: center;
    font-weight: bold;
    padding: 5px 5px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 1.3em;
}
.fv_ct .fv_ct_col2 {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px 5px;
}
.fv_ct .fv_ct_col2 ul {
  width: 46.5%;
  margin-right: 1%;
  padding-left: 25px;
  list-style-type: disc;
}
.fv_ct .fv_ct_col2 ul:nth-child(2n) {
  margin-right: 0;
}
.fv_ct .fv_ct_col ul {
	margin-right: 1%;
    padding-left: 28px;
}
.fv_ct ul li {
    line-height: 1.6;
    font-size: 1.1em;
}
.icon_img {
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px;
}
.bold_t {
    font-weight: bold;
}
@media screen and (max-width:768px) {
  .fv_ct:last-of-type {
    margin-bottom: 0;
  }
  .fv_ct .fv_ct_col2 ul {
    width: 100%;
    margin-right: 0%;
  }
  .icon_img {
    width: 23px !important;
  }
}
/*------ / コロナ搬送 ------*/

nav {
    border-top: none;
}