@charset "utf-8";/* 1行目必須 */
/*-------------------------------------------------
2019　CSS　by WebCreatorCloudProject TRIBECA
------------------------------------------------*/
@media screen and (max-width: 800px) {
/*-------------------------------------------------
 body
-------------------------------------------------*/
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	-webkit-text-size-adjust:100%;
	width:100%;
	margin:auto;
	letter-spacing:1px;
	color:#212121;
}
#wra {
	width:100%;

}
h1 {
	margin:0;
	padding:0;
}
a, a:focus {
	color:#00558f;
	text-decoration:none;
	outline: none;
}
a:link, a:visited {
	color:#00558f;
}
a:hover, a:active {
	text-decoration:underline;
}
img {
	display:block;
}
a img {
	transition: 0.5s;/* アニメーション */
	-webkit-transition: 0.5s;
}
a img:hover {
	opacity: 0.7;/* 透過率50% */
}
a .fab,a:focus .fab,a .far,a:focus .far {
	color:#414141;
	text-decoration:none;
	outline: none;
}
a:link .fab, a:visited .fab, a:link .far, a:visited .far {
	color:#414141;
}
h1, h2, h3, h4, h5, h6, img, img a, p, table, tr, td, dt, dl, dd {
	margin: 0px;
	padding: 0px;
	border:0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
ul, ol, li, dl, dt, dd {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	font-weight:500;
}
	 hr {
	margin:20px auto 20px;
	width:100%;
	border:none;
	line-height:2px;
	border-top:solid 1px #ccc;
}
/*-------------------------------------------------
 header
-------------------------------------------------*/
#hea-wra {
	width:100%;
	height:auto;
}
#hea-con {
	max-width:100%;
	width:100%;
	padding:0;
	height:auto;
	margin:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
}

#hea-lef {
	width:112px;
	height:auto;
}
#hea-lef img{
	width:100%;
	height:auto;
}
#hea-rig {
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-left:auto;
	margin-right:0px;

}
#hea-con h1 {
	font-size:80%;
	font-weight:500;
	line-height:150%;
	height:auto;
	padding-right:10px;
	text-align:right;
}
.hea-tit{
	display:none;
}
.sns-blo{
	display:flex;
flex-wrap:wrap;
justify-content: space-around;/*均等分布*/
align-items:center;/*垂直中央*/
	margin:5px auto;
}
.sns-blo li{
	margin-left:10px;
}
.sns-blo li:first-of-type{
	margin-left:0px;
}
	
/*-------------------------------------------------
 MENU
-------------------------------------------------*/
#men-wra {
	width:100%;
	text-align:center;
	margin:auto;
	padding:0px 0;
	display:block;
	background:#f5f5f5;
}
#men {
	max-width:100%;
	width:100%;
	margin:0px auto 0;
	display:none;
	z-index:100;
	position:absolute;
	top:89px;
	left:0;
	background:#f5f5f5;
}

#men li {
	text-align:center;
	border-right:dotted 0px #dfdfdf;
	width:calc(100% - 0px);
	border-bottom:dotted 1px #212121;

}
#men li a {
	color:#212121;
	width:calc(100% - 0px);
	font-weight:600;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:96%;
	margin:3px 0;
	padding:10px 0px;
	transition: 0.8s;
}

#men li a:hover {
	color:#ff3e3e;
	background:#fff;
	text-decoration:none;
	border-radius:2px;
}
#navToggle {
	display:none;
}
#sub-men {
	position:absolute;
	top:50px;
	height:auto;
	z-index:10;
}
#sub-men li {
	border-right:dotted 0px #dfdfdf;
	width:calc(100% - 6px);
	background:#212121;
	padding:3px 3px;
	border-top:dotted 1px #dfdfdf;
}
#sub-men li a {
	color:#FFF;
	width:calc(100% - 20px);
	font-weight:600;
	display:block;
	text-align:left;
	text-decoration:none;
	font-size:96%;
	margin:0px 0px;
	padding:8px 10px;
	transition: 0.8s;

}
#sub-men {
	display:none;
}
#men {
	display:none;
}
#navToggle {
 display:block; /*通常時は非表示にしておきます*/
/* position:absolute; bodyに対しての絶対位置指定です*/
position:absolute;
 right:10px;
 top:0px;
 width:26px;
 height:44px;
 cursor:pointer;
 background:#f8f8f8;
 padding:0 8px;
 margin:5px 0;
 border:solid 2px #212121;
 border-radius:4px;
 -webkit-border-radius:0px;
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */

}
#navToggle div {
position:relative;
} /*spanの絶対位置指定の親にします*/
#navToggle span {
 display:block;
 position:absolute; /*#navToggle div に対して*/
 width:100%;
 left:0;
 border-bottom:solid 2px #212121;
 -webkit-transition: .35s ease-in-out;
 -moz-transition: .35s ease-in-out;
 transition: .35s ease-in-out;
 
}
#navToggle span:nth-child(1) {
top:12px;
}
#navToggle span:nth-child(2) {
top:20px
}
#navToggle span:nth-child(3) {
top:28px
}

/*-------------------------------------------------
 footer
-------------------------------------------------*/
#foo-wra {
	height:auto;
	width:100%;
	border-top:10px solid #212121;
	padding:20px 0px;
	background:#fff;
}
#foo-con {
	width:94%;
	height:auto;
	margin:auto 3%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;/*両端分布*/
	align-items:flex-start;/*垂直中央*/
}
#foo-con a {
	text-decoration:none;
}
.foo-inf-lis li:first-of-type a{
		display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
}
.foo-inf-lis li:first-of-type a img{
	width:18px;
	height:auto;
}

.foo-men {
	width:calc(33% - 20px);
	margin-right:20px;
}
.foo-men ul {
}
.foo-men-tit {
	font-size:100%;
	font-weight:600;
}
.foo-men hr {
	margin:10px 0;
	width:80px;
	border-top:solid 2px #e48989;
}
.foo-men-tex {
	font-size:90%;
	line-height:140%;
	padding:10px 0;
}

.foo-men-lis li {
	padding-right:16px;
	position:relative;
}
.foo-men-lis li a::after {
position:absolute;
content: "";
background:url(../images/chevron-right_red_sma.svg) right center no-repeat;
width:22px;
height:22px;
}
.foo-sns-blo {
	height:100%;
	max-height:380px;
	overflow:auto;
	padding:0px 0px;
	width:33%;
}
.foo-rig-blo {
	width:33%;
	align-self:center;
	text-align:center;
}
.foo-rig-blo img {
	display:inline;
}
.foo-rig-blo .sns-blo{
	max-width:280px;
	width:80%;
	margin:5px auto;
}

#cop {
	text-align:center;
	font-size:90%;
	background:#f5f5f5;
	line-height:50px;
	color:#212121;
}
#cop a {
	color:#212121;
}
/*-------------------------------------------------
 page top
-------------------------------------------------*/
#pag-top {
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:10;
}
#pag-top a {
	width:34px;
	height:34px;
	text-align:center;
	border-radius:2px;
	color:#FFF;
	text-decoration:none;
	/* 斜め背景色 */
	background:#00558f;
	background:-moz-linear-gradient(135deg, #00558f 50%, #4f4034 51%); /* FF3.6-15 */
	background:-webkit-linear-gradient(135deg, #00558f 50%, #4f4034 51%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(135deg, #00558f 50%, #4f4034 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	transition: 0.2s;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s;
	display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
	
}
#pag-top a:hover {
}

/*-------------------------------------------------
 メイン画像 main visual
  -------------------------------------------------*/
.mai-vis-sli-wra {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background:#f8f8f8;
	position:relative;
	z-index:1;
	overflow:hidden;
	border-bottom:10px solid #f5f5f5;
}
.mai-vis-cov {
	position:absolute;
	top: calc(50% + 0px);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:2;
}
.mai-vis-cov .pc-ima{
	display:block;
}

.mai-vis-cov .sp-ima{
	display:none;
}
.mai-vis-sli {
	text-align:center;
	max-width:1080px;
	max-height:296px;
	width:100%;
	height:auto;
	margin:auto;
}
.mai-vis-sli p img {
	width:100%;
	height:auto;
	display:inline;
	vertical-align:bottom;
}
/*-------------------------------------------------
 メインflexブロック main flex block
  -------------------------------------------------*/
.mai-fle-vis {
	width:94%;
	height:auto;
	margin:0 3%;
	padding:10px 0;
	background:#fff;
	overflow:hidden;
}
.mai-fle-sec {
	text-align:center;
	max-width:100%;
	width:100%;
	height:auto;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;/*両端分布*/
	align-items:center;/*垂直中央*/
}
.mai-fle-sec li {
	max-width:340px;
	width:32%;
	height:320px;
	background:#FFF;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:flex-start;
}
.mai-fle-sec li .eff-but-blo {
	align-self:flex-end;
}
.mai-fle-tit {
	padding:15px 5px 5px;
	line-height:130%;
}
.mai-fle-ima {
	position:relative;
	max-width:180px;
	width:180px;
	height:180px;
	background:#FFF;
	overflow:hidden;
	text-align:center;
}
.mai-fle-ima img {
	position:absolute;
	height:auto;
	width:100%;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: 340px;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
/*-------------------------------------------------
 サブコンテンツヘッダ
  -------------------------------------------------*/
.sub-con-hea-wra {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background:#f8f8f8;
	position:relative;
	z-index:1;
	overflow:hidden;
}
.sub-con-hea {
	text-align:center;
	width:100%;
	min-height:140px;
	height:auto;
	margin:auto;
	background:url(../images/bac_sub_con_hea01.jpg) center no-repeat;
	display:flex;
flex-wrap:wrap;
justify-content:center;/*水平中央*/
align-items:center;/*垂直中央*/
}
.sub-con-hea h2{
	color:#00558f;
	font-size:130%;
	letter-spacing:1px;
}
/*-------------------------------------------------
 nav
-------------------------------------------------*/
.nav {
	width:100%;
	max-width:640px;
	margin:auto;
}
.nav-blo {
	margin-bottom:30px;
	background:#FFF;
	padding:20px 0;
}
.nav-tit {
	font-size:110%;
	font-weight:600;
	text-align:center;
}
.nav hr {
	margin:20px auto 20px;
	width:80px;
	border-top:solid 2px #dc8787;
}
.nav-pro-ima {
	width:140px;
	height:140px;
	margin:auto;
	padding-bottom:30px;
}
.nav-pro-ima img {
	width:100%;
	height:auto;
	border-radius:50%;
}
.nav-sec {
	padding:0 20px 30px;
}
.nav-lis {
	font-size:90%;
	padding:0 20px;
	text-align:right;
}
.nav-lis li {
}
 .nav-lis li::after {
right: 0;
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900;
text-indent:70%;
padding-left:10px;
color:#dc8787;
}
	.nav-lis,.widget_archive ul{
	font-size:90%;
	padding:0 30px;
	text-align:right;
}
.nav-lis li, .widget_archive ul li {
	padding-right:16px;
	position:relative;
}
.nav-lis li::after, .widget_archive ul li::after {
position:absolute;
content: "";
background:url(../images/chevron-right_red_sma.svg) right center no-repeat;
width:22px;
height:22px;
}
.nav-sea-for{
  position: relative;
}
.nav-sea-for input[type="text"] {
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e5e5e5;
  display: block;
  padding: 5px 10px;
  border-radius: 20px;
  min-height:36px;
  height: 120%;
  width: 90%;
  overflow: hidden;
  margin: auto 5%;
  -webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nav-sea-for input[type="text"]:focus {
  outline: 0;
}
.nav-sea-for input[type="submit"] {
 -webkit-box-sizing: content-box;
 -webkit-appearance: button;
 appearance: button;
 border: none;
 box-sizing: border-box;
  outline: none;
  border-radius:0  20px 20px 0;
  cursor: pointer;
  border: none;
  color: #fff;
  position: absolute;
  width: 36px;
  height: 36px;
  right: 5%;
  top: 0;
  background: url(../images/search.svg) center no-repeat, #141414;
}
.nav-hot-lis {
	font-size:90%;
}
.nav-hot-lis li {
	margin:30px auto 30px;
}
.nav-hot-ima {
	width:100%;
	height:120px;
	margin:0 auto 10px;
	padding-bottom:0px;
	overflow:hidden;
	position:relative;
}
.nav-hot-ima img {
	position:absolute;
	width:100%;
	height:auto;
	top: 50%;
	left: 50%;
	min-height: auto;
	min-width: 100%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.nav-hot-lis h3 {
	font-size:100%;
	padding:0 10px;
}
/*-------------------------------------------------
 common
-------------------------------------------------*/
#mai-con-wra {
	width:100%;
	margin:auto;
	border-radius:0px;
	padding:20px 0px 20px;
	background:#f8f8f8;
}
#mai-con {
	max-width:1080px;
	width:100%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:flex-start;
	-webkit-box-sizing: border-box;
box-sizing: border-box;
	
}
#con {
	max-width:740px;
	width:100%;
	height:auto;
}

.new-con {
	width:100%;
	display:block;
}
.hom-con-blo {
	padding:0px 0px;
	margin-bottom:0px;
	background:#FFF;
	display:flex;
	flex-direction:column;
flex-wrap:wrap;
justify-content:center;/*水平中央*/
align-items:center;/*垂直中央*/
}
.hom-con-blo:nth-child(2) {
flex-direction: column-reverse;
}
.hom-con-blo-sec {
	height:auto;
	width:calc(100% - 0px);
	padding:0 0px;
	display:flex;
flex-wrap:wrap;
justify-content:flex-start;/*水平中央*/
align-items:center;/*垂直中央*/
margin-bottom:30px;

}
.hom-con-blo-sec-lef {
	height:auto;
	width:calc(100% - 0px);
	padding:0 0px;
	display:flex;
flex-wrap:wrap;
justify-content:flex-end;/*水平中央*/
align-items:center;/*垂直中央*/
margin-bottom:30px;

}
.hom-con-inn {
	width:calc(100% - 6%);
	height:auto;
	padding:0 3%;
	display:flex;
flex-wrap:wrap;
flex-direction:column;
justify-content:center;
align-items:flex-start;
}

.hom-sec-tit {
	font-size:120%;
	font-weight:600;
	line-height:130%;
	width:calc(100% - 50px);
	padding:15px 20px;
	text-align:left;
	margin: 0px auto 20px;
	border-left: 10px solid #e7e7e7;
	background:#f8f8f8;
}

.hom-con-lis{
	padding:0px 20px 30px 0px;
	
}
.hom-con-blo-ima {
	position:relative;
	height:240px;
	width:100%;
	background:#efefef;
	overflow:hidden;
	margin-bottom:20px;
}
.hom-con-blo-ima img {
	position:absolute;
	width:100%;/* 横幅に合わせて自動縮尺　object-fitはIE11でバグ */
	height:auto;
	top: 50%;
	left: 50%;
	min-height: auto;
	min-width: 100%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.eff-sli-wra{
margin-bottom:20px;
}
	
.con-blo {
	padding:0px 0px;
	margin-bottom:20px;
	background:#FFF;
}
.con-blo-sec {
	padding:20px 10px;
}
	.con-blo-sec p{
	word-wrap: break-word;
	white-space: normal;
	word-break:break-all;		
	}
.con-blo-ima {
	position:relative;
	min-height:180px;
	height:100%;
	max-width:640px;
	width:100%;
	background:#efefef;
	overflow:hidden;
	margin:auto;
}
.con-blo-ima img {
	position:absolute;
	width:100%;/* 横幅に合わせて自動縮尺　object-fitはIE11でバグ */
	height:auto;
	top: 50%;
	left: 50%;
	min-height: auto;
	min-width: 100%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.sec-dat {
	text-align:center;
	padding:20px 10px;
}
.sec-tit {
	color:#212121;
	font-size:120%;
	font-weight:500;
	line-height:150%;
	width:calc(100% - 30px);
	padding:15px 15px;
	text-align:center;
	margin-bottom: 20px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	background:#fff;
}
.sec-lin {
	border-top:double 3px #e7e7e7;
	border-bottom:double 3px #e7e7e7;
	color:#00558f;
	padding:10px 0 8px 25px;
	margin-bottom:13px;
	font-size:110%;
	position:relative;
}
.sec-lin:before {
	position:absolute;
	top:12px;
	left:-4px;
	content:"▼";
	display:inline-block;
	transform: rotate(30deg);
	font-size:90%;
	color:#dc8787;
}
.sec-cat-tit {
	padding:0px 10px 20px;
	text-align:center;
}
.sec-cat-tit a {
	color:#565656;
	font-size:80%;
}
.sec-sub-fst {
	font-size:120%;
	font-weight:600;
	border-left:solid 10px #D52A32;
	padding:10px 20px;
	margin-bottom:20px;
	background:#f6f6f6;
}
.sec-sub-snd {
	font-size:130%;
	font-weight:600;
	border-left:solid 6px #00558f;
	padding:0 15px;
	margin-bottom:20px;
}
.sec-sub-thr {
	font-size:120%;
	font-weight:600;
	margin-bottom:20px;
	padding-left:36px;
	position:relative;
}
 .sec-sub-thr::before {
right: 0;
font-family: "Font Awesome 5 Free";
content: "\f14a";
color:#00558f;
font-weight: 900;
font-size:120%;
padding-right:10px;
}

.sec-sub-thr:before {
	left: 0;
	padding-right:10px;
position:absolute;
content: "";
background:url(../images/check-square.svg) left center no-repeat;
width:26px;
height:26px;
}		
.new-con-inn {
	width:calc(100% - 40px);
	height:auto;
	padding:0 20px 30px;
}
.new-con-inn dl dd {
	padding:10px 0;
}
.lis-bar li {
	position:relative;
	padding-left:0px;
}
.lis-bar li:before {
	position:absolute;
	left:0px;
	content:"-";
	display:inline-block;
	transform: rotate(0deg);
	font-size:100%;
	font-weight:700;
}
.new-tit {
	font-size:100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height:24px;
	color:#00558f;
	width:calc(100% - 25px);
	padding:10px 0 10px 25px;
	margin-bottom:5px;
	cursor:pointer;
	position:relative;
}
.new-tit:before {
	content:"▼ ";
	font-size:90%;
	color:#dc8787;
	transform: rotate(30deg);
	position:absolute;
	left:0px;
	transition: 0.5s;/* アニメーション */
	-webkit-transition: 0.5s;
}
.new-tit-vis:before {
	top:8px;
	transform: rotate(120deg);
}
.new-cap {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
	line-height:24px;
	font-size:100%;
	width:900px;
	padding-bottom:5px;
	margin-bottom:15px;
}
#ser-blo {
	margin-bottom:38px;
}
.ser-blo-sub {
	margin-bottom:10px;
	opacity : 1.0;
	transform : translate(0, 50px);
	transition : all 500ms;
}
.obj {
	width:92%;
	text-align:center;
	margin:0 auto 0.5em auto;
}
.obj-nom {
	height:100%;
	width:100%;
	text-align:center;
	margin:0px auto;
	padding:0px;
	background-color:#FFFFFF;
}
/*-------------------------------------------------
 time table
-------------------------------------------------*/
.tab-lin {
	width:900px;
}
.tab-lin dl {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;/*水平中央*/
	align-items:stretch;/*垂直中央*/
	text-align:left;
	margin:auto;
}
.tab-lin dl dt {
	width:calc(40% - 16px);
	padding:5px 7px;
	background:#f8f8f8;
	border:solid 1px #cdcdcd;
	border-bottom:none;
}
.tab-lin dl dd {
	width:calc(60% - 15px);
	padding:5px 7px;
	border:solid 1px #cdcdcd;
	border-left:none;
	border-bottom:none;
}
.tab-lin dl:last-of-type dt, .tab-lin dl:last-of-type dd {
	border-bottom:solid 1px #cdcdcd;
}
.tab-lin dl dt .red {
	color:#dc8787;
}
.tab-non {
}
.tab-non dl {
	margin: 0px;
	padding: 0px;
	width:100%;
	display:flex;
}
.tab-non dl dt {
	width:calc(40% - 14px);
	padding:5px 7px;
	background:#f8f8f8;
	border-bottom:solid 1px #FFF;
}
.tab-non dl dd {
	width:calc(60% - 14px);
	padding:5px 7px;
	border-bottom:solid 1px #cdcdcd;
}
/* ↓　共通セレクタ　grand rule */
.flo-rig {
	float:right;
}
.flo-lef {
	float:left;
}
.cle-bot {
	clear:both;
}
.bre-cru {
	text-align: left;
	height: auto;
	line-height:140%;
	font-size:90%;
	margin:0 3% 20px;
	width:94%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;/*水平中央*/
	align-items:center;/*垂直中央*/
}
.bre-cru li:after {
	content:"〉";
	padding:0 0 0px 5px;
	font-size:90%;
}
.bre-cru li:last-child:after {
	content:"";
}
.ali-rig {
	text-align: right;
}
.ali-lef {
	text-align:left;
}
.ali-cen {
	text-align:center;
}
.pad-top-sma {
	padding-top:10px;
}
.pad-bot-tal {
	padding-bottom:40px;
}
.pad-lef-mid {
	padding-left:20px;
}
.pad-rig-mid {
	padding-right:20px;
}
.pad-mid {
	padding:20px 0;
}
.pad-top-bot-mid {
	padding-top:20px;
	padding-bottom:20px;
}
.pad-top-mid {
	padding-top:20px;
}
.pad-bot-mid {
	padding-bottom:20px;
}
.pad-bot-mid {
	padding-bottom:20px;
}
.pad-top-bot-tal {
	padding-top:40px;
	padding-bottom:40px;
}
.pad-mid {
	padding:15px 0;
}	
.mar-top-mid {
	margin-top:20px;
}
.mar-bot-mid {
	margin-bottom:20px;
}
.mar-top-bot-mid {
	margin-top:20px;
	margin-bottom:20px;
}
.mar-bot-tal {
	margin-bottom:40px;
}
.mar-bot-xtal {
	margin-bottom:80px;
}
.mar-top-tal {
	margin-top:40px;
}
.mar-top-bot-tal {
	margin-top:40px;
	margin-bottom:40px;
}
.mar-rig-mid {
	margin-right:20px;
}
.mar-lef-mid {
	margin-left:17px;
}
.pad-top-tal {
	padding-top:28px;
}
.col-yel-har {
	color:#b7b23c;
}
.col-red, .red_txt {
	color:#dc8787;
}
.col-kah {
	color:#d7ac7c;
}
.col-ore {
	color:#dc8787;
}
.col-ore-har {
	color:#e07979;
}
.col-pin-har {
	color:#EA6097;
}
.col-yel {
	color:#ffb320;
}
.col-gre {
	color:#066;
}
.col-gre-har {
	color:#066;
}
.col-whi {
	color:#ffffff;
}
.col-blu {
	color:#00558f;
}
.col-blu-bol {
	color:#00558f;
	font-weight:700;
}
.col-red-bol {
	color:#dc8787;
	font-weight:700;
}
.col-gre-bol {
	color:#066;
	font-weight:700;
}
.col-yel-har-bol {
	color:#b7b23c;
	font-weight:700;
}
.col-bro {
	color:#3b1d02;
}
.fon-lar {
	font-size:146%;
}
.fon-mid {
	font-size:110%;
}
.fon-sma {
	font-size:90%;
}
.fon-xsma {
	font-size:80%;
}
.fon-bol {
	font-weight:bold;
	font-weight:600;
}
.lin-hei-sma {
	line-height:16px;
}
.fon-bol {
	font-weight:bold;
}
.fon-min {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	line-height:140%;
}
.faq-tit {
	font-size:110%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dfdfdf;
	line-height:36px;
	width:900px;
	margin-bottom:3px;
	cursor:pointer;
}
.faq-dis {
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #066;
	line-height:24px;
	padding:6px 0px 12px 0px;
	font-size:100%;
	margin-bottom:28px;
	width:calc(900px);
}
/* :::::::::: clearfix :::::::::: */
.cle-fix {
	display: block;
}
.cle-fix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.con-are {
	width:calc(100% - 42px);
	border:dotted 1px #898989;
	border-radius:0px;
	margin:0px auto 30px;
	padding:20px;
	background: #fafafa;
}
.con-are .che-lis {
	font-size:100%;
	font-weight:600;
	position:relative;
	padding:5px 10px 5px 36px;
	word-wrap: break-word;
	white-space: normal;
	word-break:break-all;	
}
.con-are .che-lis:before {
	right: 0;
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	color:#00558f;
	font-weight: 900;
	font-size:120%;
	padding-right:10px;
}
.con-are .che-lis:before {
	left: 0;
	padding-right:10px;
position:absolute;
content: "";
background:url(../images/check-square.svg) left center no-repeat;
width:26px;
height:26px;
}
.con-are-yel {
 width:calc(100% - 42px);
 border:dotted 1px #898989;
 border-radius:0px;
 margin:0px auto 30px;
 padding:20px;
 background: #fffdf4;
}
.con-are-yel .che-lis {
 font-size:110%;
 font-weight:600;
 position:relative;
 padding:5px 10px;
}
.con-are-yel .che-lis:before {
 right: 0;
 font-family: "Font Awesome 5 Free";
 content: "\f14a";
 color:#376499;
 font-weight: 900;
 font-size:120%;
 padding-right:10px;
}	
.con-cir-lis {
	width:calc(100% - 30px);
	border-radius:4px;
	-webkit-border-radius:4px;
	margin:20px auto;
	padding:20px 10px 20px 20px;
	background-color: #fffef1;
}
.con-cir-lis li {
	font-size:110%;
	font-weight:600;
	position:relative;
	padding:5px 10px 5px 26px;
word-wrap: break-word;
	white-space: normal;
	word-break:break-all;	
}
.con-cir-lis li:before {
	position:absolute;
	left:0px;
	top:8px;
	display:inline-block;
	transform: rotate(0deg);
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	color:#dc8787;
	font-weight: 900;
	font-size:100%;
}
.con-cir-lis li:before {
	left: 0;
	padding-right:10px;
position:absolute;
content: "";
background:url(../images/check.svg) left center no-repeat;
width:22px;
height:22px;
}
.che-sub-tit {
	width:calc(100% - 60px);
	font-size:120%;
	font-weight:600;
	position:relative;
	padding:5px 30px;
	margin-bottom:10px;
}
.che-sub-tit:before {
	left: 0;
	padding-right:10px;
	position:absolute;
	content: "";
	background:url(../images/list.svg) left center no-repeat;
	width:26px;
	height:26px;
}
.poi-sub-tit {
	width:calc(100% - 60px);
	font-size:120%;
	font-weight:600;
	position:relative;
	padding:5px 30px;
	margin-bottom:10px;
}
.poi-sub-tit:before {
	top:8px;
	left: 0;
	padding-right:10px;
position:absolute;
content: "";
background:url(../images/check-circle.svg) left center no-repeat;
width:24px;
height:24px;
}
	
.flu-ima {
	max-width:100%;
	height:auto;
}
.ima-sor {
	width:100%;
	height:auto;
	margin:30px auto;
	text-align:center;
}
.ima-sor img {
	display:inline;
	max-width:100%;
	height:auto;
}
.uli-tab-cel {
	display:table;
}
.uli-tab-cel img {
	display:inline;
	vertical-align:middle;
}
.uli-tab-cel li {
	font-size:90%;
	display:table-cell;
	vertical-align:middle;
	padding-right:20px;
}
/*-------------------------------------------------
 form
-------------------------------------------------*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],input[type="button"] {
-webkit-appearance: none;
border-radius: 0;
}
	
img.ui-datepicker-trigger {
	display:inline;
	margin-left:5px;
	vertical-align:middle;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"] {
	border:solid 1px #ccc;
	max-width:calc(300px);
	width:calc(100% - 12px);
	height:calc(22px);
	padding:3px 5px;
	font-size:100%;
	border-radius:0px;
}
input[type="text"].inp-sho {
	border:solid 1px #ccc;
	width:calc(80px);
	height:calc(22px);
	padding:3px 5px;
	font-size:100%;
}
select {
	width:calc(240px);
	height:calc(30px);
	padding:3px 5px;
	font-size:90%;
	border-radius:0px;
	border:solid 1px #ccc;
}
.but-fre {
	color: #fff;
	font-size:130%;
	letter-spacing:2px;
	background-color: #d80707;
	margin:auto;
	padding:15px 0;
	line-height:24px;
	width:calc(80%);
	border: 0px solid #fff;
	border-radius:6px;
	cursor:pointer;
	-webkit-appearance: none;
	transition: 0.5s;/* 0.2秒アニメーション */
	-webkit-transition: 0.5s;
}
.but-fre:hover {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	background-color: rgba(255, 127, 161, 0.8);
}
.for-but-blo, #edit_schedule {
	margin:40px auto 40px;
	text-align:center;
}
.but-inp, #edit_schedule .submit {
	color: #e7e7e7;
	font-size:100%;
	letter-spacing:2px;
	background-color: #585858;
	line-height:150%;
	width:calc(40%);
	padding:10px;
	border: 2px solid #e7e7e7;
	border-radius:8px;
	cursor:pointer;
}
textarea {
	border:solid 1px #cdcdcd;
	width:calc(100% - 2px);
	height:calc(80px);
	font-size:100%;
}
.for-att {
	color:#FFF;
	font-weight:600;
	font-size:80%;
	padding:2px;
	line-height:120%;
	border-radius:4px;
	background:#e07979;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 opacity:0.2;
}
::-moz-placeholder { /* Firefox 19+ */
 opacity:0.2;
}
:-ms-input-placeholder { /* IE 10+ */
 opacity:0.2;
}
:-moz-placeholder { /* Firefox 18- */
 opacity:0.2;
}
/*==============フェードインブロック============ */
.fad-inn {
	opacity : 0.0;
	transform : translate(0, 120px);
	transition : all 1000ms;
}
.fad-inn1, .fad-inn2, .fad-inn3, .fad-inn4 {
	opacity : 0.0;
	transform : translate(0, 120px);
}
.fad-inn1-fad {
	opacity : 1.0;
	transform : translate(0, 0);
	transition : all 1000ms;
	transition-delay:0s;
}
.fad-inn2-fad {
	opacity : 1.0;
	transform : translate(0, 0px);
	transition : all 1000ms;
	transition-delay:0.3s;
}
.fad-inn3-fad {
	opacity : 1.0;
	transform : translate(0, 0px);
	transition : all 1000ms;
	transition-delay:0.6s;
}
.fad-inn4-fad {
	opacity : 1.0;
	transform : translate(0, 0px);
	transition : all 1000ms;
	transition-delay:0.9s;
}
.scr-inn {
	opacity : 1;
	transform : translate(0, 0);
}
/*==============フェードインブロック============ */
.cir-lis {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:flex-start;/*水平中央*/
	align-items:flex-start;/*垂直中央*/
}
.cir-lis li {
	font-size:110%;
	position:relative;
	padding:0px 20px;
}
.cir-lis li:before {
	position:absolute;
	left:0px;
	top:4px;
	content:"●";
	color:#00558f;
	display:inline-block;
	transform: rotate(0deg);
	font-size:70%;
}
.cir-lis-blu li:before {
	color:#00558f;
}
.cir-lis-red li:before {
	color:#dc8787;
}
.cir-lis-gre li:before {
	color:#066;
}
.cir-lis-gol li:before {
	color:#b7b23c;
}
/* テーブル　アンダーライン*/
.ver-tab-und-lin {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;/*水平中央*/
	align-items:stretch;/*垂直中央*/
	text-align:center;
	margin:0px auto 20px;
}
	.num-lis {
counter-reset:number;
list-style-type: none!important;
padding:0.5em;
background: #fffeef;
display:flex;
flex-wrap:nowrap;
	flex-direction:column;
justify-content:center;
align-items:center;  
}
.num-lis > li {
	width:calc(100% - 40px);
	height:auto;
	font-weight:bold;
  position: relative;
  line-height: 1.5em;
  padding: 10px 5px 10px 35px;
}
.num-lis > li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #376499;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}	
.ver-tab-und-lin dt, .ver-tab-und-lin dd {
	font-size:100%;
	padding:10px;
	border-bottom:solid 1px #CCC;
	background:#fff;
}
.ver-tab-und-lin dt {
	width:calc(30% - 20px);
	color:#606521;
	background-color: #FAFCD8;
	display:flex;
	justify-content:flex-start;/*水平中央*/
	align-items:center;/*垂直中央*/
}
.ver-tab-und-lin dd {
	margin-left:10px;
	width:calc(70% - 30px);
	display:flex;
	justify-content:flex-start;/*水平中央*/
	align-items:center;/*垂直中央*/
	text-align:left;
}
/* END テーブル　アンダーライン*/
/* medicoPro CSS */
.med-pro-blo {
	padding:0px 0 40px;
}
.fle-blo {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;/*両端分布*/
	align-items:center;/*垂直中央*/
}
.med-pro-ima {
	float:right;
	margin-left:15px;
}
.med-pro-ban-sec {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;/*水平中央*/
	align-items:center;/*垂直中央*/
}
.med-pro-ban-log {
	position:absolute;
	z-index:5;
	max-width:100%;
	height:auto;
}
.med-pro-ban-log img {
	width:100%;
	height:auto;
}
.med-pro-ban-lis {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;/*水平中央*/
	align-items:center;/*垂直中央*/
}
.med-pro-ban-lis li {
	width:50%;
	height:auto;
}
.med-pro-ban-lis li img {
	width:100%;
	height:auto;
}
/* END medicoPro CSS */

#men .fas {
	margin-right:8px;
}

/* START 左右スライドボタン*/
.eff-but .fas {
	margin-left:15px;
}
.eff-but-blo {
	margin:auto;
}
.eff-but-lef{
	width: calc(100% - 0px);
	min-width:180px;
	max-width:360px;
	margin:auto;

}

.eff-but {
	display:block;
	width: calc(100% - 20px);
	min-width:180px;
	max-width:360px;
	height: 100%;
	padding:6px 10px 8px;
	font-weight:normal;
	font-size:80%;
	line-height: 150%;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	color:#868686;
	background:#fff;
	background:url(../images/chevron-right.svg) center right calc(50% - 60px)  no-repeat;
	border: 1px solid #ababab;
	border-radius:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
	margin:auto;
}
.eff-but-blo:last-child .eff-but {
}
.eff-but:hover {
	background: #212121;
	border-color: #212121;
	color: #fff;
	text-decoration:none;
}
.eff-but::before, .eff-but::after {
 top: 0;
 width: 50%;
 height: 100%;
 background: none;
 position: absolute;
 z-index: -1;
 display: block;
 content: '';
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
.eff-but::before {
 right: 0;
/*font-family: "Font Awesome 5 Free"; ←ココ！！！！！！！
content: "\f054";
font-weight: 900;*/
text-indent:70%;
}
.eff-but:hover::before {
text-indent:-30px;
 right: 0;
}
.eff-but::after {
 left: 0;
}
.eff-but:hover::before, .eff-but:hover::after {
 width: 0;
 background-color: #dc8787;
}
.eff-but-inn {
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-weight:bold;
	line-height: 140%;
}
/* END 左右スライドボタン*/

/* メールフォーム */
.inq-blo-wra {
	width:100%;
	padding:0px 0px;
}
.inq-blo {
	width:calc(100% - 20px);
	padding:20px 10px;
	margin:auto;
	background:#FFF;
}
.sec-tit-lin {
	font-size:130%;
	font-weight:600;
	padding:0 0 0px 0;
	border-bottom:double 3px #00558f;
	margin-bottom:20px;
}
.inq-blo-aro {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;/*両端分布*/
	align-items:center;/*垂直中央*/
}
.inq-blo-tel {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;/*両端分布*/
	align-items:center;/*垂直中央*/
}
.inq-blo-tel .fon-bol {
	font-weight:600;
}
.inq-blo-tel .fon-lar-bol {
	font-weight:600;
	font-size:180%;
}
.inq-blo-tel .fon-xlar-bol {
	font-weight:600;
	font-size:220%;
}
.inq-blo-tel .col-gre {
	color:#498b48;
}
.inq-blo-tel .col-red {
	color:#dc8787;
}
.ico-mus-lar {
	background-color: #cc3138;
	padding: 2px 5px;
	font-size: 80%;
	font-weight:bold;
	color: #FFF;
	margin: 0px 5px;
	border-radius:2px;
}
.ico-mus {
	display: block;
	background-color: #cc3138;
	padding: 0px 5px;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	float: right;
	margin: 0px 15px 0 5px;
	border-radius:2px;
}
.inq-blo form .dat-lis {
	margin:20px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;/*水平中央*/
	align-items:stretch;/*垂直伸ばす場合*/
}
.inq-blo form .dat-lis dt {
	width:calc(35% - 30px);
	font-size:100%;
	font-weight:600;
	padding:10px 15px;
	border-bottom:solid 1px #CCC;
	background:#fafafa;
	vertical-align:top;
	display:flex;
	flex-wrap:wrap;
	align-items:center;/*垂直中央*/
}
form .dat-lis dd {
	width:calc(65% - 30px);
	background:none;
	padding:10px 15px;
	border-bottom:solid 1px #CCC;
}
.inq-blo .mfp_but {
	width:100%;
	margin:40px auto 80px;
	text-align:center;
}
.inq-blo .fil-but-blo {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;/*水平中央*/
	align-items:center;/*垂直中央*/
}
.inq-blo input[type="text"].but-inp-sho {
	display:inline;
	text-align:center;
	color: #fff;
	font-size:90%;
	letter-spacing:2px;
	background-color: #000;
	line-height:30px;
	width:100px;
	padding:1px 2px 3px;
	border-radius:6px;
	cursor:pointer;
	margin-right:10px;
	-webkit-appearance: none;
}
.inq-blo .but-fre {
	font-size:120%;
	color:#FFF;
	letter-spacing:2px;
	background-color: #00558f;
	line-height:140%;
	width:calc(60% - 0px);
	padding:10px 10px;
	border: 0px double #cbdc51;
	border-radius:2px;
	cursor:pointer;
	-webkit-appearance: none;
	transition: 0.5s;/* 0.2秒アニメーション */
	-webkit-transition: 0.5s;
	position:relative;
	top:-10px;
}
.inq-blo .but-fre:hover {
	color: #ffffff;
	position:relative;
	top:0px;
	background:#dc8787;
	border:0px solid #dc8787;
}
.inq-blo .pp-blo {
	border-radius:2px;
	width:calc(100% - 42px);
	height:200px;
	overflow:auto;
	padding:20px;
	margin:auto;
	border:solid 1px #e7e7e7;
	background:#FFF;
}
	/* SNS ブロック */
.sns-but-blo{
display:flex;
flex-wrap:nowrap;
justify-content: center;/*均等分布*/
align-items:center;/*垂直中央*/
width:calc(160px);
margin:10px auto;
	padding:0px 0 30px;
	background:#fff;
	}

.sns-lin-but a{
	display:block;
	width:calc(60px + 4px);
	color: #212121;
	font-size:120%;
	letter-spacing:2px;
	background-color: #fff;
	padding:0px 0px;
	margin:auto 5px;
	line-height:160%;
	text-align:center;
	border: 2px solid #212121;
	border-radius:5px;
	cursor:pointer;
	-webkit-appearance: none;
	transition: 0.5s;/* 0.2秒アニメーション */
	-webkit-transition: 0.5s;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items:center;	
}
.sns-lin-but:hover a .fab{
	color:#fff;
}
.sns-lin-but:hover a{
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	background-color: rgba(0, 112, 213, 1.0);
	border: 2px solid #0070d5;
}
/* SNS ブロック END */
.lin-url-bor {
	width:100%;
	height:auto;
	padding:10px 0;
	margin:10px 0;
	border-top:solid 2px #0069a9;
	border-bottom:solid 2px #0069a9;

}
.lin-url {
	width:auto;
	display:inline-block;
	font-size:1.1rem;
	color:#0069a9;
	cursor:pointer;
	padding-right:30px;
	background:url(../images/arrow-right-circle.svg) right center no-repeat;
	-webkit-appearance: none;
	transition: 0.5s;/* 0.0秒アニメーション */
	-webkit-transition: 0.5s;
}
.lin-url:hover {
	color:#ff5151;
}		
/* Webフォント対策 */	
@font-face {
     font-family: 'font_woff';
     font-style: normal;
     font-weight: 400;
     src: url('https://wiing-wsc.com/wiing-biz/wp-content/themes/wiing-biz/webfonts/fa-brands-400.woff2') format('woff2');
     font-display: swap;
 }
	
/* ブログカード */		
.blg-car-blo {
	width:calc(100% - 0px);
	height:auto;
	border:solid 0px #e7e7e7;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;/*水平中央*/
	align-items:flex-start;/*垂直中央*/
	margin-bottom:40px;
	padding-top:10px;
	background:#fcfcf8;
}
.blg-car-ima {
	width:200px;
	height:auto;
	margin-right:30px;
}
.blg-car-ima img {
	width:100%;
	height:auto;
}
.blg-car-sec {
	width:calc(100% - 230px);
	word-wrap: break-word;
	white-space: normal;
	word-break:break-all;
}
.blg-car-tit{
	font-size:110%;
	font-weight:bold;
	padding-bottom:10px;
	}
.blg-car-but .eff-but {
	display:block;
	width: calc(100% - 20px);
	min-width:180px;
	max-width:360px;
	height: 100%;
	padding:6px 10px 8px;
	font-weight:normal;
	font-size:80%;
	line-height: 150%;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	color:#fff;
	background: #d52a32;
	border: 0px solid #ababab;
	border-radius:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
	margin:auto;
}
.blg-car-but .eff-but:hover {
	background:#212121;
	color: #fff;
	text-decoration:none;
	cursor:pointer;
}
.blg-car-but .eff-but:hover::before, .blg-car-but .eff-but:hover::after {
 width: 0;
 background-color: #fff338;
}
.blg-car-tex{
	font-size:96%;
	line-height:140%;
}
.blg-car-but {
	margin-top:5px;
	margin-left:auto;
}
/* ブログカード */	
.blg-car-blo {
 width:calc(100% - 0px);
 height:auto;
 border:solid 0px #e7e7e7;
 display:flex;
 flex-wrap:wrap;
flex-direction:column;
 justify-content:center;/*水平中央*/
 align-items:flex-start;/*垂直中央*/
 margin-bottom:30px;
 background:#fcfcf8;
}
.blg-car-ima {
 width:200px;
 height:auto;
 margin:0px auto 20px;
}
.blg-car-ima img {
 width:100%;
 height:auto;
}
.blg-car-sec {
 width:calc(100% - 0px);
 word-wrap: break-word;
 white-space: normal;
 word-break:break-all;
}
.blg-car-but {
 margin:auto;
 margin-top:10px;
}
 .blg-car-but .eff-but {
 display:block;
 width: calc(100% - 20px);
 min-width:180px;
 max-width:360px;
 height: 100%;
 padding:6px 10px 8px;
 font-weight:normal;
 font-size:80%;
 line-height: 150%;
 text-align: center;
 text-decoration: none;
 outline: none;
 position: relative;
 z-index: 2;
 color:#fff;
 background: #d52a32;
 border: 0px solid #ababab;
 border-radius:0px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
 margin:auto;
}
.blg-car-but .eff-but:hover {
 background:#212121;
 border-color:none;
 color: #fff;
 text-decoration:none;
 cursor:pointer;
}
.blg-car-but .eff-but:hover::before, .blg-car-but .eff-but:hover::after {
 width: 0;
 background-color: #fff338;
}
.blg-car-tit {
 font-size:110%;
 font-weight:bold;
 padding-bottom:10px;
}
.blg-car-tex {
 font-size:90%;
 line-height:130%;
}
	
}
@media screen and (max-width: 640px) {
.mai-fle-sec {
	text-align:center;
	max-width:100%;
	width:100%;
	height:auto;
	margin:20px auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;/*両端分布*/
	align-items:center;/*垂直中央*/
}
.mai-fle-sec li {
	max-width:340px;
	width:100%;
	height:auto;
	margin-bottom:20px;
	background:#FFF;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:flex-start;
}
.mai-fle-sec li .eff-but-blo {
	align-self:center;
	margin:20px auto;
}
.mai-fle-tit {
	padding:15px 5px 5px;
	line-height:130%;
}
.mai-fle-ima {
	position:relative;
	max-width:240px;
	width:240px;
	height:240px;
	background:#FFF;
	overflow:hidden;
	text-align:center;
}
.mai-fle-ima img {
	position:absolute;
	height:auto;
	width:100%;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: 340px;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.foo-men {
	width:calc(100% - 0px);
	margin:0px 0 20px 0;
}
.foo-sns-blo {
	height:100%;
	max-height:280px;
	overflow:auto;
	padding:0px 0px;
	width:100%;
}
.foo-rig-blo {
	width:100%;
	align-self:center;
	text-align:center;
}

}
@media screen and (max-width: 580px) {

.blg-car-blo{
	width:calc(100% - 0px);
	height:auto;
	border:solid 0px #e7e7e7;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;/*水平中央*/
	align-items:flex-start;/*垂直中央*/
	margin-bottom:30px;
	
	}
.blg-car-ima{
	width:200px;
	height:auto;
	margin-right:20px;
	margin:0 auto 20px;
}
.blg-car-ima img{
	width:100%;
	height:auto;
}
.blg-car-sec{
	width:calc(100% - 0px);
		word-wrap: break-word;
	white-space: normal;
	word-break:break-all;
	}
.blg-car-but{
	margin:20px auto 30px;
}
}
@media screen and (max-width: 460px) {
#hea-rig {
 margin-right:70px;
}
.inq-blo form .dat-lis {
	margin:20px auto;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:flex-start;/*水平中央*/
	align-items:stretch;/*垂直伸ばす場合*/
}
.inq-blo form .dat-lis dt {
	width:calc(100% - 20px);
	font-size:100%;
	font-weight:600;
	padding:10px 10px;
	border-bottom:solid 1px #CCC;
	background:#fafafa;
	vertical-align:top;
	display:flex;
	flex-wrap:wrap;
	align-items:center;/*垂直中央*/
}
form .dat-lis dd {
	width:calc(100% - 20px);
	background:none;
	padding:10px 10px;
	border-bottom:solid 1px #CCC;
}
.inq-blo .mfp_but {
	width:100%;
	margin:40px auto 80px;
	text-align:center;
}	
	

/* START ページネーション　cms-pagination */
.pag-nav {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}

.pag-nav ul {
    position: relative;
    float: left;
    left: 50%;
    margin-bottom: 12px;
}

.pag-nav ul li {
    position: relative;
    float: left;
    left: -50%;
    width: 30px;
    height: 38px;
    display: table;
    margin: 0 2px;
    display: none;
}

.pag-nav ul li.pagination-no-num {
    width: auto;
    display: table;
}

.pag-nav ul li.pagination-no-num span {
    background: #f7f7f7;
    border: 1px solid #e7e7e7;
    color: #e7e7e7;
	padding:0 8px;
}
.pag-nav ul li.pagination-no-num a {
	padding:0 8px;
}
.pag-nav ul li.pagination-sp {
    display: table;
}

.pag-nav ul li a,
.pag-nav ul li span {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    border: 1px solid #ccc;
    background: #fff;
}

.pag-nav ul li a:before,
.pag-nav ul li span:before {
    position: absolute;
    display: none;
    content: '';
    width: 96%;
    height: 2px;
    background: #ccc;
    bottom: -3px;
    left: 2%;
}

.pag-nav ul li span {
    background: #00558f;
    border: 1px solid #00558f;
    color: #fff;
}

.pagination-txt {
    clear: both;
    text-align: center;
    margin-bottom: 40px;
	background:#f4f4f4;

}

.pagination-txt span {
    color: #212121;
}
/* END ページネーション　cms-pagination */
	
}