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

/*フォントの定義 */
@font-face {
  font-family: "見出ゴMB31", "Midashi Go MB31", sans-serif;
  src: url('/font/A-OTF-MidashiGoPro-MB31.otf') format('otf');
}

html,body {
	max-width: 100%;
} 

h1 {
	font-family:"見出ゴMB31", "Midashi Go MB31", sans-serif;
	font-size: 18px;
	line-height:2.0;	
	letter-spacing: 0.1em;
	margin:5% auto 3% 0%;
	font-weight:bold;
	color: #000;
	text-align:left;
}


h2 {
	font-family:"見出ゴMB31", "Midashi Go MB31", sans-serif;
	/*font-family:"游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;*/
	font-size: 20px;
	line-height:1.3;	
	letter-spacing: 0.1em;
	margin-bottom:2%;
	font-weight:bold;
	color: #000;
	text-align:left;
}


h3 {
	font-family:"見出ゴMB31", "Midashi Go MB31", sans-serif;
	font-size: 21px;
	line-height:0.5em;	
	letter-spacing: 0.05em;
	margin: 0%;
	font-weight:bold;
	color: #000;
	text-align:left;
}


.fix{
	max-width: 100%;	
	margin: 0;
} 

.wordssp {
	font-family:"見出ゴMB31", "Midashi Go MB31", sans-serif;
	font-size: 12px;
	line-height:1.5em;	
	letter-spacing: 0.1em;
	margin: 0%;
	font-weight:bold;
	color: #000;
	text-align:left;
}


.same {
  font-family:"見出ゴMB31", "Midashi Go MB31", sans-serif;
  font-weight: 900;
}

/*.topimg {
	text-align: center;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}*/



.logo {
	text-align: center;
	margin: 5% auto 2%;
}


.midashi {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height:2.0;	
	letter-spacing: 0.1em;
	margin:2% 1% 1% 1%;
	font-weight:300;
	color: #000;
	text-align:center;	
    display: inline-block;
    border-bottom: none;
}

.midashisp {
	font-family: "見出ゴMB31", "Midashi Go MB31", sans-serif;
	font-size: 16px;
	line-height:2.0;	
	letter-spacing: 0.1em;
	margin:2%;
	font-weight:bold;
	color: #000;
	text-align:left;	
    display: inline-block;
    border-bottom: none;
}

.midashisp2 {
	font-family: "見出ゴMB31", "Midashi Go MB31", sans-serif;
	font-size: 14.5px;
	line-height:2.0;	
	letter-spacing: 0.1em;
	margin:2%;
	font-weight:bold;
	color: #000;
	text-align:left;	
    display: inline-block;
    border-bottom: none;
}


ul.index {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  padding:0;
  font-size:0px;
}

ul.index li {
  width:25%;
  padding: 8% 0% 10%;
  display: inline-block;
  text-align: center;
}

ul.index li:first-child {
  height:auto;
}

ul.index li a {
  display: block;
}



ul.personsp {
  width: 100%;
  padding:0;
  font-size:0px;
}

ul.personsp li {
  width:48%;
  padding: 0% 1%;
  display: inline-block;
  text-align: center;
}

ul.personsp li:first-child {
  height:auto;
}

ul.personsp li a {
  display: block;
}


.q2 {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}


.parent {
  width:90%;
  display: flex;
  flex-wrap: nowrap;
  margin: 2% calc(20px / 2 * -1);
  margin-left:5%;
  margin-right:5%; 
  padding:2% 0;
}

.child {
  flex: 5;
  margin: 0 calc(20px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  border-radius:4px;
  padding: 0;
  text-align:center;
}

.child2 {
  flex: 1;
  margin: 0 calc(20px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}



.type1 {
  width:94%;
  display: flex;
  flex-wrap: nowrap;
  margin: 2% calc(20px / 2 * -1);
  margin-left:3%;
  margin-right:3%; 
  padding:0;
}

.column1 {
  flex: 5;
  margin: 0 calc(20px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  border-radius:4px;
  padding: 0;
  text-align:center;
}

.column2 {
  flex: 6;
  margin: 0 calc(20px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}

.column3 {
  flex: 4;
  margin: 0 calc(20px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}

.column4 {
  flex: 6.5;
  margin: 0 calc(20px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}

.column5 {
  flex: 3.5;
  margin: 0 calc(20px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}

.column6 {
  flex: 7;
  margin: 0 calc(20px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}

.column7 {
  flex: 3;
  margin: 0 calc(20px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}

.type2 {
  width:80%;
  display: flex;
  flex-wrap: nowrap;
  margin: 0% calc(0px / 2 * -1);
  margin-left:20%;
  margin-right:0%; 
  padding:0;
}
.column11 {
  flex: 5;
  margin: 0 calc(0px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  border-radius:0px;
  padding: 0;
  text-align:center;
}

.type1sp {
  width:98%;
  display: flex;
  flex-wrap: nowrap;
  margin: 2% calc(4px / 2 * -1);
  /*margin-left:2.5%;
  margin-right:2.5%; */
  padding:0;
  text-align:center;
}

.column1sp {
  flex: 5;
  margin: 0 calc(0px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  border-radius:0px;
  padding: 0;  
  text-align:center;
}

.column2sp {
  flex: 6;
  margin: 0 calc(0px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}

.column3sp {
  flex: 4;
  margin: 0 calc(10px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}

.column4sp {
  flex: 8;
  margin: 0 calc(0px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}

.column5sp {
  flex: 2;
  margin: 0 calc(0px / 2);
  background-color:none;
  /*border:solid;
  border-color:#9FF;
  border-width:thin;*/
  padding: 0;
  text-align:center;
}
/*フォント*/
body {
	font-family:"游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 14px;
	line-height:2.35;
	color: #666666;
}


.concept {
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 13px;
	line-height:2.0em;	
	letter-spacing: 0.1em;
	width: 81%;
	margin-left: 9%;
	margin-right: 11%;
	font-weight:normal;
	color: #000;
	text-align:left;
}


.text {
	font-family:"見出ゴMB31", "Midashi Go MB31", sans-serif;
	font-size: 14px;
	line-height:2.0em;	
	letter-spacing: 0;
	/*width: 81%;
	margin-left: 9.5%;
	margin-right: 10.5%;*/
	font-weight:bold;
	color: #000;
	text-align:left;
}

.textsp {	
	width:95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	font-family:"見出ゴMB31", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 11px;
	font-weight:100;
	color: #000000;
	text-align:left;
	margin-top:0px;
	line-height: 2.0em;
	letter-spacing: 0.15em;
}

.credit_insta {	
	width:95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	font-family:"游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 15px;	
	font-weight:100;
	color: #000000;
	text-align:left;
	margin-top:0px;
	line-height: 1.8em;
}

.credit_instasp {	
	width:95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	font-family:"游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 13px;	
	font-weight:100;
	color: #000000;
	text-align:left;
	margin-top:0px;
	line-height: 1.8em;
}

.info {
	font-family:"游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 14px;
	line-height:2.0em;	
	letter-spacing: 0.3em;
	width: 80%;
	margin-left: 8%;
	margin-right: 12%;
	padding: 2%;
	font-weight:normal;
	color: #000;
	text-align:left;
	border: solid 1px #787878;
}
	
.infosp {
	margin: 2%;
	padding: 4%;
	border: solid 1px #787878;
}	




.cappc {
	font-family: 'Bebas Neue', cursive;
	/*font-family: 'Roboto', sans-serif;*/
	font-size: 17.5px;		
	line-height:1.8;
	letter-spacing: 0.1em;
	font-weight:normal;
	color: #000;
	text-align:left;
	margin-top:10%;
	text-decoration: none;
}

/*.tobuy {
	font-family:'Bebas Neue', cursive;
	font-size: 18px;	
	font-weight:100;
	color: #000000;
	text-align:center;
	margin:3% 0 0%;
	text-decoration: underline;
}

.totop {
	font-family:'Bebas Neue', cursive;
	font-size: 23px;	
	font-weight:100;
	color: #000000;
	text-align:center;
	text-decoration: none;
	margin:3% 0 10%;
}*/



/*調整系*/

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.mt1 {
	margin-top:1%;
}

.mt3 {
	margin-top:3%;
}

.mt2 {
	margin-top:2%;
}

.mt5 {
	margin-top:5%;
}

.mt7 {
	margin-top:7%;
}

.mb1 {
	margin-bottom:1%;
}

.mb5 {
	margin-bottom:5%;
}

.mb7 {
	margin-bottom:7%;
}

.mt8 {
	margin-top:8%;
}

.mt10 {
	margin-top:10%;
}

.mt12 {
	margin-top:12%;
}

.mt15 {
	margin-top:15%;
}

.mt18 {
	margin-top:18%;
}

.mt22 {
	margin-top:22%;
}

.mt30 {
	margin-top:30%;
}

.mt35 {
	margin-top:35%;
}

.mt40 {
	margin-top:40%;
}

.mt50 {
	margin-top:50%;
}

.mt60 {
	margin-top:60%;
}

.mt70 {
	margin-top:70%;
}

.mt75 {
	margin-top:75%;
}

.mt90 {
	margin-top:90%;
}

.mt130 {
	margin-top:130%;
}

.mt140 {
	margin-top:140%;
}

.ml5 {
	margin-left:5%;
}

.ml2 {
	margin-left:2%;
}

.ml3 {
	margin-left:3%;
}

.ml4 {
	margin-left:4%;
}

.ml8 {
	margin-left:8%;
}

.ml9 {
	margin-left:9%;
}

.ml10 {
	margin-left:10%;
}

.ml13 {
	margin-left:13%;
}

.ml15 {
	margin-left:15%;
}

.ml18 {
	margin-left:18%;
}

.ml20 {
	margin-left:20%;
}

.ml21 {
	margin-left:21%;
}

.ml22 {
	margin-left:22%;
}

.ml24 {
	margin-left:24.3%;
}

.ml33 {
	margin-left:33%;
}

.ml40 {
	margin-left:40%;
}


.ml45 {
	margin-left:45%;
}

.mr3 {
	margin-right:3%;
}

.mr4 {
	margin-right:4%;
}

.mr5 {
	margin-right:5%;
}


.mr7 {
	margin-right:7%;
}

.mr10 {
	margin-right:10%;
}

.mr15 {
	margin-right:15%;
}

.mr30 {
	margin-right:30%;
}

.mr35 {
	margin-right:35%;
}

.mb10 {
	margin-bottom:10%;
}

.mb20 {
	margin-bottom:20%;
}


.mb30 {
	margin-bottom:30%;
}

.mtm1 {
	margin-top:-1%;
}

.mtm2 {
	margin-top:-2%;
}

.mtm3 {
	margin-top:-3%;
}

.mtm5 {
	margin-top:-5%;
}

.mtm7 {
	margin-top:-7%;
}

.mtm8 {
	margin-top:-8%;
}

.mtm10 {
	margin-top:-10%;
}

.mtm15 {
	margin-top:-15%;
}

.mtm13 {
	margin-top:-13%;
}

.mtm18 {
	margin-top:-18%;
}

.mtm20 {
	margin-top:-20%;
}

.mtm22 {
	margin-top:-22%;
}

.mtm30 {
	margin-top:-30%;
}

.ml18 {
	margin-left:18%;
}

.mlm3 {
	margin-left:-3%;
}

.mlm5 {
	margin-left:-5%;
}

.mlm8 {
	margin-left:-8%;
}

.mlm10 {
	margin-left:-10%;
}

.mrm10 {
	margin-right:-10%;
}

.mrm5 {
	margin-right:-5%;
}


/*動かす系*/

.fade-in {
  transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
}

/*#page_top{
width: 40px;
height: 40px;
position: fixed;
right: 0;
bottom: 10px;
background: #cccecb;
opacity: 0.6;
}

#page_top a{
position: relative;
display: block;
width: 30px;
height: 30px;
text-decoration: none;
}

#page_top a::after{
content: '▲';
font-size: 14px;
font-weight: bold;
color: #fff;
position: absolute;
top: 5px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}*/