@charset "utf-8";


/* ----------------
 共通
------------------- */
.small_t{
 font-size: 15px !important;
}
.red{
 color: #CC3300;
}
p.lh-2{
 line-height: 2; 
}
/* -----------------
 home
-------------------- */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 60%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.new_ul li{
 text-align: left;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 border-bottom: 1px dashed #ccc;
 color: #333;
}
.new_ul li a{
 text-align: left;
 display: block;
 color: #333;
}
.new_ul .date{
 float: left;
 margin-right: 15px;
 color: #333;
}
.ichiran a{
 max-width: 250px;
 text-align: center;
 display: block;
 color: #fff;
 padding: 15px 0;
 margin:30px auto 30px auto;
 font-size: 110%;
 background: #00b3ee url(images/arrow-2.png) no-repeat 95% center;
}
.ichiran a:hover{
 color: #fff;
}
.home .ichiran02 a{
 display: block;
 width: 140px;
 font-size: 120%;
 letter-spacing: 2px;
 color: #0181c6;
 line-height: 1.6;
 font-weight: bold;
 background: url(images/home/arrow01.png) no-repeat right 2px;
}

.home .g_map{
 margin-bottom: 20px;
}
.home .g_map iframe{
 padding: 1%;
 background-color: #fff;
}

/* ----------------------
 home pc
------------------------- */
@media screen and (min-width: 769px) {/* pcまで */
.home_header{
 padding-bottom: 85%;
 background: url(images/home/main-bg-2.png) no-repeat center 5vw;
 background-size: 100% auto;
}
.home_header .text-1{
 position: absolute;
 right: 13vw;
 bottom: 30vw;
 max-width: 15%;
}
.home_header .text-2{
 position: absolute;
 left: 5vw;
 bottom: 2vw;
 max-width: 80%;
}
.home article h2{
 font-size: 360%;
 font-family: 'Barlow', sans-serif;
 color: #5292f6;
}

.slide-arrow.prev-arrow{
 position: absolute;
 top: 50%;
 left: 10px;
 z-index: 10;
 width: 50px;
 height: 50px;
 cursor: pointer;
}
.slide-arrow.next-arrow{
 position: absolute;
 top: 50%;
 right: 10px;
 z-index: 10;
 width: 50px;
 height: 50px;
 cursor: pointer;
}

.home article .inner{
 max-width: 1150px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 1%;
 padding-right: 1%;
}
.home #contents article{
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}
.home .slide{
 padding-left: 10%;
 padding-bottom: 10%;
 position: relative;
 margin-bottom: 1%;
 background: url(images/common/bg-gray.jpg) repeat-x left bottom;
}
.home .slide .slide_title{
 position: absolute;
 top: 55%;
 left: 5%;
 width: 490px;
 padding: 30px; 
 background-color: #fff;
 z-index: 100;     
}

.t_right{
 text-align: right;
}

.title_box{
 width: 550px;
 height: 550px;
 padding: 90px 50px 50px 50px;
 transition-delay:3s;
 background: url(images/home/title-box.png) no-repeat center top;
 background-size: 100% auto;
}
.home .title_box h2{
}
.home article h3{
 font-size: 140%;
 font-weight: bold;
 margin-bottom: 25px;
}
.home .title_box .link{
 margin-top: 10px;
}


.home .group_1{
 padding-top: 5%;
 padding-bottom: 9vw;
 min-height: 600px;
 margin-left: auto;
 margin-right: auto;
 background: url(images/home/g1-bg-2.png) no-repeat top left;
 background-size: 60% auto;
}
.home .group_1 .title_box{
 float: right;
}
.home .group_2{
 padding-top: 5%;
 padding-bottom: 0;
 min-height: 333px;
 margin-left: auto;
 margin-right: auto;
 background: url(images/home/g2-bg.png) no-repeat top right;
 background-size: 60% auto;
}
.home .group_2 .title_box{
 margin-top: 4vw; 
}

.home .group_3{
 padding-top: 5%;
 padding-bottom: 3%;
}

.home .group_3 h3,
.home .group_3 h2{
 text-align: center;
}
.home .group_3 ul{
max-width: 630px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin:0 auto 60px auto;
}
.home .group_3 ul li{
 width: 270px;
 padding-bottom: 30px;
 position: relative;
}
.home .group_3 ul li a{
 color: #333;
}
.home .group_3 li .img-box{
 position: relative;
 z-index: 1;
 height: 410px;
}
.home .group_3 li .outer-1{
 background: url(images/home/g3-bg-01.png) no-repeat right top;
 height: 50px;
 width: 100%;
 position: absolute;
 z-index: 5;
 top: 0;
 right: 0;
}
.home .group_3 li .outer-2{
 background: url(images/home/g3-bg-02.png) no-repeat right top;
 height: 80px;
 width: 100%;
 position: absolute;
 bottom: 0px;
 z-index: 10;
 left: 0;
}

.home .group_3 .name_box{
 position: absolute;
 bottom: 0;
 right: 0;
 width: 100%;
 height: auto;
 z-index: 10;
 padding: 20px;
 background-color: rgba(255, 255, 255, 0.8);
 /* background: url(images/home/name-bg.png) no-repeat center center; */
}
.group_3 .name_box .busho{
	font-weight: 600;
 font-size: 100%;
}
.group_3 .name_box .name{
 font-size: 180%;
}
.group_3 .name_box .join{
 font-size: 100%;
}
.group_3 .img-box img{
 height: 410px;
 width: auto;
 object-fit: cover;
}

.group_4{
 padding: 70px 0;
 background-color: #f7f8f3;
}
.group_4 li{
 position: relative;
}
.group_4 li.left{
 width: 55%;
 /* float: left; */
 margin: auto;
 padding: 50px 0 100px 0;
 /* border-right: 2px dashed #5393f7; */
}
.group_4 li.right{
 width: 45%;
 float: left;
 padding: 50px 0 100px 0;
}
.group_4 h4,
.group_4 h2{
 text-align: center;
}
.group_4 h4{
 font-size: 130%;
 font-weight: bold;
}
.group_4 li a{
 width: 94px;
 height: 94px;
 position: absolute;
 top: 150px;
 right: 25%;
}
}/* pc end */


@media screen and (max-width: 768px) {/* sp */
.home #sp_header{
 padding-bottom: 150%;
 background: url(images/home/main-bg-2.png) no-repeat center 80px;
 background-size: 100% auto;
 position: relative;
}
#sp_header .text-1{
 position: absolute;
 right: 5vw;
 bottom: 32vw;
 max-width: 20%;
}
#sp_header .text-1 img{
 height: 50vw;
 width: auto;
}
#sp_header .text-2{
 position: absolute;
 left: 5vw;
 bottom: 0;
 max-width: 85%;
 margin-left: auto;
 margin-right: auto;
}

.home article h2{
 font-size: 10vw;
 font-family: 'Barlow', sans-serif;
 color: #5292f6;
}

.title_box{
 max-width: 90%;
 height: ;
 padding: 20vw 7vw 0 7vw;
 transition-delay:3s;
 background: url(images/home/title-box.png) no-repeat center top;
 background-size: 100% auto;
}
.home .title_box h2{
}
.home article h3{
 font-size: 140%;
 font-weight: bold;
 margin-bottom: 25px;
}
.home .title_box .link{
 margin-top: 10px;
}


.home .group_1{
 padding-top: 5%;
 padding-bottom: 10%;
 min-height: 600px;
 margin-left: auto;
 margin-right: auto;
 background: url(images/home/g1-bg-2.png) no-repeat top left;
 background-size: 100% auto;
}

.home .group_1 .title_box{
 float: right;
 margin-top: 40vw;
}
.home .group_2{
 padding-top: 5%;
 padding-bottom: 0;
 min-height: 333px;
 margin-left: auto;
 margin-right: auto;
 background: url(images/home/g2-bg.png) no-repeat top right;
 background-size: 100% auto;
}
.home .group_2 .title_box{
 margin-top: 40vw;
}

.home .group_3{
 padding-top: 6%;
 padding-bottom: 6%;
}

.home .group_3 h3,
.home .group_3 h2{
 text-align: center;
}
.home .group_3 ul{
max-width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 40px;
}
.home .group_3 ul li{
 width: 300px;
 padding-bottom: 30px;
 position: relative;
}
.home .group_3 ul li a{
 color: #333;
}
.home .group_3 .name_box{
 position: absolute;
 bottom: 0;
 right: 0;
 width: 100%;
 height: auto;
 padding: 10px 15px;
 background-color: rgba(255, 255, 255, 0.8);
 /* background: url(images/home/name-bg.png) no-repeat center top; */
 background-size: cover;
}
.group_3 .name_box .busho{
	font-weight: 600;
 font-size: 100%;
}
.group_3 .name_box .name{
 font-size: 150%;
}
.group_3 .name_box .join{
 font-size: 100%;
}
.group_3 .img-box img{
 height: auto;
 width: 100%;
 object-fit: cover;
}


.entry-nav{
 background-color: #f7f8f3;
}
.entry-nav h2{
 font-size: 10vw;
 font-family: 'Barlow', sans-serif;
 color: #5292f6;
 line-height: 1.2;
}
.entry-nav li{
 position: relative;
}
.entry-nav li.left{
 padding: 40px 0 130px 0;
 border-bottom: 2px dashed #5393f7;
}
.entry-nav li.right{
 padding: 40px 0 130px 0;
}
.entry-nav h4,
.entry-nav h2{
 text-align: center;
}
.entry-nav h4{
 font-size: 130%;
 font-weight: bold;
}
.entry-nav li a{
 width: 94px;
 height: 94px;
 position: absolute;
 bottom: 30px;
 right: 20%;
}

}/* sp end */