@charset "utf-8";

.fm {
	font-size: 120%;
}

.bg_aqua {
    background: url(/img/bg_k.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
}

/* #mv */
/*
#mv{
	border-top:3px solid #0e9dff;
	overflow:hidden;
}
#mv h1{
	height:450px;
	background:url(../images/top/h1_bg.png)no-repeat center center;
	position:relative;
	z-index:1;
}
*/
#mv{
}
#mv p{
	/*padding:0 10px;*/
	line-height:60px;
	background:url(../images/top/point_bg.jpg)repeat-x center center;
	text-align: center;
}
#mv h1{
	background:url(../images/top/h1_bg.jpg)no-repeat center center;
	background-size:cover;
	position:relative;
}
#mv .bfh1{
	background:url(../images/top/h1_bg.jpg)no-repeat center center;
	background-size:cover;
	position:relative;
}

#mv figure{
	background-color:#0050b0;
}

#mv ul{
	padding: 50px 0 50px;/* 25px 0 15px */
	background-color:#002ad3;
	white-space:nowrap;
}
#mv ul li{
	display:inline-block;
	position:relative;
	margin:0 -0.3em;
	z-index:2;

}
@media screen and (max-width:1060px){
	#mv ul li{
		width:340px;
	}
}
#mv ul li img.icon{
	position:absolute;
	right:10px;
	transform:translateY(-65%);
}
#mv figure{
	background-color:#0050b0;
}



div.prev {
    width: 20px;
    height: 45px;
    position: absolute;
    top: 50%;
    /* margin-top: -45px; */
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    left: 0;
    background: url(../images/top/arrow.png) no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    z-index: 100;
}


/* .cont */
.cont{
}
.cont:nth-of-type(odd) h2{
	color:#fff;
}

@media (min-width:769px){
#warning .main,
#corona .main,
#syuzai .main,
#trouble .main,
#trouble_out .main,
#hosyou .main,
#maker .main,
#kouji .main {
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
}
}
/**/
#top_pick {
	padding: 10px 0;
	background: #0065b4;
	color: #fff;
	font-size: 85%;
	text-align: left;
	line-height: 1.6;
}
#top_pick img {
	vertical-align: bottom;
}
#top_pick .fs {
	font-size: 85%;
}
#top_pick .fm {
	font-size: 110%;
}
#top_pick .red {
	color: #EC1B23;
}
#top_pick .in_wide {
	width: 1100px;
	margin: auto;
	max-width: 100%;
}
#top_pick .box_out {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#top_pick .box_out .box {
	width: calc(50% - 20px);
	margin-bottom: 3px;
}
#top_pick .box {
	padding: 10px;
	background: #29ABE2;
	border-radius: 10px;
}
#top_pick .box .in {
	position: relative;
	height: 100%;
	padding: 50px 30px 30px;
	background: #F2F2F2 url("../images/top/bg_slash.png");
	border-radius: 10px;
	box-sizing: border-box;
	color: #0065B4;
	font-weight: bold;
}
#top_pick .box .in p.txt {
	margin-right: 164px;
	font-size: 48px;
	line-height: 1.2;
}
#top_pick .box .in p.img {
	position: absolute;
	right: 0;
	bottom: 25px;
}
#top_pick .box:nth-of-type(2) .in p.img {
	right: 20px;
}
#top_pick .new_box .in {
	padding: 30px 0;
}
#top_pick .new_box p {
	font-size: 47px;
	text-align: center;
}
.box_outside{
	margin: 0;
	color:#FFFFFF;
}
#top_pick #kuchikomi p {
	text-align: center;
}

#top_pick #kuchikomi img {
	margin: 0;
}

/**/
.cmn_discount {
	padding: 75px 0;
	background: url("../images/top/bg_k.jpg") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#cont1 .cmn_discount .main {
	max-width: 1100px;
	margin: auto;
	overflow: inherit;
}
.cmn_discount .box .red {
	color: #EC1B23;
	position: relative;
}
.cmn_discount .box .thin{
	font-size: 22px;
	font-weight: normal;
	color: #EC1B23;
	position: absolute;
	top: -20px;
	right: -10px;
}
.cmn_discount .box {
	border: 6px solid #0065B4;
	background: url("../images/top/bg_limit.jpg") no-repeat;
	position: relative;
	font-size: 55px;
	font-weight: bold;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
	color: #0065B4;
	padding: 45px 0 20px 200px;
	line-height: 1;
	box-shadow: 3px 3px 3px rgba(7,180,248,0.5);
}
.cmn_discount .box .yen {
	font-size: 100px;
}
.cmn_discount .box .yenyen {
	font-size: 65px;
}
.cmn_discount .box .limit {
	position: absolute;
	top: -50px;
	left: 20px;
	background: url("../images/top/ico_limit.png") no-repeat;
	width: 162px;
	text-align: center;
	font-size: 49px;
	line-height: 1;
	padding: 107px 0 48px;
	text-shadow: none;
}
.cmn_discount .box .fss {
	font-size: 14px;
	color: #333;
	text-shadow: none;
}
.cmn_discount .box .no {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	background: #0065b4;
	color:#FF0;
	width: 271px;
	height: 49px;
	padding: 13px 0 5px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	text-shadow: none;
}
.cmn_discount .box .no .fm{
	font-size: 70px;
}
.cmn_contact {
	background: #0065B4;
}
.cmn_contact .main {
	position: relative;
}
@media (min-width:769px){
	.cmn_discount .box .no {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		top: -71px;
		right: -30px;
		width: 400px;
		height: 90px;
	}
	.cmn_discount .box:before {
		position: absolute;
		content: "";
		left: 50%;
		bottom: -83px;
		margin-left: -50px;
		border: 50px solid transparent;
		border-top: 30px solid #0065B4;
	}
}

/*フリーダイヤル*/
.cmn_contact {
	background: #0065B4;
}
.cmn_contact .main {
	position: relative;
	width: 1100px;
	margin: auto;
	overflow: inherit;
}
.cmn_contact .ico {
	position: absolute;
	top: 5px;
	right: 15px;
	z-index: 10;
}
.cmn_contact .ico img {
	width: 165px;
	height: auto;
}
.cmn_contact h3 {
	text-align: center;
	color: #FFF;
	font-size: 44px;
}
.cmn_contact h3 .fm {
	font-size: 62px;
	color: #FFE400;
}
.cmn_contact .out {
	position: relative;
	z-index: 9;
}
.cmn_contact .box {
	box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.2) inset;
	padding-bottom: 30px;
	background: #fff;
	border-radius: 10px;
	padding: 20px 25px 15px;
	margin-bottom: 55px;
	text-align: center;
}
.cmn_contact .main:after,
.cmn_contact .box:after {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0px;
	content: "";
}
.cmn_contact .box .txt {
	text-align: center;
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: bold;
}
.cmn_contact .box .txt .red {
	color: #EC1B23;
	
}
.cmn_contact .box .txt .blue {
	color: #0065B4;
	font-size: 95%;
}

.cmn_contact .box .txt .blue .big {
	font-size: 55px;
}
.cmn_contact .box .tel {
	/*float: left;*/
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	pointer-events: none;
}
.cmn_contact .box .tel a{
	font-size: 82px;
	color: #000;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
	background: url(../images/top/free.png) no-repeat left center;
	padding-left: 110px;
	line-height: 1;
}
.cmn_contact .box .mail a {
	display: inline-block;
	background: url(../images/top/mail02.png) no-repeat left 15px center, -webkit-gradient(linear, left top, left bottom, from(#29ABE2), to(#0071BC));
	background: url(../images/top/mail02.png) no-repeat left 15px center, -webkit-linear-gradient(top, #29ABE2, #0071BC);
	background: url(../images/top/mail02.png) no-repeat left 15px center, -moz-linear-gradient(top, #29ABE2, #0071BC);
	background: url(../images/top/mail02.png) no-repeat left 15px center, -o-linear-gradient(top, #29ABE2, #0071BC);
	background: url(../images/top/mail02.png) no-repeat left 15px center, linear-gradient(to bottom, #29ABE2, #0071BC);
	background-size: 37px auto;
	border: 3px solid #29ABE2;
	border-radius: 5px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
	box-shadow: 2px 2px rgba(0,0,0,0.2);
	line-height: 1;
	position: relative;
	padding: 20px 20px 20px 65px;
}
.cmn_contact .box a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*全額返金保証*/
.henkin {
	/*background: url(../images/top/bg_k.jpg) no-repeat;
	-webkit-background-size: cover;*/
	padding-bottom: 50px;
}
.henkin .henkin_txt {
	margin: 0 auto;
}
h3.henkin_ttl {
	color: #fff;
	background: #14b8c4;
	font-size: 42px;
	text-shadow: 2px 2px 0 rgb(0 0 0 / 30%);
	text-align: center;
	cursor: pointer;
	position: relative;
	padding: 15px 0 10px;
	margin-top: 20px;
}
h3.henkin_ttl::before {
	content: "\025bc";
	color: #fff;
	position: absolute;
	top: 18px;
	left: 60px;
	display: block;
	-webkit-transform: scaleX(1.3);
	transform: scaleX(1.3);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 35px;
}
h3.henkin_ttl.open::before {
	-webkit-transform: scaleX(1.3) rotate(180deg);
	transform: scaleX(1.3) rotate(180deg);
}
h3.henkin_ttl::after {
	content: "\025bc";
	color: #fff;
	position: absolute;
	top: 18px;
	right: 60px;
	display: block;
	-webkit-transform: scaleX(1.3);
	transform: scaleX(1.3);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 35px;
}
h3.henkin_ttl.open::after {
	-webkit-transform: scaleX(1.3) rotate(180deg);
	transform: scaleX(1.3) rotate(180deg);
}
.henkin_open {
	display: none;
	padding: 20px;
}


/**/
#movie {
	background: #c5daef;
	padding: 10px 0;
}
#movie p.playback {
	color: #ffd700;
	font-weight: bold;
	text-shadow:1px 1px #00bfff,-1px 4px #00bfff,-1px -1px #00bfff,1px -1px #00bfff,1px 0px #00bfff,0px 1px #00bfff,-1px 0px #00bfff,0px -1px #00bfff;
}
#movie .cm {
	font-size: 40px;
}
#movie .playback {
	max-width: 900px;
	margin: 0 auto;
	font-size: 25px;
	text-align: left;
}
#movie .movie_new {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	max-width: 900px;
	display: block;
	margin: auto;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/*youtubeスライド*/
#youtube {
	padding: 30px 0;
	text-align: center;
}
#youtube .slick-slide {
	margin: 0 10px;
}
@media screen and (max-width:768px){
	#youtube {
		padding-left: 30px;
		padding-right: 30px;
	}
	#youtube .slick-slide {
		margin: 0;
	}
}
#youtube.main {
	overflow: visible;
	padding: 45px 0 45px;
}
#youtube .b {
	font-size: 32px;
	text-align: center;
	color: #0065b4;
	font-weight: bold;
	margin: 20px auto;
}


/**/
#contents01 {
	background: url(../images/top/bg01.png) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	text-align: center;
	padding: 50px 0;
}
#contents01 .sub {
	text-align: center;
	margin-bottom: 20px;
}
#contents01 .line {
	display: inline-block;
	font-size: 43px;
	font-weight: bold;
	line-height: 0.2;
	border-bottom: 20px solid #E5E5E5;
	margin-bottom: 40px;
	padding: 0 10px;
}

/**/
#trouble {
	background: #c5daef;
	padding: 50px 0 0px;
	/*position: relative;*/
}
/*#trouble:before {
	position: absolute;
	content: "";
	left: 50%;
	top: 0;
	margin-left: -85px;
	border: 85px solid transparent;
	border-top: 51px solid #fff;
}*/
#trouble .main {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 1100px;
	margin: auto;
}

/*作業内容*/
#trouble .detail .wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-flow: wrap;
	margin-bottom: 100px;
}
#trouble .detail dl.detail_in {
	width: 24%;
	padding: 20px 20px 0;
	border-radius: 15px;
	box-sizing: border-box;
	border: solid 8px #29abe2;
	background: #F2F2F2 url(../images/top/bg_slash.png);
	position: relative;
	height: 575px;
}
#trouble .detail dl.detail_in::after {
	position: absolute;
	content: '';
	display: inline-block;
	background-image: url(../img/detail_btm.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 250px;
	height: 103px;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 0;
}
#trouble .detail dl.detail_in .pop {
	position: relative;
}
#trouble .detail dl.detail_in .pop::before {
	position: absolute;
	content: '';
	display: inline-block;
	background-image: url(../img/detail_pop.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 80px;
	height: 80px;
	left: 80px;
	top: -45px;
}
#trouble .detail dl.detail_in dt b.blue {
	color: #0065B4;
	font-size: 22px;
	display: block;
	line-height: 1.4;
}
#trouble .detail dl.detail_in dt img {
	margin: 10px 0 20px;
}
#trouble .detail .detail_in .more_in {
	padding: 0;
}
#trouble .detail .detail_in .more_in dt {
	text-align: left;
	font-weight: bold;
	font-size: 90%;
}
#trouble .detail .detail_in .more_in dd {
	padding: 0;
	margin-bottom: 10px;
	font-size: 90%;
	position: relative;
}
#trouble .detail .detail_in .more_in dd.time {
	font-weight: bold;
	color: #29abe2;
}
#trouble .detail .detail_in .more_in dd.yen {
	position: absolute;
	z-index: 99;
}

#trouble .detail .detail_in .more_in dd.yen span {
	font-weight: bold;
	font-size: 30px;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
	color: red;
	margin-bottom: 0;
}

/**/

#trouble .box {
	float: left;
	width: 48%;
	background: #fff;
	margin-bottom: 70px;
}
#trouble .box:nth-of-type(even){
	margin-left: 4%;
}
#trouble h3 {
	background: url("../images/top/bg_slash_blue.png");
	color: #fff;
	font-size: 41px;
	height: 172px;
	box-sizing: initial;
	position: relative;
	text-align: center;
}
#trouble h3 b {
	font-size: 50px;
}
#trouble h3 .img_rit {
	background: url("../images/top/bg_slash_blue.png");
	padding-bottom: 0;
	position: relative;
	top: -10px;
	margin-bottom: -20px;
}
#trouble h3 .img_rit img {
	height: 80px !important;
}
#trouble h3 .case {
	display: inline-block;
	border-radius: 50%;
	width: 88px;
	height: 73px;
	padding-top: 15px;
	font-size: 25px;
	color: #fff;
	background: #29abe2;
	text-align: center;
	line-height: 1.1;
	vertical-align: middle;
	margin-right: 15px;
	position: absolute;
	top: -10px;
	left: 5px;
}
#trouble h3 .case .no{
	font-size: 33px;
}
#trouble h3 .last_box {
	position: absolute;
	top: 78px;
	left: -16px;
}
#trouble h3 .text {
	font-size: 24px;
	line-height: 3;
	padding-left: 0;
}
#trouble h3 .text2 {
	font-size: 24px;
	color: #0065B4;
	background: #fff;
	padding: 4px 4px 2px;
	display: inline-block;
	border-radius: 2px;
	position: absolute;
}
#trouble dl dt {
	text-align: center;
	
}
#trouble dl dt img {
	width: 100%;
	height: auto;
}
#trouble dl dd {
	padding: 20px;
}
#trouble dl dd ul {
	list-style: none;
	text-align: left;
}
#trouble dl dd ul li{
	background: url("../images/top/chk.png") no-repeat left top;
	padding-left: 30px;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
}
#trouble dl dd ul li:last-of-type{
	margin-bottom: 0;
}
#trouble_yen {
	background: url("../images/top/bg_dot.png");
}
#trouble_yen .cmn_yen {
	position: relative;
	padding: 50px 0;
}


	
/*対応不可のトラブル例*/
#trouble_out {
	background: #c5daef;
	padding: 0;
}
#trouble_out .main {
	padding: 0;
}
#trouble_out .box {
	background: #fff;
	margin-bottom: 70px;
	padding-top: 20px;
}
#trouble_out .box h3 {
	color: #095fa7;
	font-size: 42px;
	text-shadow: 2px 2px 0 rgb(0 0 0 / 30%);
	text-align: center;
	cursor: pointer;
	position: relative;
	padding-bottom: 10px;
}
#trouble_out .box h3::before {
	content: "\025bc\025bc";
	color: #0065b4;
	position: absolute;
	top: 8px;
	left: 60px;
	display: block;
	-webkit-transform: scaleX(1.3);
	transform: scaleX(1.3);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 35px;
}
#trouble_out .box h3.open::before {
	-webkit-transform: scaleX(1.3) rotate(180deg);
	transform: scaleX(1.3) rotate(180deg);
}
#trouble_out .box h3::after {
	content: "\025bc\025bc";
	color: #0065b4;
	position: absolute;
	top: 8px;
	right: 60px;
	display: block;
	-webkit-transform: scaleX(1.3);
	transform: scaleX(1.3);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 35px;
}
#trouble_out .box h3.open::after {
	-webkit-transform: scaleX(1.3) rotate(180deg);
	transform: scaleX(1.3) rotate(180deg);
}
#trouble_out .box .in {
	display: none;
	padding: 20px;
	border-top: solid 1px #0065b4;
}
#trouble_out .box .in .flex {
	/*display: none;*/
	margin-top: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1100px;
	margin: auto;
}
#trouble_out .box .in ul:first-of-type {
	width: 54%;
	margin-left: 20px;
}
#trouble_out .box .in ul {
	width: 40%;
	margin-left: 20px;
}
#trouble_out .box .in ul li {
	width: 100%;
	background: url(../images/top/chk.png) no-repeat left top;
	padding-left: 30px;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
	text-align: left;
}

/*他社との料金比較*/
#r_hikaku  {
	padding: 0 0 50px;
	font-size: 20px;
	background: url(../images/top/bg_r.jpg) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#r_hikaku .main {
	width: 1100px;
	margin: auto;
}
#r_hikaku h3.title {
	font-size: 46px;
	text-align: center;
}
#r_hikaku p.title_s {
	margin-bottom: 10px;
}
#r_hikaku p {
	color: #333;
}
#r_hikaku .wrap{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	width:1000px;
	margin: 0 auto;
	
}
#r_hikaku .wrap table{
	margin:2em auto;
	text-align:center;
}
#r_hikaku .wrap table th,
#r_hikaku .wrap table td{
	padding:12px 20px 12px 12px;
	line-height:1.3;
	background-color:#fff;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	border-radius: 5px;
	height: 62px;
}
#r_hikaku .wrap table th{
	white-space:nowrap;
	background-color:#746F6F;
	color: #fff;
}
#r_hikaku .wrap table th.none {
	background: none;
	border: none;
	width: 100px;
	box-shadow: none;
}
#r_hikaku .wrap table th.fuji {
	font-size: 27px;
	width: 460px;
	height: 62px;
	text-shadow: 2px 2px #000;
}

#r_hikaku .wrap table td.fuji {
	font-weight: bold;
	background-color:#746F6F;
	padding: 5px;
}
#r_hikaku .wrap table td.fuji span {
	width: 100%;
	height: 100%;
	background: #fff;
	display: inline-block;
	border-radius: 5px;
	font-size: 24px;
	padding: 10px;
}
#r_hikaku .wrap table td.fend span {
	padding: 0;
}
#r_hikaku .wrap .scroll {
	margin-left: 5px;
}
#r_hikaku .wrap .scroll table th.other {
	width: 220px;
	height: 62px;
	border-left:0;
}
#r_hikaku .wrap .scroll table td {
	width: 220px;
	height: 62px;
	border-left:0;
}

/**/


#r_hikaku  {
	padding: 0;
	font-size: 20px;
	background-size: 100%;
	background: url(../images/top/bg_r.jpg) no-repeat;
}
#r_hikaku .main {
	width: 1100px;
	margin: auto;
}
#r_hikaku h3.title {
	font-size: 46px;
	text-shadow: 2px 2px 0 rgb(0 0 0 / 30%);
	text-align: center;
	color: #1A69B1;
}
#r_hikaku .scroll table{
	margin:2em auto;
	text-align:center;
}
#r_hikaku .scroll table th,
#r_hikaku .scroll table td{
	padding:12px 20px 12px 12px;
	line-height:1.3;
	background-color:#fff;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	border-radius: 5px;
	height: 62px;
}
#r_hikaku .scroll table th{
	white-space:nowrap;
	background-color:#746F6F;
	color: #fff;
}
#r_hikaku .scroll table th.none {
	background: none;
	border: none;
	box-shadow: none;
}
#r_hikaku .scroll table th.fuji {
	font-size: 28px;
	color: #fff;
	background-color:#1A69B1;
	border-right: solid 5px #1A69B1;
	border-left: solid 5px #1A69B1;
	border-radius: 5px;
	text-shadow: 2px 2px #000;
}
#r_hikaku .scroll table td.fuji{
	border-right: solid 5px #1A69B1;
	border-left: solid 5px #1A69B1;
	border-radius: 5px;
	font-weight: bold;
}
#r_hikaku .scroll table tr:last-of-type td.fuji{
	border-bottom: solid 5px #1A69B1;
}



/**/
#hosyou .main {
	margin: 0 auto;
	background: #fff;
	padding: 30px 0 60px;
}
#hosyou img {
	margin-bottom: 20px;
	width: 70%;
}
#hosyou .fs10 {
	font-size: 13px;
	margin-bottom: 30px;
}
#hosyou h3 {
	font-size: 36px;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 20px;
	color: #0065b4;
}
#hosyou h3.sub2 {
	font-size: 44px;
	text-align: center;
	background: #0065B4;
	color: #fff;
	padding: 10px 0;
}
#hosyou .waku,
.henkin .waku {
	text-align: center;
	border: solid 5px #0065b4;
	padding: 10px 0;
	color: #0065b4;
	font-size: 32px;
	font-weight: bold;
	background: #fff;
}

#hosyou .waku .sec,
.henkin .waku .sec {
	display: inline-block;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 30px;
	color: #ffe400;
	background: #29abe2;
	text-align: center;
	line-height: 1.8;
	vertical-align: middle;
	margin-right: 20px;
}

#hosyou .box {
	background: #deeeff;
	border-radius: 10px;
	padding: 30px;
	margin: 20px 0 0;
}

#henkin_link .main {
	max-width: 1100px;
}

.anshin.main {
	max-width: 1100px;
	margin: auto;
}

/*コロナウイルス対策*/
#corona {
	background: #29abe2 url("../images/top/bg_sky.png") center / cover no-repeat;
	padding: 50px 0;
}
#corona .main {
	width: 1100px;
	margin: auto;
}
#corona .box {
	background: rgba(255,252,252,0.4);
	padding: 20px;
}
#corona .box .corona_ttl {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	position: inherit;
}
#corona .box .btn_out {
	background: #fff;
	text-align: center;
	padding-bottom: 40px;
}
#corona .box .btn_out .btn {
	text-align: center;
	font-weight: normal;
	border-radius: 10px;
	border: 2px solid #000;
	padding: 5px 15px;
	cursor: pointer;
	width: 145px;
	margin: 0 auto;
}
#corona .box .btn_out .btn a {
	display: inline-block;
	text-decoration: none;
	color: #000;
}
#corona ul {
	background: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 40px;
	position: relative;
}
#corona ul:first-of-type {
	padding-bottom: 0;
}
#corona .btn_out .btn_in ul {
	padding-top: 0;
}
#corona .box p {
	position: absolute;
	bottom: 0;
	right: 70px;
	margin-bottom: -40px;
}
#corona ul::before{
  content:"";
  display: block;
  width:30%;
  order:1;
}
#corona ul::after{
  content:"";
  display: block;
  width:30%;
}
#corona ul li {
	list-style: none;
	width: 30%;
	text-align: center;
	margin-bottom: 30px;
}
#corona ul li img {
	width: 100%;
	padding: 10px 0;
}
#corona .box .btn_out .corona_in {
	display: none;
}


/*無料追加サービス*/
.new_camp {
	background: url("../images/top/new-camp.png") no-repeat center;
	background-size: 100%;
	height: 300px;
}
.new_camp .in {
	max-width: 1100px;
	margin: 0 auto;
}
.new_camp .box {
	padding: 15px 50px;
	position: relative;
}
.new_camp .box h3 {
	font-size: 44px;
	text-align: center;
}
.new_camp .box .img_camp {
	position: absolute;
	bottom: 0;
	left: 0;
}
.new_camp .box .txt {
	margin-left: 350px;;
	background: #fff;
	border-radius: 10px;
	padding: 20px 40px;
	box-shadow: 2px 2px 8px rgb(0 0 0 / 30%);
	margin-bottom: 5px;
}
.new_camp .box .txt p {
	font-size: 34px;
	font-weight: bold;
	color: #0065b4;
	margin-bottom: 0;
}




/*CM*/
h3.sub2 {
    font-size: 44px;
    text-align: center;
    background: #0065B4;
    color: #fff;
    padding: 10px 0;
}

#movie {
	background: url(../images/top/bg_k.jpg) no-repeat;
	padding: 30px 0 30px;
	background-size: 100%;
}
#movie .main {
	max-width: 1100px;
}
#movie .in {
	background: #fff;
	margin: 0 auto 20px;
	padding: 30px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}
#movie .in h3 {
	font-size: 40px;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 20px;
	color: #0065b4;
}
#movie .in .movie_new {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	max-width: 900px;
	display: block;
	margin: auto;
}

#movie .cm_txt {
	width: 30em;
	margin: 20px auto;
	padding-left: 60px;
}
#movie .cm_txt li {
	list-style: disc;
}
#movie .box2 {
	width: 92%;
	margin: 0 auto 0;
}
#movie .box2 .slick-slide {
	height: 70%;
}
#movie .box2 .txt {
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #0065B4;
	padding: 5px 0;
	margin-top: 2px;
	font-size: 18px;
}


/*テレビ取材を受けました！*/
#syuzai {
	background-size: 100%;
}
#syuzai .main {
	width: 1100px;
	margin: auto;
}
#syuzai .in {
	background: #fff;
	margin: 0 auto 20px;
	padding: 30px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}
#syuzai .in h3 {
	font-size: 40px;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 0;
}
#syuzai .in .wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#syuzai .in .wrap ul {
	width: 40%;
	padding: 0 0 20px 30px;
	text-align: left;
}
#syuzai .in .wrap ul li {
	width: 100%;
	padding-left: 0;
	list-style: disc;
}
#syuzai .in .wrap .tv_photo {
	width: 60%;
}
#syuzai .in .wrap .tv_photo img {
	height: 200px;
}
/**/
#client {
	background: url(../images/top/bg_w.jpg) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	padding: 0 0 45px;
}
#client .main {
	max-width: 1100px!important;
	margin: auto;
}
#client h3 {
	font-size: 44px;
	text-align: center;
	margin-bottom: 30px;
	color: #0065b4;
}
#client .wrap {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	border: solid #29abe2 10px;
	margin-bottom: 10px;
}
#client .wrap p {
	margin-top: 10px;
}
#client .wrap p img {
	height: 32px;
}
#client p.rit {
	text-align: right;
	font-size: 85%;
}

.bg_w{
background: #fff;
}
#warning {
    padding: 40px 0;
    margin: 0 auto;
    width: 1100px;
}
#warning h4 {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	line-height: 0.4;
	border-bottom: 20px solid #E5E5E5;
	margin: 25px auto 30px;
	width: 500px;
}
#warning .ruiji {
	padding: 0 130px 30px;
}
#warning .box_out {
    background: #000;
    padding: 10px;
}
#warning .box_in {
    background: #FF0;
    padding: 10px;
}
#warning .box_w {
    background: #FFF;
    padding: 10px;
    position: relative;
}
#warning .box_w img {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 10%;
}
#warning h3 {
    text-align: center;
    font-size: 44px;
    font-weight: bold;
    line-height: 0.4;
    border-bottom: 20px solid #E5E5E5;
    margin: 25px auto 10px;
		width: 660px;
}
#warning .box {
    padding: 0 20px;
		text-align: center;
}
#warning .box p {
    font-size: 130%;
    margin-bottom: 20px;
}
#warning .box .btn {
    border-radius: 10px;
    border: 2px solid #000;
    display: inline-block;
    padding: 5px 15px;
    cursor: pointer;
		text-align: center;
		margin:0 auto;
}
#warning .box #warning_txt {
	margin-bottom: 20px;
	display: none;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
}
#warning .box #warning_txt .cen {
	text-align: center;
}
#warning .box dl dt {
    font-size: 130%;
    margin-bottom: 20px;
}
#warning .box #warning_txt dl dt span.b {
    background: linear-gradient(transparent 60%, #E5E5E5 60%);
    /*border-bottom: 10px solid #E5E5E5;*/
    font-weight: bold;
    line-height: 1;
    display: inline-block;
}
#warning .box #warning_txt dl dd {
    margin-bottom: 30px;
    margin-left: 20px;
    font-size: 110%;
}

/* #cont2 */
#cont2{
	padding-bottom:20px;
	background:url(../images/top/cont2_bg.png) center top;
}
#cont2 > ul{
	width:1000px;
	margin:auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont2 > ul > li{
	width:480px;
	margin-top:40px;
	padding:20px;
	background-color:#fff;
	border-radius:20px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.5);
	text-align:left;
}
#cont2 > ul > li h3{
	margin-top:10px;
	font-size:30px;
	color:#0f163a;
}
#cont2 > ul > li h3 span{
	margin-left:0.5em;
	font-size:18px;
	vertical-align:middle;
}
#cont2 > ul > li p{
	font-size:25px;
	font-weight:bold;
	color:#0f163a;
}
#cont2 > ul > li p > span{
	color:#ff9800;
}
#cont2 > ul > li p > span span{
	font-size:54px;
	font-weight:900;
	line-height:0.6;
}
#cont2 > ul > li ul{
	margin-top:20px;
	padding-top:20px;
	border-top:1px dotted;
	display: -webkit-flex;
	display: flex;
	webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont2 > ul > li ul li{
	width:50%;
	padding-left:30px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:left;
	background:url(../images/top/cont2_check.png)no-repeat left top;
}


/* #cont3 */
#cont3{
	padding:80px 0 100px;
	background:url(../images/top/cont3_bg.png)no-repeat center top;
}
@media screen and (min-width:1600px){
	#cont3{
		background-size:100% auto;
	}
}
#cont3 ul{
	width:1000px;
	margin:50px auto 0;
}
#cont3 ul li{
	height:204px;
	margin-top:30px;
	padding:40px 20px 0 130px;
	text-align:left;
	background-color:#fff;
	border-radius:20px;
	position:relative;
	box-shadow:5px 5px 10px rgba(0,0,0,0.5);
}
#cont3 ul li > span{
	display:block;
	width:94px;
	height:157px;
	padding-top:45px;
	display:block;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:url(../images/top/cont3_icon.png)no-repeat left top;
	position:absolute;
	left:20px;
	top:-17px;
}
#cont3 ul li > span span{
	line-height:0.9;
	display:block;
	font-size:64px;
	color:rgba(255,255,255,0.4);
	transform:scaleX(1.3);
}
#cont3 ul li h3{
	font-size:30px;
}
#cont3 ul li h3 span{
	color:#002ad3;
}


/* #cont4 */
#cont4{
	padding-bottom:20px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #0065B4 url(../images/top/bg_slash02.png);
}
#cont4.cont{
	overflow: visible;
}

#cont4 h2 {
	color: #fff;
}
#cont4 #cont4_box > ul{
	width:1000px;
	margin:0 auto ;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont4 #cont4_box > ul > li{
	width:480px;
	margin-top:30px;
	padding:15px 15px 20px;
	background-color:#fff;
	border-radius:20px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.5);
	text-align:left;
}
#cont4 #cont4_box > ul > li dl dt{
	margin-bottom:0.8em;
	line-height:40px;
	font-size:20px;
	font-weight:bold;
	background-color:#ff9800;
	color:#fff;;
	text-align:center;
}
#cont4 #cont4_box > ul > li dl dd{
	display:inline-block;
	margin-right:0.5em;
}
#cont4 #cont4_box > ul > li dl dd:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1em;
	height:1em;
	margin-right:0.1em;
	background-color:#002ad3;
	border-radius:50%;
}
#cont4 h3 {
    position: relative;
    font-size: 44px;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}
#cont4_box {
    display: none;
}

#cont4 span.btn {
    cursor: pointer;
    font-size: 20px;
    color: #FFF;
    margin-right: -80px;
}
#cont4 p.ico {
    position: absolute;
    top: -57px;
    right: calc(50% - 245px);
    z-index: 10;
}
#cont4 p.ico img {
    width: 143px;
    height: auto;
}
#cont4 p.btn {
    cursor: pointer;
    color: #0065b4;
    padding: 10px 20px;
    background: #fff;
    width: auto;
    display: inline-block;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 130%;
}


/* #cont5 */
#cont5{
	padding-bottom: 10px;
	background-color:#e3f5ff;
}
#cont5 h2 {
	color: #002AD3;
}
#cont5 ol li{
	padding: 30px 0 30px;
	position:relative;
	background:url(../images/top/cont5_bg.png)no-repeat center top;
}
@media screen and (min-width:1600px){
	#cont5 ol li{
		background-size:100% auto;
	}
}

#cont5 ol li:first-child{
	padding-top:50px;
}
#cont5 ol li:nth-child(n+2):before{
	display: none;
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 58px 58px 0 58px;
	border-color: #002ad3 transparent transparent transparent;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
#cont5 ol li h3{
	font-size:30px;
}
#cont5 ol li h3 > span{
	width:92px;
	display:block;
	margin:0 auto 40px;
	font-size:15px;
	color:#fff;
	position:relative;
	z-index:2;
}
#cont5 ol li h3 > span span{
	display:block;
	line-height:0.7;
	font-size:34px;
}
#cont5 ol li h3 > span:before{
	content:'';
	display:block;
	width:100%;
	padding-top:100%;
	background-color:#ff9800;
	border-radius:50%;
	position:absolute;
	left:50%;
	top:50%;
	z-index:-1;
	transform:translate(-50%,-50%);
}
#cont5 ol li h3 + p{
	max-width:700px;
	margin:10px 0 40px;
	display:inline-block;
	text-align:left;
}
@media print, screen and (min-width:769px){
	#cont5 ol li figure img {
		height: 1200px;
	}
}
/*お問合せからお支払いまで*/
#cont5 .contact_pay {
	margin: 0 auto 20px;
	text-align: center;
}

/* #cont6 */
#cont6{
	background-color:#002ad3;
}
#cont6 h2 {
	color: #fff;
}
#cont6 dl div{
	width:1000px;
	margin:30px auto;
	padding:20px 0 10px;
	background-color:#fff;
	border-radius:20px;
}
#cont6 dl div dt{
	margin-bottom:20px;
	font-size:20px;
	font-weight:900;
}


/* #cont7 */
#cont7{
	padding:10px 0;
	background:url(../images/top/cont7_bg.jpg) center top;
}
#cont7 h2{
	margin-bottom:30px;
	color:#000;
}
#cont7 ul{
	width:1000px;
	margin:auto;
}
#cont7 ul li{
	height:290px;
	margin:20px 0;
	padding:20px 30px 0 220px;
	background-color:#fff;
	border-radius:20px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.5);
	position:relative;
	text-align:left;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#cont7 ul li h3{
	font-size:30px;
	color:#002ad3;
}
#cont7 ul li figure{
	position:absolute;
	left:30px;
	top:20px;
}
#cont7 ul li figure figcaption{
	font-weight:bold;
	line-height:1.2;
	text-align:center;
}
#cont7 ul li p{
	font-weight:normal;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing:-0.05em;
}


/*--------------------------------------------------
  ご利用者様の声
--------------------------------------------------*/
#voice {
	background: url("/img/bg_voice.jpg") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	padding: 70px 0 20px;
}
#voice .main {
	width: 1100px;
	margin: auto;
}
#voice h3{
	font-size: 50px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 60px;
}
#voice #slideshow {
	line-height: 0;
	font-size: 0; 
}
#voice .slick-slide {
	height: 60%!important;
}
#slideshow {
	display: flex;
	flex-wrap: wrap;
}

#voice .slick-prev {
    left: -87px!important;
}
#voice dl{
	background: #f4f4f4;
	border-radius: 6px;
	width: 515px!important;
	margin: 0 10px;
	line-height: 1.2;
}
#voice dl dt {
	padding: 20px;
	position: relative;
	display: flex;
	flex-flow: wrap;
}
#voice dl dt .img {
	display: inline-block;
	margin-right: 30px;
}
#voice dl dt .hoshi {
	display: flex;
	flex-flow: wrap;
	margin-top: 40px;
}
#voice dl dt .mark {
	position: absolute;
	top: 20px;
	right: 20px;
}
#voice dl dt .sub {
	display: inline-block;
	color: #1a73e8;
	font-size: 25px;
	font-weight: bold;
	position: relative;
	top: -15px;
}
#voice dl dt .txt {
	font-size: 16px;
	color: #8B8B8B;
	font-weight: normal;
}
#voice dl dd {
	padding: 0 30px 20px;
	font-size: 16px;
	line-height: 1.8;
	min-height: 170px;
}

#voice dl dd .hoshi img {
	margin-right: 5px;
}

.more_area {
	padding-top: 60px;
	padding-bottom: 30px;
	display: none;   /* エリアは最初閉じる */
}
.more_area .box {
	display: none;   /* boxはJSで順に表示 */
}
.more_area .box_in {
	padding: 20px;
	background: #f4f4f4;
	border-radius: 6px;
	line-height: 1.2;
	display: flex;
	flex-flow: wrap;
	margin-bottom: 20px;
}
.more_area .box_in .img {
	width: 170px;
}
.more_area .box_in .img img {
	width: 145px;
	padding: 16px;
}
.more_area .box_in .in {
	position: relative;
	width: calc(100% - 200px);
	padding-top: 10px;
}

.more_area .box_in .in .mark {
	position: absolute;
	top: 0;
	right: -30px;
}
.more_area .box_in .in .sub {
	display: inline-block;
	color: #0065b4;
	font-size: 27px;
	font-weight: bold;
}
.more_area .box_in .in .txt {
	font-size: 16px;
	color: #8B8B8B;
	font-weight: normal;
	padding-top: 5px;
	display: inline-block;
}
.more_area .box_in .in .hoshi {
	display: flex;
	flex-flow: wrap;
	margin-top: 10px;
}
.more_area .box_in .in .txt2 {
	font-size: 16px;
	line-height: 1.8;
	color: #000;
	padding-top: 20px;
	margin-bottom: 0;
	border-top: solid 1px #999;
}

.more_btn {
	margin-top: 100px;
	margin-bottom: 50px;
	text-align: center;
	user-select: none;
	position: relative;
	z-index: 1;
}
.more_btn span {
	cursor: pointer;
	color: #0065b4;
	padding: 10px 20px;
	background: #fff;
	border-radius: 10px;
	font-size: 130%;
}
.more_btn.is-close {
	color: #0065b4;
	padding: 10px 20px;
	background: #fff;
	border-radius: 10px;
}

#voice p.btn {
	cursor: pointer;
	color: #0065b4;
	padding: 10px 20px;
	background: #fff;
	width: auto;
	display: inline-block;
	border-radius: 10px;
	margin: 30px auto;
	text-align: center;
	font-size: 130%;
}
#voice p.btn:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* #cont8/#cont12 */

#cont12{
	padding:10px 0;
	background-color:#e3f5ff;
}

#cont12 h2{
	color:#002ad3;
}

#cont12 ul{
	width:1000px;
	margin:auto;
}

#cont12 ul li{
	padding:20px 0;
	border-bottom:1px dotted;
}

#cont12 ul li:last-child{
	border-bottom:none;
}

#cont12 ul li a{
	display:block;
	text-align:left;
}

#cont12 ul li a dt{
	width:86px;
	line-height:25px;
	margin-top:4px;
	font-size:12px;
	background-color:#002ad3;
	color:#fff;
	text-align:center;
	float:left;
}

#cont12 ul li a dd{
	padding-left:100px;
	color:#000;
font-weight:normal;
}
/*作業事例*/
#cont8 {
	background: #fff;
	color: #fff;
	padding: 0;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#cont8.cont {
	overflow: inherit;
	text-align: center;
}
#cont8 h3 {
	position: relative;
	font-size: 44px;
	text-align: center;
	background: #0065B4 url(../images/top/bg_slash02.png);
	color: #fff;
	padding: 10px 0;
}
#cont8 h3 a {
	font-size: 20px;
	color: #FFF;
	margin-right: -80px;
}
#cont8 p.ico_sagyou {
	position: absolute;
	top: -39px;
	left: calc(50% - 245px);
	z-index: 10;
}
#cont8 p.ico_sagyou img {
	width: 143px;
	height: auto;
}
#cont8 ul {
	width: 1100px;
	margin: auto;
	height: 320px;
	overflow-y: scroll;
	padding-top: 20px;
	padding-bottom: 50px;
}
#cont8 ul li {
	padding: 10px 0;
}
#cont8 ul li a dt {
	float: left;
	width: 120px;
	background-color: #fff;
	font-size: 100%;
	color: #333;
}
#cont8 ul li a dd {
	margin-left: 120px;
	border-bottom: 1px dashed #CCCCCC;
	font-size: 100%;
	color: #1E9788;
	padding-left: 10px;
	text-align: left;
}
#cont8 .ichiran {
	cursor: pointer;
	color: #fff;
	padding: 10px 20px;
	background: #0065b4;
	border-radius: 34px;
	margin-top: 20px;
	margin-bottom: 40px;
	display: inline-block;
	width: 200px;
}

/*--------------------------------------------------
  よくある質問
--------------------------------------------------*/
#faq {
	padding: 90px 0 50px;
	background: url("../images/top/bg_w.jpg") no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#faq .main {
	width: 1100px;
	margin: auto;
	text-align: left;
}
#faq h3{
	font-size: 44px;
	text-align: center;
	margin-bottom: 30px;
}
#faq .box{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	margin-bottom: 40px;
	padding: 5px;
}
#faq .box .in{
	background: #29abe2 /*url("../img/bg_dot_w.png")*/;
	padding: 2px;
}
#faq .box .in2{
	background: #fff;
	padding: 12px;
}
#faq .box .in2 dl {
	display: table;
	width: 100%;
}
#faq .box .in2 dl.q {
	cursor: pointer;
	position: relative;
}
#faq .box .in2 dl.q::before {
	content: "";
	position: absolute;
	top: 4px;
	right: 60px;
	background: #d7d7d7;
	height: 40px;
	width: 2px;
}
#faq .box .in2 dl.q::after {
	content: "\025bc";
	color: #0065b4;
	position: absolute;
	top: 8px;
	right: 17px;
	display: block;
	-webkit-transform: scaleX(1.3);
	transform: scaleX(1.3);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 22px;
}
#faq .box .in2 dl.q.open::after {
	-webkit-transform: scaleX(1.3) rotate(180deg);
	transform: scaleX(1.3) rotate(180deg);
}
#faq .box .in2 dl dt {
	display: table-cell;
	width: 70px;
}
#faq .box .in2 dl dt span {
	display: inline-block;
	font-weight: bold;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #0065b4;
	color: #ffe400;
	font-size: 25px;
	border-radius: 50%;
}
#faq .box .in2 dl.a {
	display: none;
	border-top: 1px solid #b2b2b2;
	padding-top: 10px;
	margin-top: 10px;
}
#faq .box .in2 dl.a dt span {
	background: #29abe2;
	color: #fff;
}
#faq .box .in2 dl dd {
	display: table-cell;
	font-size: 16px;
}
#faq .box .in2 dl.q dd {
	font-weight: bold;
	font-size: 25px;
}

/* #cont10 */
#cont10{
	padding:80px 0;
	background-color:#e3f5ff;
}
#cont10 h2{
	color:#002ad3;
}
#cont10 h2 img{
	display:block;
	margin:0 auto 20px;
}
#cont10 p{
	width:700px;
	line-height:1.4;
	margin:30px auto;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing:-0.05em;
}
#cont10 dl{
	width:700px;
	line-height:1.4;
	margin:auto;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing:-0.05em;
}


/* #cont11 */
#cont11{
	padding:10px 0 0;
	background-color:#e3f5ff;
}
#cont11 h2{
	margin-bottom:10px;
	color:#002ad3;
}
#cont11 table{
	width:1000px;
	margin:auto;
	text-align:left;
	background-color:#fff;
}
#cont11 table tr{
	border-bottom:2px solid #e3f5ff;
}
#cont11 table tr:last-child{
	border-bottom:none;
}
#cont11 table th,
#cont11 table td{
	padding:12px 20px 12px 12px;
	line-height:1.3;
}
#cont11 table th{
	white-space:nowrap;
}

/*会社概要*/
#cont11 {
	background: url(../images/top/bg_dot.jpg);
	padding-bottom: 20px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#cont11.cont {
	overflow: inherit;
}
#cont11 h3 {
	position: relative;
	margin-bottom: 30px;
}
#cont11 h3.sub {
	font-size: 44px;
	text-align: center;
	background: #0065B4 url(../images/top/bg_slash02.png);
	color: #fff;
	padding: 10px 0;
}
#cont11 p.ico {
	position: absolute;
	top: -57px;
	right: calc(50% - 245px);
	z-index: 10;
}
#cont11 p.ico img {
	width: 143px;
	height: auto;
}
#cont11 table {
	background: none;
}
#cont11 table tr {
	border-bottom: 1px solid #C9CACA;
}
#cont11 table tr th {
	white-space: nowrap;
	padding: 30px 70px;
	vertical-align: top;
	font-weight: normal;
}
#cont11 table tr th.cen {
	text-align: center;
	font-size: 31px;
}
#cont11 table tr th.cen img {
	margin-right: 10px;
}
#cont11 table tr th.cen .syohyo {
	font-size: 15px;
	position: relative;
	bottom: -25px;
	line-height: 1.3;
	display: inline-block;
}

#cont11 table tr td {
	padding: 30px 0;
	width: 734px;
}

#cont11 tr td dl {
	margin-left: 0;
}
/*#cont11 tr td dl dt {
	width: 100%;
	line-height: 47px;
	margin: 0 0 1px 0;
	font-size: 20px;
	font-weight: bold;
	background-color: rgb(197 196 196 / 10%);
	text-align: center;
	cursor: pointer;
	position: relative;
}*/
#cont11 tr td dl dt {
	line-height: 47px;
	margin: 0 0 1px 0;
	font-size: 20px;
	cursor: pointer;
	position: relative;
	border: solid 1px #e9e9e9;
	border-radius: 10px;
	padding: 5px 80px;
}
#cont11 tr td dl dt span {
	border-right: solid 1px #e9e9e9;
	width: 100px;
	display: inline-block;
}
/*
#cont11 tr td dl dt::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 165px;
	background: #d7d7d7;
	height: 40px;
	width: 2px;
}
*/

#cont11 tr td dl dt::before {
	content: "\025bc";
	color: #0065b4;
	position: absolute;
	top: 3px;
	left: 20px;
	display: block;
	-webkit-transform: scaleX(1.3);
	transform: scaleX(1.3);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 15px;
	height: 38px;
}
#cont11 tr td dl dt.open::before {
	-webkit-transform: scaleX(1.3) rotate(180deg);
	transform: scaleX(1.3) rotate(180deg);
}

#cont11 tr td dl dt::after {
	content: "\025bc";
	color: #0065b4;
	position: absolute;
	top: 3px;
	right: 20px;
	display: block;
	-webkit-transform: scaleX(1.3);
	transform: scaleX(1.3);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 15px;
	height: 38px;
}
#cont11 tr td dl dt.open::after {
	-webkit-transform: scaleX(1.3) rotate(180deg);
	transform: scaleX(1.3) rotate(180deg);
}

#cont11 tr td dl dd {
	display: none;
}
#cont11 tr td dl dd span.wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont11 tr td dl dd span.wrap span {
	width: 20%;
	font-size: 16px;
	text-align: left;
	padding: 6px 0;
}
#cont11 tr td ul {
	padding-left: 20px;
}
#cont11 tr td ul li {
	list-style: disc;
}

/*水道局指定工事事業者/指定番号*/
#link_shitei {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 20px;
	border-top: 1px solid #C9CACA;
	border-bottom: 1px solid #C9CACA;
}
#link_shitei .shitei_dt {
	line-height: 47px;
	margin: 0 0 10px 0;
	font-size: 20px;
	cursor: pointer;
	position: relative;
	border: solid 1px #e9e9e9;
	border-radius: 10px;
	padding: 5px 80px;
	text-align: center;
}
#link_shitei .shitei_dt span {
	border-right: solid 1px #e9e9e9;
	width: 100px;
	display: inline-block;
}
#link_shitei .shitei_dt::before {
	content: "\025bc";
	color: #0065b4;
	position: absolute;
	top: 10px;
	left: 20px;
	display: block;
	-webkit-transform: scaleX(1.3);
	transform: scaleX(1.3);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 15px;
	height: 38px;
}
#link_shitei .shitei_dt.open::before {
	-webkit-transform: scaleX(1.3) rotate(180deg);
	transform: scaleX(1.3) rotate(180deg);
}

#link_shitei .shitei_dt::after {
	content: "\025bc";
	color: #0065b4;
	position: absolute;
	top: 10px;
	right: 20px;
	display: block;
	-webkit-transform: scaleX(1.3);
	transform: scaleX(1.3);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 15px;
	height: 38px;
}
#link_shitei .shitei_dt.open::after {
	-webkit-transform: scaleX(1.3) rotate(180deg);
	transform: scaleX(1.3) rotate(180deg);
}

#link_shitei .shitei_dd {
	display: none;
}
#link_shitei .shitei_dd ul {
	padding-left: 20px;
	margin-bottom: 10px;
}
#link_shitei .shitei_dd ul li {
	list-style: disc;
}

/*取扱メーカー*/
#maker {
	padding: 0 0 45px;
}
#maker .main {
	width: 1100px;
	margin: auto;
	padding-top: 0;
}
#maker .maker {
	width: 100%;
	box-shadow: 0px 0px 10px rgb(27 148 239 / 90%) inset;
	padding: 15px;
	background: #fff;
	border-radius: 10px;
}
#maker .maker h3 {
	font-size: 24px;
	height: 48px;
	padding: 10px 20px 0;
	background: url(../images/top/bg_slash_blue.png);
	color: #fff;
}
#maker .maker .box {
	background: #fff;
	float: none;
	width: 100%;
}
#maker .maker .box p {
	text-align: center;
	padding: 20px 0;
}
/*大規模工事・設備調査にも対応*/
#kouji {
	/*background: url(../images/top/bg_k.jpg) no-repeat;*/
	background: #c5daef;
	font-size: 20px;
	background-size: 100%;
}
#kouji .main {
	width: 1100px;
	margin: auto;
	padding: 50px 0;
}
#kouji h3.title {
	font-size: 46px;
	text-shadow: 2px 2px 0 rgb(0 0 0 / 30%);
	text-align: center;
	margin-bottom: 10px;
	background: linear-gradient(transparent 60%, #fff45e 60%);
}
#kouji .kouji_txt {
	text-align: center;
	margin-top: 30px;
}
#kouji .kouji_txt .line {
	background: linear-gradient(transparent 60%, #fff45e 60%);
}
#kouji .kouji_cont {
	padding: 30px;
	background: #fff;
	box-shadow: 2px 2px 8px rgb(0 0 0 / 30%);
}
#kouji .kouji_cont:not(:last-of-type) {
	margin-bottom: 30px;
}
#kouji .kouji_cont h3 {
	color: #095fa7;
	font-size: 42px;
	text-shadow: 2px 2px 0 rgb(0 0 0 / 30%);
	text-align: center;
	cursor: pointer;
	position: relative;
}
#kouji .kouji_cont h3::before {
    content: "\025bc\025bc";
    color: #0065b4;
    position: absolute;
    top: 8px;
    left: 60px;
    display: block;
    -webkit-transform: scaleX(1.3);
    transform: scaleX(1.3);
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 35px;
}
*, :before, :after {
    border-style: solid;
    border-width: 0;
}
#kouji .kouji_cont h3.open::before {
    -webkit-transform: scaleX(1.3) rotate(180deg);
    transform: scaleX(1.3) rotate(180deg);
}
#kouji .kouji_cont h3::after {
	content: "\025bc\025bc";
	color: #0065b4;
	position: absolute;
	top: 8px;
	right: 60px;
	display: block;
	-webkit-transform: scaleX(1.3);
	transform: scaleX(1.3);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 35px;
}
#kouji .kouji_cont h3.open::after {
	-webkit-transform: scaleX(1.3) rotate(180deg);
	transform: scaleX(1.3) rotate(180deg);
}
#kouji .kouji_cont .box_out {
	display: none;
	margin-top: 20px;
}
#kouji .kouji_cont .box_out .box {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 30px;
}
#kouji .kouji_cont .box_out .box dl {
	width: 45%;
	box-shadow: 2px 2px 8px rgb(0 0 0 / 30%);
}
#kouji .kouji_cont .box_out .box dl:first-of-type {
	margin-right: 5%;
}
#kouji .kouji_cont .box_out .box dl dt img {
	width: 100%;
}
#kouji .kouji_cont .box_out .box dd {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	padding: 10px;
	background: #fff;
}
#kouji .kouji_cont .box_out .waku {
	border: 10px solid #0065b4;
	border-radius: 15px;
	margin-bottom: 20px;
	padding: 20px;
	background: #F2F2F2 url(../img/bg_slash.png);
}
#kouji .kouji_cont .box_out .waku .box {
	margin-bottom: 0;
}
#kouji .kouji_cont .box_out .waku .box dl {
	position: relative;
}
#kouji .kouji_cont .box_out .waku .box dl:not(:last-of-type):before {
	position: absolute;
	content: "";
	top: 40%;
	right: -90px;
	border: 50px solid transparent;
	border-left: 30px solid #0065B4;
}
#kouji .kouji_cont .box_out .txt {
	margin: 0 20px;
	text-align: left;
}
#kouji .kouji_cont .box_out .txt span {
	background: linear-gradient(transparent 50%, #fff45e 50%);
}
#kouji .kouji_cont .box_out .txt ul {
	padding: 20px 20px 20px 40px;
	background: #e0f4ff;
}
#kouji .kouji_cont .box_out .txt ul li {
	list-style: disc;
}

/*サービスの比較*/
#hikaku  {
	padding: 50px 0;
	background: #095fa7;
	font-size: 20px;
	background-size: 100%;
}
#hikaku .main {
	width: 1100px;
	margin: auto;
}
#hikaku h3.title {
	font-size: 46px;
	text-shadow: 2px 2px 0 rgb(0 0 0 / 30%);
	text-align: center;
	margin-bottom: 10px;
	color: #fff45e;
}
#hikaku .dot {
	margin: 1em auto;
}
#hikaku .dot p {
	color: #fff45e;
	text-align: center;
	margin-top: -0.9em;
}
#hikaku p {
	text-align: left;
	color: #fff;
}
#hikaku table{
	width:1000px;
	margin:2em auto;
	text-align:center;
}
#hikaku table th,
#hikaku table td{
	padding:12px 20px 12px 12px;
	line-height:1.3;
	background-color:#fff;
	border:2px solid #095fa7;
}
#hikaku table th{
	white-space:nowrap;
}
#hikaku table th.none {
	background: none;
	border: none;
}
#hikaku table th.fuji {
	font-size: 28px;
}

/* hikaku */
.hikaku {
	background: url(../images/top/bg_k.jpg) no-repeat;
	-webkit-background-size: cover;
	padding-bottom: 45px;
}
.hikaku h4 {
	font-size: 40px;
	color: #0065b4;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.hikaku h4 span {
	background: linear-gradient(transparent 60%, #fff45e 60%);
}
.hikaku .txt {
	font-size: 20px;
	text-align: center;
}
.hikaku img {
	margin: 40px 0;
}


/* 旧サイト７つの安心 */
#relax {
	padding: 25px 0;
	background: url(../images/top/bg_w.jpg) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#relax .main {
	margin: auto;
	max-width: 1100px!important;
	overflow: inherit;
}

#relax .box {
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(27 148 239 / 90%) inset;
    padding: 15px 0 0;
    background: #fff;
}

#relax h3 {
    background: #0065b4;
    position: relative;
    padding-left: 30px;
}

#relax h3 .ico {
    position: absolute;
    right: 0;
    top: -70px;
}

#relax .list {
	margin: 15px 30px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#relax .list dl:not(:last-child) {
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#relax .list dl dt {
    font-weight: bold;
    margin-bottom: 15px;
}

#relax .list dl dt .ico {
    display: inline-block;
    width: 76px;
    height: 110px;
    padding-top: 50px;
    background: url(../images/top/ico02.png) no-repeat;
    background-size: 100% auto;
    text-align: center;
    color: #0065b4;
    font-size: 22px;
    line-height: 1.1;
    vertical-align: middle;
    margin-right: 15px;
}

#relax .list dl dt .ico .no {
    font-size: 30px;
}

#relax .list dl dt .line {
    background: linear-gradient(transparent 60%, #fff45e 60%);
    text-shadow: 2px 2px 0 rgb(0 0 0 / 30%);
    font-size: 45px;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: 20px;
}

#relax .list dl dt .line .blue {
    color: #095fa7;
    font-size: 55px;
}

#relax .list dl dd {
    font-size: 20px;
    font-weight:normal;
}


/*--------------------------------------------------
 お問合せから、お支払いまでの流れ
--------------------------------------------------*/
#flow h3 {
	background: #29abe2;
	color: #fff;
	text-align: center;
	font-size: 44px;
	padding: 20px 0;
	margin-bottom: 70px;
}
#flow .main {
	max-width: 1100px;
	margin: auto;
}
#flow .box {
	border: 10px solid #0065b4;
	border-radius: 15px;
	margin-bottom: 50px;
	position: relative;
}
#flow .box:not(:last-of-type):before {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -82px;
	margin-left: -45px;
	border: 45px solid transparent;
	border-top: 33px solid #0065B4;
}
#flow .box .in {
	overflow: hidden;
	background: #F2F2F2 url(../images/top/bg_slash.png);
	padding: 20px;
	border-radius: 15px;
}
#flow .box .photo {
	float: left;
	width: 28%;
	margin-bottom: 0;
}
#flow .box .photo img {
	width: 100%;
	height: auto;
}
#flow .box dl {
	margin-left: 32%;
}
#flow .box dl dt {
	font-weight: bold;
	font-size: 45px;
	margin-bottom: 20px;
}
#flow .box dl dt .maru {
	display: inline-block;
	border-radius: 50%;
	width: 91px;
	height: 91px;
	padding-top: 20px;
	font-size: 25px;
	color: #ffe400;
	background: #29abe2;
	text-align: center;
	line-height: 1.1;
	vertical-align: middle;
	margin-right: 20px;
}
#flow .box dl dt .maru .no{
	font-size: 35px;
}
#flow .box dl dd p {
	margin-bottom: 0;
	font-size: 110%;
	line-height: 1.81;
}
#flow .box dl dd p.card_list {
	margin-top: 15px;
}

/*モーダル*/
#flow .box dl dd p.modal_btn a {
	display: inline-block;
	background: #0065b4;
	border-radius: 30px;
	padding: 10px 30px;
	width: 332px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	margin: 10px auto;
	text-align: center;
}
#flow .box dl dd p.modal_btn a:hover {
	opacity: 0.7;
}
.remodal {
	border: solid 2px #e4007f;
	padding: 0!important;
}
.remodal h4 {
	background: #e4007f;
	padding: 5px;
	color: #fff;
	font-size: 26px;
}
.remodal .pay_box {
	padding: 20px;
}
.remodal p {
	color: #333;
}
.remodal p.b {
	color: #e4007f;
	font-size: 20px;
	margin-bottom: 2px;
}
.remodal .remodal-close {
	position: absolute;
	right: 0;
	left: auto;
	color: #fff;
}




/* #cont13 */
#cont13 {
	padding: 30px 0;
}
#cont13 .main {
	max-width: 1100px;
	margin: auto;
}
#license  {
	width: 100%;
	padding: 10px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
	margin: 10px auto;
}
#license .in #license_about {
    display: none;
}
#license .in h3 {
    font-size: 37px;
    text-align: center;
    margin-bottom: 5px;
}
#license p.btn {
    cursor: pointer;
    color: #fff;
    padding: 10px 20px;
    background: #0065b4;
    width: auto;
    display: inline-block;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 130%;
}
#license .in {
    padding: 20px;
    background: #bae5f7;
		text-align: center;
}
#license .in #license_about .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
}
#license .in #license_about .wrap p {
    background: #fff;
    padding: 5px 30px;
    width: auto;
    text-align: center;
    color: #0065b4;
    font-weight: bold;
    font-size: 20px;
    border-radius: 10px;
    margin: 0 10px 20px;
}

/*card*/
.card {
	list-style: none;
	border-radius: 100px;
	background: #FFFFFF;
	overflow: hidden;
	box-shadow: 0px 0px 30px rgb(27 148 239 / 90%) inset;
	padding: 30px;
	margin-top: 40px;
}
.card .txt {
	position: relative;
	top: 10px;
	float: left;
	width: 470px;
	margin-bottom: 0;
	color: #0065B4;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}
.card ul {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	list-style: none;
}
.card ul li {
	margin-right: 6px;
}
#np_pay .np_ttl {
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0;
}
#np_pay .box_out02{
	border-radius: 100px;
	background: #FFFFFF;
	overflow: hidden;
	box-shadow: 0px 0px 30px rgb(27 148 239 / 90%) inset;
	padding: 30px;
	margin-bottom: 10px;
}
#np_pay .box_out02:first-of-type{
    padding: 10px;
}
#np_pay .box_out02 .title {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 70px;
    font-size: 18px;
    border-bottom: solid 2px #daedfc;
    margin-bottom: 5px;
}
#np_pay .box_out02 .title p {
    margin-bottom: 0;
}
#np_pay .box_out02 .title .img img {
	width: 325px;
	position: relative;
	bottom: 0;
	left: -20px;
}
#np_pay .box_out02 .title .txt {
	font-weight: bold;
	color: #000;
	line-height: 4;
}
#np_pay .box_out02 .title .waku {
	padding: 6px 15px;
    	background: #e6308a;
    	color: #fff;
    	border-radius: 10px;
    	font-weight: bold;
    	margin-bottom: 5px;
	display: flex

}
#np_pay .box_out02 .title .waku .fm {
	font-size: 60px;
	line-height: 1;
	margin-right: 5px;
}
#np_pay .box_out02 .box02 {
	padding-top: 5px;
	text-align: center;
}
#np_pay .box_out02 .txt01 {
    color: #0065B4;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
}
#np_pay .box_out02 .txt02 {
    font-weight: bold;
    color: #000;
    text-align: center;
}
#np_pay .box_out02 .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width:81%;
    margin:0 auto;
}
#np_pay .box_out02 .wrap2 {
	border-top: solid 2px #daedfc;
	margin: 0px 100px;
	padding-top: 5px;
	text-align: center;
}


/*tablet調整*/
@media only screen and (max-width: 1213px) {
	#warning,
	#warning .main, 
	#corona .main, 
	#syuzai .main, 
	#trouble .main, 
	#trouble_out .main, 
	#hosyou .main, 
	#maker .main, 
	#kouji .main {
		width: 100%;
	}
	#voice .main {
		width: 1000px;
		margin: auto;
	}
	#voice dl {
		width: 485px !important;
	}
	#faq .main {
		width: 100%;
	}
}

	
@media only screen and (max-width: 1100px) {
	#voice .main {
		width: 800px;
		margin: auto;
	}
	#voice dl {
		width: 382px !important;
	}
	
}