@charset "shift_jis";
*/

/* -----	border:1px solid #CCC; ---- */
/* ------------------Reset--------------------- */border:1px solid #333FFF;
a,abbr,acronym,address,applet,article,newsbox,clubbox,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}p {text-indent:0;}
article, aside, clubbox, newsbox, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keyen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}
img {border:0;}

html {width:100%; height:100%;padding:0; margin:0;}

body {
  margin: 0;
  overflow-x: hidden;
  height: 100vh;
  width: 100vw; 
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}


/* ------------------ヘッダ--------------------- */
nav {
  position: fixed;
  z-index: 9999;
  top: 00;
  left: 0;
  width: 100%;
  height: 110px;
	padding:0px 0px 10px 0px;
  background:none;
  font-size: 0.8em;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: .2em 2em;
  float: right;
}

nav ul li {
  display: inline-block;
  margin: 0;
  padding: .2em .7em;
}

nav h1{
  color: rgb(255, 255, 255);  
	font-size: 2em;
	margin-right:15px;

}
nav a {
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: lighter;
  letter-spacing: 1px;
  transition: .25s ease-in-out;
}

nav a:hover {
  color: rgb(220, 120, 0);
}
nav {
  color: rgb(255, 255, 255);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.nav-bg {
  content: '';
  position: absolute;
  display: block;
  top: -100%;
  width: 100%;
  height: 100%;
  z-index: -1;border:1px solid #1C4FFF;
  background: rgb(0, 60, 120,0.8);
  transition: .45s ease-in-out;
}

nav img {float:left;margin-left:5px;}

.holdingslogo{width: 80%;float:left;overflow:hidden;margin:0px; 
	 background: -moz-linear-gradient(left, #FFFFFF 50% , transparent);
 	 background: -webkit-linear-gradient(left, #FFFFFF 50% , transparent);
 	 background: linear-gradient(to right, #FFFFFF 50% , transparent);
}
.holdings{float:right;margin-right:100px;margin-top:20px;}
.headtxt {margin-right:50px;}
.inmenu {text-align:right; }
.inmenu a{color: #FEFEFE;  font-size: calc(21px - .5vw);}

.drawer-list li {text-align:right; }


.submenu {
  width: 100%;
  height: 70px;
	padding:5px 0px 10px 0px;
  background:none;
  font-size: 1em;
  color: rgb(220, 120, 0);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.submenu ul {
  list-style: none;
  margin: 0;
  padding: .2em 2em;
  float: left;
}

.submenu ul li {
  display: inline-block;
  margin: 0;
  padding: .2em .7em;
}

.submenu a {
  width: 100%;
  height: 100%;
  color: #333333;
  text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: lighter;
  letter-spacing: 1px;
  transition: .25s ease-in-out;
}

.submenu a:hover {
  color: rgb(220, 120, 0);
	text-decoration:underline;
}


.subtitle	{color: #333355;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.9em;font-weight:bold;}
.subtitle	img{float:right;}
.bg-hidden {
  top: -100%;
  opacity: 0;
}

.bg-visible {
  top: 0;
  opacity: 1;
}

h1 {
  text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  letter-spacing: 1px;
	font-size: 48px;
}
h2 {
  text-align: left;
  font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
  letter-spacing: 1px;
	font-size: 48px;
}

.hero {
  position: relative;
  width: 100%;
  background: rgb(255, 255, 255);
	background-repeat: no-repeat;
  background-size: 130%;
  overflow: hidden;
}
.hero2 {
  position: relative;
  width: 100%;
	height:120px;
	background-repeat: no-repeat;
  background-size: 130%;
  overflow: hidden;
  background: url(../images/unback.jpg) no-repeat  ;border:1px solid #333FFF;
}

/* ------------------本文共通--------------------- */
#topunder {
  width: 100%;
  height: ;
	margin-left:0 auto;
	margin-right:0 auto;
	overflow:hidden;
  background: url(../images/mainbg.png) no-repeat 100% 50% fixed ;
}


.content-wrapper {
  width: 1000px;
  position: relative;
  height: ;
  padding: 10px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
}

.content-wrapper h2 {
	width:50%;
  margin: 0;
  color: rgb(0, 0, 0);
  background: linear-gradient( to right,  rgba(69,179,224,1) 25%, rgba(102,51,153,1) 75% );
  -webkit-background-clip: text;
  color: transparent;
}

.content-wrapper p {
  position: absolute;
  text-indent: 1.5em;
  text-indent: 0;
	padding:20px;
}


.content-wrapper img { float: left;margin-right:40px;}


.contentleft{ 
  width: 50%;
	float:left;
	box-sizing: border-box;
	padding:5px;
	border:1px solid #333FFF;
}
.contentright{ 
  width: 50%;
	float:right;
	padding:5px;
	box-sizing: border-box;
	border:1px solid #FFF222;
}

.content-wrapperx {
  position: relative;
  height:400px ;
	width:1000px;
  padding: 10px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
	background: url("../images/samp01.jpg") no-repeat; background-position:left top;background-size:contain;
}

.content-wrapperx h2 {
	width:50%;
  margin: 0;
  color: rgb(0, 0, 0);
  background: linear-gradient( to right,  rgba(69,179,224,1) 25%, rgba(102,51,153,1) 75% );
  -webkit-background-clip: text;
  color: transparent;
}

.content-wrapperx p {
  position: absolute;
  text-indent: 1.5em;
  text-indent: 0;
	padding:20px;
}

.content-wrapperx .button { float: right;}
.content-wrapperx img { margin-right:40px;}


.catch { 
	width: 600px; 
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	background: rgba(255, 255, 255 ,0.9);
	float:right;
	margin-bottom:100px;
	FONT-SIZE: 14pt;
	padding:10px;
	font-family: ,;
	color:#333333;
	font-weight:bold;
}

.content-wrapper2 {
  position: relative;
  width: 80%;
  height: ;
  padding: 10px;
	margin-top:120px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
}

.content-wrapper2 h1 {
  margin: 0;
  color: rgb(0, 0, 0);
}

.content-wrapper2 p {
  position: absolute;
  text-indent: 1.5em;
  text-indent: 0;
	padding:20px;
}

.content-wrapper2 .button {float: right;}
.content-wrapper2 img { float: right;margin-right:40px;}



.content-wrapper3 {
	max-width: 960px;
  position: relative;
  height: ;
  padding: 30px 10px 10px 10px;
	margin-top:80px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
  font-size: 16px;
}

.content-wrapper3 h1 {
  margin: 0;
  color: rgb(0, 0, 0);
  background: linear-gradient( to right,  rgba(69,179,224,1) 25%, rgba(102,51,153,1) 75% );
  -webkit-background-clip: text;
  color: transparent;
}
.content-wrapper3 h2 {
  margin: 0;
  color: #333333;
}
.content-wrapper3 p {
  position: absolute;
  text-indent: 1.5em;
  text-indent: 0;
	padding:20px;
}

.content-wrapper3 img { float: left;margin-right:40px;}


.content-wrapper4 {
	max-width: 960px;	 
	height:;
  position: relative;
  padding: 30px 10px 10px 80px;
	margin-top:10px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
	text-align:center;
}

.content-wrapper4 h2 {
  margin: 0;
	font-size: 36px;
  color: #333333;
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif
}

.content-wrapper4 p {
  text-indent: 1.5em;
  text-indent: 0;
	text-align:left;
	padding:20px;
}


.content-wrapper5 {
	max-width: 960px;
	height:;
  position: relative;
  padding: 30px 5px 10px 5px;
	margin-top:10px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
	text-align:left;
}

.content-wrapper5 h2 {
  margin: 0;
	font-size: 36px;
  color: #333333;
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif
}

.content-wrapper5 p {
  text-indent: 1.5em;
  text-indent: 0;
	text-align:left;
	padding:20px;
}


.inbox02 {
	width: 100%;	 
	height:;
  padding: 0px ;
	margin-top:10px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
	text-align:center;
}
.inbox02 img{
	margin-left: auto;
	margin-right: auto;
}

.inbox03 {
	width: 100%;
	height:;
  padding: 0px ;
	margin-top:10px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	text-align:left;
}

.inbox03 img {float:right;}
.box03left {
	width: 43%;
	float:left;
	height:50%;
	margin-top:20px;
}

.inbox04 {
	width: 80%;
	height:;
  padding: 0px ;
	margin-top:10px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	text-align:left;
}

.box03main{width:100%;height:300px;overflow:hidden;	background: url("../images/ph01.jpg") no-repeat; background-position:center top;background-size:contain;}
.rectext{ background-color:rgba(255,255,255,0.8);	width: 50%;	margin-left: auto; margin-right: auto;padding:5px;	margin-top:180px;font-weight:bold;}

.box03left a{float:right;}
.box03right {
	width: 43%;
	float:right;
	height:50%;
	margin-top:20px;
}
.box03right a{float:right;}

.title01 {
 	width: 100%;
	background-color:#FFFFFF;
	margin:0px;
	padding:5px 0 5px 10px;
  font-weight:bold;
	color:#333333;
	box-sizing: border-box;
	border-top:2px solid #39999A;
	border-bottom:2px solid #39999A;
	border-right:2px solid #39999A;
	border-left:5px solid #333333;
}
.content-wrapper6 {
	max-width: 960px;
	height:;
  position: relative;
  padding: 0;
	margin-top:10px;
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	background-color:rgba(255,255,255,0.9);
	text-align:left;
}

.content-wrapper6 h2 {
  margin: 0;
	font-size: 36px;
  color: #333333;
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif
}
.content-wrapper6 a {float:right;margin:0 20px 15px 0;}
.content-wrapper6 p {width:100%;}
.content-wrapper6 img {width:60%;float:right;}
.videobox	{width:100%;margin-left: auto;	margin-right: auto;}


.semi	{width:600px; text-align:left; margin:-15px 0 40px 0; color: #FF9900;font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 18px;font-weight:bold;}
.content-wrapper4 img { float: left;margin-right:40px;}

.contena {width: 100%; overflow:hidden;margin:5px 0 3px 0;font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}

.cr4left{ float: left; width: 20%; text-align:left; padding-left: 0px;color: #333333; text-indent:0em;font-weight:bold;font-size: 13px;}
.cr4right{ float: left; color: #333333; width: 60%;text-align:left;font-size: 13px;margin-left: 25px;}

.recbutton {width: 100%;text-align:right;}


.inbox{width:800px;margin-left: auto;	margin-right: auto;}

.cont4 {width: 80%; margin-left: auto;	margin-right: auto;overflow:hidden; margin-bottom:80px;padding: 20px 0 20px 0;  background: #ECECEC; }
.cont4 img {height:250px;}
.maintitle {width: 100%; height:80px;margin-left: auto;	margin-right: auto;overflow:hidden; margin-top:30px; background: url(../images/boxbk.png
) repeat-x ;background-position: bottom;	}

.map{width: 94%; height:2em;margin:10px 0 10px 0;  font-size: 0.8em;text-indent:10px;	margin-left: auto;	margin-right: auto; }

#cont01 { width: 94%; height: 100%; padding: 0px 10px 20px 20px; line-height: 1.5; text-align:center;margin-bottom:20px;margin-left: auto;margin-right: auto;overflow : hidden;margin-top:10px;	}

.accesstext {
  width: 50%;
  padding-top: 10px;
	margin-left: auto;
	margin-right: auto;

}
.trainingpt {
  width: 96%;
	max-width:479px;
  padding-top: 10px;
  padding-bottom: 0px;
	text-align: center;
	overflow : hidden;
	margin-left: auto;
	margin-right: auto;
}



/* ------------------フォント--------------------- */

.video01 {width: 100%; }
.video02 {width: 90%;margin-left: auto;	margin-right: auto; }

/* ------------------フォント--------------------- */
.font02 {font-weight:bold;}
.font03 {color:#0099FF}
.font04 {font-weight:bold; color:#333333;font-size: 23px;background: url(../images/txtb01.png) repeat-x ;background-position: bottom;width:100%;text-align:center;}
/* ------------------画像拡大--------------------- */
.imgWrap0 {
	float: right;
	margin-left:40px;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 40%;	/*画像の幅*/
	height: ;	/*画像の高さ*/
}
.imgWrap0 img {
	display: block;
}

.imgWrap {
	float: left;
	margin-right:40px;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 313px;	/*画像の幅*/
	height: ;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
}


.imgWrap2 {
	float: right;
	margin-left:40px;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 500px;	/*画像の幅*/
	height: ;	/*画像の高さ*/
}
.imgWrap2 img {
	display: block;
}
.imgWrap3 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width:250px ;	/*画像の幅*/
	height: 250px;	/*画像の高さ*/
margin-left: auto;	margin-right: auto;
}
.imgWrap3 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap3 img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}


/* ------------------ボタンアニメ-------------------- */

.button {
  position: relative;
  z-index: 2;
  background-color: #333;
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;

}
.button:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
.button::before,
.button::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #333;
}
.button::before {
  right: 0;
}
.button::after {
  left: 0;
}
.button:hover::before,
.button:hover::after {
  width: 0;
  background-color: #59b1eb;
}


.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;
}

/* ------------------ボタンアニメ2-------------------- */

.button2 {
  position: relative;
  z-index: 2;
  background-color: #333FFF;
  border: 1px solid #FFF;
  color: #fff;
  line-height: 50px;
  display: inline-block;
  padding:0 15px 0 15px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  outline: none;
  font-size: 0.8em;
}
.button2:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
.button2::before,
.button2::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #333;
}
.button2::before {
  right: 0;
}
.button2::after {
  left: 0;
}
.button2:hover::before,
.button2:hover::after {
  width: 0;
  background-color: #59b1eb;
}


.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;
}




}