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

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

h2 {
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 43px;
	line-height:1.45;	
	letter-spacing: 2.3px;
	margin-left:0.6%;
	font-weight:100;
	color: #FFFFFF;
	text-align:left;
}


h3 {
	width:80%;
	margin-left:10%;
	margin-right:10%; 
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 30px;	
	font-weight:100;
	color: #000000;
	text-align:center;
}


.intro {
    background-color: #F90;
	padding:5%;
}


.item {
	width:100%;
	text-align:center;
	margin-top:-3%; 
    background-color: rgba( 255, 153, 0, 0.55 );
	}


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

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

.box8 {
    padding: 1.7em 1em;
    margin: 2em 1em;
}

.box8 p {
    margin: 0; 
    padding: 0;
}

.box9 {
    padding: 0.3em;
    margin: 6.0em;
    color: #FFFFFF;
    background: #000000;
}
.box9 p {
    margin: 0; 
    padding: 0;
}




/*フォント*/
body {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 14px;
	line-height:2.35;
	color: #666666;
}


.midashipc {
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 36px;
	line-height:1.45;	
	letter-spacing: 2.3px;
	margin-left:0.6%;
	font-weight:100;
	color: #000000;
	text-align:left;
}

.midashi {
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 26px;
	line-height:1.45;	
	letter-spacing: 2.3px;
	margin-left:0.5%;
	font-weight:100;
	color: #000000;
	text-align:left;
}

.midashi2 {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 30px;
	letter-spacing: 2.3px;
	font-weight:bold;
	color: #000000;
	text-align:center;
}

.midashi3 {
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 24px;	
	font-weight:100;
	color: #000000;
	text-align:left;
	margin-top:0px;
}

.midashisp {
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 28px;
	line-height:1.45;	
	letter-spacing: 2.3px;
	margin-left:0.5%;
	font-weight:100;
	color: #FFFFFF;
	text-align:left;
}

.midashi2sp {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 24px;
	line-height:1.45;	
	letter-spacing: 2.3px;
	margin-left:0.5%;
	font-weight:bold;
	color: #000000;
	text-align:center;
}

.intro_t {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 16px;
	line-height:1.85;	
	letter-spacing: 2.0px;
	font-weight:nomal;
	color: #FFFFFF;
	text-align:left;
	margin-left:10%;
	margin-right:10%;
}

.nav {
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 36px;	
	font-weight:nomal;
	color: #000000;
	text-align:center;
}

.navsp {
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 28px;	
	font-weight:nomal;
	color: #000000;
	text-align:center;
}

.nav2sp {
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 21px;	
	line-height:1.35;
	font-weight:nomal;
	color: #000000;
	text-align:center;
}

.cappc {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 14px;		
	line-height:1.85;
	font-weight:nomal;
	color: #000000;
	text-align:left;
}

.textareasp {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 12px;	
	font-weight:nomal;
	color: #FFFFFF;
	text-align:left;
	padding:3%;
}

/*調整系*/

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.mt1 {
	margin-top:1%;
}

.mt3 {
	margin-top:3%;
}

.mt5 {
	margin-top:5%;
}

.mb1 {
	margin-bottom:1%;
}

.mb5 {
	margin-bottom:5%;
}

.mt10 {
	margin-top:10%;
}

.mt15 {
	margin-top:15%;
}

.mt30 {
	margin-top:30%;
}

.ml5 {
	margin-left:5%;
}

.ml10 {
	margin-left:10%;
}

.ml33 {
	margin-left:33%;
}

.mr33 {
	margin-right:33%;
}

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

.mb10 {
	margin-bottom:10%;
}

.mb20 {
	margin-bottom:20%;
}


.mb30 {
	margin-bottom:30%;
}


.mbm5 {
	margin-bottom:-5%;
}


.ml18 {
	margin-left:18%;
}

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


/*動かす系*/

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