@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;300;400;500;700;900&display=swap');

* {margin:0; padding:0; box-sizing:border-box;}
body {color:#333; font-family:'Noto Sans JP', sans-serif; font-weight:400;}
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:'Noto Serif JP', serif;}
.txt_c {text-align:center;}

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

ul.l_1em {}
ul.l_1em li {padding:0.1em 0 0.1em 1em; text-indent:-1em;}

.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: min(3vw, 16px);}
  
  .wrapper {}
  
  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:80px; background:none; z-index:5; transition:0.3s;}
	header h1 {display:none; padding:8px 0 0 0; height:1rem; font-size:70%; color:#005aa0; font-weight:400;}
  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:180px;}
  header dl.tel {line-height:1; color:#005aa0; display:none;}
  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:#005aa0; font-size:180%; font-weight:600;font-family:'Noto Serif JP', serif;}
  header dl.tel dd {color:#005aa0; font-size:70%; line-height:1.4; text-align:center;}
  header.scroll {background:#fff;}
  header .gnavbtn  {position:relative; display:block; width:40px; height:40px; background:#005aa0; 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:80px 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%; height:80vw;}
  .mv .slider {overflow:hidden; position:relative; width:100%; height:80vw; margin-top:80px;}
  .mv .slider_item {width:100%; height:80vw;}
  .mv .slider_item .inner {display:flex; justify-content:center; width:91%; height:100%; margin:0 auto; padding:10vw 0 0 0;}
  .mv .slider_item .inner p {width:100%; margin:0; font-family:'Noto Serif JP', serif; font-size:85%; font-weight:500; line-height:1.6; text-align:center; text-shadow:0 0 0.4em #fff;}
  .mv .slider_item .inner p span {display:inline-block; color:#005aa0; font-size:140%;}
  .mv .slider_item img {position:absolute; width:100%; height:100%; top:0; left:0; vertical-align:bottom; object-fit:cover; object-position:center center; z-index:-1;}
	
  .page_ttl {position:relative; margin-top:80px; background:url("../images/pagettl_bg.jpg") left top no-repeat; background-size:cover;}
  .page_ttl h1 {width:90%; margin:0 auto; padding:1.2em 0; color:#fff; font-size:150%; font-family:'Noto Serif JP', serif; font-weight:500;}

  
  
  .contents {background:url("../images/bg_cnt02-sp.png") center bottom no-repeat;  background-size:100% auto;}
  .contents.low {margin-top:80px;}
  main.low {position:relative; border-top:1px solid #005aa0;}
  main.low::before {position:absolute; display:block; content:""; width:15%; height:60vh; top:0; left:0; background:#005aa0; z-index:-1;}
  
  main .inner {width:94%; margin:0 auto;}
  main .inner2 {width:84%; margin:0 auto;}
  
  /* low_mv */
	main h2 {position:relative; margin-top:3em; padding:0 0 0.8em 0; color:#005aa0; font-size:140%; font-family:'Noto Serif JP', serif; text-align:center;}
  main h2::after {position:absolute; display:block; content:""; width:3em; height:2px; background:#005aa0; bottom:0; left:50%; transform:translateX(-50%);}
  .en {letter-spacing:0.03em; font-weight:600;}
  
	main h3 {position:relative; color:#005aa0; font-size:120%; font-weight:600; line-height:1.5; font-family:'Noto Serif JP', serif;}
  
  .bg_g {background:#f7f7f7;}
  
  /* top_news */
  .top_news {position:relative; margin:2em 0 0 0; padding:2em 0; background:#f7f7f7;}
  .top_news .en {font-size:300%; line-height:0.5; color:#ccdeec; font-weight:400;}
  .top_news .title.right .en {display:block; text-align: right;}
  .top_news h2 {margin-top:0; padding:0; text-align:left;}
  .top_news h2::after {display:none;}
  .top_news h2 span {position:relative; padding:0 0 0.8em 0;}
  .top_news h2 span::after {position:absolute; display:block; content:""; bottom:0; left:0; width:3em; height:2px; background:#005aa0;}
  .top_news .news_box {position:relative; display:flex; align-items:center; justify-content:flex-end;}
  .top_news .news_box .img {display:none; top:0; left: 0; width:40%; z-index:+1;}
  .top_news .news_box .img::after {position:absolute; display:block; content:""; width:100%; height:100%; background:#005aa0; top:-10%; left:-10%; z-index:-1;}
  .top_news .news_box .news_cnt {width:100%; margin:2em 0 0 0; padding:0 0 1em 0;}
  .top_news .news_box ul {width:100%; margin:3em auto 0 auto; font-size:90%; font-weight:400;}
  .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 0;}
  .top_news .news_box ul li span {display:block; color:#005aa0; font-weight:500;}
  .top_news .news_box .btn {margin:3em 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 0; border:1px solid #005aa0; color:#005aa0; transition:0.3s; text-align:center;}
  .top_news .news_box .btn a:hover {opacity:0.8;}
  .top_news.news {margin-top:0;}
  .top_news.news .news_box {flex-direction:row-reverse; align-items:flex-end;}
  .top_news.news .news_box .img {left:auto; right: 0;}
  .top_news.news .news_box .img::after {left:auto; right:-10%;}
  .top_news iframe {margin-top:3rem !important;}
	
	/* 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;}
  
  /* 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%; 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 0 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 {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 0 2em 0; 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:1.5em auto 0 auto;}
  #cmn_bnr ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
  #cmn_bnr ul li {width:49%; margin:0 0 0.5em 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 {background:#001b30; color:#fff; padding-bottom:2em; border-top:1px solid #fff;}
	footer .inner {width:84%; max-width:1080px; margin:0 auto;}
  dl.contact {padding:2em 0; border-bottom:1px solid #324859;}
  dl.contact dt {}
  dl.contact dt .en {opacity:0.3; font-size:300%; font-weight:400;}
  dl.contact dd h3 {color:#fff; font-size:110%; font-weight:400; font-family:'Noto Serif JP', serif; opacity:0.7;}
  dl.contact dd {line-height:1;}
  dl.contact dd .tel {margin:0.7em 0 0 0; font-size:200%; font-family:'Noto Serif JP', serif;}
  dl.contact dd .date {margin:0.7em 0 0 0; font-size:80%; font-family:'Noto Serif JP', serif; opacity:0.7;}
  
  footer .f_box {display:flex; align-items:center; justify-content:space-between; padding:2em 0;}
  footer ul {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:1em 1.8em 1em 0; border-bottom:1px solid #324859;}
  
	footer .inner .logo {width:110px; margin:3em auto 0 auto; text-align:center;}
  footer .inner p.copy {font-size:70%; font-family:serif; font-weight:300; letter-spacing:0.1em; text-align:center; opacity:0.7;}

}



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

@media screen and (min-width:901px) {
  body {overflow-x:hidden; width:100%; font-size: min(1.3vw, 17px);}
  body.toppage {}
  
  .wrapper {}
  
  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 {display:none; padding:7px 0 0 0; height:1rem; font-size:70%; color:#005aa0; font-weight:400;}
  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; height:90px; margin:0 auto;}
  header .r_box {display:flex; align-items:center; justify-content:space-between;}
  header .logo {}
  header .logo img {width:274px; height:auto;}
  header dl.tel {line-height:1; color:#005aa0;}
  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:#005aa0; font-size:180%; font-weight:600;font-family:'Noto Serif JP', serif;}
  header dl.tel dd {color:#005aa0; font-size:70%; line-height:1.4; text-align:center;}
  header.scroll {background:#fff;}
  
  /* nav */
  nav {display:block !important; padding:0 1em 0 0;}
  nav ul {display:flex; font-size:90%; font-weight:600;}
  nav ul li {padding:0 1em 0 0;}
  nav ul li a {color:#005aa0; transition:0.3s;}
  nav ul li a:hover {opacity:0.8;}
  
  /* mv */
  .mv {width:100%; height:900px;}
  .mv .slider {overflow:hidden; position:relative; width:100%; height:900px; margin-top:90px;}
  .mv .slider_item {width:100%; height:900px;}
  .mv .slider_item .inner {display:flex; justify-content:center; width:98%; height:100%; margin:0 auto; padding:130px 0 0 0;}
  .mv .slider_item .inner p {font-family:'Noto Serif JP', serif; font-size:140%; font-weight:500; line-height:1.6; text-shadow:0 0 0.4em #fff; text-align:center;}
  .mv .slider_item .inner p span {display:inline-block; color:#005aa0; font-size:180%; font-weight:700;}
  .mv .slider_item img {position:absolute; width:100%; height:100%; top:0; left:0; vertical-align:bottom; object-fit:cover; object-position:center center; z-index:-1;}
  .mv .slider_item .inner p.center {text-align:center;}
  .mv .slider_item .inner p.right {text-align:right;}
	
  .page_ttl {position:relative; margin-top:90px; background:url("../images/pagettl_bg.jpg") center top no-repeat; background-size:cover;}
  .page_ttl h1 {width:94%; max-width:1280px; margin:0 auto; padding:1.2em 0; color:#fff; font-family:'Noto Serif JP', serif; font-weight:500;}
  
	
	.contents {background:url("../images/bg_cnt02.png") center bottom no-repeat;}
  .contents.low {margin-top:90px;}
  main.low {position:relative; border-top:1px solid #005aa0;}
  main.low::before {position:absolute; display:block; content:""; width:30%; height:60vh; top:0; left:0; background:#005aa0; z-index:-1;}
  main .inner {width:94%; max-width:1280px; margin:0 auto;}
  main .inner2 {width:84%; max-width:1080px; margin:0 auto;}
  
  main .box {padding:4em;}
  
  /* h2 */	
	main h2 {position:relative; margin-top:5em; padding:0 0 0.8em 0; color:#005aa0; font-size:180%; font-family:'Noto Serif JP', serif; text-align:center;}
  main h2::after {position:absolute; display:block; content:""; width:3em; height:2px; background:#005aa0; bottom:0; left:50%; transform:translateX(-50%);}
  .en {letter-spacing:0.03em; font-weight:600;}
  
	main h3 {position:relative; color:#005aa0; font-size:120%; font-weight:600; line-height:1.5; font-family:'Noto Serif JP', serif;}
  
  .bg_g {background:#f7f7f7;}
  
  /* top_news */
  .top_news {position:relative; margin:2em 0 0 0;}
  .top_news .en {font-size:400%; line-height:0.5; color:#ccdeec; font-weight:400;}
  .top_news .title.right .en {display:block; text-align: right;}
  .top_news h2 {margin-top:0; padding:0 0 0 10%; text-align:left;}
  .top_news h2::after {display:none;}
  .top_news h2 span {position:relative; padding:0 0 0.8em 0;}
  .top_news h2 span::after {position:absolute; display:block; content:""; bottom:0; left:0; width:3em; height:2px; background:#005aa0;}
  .top_news .news_box {position:relative; display:flex; align-items:center; justify-content:flex-end; margin-top:0.5em;}
  .top_news .news_box .img {position:absolute; top:0; left: 0; width:40%; z-index:+1;}
  .top_news .news_box .img::after {position:absolute; display:block; content:""; width:100%; height:100%; background:#005aa0; top:-10%; left:-10%; z-index:-1;}
  .top_news .news_box .news_cnt {width:78%; margin:2em 0 0 0; padding:3em 0 3em 20%; background:#f7f7f7;}
  .top_news .news_box ul {width:80%; margin:3em auto 0 auto; font-size:90%; font-weight:400;}
  .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 8em;}
  .top_news .news_box ul li span {position:absolute; display:inline-block; width:8em; top:0.7em; left:0; color:#005aa0; font-weight:500;}
  .top_news .news_box .btn {margin:3em 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 0; border:1px solid #005aa0; color:#005aa0; 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 .news_cnt {padding:3em 20% 3em 0;}
  .top_news.news .news_box .img {left:auto; right: 0;}
  .top_news.news .news_box .img::after {left:auto; right:-10%;}
  .top_news iframe {margin-top:3.5rem !important;}
  
  
  /* 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:40%; overflow:hidden; line-height:1;}
  .area2.type2 .ptxt .r_txt {width:55%; 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:2em auto 0 auto;}
  #cmn_bnr ul {display:flex; flex-wrap:wrap; 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:0 auto;}
  
  /* footer */
  footer {background:#001b30; color:#fff; padding-bottom:2em; border-top:1px solid #fff;}
	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 #324859;}
  dl.contact dt {width:50%;}
  dl.contact dt .en {opacity:0.3; font-size:350%; font-weight:400;}
  dl.contact dd h3 {color:#fff; font-size:120%; font-weight:400; font-family:'Noto Serif JP', serif; opacity:0.7;}
  dl.contact dd {width:50%; line-height:1;}
  dl.contact dd .tel {margin:0.7em 0 0 0; font-size:250%; font-family:'Noto Serif JP', serif;}
  dl.contact dd .date {margin:0.7em 0 0 0; font-size:85%; font-family:'Noto Serif JP', serif; opacity:0.7;}
  
  footer .f_box {display:flex; align-items:center; justify-content:space-between; padding:2em 0;}
  footer ul {display:flex; align-items:center; justify-content:center; padding:1em 0; font-size:85%; font-weight:500;  border-bottom:1px solid #324859;}
  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:150px; margin:3em auto 0 auto; text-align:center;}
  footer .inner p.copy {font-size:70%; font-family:serif; font-weight:300; letter-spacing:0.1em; text-align:center; opacity:0.7;}

}

@media screen and (min-width:901px) and (max-width:1240px) {
  
  body {font-size:1.5vw;}
  
  .mv .slider_item .inner p {font-size:220%;}

}