@charset "utf-8";
/*--------------------------------------------------------------------

ブレイクpoint　1100px
font-size 320-560

--------------------------------------------------------------------*/	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
   font-style: normal; list-style: none; 
  font-optical-sizing: auto;}


/*背景動画*/
.movie_blk {
    width: 100%;
    height: 100vh;
    position:fixed;
}
.movie_blk video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left:0;
}
   
a{text-decoration: none; color:#ed0e57 ; transition: 0.3s}
a:hover{ color:#ff3131; }
img{max-width: 100%; width: 100%; height: auto ;vertical-align: bottom; }

body{color: #242424;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.goshi{font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal; }
.min{ font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;}
.en{font-family: "Bodoni Moda", serif;}
.imp{font-weight: 700}
.red{color: #8c4a55}
.bggold{background:#afa68f !important }


.tate { -webkit-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      text-orientation: upright; }

.line{font-family: "Noto Sans JP", sans-serif; display: inline ; background: linear-gradient(transparent 50%, rgba(252, 248, 191, 1) 50%); font-weight: 700}


/* アニメ　*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*--------------------------------------------------------------------

フェードイン
--------------------------------------------------------------------*/
.fade-in {
    animation-name: fadeIn; animation-duration:3s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate3d(0,-20%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInUp {
    animation-name: fadeInUp; animation-duration:3s;
}

body{ line-height:1.7; font-size:clamp(1rem, 0.667rem + 1.67vw, 1.25rem)}/*16-20*/

.contBoxFlaxr{padding-top: 100px;  position: relative; z-index: 1}
.contBoxFlaxr .maincont{margin: 0px auto 0; max-width: 540px}

.pager {
    margin:0.4rem auto;
	margin: 50px auto 0;
    max-width: 1100px;
}
.pager:after, .pager ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.pager a{ display:inline-block;
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	margin-bottom:5px;
	background-color: #1130ae;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 10px 20px;  
}
.pager a:first-child {
    margin-left: 0;
}
.pager span{display:inline-block;
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	margin-bottom:5px;
	background-color: #c0c0c0;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 10px 20px;}

.pager a:hover {
    background-color: #ffe4df;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}	






.pagernav{font-size: 10px; padding-bottom: 40px }
.pagernav li{display: inline-block; margin-right: 5px}

.kijiBox{background:#f1eee8 }
.kijiBox .cont8{padding: 0 5% 50px}
.kijiBox hr.nizyu {
  position: relative;
  border: none;
  border-top: 1px solid #0425aa;
  height: 3px; /* 線の間隔 */
  margin: 20px 0;
}

.kijiBox hr.nizyu::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 2px solid #0425aa;
}
.kijiBox .w50{width: 51px}

.kijiBox .ft26{font-size: clamp(1.625rem, 0.875rem + 3.75vw, 2.188rem)}/*26-35*/
.kijiBox .ft18{line-height: 2; font-size: clamp(1.125rem, 0.542rem + 2.92vw, 1.563rem)}/*18-25*/
.kijiBox .ft14-15{ font-size: clamp(0.875rem, 0.792rem + 0.42vw, 0.938rem)}/*14-15*/
.kijiBox .ft11{display: inline-block; line-height: 1.4; font-size: clamp(0.688rem, 0.438rem + 1.25vw, 0.875rem)}/*11-14*/

.kijiBox ul.bgtya li{line-height: 1.4; display: inline-block; margin:0 0 10px 0; border-radius: 10px; background: #e8e4dd; padding: 10px 20px; font-size: clamp(0.938rem, 0.854rem + 0.42vw, 1rem)}/*15-16*/
.kijiBox ul.bgtya li:last-child{margin-bottom: 0}

.kijiBox ul.float4{display: flex; justify-content: space-between; flex-flow: wrap}
.kijiBox ul.float4 li{list-style: none; background:#e8e4dd; padding: 20px 0;margin-left: 0; margin-bottom: 20px; border-radius: 10px; width: 48%}



.kijiBox .hh1{  position: relative; font-family: "Noto Serif JP", serif;
 line-height: 1.3;
  padding: 20px 10px 20px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  background: #0425aa;
}

.kijiBox .hh1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #0425aa;
}


.kijiBox .hh2{ padding: .5em .7em;font-weight: 600; line-height: 1.3; font-size: clamp(1.125rem, 0.375rem + 3.75vw, 1.688rem);/*18-27*/
    border: 2px solid #0425aa;
    box-shadow: 5px 5px #0425aa;
    color:#0425aa; background: #fff}
    
.kijiBox .hh3{
 position: relative; text-align: left;
  padding: 12px 16px 12px 30px;
}
.kijiBox .hh3::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  width: 100px;
  height: 1px;
  transform: rotate(-14deg);
  box-sizing: border-box;
  background-color: #242424;
}
.kijiBox .hh3::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 120px;
  height: 1px;
  transform: rotate(14deg);
  box-sizing: border-box;
  background-color: #242424;
}
.kijiBox .hh3 > .ornament {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kijiBox .hh3 > .ornament::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 160px;
  height: 1px;
  transform: rotate(-12deg);
  box-sizing: border-box;
  background-color: #242424;
}
.kijiBox .hh3 > .ornament::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 160px;
  height: 1px;
  transform: rotate(12deg);
  box-sizing: border-box;
  background-color: #242424;
}  

.kijiBox .hh4{
    position: relative;
    padding: .7em 1.3em;
    color: #1130ae; display: inline-block
}

.kijiBox .hh4::before,
.kijiBox .hh4::after {
    display: inline-block;
    position: absolute;
    width: 1em;
    height: 1em;
    content: '';
}

.kijiBox .hh4::before {
    top: 0;
    left: 0;
    border-top: 3px solid #1130ae;
    border-left: 3px solid #1130ae;
}

.kijiBox .hh4::after {
    bottom: 0;
    right: 0;
    border-bottom: 3px solid #1130ae;
    border-right: 3px solid #1130ae;
}


.kijiBox .style3b {padding:1.1em .9em 1em; border-top:2px solid #1130ae; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }
.kijiBox .style4a {color:#0425aa ; padding:.3em 0 .3em .8em; border-bottom:none; border-left:2px solid #1130ae; }
.kijiBox .style5b {  padding:.5em .8em .4em 1em; color:#fff; background:#1130ae; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }

.kijiBox .balloon { position:relative; display:block; margin:0px 0 22px; padding:.5em 18px .5em; width:auto; min-width:115px; color:#fff; text-align:left; background:#1130ae; z-index:0; border-bottom:0; }
.kijiBox .balloon:after { content:""; position:absolute; bottom:-10px; left:30px; margin-left:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#1130ae transparent transparent transparent; }

.kijiBox .well0{background:#e8e4dd; padding: 20px; border-radius: 10px }
.kijiBox .well { background-color:#fff; min-height:20px; padding:19px; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); }
.kijiBox .well2 {padding:1em 1.5em; line-height:2; border:1px dashed #1130ae; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.kijiBox .wel3{
	padding:1em 1.5em;
	background-color:#fff;/*背景色*/
	position:relative;
}
.kijiBox .wel3:after{
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	border-width: 0 15px 15px 0;
	border-style: solid;
	border-color: #f1eee8 #f1eee8 #e2d6ca;
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.kijiBox .waku20 {
  position: relative;
  border-bottom: 1px solid #1130ae;
  padding: 20px;
  padding-top: 24px; /* 二重線のスペース分 */
}

.kijiBox .waku20::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #1130ae;
}

.kijiBox .waku20::after {
  content: '';
  position: absolute;
  top: 3px; /* 線の間隔 */
  left: 0;
  right: 0;
  border-top: 1px solid #1130ae;
}


.kijiBox a.q_button{display: block; box-shadow: 0 0 8px #80747d; padding:15px 40px; border-radius:10px; background:#1130ae; color:#fff !important} 
.kijiBox a.q_button:hover{ box-shadow: none} 

.kijiBox .youtube{position: relative;
height: 0;
margin: 0px 0 10px;
padding: 30px 0 56.25%;
overflow: hidden;
}

.kijiBox .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.youtube-shorts {
    position: relative;
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
}

.youtube-shorts iframe {
    width: 100%;
    height: 560px;
}
.kijiBox ul.service-price li{list-style: disc; margin-left: 20px; line-height: 1.4; margin-bottom: 10px}
.kijiBox ul li{list-style: disc; margin-left: 20px; line-height: 1.7; margin-bottom: 10px}
.kijiBox .f-ser ul li{list-style: none}

.kijiBox .soudanBox ul li{margin-left: 0}

.kijiBox ol li{list-style-type: decimal; margin-left: 20px; line-height: 1.7; margin-bottom: 10px}


.kijiBox table,.kijiBox td,.kijiBox th {
    border-collapse: collapse;
    border:1px solid #eae4e4;
    padding: 10px 
    }

.kijiBox strong{font-weight: 800}



.priv{font-weight: 500; text-align: right; color: #fff; margin: 80px 5% 0 0 ; font-size: clamp(0.813rem, 0.625rem + 0.94vw, 1rem)}/*13-16*/
.priv a{ display: block; margin-bottom: 5px; color: #000}
.priv a:hover{color: #0425aa}




.columnBox{ background:#e8e2d7; padding: 50px 5%; text-align: center}
.columnBox h2{margin-bottom: 30px; color: #1130ae ; font-size:clamp(1.375rem, 0.708rem + 3.33vw, 1.875rem)}/*22-30*/
.columnBox li{text-align: left; list-style: disc; margin-left: 20px ;border-bottom: 1px solid #d2cec6; margin-bottom: 10px}
.columnBox li a{display: block; color:#242424; padding-bottom: 10px; }

.columnBox li a:hover{color:#0425aa}
.columnBox li .child-post-list li{border: none; list-style-type: circle; font-size: clamp(0.688rem, 0.521rem + 0.83vw, 0.813rem)}/*11-13*/
.columnBox li .child-post-list li a{ margin-bottom: 0}


.soudanBox{letter-spacing: 1px; color: #fff; background: url("../img/foot.jpg") no-repeat; background-size: 100%; text-align: center; padding:50px 8% }
.soudanBox .text{font-size:clamp(1.75rem, 1.25rem + 2.5vw, 2.125rem)}/*28-34*/
.soudanBox h2{text-shadow:5px 5px 20px #251105 ; margin-top: -5px; font-size:clamp(2.125rem, 1.625rem + 2.5vw, 2.5rem)}/*34-40*/
.soudanBox .sub{text-shadow:5px 5px 20px #251105 ; padding-bottom: 36%; font-size:clamp(1.375rem, 0.708rem + 3.33vw, 1.875rem)}/*22-30*/
.soudanBox h3{text-shadow:5px 5px 20px #251105 ; margin-top: -5px; font-size:clamp(2.125rem, 1.625rem + 2.5vw, 2.5rem)}/*34-40*/
.soudanBox ul{display: flex; justify-content: space-between; flex-flow: wrap}
.soudanBox li{width: 48%; list-style: none !important; margin-left: 0 }
.soudanBox li a{display: block; background:#0425aa; border-radius: 10px; position: relative; padding: 15px 0; box-shadow: 0 0 4px #25211f;}
.soudanBox li a:hover{box-shadow: none}
.soudanBox li:last-child {width: 100%; margin: 15px 0 ; }
.soudanBox li:last-child a{padding: 15px }
.soudanBox li img{width:25%; max-width:48px}
.soudanBox li:last-child img{width: auto; max-width:301px}
.soudanBox li .ya{position: absolute; right: 10px; top: 35%; width: 20px}
.soudanBox .att{text-shadow:0 0 10px #867d73 ; font-size: 12px}

.pcmenuflex .nb25{margin-bottom: 35px}

footer {padding: 50px 0; text-align: center}

footer .elBox{color: #0425aa; text-align: center; background: url( "../img/top/f_elle.png") no-repeat center top; background-size: contain }
footer .elBox span{display: block ; font-size:clamp(1.5rem, 0.583rem + 4.58vw, 2.188rem) }/*24-35*/
footer .zyusyo , footer .zyusyo2{margin-left: 8%;  text-align: left ;font-size:clamp(0.75rem, 0.5rem + 1.25vw, 0.938rem) }/*12-15*/
footer .zyusyo {margin-top: 30px; margin-bottom:10px}
footer .zyusyo2{padding-bottom: 50px}

footer img{width: 25px}
footer .f-ser {text-align: left; padding: 50px 8%; font-family: "Noto Sans JP", sans-serif; background: #0425aa; color: #fff }
footer .f-ser a{color: #fff; display: block; border-bottom: 1px dashed #fff; margin-bottom: 5px; padding-bottom: 5px}
footer .f-ser .bono a{border: none}
footer .f-ser .priv0{margin-top: 20px}
footer .f-ser .priv0 a{border:none}
footer a.privacy{border: none}


footer .toppage a{border: none; border-bottom: 10px}
footer .en{font-size: 13px; margin-bottom: 5px}
footer dl{display: flex; justify-content: space-between ; border-bottom: 1px dashed #fff; margin-bottom: 20px}
footer dt{width: 4%;line-height: 1}
footer dd{width: 91%}
footer a:hover{opacity: 0.5 }


.copy{padding:30px 0 120px; text-align: center; font-size: 12px; letter-spacing: -1px}

.side .sideBox1{margin-top: 80px}
.pagination-single{margin-top: 80px}
.pagination-single a{display: block;
    background: #f1eaeb;
    padding: 15px; font-size: clamp(0.688rem, 0.563rem + 0.63vw, 0.813rem)}/*11-13*/
.pagination-single .pagination-box{margin-bottom: 20px}



@media screen and (min-width: 740px) {
.kotei{left: 50%; margin-left: -350px !important}
}

@media screen and (max-width: 1099px) {
.smtno{display: none !important}

/*.kasoupage .contBoxFlaxr{padding-top: 10px;}*/

.contBoxFlaxl {position: absolute; top: 0; left: 0; width: 100% ; background:#f2efe9 ; margin: 0 auto}
.contBoxFlaxl h1{display: inline-block; width: 56% ; font-weight: 700; line-height: 1.4; position: relative; z-index: 10; font-size: clamp(1.063rem, 0.335rem + 3.64vw, 1.563rem)}/*17-25*/
.contBoxFlaxl h1 a{display:inline-block; color: #1130ae}
.headl{line-height: 1.4; padding: 20px 0 20px 5%;}
.headl .sub{font-size:clamp(0.75rem, 0.205rem + 2.73vw, 1.125rem) }/*12-18*/
.headl .access1{ font-size: clamp(0.625rem, 0.352rem + 1.36vw, 0.813rem)}/*10-13*/
.headl .access2 a{z-index: 5; box-shadow: 0 0 4px gray; position: absolute; top: 22px; right: 70px;line-height: 1.4; border-radius: 10px; background: #1130ae; display: block; width: 75px; height: 60px;padding-top: 8px; box-sizing: border-box; color: #fff; text-align: center; font-size:clamp(0.625rem, 0.443rem + 0.91vw, 0.75rem) }/*10-12*/
.headl .access2 a:hover{box-shadow:none}

.contBoxFlaxr .maintitle{text-align: center; color: #FFFFFF}
.contBoxFlaxr .maintitle img{width: 487px; max-width: 80%; }


/*　ハンバーガーメニューボタン　*/
.hamburger {box-shadow: 0 0 4px gray;
  display : block;
  position: fixed;
  z-index : 9000;
  right : 0;
  top   : 22px;
  width : 60px;
  height: 60px;
  cursor: pointer;
  text-align: center;
  background: #1130ae; border-radius:10px 0 0 10px;
}
.hamburger:hover{box-shadow:none}
.hamburger:after{  content: "MENU"; color: #FFF; font-size: 11px; font-weight: 700; font-style: normal; position: absolute; top: 7px; left:11px}

.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 3px ;
  right    : 10px;
  background : #fff; border-radius: 2px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 26px;
  width: 40px;
}
.hamburger span:nth-child(2) {
  top: 36px;
  width: 40px;
  animation-delay: 0.33s;
}
.hamburger span:nth-child(3) {
  top: 46px;
  width: 40px;
}
/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {width:40px;
 transform: translate(0, 10px) rotate(-45deg); animation: unset;
}

.hamburger.active span:nth-child(2){
animation: unset;opacity: 0; 
}
.hamburger.active span:nth-child(3) {width:40px;
  transform: translate(0, -10px) rotate(45deg);
  animation: unset;
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 1000;
  top  : 0;
  left : 0;
  color: #fff;
  height:100vh;
  background: #1130ae;
  width: 100%;
/*  transform: scale(0,0);*/
transform: translateX(-100%);
  transition: all 0.6s;
  align-items: center;
  justify-content: center;
}
/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
  transform: translateX(0);
 transform: scale(1,1);
}



.globalMenuSp .f-ser {text-align: left; padding: 50px 8%; font-family: "Noto Sans JP", sans-serif; background: #0425aa; color: #fff }
.globalMenuSp .f-ser a{color: #fff; display: block; border-bottom: 1px dashed #fff; margin-bottom: 5px; padding-bottom: 5px}
.globalMenuSp .f-ser .bono a{border: none}
.globalMenuSp .f-ser .priv0{margin-top: 20px}
.globalMenuSp .f-ser .priv0 a{border:none}
.globalMenuSp a.privacy{border: none}
.globalMenuSp .toppage a{border: none; border-bottom: 10px}
.globalMenuSp .en{font-size: 13px; margin-bottom: 5px}
.globalMenuSp dl{display: flex; justify-content: space-between ; border-bottom: 1px dashed #fff; margin-bottom: 20px}
.globalMenuSp dt{width: 4%;line-height: 1}
.globalMenuSp dd{width: 91%}
.globalMenuSp a:hover{opacity: 0.5 }


.kotei{ margin: 0 5%; position: fixed; line-height: 1;
  bottom: 0; 
  color: #fff;
  cursor: pointer;
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
  z-index: 88; text-align: center; width: 90%; max-width: 700px;
    transform: translateY(100%); /* 下に隠す */
  transition: all 0.4s ease-in-out; /* スムーズなアニメーション */
}
.kotei a{color: #fff; display: block ; text-align: center; background:#1130ae; transition: .3s; 
position: relative; border-radius: 10px 10px 0 0; box-shadow: 0 0 8px #80747d; }
.kotei li img{max-width:50px ; width: 38% }

.kotei li{border-radius: 10px;}
.kotei li a{min-height: 84px; box-sizing: border-box;}
.kotei li:first-child a {padding: 20px 0; background:#1130ae; background-size:152px 60px; font-size: clamp(1.125rem, 0.458rem + 3.33vw, 1.75rem) }/*18-28*/
.kotei li:hover a{ box-shadow: none}
.kotei li:first-child a span{display: inline-block; padding-bottom: 8px; font-size:clamp(1rem, 0.667rem + 1.67vw, 1.25rem) }/*16-20*/

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible; transform: translateY(0); /* 元の位置に戻す */
}

.copy{padding-bottom: 130px}
.cpp{padding: 50px 0 80px; text-align: center}
.cont-right{display: none}

}


@media screen and (min-width: 1100px) {
body{font-size: 20px}

.contBoxFlax{width: 100%;}
.contBoxFlaxl{width: 30%;
        position: fixed;
        right: 0;
        background:#1130ae;
        height: 100vh;
        padding-left: 5%; color: #fff; box-sizing: border-box}
.contBoxFlaxl .headl{display: none}
.contBoxFlaxr{padding-top: 0px; width: 70%; position: relative; z-index: 3;  }/*メインコンテンツ*/
.contBoxFlaxr .maincont{width: 540px; margin: 0 0 0 auto}

#freekiji{padding-top: 30px}
.cont-right{color:#1130ae ; position: fixed; left: 3%; top: 0px; padding-top: 50px; width: 18%; height: 100vh; z-index: 10; }
.cont-right .tate{ font-size:14px}
.cont-right .min{ font-size:clamp(1.25rem, -1.5rem + 4vw, 2rem)}/*20-32 1100-1400*/

.cont-right .soudanBox{background:none; color:#1130ae ; padding: 0; position: absolute; bottom: 10%}
.cont-right .soudanBox .text{font-size:clamp(0.875rem, -0.5rem + 2vw, 1.25rem)}/*14-20 1100-1400*/
.cont-right .soudanBox h2{text-shadow:none ; margin-top: -5px; font-size:clamp(1.25rem, -0.125rem + 2vw, 1.625rem)}/*20-26*/
.cont-right .soudanBox li img{vertical-align: middle}
.cont-right .soudanBox li:last-child img{width:100%;}
.cont-right .soudanBox .att{text-shadow:none ;}


.pcno{display: none !important}

header{position: fixed; height: 100vh; width: 100%; z-index: 1}
.headr .pcmenuflex{line-height: 2.2 ; font-size:clamp(0.813rem, -1.25rem + 3vw, 1rem) }/*13-16 1100-1200*/
.headr .pcmenuflex .bikasera{line-height: 1.5; padding-bottom:10px !important;}
.headr .pcmenuflex .bikasera strong{font-size: 12px ; color: #80747d;}
.headr .pcmenuflex .toppage{line-height: 1.4}


.headl h1{display: none}

.headr{  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20%; }
.headr a{ color: #fff; }
.headr a:hover{ color: #7b8bce}
footer .f-ser {text-align: left; padding: 50px 8%; font-family: "Noto Sans JP", sans-serif; background: #0425aa; color: #fff }
.headr .f-ser a{color: #fff; display: block; border-bottom: 1px dashed #fff; margin-bottom: 5px; padding-bottom: 5px}
.headr .f-ser a:hover{color:#8393d5 }
.headr .f-ser .bono a{border: none}
.headr .f-ser .priv0{margin-top: 20px}
.headr .f-ser .priv0 a{border:none}
.headr a.privacy{border: none}


.headr .toppage a{border: none; border-bottom: 10px}
.headr .toppage a:hover{color: #8393d5}
.headr .en{font-size: 13px; margin-bottom: 5px}
.headr dl{display: flex; justify-content: space-between ; border-bottom: 1px dashed #fff; margin-bottom: 20px}
.headr dt{width: 4%;line-height: 1}
.headr dd{width: 91%; margin-top: -10px}
.headr .linenone a{border: none; line-height: 1.2}




.kotei{direction: none}
.pcmenuflex a.btt{font-size: 18px ; padding: 20px 0 20px; margin: 20px auto 0 0; width: 100%; color: #fff}
.pcmenuflex a:hover.btt{color: #fff}

.copy{ padding-bottom: 30px}

.ftbtn{display: none}

}