@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");

.navbar-brand a img{margin-top: 20px;transition: .6s; max-width: 250px; }
@media (max-width:991px)	{.navbar-brand a img {max-height: 50px; margin-left:5px; margin-top: 10px}}
#page-bg{position: relative;overflow: hidden;display: block; margin-top:45px; height:21vw; text-align:center;}
	@media (max-width:991px)	{#page-bg{margin-top: 0;padding-top: 0;}}

#page-bg img {
	max-width: inherit;
	max-height: inherit;
	width: 89.4%;
	height: auto;
	font-family: 'object-fit: cover';
  margin:0 auto;
}


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

section h4{ text-align:center; font-size:36px; font-weight:normal; margin-bottom:75px;}
	@media (max-width:991px) { section h4{ font-size:21px; margin-bottom:35px; color:#0066FF;} }

.h2-mask{z-index:2;position: absolute; top:39%; width:100%;}
	@media (max-width:991px)	{.h2-mask{}}
.h2-mask .container{ padding:0;}
.h2-mask .container .page-title{}
.h2-mask .container .page-title h2{ font-size:36px;line-height: 1;text-align: center;color:#fff;font-weight: bold; }
	@media (max-width:991px)	{ .h2-mask .container .page-title h2{ font-size:3vw; } }

@media (max-width:991px)	{ 
  #page-bg { padding:0 15px; height:23vw; }
  #page-bg img {width: 100%;}
  .h2-mask{ width:98vw; margin-left:-15px;}
}

.h2-lead{font-size: 30px;text-align: center;font-weight: bold;}
	@media (max-width:991px)	{.h2-lead{font-size: 18px;}}

.h2-sublead{font-size: 18px;text-align: center;}
	@media (max-width:991px)	{.h2-sublead{font-size: 16px;}}

.h2-sublead .en{letter-spacing:.1em;text-indent:.1em;}


.breadcrumb{background: transparent;font-size: 12px;padding: 15px 0;}



/* title */
[class*="tit-level"]				{}
[class*="tit-level"]:first-child	{margin-top:0;}
[class*="tit-level"]:last-child		{margin-bottom:0;}
hr + [class*="tit-level"]			{margin-top:20px;}

	@media (max-width:991px)	{.tit-level1{font-size: 18px;padding-bottom: 15px;}}


.tit-level2{line-height:1.25;position:relative;border-bottom:1px dotted #666;font-size:21px;margin:30px 0 20px;padding-bottom:9px;font-weight: bold;}
	@media (max-width:991px)	{.tit-level2{font-size:16px;margin:10px 0 5px;padding-bottom:5px;}}

.tit-level3{line-height:1.25;position:relative;border-left:3px solid #666;font-size:18px;margin:20px 0 15px;padding-left:10px;font-weight: bold;}
	@media (max-width:991px)	{.tit-level3{font-size:15px;margin:20px 0 10px;padding-left:10px;}}


.tit-level2c {
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
position: relative;
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #FBDD64));
background: linear-gradient(transparent 85%, #FBDD64 0%);
display: inline-block;
padding: 2px 0;
font-size: 2.2rem;
font-weight: bold;
margin-bottom: 45px;
}
@media (max-width:991px)	{.tit-level2c{font-size: 20px;padding-bottom: 20px;}.w140{max-width: 140px;}}


.source-tb{border-top:1px solid #ddd;border-left:1px solid #ddd;margin-top:-1px;}

.source-tb th{background: #efefef;width: 150px;}
.source-tb td{background: #fff; font-size:12px;}

.source-tb th,.source-tb td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
	@media (max-width:991px)	{.common-tb th,.common-tb td{display: block;width: auto !important;}}

.source-tb td a img{vertical-align: middle;}

.source-tb td hr{margin: 9px 0;}


.comname{}
.comname dt{
  float: left;
	font-weight: normal;
}

.comname dd{
  margin-left: 85px;
}


.common-tb.prf th{
	width: 11em;
}
.common-tb.frm th{width: 13em;}


/* .box-index4-1{background: url(../images/top/bg01-index4-1.png) center center no-repeat #fff; margin-bottom:40px;padding-top: 40px;position:relative; } */
.box-index4-2{background: url(../images/top/bg01-index4-2.png) center center no-repeat #fff; margin-bottom:40px;padding-top: 40px;position:relative; }
.box-index4-3{background: url(../images/top/bg01-index4-3.png) center center no-repeat #fff; margin-bottom:40px;padding-top: 40px;position:relative; }
.box-index4-1 h3,.box-index4-2 h3,.box-index4-3 h3 {color:#343434;  margin-bottom:20px; font-size:24px; text-align:center}

#taikenki1 .box h4{font-size: 24px; font-weight: bold;text-align: left;margin-bottom: 15px; margin-top: 10px;}
#taikenki1 .inner-box{padding: 15px; background: #f3f3f3;}
#taikenki1 .box h4 small{font-size: 12px;}
/* topicsの詳しく見るボタン */
.topicks_detail .topicks_detail__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	width: 390px;
	height: 125px;
	margin: 15px auto;
	position: relative;
	overflow-y: hidden;
	border-radius: 4px;
	background-color: #fff;
	color: #333;
	transition: 0.2s;
	padding-left: 15%;
}

@media (max-width: 480px) {
	.topicks_detail .topicks_detail__link {
		width: 100%;
	}
}

.q-box{border: 2px solid #00b4de;padding: 30px 15px 15px;;position:relative; margin: 40px 0;}
.q-box h3{position: absolute;padding: 10px 20px; background: #00b4de;color: #fff;top: -25px;left: -2px;}
.topicks_detail .topicks_detail__link:hover {
	background-color: #20B4DE;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	text-decoration: none;
}

.topicks_detail .topicks_detail__link:hover img {
	opacity: 1;
}

.topicks_detail .topicks_detail__link:hover .topicks_detail__text {
	color: #fff;
}

.topicks_detail__lead {
	font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
	line-height: 20px;
}

.topicks_detail__copy {
	font-size: 14px;
}

@media (max-width: 480px) {
	.topicks_detail__lead {
		font-size: 15px;
		margin-bottom: 8px;
		line-height: 0;
	}

	.topicks_detail__copy {
		font-size: 12px;
	}
}

.topicks_detail__text {
	right: 25%;
    top: 50%;
    position: absolute;
    transform: translate(10px, -40%);
}

@media (max-width: 480px) {
	.topicks_detail__text {
		left: 25%;
		top: 50%;
		transform: translate(20px, 0);
	}
}

.topicks_detail__image {
	position: absolute;
	left: 5%;
    bottom: -5%;
	width: 100px;
}

.topicks_detail__image img {
	width: 100%;
}

@media (max-width: 1024px) {
	.topicks_detail__image {
	  width: 80px;
	}
}
  
@media (max-width: 480px) {
	.topicks_detail__image {
		width: 60px;
		bottom: 50%;
		transform: translate(10px, 50%);
	}
}


@media only screen and (max-width:440px)	{.box-index4-1,.box-index4-2,.box-index4-3{ background-size:100%;}}

/* よくあるご質問 */

#faq1{}
#faq1 .container{max-width: 1500px;padding: 0;}

#faq2{}
#faq2 .container{max-width: 1500px;padding: 0;}

.qabox dd p{margin-top: -60px;}

.qabox + .qabox{margin-top: 45px;}
	@media only screen and (max-width:767px)	{.qabox + .qabox{margin-top: 10px;}}

.qabox{
	position: relative;
	word-wrap: break-word;
	background: #fff;
}
	@media only screen and (max-width:991px)	{.qabox{}}

.qabox dt{background: #f6f6f6;display: block;position: relative;overflow: hidden;font-size: 24px;line-height: 30px;padding:45px 0 45px 60px;color:#539FB6;font-weight: normal;}
	@media only screen and (max-width:991px)	{.qabox dt{font-size: 15px;line-height: 1.25;padding:15px 0 15px 45px;}}

.qabox dt .container:before{content: "Q.";display: inline-block;width: 60px;font-size: 40px;margin-left: -50px;}
	@media only screen and (max-width:991px)	{.qabox dt .container:before{width: 45px;margin-left: -45px;}}


.qabox dd{background: #fff;display: block;position: relative;overflow: hidden;padding:45px 0 45px 60px;font-weight: normal;}
	@media only screen and (max-width:991px)	{.qabox dd{line-height: 1.25;padding:15px 0 15px 45px;}}

.qabox dd .container:before{content: "A.";display: inline-block;width: 60px;font-size: 40px;margin-left: -50px;color:#f8cdda;}
	@media only screen and (max-width:991px)	{.qabox dd .container:before{width: 45px;margin-left: -45px;}}

/*TOPICS*/
.topics-dl{ width:100%;}
.topics-dl dt{font-size:18px; font-weight:bold; display:block; width:10%;}
.topics-dl dd{display:block;width:90%;}


/* comic
---------------------------------------------------------------------*/

.txt table {
	width: 100%;
	margin: 0 auto;
}　
.txt table tr {
	width: 100%;
}
.txt td.w10 {
	font-size: 0.9rem;
	font-weight:normal;
	line-height:1.1rem;
	text-align:left;
	width:7%;
	color: #000;
	vertical-align:top;
	padding:6px 3px 3px 8px;
}
.txt td {
	font-size: 0.9rem;
	font-weight:normal;
	line-height:1.1rem;
	text-align:left;
	color: #000;
	vertical-align:top;
	padding:6px 3px 3px 8px;
	border:none;
}
.txt td.ad {
	font-size: 1rem;
	font-weight:normal;
	line-height:1.1rem;
	text-align:left;
	word-break : break-all;
	color: #000;
	vertical-align:top;
	padding:6px 3px 3px 8px;
}
.txt td.ad2 {
	font-size: 1rem;
	font-weight:normal;
	line-height:1.7rem;
	text-align:left;
	color: #000;
	vertical-align:top;
	padding:6px 3px 3px 8px;
}
.txt th {
	text-align:left;
	font-weight:normal;
	font-size: 1rem;
	line-height:1.2;
	padding-left:20px;
	border:none;
}


.comic ul{
	display: flex;
	flex-wrap: wrap;
	margin-left:24%;
}
.comic ul li{
	width: 80%
}
@media only screen and (max-width:991px)	{.comic ul{margin-left:0;}.comic ul li{ width:100%;}}

.thumbnail{
	margin-bottom: 3px;
}

.comic ul li{
	display: block;
	margin-bottom: 1px;
	position: relative;
}
.comic ul li a{
	transition: .3s;
	display: block;
	padding: .5px 1px;
	border: 1px dashed transparent;
}
.comic ul li a:hover{
	transition: .3s;
	border: dashed 1px #f2a101;
	color: #f2a101;
}
.comic ul li a span{
	vertical-align: bottom;
	padding-left: 62px;
	display: inline-block;
}
.comic ul li img{
	margin-right: 1.5px;
	position: absolute;
}

/* イベント */
#event h4{ font-size:20px; font-weight:bold; text-align:center; color: #595757;}





.square-content{ display: block; height: 0; width: 100%; padding-bottom: 58%; position:relative; overflow:hidden; margin-bottom:20px;}
.square-content h3{font-size:36px;color:#fff;line-height: 30px;padding:10px;position:absolute;top:0;bottom:0; text-align:center;}
.square-content h3 span{ font-size:18px; display:block; padding-top:15px;}
.square-content h3 small{ display:block; padding-bottom:15px;}

.bg_message01{
	background: url(../images/message/message1.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}

.bg_message02{
	background: url(../images/message/message2.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}

.bg_message03{
	background: url(../images/message/message3.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}

.bg_message04{
	background: url(../images/message/message4.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}
.bg_message04 h3{ font-size:28px;}

.bg_message05{
	background: url(../images/supporter/message5.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}
.bg_message06{
	background: url(../images/supporter/message6.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}

.bg_message07{
	background: url(../images/supporter/message7.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}


.square-content > div { position: absolute; top: 27%;}
.square-content-inner { display: flex; justify-content: center; align-items: center; width: 100%;}
.square-content:hover { background-size: auto 110%; transition: all 0.5s ease-in;}

#arrow1-1{
	background: url(../images/plan/bg-flow1.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-1{background: url(../images/plan/bg-arrow1-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-2{
	background: url(../images/plan/bg-arrow2.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-2{background: url(../images/plan/bg-arrow2-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-3{
	background: url(../images/plan/bg-arrow3.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-3{background: url(../images/plan/bg-arrow3-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-4{
	background: url(../images/plan/bg-arrow4.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-4{background: url(../images/plan/bg-arrow4-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-5{
	background: url(../images/plan/bg-arrow5.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-5{background: url(../images/plan/bg-arrow5-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}




#plan3{}
#plan3 h3{border-bottom: 1px solid #ddd;padding-bottom: 19px;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#plan3 h3{font-size: 21px;margin-bottom: 15px;padding-bottom: 9px;}}

#plan3 h4{border-bottom: 1px solid #ddd;text-align: left;padding-bottom: 19px;font-size: 24px;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#index3 h3{font-size: 21px;margin-bottom: 15px;padding-bottom: 9px;}}

#plan3 h4 small{display: block;font-size: 12px;margin-bottom: 10px;}
	@media only screen and (max-width:991px)	{#plan3 h3 small{font-size: 10px;margin-bottom: 5px;}}


.tit-mini{color:#666;}
.tit-light{color:#0093d3;position: relative;}
.tit-standard{color:#f4e603;}
.tit-advance{color:#cc006b;}

#plan3 .balloon{width: 50px;height: 48px;text-align: center;font-size: 12px;line-height: 14px;padding: 7px 5px 10px;position: absolute;left: 180px;bottom: 10px;display: block;}
	@media only screen and (max-width:991px)	{#plan3 .balloon{left: 150px;bottom: 5px;}}

.plan-tb{width: 100%;}
.plan-tb th,.plan-tb td{border-bottom: 1px solid #ddd;padding: 10px;}
	@media only screen and (max-width:991px)	{.plan-tb th,.plan-tb td{display: block;}}


.plan-tb th{font-weight: normal;white-space: normal;}
.plan-tb th span{font-weight: bold;font-size: 18px;}
.plan-tb td{color:#333;font-weight: bold;font-size: 24px;text-align: right;}

.plan-tb.total td{font-size: 30px;}
.plan-tb.total td small{font-size: 14px;}

#ban_web{background: url(../images/common/ban_web.jpg) center center /cover no-repeat #00c1ff;color:#fff;}
	@media only screen and (max-width:991px)	{#ban_web{background: url(../images/common/ban_web-sp.jpg) center center /cover no-repeat;}}

#ban_web h2{color:#fff;text-align: left;font-size: 60px;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#ban_web h2{font-size: 29px;font-weight: bold;margin-bottom: 15px;}}

.ban_web-copy img{}
	@media only screen and (max-width:991px)	{.ban_web-copy img{width: 290px;height: auto;}}

#ban_web .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#ban_web .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}


.check{list-style: none;}
.check li{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

.check li:before{content: "";background: url(../images/common/checkmark.png) left center /30px no-repeat;width: 30px;height: 48px;display: block;position: absolute;top: 0;left: 0;right: 0;}
	@media (max-width:991px)	{.check li:before{width: 30px;height: 24px;background-size:20px;}}

.comment{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

/* contact,inquiry,entry,estimate */
/* form control */
/* 以下必須マーク */
.common-tb.frm th.required{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDQ2IDE0LjAxIj48dGl0bGU+cmVxdWlyZTwvdGl0bGU+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjE0IiBzdHlsZT0iZmlsbDojYzAwIi8+PHJlY3QgeD0iMzIiIHk9IjAuMDEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwYXRoIGQ9Ik0xMTcuODgsMTUxLjA5bC0xLjEzLS44NGExMi4yNSwxMi4yNSwwLDAsMCwuNzctMy41OGwxLjI5LjM4QTEzLjkxLDEzLjkxLDAsMCwxLDExNy44OCwxNTEuMDlabTIuOS4yOFYxNTJjMCwuMTgsMCwuMTkuMzIuMTloMS43N2MuNTIsMCwuNjEtLjE0LjY3LTEuOGwxLjM4LjcyYy0uMjksMi4zMy0uNjcsMi4zOS0yLDIuMzloLTIuMTJjLS44OCwwLTEuMzYsMC0xLjM2LS45NXYtLjI3YTkuOCw5LjgsMCwwLDEtMS44LDFsLS43OS0xLjIxYTEwLjcyLDEwLjcyLDAsMCwwLDIuNTktMS40OHYtNC4yNmgxLjMydjMuMzJhMTMuOTEsMTMuOTEsMCwwLDAsMy4xMi01bDEuMzIuODFTMTIzLjM2LDE0OS40MSwxMjAuNzgsMTUxLjM3Wm0xLjQ0LTQuNzZhMTMuMzYsMTMuMzYsMCwwLDAtMi43NS0xLjI5bC43Mi0xLjE1YTEyLjQ3LDEyLjQ3LDAsMCwxLDIuNzUsMS4yMlptMyw0Ljc2YTExLjg0LDExLjg0LDAsMCwwLTEuMTUtMy4yM2wxLjE5LS42N2ExOS41OCwxOS41OCwwLDAsMSwxLjE1LDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNy41OSwxNTMuNjZsLS43MS0xLjIzYTcuMDYsNy4wNiwwLDAsMCwyLjg2LTIuNDFsLjg5LDFBNy40Niw3LjQ2LDAsMCwxLDEyNy41OSwxNTMuNjZabS4yNi02LjMyLS43My0xLjJhNi42NCw2LjY0LDAsMCwwLDIuMzgtMS45NWwuODcuOTNBNy42OCw3LjY4LDAsMCwxLDEyNy44NSwxNDcuMzRabTAsMy0uNzUtMS4yYTcuMiw3LjIsMCwwLDAsMi41My0ybC44NCwxQTcuNjEsNy42MSwwLDAsMSwxMjcuODcsMTUwLjMyWm03LjcxLDMuMzNhMTAuODgsMTAuODgsMCwwLDEtMi4yLTFsLjc0LS43M2gtMS43NmwuNzEuNzJhMTEsMTEsMCwwLDEtMi40MiwxLjA3bC0uOC0xLjE3YTkuNjUsOS42NSwwLDAsMCwxLjk0LS42MmgtMXYtNS41OUgxMzJhMi43NiwyLjc2LDAsMCwwLC4yOC0uNTRoLTEuODd2LTEuMTloNS43N3YxLjE5aC0yLjQxYTIuMjMsMi4yMywwLDAsMS0uMjYuNTRoMi4yNHY1LjU5aC0xLjE5YTExLjA3LDExLjA3LDAsMCwwLDEuNzYuNjRabS0xLTYuMjhIMTMydi40N2gyLjUzWm0wLDEuNDNIMTMydi40OGgyLjUzWm0wLDEuNDRIMTMydi41aDIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+),url(../images/cmn/bg-dot.jpg);

	background-position:right center,left top;
	background-size:46px,inherit;
	background-repeat:no-repeat,repeat;}

span.required-img{display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDE0Ij48dGl0bGU+cmVxdWlyZS10eHQ8L3RpdGxlPjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIxNCIgc3R5bGU9ImZpbGw6I2MwMCIvPjxwYXRoIGQ9Ik0xMTcuODgsMTUxLjA5bC0xLjEzLS44NGExMi4yNSwxMi4yNSwwLDAsMCwuNzctMy41OGwxLjI5LjM4QTEzLjkxLDEzLjkxLDAsMCwxLDExNy44OCwxNTEuMDlabTIuOS4yOFYxNTJjMCwuMTgsMCwuMTkuMzIuMTloMS43N2MuNTIsMCwuNjEtLjE0LjY3LTEuOGwxLjM4LjcyYy0uMjksMi4zMy0uNjcsMi4zOS0yLDIuMzloLTIuMTJjLS44OCwwLTEuMzYsMC0xLjM2LS45NXYtLjI3YTkuOCw5LjgsMCwwLDEtMS44LDFsLS43OS0xLjIxYTEwLjcyLDEwLjcyLDAsMCwwLDIuNTktMS40OHYtNC4yNmgxLjMydjMuMzJhMTMuOTEsMTMuOTEsMCwwLDAsMy4xMi01bDEuMzIuODFTMTIzLjM2LDE0OS40MSwxMjAuNzgsMTUxLjM3Wm0xLjQ0LTQuNzZhMTMuMzYsMTMuMzYsMCwwLDAtMi43NS0xLjI5bC43Mi0xLjE1YTEyLjQ3LDEyLjQ3LDAsMCwxLDIuNzUsMS4yMlptMyw0Ljc2YTExLjg0LDExLjg0LDAsMCwwLTEuMTUtMy4yM2wxLjE5LS42N2ExOS41OCwxOS41OCwwLDAsMSwxLjE1LDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNy41OSwxNTMuNjZsLS43MS0xLjIzYTcuMDYsNy4wNiwwLDAsMCwyLjg2LTIuNDFsLjg5LDFBNy40Niw3LjQ2LDAsMCwxLDEyNy41OSwxNTMuNjZabS4yNi02LjMyLS43My0xLjJhNi42NCw2LjY0LDAsMCwwLDIuMzgtMS45NWwuODcuOTNBNy42OCw3LjY4LDAsMCwxLDEyNy44NSwxNDcuMzRabTAsMy0uNzUtMS4yYTcuMiw3LjIsMCwwLDAsMi41My0ybC44NCwxQTcuNjEsNy42MSwwLDAsMSwxMjcuODcsMTUwLjMyWm03LjcxLDMuMzNhMTAuODgsMTAuODgsMCwwLDEtMi4yLTFsLjc0LS43M2gtMS43NmwuNzEuNzJhMTEsMTEsMCwwLDEtMi40MiwxLjA3bC0uOC0xLjE3YTkuNjUsOS42NSwwLDAsMCwxLjk0LS42MmgtMXYtNS41OUgxMzJhMi43NiwyLjc2LDAsMCwwLC4yOC0uNTRoLTEuODd2LTEuMTloNS43N3YxLjE5aC0yLjQxYTIuMjMsMi4yMywwLDAsMS0uMjYuNTRoMi4yNHY1LjU5aC0xLjE5YTExLjA3LDExLjA3LDAsMCwwLDEuNzYuNjRabS0xLTYuMjhIMTMydi40N2gyLjUzWm0wLDEuNDNIMTMydi40OGgyLjUzWm0wLDEuNDRIMTMydi41aDIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+) center center /cover no-repeat;width:28px;height:14px;vertical-align:baseline;margin-right:5px;}




.point{color:#038fc4;text-align: center;font-size: 18px;margin-bottom: 10px;}
	@media (max-width:991px)	{.point{font-size: 18px;}}


.point small{font-size: 12px;display: block;color:#333;}



section#contact-introduction{ padding: 75px 0 0;}
.radio + .radio,
.checkbox + .checkbox				{margin-top:10px;}
.form-inline .radio + .radio,
.form-inline .checkbox + .checkbox	{margin-top:0;}

.required-img img					{width:32px;height:14px;vertical-align:middle;margin-right:0.25em;}

.pp-scroll{height:200px;overflow-y:scroll;padding:28px;margin:-28px;}
	@media (max-width:1199px)	{.pp-scroll{padding:23px;margin:-23px;}}
	@media (max-width:991px)	{.pp-scroll{padding:13px;margin:-13px;}}

.pp-scroll a,.pp-scroll a:hover,.pp-scroll a:active,.pp-scroll a:focus{color:#333;}
.pp-scroll a{text-decoration:underline;}
.pp-scroll a:hover,.pp-scroll a:active,.pp-scroll a:focus{color:#333;text-decoration:none;}

.pp-scroll > *:last-child{}
	@media (max-width:991px)	{.pp-scroll > *:last-child{padding-bottom:13px;}}

.tit-policy{padding-bottom:9px;border-bottom:1px dotted #666;font-weight:bold;margin:30px 0 15px;}
	@media (max-width:991px)	{.tit-policy{font-size:15px;margin:20px 0 10px;}}



input[type="checkbox"], input[type="radio"] {vertical-align:baseline;margin-right:5px !important;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{margin-right:0.5em;margin-top:6px;}
.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"]{margin-right:0.5em;margin-top:1px;}

input{font-size:100%;vertical-align:middle;}

input[type="text"],input[type="text"]:focus,
input[type="password"],input[type="password"]:focus,
input[type="tel"],input[type="tel"]:focus,
input[type="email"],input[type="email"]:focus,
select,select:focus,textarea,textarea:focus					{border:1px solid #ddd;border-radius:4px;line-height:normal;}

input[type="text"], input[type="password"],input[type="tel"],input[type="email"],textarea{padding:14px;}
	@media (max-width:991px)	{input[type="text"], input[type="password"],input[type="tel"],input[type="email"],textarea{padding:9px;}}

select{padding:9px 14px;}
	@media (max-width:991px)	{select{padding:6px 9px;}}


textarea{font-size:1;width:100%;height: 200px;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus{background:#f6f6f6;}


.required input[type="text"],
.required input[type="password"],
.required select,
.required textarea{border:1px solid #ffbaba;line-height:normal;}

.required input[type="text"]:focus,
.required input[type="password"]:focus,
.required textarea:focus{background:#fff6f6;line-height:normal;}

label{margin:0 1em 0 0;}

.form-ss{width:80px;}
.form-s{width:100px;}
.form-m{width:33%;min-width:240px}
.form-l{width:100%;}
.form-ll{width:100%;}

.img-message img{ border:solid 4px #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.4); position:relative; margin-bottom:70px;}
.img-message:after{ position:absolute;content: "";background-size: 170px 86px; background-repeat: no-repeat;top: -50px; left: 50%; margin-left:-85px; width: 170px; height: 86px; z-index: 1;background-image: url(../images/message/icon01.png);}

/* グローバルメニュー */
#header {
	margin: auto;
	padding: 0;
	line-height: 1;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	height: 140px;
	-webkit-transition: .3s;
	transition: .3s;
	background: #fff;
  }
  
@media (max-width:991px)	{#header{ height: 140px;}}
  .header__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 15px 15px 0;
	position: relative;
  }
  
  .header__inner .logo {
	width: 250px;
	margin: 15px 0;
  }
  
  .header__inner .logo img {
	width: 100%;
  }
  
  .header__inner .navigation {
	padding-top: 10px;
  }
  
  .header__inner .sns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: end;
		-ms-flex-pack: end;
			justify-content: flex-end;
	margin-bottom: 30px;
  }
  
  .header__inner .sns li {
	margin: 0 15px;
	list-style: none;
  }
  
  .header__inner .sns .basic-button {
	padding: 10px 30px;
	font-size: 15px;
	background-color: #20B4DE;
	border: solid 1px #fff;
	color: #fff;
	border-radius: 30px;
	text-align: center;
	display: block;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition: 0.2s;
	transition: 0.2s;
  }
  
  .header__inner .sns .basic-button:hover {
	background-color: #fff;
	border-color: #20B4DE;
	color: #20B4DE;
	text-decoration: none;
  }
  
  .header__inner .global_menu {
	width: 100%;
	color: #333;
	background: #fff;
	text-align: center;
  }
  
  .header__inner .global_menu li {
	display: inline-block;
	color: #333;
	font-size: 17px;
	font-weight: 500;
  }
  
  @media screen and (max-width: 1440px) {
	.header__inner .global_menu li {
	  font-size: 16px;
	}
  }
  
  .header__inner .global_menu a {
	display: block;
	text-decoration: none;
	color: #333;
	font-weight: 500;
	padding-bottom: 20px;
	transition: unset;
  }
  
  .header__inner .global_menu a:hover {
	text-decoration: none;
	color: #20B4DE;
	-webkit-transition: 0.2s;
	transition: 0.2s;
  }
  
  .header__inner .parent_menu:hover .child_menu {
	opacity: 1;
	visibility: visible;
  }
  
  .header__inner .child_menu {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 30px;
	color: #333;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.4s opacity;
	transition: 0.4s opacity;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  }
  
  .header__inner .child_menu li {
	position: relative;
	-webkit-font-feature-settings: 'palt';
			font-feature-settings: 'palt';
  }
  
  .header__inner .child_menu a {
	padding-bottom: 0;
  }
  
  .header__inner .child_menu a:hover {
	color: #20B4DE;
  }
  
  .header__inner .child_menu ion-icon {
	color: #20B4DE;
	position: absolute;
	top: 50%;
	left: -15px;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
  }
  
  .header__inner .child_menu:hover {
	visibility: visible;
  }
  
  .header__inner .child_menu .child_menu__coming_soon span {
	color: #bababa;
	position: relative;
  }
  
  .header__inner .child_menu .child_menu__coming_soon span::after {
	content: '※準備中';
	font-size: 12px;
	position: absolute;
	bottom: -80%;
	left: 0;
	color: #20B4DE;
  }
  
  .header__inner #hamburger {
	display: none;
  }
  
  @media (min-width: 1024px) {
	.header__inner .menu_button {
	  display: none;
	}
	.header__inner .global_menu {
	  padding: 0;
	  color: #fff;
	  background: #fff;
	  visibility: visible;
	  overflow-y: visible;
	}
	.header__inner .global_menu ul {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.header__inner .global_menu li {
	  margin: 0 15px;
	}
	.header__inner .parent_menu, .header__inner .child_menu > li {
	  display: inline-block;
	}
	.header__inner .parent_menu:hover .child_menu {
	  visibility: visible;
	}
	.header__inner .parent_menu:not(:last-child) {
	  margin-bottom: 0;
	}
	.header__inner .child_menu {
	  width: 100%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  height: -webkit-fit-content;
	  height: -moz-fit-content;
	  height: fit-content;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  padding: 30px 10%;
	  color: #333;
	  background: #fff;
	  visibility: hidden;
	}
	.header__inner .child_menu li {
	  font-size: 17px;
	  font-weight: 500;
	  margin: 15px 10px;
	  width: 210px;
	  text-align: left;
	}
  }
  
  /* スマホ閲覧時のハンバーガーメニュー */
  @media (max-width: 1024px) {
	.header__inner .logo {
	  width: 20%;
	  margin: 0;
	}
	.header__inner .navigation {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
		  -ms-flex-align: start;
			  align-items: flex-start;
	}
	.header__inner .menu_button {
	  width: 50px;
	  height: 50px;
	  top: 20px;
	  right: 20px;
	  background: #20B4DE;
	  z-index: 10;
	}
	.header__inner .icon_open {
	  font-size: 40px;
	  -webkit-transform: translate(11%, 15%);
			  transform: translate(11%, 15%);
	  color: #fff;
	  display: block;
	  -webkit-transition: 0.2s;
	  transition: 0.2s;
	}
	.header__inner .icon_close {
	  display: none;
	  font-size: 40px;
	  -webkit-transform: translate(11%, 15%);
			  transform: translate(11%, 15%);
	  color: #fff;
	}
	.header__inner #hamburger:checked + .menu-button .icon_open {
	  display: none;
	}
	.header__inner #hamburger:checked + .menu-button .icon_close {
	  display: block;
	}
	.header__inner .global_menu {
	  visibility: hidden;
	  width: 50%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  right: 0;
	  padding: 15% 0;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
	  color: #fff;
	  background: #20B4DE;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  text-align: center;
	}
	.header__inner .global_menu > ul {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  -webkit-box-align: start;
		  -ms-flex-align: start;
			  align-items: flex-start;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
	.header__inner .global_menu li {
	  color: #fff;
	  margin: 15px 0;
	  text-align: left;
	}
	.header__inner .global_menu a {
	  color: #fff;
	  text-align: left;
	  padding: 0 30px;
	}
	.header__inner .global_menu a:hover {
	  color: #fff;
	}
	.header__inner #hamburger:checked ~ .global_menu {
	  /* メニュー全体のスタイル（チェック済） */
	  visibility: visible;
	  /* メニューを表示 */
	}
	.header__inner .global_menu a {
	  /* 各項目のスタイル */
	  display: block;
	  width: 100%;
	  color: #fff;
	}
	.header__inner .parent_menu {
	  position: relative;
	  width: 100%;
	}
	.header__inner .parent_menu:not(:last-child) {
	  margin-bottom: 20px;
	}
	.header__inner .parent_menu > a {
	  font-weight: bold;
	}
	.header__inner .child_menu {
	  top: unset;
	  bottom: 0;
	  height: -webkit-fit-content;
	  height: -moz-fit-content;
	  height: fit-content;
	  position: relative;
	  margin-top: 20px;
	  padding: 0 20px;
	  opacity: 1;
	  display: none;
	}
	.header__inner .child_menu ion-icon {
	  display: none;
	}
	.header__inner .child_menu li {
	  border-bottom: solid 1px #20B4DE;
	  width: 100%;
	  margin: 0;
	}
	.header__inner .child_menu li:last-of-type {
	  border: 0;
	}
	.header__inner .child_menu a {
	  color: #20B4DE;
	  padding: 25px 20px;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
	}
	.header__inner .child_menu a:hover {
	  color: #20B4DE;
	}
	.header__inner .child_menu .child_menu__coming_soon {
	  padding: 25px 20px;
	}
	.header__inner .child_menu .child_menu__coming_soon span::after {
	  bottom: 40%;
	  left: unset;
	  right: -40%;
	  -webkit-transform: translate(0, 50%);
			  transform: translate(0, 50%);
	}
	.header__inner .show_child {
	  visibility: visible;
	  display: block;
	}
  }
  
  @media (max-width: 480px) {
	.header__inner {
	  position: relative;
	}
	.header__inner .logo {
	  width: 40%;
	}
	.header__inner .global_menu {
	  width: 100%;
	}
	.header__inner .navigation {
	  padding: 0;
	}
	.header__inner .sns {
	  position: absolute;
	  left: 0;
	  bottom: -60px;
	  margin-bottom: 0;
	  width: 100%;
	  -webkit-box-pack: end;
		  -ms-flex-pack: end;
			  justify-content: flex-end;
	}
	.header__inner .sns li {
	  margin: 0 20px;
	}
	.header__inner .sns li:last-of-type {
	  margin-left: 15%;
	}
	.header__inner .sns .basic-button {
	  padding: 10px 20px;
	  font-size: 14px;
	}
  }
  
  @media screen and (max-width: 400px) {
	.header__inner .sns li:last-of-type {
	  margin-left: 8%;
	}
  }

  /* フッター */
  .footer {
	padding: 0 5% 30px;
  }
  
  .footer .footer__inner {
	width: 100%;
	margin: 0 auto 30px;
	border-top: solid 2px #333;
	padding-top: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  }
  
  @media (max-width: 1024px) {
	.footer .footer__inner {
	  -webkit-box-pack: start;
		  -ms-flex-pack: start;
			  justify-content: flex-start;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: reverse;
		  -ms-flex-direction: column-reverse;
			  flex-direction: column-reverse;
	  width: 100%;
	  padding: 25px 5%;
	}
  }
  
  .footer .footer__image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	margin-bottom: 30px;
	margin-right: 30px;
  }
  
  @media (max-width: 1024px) {
	.footer .footer__image {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  -webkit-box-align: start;
		  -ms-flex-align: start;
			  align-items: flex-start;
	  margin: 30px 0;
	}
  }
  
  .footer .footer_logo {
	width: 200px;
	margin-right: 40px;
  }

  .footer .footer_logo img {
	  width: 100%;
  }
  
  @media (max-width: 480px) {
	.footer .footer_logo {
	  margin-bottom: 20px;
	}
  }
  
  .footer .sns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	list-style: none;
  }
  
  .footer .sns li {
	margin: 0 15px;
  }

  .footer .sns li:last-of-type a {
	  display: flex;
	  align-items: center;
  }
  
  .footer .sns ion-icon {
	font-size: 27px;
	color: #000;
  }
  
  .footer .corporate_info {
	font-size: 14px;
	letter-spacing: 1px;
  }
  
  .footer .corporate_number {
	letter-spacing: 2px;
	margin-bottom: 15px;
  }
  
  .footer .corporate_number label {
	margin-right: 30px;
  }
  
  .footer .footer_menu {
	width: 870px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	padding-top: 20px;
	list-style: none;
  }
  
  @media (max-width: 1024px) {
	.footer .footer_menu {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  width: 100%;
	  -webkit-box-pack: start;
		  -ms-flex-pack: start;
			  justify-content: flex-start;
	  -webkit-box-align: start;
		  -ms-flex-align: start;
			  align-items: flex-start;
	  text-align: left;
	}
  }
  
  .footer .footer_menu li {
	font-size: 14px;
  }
  
  @media (max-width: 1024px) {
	.footer .footer_menu li {
	  margin: 15px 0;
	  font-size: 16px;
	}
  }

  .footer .footer_menu li a {
	  color: #333;
  }
  
  .footer .copy_right {
	font-size: 11px;
	text-align: center;
	margin: 0 auto;
	width: 380px;
	display: block;
  }
  
  @media (max-width: 480px) {
	.footer .copy_right {
	  text-align: left;
	  width: 100%;
	}
  }

.pin-box{position: relative; border: 1px solid #ccc; border-radius: 10px;}
.pin-text{padding: 10px; font-size: 14px;}
.pin-text h4{font-size: 16px; margin-bottom: 15px; font-weight: bold; text-align: left;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
position: relative;
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #20b4de));
background: linear-gradient(transparent 85%, #20b4de 0%);
display: inline-block;
padding: 2px 0;}
.pin-img{border-radius: 10px 0 0 10px;}


.h4-pinm{font-size: 16px; margin-bottom: 15px; font-weight: bold; text-align: center;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
position: relative;
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #20b4de));
background: linear-gradient(transparent 85%, #20b4de 0%);
display: inline-block;
padding: 2px 0;}