@charset "utf-8";
/*-------------------------------------------------
CSS　by WebCreatorCloudProject TRIBECA
------------------------------------------------*/

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

/*-------------------------------------------------
 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:#212121;
 text-decoration:none;
 outline: none;
}
a:link, a:visited {
 color:#212121;
}
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% */
}
.lin-dot {
 background-image: url(../images/bac_lin_dot01.png);
 background-repeat: repeat-x;
 height: 16px;
 line-height:16px;
 width:96%;
 margin:0 auto;
}
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;
}
/*-------------------------------------------------
 header
-------------------------------------------------*/
#hea-wra {
 width:100%;
 height:auto;
}
#hea-con {
 max-width:1080px;
 width:100%;
 padding:0;
 height:60px;
 margin:auto;
 display:flex;
 align-items:center;
}
#hea-lef {
 height:60px;
 width:auto;
}
#hea-lef img {
 width:auto;
 height:60px;
}
#hea-rig {
 margin-left:auto;
 display:flex;
 align-items:center;
 margin-right:10px;
}

/*-------------------------------------------------
 navigation
-------------------------------------------------*/
.men-wra {
 width:100%;
 text-align:center;
 margin:auto;
 padding:0px 0;
 background:#212121;
}
.men {
 max-width:1080px;
 width:100%;
 margin:0px auto 0;
 display:flex;
 flex-wrap:wrap;
 text-align:center;
}
.men li {
 text-align:center;
 border-right:dotted 0px #dfdfdf;
 width:calc(20% - 1px);
}
.men li a {
 color:#FFF;
 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:first-child a.men-ite::before {
 padding-right:5px;
 font-family: "Font Awesome 5 Free";
content: "\f015";
font-weight: 900;
text-indent:70%;
padding-left:10px;
}
.men li:nth-child(2) a.men-ite::before {
 padding-right:5px;
 font-family: "Font Awesome 5 Free";
content: "\f26c";
font-weight: 900;
text-indent:70%;
padding-left:10px;
}
.men li:nth-child(3) a.men-ite::before {
 padding-right:5px;
 font-family: "Font Awesome 5 Free";
content: "\f52b";
font-weight: 900;
text-indent:70%;
padding-left:10px;
}
.men li:nth-child(4) a.men-ite::before {
 padding-right:5px;
 font-family: "Font Awesome 5 Free";
content: "\f2bb";
font-weight: 900;
text-indent:70%;
padding-left:10px;
}
.men li:nth-child(5) a.men-ite::before {
 padding-right:5px;
 font-family: "Font Awesome 5 Free";
content: "\f075";
font-weight: 900;
text-indent:70%;
padding-left:10px;
}
 .men li a:hover {
 color:#ff3e3e;
 background:#fff;
 text-decoration:none;
 border-radius:2px;
}
.sub-menu {
 position:relative;
 top:0px;
 height:auto;
 z-index:10;
}

.sub-menu li.men-lis {
 border-right:dotted 0px #dfdfdf;
 width:calc(100% - 6px);
 background:#212121;
 padding:3px 3px;
 border-top:dotted 1px #dfdfdf;
}
.sub-menu li.men-lis a {
 color:#FFF;
 width:calc(100% - 20px);
 font-weight:600;
 display:block;
 text-align:center;
 text-decoration:none;
 font-size:96%;
 margin:0px 0px;
 padding:8px 10px;
 transition: 0.8s;
}
.sub-menu li.men-lis a::before{
	content:"┗";
	color:#ff3e3e;
	
}
.sub-menu {
 display:block;
}
#hum-men-wra {
 display:block;
	margin-left:10px;

}
.hum-men, .hum-men span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.hum-men {
 position: relative;
 width: 36px;
 height: 28px;
}
.hum-men span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 2px;
 background-color: #ccc;
 border-radius: 2px;
}
.hum-men span:nth-of-type(1) {
 top: 0;
}
.hum-men span:nth-of-type(2) {
 top: 13px;
}
.hum-men span:nth-of-type(3) {
 bottom: 0;
}
.hum-men.hum-men-act span:nth-of-type(1) {
 -webkit-transform: translateY(13px) rotate(-45deg);
 transform: translateY(13px) rotate(-45deg);
}
.hum-men.hum-men-act span:nth-of-type(2) {
 opacity: 0;
}
.hum-men.hum-men-act span:nth-of-type(3) {
 -webkit-transform: translateY(-13px) rotate(45deg);
 transform: translateY(-13px) rotate(45deg);
}
/*-------------------------------------------------
 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-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 {
 font-size:90%;
 padding:5px 0;
 border-bottom:dotted 1px #CCC;
}
.foo-men-lis li a:after {
 color:#212121;
 font-family: "Font Awesome 5 Free";
 content: "\f105";
 font-weight: 900;
 padding-left:5px;
}
.foo-sns-blo {
 height:100%;
 max-height:380px;
 overflow:auto;
 padding:0px 0px 0 0;
 width:33%;
}
.foo-rig-blo {
 width:33%;
 align-self:center;
 text-align:center;
}
.foo-rig-blo img {
 display:inline;
}
#cop {
 text-align:center;
 font-size:90%;
 background:#212121;
 line-height:50px;
 color:#fff;
}
#cop a {
 color:#fff;
}
/*-------------------------------------------------
 page top
-------------------------------------------------*/
#pag-top {
 position:fixed;
 bottom:10px;
 right:10px;
 z-index:10;
}
#pag-top a {
 display:block;
 width:44px;
 line-height:44px;
 text-align:center;
 border-radius:2px;
 color:#FFF;
 text-decoration:none;
	/* 斜め背景色 */
	background:#212121;
 background:-moz-linear-gradient(135deg, #212121 50%, #4cc588 51%); /* FF3.6-15 */
 background:-webkit-linear-gradient(135deg, #212121 50%, #4cc588 51%); /* Chrome10-25,Safari5.1-6 */
 background:linear-gradient(135deg, #212121 50%, #4cc588 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 transition: 0.2s;/* 0.2秒アニメーション */
 -webkit-transition: 0.2s;
}
#pag-top a:hover {
 font-weight:600;
 width:48px;
 line-height:48px;
}
/*-------------------------------------------------
 メイン画像 main visual
  -------------------------------------------------*/
.mai-vis-sli-wra {
 width:94%;
 height:auto;
 margin:0 3%;
 padding:10px 0;
 background:#f8f8f8;
 overflow:hidden;
 border-bottom:solid 10px #292929;
}
.mai-vis-sli {
 text-align:center;
 max-width:1080px;
 width:100%;
 height:auto;
 margin:auto;
 display:flex;
 flex-wrap:wrap;
 justify-content: space-between;/*両端分布*/
 align-items:center;/*垂直中央*/
}
.mai-vis-sli li {
 max-width:340px;
 width:32%;
 height:320px;
 background:#FFF;
 display:flex;
 flex-wrap:wrap;
 flex-direction:column;
 justify-content:flex-start;
}
.mai-vis-sli li .eff-but-blo {
 align-self:flex-end;
}
.mai-vis-tit {
 padding:15px 5px 5px;
 margin:10px auto;
 line-height:130%;
}
.mai-vis-ima {
 position:relative;
 max-width:340px;
 width:100%;
 height:180px;
 background:#FFF;
 overflow:hidden;
 text-align:center;
}
.mai-vis-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%);
}
/*-------------------------------------------------
 nav
-------------------------------------------------*/
.nav {
 width:28%;
 margin:auto;
}
.nav-blo {
 margin-bottom:30px;
 background:#FFF;
 padding:20px 0;
}
.nav-blo-top {
 margin-bottom:30px;
 background:#FFF;
 padding:20px 0 0px;
}
.nav-tit {
 font-size:110%;
 font-weight:600;
 text-align:center;
}
.nav hr {
 margin:20px auto 20px;
 width:80px;
 border-top:solid 2px #e48989;
}
.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;
}
.nav-sea-for {
 box-sizing: border-box;
 position: relative;
 border: 1px solid #e7e7e7;
 display: block;
 padding: 5px 10px;
 border-radius: 20px;
 height: 100%;
 width: 90%;
 overflow: hidden;
 margin:auto;
}
.nav-sea-for input[type="text"] {
 border: none;
 height:120%;
}
.nav-sea-for input[type="text"]:focus {
 outline: 0;
}
.nav-sea-for input[type="submit"] {
 border-radius: 0;
 -webkit-box-sizing: content-box;
 -webkit-appearance: button;
 appearance: button;
 border: none;
 box-sizing: border-box;
	/*リセット*/			
	cursor: pointer;
 border: none;
 background: #ff4e1e;
 color: #fff;
 position: absolute;
 width: 20%;
 height: 100%;
 right:0px;
 top: 0px;
 outline : none;
}
.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 {
 width:94%;
 margin:auto 3%;
 display:flex;
 flex-wrap:wrap;
 justify-content: space-between;/*両端分布*/
 align-items:flex-start;/*垂直中央*/
}
#con {
 width:calc(70%);
}
.new-con {
 width:100%;
 display:block;
}
.hom-con-blo {
	padding:0px 0px;
	margin-bottom:30px;
	background:none;
display:flex;
flex-wrap:wrap;
justify-content: space-between;/*両端分布*/
align-items:flex-start;/*垂直中央*/
	
}
.hom-con-blo > .con-blo{
	width:48%;
	height:auto;
	margin-bottom:20px;
}

.hom-con-blo > .con-blo > .con-blo-ima {
	position:relative;
	height:200px;
	width:100%;
	background:#efefef;
	overflow:hidden;
}

	
.con-blo {
 padding:0px 0px;
 margin-bottom:20px;
 background:#FFF;
}
.con-blo-sec {
 padding:20px 10px;
}
.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:#0070D5;
 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:#e48989;
}
.sec-cat-tit {
 padding:0px 10px 20px;
 text-align:center;
}
.sec-cat-tit a {
 color:#0070D5;
 font-size:80%;
}
.sec-sub-fst {
 font-size:150%;
 font-weight:600;
 border-left:solid 10px #ff4e1e;
 padding:10px 20px;
 margin-bottom:20px;
 background:#f6f6f6;
}
.sec-sub-snd {
 font-size:130%;
 font-weight:600;
 border-left:solid 6px #4cc588;
 padding:0 15px;
 margin-bottom:20px;
}
.sec-sub-thr {
 font-size:120%;
 font-weight:600;
 margin-bottom:20px;
}
 .sec-sub-thr::before {
right: 0;
font-family: "Font Awesome 5 Free";
content: "\f14a";
color:#4cc588;
font-weight: 900;
font-size:120%;
padding-right:10px;
}
.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:#4cc588;
 width:calc(100% - 25px);
 padding:10px 0 10px 25px;
 margin-bottom:5px;
 cursor:pointer;
 position:relative;
}
.new-tit:before {
 content:"▼ ";
 font-size:90%;
 color:#ff4e1e;
 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:#f9f9f9;
 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:#ff4e1e;
}
.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:#f9f9f9;
 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-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;
}
.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:#ff4e1e;
}
.col-kah {
 color:#d7ac7c;
}
.col-ore {
 color:#e48989;
}
.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:#4cc588;
}
.col-blu-bol {
 color:#4cc588;
 font-weight:600;
 display:block;
 padding-bottom:10px;
 line-height:130%;
}
.col-red-bol {
 color:#ff4e1e;
 font-weight:600;
 letter-spacing:0;
 display:block;
 padding-bottom:10px;
 line-height:130%;
}
.col-gre-bol {
 color:#066;
 font-weight:600;
 display:block;
 padding-bottom:10px;
 line-height:130%;
}
.col-yel-har-bol {
 color:#b7b23c;
 font-weight:600;
 display:block;
 padding-bottom:10px;
 line-height:130%;
}
.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:110%;
 font-weight:600;
 position:relative;
 padding:5px 10px;
}
.con-are .che-lis:before {
 right: 0;
 font-family: "Font Awesome 5 Free";
 content: "\f14a";
 color:#4cc588;
 font-weight: 900;
 font-size:120%;
 padding-right:10px;
}
.con-cir-lis {
 width:calc(100% - 60px);
 border-radius:4px;
 -webkit-border-radius:4px;
 margin:20px auto;
 padding:20px 30px;
 background-color: #fffef1;
}
.con-cir-lis li {
 font-size:110%;
 font-weight:600;
 position:relative;
 padding:5px 30px;
}
.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:#ff4e1e;
 font-weight: 900;
 font-size:100%;
}
.num-lis {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:20px;
  background: #fffeef;
}
.num-lis > li {
  position: relative;
  padding-left: 35px;
	font-size:110%;
	font-weight:600;
  line-height: 150%;
  padding: 0.5em 0.5em 0.5em 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%);
}
	.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 {
	position:absolute;
	left:0px;
	top:8px;
	display:inline-block;
	transform: rotate(0deg);
	font-family: "Font Awesome 5 Free";
	content: "\f03a";
	color:#15aabf;
	font-weight: 900;
	font-size:100%;
}
.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 {
	position:absolute;
	left:0px;
	top:8px;
	display:inline-block;
	transform: rotate(0deg);
	font-family: "Font Awesome 5 Free";
	content: "\f058";
	color:#15aabf;
	font-weight: 900;
	font-size:100%;
}
.flu-ima {
 max-width:100%;
 height:auto;
}
.ima-sor {
 width:100%;
 height:auto;
 margin:30px auto;
 text-align:center;
}
.ima-sor img {
 display:inline;
 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
-------------------------------------------------*/
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;
 width:calc(300px);
 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 {
 color: #fff;
 font-size:100%;
 letter-spacing:2px;
 background-color: #4cc588;
 line-height:150%;
 width:calc(24%);
 padding:10px;
 border: 0px solid #e7e7e7;
 border-radius:0px;
 cursor:pointer;
}
.but-inp:hover {
 color: #fff;
 font-size:100%;
 letter-spacing:2px;
 background-color: #e48989;
 line-height:150%;
 width:calc(24%);
 padding:10px;
 border: 0px solid #e7e7e7;
 border-radius:0px;
 cursor:pointer;
 transition: background 0.3s ease;
}
textarea {
 border:solid 1px #cdcdcd;
 width:calc(80% - 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;
 justify-content:flex-start;/*水平中央*/
 align-items:center;/*垂直中央*/
}
.cir-lis li {
 font-size:110%;
 position:relative;
 padding:0px 20px;
}
.cir-lis li:before {
 position:absolute;
 left:0px;
 top:4px;
 content:"●";
 color:#4cc588;
 display:inline-block;
 transform: rotate(0deg);
 font-size:70%;
}
.cir-lis-blu li:before {
 color:#4cc588;
}
.cir-lis-red li:before {
 color:#ff4e1e;
}
.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;
}
.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 */

/* ストップ transition */
.sto-tra * {
 -webkit-transition: none !important;
 -moz-transition: none !important;
 -ms-transition: none !important;
 -o-transition: none !important;
 transition: none !important;
}
.men .fas {
 margin-right:8px;
}
/* Effectt button エフェクトボタン-回転キューブ
============================================================ */
.but-cub-wra {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;/*水平中央*/
 align-items:center;/*垂直中央*/
}
.but-cub-lef-wra {
 display:flex;
 flex-wrap:wrap;
 justify-content:flex-end;/*水平中央*/
 align-items:center;/*垂直中央*/
}
button.but-cub, button.but-cub-sho {
	/*インプット要素*/
	background-color: transparent;
 cursor: pointer;
 outline: none;
 appearance: none;
 border:none;
}
.eff-but .fas {
 margin-left:15px;
}
.but-cub {
 display:block;
 width: 380px;
 height: 46px;
 text-align: center;
 text-decoration: none;
 line-height: 46px;
 outline: none;
 left:0;
}
.but-cub::before, .but-cub::after {
 position: absolute;
 z-index: -1;
 display: block;
 content: '';
}
.but-cub, .but-cub::before, .but-cub::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
.but-cub {
 position: relative;
 -webkit-perspective: 380px;
 perspective: 380px;
}
.but-cub span {
 display: block;
 position: absolute;
 top:0;
 left:0;
 width: 380px;
 height: 46px;
 border: 1px solid #173eff;
 text-align: center;
 line-height: 44px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
 pointer-events: none;
}
.but-cub span:nth-child(1) {
 background-color: #173eff;
 color: #fff;
 -webkit-transform: rotateX(90deg);
 -moz-transform: rotateX(90deg);
 transform: rotateX(90deg);
 -webkit-transform-origin: 50% 50% -23px;
 -moz-transform-origin: 50% 50% -23px;
 transform-origin: 50% 50% -23px;
}
.but-cub span:nth-child(2) {
 background-color: #fff;
 color: #333;
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
 -webkit-transform-origin: 50% 50% -23px;
 -moz-transform-origin: 50% 50% -23px;
 transform-origin: 50% 50% -23px;
}
.but-cub:hover span:nth-child(1) {
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
}
.but-cub:hover span:nth-child(2) {
 color:#173eff;
 background-color: #173eff;
 -webkit-transform: rotateX(-90deg);
 -moz-transform: rotateX(-90deg);
 transform: rotateX(-90deg);
}
.but-cub-sho {
 display:block;
 width: 240px;
 height: 46px;
 text-align: center;
 text-decoration: none;
 line-height: 46px;
 outline: none;
 left:0;
}
.but-cub-sho::before, .but-cub-sho::after {
 position: absolute;
 z-index: -1;
 display: block;
 content: '';
}
.but-cub-sho, .but-cub-sho::before, .but-cub-sho::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
.but-cub-sho {
 position: relative;
 -webkit-perspective: 240px;
 perspective: 240px;/* 位置調整*/
}
.but-cub-sho span {
 display: block;
 position: absolute;
 top:0;
 left:0;
 width: 240px;
 height: 46px;
 border: 1px solid #173eff;
 text-align: center;
 line-height: 44px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
 pointer-events: none;
}
.but-cub-sho span:nth-child(1) {
 background-color: #173eff;
 color: #fff;
 -webkit-transform: rotateX(90deg);
 -moz-transform: rotateX(90deg);
 transform: rotateX(90deg);
 -webkit-transform-origin: 50% 50% -23px;
 -moz-transform-origin: 50% 50% -23px;
 transform-origin: 50% 50% -23px;
}
.but-cub-sho span:nth-child(2) {
 background-color: #fff;
 color: #333;
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
 -webkit-transform-origin: 50% 50% -23px;
 -moz-transform-origin: 50% 50% -23px;
 transform-origin: 50% 50% -23px;
}
.but-cub-sho:hover span:nth-child(1) {
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
}
.but-cub-sho:hover span:nth-child(2) {
 color:#173eff;
 background-color: #173eff;
 -webkit-transform: rotateX(-90deg);
 -moz-transform: rotateX(-90deg);
 transform: rotateX(-90deg);
}
/*　END Effectt button エフェクトボタン-回転キューブ
============================================================ */
/* START 左右スライドボタン*/
				.eff-but-blo {
 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;
 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: #fff338;
}
.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 #4cc588;
 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:#ff4e1e;
}
.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: #4cc588;
 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:#ff4e1e;
 border:0px solid #ff4e1e;
}
.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-blo {
 display:flex;
flex-wrap:wrap;
justify-content: space-around;/*均等分布*/
align-items:center;/*垂直中央*/
}
.sns-blo li {
 font-size:140%;
 margin-left:10px;
}
	
/* SNS ブロック END */
pre {
 overflow: auto;
 white-space: pre-wrap;
 word-wrap: break-word;
 line-height:180%;
}
.fa-sticky-note {
 transform: rotate(180deg);
 padding:0 0 2px 2px;
}
	
/* #########################
CSSアニメーションの設定 
##########################  */

.mai-fle-sec {
 text-align:center;
 width:100%;
 height:100%;
 margin:auto;
 display:flex;
 flex-wrap:wrap;
 justify-content: space-around;/*両端分布*/
 align-items:flex-start;/*垂直中央*/
}
.mai-fle-sec li {
 margin:20px;
}
.eff-mai-wra {
 position:relative;
 height:220px;
 width:220px;/*コンテンツにあわせ調整*/
 background:#fff;
 overflow:hidden;
 border-radius:50%;
 margin:auto;
}
.mai-sli {
 display:none;
}
.mai-sli-inn {
 display:block;
 background:#212121;
 position:absolute;/*親要素にposition:relative*/
 top:-25%;
 opacity:0;
 width:120%;
 height:120%;
}
.mai-fle-sec li:nth-of-type(1) .mai-sli-inn {
 animation: SlideVer 1.0s ease 0.0s 1 forwards;
}
.mai-fle-sec li:nth-of-type(2) .mai-sli-inn {
 animation: SlideVer 1.0s ease 0.8s 1 forwards;
}
.mai-fle-sec li:nth-of-type(3) .mai-sli-inn {
 animation: SlideVer 1.0s ease 1.6s 1 forwards;
}
 @keyframes SlideVer {
 0% {
 opacity: 0;/*初期状態では透明に*/
 transform: translateX(0%) rotate(0deg);
}
 80% {
 opacity: 0.8;
}
 90% {
 opacity: 0;
 transform: translateX(100%) rotate(0deg);
}
}
.mai-fad {
 opacity : 0;
 transform : translate(0, 0px);
 transition : all 2000ms;
 height:220px;
 width:220px;/*コンテンツにあわせ調整*/
 background:#f8f8f8;
 overflow:hidden;
 border-radius:50%;
 position:relative;
}
.mai-scr {
}
.mai-fle-sec li:nth-of-type(1) .mai-scr {
 animation: SlideVerIma 1.0s ease 0.0s 1 forwards;
}
.mai-fle-sec li:nth-of-type(2) .mai-scr {
 animation: SlideVerIma 1.0s ease 0.8s 1 forwards;
}
.mai-fle-sec li:nth-of-type(3) .mai-scr {
 animation: SlideVerIma 1.0s ease 1.6s 1 forwards;
}
 @keyframes SlideVerIma {
 0% {
 opacity: 0;/*初期状態では透明に*/
 transform: translateX(100%) rotate(0deg);
}
 60% {
 opacity: 0.8;
}
 100% {
 opacity: 1;
 transform: translateX(0%) rotate(0deg);
}
}
.mai-fad img {
 width:auto;
 height:102%;
 position:absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
/* #########################
END CSSアニメーションの設定 
##########################  */
	
}

/*-------------------------------------------------
END　CSS　by WebCreatorCloudProject TRIBECA
------------------------------------------------*/

@media screen and (max-width: 800px) {
 #hea-lef {
 margin-left:3%;
}

 .hea-tit {
 display:none;
}
.mai-vis-sli-wra {
 width:calc(100% - 20px);
 height:auto;
 margin:0 auto;
 padding:10px 10px;
 background:#f8f8f8;
 overflow:hidden;
 border-top:solid 0px #292929;
 border-bottom:solid 10px #292929;
}
 .men li {
 text-align:center;
 border-right:dotted 0px #dfdfdf;
 width:calc(100% - 0px);
 background:#212121;
 border-bottom:dotted 1px #dfdfdf;
}
.men li a {
 color:#FFF;
 width:calc(100% - 0px);
 font-weight:600;
 display:block;
 text-align:center;
 text-decoration:none;
 font-size:96%;
 margin:0px 0;
 padding:10px 0px;
 transition: 0.8s;
}
 .men li.men-ite {
 text-align:center;
 border-right:dotted 0px #dfdfdf;
 border-bottom:dotted 1px #dfdfdf;
 width:calc(100% - 0px);
 background:#212121;
}
.men li.men-ite a {
 color:#FFF;
 width:calc(100% - 0px);
 font-weight:600;
 display:block;
 text-align:center;
 text-decoration:none;
 font-size:96%;
 margin:0px 0;
 padding:10px 0px;
 transition: 0.8s;
}
.men li:first-child a.men-ite::before {
 padding-right:5px;
 font-family: "Font Awesome 5 Free";
content: "\f015";
font-weight: 900;
text-indent:70%;
padding-left:10px;
}
.men li:nth-child(2) a.men-ite::before {
 padding-right:5px;
 font-family: "Font Awesome 5 Free";
content: "\f26c";
font-weight: 900;
text-indent:70%;
padding-left:10px;
}
.men li:nth-child(3) a.men-ite::before {
 padding-right:5px;
 font-family: "Font Awesome 5 Free";
content: "\f52b";
font-weight: 900;
text-indent:70%;
padding-left:10px;
}
.men li:nth-child(4) a.men-ite::before {
 padding-right:5px;
 font-family: "Font Awesome 5 Free";
content: "\f2bb";
font-weight: 900;
text-indent:70%;
padding-left:10px;
}
.men li:nth-child(5) a.men-ite::before {
 padding-right:5px;
 font-family: "Font Awesome 5 Free";
content: "\f075";
font-weight: 900;
text-indent:70%;
padding-left:10px;
}
.men li a.men-ite:hover {
 color:#ff3e3e;
 background:#fff;
 text-decoration:none;
 border-radius:2px;
}
 #sub-men {
 display:none;
 position:static;
 top:50px;
 height:auto;
 z-index:1;
}
#sub-men li {
 border-right:dotted 0px #dfdfdf;
 max-width:calc(100% - 6px);
 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;
}
/*-------------------------------------------------
 メイン画像 main visual
  -------------------------------------------------*/
.mai-vis-sli-wra {
 width:94%;
 height:auto;
 margin:0 3%;
 padding:10px 0;
 background:#f8f8f8;
 overflow:hidden;
 border-bottom:solid 10px #292929;
}
.mai-vis-sli {
 text-align:center;
 max-width:800px;
 width:100%;
 height:auto;
 margin:auto;
 display:flex;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content: center;/*両端分布*/
 align-items:center;/*垂直中央*/
}
.mai-vis-sli li {
 max-width:640px;
 width:100%;
 height:320px;
 background:#FFF;
 display:flex;
 flex-wrap:wrap;
 flex-direction:column;
 justify-content:flex-start;
 margin-bottom:20px;
}
.mai-vis-sli li:last-child {
 margin-bottom:0px;
}
.mai-vis-sli li .eff-but-blo {
 align-self:flex-end;
 padding-bottom:20px;
}
.mai-vis-tit {
 padding:15px 5px 5px;
 line-height:130%;
}
.mai-vis-ima {
 position:relative;
 max-width:640px;
 width:100%;
 height:180px;
 background:#FFF;
 overflow:hidden;
 margin:auto;
}
.mai-vis-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%);
}
 #mai-con {
 width:94%;
 margin:auto 3%;
 display:flex;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content:center;/*両端分布*/
 align-items:flex-start;/*垂直中央*/
}
#con {
 width:calc(100%);
}
 #foo-con {
 width:94%;
 height:auto;
 margin:auto 3%;
 display:flex;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content: space-between;/*両端分布*/
 align-items:flex-start;/*垂直中央*/
}
#foo-con a {
 text-decoration:none;
}
.foo-men {
 width:calc(100% - 0px);
 margin-right:0px;
}
.foo-men hr {
 margin:10px 0;
 width:80px;
 border-top:solid 2px #e48989;
}
 .foo-sns-blo {
 height:100%;
 max-height:380px;
 overflow:auto;
 padding:0px 0px;
 width:100%;
 max-width:640px;
 margin:auto;
}
.foo-rig-blo {
 width:100%;
 padding:20px 0;
 align-self:center;
 text-align:center;
}
.nav {
 width:100%;
 max-width:640px;
 margin:auto;
}
.nav-blo {
 margin-bottom:30px;
 background:#FFF;
 padding:20px 0;
}
.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;
}
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;
}
 textarea {
 border:solid 1px #cdcdcd;
 width:calc(100% - 2px);
 height:calc(80px);
 font-size:100%;
}
.sns-blo {
 display:flex;
flex-wrap:wrap;
justify-content: space-around;/*均等分布*/
align-items:center;/*垂直中央*/
}
.sns-blo li {
 font-size:140%;
 margin-left:10px;
}
 .nav-sin {
 width:100%;
 height:auto;
 display:flex;
flex-wrap:wrap;
justify-content: space-between;/*両端分布*/
align-items:center;/*垂直中央*/
}
.nav-sin-lef a, .nav-sin-rig a {
 display:block;
 background: #fff;
 border: 1px solid #e7e7e7;
 color: #212121;
 padding:10px;
}
.nav-sin-lef a:hover, .nav-sin-rig a:hover {
 color:#FFF;
 border:solid 1px #4cc588;
 background: #4cc588;
 text-decoration:none;
 transition: background 0.3s ease;
}
}
@media screen and (max-width: 460px) {
.hom-con-blo {
	padding:0px 0px;
	margin-bottom:30px;
	background:none;
display:flex;
flex-wrap:wrap;
justify-content: space-between;/*両端分布*/
align-items:flex-start;/*垂直中央*/
	
}
.hom-con-blo > .con-blo{
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.hom-con-blo > .con-blo > .con-blo-ima {
	position:relative;
	height:200px;
	width:100%;
	background:#efefef;
	overflow:hidden;
}


/* 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: #4cc588;
 border: 1px solid #4cc588;
 color: #fff;
}
 .pagination-txt {
 clear: both;
 text-align: center;
 margin-bottom: 40px;
 background:#f4f4f4;
}
 .pagination-txt span {
 color: #212121;
}
/* END ページネーション　cms-pagination */
}
