@charset "utf-8";

/* CSS Document */

/*------------RESET CSS------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0;font-size:100%; background:transparent; -webkit-text-size-adjust:none; }
legend{ display:none; }
sup{ bottom:1ex; height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; }

/*------------END RESET------------*/

@media screen and (min-width:751px){
body{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color:#333;
	line-height:1.5em;
	-webkit-text-size-adjust:100%;
    background-image:url("../images/");
}

header{
    width:100%;
}

#content{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}

#top{
	max-width:1200px;
	margin:0 auto;
    text-align:center;
}

#top img{
    width:100%;
}

#pagetop{
	background:#fff url("../images/icon_pagetop_arw.png") no-repeat center 10px;
	border:2px solid #666;
	width:55px;
	height:55px;
	border-radius:50%;
	font-size:0.8em;
	text-align:center;
	position:fixed;
	bottom:1em;
	right:1em;
	cursor:pointer;
	display:table;
	opacity:0.8;
	filter:Alpha(opacity=80);
}
	
#pagetop span{
    display:block;
    padding-top:20px;
}

a #pagetop{
    color:#666;
}

a:hover #pagetop{
    opacity:1;
    filter:Alpha(opacity=100);
}

footer{
	clear:both;
	color:#fff;
	background:#222;
	margin:0 auto;
	padding:8px;
	text-align:center;
    font-size:0.8em;
}

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

footer a:hover{
    color:#fff;
    text-decoration:underline;
}

#footNav{
    margin:0 auto;
    padding:8px;
    overflow:hidden;
    display:inline-block;
}

#footNav li{
    float:left;
    margin-right:8px;
    border-right:1px #999 solid;
    padding-right:8px;
    list-style:none;
}

#footNav li:last-child{
    border:0;
}

#copyright{
    padding:0 8px;
    font-size:10px;
    text-align:center;
    display:block;
}

.quality{
	max-width:1200px;
    padding:30px;
    display:flex;
    align-items:center;
    margin:0 auto;
    text-align:center;
}

.quality p{
    margin-left:30px;
    text-align:left;
    color:#272727;
    font-size:0.9em;
    line-height:1.8em;
}

.quality img{
    width:70px;
    height:70px;
}

.kikan{
    font-size:1.1em;
    line-height:2.0em;
    margin-bottom:50px;
}

.kikan span{
    font-size:0.8em
}

.menu{
    background-color:#8fc31f;
    color:#fff;
    padding:10px;
    font-weight:bold;
}

.yarikata{
	width:100%;
    text-align:center;
    color:#272727;
}

.yarikata img{
    width:30%
}

.yarikata_flex{
    display:flex;
    align-items:center;
    justify-content:space-around;
}

.yarikata_flex p{
    font-size:1.1em;
    line-height:1.6em;
    padding:8px;
}

.yarikata_flex span{
    font-size:0.8em;
    line-height:1.0em;
    font-weight:normal;
    text-decoration:none;
}

.info{
	width:100%;
    text-align:center;
    color:#272727;
    font-size:0.9em;
    background-color:#ECECEC;
    margin-bottom:30px;
}

.info ol{
    padding:0px 50px 20px 65px;
    line-height:2.0em;
    text-align:left;
}

.underline{
    font-size:1.4em;
    font-weight:bold;
    color:#272727;
    border-bottom:2px solid #8fc31f;
    line-height:2.5em;
}

.kome{
    font-size:0.9em;
}

.tabs{
    margin-top:50px;
    padding-bottom:40px;
    background-color:#fff;
    width:100%;
    margin:0 auto;
}

.tab_item{
    width:calc(100%/2);
    height:50px;
    background-color:#d9d9d9;
    line-height:50px;
    font-size:16px;
    text-align:center;
    color:#565656;
    display:block;
    float:left;
    font-weight:bold;
    transition:all 0.2s ease;
}

.tab_item:hover{
    opacity:0.75;
}

input[name="tab_item"]{
    display:none;
}

.tab_content{
    display:none;
    padding:20px;
    clear:both;
    overflow:hidden;
    border:3px solid #8fc31f;
}

#sports:checked ~ #sports_content,
#education:checked ~ #education_content
{
    display:block;
}

.tabs input:checked + .tab_item{
    background-color:#8fc31f;
    color:#fff;
}

.tab_flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}

.tab_flex li{
    width:150px;
    padding:15px 8px 15px 8px;
    list-style:none;
}

.tab_flex a{
  display:inline-block;
  position:relative;
  text-decoration:none;
  color:#2E2E2E;
  font-size:1.1em;
}

.tab_flex a::after{
  position:absolute;
  content:'';
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background:#006934;
  transition:all 0.3s ease 0s;
}

.tab_flex a:hover{
  cursor:pointer;
  opacity:0.8;
}

.tab_flex a:hover::after{
  width:100%;
}

.banner{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    margin-bottom:20px;
}
.banner img{
    width:97%;
    height:95%;
}

.banner img:hover{
    opacity:0.8;
    cursor:pointer;
}
}


/* clearfix
-----------------*/
.cf{ clear:both; }

@media screen and (max-width:750px){
body{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color:#333;
	line-height:1.5em;
	-webkit-text-size-adjust:100%;
    background-image:url("../images/");
}

header{
    width:100%;
}

#content{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}

#top{
	max-width:1200px;
	margin:0 auto;
    text-align:center;
}

#top img{
    width:100%;
}

#pagetop{
	background:#fff url("../images/icon_pagetop_arw.png") no-repeat center 10px;
	border:2px solid #666;
	width:55px;
	height:55px;
	border-radius:50%;
	font-size:0.8em;
	text-align:center;
	position:fixed;
	bottom:1em;
	right:1em;
	cursor:pointer;
	display:table;
	opacity:0.8;
	filter:Alpha(opacity=80);
}
	
#pagetop span{
    display:block;
    padding-top:20px;
}

a #pagetop{
    color:#666;
}

a:hover #pagetop{
    opacity:1;
    filter:Alpha(opacity=100);
}

footer{
	clear:both;
	color:#fff;
	background:#222;
	margin:0 auto;
	padding:8px;
	text-align:center;
    font-size:0.5em;
    line-height: 1.5em;
}

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

footer a:hover{
    color:#fff;
    text-decoration:underline;
}

#footNav{
    margin:0 auto;
    padding:8px;
    overflow:hidden;
    display:inline-block;
}

#footNav li{
    float:left;
    margin-right:8px;
    border-right:1px #999 solid;
    padding-right:8px;
    list-style:none;
}

#footNav li:last-child{
    border:0;
}

#copyright{
    padding:0 8px;
    font-size:10px;
    text-align:center;
    display:block;
    margin-top: 10px;
}

.quality{
	max-width:1200px;
    margin:0 auto;
    display:block;
    padding:20px;
    align-items:center;
    text-align:center;
}

.quality p{
    text-align:left;
    color:#272727;
    font-size:0.9em;
    line-height:1.6em;
}

.quality img{
    width:30px;
    height:30px;
}

.kikan{
    font-size:1.1em;
    line-height:2.0em;
    margin-bottom:50px;
}

.kikan span{
    font-size:0.8em
}

.menu{
    background-color:#8fc31f;
    color:#fff;
    padding:10px;
    font-weight:bold;
}

.yarikata{
	width:100%;
    text-align:center;
    color:#272727;
}

.yarikata img{
    width:50%
}

.yarikata_flex{
    display:block;
    align-items:center;
    justify-content:space-around;
}

.yarikata_flex p{
    font-size:0.9em;
    line-height:1.6em;
    padding:8px;
}

.yarikata_flex span{
    font-size:0.8em;
    line-height:1.0em;
    font-weight:normal;
    text-decoration:none;
}

.info{
	width:100%;
    text-align:center;
    color:#272727;
    font-size:0.9em;
    background-color:#ECECEC;
    margin-bottom:30px;
    padding-top:10px; 
}

.info ol{
    padding:10px 20px 20px 40px;
    line-height:1.7em;
    text-align:left;
}

.underline{
    font-size:1.2em;
    font-weight:bold;
    color:#272727;
    border-bottom:2px solid #8fc31f;
    line-height:2.0em;
}

.kome{
    font-size:0.8em;
}

.tabs{
    margin-top:50px;
    padding-bottom:10px;
    background-color:#fff;
    width:100%;
    margin:0 auto;
}

.tab_item{
    width:calc(100%/2);
    height:50px;
    background-color:#d9d9d9;
    line-height:50px;
    font-size:16px;
    text-align:center;
    color:#565656;
    display:block;
    float:left;
    font-weight:bold;
    transition:all 0.2s ease;
}

.tab_item:hover{
    opacity:0.75;
}

input[name="tab_item"]{
    display:none;
}

.tab_content{
    display:none;
    padding:20px;
    clear:both;
    overflow:hidden;
    border:3px solid #8fc31f;
}

#sports:checked ~ #sports_content,
#education:checked ~ #education_content
{
    display:block;
}

.tabs input:checked + .tab_item{
    background-color:#8fc31f;
    color:#fff;
}

.tab_flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}

.tab_flex li{
    width:150px;
    padding:10px 2px 10px 2px;
    list-style:none;
}

.tab_flex a{
  display:inline-block;
  position:relative;
  text-decoration:none;
  color:#2E2E2E;
  font-size:1.0em;
}

.tab_flex a::after{
  position:absolute;
  content:'';
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background:#006934;
  transition:all 0.3s ease 0s;
}

.tab_flex a:hover{
  cursor:pointer;
  opacity:0.8;
}

.tab_flex a:hover::after{
  width:100%;
}

.banner{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    margin-bottom:20px;
}

.banner img{
    width:98%;
    height:95%;
}

.banner a{
    width:50%;
}

.banner img:hover{
    opacity:0.8;
    cursor:pointer;
}
}