@charset "utf-8";



/* ----------------------------------------------
     共通
---------------------------------------------- */

html{
     height:100%;
     font-size:10px;     /* 1rem = 10px */
}
body{
     height:100%;
     font-size:16px;
     font-size:1.6rem;
     line-height:1;
}

a{
	color : #fff;
     text-decoration:none;
}



a:hover{
     color:#67a1f0;
}

button,input,textarea{
     font-family:"メイリオ", Meiryo, "Arimo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
/*     font-family:"Arimo", "メイリオ", Meiryo, sans-serif;*/
}

.tac {
	text-align : center;
}

.hide {
	display : none;
}

/* -------------------------------------
     clearfix
---------------------------------------- */
.cf:before,.cf:after,
div:before,div:after,
dl:before,dl:after,
nav:before,nav:after,
section:before,section:after,
header:before,header:after,
footer:before,footer:after,
ul:before,ul:after{
     content:"";
     display:table;
}
.cf:after,
nav:after,section:after,
header:after,footer:after,
ul:after,dl:after,div:after {
     clear:both;
}

.cf,
section,header,footer,nav,
dl,ul,div {
     zoom:1;
}

.notice {
	font-size : 14px;
}

.pc{
	display:block!important;
}

.pc_inline{
	display:inline!important;
}
.sp{
	display:none!important;	
}
.sp_inline{
	display:none!important;	
}
/* -------------------------------------
     html body
---------------------------------------- */
html,
body {
	width : 100%;
}
body {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}


i {
	font-family:FontAwesome;
	font-style:normal;
	font-weight: normal;
	display: inline-block;
}

/* -------------------------------------
      header
---------------------------------------- */
header {
	background : #222523;
	height : 46px;
}


/* -------------------------------------
      global navi
---------------------------------------- */

nav ul {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content:         space-around;
	
}
nav li {

	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content:         space-around;
	line-height : 46px;
}

/* -------------------------------------
      footer
---------------------------------------- */

footer {
	background : #222523;
	color : #fff;
	font-size : 1.4rem;
	height : 50px;
	line-height : 50px;
	text-align : center;
}
/* -------------------------------------
      contents
---------------------------------------- */
.content_section {
	
	background : #f3f4f4;
}


.content_section h2 {
	background : #222523;
	color : #fff;
	font-size : 2.4rem;
	font-weight : 400;
	height : 100px;
	padding : 25px 0 0 0;
	position : relative;
	text-align : center;
}
.content_section h2:after {
	content : "\f107";
	display : block;
	font-family: FontAwesome;
	font-size : 4.6rem;
	position : relative;
	text-align : center;
}
.content, .sub_content ,nav{
	margin : 0 auto;
	width : 1080px;

}
.mv {
	background-image : url(../images/mv_bg.jpg) ;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size : cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	height : 590px;
}

.mv h1 {
	margin : 60px 0 0 40px;
}
.mv .mv_image_area {
	/*padding : 190px 0 20px 0;*/
	padding : 20px 0 20px 0;
}

.mv .pdf_bn_area {
	margin : 10px 0 0 0;
}

.mv .note {
	position : relative;
	margin : auto 0 30px 40px;
	color : #fff;
	width : 590px;
	line-height : 2.2rem;
}


.about_section .content,.about_section .sub_content ,.target_section .content{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.about_section .content > div,.about_section .sub_content > div{
	-webkit-flex-direction: row;
	-ms-flex-direction : row;
	flex-direction:         row;

}

.content_text_area {
	font-size : 2.0rem;
	line-height : 3.2rem;
	padding: 20px;
}
.content_text_area p {
	padding : 15px 0;
}


.sub_content {
	padding : 0 20px;
}

.sub_image_area {
	padding : 10px 20px;
}
.sub_image_area p {
	padding : 10px 0;
}

.sub_text_in {
	background : #fff;
	font-size : 1.6rem;
	line-height : 2.7rem;
	padding : 10px 20px;
}
.sub_text_area p {
	padding : 10px 0;
}

.target_section  {
	background-image : url(../images/target_bg.jpg) ;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size : cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
}
.target_list {
	padding : 20px 0;
	margin : 0 0 0 auto;
	
}
.target_list li {
	font-size : 2.1rem;
	margin : 20px 0;
	height : 124px;
	font-weight : 700;
	width : 670px;
}
.target_list li:nth-child(1) {
	background : rgba(255,255,255,0.7) url(../images/target_01.png) no-repeat scroll 5px center;
	padding : 35px 20px 50px 100px;
	line-height : 3.0rem;
}
.target_list li:nth-child(2) {
	background : rgba(255,255,255,0.7) url(../images/target_02.png) no-repeat scroll 5px center;
	padding : 35px 20px 50px 100px;
	line-height : 3.0rem;
}
.target_list li:nth-child(3) {
	background : rgba(255,255,255,0.7) url(../images/target_03.png) no-repeat scroll 5px center;
	padding : 50px 20px 50px 100px;
	line-height : 3.0rem;
}
.target_list li:nth-child(4) {
	background : rgba(255,255,255,0.7) url(../images/target_04.png) no-repeat scroll 5px center;
	padding : 35px 20px 50px 100px;
	line-height : 3.0rem;
}

.activity_list {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap:wrap;
	margin : 20px 0;
}
.activity_list li {
	background : #fff;
	width : calc(50% - 30px);
	-webkit-flex-direction: row;
	-ms-flex-direction : row;
	flex-direction:         row;
	margin : 15px;
	text-align : center;
}
.activity_list li .text {
	text-align : left;
	padding: 20px;
	font-size : 1.6rem;
	line-height : 3.0rem;
	
}
.group_image_area {
	background-image : url(../images/group_bg.jpg) ;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover
	background-size : cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	height : 450px;
	
}
.group_section .content {
	padding : 30px	 20px;
	
}

.group_section p {
	font-size : 2.4rem;
	font-weight : 700;
	color :#2ca6e0;
	width : 100%;
}
.group_list {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content:         space-around;
	margin : 20px;

}
.group_list li{
	-webkit-flex-direction: row;
	-ms-flex-direction : row;
	flex-direction:         row;
}

.sponsor_list {

	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	width : 100%;
	flex-wrap:wrap;
	padding : 20px;
}
.sponsor_list li{
	-webkit-flex-direction: row;
	-ms-flex-direction : row;
	flex-direction:         row;
	width : 33%;
	padding : 10px;
	text-align : center;
}