@charset "utf-8";

/* =Fonts
-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700;900&family=Oswald:wght@700&display=swap');


/* 共通部分
-------------------------------------------------------------- */

#container > .content-width.clearfix{overflow: hidden;}


.container {
max-width: 1200px;
padding-left: 15px;
padding-right: 15px;
}

.fig {
overflow: hidden;
position: relative;
}

.fig::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.fig:hover::before {
-webkit-animation: shine .60s;
animation: shine .60s;
}
@-webkit-keyframes shine {
100% { left: 125%; }
}
@keyframes shine {
100% { left: 125%; }
}




body{
margin: 0;
padding: 0;
}


.container h2 img{
max-width: 640px !important;
width: 100%;
margin: 0 auto;
display: table;
}


.container h3 {
font-size: 2.5em;
text-align: center;
}

.container p {
max-width: 900px;
margin: 0 auto;
}




/* ヘッダー
-------------------------------------------------------------- */

#header {
position: fixed;
top: 0;
padding: 15px 10px;
width: 100%;
transition: .5s;
z-index: 99999;
background-color: rgba(255,255,255,0);
}

#header.fixed{
position: fixed;
top: 0;
padding: 5px 10px;
background-color: rgba(255,255,255,.8);
}

#h-inner {
display: flex;
justify-content: space-between;
}

#site-logo{
width: 40%;
min-width: 270px;
}

.img-box:hover{opacity: 0.5;}

.menu_wide {display: flex;padding: 0;}
.menu_wide a {
color: #005bac;
padding: 10px 25px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
.menu_wide a:hover{opacity: 0.5;}


.menu_wide li:last-child img{display: none;}

#main_box{
position: relative;
margin-bottom: 4em;
overflow: hidden;
}

#main_bk {
width: 100%;
overflow: hidden;
}
#main_bk img {
object-fit: cover;
height: 100%;
width: 100%;
max-height: 750px;
min-height: 430px;
}

#main_bk_txt {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: space-evenly;
align-items: center;
}
#up_layer {
position: relative;
display: table;
margin: 0 10%;
}
#up_layer img:nth-of-type(1){
opacity: 0.6;
}

#up_layer img:nth-of-type(2){
position: absolute;
left: 0;
top: 60%;
}



/* フッター
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/

#footer{
display: block;
overflow: hidden;
background-color: #012040;
color:#fff;
}

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

.footer_carousel{
padding: 1em 0;
}



#ft_meta{
display: block;
overflow: hidden;
background-color: #034588;
}



.ft_meta_box {
margin: 0 auto;
padding: 3em 2em;
display: table;
text-align: center;
font-size: 1.3em;
line-height: 2em;
max-width: 700px;
}

.foot_logo {
display: table;
margin: 0 auto 0.7em;
padding: 0 1em;
}


.foot_add{
line-height: 2.5em;
}

.foot_call{
font-family: 'Oswald', sans-serif;
font-size: 2em;
font-weight: 600;
}
.foot_call span{
font-size: 0.5em;
}
.foot_call span:nth-of-type(2){
font-size: 1em;
display: inline-block;
padding: 0 0.2em;
}

#copyrights {
    text-align: center;
    padding: 1.5em 0 0.5em;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}



.ft_mgn{padding: 3em;} /* 底上げ用 */
 

 /* フッター　SNSアイコン */

#ft_meta .ft_snslist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 0 0;
    margin: 0;
}

#ft_meta .ft_snslist li img { max-height: 60px; }

#ft_meta .ft_snslist li a{display: table;}
#ft_meta .ft_snslist li a:hover  {
    animation:snsbounce 0.8s ease-out;
}
 
@keyframes snsbounce {
    0%    { transform:translate(0, 0); }
    16.6% { transform:translate(0, -20px); animation-timing-function:ease-in; }
    33.3% { transform:translate(0, 0); }
    49.8% { transform:translate(0, -14px); animation-timing-function:ease-in; }
    66.4% { transform:translate(0, 0); }
    83%   { transform:translate(0, -4px); animation-timing-function:ease-in; }
    100%  { transform:translate(0, 0); }
}



@media screen and (max-width: 380px) {
#ft_meta .ft_snslist li img { max-height: 50px; }
}



/* スライダー　「slick」
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/
.sliderArea {
	max-width: 100%;
	margin: 0 auto 4em;
	padding: 0 25px;
overflow: hidden;
}

footer .sliderArea {
	max-width: 100%;
	margin: 1em auto;
	padding: 0 25px;
overflow: hidden;
}



.sliderArea.w300 {
	max-width: 300px;
}
.slick-slide {
	margin: 0 5px;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.slick-prev, .slick-next {
	z-index: 1;
}
.slick-prev:before, .slick-next:before {
	color: #000;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .6;
}

footer .slick-slide {
	transition: all ease-in-out .3s;
	opacity: 1;
}

.slick-active {
	opacity: 1;
}
.slick-current {
	opacity: 1;
}
.thumb {
	margin: 20px 0 0;
}
.thumb .slick-slide {
	cursor: pointer;
}
.thumb .slick-slide:hover {
	opacity: .8;
}

/*====================================================================
メインイメージ直下
====================================================================*/

.full-screen .slick-list {
	overflow: visible;
}
.full-screen.slider {
	max-width: 460px;
	margin: 0 auto;
}



/*====================================================================
OB・OG
====================================================================*/

.obog_full-sc .slick-list {
	overflow: visible;
}
.obog_full-sc.slider {
	max-width: 700px;
	margin: 0 auto;
}


/*====================================================================
フッター 1列目
====================================================================*/

.footer01 .slick-list {
	overflow: visible;
}
.footer01.slider {
	max-width: 260px;
	margin: 0 auto;
}


/*====================================================================
フッター 2列目
====================================================================*/

.footer02 .slick-list {
	overflow: visible;
}
.footer02.slider {
	max-width: 280px;
	margin: 0 auto;
}






/*====================================================================
常駐バナー
====================================================================*/




.footer_nav {
background-color: #fff;
z-index: 1;
position: fixed;
bottom: 0;
width: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
opacity: 0;
animation-fill-mode: forwards;
animation-delay: 1s;
}


@keyframes fadeIn {
    0% {opacity: 0}
    50% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    50% {opacity: 0}
    100% {opacity: 1}
}


#pt_box {
opacity: 0;
animation: ptfadeIn 2s ease 0s 1 normal;
-webkit-animation: ptfadeIn 2s ease 0s 1 normal;
animation-fill-mode: forwards;
animation-delay: 1s;
}

@keyframes ptfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ptfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}





.ft_nav .slick-list {overflow: hidden;}
.ft_nav.slider {
max-width: calc(100vw / 3);
margin: 0 auto;
overflow: hidden;
}

.ft_nav .slick-vertical .slick-slide{ border: 0;}

.ft_nav .slick-slide {
border: 0 !important;
margin: 0;
}

.footer_nav > ul {
display: flex;
padding: 0;
margin: 0;
}

.footer_nav li > a {
color: #fff;
text-decoration: none;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
padding: 15px;
font-size: 30px;
letter-spacing: 2px;
}

.ft_nav01 {
color: #fff;
text-decoration: none;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
display: flex;
width: 100%;
align-items: center;
justify-content: space-evenly;
padding: 17px 0;
font-size: 27px;
letter-spacing: 2px;
line-height: 1.5em;
}

.ft_nav01 br{display: none;}


/*
.ft_nav01 {
color: #fff;
text-decoration: none;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
display: flex;
width: 100%;
align-items: center;
justify-content: space-evenly;
padding: 5px 0;
font-size: 27px;
letter-spacing: 2px;
line-height: 1.5em;
}
*/


.footer_nav li {
width: 100%;
display: flex;
align-items: stretch;
}


.footer_nav li:nth-of-type(1) a {
    background-color: #22be00;
    background-image: url(../renew-images/fix_foot01_bk01_2.png),url(../renew-images/fix_foot01_bk01.png);
    background-position: left bottom,center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.footer_nav li:nth-of-type(2) a{
    background-color: #f29600;
    background-image: url(../renew-images/fix_foot01_bk02_2.png),url(../renew-images/fix_foot01_bk02.png);
    background-position: left bottom,center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}


.footer_nav li:nth-of-type(3) a {
    background-color: #005bac;
    background-image: url(../renew-images/fix_foot01_bk03_2.png),url(../renew-images/fix_foot01_bk03.png);
    background-position: left bottom,center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}



/* スライダー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/




/* 大学と迷っている方・高校1・2年生必見!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/

.titles_001 {
display: table;
padding: 10px;
margin: 0 auto;
width: 90%;
}

.balloon1 {
position: relative;
display: inline-block;
margin: 0 0 1.5em;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
width: 100%;
color: #fff;
font-size: 16px;
/* background: #005bac; */
background: #15418b;
transform: skewX(-20deg);
}

.balloon1:before {
content: "";
position: absolute;
top: 100%;
left: 60%;
margin-left: -15px;
border: 7px solid transparent;
/* border-top: 20px solid #005bac; */
border-top: 20px solid #15418b;
transform: skewX(20deg);
}

.balloon1 p {
font-size: 1.6em;
margin: 0;
padding: 0;
transform: skewX(20deg);
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 700;
padding: 0 0.5em;
line-height: 1.2em;
text-align: center;
}




#cnt_box01{
display: flex;
max-width: 1000px;
margin: 0 auto 4em;
}

.bigbt001{
margin: 2px;
width: 50%;
}

.bigbt_incont h2 {
text-align: center;
font-size: 2em;
line-height: 1em;
}

.bigbt_incont {
color: #fff;
padding: 1.5em 2em 2.5em;
margin-top: -3em;
}

.bigbt001:nth-of-type(1) .bigbt_incont {
background: url(../renew-images/amikake01_008.png),url(../renew-images/bigbt_001_a.jpg?220422);
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
}

.bigbt001:nth-of-type(2) .bigbt_incont {
background: url(../renew-images/amikake01_008.png),url(../renew-images/bigbt_001_b.jpg?220422);
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
}

.bigbt_incont P{
margin-bottom: 2em;
}

.bigbt_incont a {
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
display: table;
margin: 0 auto 0;
width: 100%;
text-align: center;
color: #fff;
text-decoration: none;
padding: 0.7em;
font-size: 1.2em;
font-weight: bold;
background-image: url(../renew-images/btn_al.svg);
background-repeat: no-repeat;
background-position: right 0.9em;
}


#cnt_box01 .bigbt_incont a {
border-top: none;
border-bottom: none;
display: table;
margin: 0 auto 0;
width: 100%;
text-align: center;
color: #005cac;
text-decoration: none;
padding: 0.7em;
font-size: 1.2em;
font-weight: bold;
background-image: url(../renew-images/btn_al2.svg);
background-repeat: no-repeat;
background-position: 95% 0.9em;
background-color: #fff;
}









/* 大学と迷っている方・高校1・2年生必見!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/




/* 1分でわかるJSC
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/

.bnr_1minjsc {
width: 100%;
max-width: 930px;
margin: 0 auto;
padding: 0 15px 16px;
margin-bottom: 4em;
}

.bnr_1minjsc a {
width: 100%;
height: 136px;
background: url(../renew-images/bnr_1min_jsc.png),url(../renew-images/bnr_1min_jsc_bk.jpg);
background-size: cover,cover;
background-position: center,50% 60%;
display: block;
box-shadow: 0px 5px 16px -3px rgba(0,0,0,0.6);
}

.bnr_1minjsc img{
width: 100%;
height: 135px
}

/* 1分でわかるJSC
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/





/* ABOUT JSC
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/


.bk_about {
background-color: #e7f1fc;
background-image: url(../renew-images/about_bk002.svg),url(../renew-images/about_bk001.png);
background-size: 100% auto,100% auto;
background-position: center top;
background-repeat: no-repeat;
}

.bk_about .container{
padding-top: 1.5em;
}

.bk_about h2 {
    line-height: 1.2em;
    font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 900;
    text-align: center;
}
.bk_about h2 span {
    font-size: 0.6em;
}

.aboutlist {
margin: 0;
padding: 0;
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.aboutlist li{
display: flex;
padding-left: 5px;
padding-right: 5px;
color: #fff;
margin-bottom: 2em;
}

.aboutlist li:nth-of-type(1){padding-top: 0;}
.aboutlist li:nth-of-type(2){padding-top: 4em;}
.aboutlist li:nth-of-type(3){padding-top: 8em;}


.aboutlist li .ab_inbox {
margin-top: 1.7em;
padding: 0 1.3em 1.5em;
width: 100%;
}

.aboutlist li .ab_inbox .ab_no {
display: table;
margin: 0 auto;
margin-top: -1.7em;
}

.aboutlist li:nth-of-type(1) .ab_inbox{
background: url(../renew-images/amikake01_008.png),url(../renew-images/about_bk01.jpg);
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
}
.aboutlist li:nth-of-type(2) .ab_inbox{
background: url(../renew-images/amikake01_008.png),url(../renew-images/about_bk02.jpg);
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
}
.aboutlist li:nth-of-type(3) .ab_inbox{
background: url(../renew-images/amikake01_008.png),url(../renew-images/about_bk03.jpg);
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
}

.ab_inbox .fig{
margin-top: 1em;
}

.ab_inbox a {
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 0.7em;
display: block;
text-align: center;
background-image: url(../renew-images/btn_bk_wide.svg);
background-size: cover;
background-position: center right;
}

/* ABOUT JSC
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/




/* COURSE
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/

.bk_course {
background-color: #014588;
background-image: url(../renew-images/course_bk_top.svg);
background-size: 101% auto;
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
padding-top: 8em;
}




/* タブ関連 */
.tab-container {
width: 100%;
}
/*タブ(label)のスタイル*/
.tab-item {
width: 20%;
height: 50px;
line-height: 50px;
background-color: #e7f1fc;
text-align: center;
display: block;
float: left;
flex-wrap: nowrap;
color: #012955;
text-align: center;
transition: all 0.5s;
font-weight: bold;
transform: skewX(-20deg);
}

.tab-item:hover,
.tab-content li img:hover,
.ft_nav01:hover,
.pg_bnf a:hover{
cursor:pointer;
}


.tab-content img:hover,
.ft_nav01:hover,
#cnt_box01 .bigbt_incont a:hover,
.pg_bnf a:hover{
  opacity: 1;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}




.tab-item span{
display: inline-block;
transform: skewX(20deg);
font-size: 1.4em;
}

.tab-l{
margin-left: 29%;
margin-right: 3px;
}
.tab-r{
margin-left: 3%;
margin-right: 25%;
}


/* inputボタンは目には見えないところで働いてもらう */
input[name="tab-item"] {
display: none;
}

/* タブで切り替えたいコンテンツの部分。ここはお好みで */
.tab-content {
display: none;
padding: 1em 2em;
overflow: hidden;
clear: both;
text-align: center;
background-color: #012955;
}

/* 選択されているタブのコンテンツを表示させる */
#a:checked ~ #a-content,
#b:checked ~ #b-content {
  display: block;
}

/* 選択されていることがわかるように、選択されているタブはスタイルを変える */
.tab-container input:checked + .tab-item {
background-color: #012955;
color: #fff;
}

.tab-content ul {
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tab-content li{
width: 49%;
margin-bottom: 20px;
background-color: #fff;
}

.tab-content .listbt {
display: block;
margin: 2em auto 4em;
max-width: 470px;
width: 100%;
}

.listpg_btn{
max-width: 470px;
width: 100%;
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 0.7em;
display: block;
text-align: center;
background-image: url(../renew-images/btn_bk_wide.svg);
background-size: cover;
background-position: center right;
}

.tab-content li{
position: relative;
}

.course_inbox {
width: 100%;
padding: 1.5em 2em 2em;
background-color: #162838d9; /* アルファ値あり */
background-image: url(../renew-images/amikake01_008.png);
position: absolute;
z-index: 1;
display: none; /* 開閉のため一旦全て閉じる */
}

.course_inbox p {
color: #fff;
font-weight: bold;
font-size: 1.1em;
}

.course_inbox a {
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 0.7em;
display: block;
text-align: center;
background-size: cover;
background-position: center right;
font-size: 1.3em;
margin: 20px 0 0;
}

.course_inbox a.wcose{
text-align: left;
font-feature-settings: "palt";
}


.tab_lk01{background-image: url(../renew-images/tablink_01.jpg); }
.tab_lk02{background-image: url(../renew-images/tablink_02.jpg); }
.tab_lk03{background-image: url(../renew-images/tablink_03.jpg); }
.tab_lk04{background-image: url(../renew-images/tablink_04.jpg); }
.tab_lk05{background-image: url(../renew-images/tablink_05.jpg); }
.tab_lk06{background-image: url(../renew-images/tablink_06.jpg); }
.tab_lk07{background-image: url(../renew-images/tablink_07.jpg); }






/* COURSE
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/



/* サッカーを仕事にする方法
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/

.bnr_sec{
background-color: #034588;
overflow: hidden;
padding: 0 15px;
}

.bnr_works{
display: table;
margin: 4em auto;
}

/* サッカーを仕事にする方法
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/







/* OB・OG
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/

.bk_obog{
background-color: #012955;
background-image: url(../renew-images/jsc_obog_bk.svg);
background-size: 101% auto;
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
padding-top: 0.5em;
color: #fff;
}

.bk_obog h3 span{
font-size: 0.6em;
display: block;
}

.bk_obog .obogbt {
display: block;
margin: 2em auto 0em;
max-width: 470px;
width: 100%;
}

/* スライドの設定は上部にあります */


/* OB・OG
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/




/* 施設紹介
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/

.bnr02_sec{
background-color: #fff;
background-image: url(../renew-images/jsc_obog_end_bk.svg);
background-size: 101% auto;
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
padding-top: 11em;
color: #fff;
margin-bottom: 4em;
}

.bnr_facilities {
width: 100%;
max-width: 930px;
margin: 0 auto;
padding: 0 15px 16px;
margin-bottom: 4em;
}

.bnr_facilities a {
width: 100%;
height: 136px;
background: url(../renew-images/bnr_facilities.png),url(../renew-images/bnr_facilities_bk.jpg);
background-size: cover,cover;
background-position: center,50% 60%;
display: block;
box-shadow: 0px 5px 16px -3px rgba(0,0,0,0.6);
}

.bnr_facilities img{
width: 100%;
height: 135px
}


/* 施設紹介
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/





/* 大学・短大併修制度、学費サポート　など
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/

.bigbt002_wrap {
max-width: 1200px;
padding-left: 15px;
padding-right: 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}

.bigbt002 {
width: 50%;
padding: 1px;
overflow: hidden;
display: flex;
}


.bigbt002:nth-of-type(1) .bigbt_incont {
background: url(../renew-images/amikake01_008.png),url(../renew-images/sub_link_bk01.jpg);
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
background-position: center center;
}

.bigbt002:nth-of-type(2) .bigbt_incont {
background: url(../renew-images/amikake01_008.png),url(../renew-images/sub_link_bk02.jpg);
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
background-position: center center;
}


.bigbt002:nth-of-type(3) .bigbt_incont {
background: url(../renew-images/amikake01_008.png),url(../renew-images/sub_link_bk03.jpg);
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
background-position: center center;
}


.bigbt002:nth-of-type(4) .bigbt_incont {
background: url(../renew-images/amikake01_008.png),url(../renew-images/sub_link_bk04.jpg);
background-repeat: repeat,no-repeat;
background-size: auto auto,cover;
background-position: center center;
}

.bigbt002 .bigbt_incont {
color: #fff;
padding: 1.5em 2em 2.5em;
margin-top: 0;
width: 100%;
position: relative;
}

.bigbt002 .bigbt_incont P {
margin-bottom: 2em;
display: table;
margin-left: auto;
margin-right: auto;
}

/*
.bigbt002 .bigbt_incont a {
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
display: table;
margin: 0 auto 0;
width: 100%;
text-align: center;
color: #fff;
text-decoration: none;
padding: 0.7em;
font-size: 1.2em;
font-weight: bold;
background-image: url(../renew-images/btn_al.svg);
background-repeat: no-repeat;
background-position: right 0.9em;
}
*/

.bigbt002 a {
    text-decoration: none;
    width: 100%;
}

.bigbt002 .bigbt_incont .efct_fs {
    border-top: none;
    border-bottom: none;
    display: table;
    margin: 0;
    width: auto;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 0;
    font-size: 1.2em;
    font-weight: bold;
    background-image: none;
    position: absolute;
    bottom: 0;
    right: 0;
}


.bigbt002 a:hover .bigbt_incont .efct_fs{
  opacity: 1;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}




/* 大学・短大併修制度、学費サポート　など
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/







/* プロとの連携（202205）
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/

.b45{display: none;}


#coop001 h3 {
background-color: #ea5504;
color: #fff;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
font-size: 4.5rem;
text-align: center;
margin-bottom: 1em;
}
#coop001 h3 span {
font-size: 0.7em;
display: block;
}
#coop001 > p {
padding: 0 1.5em;
margin-bottom: 70px;
}

#coop001 .coopimg {
position: relative;
background-image: url(../renew-images/pro/pro_bkimg.jpg);
background-size: 100% auto;
background-position: bottom;
background-repeat: no-repeat;
padding: 0 2% 200px;
margin-bottom: 50px;
}

#coop001 .coopimg .pc-only{display: table;margin: 0 auto;}
#coop001 .coopimg .sp-only{display: none;}

@media screen and (max-width: 640px) {
#coop001 .coopimg .pc-only{display: none;}
#coop001 .coopimg .sp-only{display: table;}

}

#coop001 .coopimg p {
position: absolute;
bottom: 0px;
margin: 0;
right: 10px;
font-weight: bold;
font-size: 14px;
}



#coop002{
margin-bottom: 10em;
}

#coop002 h3 {
background-color: #ffffff00;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
font-size: 4.5rem;
text-align: center;
margin-bottom: 0em;
color: inherit;
}
#coop002 h3 span {
font-size: 0.7em;
display: block;
}



#coop002 .coac_staffs {
margin-bottom: 3em !important;
}


#coop002 h4 {
background-color: #ea5504;
color: #fff;
text-align: center;
font-size: 28px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
padding: 0.6em 0;
margin-bottom: 30px;
}

#coop002 .typejob{
margin-bottom: 6em;
padding: 0 15px !important;
}

#coop002 .typejob h4 {
    background-color: #ffffff;
    text-align: left;
    color: #000000;
    border-bottom: solid 3px #fff;
    line-height: 1.2em;
    border-image: linear-gradient(to right, #ff0000 20%, #f4f4f4 100%) 1/0 0 6px 0;
    border-image-slice: 1;
    margin-bottom: 0.5em;
    padding: 1.55em 0 0.3em 1.8em;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 1.7em;
}

#coop002 .typejob h4:nth-of-type(1){background-image: url(../renew-images/pro/list_il01.jpg);} 
#coop002 .typejob h4:nth-of-type(2){background-image: url(../renew-images/pro/list_il02.jpg);} 
#coop002 .typejob h4:nth-of-type(3){background-image: url(../renew-images/pro/list_il03.jpg);} 






#coop002 .typejob h4 span {
    letter-spacing: 0;
    font-weight: bold;
    text-stroke: 1px #000;
    -webkit-text-stroke: 0.2px #333;
    transform: skewX(-15deg);
    display: inline-block;
    padding-left: 0.3em;
}


#coop002 .typejob ul,
#coop003 .merits ul{
margin-bottom: 50px !important;
}
#coop002 .typejob li,
#coop003 .merits li {
    padding: 0.7em 0 0.7em 2.2em;
    background-image: url(../renew-images/pro/pf_lists.png);
    background-repeat: no-repeat;
    background-position: 5px 0.6em;
    background-size: auto 1.5em;
    line-height: 1.4em;
    font-feature-settings: "palt";
    letter-spacing: 0.8px;
    font-weight: bold;
}

#coop003 .merits li:nth-of-type(3){
     background-position: 5px 0.4em;
}


#coop002 .pf_commbox {
box-shadow: 4px 4px 15px 2px #b8b8b8;
border-radius: 15px;
padding: 15px;
margin-bottom: 50px;
margin-right: 20px;
margin-left: 20px;
background-image: url(../renew-images/pro/pf_commbox_bk.png);
background-repeat: no-repeat;
background-position: 101% 101%;
background-size: 91% 58%;
}

#coop002 .pf_commbox .pf_ms_comment{
    font-size: 1.8rem;
    font-feature-settings: "palt";
    letter-spacing: 1px;
}


#coop002 .pf_inbox {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 20px;
}

#coop002 .mess_side {
    padding-left: 1.5em;
/*
width: 24%;
text-align: center;
*/
}

#coop002 .ps_side {
/* width: 75%; */
}

.pfspset02 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1em;
}


#coop002 .mess_side img {
width: 80%;
margin: 0 auto 15px;
display: table;
}


#coop002 .inflex {
display: flex;
justify-content: space-between;
}


#coop002 .pf_ms_title {
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
font-size: 24px;
line-height: 1.2em;
margin: 0.3em 0;
border-left: solid 5px #ea5503;
padding-left: 0.3em;
margin-left: 15px;
}
#coop002 .pf_ms_gakka {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}
#coop002 .pf_ms_names {
    margin: 0 0.3em 0 1em;
    font-size: 16px;
}
#coop002 .pf_ms_prof {
margin: 0;
font-size: 16px;
}


#coop002 .pf_ms_comment {
margin-top: 10px;
margin-bottom: 0;
padding: 15px;
}

#coop002 .ps_inbox {
display: flex;
justify-content: space-between;
}

#coop003{
    margin-bottom: 1.5em;
}

#coop003 h3 {
    background-color: #ea5504;
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 900;
    padding: 0.6em 0;
    margin-bottom: 30px;
}

#coop003 .merits{
    margin-bottom: 1em !important;
padding: 0 15px !important;
}













/* プロとの連携
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/






/* お知らせ・ブログ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/

.info_box{
margin-bottom: 5em;
}

.info_box h2{
text-align: center;
margin-bottom: 1.5em;
line-height: 1.2em;
}

.infolink a {
background-image: url(../renew-images/bloginfo_allw.svg);
background-repeat: no-repeat;
background-position: right 50%;
display: table;
padding-right: 50px;
background-size: 30%;
float: right;
margin: 1em 0;
text-decoration: none;
font-weight: bold;
color: #005cac;
}


/* ブログ部分
-------------------------------------------------------------- */
#information article:not(:last-of-type) {
	padding-bottom: 1.8rem;
	border-bottom: 1px dashed #c2c2c2;
}
#information article:not(:first-child) {
	padding-top: 1.8rem;
}
#information .sec-title {
	padding-right: 0;
}

/* =common - entry
-------------------------------------------------------------- */

.info_box article h2{
    text-align: left;
}

.content_container article:nth-of-type(1){
    border-top: 1px dashed #c2c2c2;
    padding-top: 0.5em;
}

.content_container article:nth-of-type(4){
    border-bottom: 1px dashed #c2c2c2;
    padding-bottom: 0.5em;
}


article a{
padding: 0.5em;
color:#000;
text-decoration: none;
display: block;
overflow: hidden;
background-color: #fff;
margin: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}


article a:hover{
background-color: #e9e9e9;
}



.entry_list {
	padding-right: 3.0rem;
	background: url('images/icon_arrow-r_lbl.png') no-repeat right bottom 4px;
	color: #085aaa;
	font-size: 1.4rem;
	vertical-align: bottom !important;
}
.entry_thumb {
    width: 8.5em;
    float: left;
}
.entry_thumb img {
	width: 120px;
	height: 120px;
 object-fit: cover;
}


@media screen and (max-width: 640px) {
	.entry_thumb img {
		width: 100px;
		height: 100px;
	}
.entry_thumb {
    width: 100px;
    float: left;
}
.entry_content {
    margin-left: 110px !important;
}
}

@media screen and (max-width: 380px) {
	.entry_thumb img {
		width: 80px;
		height: 80px;
	}
.entry_thumb {
    width: 80px;
    float: left;
}
.entry_content {
    margin-left: 90px !important;
}
}



.entry{
    margin: 1em auto;
    max-width: 800px;
}

.entry article:not(:first-child) {
    padding-top: 0.5em;
}

.entry article:not(:last-of-type) {
    padding-bottom: 0.5em;
    border-bottom: 1px dashed #c2c2c2;
}



.entry_container {
	padding-bottom: 1.7rem;
	border-bottom: 1px dashed #c2c2c2;
}
.entry_container:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.entry_content {
margin-left: 145px;
}
.entry_meta {
	margin-bottom: 8px;
}
.entry_meta .cat,
.entry_meta .date {
	display: inline-block;
	vertical-align: middle;
}
.entry_meta .cat {
padding: 3px 15px;
background: #ff0249;
color: #fff;
font-size: 1em;
font-weight: bold;
border-radius: 2em;
line-height: 1em;
}
.entry_meta .date {
	margin-left: .5rem;
	font-size: 1em;
    font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 900;
color:#b9b9b9;
}
.entry_title {
font-size: 1.1em;
font-weight: bold;
margin: 0 0.3em;
}
.entry_inner .btn {
	margin-top: 7.8%;
}


@media screen and (max-width: 640px) {
	.entry_list {
		display: none !important;
	}
}


/* お知らせ・ブログ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
*/



.bk_sns{
background-color: #e7f1fc;
background-image: url(../renew-images/about_bk002.svg);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
padding-top: 2em;
}

.bk_sns h2{
text-align: center;
margin-bottom: 1.5em;
line-height: 1.2em;
}

.snslist {
display: flex;
margin: 0 auto 1.5em;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
max-width: 790px;
background-image: url(../renew-images/sns_back.png);
background-repeat: no-repeat;
background-position: center center;
}

.snslist li {
display: table;
width: 50%;
padding: 30px 10px;
max-width: 600px;
}

.snslist li a{
display: table;
background-position: top left;
background-size: 24% auto;
background-repeat: no-repeat;
}

.snslist li:nth-of-type(1) a{background-image: url(../renew-images/sns_line.png);}
.snslist li:nth-of-type(2) a{background-image: url(../renew-images/sns_twitter.png);}
.snslist li:nth-of-type(3) a{background-image: url(../renew-images/sns_instagram.png);}
.snslist li:nth-of-type(4) a{background-image: url(../renew-images/sns_youtube.png);}




.snslist2 {
display: flex;
margin: 0 auto 1.5em;
margin: -1.5em auto 1.5em;
flex-wrap: wrap;
justify-content: space-between;
justify-content: center;
padding: 0;
max-width: 790px;
background-image: url(../renew-images/sns_back.png);
background-repeat: no-repeat;
background-position: top center;
}

.snslist2 li {
display: table;
width: 50%;
padding: 30px 10px;
max-width: 600px;
}

.snslist2 li a{
display: table;
background-position: top left;
background-size: 24% auto;
background-repeat: no-repeat;
}

.snslist2 li:nth-of-type(1) a{background-image: url(../renew-images/sns_tiktok.png);}








.bk_sns .snsbt {
    display: block;
    margin: 2em auto 5em;
    max-width: 470px;
    width: 100%;
}



.sns_btn {
    max-width: 470px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 0.7em;
    display: block;
    text-align: center;
    background-image: url(../renew-images/btn_bk_wide.svg);
    background-size: cover;
    background-position: center right;
}


.snslist li a:hover,
.snslist2 li a:hover  {
    animation:bounce 0.8s ease-out;
}
 
@keyframes bounce {
    0%    { transform:translate(0, 0); }
    16.6% { transform:translate(0, -20px); animation-timing-function:ease-in; }
    33.3% { transform:translate(0, 0); }
    49.8% { transform:translate(0, -14px); animation-timing-function:ease-in; }
    66.4% { transform:translate(0, 0); }
    83%   { transform:translate(0, -4px); animation-timing-function:ease-in; }
    100%  { transform:translate(0, 0); }
}



















/* 950px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

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

	.menu_wide a { padding: 10px 10px;}
.bk_about .container {padding-top: 0;}
.bk_sns { padding-top: 0;}

.info_box .container{padding: 0 15px;}

	#coop002 > h4 .b45:nth-of-type(2){display: block;}
}


/* 869px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 869px) {
	.footer_nav li > a { font-size: 20px; }
	.ft_nav01 {font-size: 21px; font-feature-settings: "palt"; }

}


/* 800px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 800px) {
	.footer_nav li > a { font-size: 20px; }
	.ft_nav01 {font-size: 21px; font-feature-settings: "palt"; }

}





/* 800px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 800px) {

.titles_001 { width: 90%;}
.bigbt_incont { padding: 1.5em 0.5em 1.5em; }
.balloon1 p { font-size: 3.6vw; padding: 0;}
.bigbt_incont h2 { font-size: 4.5vw; }
.bigbt_incont a { font-size: 1em; }
	.bigbt002 .bigbt_incont {padding: 1.5em 1.4em 2.5em;}
	.foot_add{font-size: 2.9vw;}
.foot_call {font-size: 5.7vw;}

.ft_mgn {padding: 2.5em;}


}




/* 767
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 767px){
#coop003 p { margin: 2% 1.4% 3%; }
}





/* 740px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 740px) {

.aboutlist {display: block; padding: 0 15px;}

.aboutlist li:nth-of-type(1),
.aboutlist li:nth-of-type(2),
.aboutlist li:nth-of-type(3){padding-top: 0;}

.tab-item span { font-size: 1.2em; }
.tab-content ul {display: block;}
.tab-content li { width: 100%; }
.course_inbox { position: unset; }

.bigbt_incont { height: 48vw; }

}






/* 699px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 699px) {

.menu_wide li:nth-of-type(1),
.menu_wide li:nth-of-type(2),
.menu_wide li:nth-of-type(3),
.menu_wide li:nth-of-type(4)
 { display: none;}

.menu_wide {margin: 0;}
.menu_wide li:nth-of-type(5) a{display: block;overflow: hidden;}
.menu_wide li:nth-of-type(5) span { display: none;}
.menu_wide li:nth-of-type(5) img { display: block;}
.bigbt_incont a,.bigbt002 .bigbt_incont a { background-size: 20%; }


}




/* 640px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 640px) {
#site-logo { width: 30%; min-width: 200px;}
.container h3 { font-size: 6vw; }
.tab-item { width: 35%; }
.tab-l {
margin-left: 14%;
margin-right: 3px;
}
.tab-r {
margin-left: 3%;
margin-right: 10%;
}
.bigbt002 .bigbt_incont {padding: 1.5em 1em 2em;}

.course_inbox { padding: 1.5em 1em 2em;}
.course_inbox p {font-size: 1em !important;}
.course_inbox a { font-size: 1.15em;}

#coop002 .pf_inbox { flex-wrap: wrap; }
/*
#coop002 .mess_side{
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
margin-bottom: 15px;
}
*/
#coop002 .ps_side {width: 100%;}
#coop002 .mess_side img {
max-width: 120px;
margin: 0;
width: 25vw;
}
#coop002 .ps_side {margin: 0;}
#coop001 .coopimg { padding: 0 2% 20vw;}
#coop001,#coop002,#coop003{
padding: 0 1%;
}
#coop003 p{margin: 0 15px 15px;}

#coop002 .typejob li,
#coop003 .merits li {
font-size: 16px;
	}
#coop002 .pf_commbox .pf_ms_comment {
    font-size: 16px;
}


}




/* 600px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 600px) {
.footer_nav li > a {
padding: 5px 5px;
font-size: 3.8vw;
letter-spacing: 0px;
padding: 5px;
}

.ft_nav01 {
    font-size: 3.8vw;
    letter-spacing: 0;
    line-height: 1.2em;
    padding: 22px 0;
} /* 文字間は日程表示時不要 */



	.efct_fs img{width: 20vw;}

#coop002 .pf_ms_gakka{width: 100%;}
#coop002 .pf_ms_names { margin: 0 0.3em 0 0;}

}







/* 540px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 540px) {
.balloon1 p { font-size: 4vw; padding: 0;}
.bigbt_incont p{font-size: 3vw; margin-left: 0.5em; margin-right: 0.5em}
.container p { font-size: 3vw; }
.bigbt_incont a,.bigbt002 .bigbt_incont a {font-size: 0.8em;}
.titles_001 {width: 97%;}
.bnr02_sec { padding-top: 5em; }

.bk_sns .snsbt,.bk_obog .obogbt {max-width: 300px;}
.bigbt002 .bigbt_incont P { margin: 0 0.5em 2em;}


}









/* 450px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 450px) {
	.container{padding: 0;}
	.bk_about .mg_b40 {margin-bottom: 20px !important;}
.bnr_1minjsc a,.bnr_facilities a {height: 30vw;}
.sliderArea { margin: 0 auto 2em;}
.bk_obog .obogbt { margin: 2em auto 2em;}
.entry_title { font-size: 1em; }
.entry_meta .cat { font-size: 0.7em; }
.entry_meta .date {font-size: 0.8em;}

.bk_obog{padding-top: 0;}
.bk_obog h2{margin-top: 0;}
.bk_course { padding-top: 3em; }
.tab-content { padding: 1em 1.5em; }

.bnr_facilities {margin-bottom: 2.5em;}
.bigbt002_wrap { padding-left: 0; padding-right: 0;}
.bigbt002 .bigbt_incont { padding: 1.5em 0.5em 1em;}
.snslist {padding: 0 15px; }
.snslist li {padding: 20px 0px;}

.foot_call { font-size: 1.2em; }
.ft_meta_box { padding: 2.5em 0.5em; }
.foot_add { font-size: 0.6em; font-weight: bold;}

.footer_nav li > a {
    font-size: 4.3vw;
    padding: 5px;
    letter-spacing: -0.5px;
}

.ft_nav01 {
    font-size: 4.3vw;
    letter-spacing: 0;
    line-height: 1.2em;
    padding: 22px 0;
}

.ft_nav01 br{display: block;}
.ft_nav01.opc {
    padding: 15px 0;
    line-height: 1em;
}
.b45{display: block !important;}
	#coop002 .typejob h4 span {font-size: 24px;}



}







/* 400px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 400px) {

#site-logo {
width: 40%;
min-width: 210px;
}
.tab-item span {font-size: 1em;}
.tab-content {padding: 0.5em 1em; }


.footer_nav li > a {
font-size: 4.3vw;
padding: 5px 0;
}


.ft_nav01 { font-size: 4.3vw; }
.ft_nav01.opc {
padding: 15px 0;
line-height: 1em;
}
.ft_mgn {padding: 2em;}

.aboutlist li .ab_inbox { padding: 0 1em 1.5em;}

}


/* 323px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 323px) {

.foot_call {font-size: 1em;}

}


/* 323px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 323px) {

.ft_nav01.opc {
    padding: 17px 0;
    line-height: 1em;
}



}