body,h1, h2, h3, h4, h5, h6,.conttb,.acc,.btn{
	font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

#pwbox-128{
	border:solid 2px #3B5CA9;
}

#sitelogo{
	margin:40px 0;
}

.dropmenu{
	margin-top:55px;
	font-size:12px;
}

.content-widget{
	padding:0;
}

#panel-w5c355f73289a3-0-0-0,#panel-w5c3560337801f-0-0-0,#panel-w5c3560840e7a5-0-0-0{
	margin:0 !important;
}

.top-top,.top2-top,.top3-top{
  height:auto;
	display:flex;
}

.top-top img,.top2-top img,.top3-top img{
	width:50%;
}

.top-top p{
	width:50%;
	text-align:left;
	font-size:26px;
	font-weight:bold;
	line-height:200%;
	margin-top:170px;
	color:#000;
}

.top-top span{
	display:block;
	font-size:14px;
	font-weight:bold;
	margin-top:50px;
	line-height:200%;
}


p.top-ser-title{
	font-size:26px;
	font-weight:bold;
	padding:120px 0;
	margin:0;
}

.top-ser-title:after{
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #fff;
top:60%;
left:40%;
width: 20%;
}

.top-ser-title-span{
	font-size:36px;
}

.top-back-2{
	height:400px;
}

.top2-top p,.top3-top p{
	width:50%;
	text-align:left;
	color:#3b5ca9;
	font-size:26px;
	font-weight:bold;
	padding-left:80px;
	margin-top:130px;
}

.top2-p-span,.top2-p-span2,.top2-p-span3,.top3-p-span,.top3-p-span2,.top3-p-span3{
	display:block;
	font-size:16px;
	margin-top:50px;
}

.top2-p-span2,.top2-p-span3,.top3-p-span2,.top3-p-span3{
	margin-top:0px;
}

.top3-top p{
	color:#c0ddef;
}

.top3-p-span,.top3-p-span2{
	color:#fff;
}

.top2-p-span3{
	color:#fff;
}

.top2-p-span3:hover,.top3-p-span3:hover{
	color:#F8D4CE;
}

.top3-p-span3{
	color:#c0ddef;
}

#pl-w5c1076254101a{
	margin:50px 0 80px;
}

.widget-title,.group-com h2{
	width:70%;
	color:#3B5CA9;
	font-size:22px;
	font-weight:bold;
	padding:50px 0 50px;
	margin:0 auto;
}

.widget-title:after,.group-com h2:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f8d4ce;
}

.widget-title:after{
	top:38%;
  left:22%;
  width: 5%;
}

.content-widget li{
	text-align:left;
	font-size:16px;
	margin-left:30px;
}

.group-com h2:after{
  top:38%;
  left:73%;
  width: 5%;
}

.group-venimg,.group-comimg{
	float:left;
	width:35%;
	margin-left:35px;
}

.group-comtx{
	float:right;
	width:55%;
	text-align:left;
	padding-left:15px;
}

.group-comtx h3{
	color:#3B5CA9;
  font-size:16px;
	margin-top:25px;
}

.group-comtx h4{
	color:#3B5CA9;
  font-size:16px;
}

.group-comimg:after,.group-comtx:after{
  content: "";
  clear: both;
  display: block;
}

.blog-title{
	color:#000;
	font-size:26px;
	font-weight:bold;
	margin:50px 0;
}


.blog-tx{
	color:#000;
	font-size:18px;
	margin:20px 0 50px;
}

.content-innercontent{
	padding:0;
}

.ser-top,.com-top{
	margin:50px auto 100px;
	position:relative;
}

.ser-top h2,.ser-all-top h2,.com-top h2,.about-title h2,.rec-title h2,.cont-top h2{
	text-align:center;
	color:#3B5CA9;
	font-size:26px;
	font-weight:bold;
}


.ser-top h2:after,.ser-all-top h2:after,.ser-title h2:after,.com-top h2:after,.about-title h2:after,.rec-title h2:after,.cont-top h2:after{
  position: absolute;
  content: " ";
  display: block;
}

.ser-top h2:after,.com-top h2:after,.about-title h2:after,.rec-title h2:after,.cont-top h2:after{
	border-bottom: solid 3px #f8d4ce;
	top:46px;
  left:504px;
  width: 4%;
}

.ser-top p{
	width:85%;
	color:#000 !important;
	margin:0 auto;
}

.ser-title-jp,.com-title-jp,.about-title-jp,.rec-title-jp,.cont-title-jp{
	display:block;
	font-size:16px;
	margin:20px;
}

.ser-all{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-top:-70px;
}

.ser1,.ser2,.ser3,.ser4,.ser5,.ser6{
	width:31%;
	padding:5px;
}

figure.snip1382 {
  position: relative;
  overflow: hidden;
  margin: 10px;
  height: auto;
  width: 100%;
  text-align: center;
}

figure.snip1382 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

figure.snip1382 img {
  max-width: 100%;
}

figure.snip1382:after,
figure.snip1382:before,
figure.snip1382 figcaption:after,
figure.snip1382 figcaption:before {
  background: #0a0a0a;
  height: 25%;
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: all 0.35s steps(4);
  transition: all 0.35s steps(4);
  z-index: 1;
  left: 50%;
  right: 50%;
}

figure.snip1382:before {
  top: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

figure.snip1382:after {
  top: 25%;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

figure.snip1382 figcaption:before {
  top: 50%;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  z-index: -1;
}

figure.snip1382 figcaption:after {
  top: 75%;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  z-index: -1;
}

figure.snip1382 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding:30px 20px;
}

figure.snip1382 h2,
figure.snip1382 p,
figure.snip1382 .icons {
  margin: 0;
  width: 100%;
  opacity: 0;
}

figure.snip1382 h2 {
	color:#fff;
	font-size:24px;
	font-weight:bold;
  text-transform: uppercase;
}

figure.snip1382 p {
	color:#fff !important;
	text-align:left;
	font-size:14px;
	margin-top:20px;
}

figure.snip1382 i:hover {
  opacity: 1;
}

figure.snip1382:hover:after,
figure.snip1382.hover:after,
figure.snip1382:hover:before,
figure.snip1382.hover:before,
figure.snip1382:hover figcaption:after,
figure.snip1382.hover figcaption:after,
figure.snip1382:hover figcaption:before,
figure.snip1382.hover figcaption:before {
  left: 0;
  right: 0;
  opacity: 0.8;
}

figure.snip1382:hover figcaption h2,
figure.snip1382.hover figcaption h2,
figure.snip1382:hover figcaption p,
figure.snip1382.hover figcaption p{
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

figure.snip1382:hover figcaption h2,
figure.snip1382.hover figcaption h2{
  opacity: 1;
}
figure.snip1382:hover figcaption p,
figure.snip1382.hover figcaption p {
  opacity: 0.7;
}

.com-top h3,.cont-top h3{
	text-align:left;
	color:#000;
	font-size:14px;
	padding:0 20px;
	line-height:170%;
}

.gree-img{
	text-align:right;
	margin:0 40px 0 0;
}

.gree-img img{
  width:23%;
}

.about-title{
	margin:50px auto 30px;
	position:relative;
}

.about-tb-all,.kyuzin-tb-all{
	width:95%;
	margin:0 auto;
}

.abouttb-left,.kyuzin-tb-left{
	width:20%;
	color:#3B5CA9;
	font-size:14px;
	font-weight:bold;
  padding:15px 0 15px 20px;
	border-bottom:solid 2px #fff;
	background-color:#C0DDEF;
}

.abouttb-right,.kyuzin-tb-right{
	color:#3B5CA9;
	font-size:14px;
	padding:10px 0 10px 20px;
	border-bottom:solid 2px #fff;
}

.top-map2{
	width:92%;
	margin:0 auto 80px;
	padding:20px;
	background-color:#F8D4CE;
}

iframe{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

iframe:hover{
  -webkit-filter:none;
  filter:none;
}

.rec-title{
	margin:50px auto 0px;
	position:relative;
}

.so-widget-sow-button{
	margin:50px 0;
}

.cont-top{
	margin:30px 0;
	position:relative;
}

.cont-top h3{
	text-align:center;
	line-height:200%;
}

.conttb{
	margin:0 0 50px 0;
}

.conttb-left{
	width:20%;
	color:#3B5CA9;
	font-size:14px;
	font-weight:bold;
  padding:15px 0 15px 20px;
	border:solid 2px #3B5CA9;
	background-color:#C0DDEF;
}

.conttb-right{
	color:#3B5CA9;
	font-size:14px;
	border:solid 2px #3B5CA9;
}

.textbox,.tel{
	border:solid 2px #C0DDEF;
	width:50%;
}

.textarea{
	border:solid 2px #C0DDEF;
	width:98%;
}

.haveto{
  font-size:14px;
  padding:5px;
  background:#F8D4CE;
  color:#3B5CA9;
  border-radius:2px;
  margin-right:5px;
}

.any{
  font-size:14px;
  padding:5px;
  background:#3B5CA9;
  color:#fff;
  border-radius:2px;
  margin-right:5px;
}

.acc{
	font-size:16px;
}

.submitbtn{
	margin-top:30px;
}

.btn{
  background:#3B5CA9;
  color:#fff;
  font-size:12px;
	font-weight:bold;
  text-shadow:none !important;
	border-radius:10px;
}

.btn:hover{
  background:#C0DDEF;
  color:#3B5CA9;
	text-shadow:none !important;
}

#pgc-13-0-0,#pgc-453-0-0,#pgc-15-0-0{
	width:1056px;
}

@media screen and (max-width: 480px){
	
#sitelogo_sp{
	width:30%;
	margin:5px 0;
}
	
.fa-bars{
	margin-top:10px;
}

.content-widget,.row{
	margin-bottom:0 !important;
}
	
.top-top{
	flex-direction: column;
	text-align:center;
}
	
.top-top img,.top2-top img,.top3-top img{
	width:100%;
}
	
.top-top p{
	width:100%;
	text-align:left;
	font-size:16px;
	margin:40px 0 40px 10px;
}
	
.top-top span{
	font-size:12px;
	margin-top:30px;
	line-height:170%;
}
	
p.top-ser-title{
	font-size:18px;
	font-weight:bold;
	padding:35px 0;
	margin-bottom:0;
	position: relative;
}
	
.top-ser-title:after{
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #fff;
top:80%;
left:40%;
width: 20%;
}

.top-ser-title-span{
	font-size:24px;
}

.top-back-2{
	height:150px;
}
	
.top2-top{
	flex-flow:column-reverse nowrap; 
}

.top2-top p,.top3-top p{
	width:100%;
	font-size:20px;
	padding-left:10px;
	margin:50px 0;
}

.top2-p-span,.top2-p-span2,.top2-p-span3,.top3-p-span,.top3-p-span2,.top3-p-span3{
	font-size:12px;
	margin-top:20px;
	line-height:150%;
}

.top2-p-span2,.top2-p-span3,.top3-p-span2,.top3-p-span3{
	margin-top:0px;
}
	
.top3-top{
	flex-flow:column; 
}
	
.widget-title,.group-com h2{
	width:70%;
	font-size:18px;
	padding:0 0 20px;
}
	
.content-widget li{
	text-align:left;
	font-size:10px;
	margin-left:10px;
}
	
.group-com h2{
	padding:0 0 20px;
}

.widget-title:after,.group-com h2:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f8d4ce;
}

.widget-title:after{
	top:20%;
  left:40%;
  width: 20%;
}

.group-com h2:after{
  top:59%;
  left:40%;
  width: 20%;
}

.group-comimg{
	width:30%;
	margin-left:5px;
}

.group-comtx{
	width:65%;
	padding-left:5px;
}

.group-comtx h3{
  font-size:10px;
	margin-top:10px;
}

.group-comtx h4{
  font-size:10px;
}

.postimg{
	display:none;
}
	
.blog-title{
	font-size:16px;
  margin:20px 0;
}


.blog-tx{
	font-size:12px;
	margin:20px 0 0;
}
	
.ser-top{
	position:relative;
	margin:30px auto 50px;
	background-color:#fff;
}

.ser-top h2,.ser-all-top h2,.com-top h2,.about-title h2,.rec-title h2,.cont-top h2{
	font-size:20px;
	font-weight:bold;
}

.ser-top p{
	width:95%;
	font-size:12px;
	line-height:150%;
	margin:0 auto;
}

.ser-top h2:after{
	top:32px;
  left:40%;
  width: 20%;
}

.ser-title-jp,.com-title-jp,.about-title-jp,.rec-title-jp,.cont-title-jp{
	display:block;
	font-size:12px;
	margin:10px 0;
}

.ser-all{
	display:flex;
	flex-direction:column;
	margin-top:-30px;
}

.ser1,.ser2,.ser3,.ser4,.ser5,.ser6{
	width:98%;
	padding:5px 5px 0 5px;
}

figure.snip1382 {
  margin:0 0 5px 0;
}

figure.snip1382 img {
  max-width: 100%;
}

figure.snip1382 figcaption {
  padding:25px 20px 0;
}


figure.snip1382 h2 {
	font-size:20px;
}

figure.snip1382 p {
	font-size:14px;
	margin-top:20px;
	line-height:150%;
}
	
.com-top{
  margin:30px 0 50px;
}
	
.com-top h3,.cont-top h3{
	font-size:10px;
	padding:0 10px;
}

.gree-img{
	text-align:right;
	margin:0 20px 0 0;
}

.gree-img img{
  width:50%;
}
	
.about-title,.rec-title{
	margin:40px auto 0;
	position:relative;
}
	
.com-top h2,.about-title h2{
  margin-bottom:10px;
}
	
.com-top h2:after,.about-title h2:after,.rec-title h2:after,.cont-top h2:after{
  top:33px;
	left:40%;
	width:20%;
}

.about-tb-all{
	width:95%;
	margin:0 auto;
}

.abouttb-left,.kyuzin-tb-left{
	width:25%;
	text-align:center;
	font-size:10px;
  padding:0;
}

.abouttb-right,.kyuzin-tb-right{
	font-size:10px;
	padding:10px 10px 10px 5px;
}

.top-map2{
	width:90%;
	margin:0 auto 50px;
	padding:9px;
}
	
.so-widget-sow-button{
	margin:30px 0;
}
	
.cont-top h3{
	text-align:left;
}
	
.conttb{
	margin:30px 0 20px;
}

.conttb td {
 display:block;
 width:100%;
 border:none;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;	
}

.textbox,.tel{
	width:95%;
}

.textarea{
	width:95%;
}

.acc{
	font-size:12px;
}

.submitbtn{
	margin-top:30px;
}

}

@media screen and (min-width: 481px)and (max-width: 800px){
#sitelogo{
	width:20%;
	margin:5px 0;
}
	
.fa-bars{
	margin-top:20px;
}

.content-widget,.row{
	margin:0 !important;
}
	
.fa-bars{
	margin-top:15px;
}

.content-widget,.row{
	margin:0 !important;
}
	
.top-top{
	flex-direction: column;
	text-align:center;
}
	
.top-top img,.top2-top img,.top3-top img{
	width:100%;
	height:500px;
}
	
.top-top p{
	width:100%;
	text-align:center;
	font-size:18px;
	margin:40px 0 40px 0;
}
	
.top-top span{
	font-size:12px;
	margin-top:30px;
	line-height:170%;
}
	
p.top-ser-title{
	font-size:18px;
	font-weight:bold;
	padding:35px 0;
	margin-bottom:0;
	position: relative;
}
	
.top-ser-title:after{
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #fff;
top:80%;
left:40%;
width: 20%;
}

.top-ser-title-span{
	font-size:24px;
}

.top-back-2{
	height:150px;
}
	
.top2-top{
	flex-flow:column-reverse nowrap; 
}

.top2-top p,.top3-top p{
	width:100%;
	font-size:22px;
	padding-left:10px;
	margin:50px 0;
	text-align:center;
}

.top2-p-span,.top2-p-span2,.top2-p-span3,.top3-p-span,.top3-p-span2,.top3-p-span3{
	font-size:14px;
	margin-top:20px;
	line-height:150%;
}

.top2-p-span2,.top2-p-span3,.top3-p-span2,.top3-p-span3{
	margin-top:0px;
}
	
.top3-top{
	flex-flow:column; 
}
	
	
.widget-title,.group-com h2{
	width:70%;
	font-size:20px;
	padding:30px 0 20px;
}
	
.group-com h2{
	padding:0 0 20px;
	}

.widget-title:after,.group-com h2:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f8d4ce;
}

.widget-title:after{
	top:21%;
  left:40%;
  width: 20%;
}
	
.content-widget li{
	text-align:left;
	font-size:14px;
	margin-left:60px;
}

.group-com h2:after{
  top:57%;
  left:40%;
  width: 20%;
}

.group-comimg{
	width:26%;
	margin-left:55px;
}

.group-comtx{
	width:63%;
}

.group-comtx h3{
  font-size:14px;
	margin-top:30px;
}

.group-comtx h4{
  font-size:14px;
}

.ser-top{
	position:relative;
	margin:30px auto 50px;
	background-color:#fff;
}

.ser-top h2,.com-top h2,.about-title h2,.rec-title h2,.cont-top h2{
	font-size:20px;
	font-weight:bold;
}

.ser-top h3{
	font-size:12px;
	padding:0 15px;
}

.ser-title h2{
	font-size:20px;
	padding:50px 0;
	font-weight:bold;
	position:relative;
	z-index:1;
}

.ser-top h2:after{
	top:32px;
  left:40%;
  width: 20%;
}

.ser-title h2:after{
	top:82px;
  left:40%;
  width:20%;
}

.ser-title-jp,.com-title-jp,.about-title-jp,.rec-title-jp,.cont-title-jp{
	display:block;
	font-size:12px;
	margin:10px 0;
}

.ser-list{
	margin-top:-60px;
	position:relative;
	z-index:2;
}

.ser-list1,.ser-list2,.ser-list3,.ser-list4,.ser-list5,.ser-list6{
  width:46%;
	margin-bottom:20px;
}

.ser-list1 h3,.ser-list2 h3,.ser-list3 h3,.ser-list4 h3,.ser-list5 h3,.ser-list6 h3{
	font-size:14px;
	padding:20px 0 0 5px;
	margin-bottom:15px;
}

.ser-list1 p,.ser-list2 p,.ser-list3 p,.ser-list4 p,.ser-list5 p,.ser-list6 p{
	font-size:10px;
	font-weight:bold;
	padding:0px 5px 30px;
	margin:0;
}
	
.com-top{
  margin:30px 0 50px;
}
	
.com-top h3,.cont-top h3{
	font-size:10px;
	padding:0 10px;
}

.gree-img{
	text-align:right;
	margin:0 20px 0 0;
}

.gree-img img{
  width:30%;
}
	
.about-title,.rec-title{
	margin:40px auto 0;
	position:relative;
}
	
.com-top h2,.about-title h2{
  margin-bottom:10px;
}
	
.com-top h2:after,.about-title h2:after,.rec-title h2:after,.cont-top h2:after{
  top:33px;
	left:40%;
	width:20%;
}

.about-tb-all{
	width:95%;
	margin:0 auto;
}

.abouttb-left,.kyuzin-tb-left{
	width:25%;
	text-align:center;
	font-size:10px;
  padding:0;
}

.abouttb-right,.kyuzin-tb-right{
	font-size:10px;
	padding:10px 10px 10px 5px;
}

.top-map2{
	width:90%;
	margin:0 auto 50px;
	padding:9px;
}
	
.so-widget-sow-button{
	margin:30px 0;
}
	
.cont-top h3{
	text-align:left;
}
	
.conttb{
	margin:30px 0 20px;
}

.conttb td {
 display:block;
 width:100%;
 border:none;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;	
}

.textbox,.tel{
	width:95%;
}

.textarea{
	width:95%;
}

.acc{
	font-size:12px;
}

.submitbtn{
	margin-top:30px;
}

}