@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

* {margin:0; padding:0; box-sizing:border-box;}
body {background:#f7f7f7; color:#333; font-family:"Zen Maru Gothic", sans-serif; font-weight:500;}
ul {list-style-type:none;}

/* cf */
.cf:before, .cf:after {content:""; display:block;	overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

.fixed {position:fixed; top:0; left:0; z-index:+99;}

table {border-collapse:collapse; border:none; border-spacing:0;}

.en {font-family:"M PLUS Rounded 1c", sans-serif; transform: rotate(0.05deg);}
.txt_c {text-align:center;}

.mT0 {margin-top:0 !important;}
.mT2em {margin-top:2em !important;}

.mv .slider {opacity:0; transition:opacity 0.3s linear;}
.mv .slider.slick-initialized{opacity:1;}



/*********************************
 * ～900
 *********************************/

@media screen and (max-width:900px){
	
  body {overflow-x:hidden; -webkit-text-size-adjust:100%; font-size:16px; background:#f7f7f7 url("../images/bg_header-sp.png") center top no-repeat; background-size:120% auto;}
  body.toppage {background:#f7f7f7 url("../images/bg_top_header-sp.png") center top no-repeat; background-size:120% auto;}
  
  .wrapper {background:url("../images/bg_footer-sp.png") center bottom no-repeat; background-size:100% auto;}
  
  img {width:100%; height:auto;}
  p {margin-top:1em; text-align:justify; text-justify:inter-ideograph;}
	a {text-decoration:none;}
  .pc {display:none;}
  
  /* header */
  header {position:fixed; top:0; left:0; width:100%; height:75px; z-index:5;}
	header h1 {padding:5px 60px 0 10px; color:#fff; font-size:10px; font-weight:400; text-align:right;}
  header .inner {display:flex; align-items:center; justify-content:space-between; width:100%; padding:5px 10px 0 10px;}
  header .logo {width:140px; font-size:0;}
  header .r_box {display:flex; align-items:center; justify-content:flex-end; width:calc(100% - 170px);}
  header dl.tel {display:flex; align-items:center; flex-wrap:wrap; line-height:1.2; margin-right:10px;}
  header dl.tel dt {padding:0 0 0 0.9em; background:url(../images/icn_tel.png) left top 75% no-repeat; background-size:auto 0.8em; color:#fff; font-size:120%; font-weight:600;}
  header dl.tel dd {color:#fff; font-size:60%; line-height:1.4;}
  header.scroll {background:#de7c90;}
  header .gnavbtn  {position:relative; display:block; width:40px; height:40px; background:#333; border-radius:50%; cursor:pointer; z-index:11;}
  header .gnavbtn span {position:relative; display:block; width:20px; height:1px; left:10px; background:#fff; transition:0.3s;}
  header .gnavbtn span:nth-child(1) {top:13px;}
  header .gnavbtn span:nth-child(2) {top:18px;}
  header .gnavbtn span:nth-child(3) {top:23px;}
  
  /* nav */
  nav {overflow-y:auto; position:fixed; display:none; width:100%; height:100%; padding:0 0 4em 0; top:0; left:0; background:#fff; z-index:-1;}
  nav ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:75px auto 0 auto; border-top:1px dotted #e1e2e3; font-size:90%; font-weight:500;}
  nav ul li {width:100%; padding:0 15px 0 3.2em; background:url(../images/icon_arwR.png) 1.5em center no-repeat; background-size:auto 0.6em; border-bottom:1px dotted #e1e2e3; letter-spacing:0.1em;}
  nav ul li a {display:block; padding:1.3em 0; color:#000; text-decoration:none;}
  
  /* mv */
  .mv {width:100%;}
  .mv .slider {overflow:hidden; position:relative; width:100%; margin-top:75px; padding:0 0 1.5em 0;}
  .mv .slider_item p {position:relative; display:flex; align-items:center; justify-content:center; width:96%; margin:0 auto; font-size:75%; font-weight:600; line-height:1.8;}
  .mv .slider_item p.center {text-align:center;}
  .mv .slider_item p.right {text-align:right;}
  .mv .slider_item p span {display:inline-block; padding-right:1em; color:#de7c90; font-size:230%; font-weight:500; line-height:1.3;}
	
	.mv .tel {}
  .mv .tel dl {padding:1em 0; background:url(../images/top/tel_img.png) left center no-repeat; background-size:auto 80%; text-align:center;}
  .mv .tel dl dt {padding:0 0 0 26%; font-size:50%; line-height:1.2;}
  .mv .tel dl dt span {font-size:180%; font-weight:600; letter-spacing:0.05em;}
  .mv .tel dl dd {padding:0 0 0 26%; font-size:70%; font-weight:600;}
  .mv .tel dl dd div {margin:0.6em 0 0 0; padding:0.6em 0 0 0; border-top:1px dotted #fff;}
  .mv .tel dl dd a {display:block; width:80%; margin:0 auto; padding:0.5em 0; background:#fff; border-radius:5px; color:#69b973; letter-spacing:0.05em;}
  
  /* low_mv */
  .low_mv {margin:118px 0 0 0; background:#69b973;}
  .low_mv .inner {position:relative; display:flex; align-items:center; justify-content:center; height:4em; padding:0 15px;}
  .low_mv .inner h1 {color:#fff; font-size:130%; font-weight:600; letter-spacing:0.05em; line-height:1; text-align:center;}
  
  .contents {background:url("../images/bg_cnt02-sp.png") center bottom no-repeat;  background-size:100% auto;}
  .contents.low {margin-top:75px;}
  main {background:url("../images/bg_cnt01-sp.png") center center no-repeat;  background-size:100% auto;}
  
  main .inner {width:94%; margin:0 auto;}
  main .inner2 {width:84%; margin:0 auto;}
  
  /* low_mv */
  main h1 {width:80%; margin:0 auto; padding:0.5em 0 0.5em 0; border-bottom:2px solid #de7c90; color:#de7c90; font-size:140%; font-weight:600; letter-spacing:0.1em; text-align:center;}
  
  /* h2 */
	main h2 {position:relative; display:flex; align-items:flex-end; justify-content:center; margin-top:3em; color:#de7c90; font-size:110%; font-weight:500;}
  main h2 .ttl {margin-left:0.5em; color:#de7c90; font-size:110%; font-weight:500;}
  main h2 .en {padding:1em 0 0 0; color:#000; font-size:50%; letter-spacing:0.03em; font-weight:900;}
	main .left h2 {justify-content:flex-start;}
	main .right h2 {justify-content:flex-end;}
  
	main h3 {position:relative; margin-top:3em; color:#de7c90; font-size:110%; font-weight:500;}
  
  /* top_news */
  .top_news {position:relative; margin:1em 0 0 0;}
  .top_news h2 {margin-top:0;}
  .top_news .news_box {display:flex; justify-content:space-between; margin-top:1.5em;}
  .top_news .news_box .img {width:16%;}
  .top_news .news_box .img img {transform:translateX(-15%);}
  .top_news .news_box .news_cnt {width:80%; padding:1em 0 1.5em 0; background:#fff; border-radius:2em;}
  .top_news .news_box ul {width:80%; margin:0 auto; font-size:90%; font-weight:400;}
  .top_news .news_box iframe {width:90%; padding:0.5em 0 0 0;}
  .top_news .news_box ul a {border-bottom:1px solid transparent; color:#333; transition:0.3s;}
  .top_news .news_box ul a:hover {border-bottom:1px solid #333;}
  .top_news .news_box ul li {position:relative; padding:0.7em 0 0.7em 0; border-bottom:1px solid #e1e2e3;}
  .top_news .news_box ul li span {display:block; color:#de7c90; font-weight:600;}
  .top_news .news_box .btn {margin:2em 0 0 0; font-size:85%; font-weight:500; text-align:right;}
  .top_news .news_box .btn a {display:block; width:80%; margin:0 auto; padding:0.4em 0; background:#000; border-radius:2em; color:#fff; transition:0.3s; text-align:center;}
  .top_news .news_box .btn a:hover {opacity:0.8;}
  .top_news.news {margin-top:4em;}
  .top_news.news .news_box {flex-direction:row-reverse;}
  .top_news.news .news_box .news_cnt {width:100%; padding:1em 0 1.5em 5%;}
  .top_news.news .news_box .img {width:32%;}
  .top_news.news .news_box .img img {transform:translateX(40%);}
	
	/* ptxt */
  .ptxt {margin:1.5em auto 0 auto; font-size:90%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;} 
  
  main .box {padding:2em 2em; background:#fff; border-radius:3em;}
  
  /* area2 */
  .area2 {margin:1.5em auto 0 auto;}
  .area2 .ptxt {width:100%; margin:0;}
  .area2 .ptxt .fleft {}
  .area2 .ptxt .fright {padding-top:1em; font-weight:400; line-height:2; text-align:justify; text-justify:inter-ideograph;} 
  
  .area2.type2 {padding:0}
  .area2.type2 .ptxt {display:flex; position:relative; align-items:center; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0;}
  .area2.type2 .ptxt .l_img {width:70%; border-radius:3em 0 0 0; overflow:hidden; line-height:1;}
  .area2.type2 .ptxt .r_txt {width:100%; padding:0 2em 3em 2em; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  .area2.type2 .ptxt .r_txt h3 {margin-top:1em;}
  
  .area2.type3 {padding:0}
  .area2.type3 .ptxt {display:flex; position:relative; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0;}
  .area2.type3 .ptxt .fleft {width:60%; overflow:hidden; font-size:0; line-height:1;}
  .area2.type3 .ptxt .fright {width:100%; padding:2em 2em 4em 2em; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  .area2.type3 .ptxt .fright h3 {margin-top:2.5em;}
  
  /* area3 */
  .area3 {margin:1.5em auto 0 auto;}
  .area3 .ptxt {width:100%; margin:0;}
  .area3 .ptxt .fleft {font-weight:400; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  .area3 .ptxt .fright {padding-top:1em;} 
  
  .area3.type3 {padding:0}
  .area3.type3 .ptxt {display:flex; position:relative; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0;}
  .area3.type3 .ptxt .fright {width:60%; overflow:hidden; font-size:0; line-height:1;}
  .area3.type3 .ptxt .fleft {width:100%; padding:0 2em 2em 2em; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  .area3.type3 .ptxt .fright h3 {margin-top:2.5em;}
  
  main dl.l_photo {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;  margin-top:1em;}
  main dl.l_photo dt {width:70%;}
  main dl.l_photo dd {width:100%; margin-top:1em;}
  
  main dl.img_ttl {display:flex; align-items:center; justify-content:space-between; margin-top:1.5em;}
  main dl.img_ttl dt {width:15%;}
  main dl.img_ttl dd {width:80%;}
  
  /* cmn_bnr */
  #cmn_bnr {margin:3em auto 0 auto; width:90%;}
  .toppage #cmn_bnr {margin:0 auto;}
  #cmn_bnr ul {display:flex; width:100%;}
  #cmn_bnr ul li {width:31.7%; margin:0 2.45% 1.5em 0;}
  #cmn_bnr ul li:nth-child(3n) {margin-right:0;}
  
	/* low_contact */
	.low_contact {width:100%; margin:3em auto 0 auto; padding-bottom:2em; border:3px solid #69b973;}
	.low_contact .ttl {width:90%; margin:0 auto; padding:1em 0; border-bottom:3px solid #69b973; color:#69b973; font-weight:600; text-align:center;}
	.low_contact .call {margin:0.5em 0 0 0; font-size:180%; font-weight:600; text-align:center;}
	.low_contact .date {margin:0.5em 0 0 0; font-size:80%; font-weight:400; text-align:center;}
	.low_contact .btn {margin:1.5em 0 0 0; font-size:90%; font-weight:600; text-align:center;}
	.low_contact .btn a {position:relative; padding:0.3em 3em 0.4em 3em; background:#e1f1e3; border-radius:2em; color:#69b973;}
	.low_contact .btn a::after {position:absolute; display:block; content:''; width:0.4em; height:0.4em; border:1px solid #69b973; border-bottom:0; border-left:0; right:1em; top:42%; transform:rotate(45deg);}
  
  /* ptop */
  #ptop {position:fixed; width:30px; right:15px; bottom:15px;}
  
  /* cmn_contact */
  #cmn_contact {margin:1em auto 0 auto;}
  
  /* footer */
  footer {margin:4em 0 0 0; background:#6f3e48; color:#fff; border-radius:2em 2em 0 0; padding-bottom:1.5em;}
	footer .inner {width:84%; max-width:1080px; margin:0 auto;}
  dl.contact {padding:1.5em 0;}
  dl.contact dt {text-align:center;}
  dl.contact dt h3 {margin-top:0; color:#fff; font-size:110%; font-weight:500;}
  dl.contact dt span {display:block; margin-bottom:0.2em; font-size:80%; font-weight:900;}
  dl.contact dd { line-height:1;}
  dl.contact dd .tel {margin:0.7em 0 0 0; font-size:180%; text-align:center;}
  dl.contact dd .date {margin:0.7em 0 0 0; font-size:60%; text-align:center;}
  
  footer .f_box {}
  footer .f_flex {display:flex; justify-content:center; flex-wrap:wrap; flex-direction:column-reverse;}
  footer ul {width:100%; font-size:85%; font-weight:500; border-top:1px solid #fbfbfb;}
  footer ul a {border-bottom:1px solid transparent; color:#fff; transition:0.3s;}
  footer ul a:hover {border-bottom:1px solid #fff;}
  footer ul li {position:relative; padding:1em; border-bottom:1px solid #fbfbfb;}
  
  footer .inner .logo {width:150px; margin:2.5em auto 0 auto;}
  footer .inner p.copy {font-size:60%; font-family:serif; font-weight:300; letter-spacing:0.1em; text-align:center;}

}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {
  body {overflow-x:hidden; width:100%; font-size:17px; background:#f7f7f7 url("../images/bg_header.png") center top no-repeat;}
  body.toppage {background:#f7f7f7 url("../images/bg_top_header.png") center top no-repeat;}
  
  .wrapper {background:url("../images/bg_footer.png") center bottom no-repeat;}
  
  
  
  a {text-decoration:none;}
  a img {transition:opacity 0.2s ease-in-out; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
  a img:hover {opacity:0.8; cursor:pointer;}
  img {width:100%; height:auto;}
  p {margin-top:1em; text-align:justify; text-justify:inter-ideograph;}
  .sp {display:none;}
  
  /* header */
  header {position:fixed; top:0; left:0; width:100%; height:90px; background:none; z-index:5; transition:0.3s;}
	header h1 {padding:10px 0 0 0; font-size:70%; color:#fff; font-weight:400; text-align:right;}
  header .inner2 {width:94%; max-width:1280px; margin:0 auto;}
  header .inner {display:flex; align-items:center; justify-content:space-between; width:94%; max-width:1280px; margin:0 auto; padding:5px 0 0 0;}
  header .r_box {display:flex; align-items:center; justify-content:space-between;}
  header .logo {width:226px;}
  header dl.tel {display:flex; align-items:center; line-height:1;}
  header dl.tel dt {padding:0 0 0 0.9em; background:url(../images/icn_tel.png) left top 75% no-repeat; background-size:auto 0.8em; color:#fff; font-size:220%; font-weight:600;}
  header dl.tel dd {padding-left:0.7em; color:#fff; font-size:70%; line-height:1.4;}
  header.scroll {background:#de7c90;}
  
  /* nav */
  nav {display:block;}
  nav ul {display:flex; font-size:90%; line-height:1;}
  nav ul li {}
  nav ul li a {padding:0.1em 0.75em 0.3em 0.75em; color:#000; transition:0.3s;}
  nav ul li a:hover {background:#000; border-radius:0.4em; color:#fff;}
  
  /* mv */
  .mv {width:100%;}
  .mv .slider {overflow:hidden; position:relative; width:100%; margin-top:90px;}
  .mv .slider_item {}
  .mv .slider_item .inner {position:relative; display:flex; align-items:center; width:92%; max-width:1280px; height:47vw; max-height:660px; margin:0 auto;}
  .mv .slider_item p {position:absolute; width:92%; margin:0; padding:0 0 1em 0; font-size:120%; font-weight:600; z-index:2;}
  .mv .slider_item p.center {text-align:center;}
  .mv .slider_item p.right {text-align:right;}
  .mv .slider_item p span {display:inline-block; margin-bottom:0.2em; color:#de7c90; font-size:260%; font-weight:500; line-height:1.2;}
  .mv .slider_item .img {}
  .mv .slider_item .img img {position:absolute; width:auto; height:100%; top:0; right:0; vertical-align:bottom; object-fit:cover; object-position:center bottom; z-index:-1;}
	
	
  
  /* low_mv */
  main h1 {padding:2em 0 0.5em 0; border-bottom:2px solid #de7c90; color:#de7c90; font-size:190%; font-weight:600; letter-spacing:0.1em; text-align:center;}
	
	.contents {background:url("../images/bg_cnt02.png") center bottom no-repeat;}
  .contents.low {margin-top:90px;}
  main {background:url("../images/bg_cnt01.png") center top no-repeat;}
  main.low {background:url("../images/bg_cnt01.png") center center no-repeat;}
  main .inner {width:94%; max-width:1280px; margin:0 auto;}
  main .inner2 {width:84%; max-width:1080px; margin:0 auto;}
  
  main .box {padding:4em 2em; background:#fff; border-radius:4em;}
  
  /* h2 */	
	main h2 {position:relative; display:flex; align-items:flex-end; justify-content:center; margin-top:5em; color:#de7c90;}
  main h2 .ttl {margin-left:0.5em; color:#de7c90; font-size:130%; font-weight:500;}
  main h2 .en {padding:1em 0 0 0; color:#000; font-size:70%; letter-spacing:0.03em; font-weight:900;}
	main .left h2 {justify-content:flex-start;}
	main .right h2 {justify-content:flex-end;}
  
	main h3 {position:relative; color:#de7c90; font-size:120%; font-weight:500; line-height:1.5;}
  
  /* top_news */
  .top_news {position:relative; margin:2em 0 0 0;}
  .top_news h2 {margin-top:0;}
  .top_news .news_box {display:flex; align-items:center; justify-content:space-between; margin-top:2.5em;}
  .top_news .news_box .img {width:13%;}
  .top_news .news_box .news_cnt {width:78%; padding:2em 0 2.5em 0; background:#fff; border-radius:4em;}
  .top_news .news_box ul {width:80%; margin:0 0 0 10%; font-size:90%; font-weight:400;}
  .top_news .news_box iframe {width:100%; padding:0 10%;}
  .top_news .news_box ul a {border-bottom:1px solid transparent; color:#333; transition:0.3s;}
  .top_news .news_box ul a:hover {border-bottom:1px solid #333;}
  .top_news .news_box ul li {position:relative; padding:0.7em 1.5em 0.7em 9.5em; border-bottom:1px solid #e1e2e3;}
  .top_news .news_box ul li span {position:absolute; display:inline-block; width:8em; top:0.7em; left:1.5em; color:#de7c90; font-weight:600;}
  .top_news .news_box .btn {margin:2em 0 0 0; font-size:95%; font-weight:500; text-align:right;}
  .top_news .news_box .btn a {display:block; width:70%; max-width:375px; margin:0 auto; padding:0.4em 4em; background:#000; border-radius:2em; color:#fff; transition:0.3s; text-align:center;}
  .top_news .news_box .btn a:hover {opacity:0.8;}
  .top_news.news {margin-top:7em;}
  .top_news.news .news_box {flex-direction:row-reverse; align-items:flex-end;}
  .top_news.news .news_box .img {width:22%; margin-right:-10%;}
  
  
  /* ptxt */
  .ptxt {margin:1.5em auto 0 auto; font-weight:400; line-height:2.2; text-align:justify; text-justify:inter-ideograph;}
  
  /* area2 */
  .area2 {margin:1.5em auto 0 auto;}
  .area2 .ptxt {display:flex; position:relative; justify-content:space-between; width:100%; margin:0;}
  .area2 .ptxt .fleft {width:45%; padding-top:0.6em;}
  .area2 .ptxt .fright {width:50%; font-weight:400; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  
  .area2.type2 {padding:0}
  .area2.type2 .ptxt {display:flex; position:relative; align-items:center; justify-content:space-between; width:100%; margin:0;}
  .area2.type2 .ptxt .l_img {width:35%; border-radius:4em 0 0 4em; overflow:hidden; line-height:1;}
  .area2.type2 .ptxt .r_txt {width:60%; padding:0 3em 0 0; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  
  .area2.type3 {padding:0}
  .area2.type3 .ptxt {display:flex; position:relative; justify-content:space-between; width:100%; margin:0;}
  .area2.type3 .ptxt .fleft {width:30%; overflow:hidden; font-size:0; line-height:1;}
  .area2.type3 .ptxt .fright {width:65%; padding:3em 3em 4em 0; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  .area2.type3 .ptxt .fright h3 {margin-top:2.5em;}
  
  /* area3 */
  .area3 {margin:1.5em auto 0 auto;}
  .area3 .ptxt {display:flex; position:relative; justify-content:space-between; width:100%; margin:0;}
  .area3 .ptxt .fleft {width:50%; font-weight:400; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  .area3 .ptxt .fright {width:45%; padding-top:0.6em;} 
  
  .area3.type3 {padding:0}
  .area3.type3 .ptxt {display:flex; position:relative; justify-content:space-between; width:100%; margin:0;}
  .area3.type3 .ptxt .fright {width:30%; overflow:hidden; font-size:0; line-height:1;}
  .area3.type3 .ptxt .fleft {width:65%; padding:3em 0 4em 3em; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  .area3.type3 .ptxt .fright h3 {margin-top:2.5em;}
  
  main dl.l_photo {display:flex; align-items:center; justify-content:space-between; margin-top:1.5em;}
  main dl.l_photo dt {width:30%;}
  main dl.l_photo dd {width:65%;}
  
  main dl.img_ttl {display:flex; align-items:center; justify-content:space-between; margin-top:1.5em;}
  main dl.img_ttl dt {width:8%;}
  main dl.img_ttl dd {width:90%;}
  
  /* cmn_bnr */
  #cmn_bnr {width:94%; max-width:1280px; margin:5em auto 0 auto;}
  .toppage #cmn_bnr {margin:0 auto 0 auto;}
  #cmn_bnr ul {display:flex; width:100%;}
  #cmn_bnr ul li {width:31.7%; max-width:413px; margin:0 2.45% 1.5em 0;}
  #cmn_bnr ul li:nth-child(3n) {margin-right:0;}
	
  /* ptop */
  #ptop {position:fixed; width:30px; right:30px; bottom:30px;}
  
  /* cmn_contact */
  #cmn_contact {width:75%; max-width:800px; margin:4em auto 0 auto;}
  
  /* footer */
  footer {margin:4em 0 0 0; background:#6f3e48; color:#fff; border-radius:4em 4em 0 0; padding-bottom:2em;}
	footer .inner {width:84%; max-width:1080px; margin:0 auto;}
  dl.contact {display:flex; align-items:center; justify-content:space-between; padding:2.5em 0; border-bottom:1px solid #fbfbfb;}
  dl.contact dt {width:50%; padding-right:3em; text-align:right;}
  dl.contact dt h3 {color:#fff; font-size:140%; font-weight:500;}
  dl.contact dt span {display:block; margin-bottom:0.2em; font-size:80%; font-weight:900;}
  dl.contact dd {width:50%; line-height:1;}
  dl.contact dd .tel {margin:0; font-size:250%;}
  dl.contact dd .date {margin:0.7em 0 0 0; font-size:80%;}
  
  footer .f_box {}
  footer .f_flex {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:2em 0;}
  footer ul {display:flex; align-items:center; font-size:85%; font-weight:500;}
  footer ul a {border-bottom:1px solid transparent; color:#fff; transition:0.3s;}
  footer ul a:hover {border-bottom:1px solid #fff;}
  footer ul li {position:relative; padding:0 1.8em 0 0.8em;}
  footer ul li:last-child {padding-right:0;}
  footer ul li::after {position:absolute; display:block; content:'／'; color:#fff; top:0; right:0;}
  footer ul li:last-child::after {display:none;}
  
	footer .inner .logo {width:180px;}
  footer .inner p.copy {width:100%; margin:0; font-size:80%; font-family:serif; font-weight:300; letter-spacing:0.1em;}

}

@media screen and (min-width:901px) and (max-width:1240px) {
  
  body {font-size:1.5vw;}

}