body, html, section, p {
margin: 0;
padding: 0;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
body {
min-width: 1240px;
}
@media only screen and (max-width: 767px) {
body {
min-width: 0;
}
h1, h2, h3 {
margin: 0px;
padding: 0px;
}
}
img {
vertical-align: top;
}
.m_top20 {
margin-top: 20px;
}
.m_bottom20 {
margin-bottom: 20px;
}
.wow:first-child {
visibility: hidden;
}
.sp_br {display: none;}


@media only screen and (max-width: 767px) {
.box-wrap-fifth {
	width: 90%;
	margin: 0 auto;
}
.box-wrap-sixth {
	width: 90%;
	margin: 0 auto;
}
.box-wrap-seventh {
	width: 90%;
	margin: 0 auto;
}
}

.gnavi-area {
position: relative;
padding: 0px;
background-color:#1a83cc;
margin: 0px;
}
.box-wrap-gnavi {
max-width: 1150px;
margin: 0 auto;
}

.first {
position: relative;
padding: 40px 20px;
background-image: url("img/first_bg.jpg");
background-position: center top;
	background-size:cover;
margin: 0px;
}
.box-wrap-first {
max-width: 1130px;
margin: 0 auto;
text-align: left;
}
.box-wrap-first-c1 {
margin-right: 25px;
	margin-bottom: 20px;
float: left;
}
.box-wrap-first-c2 {
float: left;
max-width: 900px;
width: 100%;
}
.first H1 {
font-size: 2.0em;
margin: 0px 0 40px;
padding: 0px;
text-align: center;
}
.first H2 {
font-size: 1em;
text-align: center;
}
.first-title {
text-align: center;
}

.first p {
font-size: 1em;
line-height: 2em;
}
.first span {
background: linear-gradient(transparent 60%, #ff6 60%);
font-size: 130%;
}

.img_sp {
display: none;
}
/*共通*/
.box-wrap-school-c1 {
float: right;
margin-bottom: 20px;
}
.box-wrap-school-c2 {
float: left;
max-width: 680px;
width: 100%;
}
.box-wrap-third, .box-wrap-fourth, .box-wrap-fifth, .box-wrap-sixth, .box-wrap-seventh   {
max-width: 1130px;
margin: 0px auto;
text-align: left;
}
.box-wrap-third H1, .box-wrap-fourth H1, .box-wrap-fifth H1, .box-wrap-sixth H1, .box-wrap-seventh H1{
position: relative;
margin: 0px 0 20px;
padding-top: 0px;
font-size: 2em;
border-bottom: solid 1px #FFF;
}
.box-wrap-third H2, .box-wrap-fourth H2, .box-wrap-fifth H2, .box-wrap-sixth H2,.box-wrap-seventh H2{
text-align: left;
font-size: 1.5em;
border-bottom: solid 1px #FFF;
}
.box-wrap-third p, .box-wrap-fourth p, .box-wrap-fifth p,.box-wrap-sixth p,.box-wrap-seventh p{
text-align: left;
font-size: 1em;
line-height: 2.1em;
margin: 0 0 50px;
}
/*共通*/
.third, .fourth,.fifth,.sixth,.seventh{
padding: 90px 0 90px;
margin: 0px;
color: #FFFFFF;
background-image: url("img/third_bg.png");
}
.third {background-color: #178DE3;}
.fourth {background-color: #009844;}
.fifth {background-color: #cb9e13;}
.sixth {background-color: #bd3f3f;}
.seventh {background-color: #a036c3;}
.backnumber {
position: relative;
padding: 40px 20px;
margin: 0px;
	background-color: #EDEDED;
}
.backnumber H1  {
text-align: center;
	margin: 0px 0 40px;
}
.backnumber_Area  {
max-width: 1100px;
margin: 0 auto;
text-align: left;
}

.backnumber_Area div {
margin-right: 20px;
float: left;
width: 120px;
margin-top: 15px;
margin-bottom: 20px;
}
.backnumber_Area div:nth-child(8n) {
margin-right: 0px;
}
.backnumber_Area div:nth-child(-n+8) {
margin-top: 0px;
}
/* 写真 */
.photo_Area {
overflow: hidden;
width: 1130px;
margin: 50px auto;
text-align: left;
}
.photo_Area div {
border: 5px solid #FFFFFF;
background-position: left;
background-color: #F8F8F8;
margin-right: 20px;
float: left;
width: 254px;
font-size: 75%;
margin-top: 15px;
margin-bottom: 20px;
box-shadow: 0 5px 6px rgba(0, 0, 0, 0.32); /*影*/
}
.photo_Area div:nth-child(4n) {
margin-right: 0px;
}
.photo_Area div:nth-child(-n+4) {
margin-top: 0px;
}
.photo_Area img {
vertical-align: top;
}
.photo_Area div p {
bottom: 0em;
padding: 10px 0 5px 0;
width: 100%;
}
.function {
display: flex;
justify-content: space-between;
margin: 0px;
}
.function_text {
float: left;
width: 100%;
max-width: 900px;
text-align: left;
margin: 0px;
}
.function_text2 {
float: left;
width: 100%;
line-height: 2em;
font-size: 1.3em;
max-width: 900px;
text-align: left;
margin: 0px;
}
.title_c2 {
text-align: center;
color: #0084E5;
margin: 0px;
}

.slide-top {
margin: 50px 0 0;
float: left;
}
.slide-bottom {
width: 669px;
height: 200px;
text-align: center;
float: left;
}
.cl {
clear: both;
}

.btn_i {
position: absolute;
width: 25%;
top: 50%;
left: 1.5%;
}
.btn_i img {
width: 100%;
max-width: 240px;
margin: 0 auto;
}
.btn_a {
position: absolute;
width: 25%;
top: 50%;
left: 55%;
}
.btn_a img {
width: 100%;
max-width: 240px;
margin: 0 auto;
}


.f_sx {
font-size: 0.8em;
color: #ffcdce;
}
.f_sx2 {
font-size: 0.8em;
color: #7a7c6f;
line-height: 1.5em;
padding-bottom: 20px;
}
.f_l2 {
font-size: 1.5em;
}
.f_l3 {
font-size: 1.2em;
margin: 10px 0;
}
header, article {
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}
article h1 {
font-size: 2em;
margin-bottom: 1em;
}
article > section {
overflow: hidden;
}
article > section > section {
display: inline-block;
padding: 1em;
text-align: center;
}
.third article > section > section {
width: calc(1000px + 2em);
margin: 0 10px 20px;
}

.footer {
max-width: 1000px;
margin: 20px auto;
color: #8B8B8B;
font-size: 0.7em;
}
.kaiwa-img-left {
width: 14%;
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
box-sizing: border-box;
text-align: right;
padding-top: 14px;
}
.kaiwa-img-left img {
width: 100%;
max-width: 75px !important;
border-radius: 50%;
}
.kaiwa-name-left {
font-size: small;
position: relative;
width: 62%;
display: inline-block;
vertical-align: top;
margin-left: 4%;
margin-right: 18%;
margin-bottom: 10px;
box-sizing: border-box;
}
.kaiwa-text-left {
display: inline-block;
background-color: #e0edff;
padding: 10px;
border-radius: 10px;
font-size: medium;
color: #242424;
}
.kaiwa-text-left:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 15px 7px 0;
border-color: transparent #e0edff transparent transparent;
top:
30px;
left: -15px;
}
.kaiwa-name-right {
font-size: small;
position: relative;
width: 62%;
display: inline-block;
vertical-align: top;
margin-right: 4%;
margin-left: 18%;
margin-bottom: 10px;
box-sizing: border-box;
text-align: right;
}
.kaiwa-img-right {
width: 14%;
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
box-sizing: border-box;
padding-top: 14px;
text-align: left;
}
.kaiwa-img-right img {
width: 100%;
max-width: 75px !important;
border-radius: 50%;
}
.kaiwa-img-right p {
text-align: left;
padding: 0px;
margin: 0px;
}
.kaiwa-text-right {
display: inline-block;
text-align: left;
background-color: #ffeda5;
padding: 10px;
border-radius: 10px;
font-size: medium;
color: #242424;
}
.kaiwa-text-right:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 15px;
border-color: transparent transparent transparent #ffeda5;
top: 30px;
right: -15px;
}


@media only screen and (max-width: 767px) {
.img_sp {
display: block;
}
.img_pc {
display: none;
}
.gnavi-area {
padding: 0px;
margin: 0px;
}
.first a {
font-size: 0.8em;
}
.first {
padding: 5px 20px 40px;
}
.first H1 {
font-size: 1.5em;
	margin: 10px 0;
}

.first H2 {
font-size: 0.9em;
line-height: 2em;
}
.third, .fourth {
padding: 50px 20px;
}

.photo_Area {
width: 100%;
}
.photo_Area div {
float: left;
width: 44.3%;
margin-right: 8px;
padding: 0px;
}

.photo_Area div:nth-child(-n+4) {
margin-top: 20px;
}
.photo_Area div:nth-child(-n+2) {
margin-top: 0px;
}
.photo_Area div:nth-child(2n) {
margin-right: 0px;
}

.box-wrap-third {
margin: 0;
}
.box-wrap-third H1, .box-wrap-fourth H1{
font-size: 1.6em;
}

.btn_i {
width: 50%;
top: 67px;
top: 32%;
}
.btn_i img {
width: 50%;
}
.btn_a {
width: 50%;
top: 72px;
top: 32%;
}
.btn_a img {
width: 50%;
}
.function {
flex-direction: column;
}
.function--reserve {
flex-direction: column-reverse;
}
.f_sx2 {
color: #0D4300;
padding-bottom: 20px;
}
.function_text p {
margin-right: 15px;
}
.title_c2 {
text-align: left;
margin: 0px 0px;
font-size: 1.2em;
padding-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.pc_br {display: none;}
.sp_br {display: block;}
}




.gnavi-container {
margin: 0;
}
.gnavi-container .gnavi {
display: flex;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
.gnavi-container .gnavi .gnavi-item {
flex: 1;
}
.gnavi-container .gnavi .gnavi-item a {
background: #1a83cc;
border-right: none;
font-size: 0.85em;
color: #FFF;
display: block;
padding: 0.8em 0.2em;
text-align: center;
text-decoration: none;
}
.gnavi-container .gnavi .gnavi-item a:hover {
background: #0967a9;
color: #ffffff;
}

@media screen and (max-width: 768px) {
.gnavi-container .gnavi {
flex-wrap: wrap;
width: 100%;
}
.gnavi-container .gnavi .gnavi-item a {
border: 1px solid #ccc;
padding: 0.4em 0.2em;
}
.gnavi-container .gnavi .gnavi-item a:nth-child(2n+1){
 border-right:none;	}
.gnavi-container .gnavi .gnavi-item {
flex: auto;
width: 50%;
}
.gnavi-container .gnavi .gnavi-item:nth-child(n+3) a {
border-top: none;
}
}

/***********/

@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	}
	  to {
	  transform: translateX(-100%);
	}
	}
	.scroll-infinity__wrap {
	  display: flex;
	  overflow: hidden;
	}
	.scroll-infinity__list {
	  display: flex;
	  list-style: none;
	  padding: 0
	}
	.scroll-infinity__list--left {
	  animation: infinity-scroll-left 80s infinite linear 0.5s both;
	}
	.scroll-infinity__item {
	  width: calc(100vw / 6);
	}
	.scroll-infinity__item>img {
	  width: 100%;
	}