@charset "UTF-8";
/* CSS Document */


/* 
------------------------------------------------------------------------------------------------------------------------
Set out
------------------------------------------------------------------------------------------------------------------------
*/

*:not(select):not(input), *:before, *:after {
    margin: 0;
    padding: 0;
	border: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html, body {
	width:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;
}
body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
    background: #000;
	color:#fff;
	-webkit-text-size-adjust: 100%;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
.clear {
	clear:both;
}


li {
	list-style-type:none;
}
img {
	max-width:100%;
	margin:0;
	padding:0;
	vertical-align:bottom;
	transition:.3s;
}
a {
	text-decoration:none;
	color:#fff;
	transition:.3s;
}
a:hover {
	text-decoration:border;
	transition:.3s;
}
a:hover img.noTrans{
	opacity:1.0!important;
}
a:hover img{
	opacity:0.8;
	transition:.3s;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	letter-spacing:normal;
}
h1 a:hover img {
	opacity:1;
}

.align {
	text-align:center;
}
.align_left {
	text-align:left;
}
.align_right {
	text-align:right;
}

.bold {
	font-weight:bold;
}
.font_s {
	font-size:12px;
}

.mb10 {
	margin-bottom:10px!important;
}
.mb20 {
	margin-bottom:20px!important;
}
.mb30 {
	margin-bottom:30px!important;
}
.mb50 {
	margin-bottom:50px!important;
}
.mb80 {
	margin-bottom:80px!important;
}
.mb100 {
	margin-bottom:100px!important;
}
.pb30 {padding-bottom:30px!important;}
.pt30 {padding-top:30px;!important}
.pt50 {padding-top:50px;!important}

.in {display:none;}
.in2 {display:none;}

.fs20 {font-size:20px;!important}

.forthbox{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.forthbox {
	margin-bottom:70px;
}
.forthbox dl{
	width:23.5%;
	margin:0 2% 75px 0;
}
.forthbox dl:nth-child(4n){
	margin:0 0 75px;
}
.forthbox dl dt,#blog .newcontent dl dt{
	margin-bottom:10px;
}

.forthbox dl dt,#blog .newcontent dl dt img {
  width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

.forthbox dl dd .title a:hover,#blog .newcontent dl dd .title a:hover{
	text-decoration:underline;
}


@media screen and (max-width:1100px){
.in2 {display:block;}
.out2 {display:none;}
}
@media screen and (max-width:768px){
.forthbox {
	margin-bottom:35px;
}
.forthbox dl{
	width:23.5%;
	margin:0 2% 30px 0;
}
.forthbox dl:nth-child(4n){
	margin:0 0 30px;
}
.forthbox dl dt{
	margin-bottom:10px;
}
.forthbox dl dd p:first-child{
	margin-bottom:2px;
}
.in {display:block;}
.out {display:none;}
}

@media screen and (min-width: 768px) {
a[href^="tel:"] {
    pointer-events: none;
}
}

@media screen and (max-width:520px){
.forthbox dl{
	width:49%;
	margin:0 2% 30px 0;
}
.forthbox dl:nth-child(4n){
	width:49%;
	margin:0 2% 30px 0;
}
.forthbox dl:nth-child(2n){
	margin:0 0 30px;
}
}

/*----------------------
		wp-pagenavi
----------------------*/

.wp-pagenavi {
	width:90%!important;
font-size:14px;
margin:40px auto;
text-align:center;
clear: both;
}

.wp-pagenavi a {
position: relative;
display: inline-block;
text-decoration: none;
padding: 0 11px;
margin: 0 6px 15px 0;
border: 1px solid #ccc;
line-height:2.5em;
color:#ed6c00;
background:#fff;
}

.wp-pagenavi a:hover {
font-weight: normal;
padding: 0 11px;
color:#fff!important;
background: #ed6c00;
border: 1px solid #ccc1b1;
}

.wp-pagenavi span {
text-decoration: none;
padding: 8px 11px;
margin: 0 6px 25px 0;
}

.wp-pagenavi span.current {
font-weight: normal;
padding: 8px 11px;
color:#fff;
background: #ed6c00;
border: 1px solid #ed6c00;
}

.wp-pagenavi span.pages {
color:#fff;
font-weight: normal;
background:#000;
border: 1px solid #000;
margin: 0 10px 0 0;
display:none;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Layout 
------------------------------------------------------------------------------------------------------------------------
*/

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 999;
}
#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 1000;
}
.wrap {
	max-width:1500px;
	margin-left:auto;
	margin-right:auto;
	padding:0 20px;
	box-sizing:content-box;
}
.wrapMiddle {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:0 20px;
	box-sizing:content-box;
}
.wrapShort {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:0 20px;
	box-sizing:content-box;
}
article {
	background:#fff;
	padding:130px 0 !important;
}

.content_page {
	padding-top:80px;
	margin-top:-80px;
}

.forth_box,.triple_box,.double_box,.left_box {
	display:flex;
	flex-wrap: wrap;
}
.forth_box li{
	width:25%;
}
.triple_box li{
	width:33.33%;
}
.double_box li,.double_box dl{
	width:50%;
}

.mainvisual {
	margin-top:-90px;
	position:relative;
}

.mainvisual .inner{
	position:absolute;
	top:42%;
	left:0;
	right:0;
	width:100%;
	color:#fff;
	margin:auto;
}
.mainvisual .inner h2{
	font-size:48px;
	font-family: 'Noto Sans', sans-serif;
	padding:0;
	text-align:center;
}
.mainvisual .inner h2 img{
	width:auto;
	height:auto;
	max-width:80%;
}
.mainvisual .inner span{
	display:block;
	font-size:30px;
}

.mainvisual2 {
	margin-top:-90px;
	position:relative;
}

@media all and (-ms-high-contrast: none) {
.mainvisual2 {
	margin-top:-20px;
	position:relative;
}
}
.mainvisual2 .inner{
	position:absolute;
	top:42%;
	left:0;
	right:0;
	width:100%;
	color:#fff;
	margin:auto;
}
.mainvisual2 .inner h2{
	font-size:48px;
	font-family: 'Noto Sans', sans-serif;
	padding:0;
	text-align:center;
}
.mainvisual2 .inner h2 img{
	width:auto;
	height:auto;
	max-width:80%;
}
.mainvisual2 .inner span{
	display:block;
	font-size:30px;
}

.pnkz {
	background:rgba(0,0,0,0.7);
	padding:10px 0 0;
	width:100%;
	margin:-1px 0 0 0;
}
.pnkz li {
	display:inline-block;
	margin:0 6px 10px 0;
	font-size:13px;
}
.pnkz li a:hover{
	text-decoration:underline;
}
.pnkz li:after {
	content:">";
	margin-left:10px;
}
.pnkz li:last-child:after {
	display:none;
}

.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
 outline: none;
 margin: 30px auto 0 auto!important;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
    position: relative;
    z-index: 2;
    border: 1px solid #ed6c00;
    color: #fff;
    min-height: 40px;
    padding: 5px 20px;
    line-height: 40px;
    overflow: hidden;
}
.button:hover {
  color: #fff;
}
.button::after {
  top: 0;
  left:-100%;
  width: 100%;
  height: 100%;
}
.button:hover::after {
  top: 0;
  left:0;
  background-color: #ed6c00;
}


.sec01Inner01 h2{
	width:90%;
    max-width:1000px;
	font-size:20px;
	margin:80px auto 50px auto;
	text-align:left;
}
.sec01Inner01 p.read {
	width:90%;
    max-width:1000px;
	font-size:16px;
    margin: 0 auto 40px auto;
    text-align: left;
}

/*2カラム*/
ul.column2 {
    margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}

ul.column2 li {
    width:50%;
    list-style:none;
}

/*3カラム*/
ul.column3 {
    margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}

ul.column3 li {
    width:33.3%;
    list-style:none;
}


/*4カラム*/
ul.column4 {
    margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}

ul.column4 li {
    width:25%;
    list-style:none;
}


div.gSlideBox {
	position:relative;
	height:420px;
	min-height:420px;
	margin-bottom:100px;
}

div.gSlideBox .obiLeft {
    width:100%;
    height:350px;
    display:inline-block;
    background:#3e3a39;
    transform:skewX(-20deg);
    margin-left:-10%;
    position: absolute;
    top:60px;
    z-index:0;
}

div.gSlideBox .obiRight {
    width:100%;
    height:350px;
    display:inline-block;
    background:#3e3a39;
    transform:skewX(-20deg);
    margin-left:10%;
    position: absolute;
    top:60px;
    z-index:0;
}

div.gSlideBox .gSlideInner {
    width:90%;
	max-width:1000px;
    position:absolute;
    top:0px;
    left:0;
    right:0;
    margin: auto;
    text-align: left;
    z-index:10;
}

div.gSlideBox .gSlideInnerMiddle {
    width:90%;
	max-width:1200px;
    position:absolute;
    top:0px;
    left:0;
    right:0;
    margin: auto;
    text-align: left;
    z-index:10;
}

div.singleContent {
	padding:12px;
	background:#fff;
	color:#333;
}

div.singleContent a{
	color:#F60;
}
/* ----------------------------------------------------------------
    SNS
----------------------------------------------------------------- */

div#snsBox {
	padding:0 0 120px 0;
	clear:both;
	position:relative;
	z-index:1000;
	overflow: visible;
	width:100%;
	margin:0 auto;
}


div#snsBox ul{
	overflow:visible;
	z-index:1000;
	position:relative;
}

div#snsBox ul li{
	margin:0 10px 10px 0;
	/*float: left;*/
	display:inline-block;
	vertical-align:top;
}
div#snsBox ul li:last-child{
	margin:0;
}

/*iframe.twitter-share-button {
	width:95px!important;
}*/
.fb_iframe_widget span,
div#snsBox ul li img {
	vertical-align:top !important;
}

@media screen and (max-width:768px){
article {
	padding-top:75px !important;
}

ul.column4 li {
    width:50%;
    list-style:none;
}
.mainvisual .inner {
    bottom: 0;
    display: table;
    height: 100%;
    top: 0;
	padding-top:40px;
}
.mainvisual .inner .wrap{
	vertical-align:middle;
	display:table-cell;
	text-align:center;
}
.mainvisual .inner h2{
	font-size:40px;
}
.mainvisual .inner span{
	font-size:24px;
}
.mainvisual2 .inner {
    bottom: 0;
    display: table;
    height: 100%;
    top: 0;
	padding-top:40px;
}
.mainvisual2 .inner .wrap{
	vertical-align:middle;
	display:table-cell;
	text-align:center;
}
.mainvisual2 .inner h2{
	font-size:40px;
}
.mainvisual2 .inner span{
	font-size:24px;
}
}
@media screen and (max-width:468px){

.mainvisual .inner h2{
	font-size:24px;
	line-height:1.2;
}
.mainvisual .inner span{
	font-size:12px;
}

.mainvisual2 {
	margin-top:-1px;
	position:relative;
}

.mainvisual2 .inner h2{
	font-size:24px;
	line-height:1.2;
}
.mainvisual2 .inner span{
	font-size:12px;
}

div.gSlideBox {
	margin-bottom:50px;
}

ul.column2 li {
    width:100%;
    list-style:none;
	margin-bottom:20px;
}

ul.column3 li {
    width:100%;
    list-style:none;
	margin-bottom:20px;
}

ul.column4 li {
    width:100%;
    list-style:none;
	margin-bottom:20px;
}
}


/* 
------------------------------------------------------------------------------------------------------------------------
header
------------------------------------------------------------------------------------------------------------------------
*/
header{
	width:100%;
	position:fixed;
    background: rgba(0,0,0,0.7);
	top:0;
	left:0;
	z-index:999;
	margin: 0;
}
header .top{
    height:90px;
	position:relative;
	margin:0;
}
header .top .topLeft {
	padding: 10px 0 0 0!important;
    float:left;
}
header .top .topLeft h1{
    line-height: 29px;
    font-size:10px;
    margin-bottom: 15px;
}
header .top .topLeft h1 img{
	width:227px;
    height:29px;
    margin-right:20px;
}
header .top .topLeft ul{
    padding: 0px;
    margin: 0 0 10px 0;
	font-size:14px;
    overflow: hidden;
}
header .top .topLeft ul li{
	float:left;
	margin-right:30px;
}
header .top .topLeft ul li img{
	width:160px;
	height:auto;
}

header .top .topLeft ul li a:hover img{
	opacity:1.0;
	transition:.3s;
}

header .top .topLeft ul li.select a{
	color: #ed6c00;
}
header .top .topLeft ul li.select a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #cab172;
  transform: scale(1, 1);
}
header .top .topLeft ul li:last-child{
	margin-right:0;
}
header .top .topLeft ul li a{
	position: relative;
	display: inline-block;
	text-decoration: none;
    color:#fff;
}
header .top .topLeft ul li.txt a:hover{
    color: #cab172;
}
header .top .topLeft ul li.txt a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  background: #cab172;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
header .top .topLeft ul li.txt a:hover::after {
  transform: scale(1, 1);
}

header .top .topRight {
    float: right;
}

header .top .topRight p.topTel {
    float: right;
    margin-left:25px;
    line-height: 90px;
}
header .top .topRight p.topTel img{
    width:260px;
    height: auto;
    vertical-align: middle;
}
header .top .topRight .slanting{
float: right;
 width:180px;
 height:90px;
 text-align: center;
 display:inline-block;
 background:#ed6c00;
 transform:skewX(-20deg);
}
header .top .topRight .slanting p{
 line-height: 90px;
 transform:skewX(20deg);
}
header .top .topRight .slanting p a{
    display: block;
    color:#fff;
}
header .top .topRight .slanting:hover{
    background:#ee9952;
}

header .top .topRight .haccess{
float: right;
 width:180px;
 height:90px;
 text-align: center;
 display:inline-block;
 background:#bda667;
 transform:skewX(-20deg);
}
header .top .topRight .haccess p{
 line-height: 90px;
 transform:skewX(20deg);
}
header .top .topRight .haccess p a{
    display: block;
    color:#fff;
}
header .top .topRight .haccess:hover{
    background:#d7bf7c;
}


.sideBan {
	position:fixed;
	bottom:50px;
	right:0;
	text-align:right;
	z-index:9999;
}

.sideBan img{
	width:80%;
	max-width:360px;
}

.sideBan a:hover img{
	opacity:1.0;
	transition:.3s;
}


/* ハンバーガーメニュー */
ul.spMenu {
    height:75px;
    width:75px;
    padding:15px;
    background: #3e3a39;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 45px;
  height: 45px;
  padding:0;
  box-sizing:content-box;
  margin:0px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #36302e;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 14px;
}
.menu-trigger span:nth-of-type(3) {
  top: 28px;
}
.menu-trigger span:nth-of-type(4) {
  top: 42px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}
.menu-trigger p {
  position: absolute;
  top:0;
  left: 0;
  line-height:45px;
  color:#fff;
}



/* ハンバーガーメニュー中身 */
[off-canvas] {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ed6c00), color-stop(0.00, #ed6c00));
	background: -webkit-linear-gradient(top, #ed6c00 0%, #ed6c00 88%);
	background: -moz-linear-gradient(top, #ed6c00 0%, #ed6c00 88%);
	background: -o-linear-gradient(top, #ed6c00 0%, #ed6c00 88%);
	background: -ms-linear-gradient(top, #ed6c00 0%, #ed6c00 88%);
	background: linear-gradient(to bottom, #ed6c00 0%, #ed6c00 88%);
	padding:0 0 15px;
}
[off-canvas] ul{
	margin:0 0 15px;
}
[off-canvas] ul li ul{
	margin:0;
	display:none;
}
[off-canvas] li{
	border-bottom:1px solid rgba(255,255,255,0.3);
}
[off-canvas] ul li ul li {
	padding:0 0 0 15px;
	position:relative;
}
[off-canvas] .sub li,
[off-canvas] ul li ul li:last-child{
	border:none;
}
[off-canvas] ul li ul li:first-child {
	border-top:1px solid rgba(255,255,255,0.3);
}
[off-canvas] a{
	color:#fff;
	display:block;
	padding:10px 20px;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
}
[off-canvas] a:hover{
	background: #FFF100;
	color: #231815;
}
[off-canvas] a span{
	font-size:11px;
	display:block;
}
[off-canvas] .sub li a{
	padding:3px 17px;
	margin-left:20px;
	font-size:12px;
}

.sb-close {
	font-family: 'Oswald', sans-serif;
	padding:20px 15px;
	font-size:18px;
}

@media screen and (max-width:1100px){
header .top{
    height:75px;
}

}


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

.sideBan {
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	text-align:center;
}

}


/* 
------------------------------------------------------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------------------------------------------------
*/


section.footBan {
    overflow: hidden;
    padding:50px 0 50px 0;
    background: #2c2b2b;
}

section.footBan ul.column2 {
	width:90%;
	max-width:1200px;
	margin:auto;
}

section.footBan ul.column2 li img {
	width:95%;
}

section.footBan ul.column2 li:first-child {
	text-align:left;
}

section.footBan ul.column2 li:last-child {
	text-align:right;
}


section.footBanIn {
    overflow: hidden;
    padding:20px 0 50px 0;
    background: #000;
}

section.footBanIn ul.column3 {
	width:90%;
	max-width:1000px;
	margin:auto;
}

section.footBanIn ul.column3 li p.ftBanImg {
	width:95%;
	height:auto;
    position: relative;
    margin: auto;
}

section.footBanIn ul.column3 li p.ftBanImg span {
	width:100%;
	text-align:center;
    position: absolute;
    margin-bottom: 0;
    left:0;
    right:0;
    bottom:0;
    padding:6px;
    background: #90794e;
}


section.footBanIn ul.column3 li p.ftBanImg a:hover > span{
    background: #ed6c00;
}


section.footBanIn ul.column3 li img {
	width:100%;
}

section.footBanIn ul.column3 li:first-child {
	text-align:left;
}

section.footBanIn ul.column3 li:nth-child(2) {
	text-align:center;
}

section.footBanIn ul.column3 li:last-child {
	text-align:right;
}

footer .bottom{
	background:#727171;
	color:#fff;
	padding:30px 0;
}
footer .bottom ul{
	display:block;
	text-align:center;
	margin:0 0 10px;
}
footer .bottom ul li{
	display:inline-block;
	margin:0 8px 10px 0;
	padding:0 20px 0 0;
	position:relative;
}
footer .bottom ul li:last-child{
	margin:0;
	padding:0;
}
footer .bottom ul li:last-child:after{
	display:none;
}
footer .bottom ul li a{
	color:#fff;
}
footer .bottom small{
	text-align:center;
	display:block;
}

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

footer small {
	font-size:12px;
	padding:15px !important;
}
}


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


section.footBan ul.column2 li img {
	width:90%;
}

section.footBan ul.column2 li:first-child {
	text-align:center;
}

section.footBan ul.column2 li:last-child {
	text-align:center;
}


section.footBanIn ul.column3 {
	width:90%;
	margin:auto;
}

section.footBanIn ul.column3 li{
	float:none;
    width:100%;
    background: #90794e;
    margin-bottom:20px;
    padding: 0;
}

section.footBanIn ul.column3 li p.ftBanImg {
	width:100%;
	height:auto;
    position: relative;
    margin: 0;
    line-height: 100px;
}

section.footBanIn ul.column3 li p.ftBanImg img{
	width:35%;
	height:35%;
}

section.footBanIn ul.column3 li p.ftBanImg span {
	width:60%;
	text-align:left;
    position: absolute;
    margin-bottom: auto;
    left:40%;
    top:5%;
    bottom:0;
    padding:6px;
}


section.footBanIn ul.column3 li:nth-child(2) {
	text-align:left;
}

section.footBanIn ul.column3 li:last-child {
	text-align:left;
}

}



/* 
------------------------------------------------------------------------------------------------------------------------
top
------------------------------------------------------------------------------------------------------------------------
*/
#top h2 {
	font-family: 'Noto Sans', sans-serif;
	font-size:28px;
	text-align:center;
	font-weight:400;
	letter-spacing:3px;
	margin-bottom:80px;
}
#top h2 span{
	font-size:26px;
	display:block;
}

#video {
	height: 100%;
	height: 100vh;
	position:fixed;
	width: 100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	background:url(../images/top/top_main_sp.jpg);
	background-size:cover;
}

#video #video_1 {
	left: 0;
	min-height: 100%;
	min-height: 100vh;
	min-width: 100%;
	min-width: 100vw;
	position: absolute;
	top: 0;
	z-index: 1;
}

#video #videoAmi {
	left: 0;
	min-height: 100%;
	min-height: 100vh;
	min-width: 100%;
	min-width: 100vw;
	position: absolute;
	top: 0;
	z-index: 10;
	background:url(../images/top/ami.png);
}

#video .spMain {
	left: 0;
	min-height: 100%;
	min-height: 100vh;
	min-width: 100%;
	min-width: 100vw;
	position: absolute;
	top: 0;
	z-index: 1;
}

#top .topbox {
	display:table;
	width:90%;
	margin:auto;
}
#top .topbox .inner{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#top .topbox .inner p{
	color:#fff;
	font-size:22px;
	letter-spacing:6px;
}
#top .topbox .inner p img{
	width:100%;
	height:auto;
}

#top .topBan {
	display:block;
	margin:-200px 0 50px 0;
	text-align:center;
}

#top .topBan img{
	width:90%;
	max-width:1000px;
}

#top .topBan a:hover img{
	opacity:1.0;
	transition:.3s;
}

#top .news {
	margin:20px 0 90px 0;
}
#top .news dl {
	font-size:14px;
}
#top .news dl dt{
	float:left;
	clear:both;
	padding:15px 15px 15px 0;
}
#top .news dl dd{
	padding:15px;
}
#top .news dl+p {
	clear:both;
	font-size:14px;
	text-align:right;
}
#top .news dl+p a:hover,#top .news dl dd a:hover{
	text-decoration:underline;
}

.sec01 {
	padding:0;
    position: relative;
    background:#000;
}

.sec01 .obi {
    width:100%;
    height:350px;
    display:inline-block;
    background:#ed6c00;
    transform:skewX(-20deg);
    margin-left:-10%;
    position: absolute;
    top:-60px;
    z-index:0;
}
.sec01Inner01 {
    width:100%;
    position:absolute;
    top:-60px;
    left:0;
    right:0;
    margin: 20px auto;
    text-align: left;
    z-index:10;
}
#top .sec01Inner01 h2 {
	width:90%;
    max-width:1000px;
    margin: 0 auto 20px auto;
    text-align: left;
}
#top .sec01Inner01 p.read {
	width:90%;
    max-width:1000px;
    margin: 0 auto 40px auto;
    text-align: left;
	padding-right:400px;
}


div.topTMenu ul.column4 li{
	width:24.5%;
    position: relative;
    overflow: hidden;
    text-align: center;
	margin-right:0.5%;
}

div.topTMenu ul.column4 li p img{
    width: 100%;
    height: auto;
}
div.tmenuIn{
    position: absolute;
    top: 90%;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: top 0.5s ease;
}
div.tmenuIn p.title{
    font-size:20px;
	margin-top:10px;
    font-weight: bold;
}
div.tmenuBody {
    display: none;
}
div.topTMenu ul.column4 li:hover div.tmenuIn{
    top: 0;
}
div.topTMenu ul.column4 li:hover div.tmenuIn p.title a{
    display: block;
    position: absolute;
    top: -50px;
    left: 0;
    height:100%;
    width: 100%;
    opacity: 0;
}
div.topTMenu ul.column4 li:hover div.tmenuIn div.tmenuBody{
    display: block;
}
div.topTMenu ul.column4 li:hover div.tmenuIn > div.tmenuBody{
	position: absolute;
	top: 50%;
	color: #ffffff;
	-webkit-transform: translateX(0) translateY(-50%);
	    -ms-transform: translateX(0) translateY(-50%);
	        transform: translateX(0) translateY(-50%);
}

div.topTMenu ul.column4 li:hover div.tmenuIn div.tmenuBody h4{
    font-size:20px;
	text-align: center;
    font-weight: bold;
    margin-bottom:15px;
}

div.topTMenu ul.column4 li:hover div.tmenuIn div.tmenuBody p{
	text-align: left;
    padding:5px 15%;
}

#top .sec01 .obi2 {
    width:100%;
    height:350px;
    display:inline-block;
    background:#3e3a39;
    transform:skewX(-20deg);
    margin-left:10%;
    position: absolute;
    top:350px;
    z-index:0;
}

#top .sec01 .obi3 {
    width:100%;
    height:350px;
    display:inline-block;
    background:#3e3a39;
    transform:skewX(-20deg);
    margin-left:-10%;
    position: absolute;
    top:350px;
    z-index:0;
}

dl.topStory {
    max-width:1200px;
    margin: 100px auto 20px auto;
}

dl.topStory dt {
	float: right;
    width:45%;
}

dl.topStory dd {

	float: right;
    width:55%;
    padding-left:100px;
    padding-right:100px;
}

dl.storyBody {
    max-width:1200px;
    margin: 50px auto 20px auto;
}

dl.storyBody dt {
	float: left;
    width:55%;
    padding-left:100px;
    padding-right:100px;
}

dl.storyBody dd {
	float: left;
    width:45%;
	max-width:492px;
}

dl.topStory dd img{
    width:100%;
	max-width:410px;
    margin-bottom:15px;
}
dl.topStory dt div.topRankProfPC{
    display:none;
}
p.read2{
    color:#cab272;
	font-size:16px;
    margin-bottom:35px;
}
p.topProf {
    line-height: 1.8;
}
p.topProf strong {
    font-size: 20px;
    font-weight: normal;
}

section.sec03 {
    overflow: hidden;
    padding:50px 0 25px 0;
    background: #2c2b2b;
}

section.sec03 div.sec03Left{
    float:left;
    vertical-align: middle;
	position:relative;
    width:50%;
}

section.sec03 div.sec03Right{
    float:right;
    vertical-align: middle;
	position:relative;
    width:50%;
}

section.sec03 .inBoxLeft {
    width:90%;
    max-width:450px;
    margin-right:50px;
    position:absolute;
	top:10%;
	right:0;
	margin-top:-1em;
    text-align: left;
}

section.sec03 .inBoxRight {
    width:90%;
    max-width:450px;
    margin-left:50px;
    position:absolute;
	top:40%;
	margin-top:-1em;
    text-align: left;
}

section.sec03 h4 {
    color: #ed6c00;
    font-size:18px;
    font-weight: normal;
    margin-bottom:20px;
}

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

#top .topBan {
	margin:-200px 0 50px 0;
}


section.sec03 {
    overflow: hidden;
    padding:30px 0 15px 0;
    background: #2c2b2b;
}

section.sec03 div.sec03Left{
    float:none;
	position:static;
    width:100%;
	margin:auto;
}

section.sec03 div.sec03Right{
    float:none;
	position:static;
    width:100%;
	margin:auto;
}

section.sec03 .inBoxLeft {
    width:90%;
    max-width:90%;
    margin-right:auto;
    margin-left:auto;
    position:static;
	margin-top:0;
    text-align: left;
}

section.sec03 .inBoxRight {
    width:90%;
    max-width:90%;
    margin-right:auto;
    margin-left:auto;
    position:static;
	margin-top:0;
    text-align: left;
}

section.sec03 h4 {
    color: #ed6c00;
    font-size:18px;
    font-weight: normal;
    margin-top:20px;
    margin-bottom:20px;
}

}
@media screen and (max-width:920px){
div.tmenuIn p.title{
    font-size:14px;
	margin-top:6px;
}

div.topTMenu ul.column4 li:hover div.tmenuIn div.tmenuBody h4{
    font-size:14px;
}

}
@media screen and (max-width:768px){
#top .sec01Inner01 p.read {
	padding-right:0;
}

.sec01 .obi {
    margin-left:-25%;
}

#top .sec01 .obi2 {
    margin-left:25%;
}

#top .sec01 .obi3 {
    margin-right:25%;
}

#top .topbox .inner p {
    font-size: 16px;
}
#top .news {
    padding: 50px 0 10px;
}
#top .news dl {
    font-size: 14px;
	margin-bottom:20px;
}
#top .news dl dt {
	float:none;
    padding: 15px 0px 8px;
}
#top .news dl dd {
    padding: 0 0 15px;
	border-bottom:1px solid #ccc;
}
#top .news dl dt span {
	font-size:11px;
}
#top .news dl+p {
	font-size:13px;
}

dl.topStory dt {
	float: none;
    width:90%;
    margin:0 auto 20px auto;
    position: relative;
}

dl.topStory dd {
	float: none;
    width:90%;
    padding:0;
    margin:0 auto 20px auto;
}

dl.storyBody dt {
	float: none;
    width:90%;
    margin:0 auto 20px auto;
    position: relative;
	padding-left:0;
	padding-right:0;
}

dl.storyBody dd {
	float: none;
    width:90%;
    padding:0;
    margin:0 auto 20px auto;
}

dl.topStory dt div.topRankProfPC{
    width:80%;
    margin: auto;
    position: absolute;
    bottom:20px;
    left:0;
    right:0;
	display:block;
}

.topRankProfPC {
    display: block;
}

.topRankProfSP {
    display: none;
}
}


@media screen and (max-width:468px){
#top .topbox .inner p{
	color:#fff;
	font-size:22px;
	letter-spacing:3px;
}

div.topTMenu ul.column4 li{
	width:49.5%;
    position: relative;
    overflow: hidden;
    text-align: center;
	margin-right:0.5%;
}


.topRankProfSP {
    display: block;
}

}


/* 
------------------------------------------------------------------------------------------------------------------------
facility
------------------------------------------------------------------------------------------------------------------------
*/


#facility .topBox1 .readBox {
	max-width:1000px;
	margin:20px auto 30px auto;
}
#facility .topBox1 .read {
	max-width:650px;
	margin:0;
}
#facility .sec01Inner01 ul.slide {
	float:left;
	width:65%;
    max-width:630px;
    padding-right:30px;
    margin-bottom:40px;
    text-align: left;
}
#facility .sec01Inner01 p.setsubiH {
	float:left;
	width:35%;
    max-width:340px;
    margin-bottom:40px;
    text-align: left;
}
#facility #topSec02 .sec01Inner01 h2{
	font-size:24px;
	color:#ed6c00;
	font-weight:normal;
	margin-bottom:50px;
}

#facility div.gSlideInner dl{
	overflow:hidden;
}

#facility div.gSlideInner dl dt{
	float:left;
	width:240px;
	margin-right:20px;
}

#facility div.gSlideInner dl dt img{
	width:100%;
	height:auto;
}

#facility div.gSlideInner dl dt div.aPhoto{
	position:relative;
}

#facility div.gSlideInner dl dt div.bPhoto{
	position:absolute;
	top:0;
	left:0;
}

#facility div.gSlideInner dl dt div.bPhoto:hover img {
 opacity: 0.0;
}
 
#facility div.gSlideInner dl dt div.bPhoto img {
 transition: opacity 0.5s ease-out;
}

#facility div.gSlideInner dl dd{
	float:left;
	width:740px;
}

#facility div.gSlideInner dl dd p.prof{
	line-height:1.8;
	margin-bottom:20px;
}

#facility div.gSlideInner dl dd p.prof strong{
	font-size:22px;
	font-weight:normal;
}

#facility div.gSlideInner h3{
	font-size:16px;
	border-bottom:1px solid #bf9d6d;
	margin:20px 0;
}


@media screen and (max-width:1100px){
#facility div.gSlideInner dl dt{
	float:left;
	width:20%;
	margin-right:5%;
}

#facility div.gSlideInner dl dd{
	float:left;
	width:75%;
}

}


@media screen and (max-width:768px){
#facility #topSec02 .sec01Inner01 h2{
	font-size:20px;
}
#facility .sec01Inner01 ul.slide {
	float:left;
	width:50%;
    padding-right:20px;
    margin-bottom:40px;
    text-align: left;
}
#facility .sec01Inner01 p.setsubiH {
	float:left;
	width:50%;
    margin-bottom:40px;
    text-align: left;
}
#facility div.gSlideInner dl{
	margin-bottom:20px;
}
}


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

#facility .sec01 .obi {
    width:150%;
    height:350px;
    display:inline-block;
    background:#ed6c00;
    transform:skewX(-20deg);
    margin-left:-20%;
    position: absolute;
    top:0px;
    z-index:0;
}

#facility .topBox1 .readBox {
	width:90%;
	margin:20px auto 30px auto;
}
#facility .sec01Inner01 ul.slide {
	float:none;
	width:100%;
    padding-right:0;
    margin-bottom:40px;
    text-align: left;
}
#facility .sec01Inner01 p.setsubiH {
	float:none;
	width:100%;
    margin-bottom:40px;
    text-align: left;
}
#facility div.gSlideInner dl dt{
	float:left;
	width:40%;
	margin-right:5%;
}

#facility div.gSlideInner dl dd{
	float:left;
	width:55%;
}
}

/* 
------------------------------------------------------------------------------------------------------------------------
Training
------------------------------------------------------------------------------------------------------------------------
*/

#training div.gSlideBox .obiLeft {
    width:100%;
    height:350px;
    display:inline-block;
    background:#3e3a39;
    transform:skewX(-20deg);
    margin-left:-10%;
    position: absolute;
    top:80px;
    z-index:0;
}

#training div.gSlideBox .obiRight {
    width:100%;
    height:350px;
    display:inline-block;
    background:#3e3a39;
    transform:skewX(-20deg);
    margin-left:10%;
    position: absolute;
    top:80px;
    z-index:0;
}

.trainingRec {
	margin:10px 0 50px 0;
	pading:15px;
	border:1px solid #fff;
}

#training div.gSlideInnerMiddle dl{
	overflow:hidden;
}

#training div.gSlideInnerMiddle dl dt h3{
	font-size:34px;
    font-weight: bold;
    color:#ed6c00;
    line-height: 1.0;
    margin-bottom:30px;
}

#training div.gSlideInnerMiddle dl dt h3 span{
	font-size:16px;
    color:#d4b572;
}

#training div.gSlideInnerMiddle dl.imgRight dd{
	float:left;
	width:50%;
    max-width:600px;
    text-align: right;
}

#training div.gSlideInnerMiddle dl dd div.aPhoto{
	position:relative;
}

#training div.gSlideInnerMiddle dl dd div.bPhoto{
	position:absolute;
	top:0;
	left:0;
}

#training div.gSlideInnerMiddle dl dd div.bPhoto:hover img {
 opacity: 0.0;
}
 
#training div.gSlideInnerMiddle dl dd div.bPhoto img {
 transition: opacity 0.5s ease-out;
}

#training div.gSlideInnerMiddle dl.imgRight dd img{
	width:85%;
	height:auto;
}

#training div.gSlideInnerMiddle dl.imgRight dt{
	float:left;
	width:50%;
    max-width:600px;
    text-align: left;
}

#training div.gSlideInnerMiddle dl.imgLeft dd{
	float:right;
	width:50%;
    max-width:600px;
    text-align: left;
}

#training div.gSlideInnerMiddle dl.imgLeft dd img{
	width:85%;
	height:auto;
}

#training div.gSlideInnerMiddle dl.imgLeft dt{
	float:right;
	width:50%;
    max-width:600px;
    text-align: left;
}



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

#training div.gSlideInnerMiddle dl dt{
    margin-bottom:30px;
}

#training div.gSlideInnerMiddle dl.imgRight dd{
	float:none;
	width:100%;
    text-align: center;
}

#training div.gSlideInnerMiddle dl.imgRight dd img{
	width:100%;
}

#training div.gSlideInnerMiddle dl.imgRight dt{
	float:none;
	width:100%;
}

#training div.gSlideInnerMiddle dl.imgLeft dd{
	float:none;
	width:100%;
}

#training div.gSlideInnerMiddle dl.imgLeft dd img{
	width:100%;
}

#training div.gSlideInnerMiddle dl.imgLeft dt{
	float:none;
	width:100%;
}
}


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

#training .sec01 .obi {
    width:150%;
    height:350px;
    display:inline-block;
    background:#ed6c00;
    transform:skewX(-20deg);
    margin-left:-20%;
    position: absolute;
    top:0px;
    z-index:0;
}
}

/* 
------------------------------------------------------------------------------------------------------------------------
Price
------------------------------------------------------------------------------------------------------------------------
*/

#price iframe{
    max-width:100%;
}

#price .priceBox {
    margin:auto;
    background: #000;
    padding:50px 0;
}

#price .priceBox h2{
    color:#ed6c00;
    font-size:22px;
    font-weight: normal;
    margin-bottom:30px;
}

#price .priceBox h3{
    color:#bf9d6d;
    font-size:18px;
}

#price .priceBox p.caption {
    font-size:12px;
    margin-bottom:20px;
}

#price .priceBox ul{
    border-top:1px solid #bf9d6d;
    margin-bottom:50px;
    clear: both;
}

#price .priceBox ul li{
    padding:20px 0;
    border-bottom:1px solid #bf9d6d;
}

#price .priceBox ul li dl {
	width:100%;
    display: table;
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;
	table-layout: fixed;
}

#price .priceBox ul li dl dt{
    width:50%;
    vertical-align: middle;
    font-size:18px;
    display: table-cell;
	text-align:left!important;
}

#price .priceBox ul li dl dt span{
    font-size:14px;
}

#price .priceBox ul li dl dd{
    font-size:18px;
    width:50%;
    vertical-align: middle;
    color:#ed6c00;
    display: table-cell;
    padding-left:15px;
}

#price .priceBox ul li dl dd strong{
    font-size:20px;
    font-weight: normal;
}

#price .priceBox ul li dl dd span{
    font-size:14px;
}


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

#price .priceBox ul li dl {
    display: block;
}

#price .priceBox ul li dl dt{
    display: block;
    width:100%;
}

#price .priceBox ul li dl dd{
    display: block;
    width:100%;
    padding-left:0;
}
}

/* 
------------------------------------------------------------------------------------------------------------------------
Policy
------------------------------------------------------------------------------------------------------------------------
*/

#policy .titleBox {
    background: -moz-linear-gradient(top, #4d4d4d, #000);
    background: -webkit-linear-gradient(top, #4d4d4d, #000);
    background: linear-gradient(to bottom, #4d4d4d, #000);
}

#policy .titleBox h2{
    color:#fff;
    font-size:22px;
    font-weight: normal;
    padding:80px 0;
    text-align: center;
}

#policy p{
    margin-bottom:25px;
}

#policy p.indent01{
    padding-left:55px;
}

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


#policy p.indent01{
    padding-left:25px;
}
}


/* 
------------------------------------------------------------------------------------------------------------------------
Topics
------------------------------------------------------------------------------------------------------------------------
*/

#topics .titleBox {
    background: -moz-linear-gradient(top, #4d4d4d, #000);
    background: -webkit-linear-gradient(top, #4d4d4d, #000);
    background: linear-gradient(to bottom, #4d4d4d, #000);
}


#topics .titleBox h2{
	max-width:90%;
    padding:170px 0 80px 0;
    text-align: center;
	margin:auto;
}

#topics .topicsList h3{
    font-size:22px;
	border-bottom:1px solid #ed6c00;
	margin-bottom:10px;
}

#topics .topicsList dl {
	font-size:14px;
	margin-bottom:40px;
}
#topics .topicsList dl dd{
	margin-bottom:40px;
}

#topics .topicsList a:hover {
	color:#ed6c00;
}

#topics ul.column4 li{
    margin-bottom:15px;
	text-align:center;
	padding:0;
}

#topics ul.column4 li a{
	display:block;
	width:96%;
}

#topics ul.column4 li a:hover{
	background:#fff;
}


#topics .topicsDate {
	color:#ed6c00;
}

#topics ul.topicsMenuSP {
	display:none;
}


@media screen and (max-width:468px){
#topics ul.column4 {
    display:none!important;
}

#topics ul.topicsMenuSP {
	display:block;
	overflow:hidden;
}

#topics ul.topicsMenuSP li{
	width:25%;
	float:left;
	text-align:center;
}

#topics ul.topicsMenuSP li img{
	height:65px;
}
}

/* 
------------------------------------------------------------------------------------------------------------------------
Contact
------------------------------------------------------------------------------------------------------------------------
*/

#contact .titleBox {
    background: -moz-linear-gradient(top, #4d4d4d, #000);
    background: -webkit-linear-gradient(top, #4d4d4d, #000);
    background: linear-gradient(to bottom, #4d4d4d, #000);
}

#contact .titleBox h2{
    color:#fff;
    font-size:30px;
    font-weight: normal;
    padding:80px 0 10px 0;
    text-align: center;
}

#contact .titleBox h2 span{
	font-size:14px;
}

#contact h3{
	font-size:20px;
	margin-bottom:10px;
	color:#ed6c00;
}

#contact p.tel{
	font-size:30px;
}

#contact p.cap{
	font-size:12px;
}

/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { margin:0 0 100px 0; }
div.wpcf7 p { padding:20px 0 0; margin:0; }
div.wpcf7 input, .wpcf7 textarea { padding:8px; font-size:14px; }
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:16px; width:200px; height:45px; margin:0 auto; display:block;
   background:#000; border:2px solid #ed6c00;
}
div.wpcf7 input.wpcf7-submit:hover { background:#ed6c00; border:2px solid #f7ad6f; color:#fff; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }


.button2 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
 outline: none;
 margin: 30px auto 0 auto!important;
 background:#000;
}
.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button2 {
    position: relative;
    z-index: 2;
    border: 1px solid #ed6c00;
    color: #fff;
	width:200px;
    min-height: 40px;
    padding: 5px 20px;
    line-height: 40px;
    overflow: hidden;
}
.button2:hover {
  color: #fff;
}
.button2::after {
  top: 0;
  left:-100%;
  width: 100%;
  height: 100%;
}
.button2:hover::after {
  top: 0;
  left:0;
  background-color: #ed6c00;
}

.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 80px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}


/* 
------------------------------------------------------------------------------------------------------------------------
Training
------------------------------------------------------------------------------------------------------------------------
*/

#training2 .sec01Inner01 {
    width:100%;
    position:static;
    top:0px;
    left:0;
    right:0;
    margin: 20px auto;
    text-align: left;
    z-index:10;
	overflow:hidden;
}

#training .topBox2 {
    padding-top:30px;
}


#training2 div.gSlideBox .obiLeft {
    width:100%;
    height:350px;
    display:inline-block;
    background:#3e3a39;
    transform:skewX(-20deg);
    margin-left:-10%;
    position: absolute;
    top:80px;
    z-index:0;
}

#training2 div.gSlideBox .obiRight {
    width:100%;
    height:350px;
    display:inline-block;
    background:#3e3a39;
    transform:skewX(-20deg);
    margin-left:10%;
    position: absolute;
    top:80px;
    z-index:0;
}

#training2 div.gSlideInnerMiddle dl{
	height:auto;
	overflow:hidden;
}

#training2 div.gSlideInnerMiddle dl dt h3{
	font-size:34px;
    font-weight: bold;
    color:#ed6c00;
    line-height: 1.0;
    margin-bottom:30px;
}

#training2 div.gSlideInnerMiddle dl dt h3 span{
	font-size:16px;
    color:#d4b572;
}

#training2 div.gSlideInnerMiddle dl.imgRight dd{
	float:left;
	width:50%;
    max-width:600px;
    text-align: right;
	display:block;
	height:auto;
}

#training2 div.gSlideInnerMiddle dl dd div.aPhoto{
	position:relative;
}

#training2 div.gSlideInnerMiddle dl dd div.bPhoto{
	position:absolute;
	top:0;
	left:0;
}

#training2 div.gSlideInnerMiddle dl dd div.bPhoto:hover img {
 opacity: 0.0;
}
 
#training2 div.gSlideInnerMiddle dl dd div.bPhoto img {
 transition: opacity 0.5s ease-out;
}

#training2 div.gSlideInnerMiddle dl.imgRight dd img{
	width:85%;
	height:auto;
}

#training2 div.gSlideInnerMiddle dl.imgRight dt{
	float:left;
	width:50%;
    max-width:600px;
    text-align: left;
	display:block;
	height:auto;
}

#training2 div.gSlideInnerMiddle dl.imgLeft dd{
	float:right;
	width:50%;
    max-width:600px;
    text-align: left;
	display:block;
	height:auto;
}

#training2 div.gSlideInnerMiddle dl.imgLeft dd img{
	width:85%;
	height:auto;
}

#training2 div.gSlideInnerMiddle dl.imgLeft dt{
	float:right;
	width:50%;
    max-width:600px;
    text-align: left;
	display:block;
	height:auto;
}



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

#training2 div.gSlideInnerMiddle dl dt{
	position:static;
    margin-bottom:30px;
}

#training2 div.gSlideInnerMiddle dl.imgRight dd{
	position:static;
	float:none;
	width:100%;
    text-align: center;
	height:auto;
}

#training2 div.gSlideInnerMiddle dl.imgRight dd img{
	width:100%;
	height:auto;
}

#training2 div.gSlideInnerMiddle dl.imgRight dt{
	position:static;
	float:none;
	width:100%;
	height:auto;
}

#training2 div.gSlideInnerMiddle dl.imgLeft dd{
	position:static;
	float:none;
	width:100%;
	height:auto;
}

#training2 div.gSlideInnerMiddle dl.imgLeft dd img{
	width:100%;
	height:auto;
}

#training2 div.gSlideInnerMiddle dl.imgLeft dt{
	position:static;
	float:none;
	width:100%;
	height:auto;
}

}


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

#training .topBox2 {
    padding-top:0px;
	margin-top:-20px;
}

#training2 .sec01 .obi {
    width:150%;
    height:350px;
    display:inline-block;
    background:#ed6c00;
    transform:skewX(-20deg);
    margin-left:-20%;
    position: absolute;
    top:0px;
    z-index:0;
}
}