@charset "utf-8";

* {
padding: 0; /* Reset `padding` and `margin` of all elements */
margin: 0;
box-sizing: border-box;
}



/*body*/
body {
font-family: 'Noto-Regular', sans-serif;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
color:#222;
overflow-x: hidden;
}

/*bodyフェードイン*/
@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}

/* 全体枠 */
.all{min-width:1000px;}

/* 全体横幅1000px */
.all-width{
display: block !important;
margin: 0 auto !important;
width:1000px;min-width:1000px;
text-align:center;
padding:0;
}
/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 1000px){
/* 全体枠 */
.all{overflow: hidden;min-width:100%;}
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;padding:0;}
}

@media screen and (max-width: 600px){

}

/*--------------------------------------------------------------------------------*/

/* Noto日本書体（Regular） */
@font-face {
font-family: 'Noto-Regular';
src: url('fonts/NotoSansCJKjp-Regular.ttf') format('truetype');
}
.Noto-Regular {font-family: 'Noto-Regular', sans-serif;}

/* Noto日本書体（Bold）*/
@font-face {
font-family: 'Noto-Bold';
src: url('fonts/NotoSansCJKjp-Bold.ttf') format('truetype');
}
.Noto-Bold {font-family: 'Noto-Bold', sans-serif;}

.weight100{font-weight:100;}
.weight300{font-weight:300;}
.weight400{font-weight:400;}
.weight500{font-weight:500;}
.weight600{font-weight:600;}
.weight700{font-weight:700;}
.weight900{font-weight:900;}

/* GenEiChikugoMin（明朝）*/
@font-face {
font-family: 'chikugomin';
src: url('fonts/GenEiChikugoMin2-R.ttf') format('truetype');
}
.chikugomin {font-family: 'chikugomin', serif;}

/*ふい字（手書き文字）*/
@font-face {
font-family: 'huifont';
src: url('fonts/HuiFontP29.ttf') format('truetype');
}
.huifont {font-family: 'huifont', sans-serif;}

/*GaramondSSK-Italic（イタリック）*/
@font-face {
font-family: 'garamond';
src: url('fonts/GaramondSSK-Italic.ttf') format('truetype');
}
.garamond {font-family: 'garamond', sans-serif;}



/* 明朝体フォント */
.font_mincho {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
/* 太文字 */
.bold-font{font-weight: bold;}

/* 左寄せ */
.text-l{text-align: left;}
/* 中央寄せ */
.text-c{text-align: center;}
/* 右寄せ */
.text-r{text-align: right;}

/* テキスト色 */
.red{color: #e33 !important;}
.green{color: #5b0 !important;}
.blue{color: #37c !important;}
.blown{color: #a96 !important;}

a{text-decoration:none;color:#000000;}
.toppage a{text-decoration:none;color:#000000;}
a:hover{text-decoration:underline;}


/* 文字間つめ */
.letter-sp{ letter-spacing: -0.1em;}
/*取り消し線を引く*/
.deleted {text-decoration: line-through;}

/*文字にアンチエイリアスを効かせる*/
.font_smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*hr*/
hr{display:block;height:1px;border:0;border-top:1px solid #E5E5E5;margin:1.5em 0;padding:0;overflow: hidden;background: none;}
/*点線*/
.tenline{
border-top:1px dotted #aaaaaa;
height:1px;
margin: 30px 0;
}

/* image */
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*iframe*/
iframe {max-width: 100%;}
/*非表示*/
.none {display: none !important;}


/* クリア */
.both{clear: both;}

.sp-ss{margin-bottom:10px;}
.sp-s{padding-bottom:20px;}
.sp-m{margin-bottom:30px;}
.sp-l{margin-bottom:40px;}
.sp-ll{margin-bottom:50px;}

/*ページ上部へ*/
#page-top {
position: fixed !important;
bottom: 15px;right:15px;
width: ;height: ;
height: auto;z-index: 50;
text-align: center;
line-height: 0;
z-index: 200;
}
#page-top a {display: block;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:480px){
#page-top img {
width:30px;height:30px;
}
}
/*--------------------------------------------------------------------------------*/

/*基本リンクボタン*/
.btn{
display: inline-block;
background: #33AAE2;
border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;
}
.btn a{display: block;color:#fff;}
.btn a:hover{text-decoration: none;}
.btn:hover{cursor:pointer;
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}


/*ヘッダ*/
header{width: 100vw;text-align: left;overflow: hidden;position: absolute;top: 0;left: 0;z-index:3;}

.logo-box{float:left;padding:30px 20px 0 35px;}
.menu-box{float:right;text-align:right;padding-right:20px;}
.menu-box .u-box{padding:20px;}
.menu-box .u-box .btn{font-size:80%;line-height:1;min-width:160px;text-align:center;margin-left:20px;}
.gakusei-page{background:#F7F9FA url(images/agkusei-icon.png) no-repeat left 18px center;
background-size:18px auto;
}
.gakusei-page a{padding:10px 20px 10px 40px;color:#040404;}
.open-campus{}
.open-campus a{padding:10px 20px;}
.otoiawase{background:url(images/grd-btn-orange.png) no-repeat center center;}
.otoiawase a{padding:10px 20px;}
.menu-box .s-box{padding-right:25px;}
.menu-box .s-box li{display:inline-block;line-height:1;margin-left:50px;font-size:95%;}
.open-c a{padding:10px 20px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1200px){
.logo-box{float:left;padding:15px 10px 0 10px;}
.logo-box img{width:300px;height:auto;}
.menu-box .s-box li{display:inline-block;line-height:1;margin-left:30px;font-size:95%;}
}
@media screen and (max-width:1000px){
header{width: 100vw;}
.open-campus,.otoiawase,.menu-box .s-box{display:none;}
.gakusei-page{margin-right:55px;}
}

@media screen and (max-width:768px){
.logo-box{padding:15px 0 0 12px;}
.logo-box img{width:220px;height:auto;}
.gakusei-page{width:auto !important;font-size:70% !important;min-width:auto !important;
background:#F7F9FA url(images/agkusei-icon.png) no-repeat left 10px center;
background-size:14px auto;}
.gakusei-page a{padding:8px 12px 8px 28px !important;}
}

@media screen and (max-width:500px){
.logo-box{width:100%;}
.menu-box{width:100%;padding-right:0;}
.gakusei-page{margin-right:10px;}
}

@media screen and (max-width:380px){
.gakusei-page{margin-right:0;}
}
/*--------------------------------------------------------------------------------*/




/*▼▼▼トップの設定▼▼▼*/
/*全体*/
#container{}

/* メインムービー */
#main-movie{width: 100%;height: 100vh;text-align: center;overflow: hidden;position: relative;}

/* ムービー */
#main-movie video{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
min-width: 100%;
min-height: 100%;
padding:1px; 
}

/*アミかけ */
.ami-bg{background: url(images/main-cover.png);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:2;}
/* メインロゴ*/
#main-movie .main-title{
width:100%;
position: absolute;
top:52%;
left: 48.5%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
z-index:3;
}
#main-movie .main-title h1{width: 629px;margin: 0 auto;}
#main-movie .main-title .m-main img{width: 100%;height: auto;}
#main-movie .main-title .m-sub{text-align: right;}
#main-movie .main-title .m-sub img{width: 343px;height: auto;}

/*リードコピー*/
#main-movie .l-copy{
position: absolute;
bottom: 0;left: 0;z-index:10;width:660px !important;
text-align:left;font-size: 22px;line-height: 1.6;
padding: 0 0 80px 80px;display:block;color:#fff;letter-spacing:0.1px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
#main-movie .main-title h1{width: 500px;margin: 0 auto;}
.main-title .m-sub img{width:250px;height: auto;}
#main-movie .l-copy img{width: 200px;}
}
@media screen and (max-width:600px){
#main-movie .main-title h1{width: 80%;margin: 0 auto;}
#main-movie .l-copy{padding: 0 0 80px 30px;}
#main-movie .l-copy img{width: 130px;}
}
@media screen and (max-width:480px){
#main-movie .main-title{
top:48%;
left: 48.5%;
}
#main-movie .main-title .m-sub img{width:160px;height: auto;}
#main-movie video{height: 100vh;height: 100svh;}
}
/*--------------------------------------------------------------------------------*/


/*重要なお知らせ*/
.topics{position:relative;width:100%;text-align:center !important;margin-top:-35px;z-index:10;color:#fff;}
.topics a{color:#fff;}
.topics .box{width:800px;background-color:#62B8E0;display:inline-block;text-align:left !important;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.topics .box .l-box{display:inline-block;padding:15px 28px;
border-radius: 6px 0 0 6px;-webkit-border-radius: 6px 0 0 6px;-moz-border-radius: 6px 0 0 6px;background-color:#33AAE2;vertical-align: middle;}
.topics .box .r-box{display:inline-block;padding:15px 28px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;vertical-align: middle;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:800px){
.topics{margin-top:-32px;}
.topics .box{width:100%;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;font-size: 80%;line-height:1.3;}
.topics .box .l-box{display:inline-block;padding:10px 15px;}
.topics .box .r-box{display:inline-block;padding:10px 15px;width:75%;}
}
@media screen and (max-width:600px){
.topics{margin-top:-30px;}
.topics .box{font-size: 75%;}
.topics .box .l-box{padding:10px 10px;}
.topics .box .r-box{padding:10px 10px;width:70%;}
}
/*--------------------------------------------------------------------------------*/


/*リンク*/
#links{padding:120px 0;}
#links .box{margin-bottom: 60px;}
#links .box img{filter: drop-shadow(8px 8px 8px #CBEBF3);width:100% !important;}

/*スマホ・PC振り分け*/
#links .sp {display: none !important;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
}
@media screen and (max-width:900px){
}
@media screen and (max-width:768px){
#links{padding:60px 0;}
#links .box{margin-bottom: 20px;}
#links .box img{filter: drop-shadow(4px 4px 4px #CBEBF3);}
}
@media screen and (max-width:600px){
/*スマホ・PC振り分け*/
#links .pc{display: none !important;}
#links .sp {display: block !important;}
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/


/*学校案内*/
#guidance{padding:0 0 150px 0;}
#guidance h3 .en{margin:20px 0;}
#guidance .read{width:580px;margin:0 auto 80px auto;text-align:left;line-height:2.2;letter-spacing:0.1em;}
#guidance .movie{width:700px;margin:0 auto;}
#guidance .movie video{width:100%;}
#guidance .btn-box{margin-top:80px;}
#guidance .btn{letter-spacing:0.1em;font-size:92%;width:250px;margin:10px 30px;}
#guidance .btn a{display:block;padding:15px 20px 15px 20px;}

#guidance .orange-btn{ 
background-image: url(images/arrow.png), url(images/grd-btn-orange.png);
background-repeat: no-repeat,no-repeat;
background-size: 10px auto,cover;
background-position: right 20px center, center center;
background-color: transparent;
}

#guidance .blue-btn{ 
background-image: url(images/arrow.png);
background-repeat: no-repeat;
background-size: 10px auto;
background-position: right 20px center;
background-color: #33AAE2;
}

/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width:900px){
#guidance .read{width:100%;}
#guidance .movie{width:100%;}
}
@media screen and (max-width:768px){
#guidance{padding:0 0 60px 0;}
#guidance .read{margin:0 auto 30px auto;}
#guidance .btn{letter-spacing:0.1em;font-size:92%;width:250px;margin:7px 10px;}
#guidance .btn-box{margin-top:30px;}
}
@media screen and (max-width:600px){
#guidance h3 img{width:80%;}
}
@media screen and (max-width:480px){
#guidance h3 img{width:100%;}
#guidance .read{line-height:1.8;}
}
/*--------------------------------------------------------------------------------*/


/*数字でわかる！*/
#infographics{
  display: flex;
  margin: 0 auto;
filter: drop-shadow(0px 16px 16px #CBEBF3);
}

#infographics .l-box{
  position:relative;
  width: 458px;
  height:780px;
  background: linear-gradient(to bottom, #afc2ee, #f9c2eb);
    text-align: center;
  padding: 320px 20px 0 20px;
}
#infographics .en-title{position:absolute;top: 95px;left: 70px;}
#infographics h3{display:inline-block;font-weight:normal;letter-spacing: 0.1em;border-bottom: 4px solid #222;padding-bottom: 10px;line-height: 1.3;}
#infographics h3 br{display:none;}

.maru-line{display:inline-block;border:1px solid #222;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;width: 200px;height: 200px;margin:40px 0 20px 0 ;}
.ritsu{font-size: 110%;margin:40px 0 0 0 ;}
.percent{margin:20px 0 10px 0 ;font-size:380%;}
.percent span{font-size:50%;}
.yeard{font-size: 80%;}

#infographics .r-box{
  width: calc(100% - 458px);
  height: 780px;
  background-color: aqua;
}
#infographics .r-box img{width: 100%;height:780px;object-fit: cover;}

#infographics .btn{letter-spacing:0.1em;font-size:75%;width:180px;text-align:center;margin-top:5px !important;}
#infographics .btn a{display:block;padding:12px 20px 12px 20px;color:#222 !important;}
#infographics .white-btn{ 
background-image: url(images/bl-arrow.png);
background-repeat: no-repeat;
background-size: 10px auto;
background-position: right 20px center;
background-color: #fff;
}
#infographics .white-btn:hover{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

#infographics-btm{display:none;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:900px){
#infographics .l-box{width: 300px;}
#infographics .r-box{width: calc(100% - 300px);}
#infographics .en-title{position:absolute;top: 95px;left: 20px;}
#infographics h3 br{display:inline-block;}
}
@media screen and (max-width:768px){
#infographics{filter: drop-shadow(0px 6px 6px #CBEBF3);}
#infographics .l-box{width: 250px;}
#infographics .r-box{width: calc(100% - 250px);}
#infographics .en-title{position:absolute;top: 95px;left: 20px;}

}
@media screen and (max-width:600px){
#infographics{display: block;}
#infographics .en-title{position:static;margin-bottom:5px;width:250px !important;}
#infographics .l-box{width: 100% !important;display: block !important;height: 450px;
padding: 30px 20px 0 20px;}
.maru-line{display:inline-block;border:1px solid #222;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;width: 250px;height: 140px;margin:20px 0 0 0 ;}
.ritsu{font-size: 90%;margin:30px 0 0 0 ;}
.percent{margin:3px 0 0 0 ;font-size:320%;}
.percent span{font-size:50%;}
.yeard{font-size: 70%;}

#infographics h3 br{display:none;}
#infographics .r-box{width: 100% !important;display: block !important;height: auto;}
#infographics .r-box img{width: 100%;height:auto;object-fit: cover;}
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/


/*インタビュー*/
#interview{padding:160px 0 50px 0;}
#interview .read{width:580px;margin:0 auto 80px auto;text-align:left;line-height:2.2;letter-spacing:0.1em;}

#interview .inner{text-align:left;padding:0 30px 0 30px;letter-spacing:0.1em;}
#interview .inner .box{filter: drop-shadow(8px 8px 8px #CBEBF3);width: 385px;background: #fff;display: inline-block;vertical-align: top;margin:0 40px 60px 40px;}

#interview .inner .box img{width: 100%;}

#interview .inner .box .p-bg{position:relative;}
#interview .inner .box .p-bg .shozoku{position:absolute;bottom:0;left:0;font-size:80%;padding:10px 30px;background-color:#ddd;}
#interview .inner .box .txt-bg{text-align:center;padding:25px 20px 40px 20px;}
#interview .inner .box .subtitle{font-size:140%;margin-bottom:10px;line-height:1.2;letter-spacing:0;}
#interview .inner .box .comment{font-size:90%;margin-bottom:10px;text-align:left;line-height:1.6;margin-bottom:20px;}
.gaibu-cl{color:#F96464;}
.zaikou-cl{color:#33AAE2;}
.kyouin-cl{color:#33D5DF;}

.kata{font-size:70%;line-height:1.3;margin-bottom:10px;}
.names{font-size:110%;line-height:1.3;margin-bottom:10px;}

.zaikou{background:transparent url(images/grd-btn-blue.png) no-repeat center center;background-size:cover;}
.sotsugyou{background:transparent url(images/grd-btn-pink.png) no-repeat center center;background-size:cover;}
.gaibu{background:transparent url(images/grd-btn-orange.png) no-repeat center center;background-size:cover;}
.kyouin{background:transparent url(images/grd-btn-green.png) no-repeat center center;background-size:cover;}

#interview .btn{letter-spacing:0.1em;font-size:75%;min-width:180px;text-align:center;margin-top:5px !important;}
#interview .btn a{display:block;padding:12px 20px 12px 20px;color:#222 !important;}

#interview .orange-btn{ 
background-image: url(images/btn-line.png), url(images/grd-btn-orange.png);
background-repeat: no-repeat,no-repeat;
background-size: 18px auto,cover;
background-position: right center, center center;
background-color: transparent;
}
#interview .blue-btn{ 
background-image: url(images/btn-line.png), url(images/grd-btn-blue.png);
background-repeat: no-repeat,no-repeat;
background-size: 18px auto,cover;
background-position: right center, center center;
background-color: #33AAE2;
margin:0 18px 0 0;
}

#interview .green-btn{ 
background-image: url(images/btn-line.png), url(images/grd-btn-green.png);
background-repeat: no-repeat,no-repeat;
background-size: 18px auto,cover;
background-position: right center, center center;
background-color: #33AAE2;
margin:0 18px 0 0;
}

#interview .pink-btn{ 
background-image: url(images/btn-line.png), url(images/grd-btn-pink.png);
background-repeat: no-repeat,no-repeat;
background-size: 18px auto,cover;
background-position: right center, center center;
background-color: #33AAE2;
margin:0 18px 0 0;
}




/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1010px){
#interview .inner{padding:0;}
#interview .inner .box{width:47%;margin:0 1% 60px 1%;}
}
@media screen and (max-width:900px){
#interview .read{width:100%;margin:0 auto 40px auto;}
}
@media screen and (max-width:768px){
#interview{padding:100px 0 20px 0;}
#interview .inner .box{filter: drop-shadow(3px 3px 3px #CBEBF3);}
#interview .inner .box .p-bg .shozoku{position:absolute;bottom:0;left:0;font-size:60%;padding:8px 10px;background-color:#ddd;}
#interview .inner .box .txt-bg{text-align:center;padding:15px 10px 20px 10px;}
#interview .inner .box .subtitle{font-size:110%;}
#interview .inner .box .comment{font-size:70%;margin-bottom:10px;}
.kata{font-size:55%;line-height:1.3;margin-bottom:5px;}
.names{font-size:90%;line-height:1.3;margin-bottom:10px;}
}
@media screen and (max-width:600px){
#interview .btn{width:180px;}
#interview .inner .box .subtitle{font-size:105%;
text-align:left;}
}
@media screen and (max-width:480px){
#interview .read{line-height:1.8;margin:0 auto 20px auto;}
#interview .inner .box{margin:0 1% 35px 1%;}
}

@media screen and (max-width:440px){
#interview .btn{width:100%;min-width:100%;}
}
/*--------------------------------------------------------------------------------*/


/*SNS*/
#sns{text-align:center;}
#sns h3{padding:20px 20px 30px 20px;}
#sns .inner{background: linear-gradient(to right, #D0C6F5, #e4b9aa);padding:100px 60px 60px 60px !important;filter: drop-shadow(0px 16px 16px #CBEBF3);}
#sns .inner .sns-img{margin-bottom:30px !important;}
#sns .inner .sns-img img{width:20%;}
#sns .insta-txt{width:1000px;display: flex;justify-content: space-between;margin:0 auto 30px auto;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1300px){
#sns .insta-txt{width:768px;}
}
@media screen and (max-width:900px){
#sns .insta-txt{width:100%;}
}
@media screen and (max-width:768px){
#sns .inner{padding:60px 25px 40px 25px !important;filter: drop-shadow(0px 6px 6px #CBEBF3);}
}
@media screen and (max-width:600px){
#sns h3 img{width:280px;height:auto;}
#sns .inner{padding:40px 25px 30px 25px !important;}
#sns .inner .sns-img{margin-bottom:15px !important;}
#sns .insta-txt img{width:150px;height:auto;}
#sns .inner .prease img{width:260px;height:auto;}
}
@media screen and (max-width:480px){
#sns h3 img{width:230px;height:auto;}
}
/*--------------------------------------------------------------------------------*/


/*MY SHIKASEN*/
#myshikasen{padding:110px 0;}
#myshikasen .banner{display: inline-block; background-color:#2DCFDA;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;padding:0 80px;}
#myshikasen .banner a{display: block}

#myshikasen .banner:hover{
filter: alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
}
@media screen and (max-width:900px){
}
@media screen and (max-width:768px){
#myshikasen{padding:70px 0;}
#myshikasen .banner{border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;padding:0 15px;}
}
@media screen and (max-width:600px){
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/


/*NEWS EVENT*/
#news-event{background:#F7F9FA;padding:90px 0;}
#news-event .all-width{padding:0 40px;}
.title-box{display: flex;justify-content: space-between;border-bottom: 1px solid #E7E7E7;padding-bottom:15px;}
#news-event h3{font-size:130%;letter-spacing:0.1em;}
#news-event .more{font-size:75%;margin-top:10px;}
#news-event .news-box{display: inline-block;vertical-align: top;line-height:1.4;width:47%;text-align:left;margin-right:3%;}
#news-event .event-box{display: inline-block;vertical-align: top;line-height:1.4;width:47%;text-align:left;margin-left:3%;}
#news-event .box{display: inline-block;vertical-align: top;border-bottom: 1px solid #E7E7E7;padding:30px 0;font-size:80%;width:100%;}
#news-event .box .date{display: inline-block;vertical-align: top;font-size:90%;margin-right:24px;}
#news-event .box .category{display: inline-block;vertical-align: top;border:1px solid #222222;font-size:90%;padding:2px 8px;}
#news-event .box .title{margin-top:15px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
#news-event .all-width{padding:0;}
}

@media screen and (max-width:768px){
#news-event{padding:60px 0 70px 0;}
}

@media screen and (max-width:480px){
#news-event h3{font-size:150%;}
#news-event .more{font-size:90%;margin-top:10px;}
#news-event .news-box{display:block;width:100%;margin-right:0;}
#news-event .event-box{display:block;width:100%;margin:60px 0 0 0;}
}
/*--------------------------------------------------------------------------------*/


/*フッタ*/
footer{padding:120px 0 70px 0;}
footer .logo{}
footer .insta-logo{margin-left:36px;}
footer .l-box{display: inline-block;vertical-align: top;width:45%;padding-right:20px;text-align:left;}
footer .r-box{display: inline-block;vertical-align: top;width:55%;padding-left:25px;text-align:left;}
footer .add-tel{margin:30px 0 20px 0;line-height:1.8;letter-spacing:0.15em;}
footer .map{background:#eee !important;height:250px;}
footer .access{padding:10px 0;font-size:90%;}
footer .f-menu{margin:40px 0;}
footer .f-menu ul{display: inline-block;vertical-align: top;width:50%;padding-right:20px;}
footer .f-menu ul li{margin-bottom:36px;}
footer .btn{letter-spacing:0.1em;font-size:92%;min-width:250px;text-align:center;}
footer .btn a{display:block;padding:15px 25px 15px 20px;}

footer .orange-btn{ 
background-image: url(images/btn-line.png), url(images/grd-btn-orange.png);
background-repeat: no-repeat,no-repeat;
background-size: 18px auto,cover;
background-position: right center, center center;
background-color: transparent;
}

footer .blue-btn{ 
background-image: url(images/btn-line.png), url(images/grd-btn-blue.png);
background-repeat: no-repeat,no-repeat;
background-size: 18px auto,cover;
background-position: right center, center center;
background-color: #33AAE2;
margin:0 18px 0 0;
}
.map {
position: relative;
width: 100%;
padding-top: 56.25%;
height: 0;
}

.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.copy{background:#33AAE2;color:#fff;font-size:70%;text-align:center;padding:20px 10px;letter-spacing:0.1em;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
footer .btn{letter-spacing:0.1em;font-size:80%;min-width:auto;}
}

@media screen and (max-width:900px){
footer{padding:70px 0 50px 0;}
footer .insta-logo{display:block;margin:10px auto 0 auto;}
footer .l-box{font-size:90%;line-height:1.5;width:50%;}
footer .r-box{padding-left:5px;width:50%;}
footer .btn{min-width:250px;}
footer .blue-btn{margin:0 0 10px 0;}
footer .f-menu ul{display: inline-block;vertical-align: top;width:50%;padding-right:10px;}
footer .f-menu ul li{margin-bottom:26px;font-size:90%;}
}
@media screen and (max-width:700px){
footer{padding:70px 0 0 0;}
footer .l-box{width:100%;padding-right:0;text-align:center;}
footer .r-box{padding-left:0;width:100%;text-align:center;}
footer .add-tel{margin:10px 0 20px 0;}
footer .btn{margin:20px 10px 0 10px;}
footer .f-menu ul{text-align:left;}
footer .f-menu{width:80%;display:inline-block;}
}
@media screen and (max-width:600px){
footer .btn{min-width:auto;width:auto;}
}
@media screen and (max-width:480px){
footer .f-menu ul li{margin-bottom:18px;font-size:85%;}
footer .btn a{padding:12px 25px 12px 20px;}
}
@media screen and (max-width:430px){
footer .f-menu{width:100%;display:inline-block;}
footer .btn{min-width:250px;margin:0 !important;}
footer .blue-btn{margin:10px 0 !important;}
.copy{font-size:60%;}
}
/*--------------------------------------------------------------------------------*/