@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');

html body {font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; height: 100%; margin: 0;  padding: 0; text-align: left;}
body {
	font-size: 13px;
	line-height: 2.0;
	color: #ffffff;
	overflow: scroll;
	background-color: #171717;
  }
  
img {
	border: none;width: 100%;height: auto;
	vertical-align: top;
}


/* リンク部分
----------------------------------------------------------------------------------------------------------------------*/

a {color: #ffffff;
	text-decoration: underline;
}
a:visited {color: #ffffff;
	text-decoration: underline;
}
a:hover {color: #ffffff;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/* フロート
----------------------------------------------------------------------------------------------------------------------*/


.fL {float:left;}
.fR {float:right;}


/* マージン
----------------------------------------------------------------------------------------------------------------------*/

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb120 {margin-bottom:120px;}
.mb150 {margin-bottom:150px;}
.mb3p {margin-bottom:7%;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt70 {padding-top:70px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}

/*----------------------textstyle------------------------------*/

.fs50 {font-size:50%;}
.fs70 {font-size:70%;}
.fs80 {font-size:80%;}
.fs85 {font-size:85%;}
.fs90 {font-size:90%;}
.fs95 {font-size:95%;}
.fs100 {font-size:100%;}
.fs105 {font-size:105%;}
.fs110 {font-size:110%;}
.fs115 {font-size:115%;}
.fs120 {font-size:120%;}
.fs125 {font-size:125%;}
.fs130 {font-size:130%;}
.fs135 {font-size:135%;}
.fs140 {font-size:140%;}
.fs145 {font-size:145%;}
.fs150 {font-size:150%;}
.fs155 {font-size:155%;}
.fs180 {font-size:180%;}
.fs200 {font-size:200%;}
.fs250 {font-size:250%;}
.fs300 {font-size:300%;}
.fs350 {font-size:350%;}

.fw700 {font-weight: 700;}

.ff01 {font-family: 'Fjalla One', sans-serif;}
.ff02 {font-family: 'Lobster', cursive;}
.ff03 {font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.ff04 {font-family: 'Noto Serif', serif;}
.ff05 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.ff06 {font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}

.lh10 {line-height:1;}
.lh12 {line-height:1.2;}
.lh15 {line-height:1.5;}
.lh20 {line-height:2;}
.lh25 {line-height:2.5;}
.lh30 {line-height:3;}

.ls01 {letter-spacing: 0.05em;}
.ls02 {letter-spacing: 0.01em;}
.ls0001 {letter-spacing: 0.001em;}
.ls03 {letter-spacing: 0.2em;}

.fcwh {color:#ffffff;}
.fcbk {color:#000000;}
.fcgr {color:#999999;}
.fcgl {color:#6f9b1c;}
.fcrd {color:#ff0000;}
.fcbl {color:#193862;}
.fcgn {color:#037b00;}
.fcyl {color:#ffff01;}
.fcor {color:#eb954e;}
.fcbr {color:#63300F;}
.fcpp {color:#6d2e9d;}

.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}

h1 {line-height: 1.1;
  font-size: 7px;
  }

h1 {position: absolute;
	text-align: left;
 }
@media print, screen and (min-width: 1000px) {
h1 {top: -15px; left: 0;}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
h1 {top: -15px; left: 5px;}
}
@media print, screen and (max-width: 600px) {
h1 {top: 0; left: 5px;}
}





h2 {
  border-bottom: solid 3px #ffffff;
  position: relative;
}

h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #8fc322;
  bottom: -3px;
  width: 30%;
}





h3 {
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  position: relative;
  padding: 1.5rem 2rem;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
}

h3:before,
h3:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

h3:before {
  top: 0;
}

h3:after {
  bottom: 0;
}


h4 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

h4:before, h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

h4:before {
  left:0;
}
h4:after {
  right: 0;
}




@media print, screen and (min-width: 1100px) {
h5 {/*
	[disabled]padding-top: 1rem; */
	/* [disabled]padding-right: 2rem; */
	/* [disabled]padding-left: 2rem; */
	/* [disabled]padding-bottom: 1rem; */
	padding-right: 2%;
	padding-left: 2%;
	border-left: solid 5px #bcbcbc;
	background: #454545;
	font-size: 120%;
}
}
@media print, screen and (min-width: 651px) and (max-width: 1099px) {
h5 {/*
	[disabled]padding-top: 1rem; */
	/* [disabled]padding-right: 2rem; */
	/* [disabled]padding-left: 2rem; */
	/* [disabled]padding-bottom: 1rem; */
	padding-right: 2%;
	padding-left: 2%;
	border-left: solid 5px #bcbcbc;
	background: #454545;
	font-size: 120%;
}
}
@media print, screen and (max-width: 650px) {
h5 {/*
	[disabled]padding-top: 1rem; */
	padding-right: 2%;
	padding-left: 2%;
	/* [disabled]padding-bottom: 1rem; */
	border-left: solid 5px #bcbcbc;
	background: #454545;
	width: 96%;
	font-size: 120%;
}
}
h6 {
  position: relative;
  display: inline-block;
  padding: 0 2em;
  text-align: center;
}

h6:before,
h6:after {
  font-family: 'Font Awesome 5 Free';
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  color: #8fc322;
}

h6:before {
  left: 0;
  content: '\f101';
}

h6:after {
  right: 0;
  content: '\f100';
}

.heading06 {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 26px;
	text-align: center;
}

.heading06 span {
	position: relative;
	z-index: 2;
}

.heading06::before {
	content: attr(data-en);
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(224,66,114,0.2);
	font-size: 80px;
	font-style: italic;
}

.heading06::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 1px;
	height: 40px;
	background-color: rgba(224,66,114,1);
}



@media print, screen and (min-width: 1000px) {
.pc {display: block;}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.pc {display: none;}
}
@media print, screen and (max-width: 600px) {
.pc {display: none;}
}


@media print, screen and (min-width: 1000px) {
.pco {display: none;}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.pco {display: block;}
}
@media print, screen and (max-width: 600px) {
.pco {display: block;}
}


@media print, screen and (min-width: 1000px) {
.sp {display: none;}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.sp {display: none;}
}
@media print, screen and (max-width: 600px) {
.sp {display: block;}
}


@media print, screen and (min-width: 1000px) {
.spo {display: block;}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.spo {display: block;}
}
@media print, screen and (max-width: 600px) {
.spo {display: none;}
}

/*----------------------common------------------------------*/

header {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	/* [disabled]background-color: #EEF2FF; */
	border-bottom: 3px solid #8fc322;
}
@media print, screen and (min-width: 1000px) {
header  {
	height: 130px;
}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
header  {
	height: 100px;
}
}
@media print, screen and (max-width: 600px) {
header  {height: 65px;}
}

.header-in {position: relative; margin: 0 auto; padding: 0;}
@media print, screen and (min-width: 1000px) {
.header-in  {
	width: 1000px;
	height: 130px;
}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.header-in  {
	width: 100%;
	height: 100px;
}
}
@media print, screen and (max-width: 600px) {
.header-in  {
	width: 100%;
	height: 60px;
}
}

.logo {text-align: center; line-height: 1.4;}
@media print, screen and (min-width: 1000px) {
.logo {
	margin: 0;
	width: 279px;
	position: absolute;
	left: 9px;
	top: 40px;
	height: 67px;
}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.logo {
	margin-top: 20px;
	margin-right: auto;
	margin-left: 15px;
	margin-bottom: 0;
	width: 250px;
	position: relative;
}
}
@media print, screen and (max-width: 600px) {
.logo {
	margin-top: 10px;
	margin-right: 0;
	margin-left: 15px;
	margin-bottom: 0;
	width: 150px;
	position: relative;
}
}
.logo-t {margin: 10px 0 0; font-size:70%;}
.logo-t a{text-decoration:none;}

.logo-t2 {position: absolute; left:90px; font-size:70%; top:20px;}
.logo-t2 a{text-decoration:none;}

ul.pcmenu {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: table;
	width: 310px;
	position: absolute;
	left: 10px;
	top: 75px;
}
ul.pcmenu li {display: table-cell; margin: 0; padding: 0;}
ul.pcmenu2 {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: table;
	width: 465px;
	position: absolute;
	right: 1px;
	top: 71px;
	height: 1299px;
}
ul.pcmenu2 li {display: table-cell; margin: 0; padding: 0;}

.sns {top: 5px; position:absolute; font-size: 100%;}
.sns-color {color: #FCB3A2; font-size: 150%;}
@media print, screen and (min-width: 1200px) {
.sns-insta {right:0;}
}
@media print, screen and (max-width: 1199px) {
.sns-insta {right:10px;}
}
@media print, screen and (min-width: 1200px) {
.sns-fb {right:100px;}
}
@media print, screen and (max-width: 1199px) {
.sns-fb {
	right: 109px;
}
}


@media screen and (max-width:999px) {
    /* toggle_menu */
    #btn_nav {
	position: fixed;
	top: 12px;
	right: 10px;
	z-index: 999;
	cursor: pointer;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	height: 18px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	/* [disabled]padding-bottom: 15px; */
	margin-left: 0px;
    }
    #btn_nav span {
    display: inline-block;
    background: #ffffff;
    width: 25px;
    height: 2px;
    transition: .5s;
    position: relative;
    }
    #btn_nav.active span {
    background: #fff;
    transform: translateY(8px) rotate(225deg);
    }
    #btn_nav.active span:nth-child(2) {
    transform: scaleX(0);
    }
    #btn_nav.active span:last-child {
    transform: translateY(-8px) rotate(-225deg);
    }
    #btn_nav::after {
    content: "MENU";
    position: absolute;
    top: 30px;
		bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 75%;
    color: #ffffff;
    transition: .5s;
    }
    #btn_nav.active::after {
    content: "CLOSE";
    color: #fff;
    }
    #nav_sp nav,
    #nav_sp nav::after {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    }
    #nav_sp nav {
    display: flex;
    flex-flow: column;
    justify-content: center;
    overflow: auto;
    text-align: center;
    background: rgba(48,100,70,0.6);
    right: -100%;
    z-index: 998;
    transition: .5s;
    }
    #nav_sp nav::after {
    content: "";
    background: rgba(48,100,70,0.6);
    left: -100%;
    z-index: -1;
    transition: .7s;
    }
    #nav_sp nav.active {
    right: 0;
    }
    #nav_sp nav.active::after {
    left: 0;
    }
    #nav_sp ul li:first-child {
    border-top: 1px solid rgba(255,255,255,0.4);
    }
    #nav_sp ul li {list-style-type: none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    }
    #nav_sp ul li a {
    display: block;
    color: #fff;
    padding: 10px;
    }/* toggle_menu end */
}


.mainimage-over {overflow: hidden;position: relative;
	z-index: 1;}
@media screen and (min-width: 1100px) {
.mainimage-over {height: 550px; margin: 0 auto;}
}
@media only screen and (min-width: 701px) and (max-width: 1099px) {
.mainimage-over {height: 400px; margin: 0 auto;}
} 
@media screen and (max-width: 700px) {
.mainimage-over {height: 260px; margin: 0 auto;}
}




@media screen and (min-width: 1100px) {
.cb-slideshow {height: 550px;}
}
@media only screen and (min-width: 701px) and (max-width: 1099px) {
.cb-slideshow {height: 400px;}
} 
@media screen and (max-width: 700px) {
.cb-slideshow {height: 260px;}
}

@media screen and (min-width: 1100px) {
.cb-slideshow li span {height: 550px;}
}
@media only screen and (min-width: 701px) and (max-width: 1099px) {
.cb-slideshow li span {height: 400px;}
} 
@media screen and (max-width: 700px) {
.cb-slideshow li span {height: 260px;}
}

.cb-slideshow,
.cb-slideshow:after {
    position: relative;
    width: 100vw;
    top: 0px;
    left: 0px;
    z-index: ;
  margin: 0;
}
.cb-slideshow li {list-style:none;}

.cb-slideshow li span {background-image: url(images/slide01.jpg);
    width: 100vw;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s; 
}

.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
   left: 0%;
	top: 30%;
    width: 100%;
    opacity: 0;
    color: #fff;
	 -webkit-animation: titleAnimation 24s linear infinite 0s;
    -moz-animation: titleAnimation 24s linear infinite 0s;
    -o-animation: titleAnimation 24s linear infinite 0s;
    -ms-animation: titleAnimation 24s linear infinite 0s;
    animation: titleAnimation 24s linear infinite 0s; 
}

.cb-slideshow li div h3 {
	z-index: 50;
	font-family: 'Playfair Display', serif;
	font-size: 400%;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
  text-align: center;
}

.cb-slideshow li:nth-child(2) span {background-image: url(images/slide02.jpg);
	-webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

.cb-slideshow li:nth-child(3) span {background-image: url(images/slide03.jpg);
	-webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 	
}
.cb-slideshow li:nth-child(4) span {background-image: url(images/slide04.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}


.cb-slideshow li:nth-child(2) div {
	-webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

.cb-slideshow li:nth-child(3) div {
	-webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 	
}

.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}



@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}

@keyframes titleAnimation {
    0% { opacity: 0 }
    4% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

@media screen and (max-width: 1140px) {
    .cb-slideshow li div h3 { font-size: 12vmin }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}


.mainimage-over2 {overflow: hidden;position: relative;
	z-index: 1;}
@media screen and (min-width: 1100px) {
.mainimage-over2 {height: 550px; margin: 0 auto;}
}
@media only screen and (min-width: 701px) and (max-width: 1099px) {
.mainimage-over2 {height: 400px; margin: 0 auto;}
} 
@media screen and (max-width: 700px) {
.mainimage-over2 {height: 260px; margin: 0 auto;}
}
@media screen and (min-width: 1100px) {
.cb-slideshow2 {height: 550px;}
}
@media only screen and (min-width: 701px) and (max-width: 1099px) {
.cb-slideshow2 {height: 400px;}
} 
@media screen and (max-width: 700px) {
.cb-slideshow2 {height: 260px;}
}

@media screen and (min-width: 1100px) {
.cb-slideshow2 li span {height: 550px;}
}
@media only screen and (min-width: 701px) and (max-width: 1099px) {
.cb-slideshow2 li span {height: 400px;}
} 
@media screen and (max-width: 700px) {
.cb-slideshow2 li span {height: 260px;}
}

.cb-slideshow2,
.cb-slideshow2:after {
    position: relative;
    width: 100vw;
    top: 0px;
    left: 0px;
    z-index: ;
  margin: 0;
}
.cb-slideshow2 li {list-style:none;}

.cb-slideshow2 li span {background-image: url(images/slide01s.jpg);
    width: 100vw;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation2 36s linear infinite 0s;
    -moz-animation: imageAnimation2 36s linear infinite 0s;
    -o-animation: imageAnimation2 36s linear infinite 0s;
    -ms-animation: imageAnimation2 36s linear infinite 0s;
    animation: imageAnimation2 36s linear infinite 0s; 
}

.cb-slideshow2 li div {
    z-index: 1000;
    position: absolute;
   left: 0%;
	top: 30%;
    width: 100%;
    opacity: 0;
    color: #fff;
	 -webkit-animation: titleAnimation2 36s linear infinite 0s;
    -moz-animation: titleAnimation2 36s linear infinite 0s;
    -o-animation: titleAnimation2 36s linear infinite 0s;
    -ms-animation: titleAnimation2 36s linear infinite 0s;
    animation: titleAnimation2 36s linear infinite 0s; 
}

.cb-slideshow2 li div h3 {
	z-index: 50;
	font-family: 'Playfair Display', serif;
	font-size: 400%;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
  text-align: center;
}

.cb-slideshow2 li:nth-child(2) span {background-image: url(images/slide02s.jpg);
	-webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

.cb-slideshow2 li:nth-child(3) span {background-image: url(images/slide03s.jpg);
	-webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 	
}
.cb-slideshow2 li:nth-child(4) span {background-image: url(images/slide04s.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}


}

.cb-slideshow2 li:nth-child(2) div {
	-webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

.cb-slideshow2 li:nth-child(3) div {
	-webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 	
}

.cb-slideshow2 li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}

@-webkit-keyframes imageAnimation2 { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation2 { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation2 { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation2 { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation2 { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}

@keyframes titleAnimation2 {
    0% { opacity: 0 }
    4% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

@media screen and (max-width: 1140px) {
    .cb-slideshow2 li div h3 { font-size: 12vmin }
}

/* Show at least something when animations not supported */
.no-cssanimations2 .cb-slideshow2 li span{
	opacity: 1;
}



.sl-txt {position: absolute; z-index: 10; line-height: 1.3; font-weight: 700; color: #ffffff; letter-spacing: 0.1em; animation-duration: 2.1s;/* アニメーション時間 */ animation-name:LeftToRight;/* アニメーション名 */}
@media print, screen and (min-width: 1000px) {
.sl-txt {left: 8%; bottom: 42%; font-size: 250%;}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.sl-txt {left: 4%; bottom: 41%; font-size: 220%;}
}
@media print, screen and (max-width: 600px) {
.sl-txt {left: 2%; bottom: 40%; font-size: 200%;}
}
@keyframes LeftToRight {
  0% {
    opacity: 0;/* 透明 */
    transform: translateY(50px);
  }
    50% {
    opacity: 0;/* 透明 */
    transform: translateY(50px);
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

.bg-wall-in {overflow: hidden;}
@media print, screen and (min-width: 1000px) {
.bg-wall-in {width: 920px; margin: 100px auto; padding: 0;}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.bg-wall-in {
	width: 90%;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]margin-bottom: 90px; */
	padding: 0;
}
}
@media print, screen and (max-width: 600px) {
.bg-wall-in {
	width: 90%;
	margin: 50px auto;
	padding: 0;
}
}

.t-program {overflow: hidden;}
@media print, screen and (min-width: 1000px) {
.t-program {width: 196px; margin: 0 auto 50px;}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.t-program {width: 196px; margin: 0 auto 50px;}
}
@media print, screen and (max-width: 600px) {
.t-program {width: 196px; margin: 0 auto 30px;}
}


.dflex {margin: 0 0 50px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 700px) {
.dflex-box {
	margin-top: 0;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 30px;
	padding: 0;
	width: 48%;
}
}
@media print, screen and (max-width: 699px) {
.dflex-box {
	margin-top: 0;
	margin-right: 0.5%;
	margin-left: 0.5%;
	margin-bottom: 10px;
	padding: 0;
	width: 49%;
}
}
																						
																						.catch-font {color:#63300F;}															
																						@media print, screen and (min-width: 700px) {
.catch-font {font-size: 130%; letter-spacing: 0.2em;}
}
@media print, screen and (max-width: 699px) {
.catch-font {font-size: 115%; letter-spacing: 0.02em;}
																						}
																						
.bg-insta {overflow: hidden;}
@media print, screen and (min-width: 650px) {
.bg-insta {
	width: 650px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding: 0;
}
}
@media print, screen and (max-width: 600px) {
.bg-insta {width: 90%; margin: 0 auto 40px; padding: 0;}
}

.t-insta {overflow: hidden;}
@media print, screen and (min-width: 1000px) {
.t-insta {width: 190px; margin: 0 auto 50px;}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.t-insta {width: 190px; margin: 0 auto 50px;}
}
@media print, screen and (max-width: 600px) {
.t-insta {width: 190px; margin: 0 auto 30px;}
}

footer  {
	overflow: hidden;
	clear: both;
	width: 100%;
	border-top: 3px solid #8fc322;
}
.footer-in {overflow: hidden; text-align: center; background-image: url(images/bg-footer.png); background-repeat: repeat-x;}
@media print, screen and (min-width: 1000px) {
.footer-in {
	width: 1100px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]margin-bottom: 50px; */
}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
.footer-in {
	width: 100%;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
}
@media print, screen and (max-width: 600px) {
.footer-in {width: 90%;margin: 50px auto 0;}
}

.footermenu {
	width: 500px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]margin-bottom: 50px; */
}
.footermenu01 {
	width: 100px;
	float: left;
}
.footermenu02 {width: 152px; float: left;}
.footermenu03 {width: 131px; float: left;}
.footermenu04 {width: 143px; float: left;}
.footermenu05 {width: 126px; float: left;}
.footermenu06 {width: 147px; float: left;}
.footermenu07 {width: 158px; float: left;}
.footermenu08 {width: 109px; float: left;}
.footermenu p{margin: 0 0 5px 0; padding: 0;}

ul.ftmn {
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 80%;
	text-align: center;
}
ul.ftmn li {box-sizing: border-box; text-align: left;
	margin: 0;
	list-style-type: none;
}
@media print, screen and (min-width: 1000px) {
ul.ftmn li {width: 12.5%; float: left;}
}
@media print, screen and (min-width: 601px) and (max-width: 999px) {
ul.ftmn li {width: 12.5%; float: left;}
}
@media print, screen and (max-width: 600px) {
ul.ftmn li {
	width: 20%;
	float: left;
}
}
.footer-logo {
	width: 150px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]margin-bottom: 30px; */
}

.copy {font-size: 80%; padding: 10px;}
@media print, screen and (min-width: 1000px) {
.copy {text-align: center;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.copy {text-align: center;}
}
@media print, screen and (max-width: 700px) {
.copy {text-align: center;}
}

.def {overflow: hidden; clear: both;}
@media print, screen and (min-width: 1000px) {
.pr-ic {float: left; width: 13%; padding: 0 7% 0 4%; margin: 0 2% 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-ic {
	float: left;
	width: 25%;
	padding: 0 5% 0 3%;
	margin: 0 1% 0;
}
}
@media print, screen and (max-width: 700px) {
.pr-ic {float: none; width: 50%; padding: 0 2% 0; margin: 0 auto 30px;}
}

@media print, screen and (min-width: 1000px) {
.pr-ic-bg {background-repeat: repeat-y; background-position: right;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-ic-bg {background-repeat: repeat-y; background-position: right;}
}
@media print, screen and (max-width: 700px) {
.pr-ic-bg {background-repeat: repeat-x; background-position: bottom;}
}

@media print, screen and (min-width: 1000px) {
.pr-ic-bg-shokuji {background-image: url(images/dot-shokuji.png);}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-ic-bg-shokuji {background-image: url(images/dot-shokuji.png);}
}
@media print, screen and (max-width: 700px) {
.pr-ic-bg-shokuji {background-image: url(images/dot-shokuji-yoko.png);}
}

@media print, screen and (min-width: 1000px) {
.pr-ic-bg-academy {background-image: url(images/dot-academy.png);}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-ic-bg-academy {background-image: url(images/dot-academy.png);}
}
@media print, screen and (max-width: 700px) {
.pr-ic-bg-academy {background-image: url(images/dot-academy-yoko.png);}
}

@media print, screen and (min-width: 1000px) {
.pr-ic-bg-undou {background-image: url(images/dot-undou.png);}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-ic-bg-undou {background-image: url(images/dot-undou.png);}
}
@media print, screen and (max-width: 700px) {
.pr-ic-bg-undou {background-image: url(images/dot-undou-yoko.png);}
}

@media print, screen and (min-width: 1000px) {
.pr-ic-bg-shizen {background-image: url(images/dot-shizen.png);}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-ic-bg-shizen {background-image: url(images/dot-shizen.png);}
}
@media print, screen and (max-width: 700px) {
.pr-ic-bg-shizen {background-image: url(images/dot-shizen-yoko.png);}
}

@media print, screen and (min-width: 1000px) {
.pr-ic-bg-kisetsu {background-image: url(images/dot-kisetsu.png);}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-ic-bg-kisetsu {background-image: url(images/dot-kisetsu.png);}
}
@media print, screen and (max-width: 700px) {
.pr-ic-bg-kisetsu {background-image: url(images/dot-kisetsu-yoko.png);}
}

@media print, screen and (min-width: 1000px) {
.pr-ic-bg-inst {background-image: url(images/dot-inst.png);}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-ic-bg-inst {background-image: url(images/dot-inst.png);}
}
@media print, screen and (max-width: 700px) {
.pr-ic-bg-inst {background-image: url(images/dot-inst-yoko.png);}
}

@media print, screen and (min-width: 1000px) {
.pr-des {float: right; width: 60%; padding: 0; margin: -10px 7% 0 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-des {float: right; width: 58%; padding: 0; margin: 0 5% 0 0;}
}
@media print, screen and (max-width: 700px) {
.pr-des {float: none; width: 70%; padding: 0 2% 0; margin: 0 auto;}
}
.pr-des-title {font-size: 150%; overflow: hidden; letter-spacing: 0.2em;}
.fc-shokuji {color: #ff8001;}
.fc-undou {color: #41aa54;}
.fc-academy {color: #4fa0ca;}
.fc-kisetsu {color: #cc95c7;}
.fc-shizen {color: #cc95c7;}
.fc-inst {color: #80cb9d;}
.fc-inst2 {color: #482510;}


.pr-content {position: relative; margin: 0 0 10px 0; overflow: hidden;}

.pr-title {border-bottom: 1px solid; margin: 0 20px 30px; font-size: 200%; overflow: hidden; letter-spacing: 0.1em; line-height: 1.7;}
@media print, screen and (min-width: 1000px) {
.pr-title {padding: 0 0 10px 90px;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-title {padding: 0 0 10px 90px;}
}
@media print, screen and (max-width: 700px) {
.pr-title {padding: 0 0 10px 90px;}
}

.pr-tx {margin: 0 0 30px 0; overflow: hidden;}
@media print, screen and (min-width: 1000px) {
.pr-tx {padding: 0 200px 30px 90px;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-tx {padding: 0 200px 30px 90px;}
}
@media print, screen and (max-width: 700px) {
.pr-tx {padding: 0 0 30px 0;}
}

.pr-tx2 {margin: 0 0 30px 0; overflow: hidden;}
@media print, screen and (min-width: 1000px) {
.pr-tx2 {padding: 0 30px 30px 90px;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-tx2 {padding: 0 30px 30px 90px;}
}
@media print, screen and (max-width: 700px) {
.pr-tx2 {padding: 0 0 30px 0;}
}

.pr-no {width: 75px; position: absolute;}

@media print, screen and (min-width: 1000px) {
.pr-img {position: absolute; right: 0; width: 180px;}
}
@media print, screen and (min-width: 701px) and (max-width: 1099px) {
.pr-img {position: absolute; right: 0; width: 180px;}
}
@media print, screen and (max-width: 700px) {
.pr-img {position: relative; width: 60%; margin: 0 auto 30px;}
}

.mh {min-height: 180px;}

.bg-wall-in-page {overflow: hidden; line-height: 2.5; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
@media print, screen and (min-width: 850px) {
.bg-wall-in-page {
	width: 850px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]margin-bottom: 40px; */
	padding: 0;
}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
.bg-wall-in-page {width: 90%; margin: 40px auto 40px; padding: 0;}
}
@media print, screen and (max-width: 600px) {
.bg-wall-in-page {width: 90%; margin: 40px auto 40px; padding: 0;}
}

.bg-wall-in-page-wide {overflow: hidden; line-height: 2.5; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
@media print, screen and (min-width: 900px) {
.bg-wall-in-page-wide {width: 900px; margin: 40px auto 40px; padding: 0;}
}
@media print, screen and (min-width: 701px) and (max-width: 849px) {
.bg-wall-in-page-wide {width: 90%; margin: 40px auto 40px; padding: 0;}
}
@media print, screen and (max-width: 700px) {
.bg-wall-in-page-wide {width: 90%; margin: 40px auto 40px; padding: 0;}
}

.circle{color: #ffffff;
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align:center;
  line-height: 2;
}
.c-shokuji {background-color: skyblue;}


.c-shokuji {background-color: #ff8001;}
.c-undou {background-color: #41aa54;}
.c-academy {background-color: #4fa0ca;}
.c-kisetsu {background-color: #cc95c7;}
.c-shizen {background-color: #cc95c7;}

ul.prmn {display: flex; margin: 0; padding: 0; justify-content: center;
}
ul.prmn li {list-style: none;
  display: inline-block;
  vertical-align: middle;
}
ul.prmn li a {
  display: block;
}
@media print, screen and (min-width: 850px) {
ul.prmn li {width: 130px; padding: 25px;}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
ul.prmn li {width: 110px; padding: 20px;}
}
@media print, screen and (max-width: 600px) {
ul.prmn li {width: 20%; padding: 2%;}
}

.imgflt {overflow: hidden;}
@media print, screen and (min-width: 850px) {
.imgflt {width: 100%; margin: 0 0 0 -3%; padding: 0;}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
.imgflt {width: 100%; margin: 0 0 0 -1%; padding: 0;}
}
@media print, screen and (max-width: 600px) {
.imgflt {width: 100%; margin: 0 0 0 -1%; padding: 0;}
}

.imgflt-box {float: left;}
@media print, screen and (min-width: 850px) {
.imgflt-box {width: 30.4%; margin: 0 0 0 3%;}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
.imgflt-box {width: 32.66%; margin: 0 0 0 1%;}
}
@media print, screen and (max-width: 600px) {
.imgflt-box {width: 32.66%; margin: 0 0 0 1%;}
}

.prof {
	background-color: #171717;
	padding-top: 2%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 2%;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	/* [disabled]margin-bottom: 50px; */
	overflow: hidden;
}

.prof_23 {
	/* [disabled]padding-top: 4%; */
	/* [disabled]padding-right: 4%; */
	/* [disabled]padding-left: 4%; */
	/* [disabled]padding-bottom: 4%; */
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	overflow: hidden;
}



.prof_n {
	padding: 4%;
	margin: 0 0 50px 0;
	overflow: hidden;
}
@media print, screen and (min-width: 850px) {
.prof-l {width: 67%; margin: 0; float: left;}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
.prof-l {width: 67%; margin: 0; float: left;}
}
@media print, screen and (max-width: 600px) {
.prof-l {width: 100%; margin: 0; float: none;}
}

@media print, screen and (min-width: 850px) {
.prof-r {width: 30%; margin: 0; float: right;}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
.prof-r {width: 30%; margin: 0; float: right;}
}
@media print, screen and (max-width: 600px) {
.prof-r {width: 100%; margin: 0 0 30px; float: none;}
}





.prof-l22 {
	width: 40%;
	margin: 0;
	float: left;
}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
.prof-l22 {
	width: 40%;
	margin: 0;
	float: left;
}
}
@media print, screen and (max-width: 600px) {
.prof-l22 {width: 100%; margin: 0; float: none;}
}

@media print, screen and (min-width: 850px) {
.prof-r22 {
	width: 57%;
	margin: 0;
	float: right;
}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
.prof-r22 {
	width: 57%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	float: right;
}
}
@media print, screen and (max-width: 600px) {
.prof-r22 {width: 100%; margin: 0 0 30px; float: none;}
}






.prof-title {overflow: hidden; clear:  both; margin: 0 0 10px 0;}
.prof-title-l {font-size: 130%;}
@media print, screen and (min-width: 850px) {
.prof-title-l {width: 63%; margin: 0; float: left;}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
.prof-title-l {width: 63%; margin: 0; float: left;}
}
@media print, screen and (max-width: 600px) {
.prof-title-l {width: 100%; margin: 0; float: none;}
}




.prof-title-l2 {font-size: 130%;}
@media print, screen and (min-width: 850px) {
.prof-title-l2 {
	width: 100%;
	margin: 0;
	float: left;
}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
.prof-title-l2 {
	width: 100%;
	margin: 0;
	float: left;
}
}
@media print, screen and (max-width: 600px) {
.prof-title-l 2{width: 100%; margin: 0; float: none;}
}





.prof-title-r {text-align: right; font-size: 80%; float: left;}
@media print, screen and (min-width: 850px) {
.prof-title-r {width: 35%; margin: 20px 0 0 0; float: left;}
}
@media print, screen and (min-width: 601px) and (max-width: 849px) {
.prof-title-r {width: 35%; margin: 20px 0 0 0; float: left;}
}
@media print, screen and (max-width: 600px) {
.prof-title-r {width: 90%; margin: 0 auto 0 0; float: none;}
}
.prof-tx {font-size: 90%; line-height: 2;}

@media print, screen and (min-width: 601px) {
.btw {margin: 0 auto; width: 200px;}
}
@media print, screen and (max-width: 600px) {
.btw {margin: 0 auto; width: 200px;}
}
.btn {border-radius: 10px;
    display: inline-block; text-align: center; letter-spacing: 0;
    text-decoration: none !important;
    width: 100%;
box-sizing: border-box;}
.btn01 { position: relative; padding: 5px 0;
    background-color:#EE8D12;
    border: 2px solid #EE8D12;
    color: #ffffff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn01:hover {
    background-color: #ffffff;
    border: 1px solid #EE8D12;
    color: #EE8D12 !important;
}

@media print, screen and (min-width: 950px) {
.about-l {width: 60%; margin: 0; float: left;}
}
@media print, screen and (min-width: 701px) and (max-width: 849px) {s
.about-l {width: 60%; margin: 0; float: left;}
}
@media print, screen and (max-width: 700px) {
.about-l {width: 100%; margin: 0 0 30px; float: none;}
}

@media print, screen and (min-width: 950px) {
.about-r {width: 35%; margin: 0; float: right;}
}
@media print, screen and (min-width: 701px) and (max-width: 849px) {
.about-r {width: 35%; margin: 0; float: right;}
}
@media print, screen and (max-width: 700px) {
.about-r {width: 100%; margin: 0; float: none;}
}

@media print, screen and (min-width: 950px) {
.inst-l {width: 22%; margin: 0; float: left;}
}
@media print, screen and (min-width: 701px) and (max-width: 849px) {
.inst-l {width: 22%; margin: 0; float: left;}
}
@media print, screen and (max-width: 700px) {
.inst-l {width: 60%; margin: 0 20% 30px; float: none;}
}

.inst-r {background-image: url(images/dot-inst-yoko.png); background-repeat: repeat-x; background-position: bottom; line-height: 2;}
@media print, screen and (min-width: 950px) {
.inst-r {width: 75%; margin: 0 0 30px; float: right;}
}
@media print, screen and (min-width: 701px) and (max-width: 849px) {
.inst-r {width: 75%; margin: 0 0 30px; float: right;}
}
@media print, screen and (max-width: 700px) {
.inst-r {width: 100%; margin: 0 0 30px; float: right;}
}

.inst-r p{font-size: 150%; margin: 0 0 20px;}



.schedule-com {background-image: url(images/dot-inst-yoko.png); background-repeat: repeat-x; background-position: bottom; line-height: 2;}
@media print, screen and (min-width: 950px) {
.schedule-com {
	width: 100%;
	margin: 0 0 30px;
	float: right;
}
}
@media print, screen and (min-width: 701px) and (max-width: 849px) {
.schedule-com {
	width: 100%;
	margin: 0 0 30px;
	float: right;
}
}
@media print, screen and (max-width: 700px) {
.schedule-com {width: 100%; margin: 0 0 30px; float: right;}
}

.schedule-com p{font-size: 150%; margin: 0 0 20px;}







.you {background-color: #ffffff; margin: 0 0 30px; overflow: hidden; line-height: 1.5;
    color: #EE8D12 !63300F;
}
@media print, screen and (min-width: 601px) {
.you {width: 500px; padding: 10px 50px;}
}
@media print, screen and (max-width: 600px) {
.you {width: 94%; padding: 1% 3%;}
}

.you2 {
	background-color: #ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]margin-bottom: 30px; */
	overflow: hidden;
	line-height: 1.5;
    color: #EE8D12 !63300F;
}
@media print, screen and (min-width: 601px) {
.you2 {
	width: 500px;
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 20px;
}
}
@media print, screen and (max-width: 600px) {
.you2 {width: 94%; padding: 1% 3%;}
}








.you3 {
	/* [disabled]background-color: #ffffff; */
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]margin-bottom: 30px; */
	overflow: hidden;
	line-height: 1.5;
    color: #EE8D12 !63300F;
}
@media print, screen and (min-width: 601px) {
.you3 {
	width: 600px;
	padding-top: 0px;
	/* [disabled]padding-right: 50px; */
	/* [disabled]padding-left: 50px; */
	padding-bottom: 0px;
}
}
@media print, screen and (max-width: 600px) {
.you3 {width: 94%; padding: 1% 3%;}
}







.fcyou {color: #EE8D12 !63300F;}

.you-l {text-slign: right;}
@media print, screen and (min-width: 601px) {
.you-l {width: 70px; float: left;}
}
@media print, screen and (max-width: 600px) {
.you-l {width: 20%; float: left;}
}
.you-r {text-slign: left;}
@media print, screen and (min-width: 601px) {
.you-r {width: 415px; float: right; font-size: 110%; padding: 10px 0;}
}
@media print, screen and (max-width: 600px) {
.you-r {width: 77%; float: right; font-size: 80%; padding: 0px 0;}
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.wspace {
white-space: nowrap;
}


.mbox {overflow: hidden;}
@media print, screen and (min-width: 1000px) {
.mbox {width: 100%; margin: 0;}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.mbox {width: 94%; margin: 0 auto;}
} 
@media print, screen and (max-width: 580px) {
.mbox {width: 92%; margin: 0 auto;}
}





.news-day3 {color: #999999;}
@media print, screen and (min-width: 900px) {
.news-day3 {float: left; width: 13%;}
}
@media print, screen and (min-width: 601px) and (max-width: 899px) {
.news-day3 {
	float: left;
	width: 25%;
}
}
@media print, screen and (max-width: 600px) {
.news-day3 {float: none; width: 100%;}
}
.news-title3 {text-align: left;}
@media print, screen and (min-width: 900px) {
.news-title3 {float: right; width: 84%;}
}
@media print, screen and (min-width: 601px) and (max-width: 899px) {
.news-title3 {
	float: right;
	width: 72%;
}
}
@media print, screen and (max-width: 600px) {
.news-title3 {float: none; width: 100%;}
}



@media print, screen and (min-width: 1100px) {
.tokusetsu-ba-l {
	width: 25%;
	margin: 0;
	float: left;
	padding-bottom: 10px;
}
}
@media print, screen and (min-width: 601px) and (max-width: 1099px) {
.tokusetsu-ba-l {
	width: 25%;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	float: left;
}
}
@media print, screen and (max-width: 600px) {
.tokusetsu-ba-l {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	float: none;
	/* [disabled]margin-left: 5%; */
	/* [disabled]margin-right: 5%; */
}
}

@media print, screen and (min-width: 1100px) {
.tokusetsu-ba-r {
	width: 72%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	float: right;
	padding-bottom: 10px;
	text-align: left;
}
}
@media print, screen and (min-width: 601px) and (max-width: 1099px) {
.tokusetsu-ba-r {
	width: 72%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	float: right;
	margin-top: 10px;
	text-align: left;
}
}
@media print, screen and (max-width: 600px) {
.tokusetsu-ba-r {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	float: none;
}
}
.def {clear: both; overflow: hidden;}
.news-l{text-align: center; overflow: hidden;
	ｖposition: relative;}
@media print, screen and (min-width: 1000px) {
.news-l{width: 20%; float: left; margin: 0;}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.news-l{width: 100%; float: none; margin: 0;}
} 
@media print, screen and (max-width: 580px) {
.news-l{width: 100%; float: none; margin: 0 0 20px 0;}
}
.news-r{text-align: left;}
@media print, screen and (min-width: 1000px) {
.news-r{width: 78%; float: right; margin: 0;}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.news-r{width: 100%; float: none; margin: 0;}
} 
@media print, screen and (max-width: 580px) {
.news-r{width: 100%; float: none; margin: 0;}
}
.bg-a-wh-in {
	overflow: hidden;
	background-color: #171717;
	padding-top: 2%;
	/* [disabled]padding-bottom: 2%; */
	border-bottom: 1px dotted #838383;
}
.bdb {
	border-bottom: 1px solid #E6E6E6;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	overflow: hidden;
}
.bdb-l {
	color: #A7A7A7;
	text-align: center;
}
@media print, screen and (min-width: 1000px) {
.bdb-l {
	width: 20%;
	float: left;
	margin: 0;
	text-align: center;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.bdb-l {
	width: 23%;
	float: left;
	text-align: center;
}
} 
@media print, screen and (max-width: 580px) {
.bdb-l {width: 100%; float: none; text-align: left;}
}
.bdb-r {text-align: left;}
@media print, screen and (min-width: 1000px) {
.bdb-r {
	width: 78%;
	float: right;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.bdb-r {
	width: 75%;
	float: right;
}
} 
@media print, screen and (max-width: 580px) {
.bdb-r {width: 100%; float: none;}
}










.bdb3-l {
	color: #A7A7A7;
	text-align: center;
}
@media print, screen and (min-width: 1000px) {
.bdb3-l {
	width: 33%;
	float: left;
	margin-top: 20px;
	text-align: center;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.bdb3-l {
	width: 23%;
	float: left;
	text-align: center;
}
} 
@media print, screen and (max-width: 580px) {
.bdb3-l {width: 100%; float: none; text-align: left;}
}
.bdb3-r {text-align: left;}
@media print, screen and (min-width: 1000px) {
.bdb3-r {
	width: 65%;
	float: right;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.bdb3-r {
	width: 75%;
	float: right;
}
} 
@media print, screen and (max-width: 580px) {
.bdb3-r {width: 100%; float: none;}
}





.iframe-content {
	position: relative;
	width: 100%;
	margin: 0;
}
@media print, screen and (min-width: 1000px) {
.iframe-content {padding: 45% 0 0 0;}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.iframe-content {padding: 50% 0 0 0;}
} 
@media print, screen and (max-width: 580px) {
.iframe-content {padding: 100% 0 0 0;}
}

.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


ul.news {margin: 0; padding: 0;}
ul.news li{list-style-type: none; margin: 0 0 7px 0; padding: 0 0 7px 0; border-bottom: 1px solid #999999; overflow: hidden;}

.news-title {
	float: left;
	margin-top: 0;
	/* [disabled]margin-right: 2%; */
	margin-left: 0;
	margin-bottom: 0;
	text-align: left;
	width: auto;
}
@media screen and (min-width: 1100px) {
.news-title {
	width: 85%;
}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
.news-title {
	width: 80%;
}
} 
@media screen and (max-width: 600px) {
.news-title {
	width: 70%;
	float: right;
}
}


.news-day {color: #999999;}
@media print, screen and (min-width: 900px) {
.news-day {
	width: 15%;
	float: left;
}
}
@media print, screen and (min-width: 601px) and (max-width: 899px) {
.news-day {
	float: left;
	width: 20%;
}
}
@media print, screen and (max-width: 600px) {
.news-day {
	float: left;
	width: 30%;
}
}


/*タブ実装*/
.tab_box .btn_area {
	margin:0 10px;
	display: -webkit-box;
	display: flex;
}

.tab_box .tab_btn {
	width: 188px;
	padding: 8px 0;
	color: #333;
	background: #f5f7f8;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.tab_box .tab_btn + .tab_btn {
	margin-left: 8px;
}

.tab_box .tab_btn:hover {
	background-color: #dce1e4;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.tab_box .tab_btn.active {
	background: #5f9e57;
	color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.tab_box .panel_area {
	/* [disabled]border: solid 1px #e3ebf3; */
	padding: 20px;
}

.tab_box .tab_panel {
    display:none;
}

.tab_box .tab_panel.active {
    display:block;
}


 ul.listsquare {
   list-style: square;
	 
}




.bg-wht-shadow  {
	padding-top: 2%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 2%;
	overflow: hidden;
	background-color: #FFFFFF;
	border-radius: 10px;
	margin-right: 0%;
	margin-left: 0%;
	text-align: left;
	box-shadow: 0px 0px 20px rgba(0,0,0, 0.1);
	
}
@media print, screen and (min-width: 1000px) {
.box14{
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.2em;
	margin-top: 2em;
	margin-left: 2em;
	margin-bottom: 2em;
	background: #3C3C3C;
	box-shadow: 0px 0px 0px 10px #3C3C3C;
	border: dashed 2px white;
	margin-right: 2em;
	-webkit-box-shadow: 0px 0px 0px 10px #3C3C3C;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.box14{
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.2em;
	margin-top: 2em;
	margin-left: 2em;
	margin-bottom: 2em;
	background: #3C3C3C;
	box-shadow: 0px 0px 0px 10px #3C3C3C;
	border: dashed 2px white;
	margin-right: 2em;
	-webkit-box-shadow: 0px 0px 0px 10px #3C3C3C;
}
} 
@media print, screen and (max-width: 580px) {
.box14{
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.2em;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	background: #3C3C3C;
	box-shadow: 0px 0px 0px 10px #3C3C3C;
	border: dashed 2px white;
	margin-right: 1em;
	-webkit-box-shadow: 0px 0px 0px 10px #3C3C3C;
}
}



.box14 p {
    margin: 0; 
    padding: 0;
}
.nnbox22 {overflow: hidden;
 width: 31%;
 margin: 1%;
}
@media print, screen and (min-width: 1000px) {
.nnbox22 {
	margin: 1%;
	padding: 0 0 10px 0;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.nnbox22 {margin: 1%; padding: 0 0 10px 0;}
} 
@media print, screen and (max-width: 580px) {
.nnbox22{margin: 4%; padding: 0;}
}

.news-box22-l{overflow: hidden; position: relative;}
@media print, screen and (min-width: 1000px) {
.news-box22-l{
	width: 28%;
	/* [disabled]height: 60px; */
	float: left;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.news-box22-l{
	width: 28%;
	float: left;
	/* [disabled]height: 50px; */
}
} 
@media print, screen and (max-width: 580px) {
.news-box22-l{width: 20%; float: left; height: 100px;}
}

@media print, screen and (min-width: 1000px) {
.news-box22-r{
	width: 69%;
	float: right;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.news-box22-r{
	width: 69%;
	float: right;
}
} 
@media print, screen and (max-width: 580px) {
.news-box22-r{width: 77%; float: right;}
}

.nnbox-outer {
 display:flex;
}
.nnbox {overflow: hidden;
 width: 31%;
 margin: 1%;
}
@media print, screen and (min-width: 1000px) {
.nnbox {
	border-bottom: 3px solid #777777;
	margin: 1%;
	padding: 0 0 10px 0;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.nnbox {border-bottom: 3px solid #baa30c; margin: 1%; padding: 0 0 10px 0;}
} 
@media print, screen and (max-width: 580px) {
.nnbox{border-bottom: none; margin: 4%; padding: 0;}
}
.news-box-l{overflow: hidden; position: relative;}
@media print, screen and (min-width: 1000px) {
.news-box-l{
	width: 38%;
	/* [disabled]height: 60px; */
	float: left;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.news-box-l{
	width: 15%;
	float: left;
	/* [disabled]height: 50px; */
}
} 
@media print, screen and (max-width: 580px) {
.news-box-l{width: 20%; float: left; height: 100px;}
}

@media print, screen and (min-width: 1000px) {
.news-box-r{
	width: 60%;
	float: right;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.news-box-r{width: 82%; float: right;}
} 
@media print, screen and (max-width: 580px) {
.news-box-r{width: 77%; float: right;}
}
.news-box-in{overflow: hidden;}
@media print, screen and (min-width: 1000px) {
.news-box-in{
	border-bottom: 1px solid #ffffff;
	margin: 4%;
	padding: 0 0 10px 0;
	float: left;
}
}
@media print, screen and (min-width: 581px) and (max-width: 999px) {
.news-box-in{border-bottom: 1px solid #ffffff; margin: 4%; padding: 0 0 10px 0;}
} 
@media print, screen and (max-width: 580px) {
.news-box-in{border-bottom: 1px solid #ffffff; margin: 4%; padding: 0;}
}


.nowrap{
white-space:nowrap;
}
.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}