@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
a{color:#003656;}
a:hover{color:#003656;opacity:0.7;}
main#main.main{padding:0;border:none;margin-top: 0;}
div#content.content.cf{margin-top:0;}
body:not(.home) .header-container{height:230px;}
.header-container{height:0;}
body{font-family :YuMincho, 'Yu Mincho',serif;}
div#content-in.content-in.wrap{width:100%;}
.logo-image{z-index:1;}
.top{position:relative;width:100%;height:100vh!important;background:url(https://soar-hospitality.com/wp-content/uploads/2023/02/top-img.png);background-size:cover;background-repeat:no-repeat;background-position:center;}
.catch{padding:50px 0;background:rgb(141,173,235,0.7);text-align:center;width:100%;position:absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#fff;}
#blog{padding:200px 0;}
.inner{width:80%;margin:auto;}
.blog-box{width:50%;}
ul.ul-blog{width:70%;margin:auto;}
ul.ul-blog li{list-style:none;padding-left:0;margin:20px 0;}
.catn{font-size:90%;color:#fff;background:#003656;padding:3px 10px;border-radius:20px;}
.blog-list{width:100%;}
.t-list{display:flex;flex-direction:row;justify-content:space-between;border-bottom:solid 1px;margin-bottom:10px;}
.list-img{margin-right:30px;width:30%;}
.new{display:block;width:70%;}
.new a{color:#003656;display:block;}
#about{padding:200px 0;position:relative;z-index:-1;}
#feature{padding:200px 0;position:relative;z-index:-1;background:url(https://soar-hospitality.com/wp-content/uploads/2023/03/feature-bg2.jpg);background-repeat:no-repeat;background-size:cover;height:700px;}
.feature-txt{display:flex;flex-direction:row;justify-content:space-between;width:500px;}
.feature-txt1{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;right:100px;top:-70px;background:#8DADEB;color:#fff;padding:40px 0;position:absolute;font-size:180%;}
.feature-txt2{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;right:180px;top:-40px;background:#8DADEB;color:#fff;padding:40px 0;position:absolute;font-size:180%;}
.feature-txt3{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;right:260px;top:-10px;background:#8DADEB;color:#fff;padding:40px 0;position:absolute;font-size:180%;}
#feature2{padding:200px 0;position:relative;z-index:-1;background:url(https://soar-hospitality.com/wp-content/uploads/2023/03/feature-bg.jpg);background-repeat:no-repeat;background-size:cover;height:700px;}
.feature-txt{display:flex;flex-direction:row;justify-content:space-between;width:500px;}
.feature-txt4{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;left:100px;bottom:-70px;background:#8DADEB;color:#fff;padding:40px 0;position:absolute;font-size:180%;}
.feature-txt5{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;left:180px;bottom:-40px;background:#8DADEB;color:#fff;padding:40px 0;position:absolute;font-size:180%;}
.feature-txt6{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;left:260px;bottom:-10px;background:#8DADEB;color:#fff;padding:40px 0;position:absolute;font-size:180%;}
#service{padding:200px 0;position:relative;z-index:-1;}
.p-service{margin-bottom:20px;}
.top-ctt{display:flex;flex-direction:row;justify-content:space-between;margin:50px 0;align-items:center;}
.top-ctt2{display:flex;flex-direction:row;justify-content:space-between;margin:50px 0;align-items:center;}
.top-img1{width:40%;}
.top-text{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.top-msg{width:40%;}

#online{padding:300px 0;position:relative;z-index:-1;}
.online-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.online-img{width:45%;}
.online-msg{width:45%;}
#voice{padding:200px 0;position:relative;z-index:-1;background:rgb(141,173,235,0.2);}
.voice-about{display:flex;flex-direction:row;justify-content:space-between;padding:50px 0;}
.voice-msg{width:70%;}
.voice-box{display:flex;flex-direction:row;justify-content:space-between;margin:auto; width:100%;gap: 40px;}
.voice-ctt:first-child{top:-40px;position:relative;}
.voice-ctt img{aspect-ratio: 4 / 3;object-fit: cover;width: 100%;}
.voice-ctt:last-child{top:40px;position:relative;}
#contact{padding:200px 0;position:relative;z-index:-1;background:url(https://soar-hospitality.com/wp-content/uploads/2023/03/contact-bg.jpg);background-size:cover;background-position:center bottom;background-repeat:no-repeat;}
.message{width:80%;margin:auto;margin-top:50px;margin-bottom:50px;}

/*下層ページ*/
.contact-header{position:relative;background:url(https://soar-hospitality.com/wp-content/uploads/2023/03/contact-header.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:600px;}
.under-inner{width:80%;margin:auto;margin-bottom:100px;}
.under-message{margin:30px 0;}
table td,table th {background:none;border-left:none;border-right:none;border-top:none;border-bottom:solid 1px #003656;vertical-align: unset;}
table tr:nth-of-type(2n+1) {background:none;}
.blog-header{position:relative;background:url(https://soar-hospitality.com/wp-content/uploads/2023/02/blog-header.png);background-size:cover;background-repeat:no-repeat;background-position:center;height:600px;}
.review-header{position:relative;background:url(https://soar-hospitality.com/wp-content/uploads/2023/02/review-header.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:600px;}
.list-inner{padding:0 10px;text-align:left;}
.new-list{display:flex;flex-direction:row;justify-content:space-between;flex-wrap: wrap;margin-bottom:50px;}
.new-list-box{width:30%;margin:20px 0;}
.new-list:after {content: "";display: block;width: 30%;height: 0;}
.new-list-box a{text-decoration:none;display:inline-block;color:#666;}
.new-list-box a :hover{opacity:0.7;}
.pagination{margin:40px 0;display:block!important;}
.pagination-next {display:none;}
.pnavi{display:flex;flex-direction:row;justify-content:center;margin-bottom:80px;}
.nav-links{display:flex;}
.pagination .page-numbers{display:inline-block;color:#000;border:solid 1px;border-radius:0;background:#fff;margin:0;}
.pagination .current{color:#fff;background:#5a5a5a;border:solid 1px #000;border-radius:0;}
.pagination .next.page-numbers{width:80px;}
.pagination .prev.page-numbers{width:80px;}
.pagination a:hover{background:transparent;}
.online-header{position:relative;background:url(https://soar-hospitality.com/wp-content/uploads/2023/02/online-header.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:600px;}
.service-header{position:relative;background:url(https://soar-hospitality.com/wp-content/uploads/2023/02/service-header.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:600px;}
.about-header{position:relative;background:url(https://soar-hospitality.com/wp-content/uploads/2023/03/about-header.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:600px;}

.under-ctt{display:flex;flex-direction:row;justify-content:space-between;margin:100px 0;align-items:center;}
.under-ctt2{display:flex;flex-direction:row;justify-content:space-between;margin:50px 0;align-items:center;}
.under-text{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.under-msg{width:45%;}
.under-img1{width:45%;text-align:center;}
.under-msg2{width:60%;}
.under-img2{width:35%;}

ul.ul-top {line-height: 1.8;list-style-type: none;}
li.li-top {position: relative;padding-left: 25px;}
li.li-top:before {content: "";position: absolute;width: 3px;height: 7px;top: .7em;left: 6px;-webkit-transform: rotate(50deg);-ms-transform: rotate(50deg);transform: rotate(50deg);border-right: 2px solid ;border-bottom: 2px solid ;}
li.li-top:after {content: "";position: absolute;top: .5em;left: 0;width: 15px;height: 15px;border: 1px solid;border-radius: 2px;}

ul {padding: 0;}
ul.flow li {list-style-type: none;}
dd {margin-left: 0;font-size:80%;}
.flow {padding-left: 120px;position: relative;}
.flow::before {content: "";width: 15px;height: 100%;background: #003656;margin-left: -8px;display: block;position: absolute;top: 0;left: 120px;}
.flow > li {position: relative;}
.flow > li:not(:last-child) {margin-bottom: 3vh;}
.flow > li .icon {font-size: 12px;color: #fff;background:#8DADEB;padding: 8px 20px;display: block;position: absolute;top: 0;left: -120px;z-index: 100;}
.flow > li .icon::after {content: "";border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #8DADEB;position: absolute;top: 50%;left: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.flow > li dl {padding-left: 70px;position: relative;}
.flow > li dl::before,.flow > li dl::after {content: "";display: block;position: absolute;top: 15px;}
.flow > li dl::before {width: 7px;height: 7px;margin-top: -3px;background: #8DADEB;border-radius: 50%;left: -4px;}
.flow > li dl::after {width: 50px;border-bottom: 1px dashed #003656;position: absolute;left: 5px;}
.flow > li dl dt {font-size: 90%;color:#8DADEB;}

.single .content-in{justify-content:space-around;}



/*見出し*/
.h2-blog{font-weight:normal;display:block;font-family :'Marcellus';position:relative;padding-left:24px;font-size:14px;margin-bottom:30px;}
.h2-blog::before{content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background:#3194BD;}
.h2-about{font-weight:normal;display:block;font-family :'Marcellus';position:relative;padding-left:24px;font-size:14px;margin-bottom:30px;}
.h2-about::before{content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #771E6C;}
.h2-service{font-weight:normal;display:block;font-family :'Marcellus';position:relative;padding-left:24px;font-size:14px;margin-bottom:30px;}
.h2-service::before{content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #ddd43c;}
.h2-online{font-weight:normal;display:block;font-family :'Marcellus';position:relative;padding-left:24px;font-size:14px;margin-bottom:30px;}
.h2-online::before{content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #89AF47;}
.h2-review{font-weight:normal;display:block;font-family :'Marcellus';position:relative;padding-left:24px;font-size:14px;margin-bottom:30px;}
.h2-review::before{content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #D58824;}
.h2-contact{font-weight:normal;display:block;font-family :'Marcellus';position:relative;padding-left:24px;font-size:14px;margin-bottom:30px;text-align:center;}
.h2-contact::before{content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #185E96;}
.h3-top{margin-bottom:20px;}
.h1-contact{text-align:center;position: relative;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);font-weight:normal;display:block;font-family :'Marcellus';padding-left:24px;font-size:14px;}
.h1-contact::before{content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #185E96;}
.h1-contact::after{content:"お問い合わせ";display:block;font-family :YuMincho, 'Yu Mincho',serif;font-size:200%;font-weight:bold;}
.h1-review{text-align:center;position: relative;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);font-weight:normal;display:block;font-family :'Marcellus';padding-left:24px;font-size:14px;}
.h1-review::before{content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #D58824;}
.h1-review::after{content:"お客様の声";display:block;font-family :YuMincho, 'Yu Mincho',serif;font-size:200%;font-weight:bold;}
.h1-blog{text-align:center;position: relative;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);font-weight:normal;display:block;font-family :'Marcellus';padding-left:24px;font-size:14px;}
.h1-blog::before{content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #3194BD;}
.h1-blog::after{content:"ブログ";display:block;font-family :YuMincho, 'Yu Mincho',serif;font-size:200%;font-weight:bold;}
.h2-under{margin:50px 0 30px 0;}
.h1-about{color:#fff;text-align:center;position: relative;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);font-weight:normal;display:block;font-family :'Marcellus';padding-left:24px;font-size:14px;}
.h1-about::before{color:#fff;content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #771E6C;}
.h1-about::after{color:#fff;content:"川端有美について";display:block;font-family :YuMincho, 'Yu Mincho',serif;font-size:200%;font-weight:bold;}
.h1-online{text-align:center;position: relative;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);font-weight:normal;display:block;font-family :'Marcellus';padding-left:24px;font-size:14px;}
.h1-online::before{content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #89AF47;}
.h1-online::after{content:"オンライン研修";display:block;font-family :YuMincho, 'Yu Mincho',serif;font-size:200%;font-weight:bold;}
.h1-service{color:#fff;text-align:center;position: relative;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);font-weight:normal;display:block;font-family :'Marcellus';padding-left:24px;font-size:14px;}
.h1-service::before{color:#fff;content:"";position:relative;left: -20px;display: inline-block;width: 8px; height: 8px;border-radius: 100%;background: #ddd43c;}
.h1-service::after{color:#fff;content:"サービス内容";display:block;font-family :YuMincho, 'Yu Mincho',serif;font-size:200%;font-weight:bold;}
.h2-under{margin:50px 0 30px 0;}
.h2-service-u{border-bottom:dotted 1px #003656;margin-bottom:30px;font-size:120%;}
.kenshu.h2-service-u{margin-bottom:10px;}
.h2-service-u br{display:none;}
.h2-about-u{border-bottom:dotted 1px #003656;margin-bottom:30px;font-size:120%;}
.single h2{border-bottom: dotted 1px #003656;margin-bottom: 30px;font-size: 120%;background:transparent;padding:10px 0;}
.sidebar h3{border-bottom: dotted 1px #003656;margin-bottom: 30px;font-size: 120%;background:transparent;padding:10px 0;}

/*ボタン*/
.btnarrow{margin-top:40px;font-family :'Marcellus';position: relative; display: inline-block;padding-right:20px;color:#003656;text-decoration: none;outline: none;}
.btnarrow::before{content: ''; position: absolute; bottom:-8px;left:15%; width: 85%; height: 1px;background:#003656; transition: all .3s;}
.btnarrow::after{ content: ''; position: absolute;bottom:-4px;right:0; width: 15px; height:1px;background:#003656; transform: rotate(35deg);transition: all .3s;}
.btnarrow:hover::before{left:20%;}
.btnarrow:hover::after{right:-5%;}
.button-box{text-align:center;}
.button-box-b{text-align:right;}
.button-box-v{text-align:right;width:30%;}
.btn-contact{font-family :'Marcellus';padding:10px 20px;color:#003656;border:solid 1px#003656;border-radius:40px;text-decoration:none;}
.btn-contact:hover{color:#fff;background:#003656;}
input[type='submit'] { -webkit-appearance: none;border: none;background-color: transparent;}
.button-contact {font-family :'Marcellus';color:#003656;border:solid 1px #003656;border-radius:40px;text-decoration:none;}
.button-contact  :hover{color:#fff;background:#003656;border-radius:40px;}
.wpcf7-spinner {display:none;}
.button-box-c{text-align:center;width:200px;margin:auto;margin-top:50px;}


/*scrolldown*/
.scrolldown2{position:absolute;bottom:10px;left:50%;}
.scrolldown2 span{position: absolute;left:10px;bottom:10px;color: #8DADEB;font-size: 0.7rem;letter-spacing: 0.05em;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.scrolldown2:before {content: "";position: absolute;bottom:0;left:-4px;width:10px;height:10px;border-radius: 50%;background:#8DADEB;animation:circlemove 1.6s ease-in-out infinite,cirlemovehide 1.6s ease-out infinite;}
@keyframes circlemove{0%{bottom:45px;}100%{bottom:-5px;}}
@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1;}80%{opacity:0.9;}100%{opacity:0;}}
.scrolldown2:after{content:"";position: absolute;bottom:0;left:0;width:2px;height: 50px;background:#8DADEB;}

/*メニュー*/
.m-nav{display:none;}
ul{padding-left:0;}
.header-nav{width:100%;z-index:1;top:150px;margin:auto;position:absolute;}
.header-nav ul {display:flex;flex-direction:row;justify-content:space-around;}
.header-nav ul li{list-style:none;}
.header-nav ul li a{text-decoration:none;color:#8DADEB;font-family :'Marcellus';transition:.3s;display: inline-block;position:relative;}
.header-nav ul li a::after{position: absolute;content: '';width: 0;height: 2px;background-color:#8DADEB;transition: .3s;}
.header-nav ul li a::after {bottom: 0px;right: 0;}
.header-nav ul li a:hover::after {width: 100%;}

.footer-nav{position:relative;width:80%;margin:auto;margin-top:50px;}
.footer-nav ul{display:flex;flex-direction:row;justify-content:space-between;}
.footer-nav ul li{list-style:none;}
.footer-nav ul li a{color:#fff;text-decoration:none;position:relative;}

/*フッター*/
.footer{margin-top:0;}
.copyright{text-align:left;font-family :'Marcellus';}
.footer-sns img{width:32px;top:10px;margin:0 5px;position:relative;}
.footer-sns {font-family :'Marcellus';    position: absolute;right: 20px; top: 0;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.header-nav{display:none;}
.m-nav{display:block;}
#g-nav{position:fixed;z-index:10;top:0;right: -120%;width:100%; height: 100vh;/*ナビの高さ*/background:#8DADEB;transition: all 0.6s;}
#g-nav.panelactive{right: 0;}
#g-nav.panelactive #g-nav-list{position: fixed;z-index: 999; width: 100%; height: 100vh;overflow: auto;-webkit-overflow-scrolling: touch;}
#g-nav ul { position: absolute;z-index: 999;top:50%;left:50%;transform: translate(-50%,-50%);}
#g-nav li{ list-style: none;text-align: center;}
#g-nav li a{font-size:120%;color: #fff;text-decoration: none;margin-bottom:20px;display: block;letter-spacing: 0.1em;font-family :'Marcellus';}
.openbtn1{position:fixed;z-index: 9999;top:20px;right: 20px;cursor: pointer;width: 50px;height:50px;}
.openbtn1 span{display: inline-block; transition: all .4s; position: absolute;left: 14px;height: 1px;background-color:#8DADEB;width: 60%;}
.openbtn1 span:nth-of-type(1) {top:15px; }
.openbtn1 span:nth-of-type(2) {top:23px;}
.openbtn1 span:nth-of-type(3) { top:31px;}
.openbtn1.active span:nth-of-type(1) { top: 18px;left: 18px;transform: translateY(6px) rotate(-45deg); width: 60%;background:#fff;}
.openbtn1.active span:nth-of-type(2) { opacity: 0;background:#fff;}
.openbtn1.active span:nth-of-type(3){ top: 30px;left: 18px; transform: translateY(-6px) rotate(45deg);width: 60%;background:#fff;}
#about{padding:100px 0;}
.top-ctt{flex-direction:column-reverse;}
.top-ctt2{flex-direction:column;}
.top-msg{width:100%;}
.top-img1{width:100%;}
#feature,#feature2{height:500px;}
.feature-txt1{right:30px;}
.feature-txt2{right:110px;}
.feature-txt3{right:190px;}
.feature-txt4{left:30px;}
.feature-txt5{left:110px;}
.feature-txt6{left:190px;}
#service{padding:100px 0;}
.online-box{flex-direction:column;}
.online-img{width:100%;}
.online-msg{width:100%;}
#voice{padding:100px 0;}
.voice-about{flex-direction:column;}
.voice-msg{width:100%;}
.button-box-v{width:100%;}
.voice-box{flex-direction:column;}
.voice-ctt:first-child{top:0;}
.voice-ctt:last-child{top:0;}
#blog{padding:100px 0;}
.blog-box{width:100%;}
#contact{padding:100px 0;-moz-text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
-webkit-text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
-ms-text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);}
.copyright{text-align:center;}
.footer-sns{position:relative;right:auto;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.under-inner{width:90%;}
body:not(.home) .header-container{height:165px;}
h1{font-size:120%;}
.top{background-position:center bottom;}
.logo{text-align:left;}
ul.sns-box{left:10px;}
.inner{width:90%;}
ul.ul-blog{width:100%;}
ul.ul-blog li{margin:30px 0;}	
.under-ctt{flex-direction:column-reverse;}
.under-img1{width:100%;margin-bottom:20px;text-align:center;}
.under-img2{width:100%;margin-bottom:20px;text-align:center;}
.under-msg{width:100%;}
.under-msg2{width:100%;}
.under-ctt2{flex-direction:column;}
.message{width:100%;}
table th{display:block;background:#003656;color:#fff;border-bottom:none;}
table td{display:block;border-bottom:none;}
.new-list-box{width:48%;}
.single .entry-content {margin:auto;margin-top: 1em;margin-bottom: 3em;width: 90%;}
	.h2-service-u br{display:block;}
}
   
.soar-info ul {
    list-style-position: inside;
	margin-bottom:20px;
}

#footer-in .logo.logo-header.logo-image {
    padding-top: 20px;
}
#footer {
    background: #f7faff;
	padding:0;
}

#footer .wrap{
    width:100%;
}
.footer-in .com-name {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 20px;
}

nav#f-nav {
    background: #8dadeb;
}

nav#f-nav ul {
    display: flex;
    margin: 0 auto;
    max-width: 1260px;
    justify-content: center;
    padding: 8px 0px;
}

nav#f-nav li{
	list-style:none;
}

nav#f-nav li a {
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    border-left: #b0c5ed solid 1px;
}


nav#f-nav li.nav-last a {
    border-right: #b0c5ed solid 1px;
}

.footer-bottom {
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
	nav#f-nav {
		width: 100%;
		margin: 0 auto;
	}
	.footer {
		padding: 0;
	}
    nav#f-nav ul {
        flex-wrap: wrap;
        justify-content: start;
		padding:0;
	}
	nav#f-nav li {
    width: 50%;
	}
	li.nav-last {
    width: calc(50% + 1px) !important;
	}
	nav#f-nav li a {
		display: block;
        text-align: center;
        padding: 10px 0;
		border-bottom: #b0c5ed solid 1px;
	}
    #footer-in .logo {
        text-align: center!important;
    }
}

.new-list-box img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
}