@charset "UTF-8";
/* CSS Document */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, grid { display: block;}
@-webkit-viewport {
  width: device-width;
  zoom: 1.0;
}
@-moz-viewport {
  width: device-width;
  zoom: 1.0;
}
@-ms-viewport {
  width: device-width;
  zoom: 1.0;
}
@-o-viewport {
  width: device-width;
  zoom: 1.0;
}
@viewport {
  width: device-width;
  zoom: 1.0;
}
img {
    border:0;
    max-width: 100%;
    height: auto;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
img {
  -ms-interpolation-mode: bicubic;
}
a:active,a:focus,a:hover{ outline:none; }
a img { border: none; background: none;}
ul, ol, dl { margin-bottom: 1.5625em; list-style:none; } /* margin-left: 0.1em; */
dl { margin-left: 0;}
dt {font-weight: bold;}
a:active,a:focus,a:hover{ outline:none; }
/* =============================================================
	GRID
 * ============================================================= */
div#container {
  max-width: 1024px;
  width:78%;
  margin-left: auto;
  margin-right: auto;
  z-index: 1; 
}
.mgt {
	margin-top:1em;}
@media screen and (max-width: 768px) {
div#container {
	width:88%;
}
}
.grid_cov {
	padding-left: 1%; 
}
/**/
.row {
	clear: both;
	padding-left: -3%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	float: left;
	margin-right:3%;
}
.grid_1.last, .grid_2.last, .grid_3.last, .grid_4.last, .grid_5.last, .grid_6.last, .grid_7.last, .grid_8.last, .grid_9.last, .grid_10.last, .grid_11.last, .grid_12 {
	margin-right:0;
}
.grid_1 { width: 5.5%; }
.grid_2 { width: 14%; }
.grid_3 { width: 22.5%; }
.grid_4 { width: 31%; }
.grid_5 { width: 39.5%; }
.grid_6 { width: 48%; }
.grid_7 { width: 56.5%; }
.grid_8 { width: 65%; }
.grid_9 { width: 73.5%; }
.grid_10 { width: 82%; }
.grid_11 { width: 90.5%; }
.grid_12 { width: 100%; margin-right:0; }
/* */
.grid_05 { 
width: 39.5%;
float: left;
margin-right:3%;
}
.grid_05r { 
width: 39.5%;
float: right;
margin-left:3%;
}
.grid_05, .grid_05r .last { 
margin-right:0;
}
.grid_inst { 
width: 22.5%;
float: left;
margin-right:1%;
margin-left:1%;
max-height: 80px;
min-height: 80px;
margin-bottom: 18px;
display: inline-block;
}
@media all and (max-width: 768px) {
.grid_05, .grid_05r {
width: 39.5%;
}
.grid_inst {
margin-bottom: 2px;
max-height: 76px;
min-height: 76px;
	display: inline-block;
	}
}
/* */
.grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, .grid_6 img, .grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img, .grid_12 img {
	width: 100%;
	height: auto;
	display: block;
}
.sph_10070 img { width:100%; margin:auto; display: block;}
.sph_2 img { width:50%; margin:auto; display: block;}
.sph img { width:65%; margin:auto; display: block;}
.sph_l img { width:80%; text-align: left; display: block;} /* AL top*/
.sph_002 img { width:17%; margin:auto; display: block;}
.sph0_0 img { width:70%; margin-right:auto; display: block;}
.sph_logo img { width:42%; margin-right:auto; display: block; } /* ALの下ロゴ*/
.ph_lft76 img { width:76%; margin-right: auto; display: block; }
@media all and (max-width: 768px) {
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11 {
		float: none;
		width: 99%;
	}
	.sph_10070 img { width:70%; margin:auto;}
	.sph_2 img { width:28%; margin:auto;}
	.sph img { width:75%;  margin:auto;}
	.sph_l img { width:70%; text-align: center; margin: auto;}
	.sph_002 img { width:45%; margin:auto;}
	.sph0_0 img { width:100%; margin:auto;}
	.sph_logo img { width:65%; margin:auto;}
	.ph_lft76 img { width:100%; margin: auto; }
}
.teim img {width: 32%}
@media all and (max-width: 768px) {
.teim img {width: 45%}
}
/* right */
.grid_1r, .grid_2r, .grid_3r, .grid_4r, .grid_5r, .grid_6r, .grid_7r, .grid_8r, .grid_9r, .grid_10r, .grid_11r, .grid_12r {
	float: right;
	margin-right:3%;
}
.grid_1r.last, .grid_2r.last, .grid_3r.last, .grid_4r.last, .grid_5r.last, .grid_6r.last, .grid_7r.last, .grid_8r.last, .grid_9r.last, .grid_10r.last, .grid_11r.last, .grid_12r {
	margin-right:0;
}
.grid_1r { width: 5.5%; }
.grid_2r { width: 14%; }
.grid_3r { width: 22.5%; }
.grid_4r { width: 31%; }
.grid_5r { width: 39.5%; }
.grid_6r { width: 48%; }
.grid_7r { width: 56.5%; }
.grid_8r { width: 65%; }
.grid_9r { width: 73.5%; }
.grid_10r { width: 82%; }
.grid_11r { width: 90.5%; }
.grid_12r { width: 99%; margin-left:0; margin-right:0; }
.grid_1r img, .grid_2r img, .grid_3r img, .grid_4r img, .grid_5r img, .grid_6r img, .grid_7r img, .grid_8r img, .grid_9r img, .grid_10r img, .grid_11r img, .grid_12r img {
	width: 100%;
	height: auto;
	display: block;
}
.sph0_0r img { width:70%; margin-left:auto; display: block;}
.sph_10070r img { width:100%; margin:auto; display: block;}
.ph_735r img {width: 73.5%; margin-left: auto; display: block;}
@media all and (max-width: 768px) {
	.grid_1r, .grid_2r, .grid_3r, .grid_4r, .grid_5r, .grid_6r, .grid_7r, .grid_8r, .grid_9r, .grid_10r, .grid_11r {
		float: none;
		width: 99%;
	}
	.sphr { width:50%; margin:auto;}
	.sph0_0r img { width:70%; margin: auto;}
	.sph_10070r img { width:70%; margin:auto; display: block;}
	.ph_735r img {width: 73.5%; margin: auto; display: block;}
}
/*  Clearfix */
.group:before, .container:before,
.row:before,
.group:after,
.container:after,
.row:after {
  display: table;
  content: "";
}
.group:after, .container:after,
.row:after {
  clear: both;
}
.clear
	{
  clear: both;
}
.fmin {font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, "HGS明朝E", HG明朝E, "serif";}
.fgc {font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "sans-serif";}
.txjsf { text-align: justify; text-justify: inter-ideograph;}
.mp { margin-top:3em;}
.mp1 { margin-top:1.7em;}
.mp025 { margin-top:0.25em;}
.mp075 { margin-top:0.75em;}
.mp2 { margin-top:5em;}
.mp7 { margin-top:7em;}
.mp12 { margin-top:12em;}
.mb1 { margin-bottom:1em;}
.mb15 { margin-bottom:0.5em;}
.mb02 { margin-bottom:0.2em;}
.mb { margin-bottom:2em;}
.mb3 { margin-bottom:3em;}
.mb2 { margin-bottom:6em;}
.mbb { margin-bottom:10px; border-bottom:#b8b8b8 solid 1px; padding-bottom:3px;}
.mbb_b { margin-bottom:2em; border-bottom:#f3f1e5 solid 1px; padding-bottom:0.5em;}
.flore { color:#ff5751;}
.fs108 { font-size:1.08em;}
.fs125 { font-size:1.25em;}
.fs094 { font-size:0.94em;}
.fs086 { font-size:0.86em;}
.fs081 { font-size:0.81em;}
.fs078 { font-size:0.78em;}
.fs071 { font-size:0.71em;}
.fs065 { font-size:0.65em;}
.cnt { text-align:center;}
.lft { text-align:left;}
.rig { text-align:right;}
.fbol { font-weight:bold;}
.mgn0 { margin:0}
.t-rd { color: #ad0206}
.wrd { color: #840e49}
.pnk { color: #d69da4}
.orng { color: #ef9f61}
.cl_lgry { color: #ccc;}
.t_lc {text-align: left;}
@media screen and (max-width: 768px) {
.cnt2 { text-align:left}
.mb_tp { margin-bottom:3em;}
.mp7 { margin-top:4em;}
.mp12 { margin-top:6em;}
.mb2 { margin-bottom:3em;}
.t_lc {text-align: center;}
}
/* spanで改行　<span class="br">宇宙人</span> */
.br::before { content: "\A" ; white-space: pre ; }
/* PC br-none */
@media all and (min-width: 768px) {
.smbr-nn br {display: none;}
}
/* smart br-none */
@media all and (max-width: 768px) {
.pcbr-nn br {display: none;}
}
/*********************************************************************************/
/*  */
/*********************************************************************************/
html {
  -webkit-font-smoothing: antialiased;
}
html { -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
/*********************************************************************************/
/* こっから */
/*********************************************************************************/
body {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 100%;
  line-height: 1.7;
  color: #5c5c5c;
  letter-spacing: 0;
}
/*  Hyperlink */
a {
  color: #5c5c5c;
  text-decoration: none;
}
a:link {
  color:#5c5c5c;
  text-decoration: underline;
}
a:visited {
  color: #5c5c5c;
  text-decoration: none;
}
a:hover {
  color: #3CF;
  text-decoration: underline;
}
a {
  transition: color 0.3s ease 0s;
}
.bg_ctspg {
    background: url( ../../img/bg/bg_texture.png) repeat, radial-gradient( rgba(255, 240, 11, .1), rgba(255, 229, 0, .7)), url( ../../img/bg/bg_ctspg.jpg) top left / cover no-repeat;
    width: 100%; /* 100vw;*/
	height: auto; /* 100vh;*/
	min-height: 45em;
}
.mmo-b { color:#FFF; background-color: #8DC2CC; font-size:0.82em; padding:5px; margin-bottom:5px}
.mmo-h {color:#5c5c5c; font-size:0.84em; text-align:left; line-height:1.6}
.mmo-h span { color:#CB664D; }
.bej_bg {background-color: #9c9995;}  /* #9c9995  #f2efe8*/
.bej_bg2 {background-color: #beb7b3;}
.cl_ored { color: #e63128}
.cl_orylw { color: #e59e58}
.cl_nvflt { color: #2f4478}
.cl_li_smk { color: #edebeb}
.dbrn {color: #a38663} 
.dbrn-li {color: #a39482}
.bg-wht { background-color: #fff; 
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	margin-top: 2em;
}