/*
Theme Name: type-TN26
Author: TN
*/

@charset "UTF-8";


/*------------------------------------------------------------
	header - nav
------------------------------------------------------------ */
header { position: relative; width:100%; padding:0; background: rgba(255,255,255,1); top:0; z-index: 9999;}
header .inBx { width:96%; height:100px; margin: 0 auto; padding:0; display:flex; align-items:center; }
header h1, header p { position: relative; line-height:1.4; font-size:1.2vw; margin: 0 auto 0 0; padding-right: 2em; text-align: left; display: flex; align-items: center; color: var(--sub); font-weight: 500;}
header h1 a, header p a { display:block; margin-right: 1.6em;}
header h1 img, header p img { width: 26vw; max-width: 200px; margin: 0;}

#mobile-head { margin-right:auto; align-items:center;}
header nav { background: var(--main); height: 56px; display: flex; align-items: center; justify-content: center; padding: 0 1.5em;}
header nav ul { display: flex; align-items: center;}
header nav li { position: relative; padding:.1em .9em; margin: 0em; text-decoration:none; font-size:1vw; border-left: 1px solid #fff;}
header nav li:last-child,
header nav li:nth-last-of-type(2) { border-right: 1px solid #fff;}
header nav li a { position:relative; display:block; text-decoration:none; font-size:1.2vw; text-align:center; line-height:1.2; color: #fff; font-weight: 500; height: 18px; display: flex; align-items: center;}

header .inBx > div { display: flex; align-items: stretch; justify-content: flex-end;}
header .inBx > div a { display: flex; align-items: center; justify-content: center; width: 17vw; border-left: 1px solid #fff; padding: 12px 8px;}
header .inBx > div a:nth-of-type(1) { background: #00b901;}
header .inBx > div a:nth-of-type(2) { background: #1171da;}
header .inBx > div a:nth-of-type(3) { background: #ff414e;}
header .inBx > div a h6, header .inBx > div a i { color: #fff; line-height: 1;}
header .inBx > div a i { font-size: 3.2vw; margin: 0 5% 0 0;}
header .inBx > div a:nth-of-type(3) i { font-size: 3vw; margin: 0 5% 0 0;}
header .inBx > div a img { width: 18%; margin: 0 10px 0 0;}
header .inBx > div a h6 { font-size: 1.4vw;}
header .inBx > div a:nth-of-type(2) h6 { font-size: 1.7vw;}
header .inBx > div a h6 span { font-size: 1vw; display: block; margin-top: .4em;}
header .inBx > div a h6 span span { display: none; margin-top: 0;}
header .inBx > div a:hover { opacity: .7;}
header .inBx > div a:hover img { opacity: 1;}

/* FIXED */
header.fixed { position: fixed !important; top:0; bottom:inherit !important; width:100%; background: rgba(255,255,255,.8); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);}
header.fixed nav { height: 60px;}
header li:first-child,
header li:last-child { display: none;}
header.fixed nav li:first-child,
header.fixed nav li:last-child { display: block;}
header.fixed nav li:nth-last-of-type(2) { border-right: 0;}
header.fixed nav li:first-child img { width: 7vw; max-width: 80px;}
header.fixed nav li:last-child img { width: 2.5vw; max-width: 26px;}
@media(min-width:768px) {
    header.fixed .inBx { display: none;}
    header.fixed h1 span, header.fixed p span { display: none;}
}

/*hover*/
header nav a:hover { color: #fff; opacity: .6;}
header nav a:before,
header nav a:after{
  position: absolute;
  bottom: -8px;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #fff;
  transition:all .25s ease;
}
header nav a:before{ left: 50%; }
header nav a:after{ right: 50%; }
header nav a:hover:before,
header nav a:hover:after{ width: 50%; }

/* Toggle Button */
#nav-toggle { display: none; position: relative; width:30px; height:24px; cursor: pointer; z-index: 999; margin-left:auto; }
#nav-toggle div { position: relative; }
#nav-toggle span { display: block; position: absolute; height:2px; width: 100%; background: #5EBFAC; left: 0; transition: .35s ease-in-out; border-radius: 20px; }
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 11px; }
#nav-toggle span:nth-child(3) { top: 22px; }

.namemenu { width: 90%; margin: 0 auto 1.5em; text-align: center; font-size: 2.6vw; color: #999;}

@media(min-width:1250px) {
    header h1, header p { font-size:14px;}
    header nav li span, header nav a { font-size:15px!important; }
    header .inBx > div a { width: 220px;}
    header .inBx > div a i { font-size: 36px;}
    header .inBx > div a:nth-of-type(3) i { font-size: 32px;}
    header .inBx > div a img { width: 18%;}
    header .inBx > div a h6 { font-size: 18px;}
    header .inBx > div a:nth-of-type(2) h6 { font-size: 20px;}
    header .inBx > div a h6 span { font-size: 12px;}
    header .inBx > div a h6 span span { display: inline;}
}

@media(max-width:767px) {
    header { width: 100%; position: fixed; display: flex; align-items: center; padding: 0 4%; border-bottom: 1px solid #73C6B6;}
    header .inBx { width: 90%; margin: 0 auto 0 0; padding: 0; height:70px; }
    header h1, header p { margin:0; width:100%;}
    header h1 a, header p a { width:40%; margin-right: 4%;}
    header h1 span, header p span { font-size: 2.2vw; line-height: 1.5; width: 56%;}
    header h1 img, header p img { width:100%;}
    header .inBx > div { display: none;}

    header .btn { padding: .8em 1.5em; margin: 4% auto; border: 0; text-align: center; width: 80%;}
    header .btn i { color: #fff; padding-right: .5em;}

    #mobile-head {
    width: 10%;
    margin:0;
    padding:0;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 999;
    }
    header .logo {
    position: absolute;
    left: 0;
    top: 10px;
    }
    header nav {
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top:70px;
    left:-100vw;
    width: 100%;
    height:calc(100vh - 70px);
    text-align: center;
    padding:0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    z-index: 998;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    display: block;
    }
    header nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
    align-items: flex-start;
    width:100%;
    }
    header nav > ul {
    width: 100%;
    padding:0;
    margin-left: auto;
    }

    header nav ul li,
    header.fixed nav li {
    position: relative;
    padding:0;
    min-height:auto;
    text-align:left;
    font-size:4vw;
    font-weight:normal;
    display:block;
    width:100%;
    border-bottom:1px solid #d9edde;
    border-left: 0;
    }
    header nav > ul > li:last-child,
    header.fixed nav > ul > li:last-child { border: 0;}
    header nav ul li a {
    width: 100%;
    display: block;
    padding: .8em 1em;
    text-align:left;
    font-size:4vw;
    font-weight:normal;
    height: auto;
    }

    header nav ul li::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translate(-50%,-50%);
    transition: all .2s ease-in-out;
    color: #fff;
    display:block;
    }
    header nav > ul > li:last-child::after { display: none;}

    #nav-toggle, #post-menu {
    display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    header.open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
    }
    header.open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
    }
    header.open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
    }
    /* nav スライドアニメーション */
    header.open nav {
    /* nav top + #mobile-head height */
    -moz-transform: translateX(100vw);
    -webkit-transform: translateX(100vw);
    transform: translateX(calc(100vw));
    }

    header nav ul { flex-direction:column;}
    header nav li { margin-left:0;}
    header nav a:before, header nav a:after, header nav a.on:before, header nav a.on:after { display:none; }

    header nav > .tels { padding: 3% 5%; background: #fff; display: block; width: 100%;}

}


@font-face{
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-family: 'Noto Sans JP';
  src: url('/fonts/NotoSansJP-VariableFont_wght.ttf') format('ttf');
  }


@media(max-width:320px) {
    header nav > ul { width: 100%; }
    header nav ul li a, header.fixed nav ul li a { font-size:1.4rem; }
}


/*------------------------------------------------------------
	COLOR
------------------------------------------------------------ */
:root {
    --main: #476EAE;
    --sub: #48B3AF;
    --bg: #eef2f3;
    --bg1: #f4f1e2;
    --bg2: #d9f3f4;
    --bg3: #F2F1C4;
  
  
}



/*------------------------------------------------------------
	COMMON
------------------------------------------------------------ */
/* MAIN */
main { display: block;}
section { position:relative; width:100%; margin:0; padding:5% 0 0; overflow:hidden; }
section#fst { margin-top: 0!important;}
.izumi-wrapinBx { position:relative; width:80%; max-width: 1100px; margin:4% auto 0; }
.izumi-wrapinBx.min { max-width: 800px; }
.izumi-wrapinBx.w100 { width:100%; }
.izumi-wrapinBx hr { margin:2.5% 0; }



/* bg */
section.bg { background: var(--bg1); padding: 6% 0; margin-top: 8%;}
.izumi-wrapinBx.bg { background: var(--bg1); margin-top: 5%; padding: 3% 3.5%; border-radius: 20px;}
.izumi-wrapinBx.bg.cW { background: #fff; padding: 4% 3.5%;}
.bg.cB { background: var(--bg2);}
.bg.cY { background: var(--bg3);}


/* column */
.clmBox { position:relative; display:flex; flex-flow: row wrap; justify-content: space-between; }
.clmBox.normal { justify-content:flex-start; align-items:flex-start; }
.clmBox.cont-rev { justify-content:flex-end; align-items:flex-start; }
.clmBox.ali-rev { justify-content:flex-start; align-items:flex-end; }
.clmBox.all-rev { justify-content:flex-end; align-items:flex-end; }
.htmach { align-items:stretch; }
.clmBox > li { display:block; padding:0; border:0; position:relative; }
.clmBox > li.clmBox { display:flex; }
.clm2 > li, .clm2 .clms { width:48%; }
.clm3 > li, .clm3 .clms { width:32%; margin-bottom:4%; }
.clm4 > li, .clm4 .clms { width:23%; margin-bottom: 4%;}
.clm5 > li, .clm5 .clms { width:19%; }
.clm2.box2 .clms { width:50%; }
.clms { position:relative; }
.clm3::after{content:"";display: block;width:32%;}
.clm4::before{content:"";display: block;width:23%;order:1;}
.clm4::after{content:"";display: block;width:23%;}
.clm5 .empty{width:19%; margin:0;}
.clms { margin-bottom:2%; }
.clm2 li img, .clm3 li img, .clm4 li img, .clm5 li img, .clms img { width:100%; height:auto; }
.worksBox img, .jny img { display: block; max-height:30%; object-fit: cover; object-position: 50% 0%; }
.imgauto img { width:auto !important; }
.alignC { align-self:center; }
.alignC img { display:block; margin:auto; }
.clumn { display:flex !important; flex-direction:column; align-items: flex-start;}
.clmBox.nowrap { flex-wrap:nowrap; align-items: flex-start; }
.last-end-row { margin-right:auto; }
.last-end-clm { margin-top:auto; }

@media(max-width:767px) {
    main { margin-top: 71px;}
    section { padding:8% 0 0; }
    .izumi-wrapinBx { width:88%; margin:6% auto 0;}
    .izumi-wrapinBx.min { width:88%; }
    .izumi-wrapinBx img { max-width:100%; }
    .izumi-wrapinBx.brd { padding-bottom:10%; }

    section.bg { margin-top: 10%; padding: 8% 0;}
    .izumi-wrapinBx.bg { margin-top: 6%; padding: 6% 6.5%; border-radius: 14px;}
    .izumi-wrapinBx.bg.cW { padding: 6% 6.5%;}

    .clm2 li, .clm2 .clms, .clm3 li, .clm3 .clms, .clm4 li, .clm4 .clms, .clm5 li, .clm5 .clms { width:100%;}
    .clm2 li { margin-bottom:8%; }
    .clm2 li:last-child { margin-bottom:0; }
    .clm3 li, .clm3 .clms, .clm4 li, .clm4 .clms, .clm5 li, .clm5 .clms { width:48%; }
    .clm4::before{content:"";display: block;width:48.5%;order:1;}
    .clm4::after{content:"";display: block;width:48.5%;}

    a.gopage { font-size:2rem; letter-spacing:3px; margin:1.2em auto 0; padding:.1em 1em; }
    .arrowLink { font-size:180%; bottom:0; }

}


/*------------------------------------------------------------
	BUTTON
------------------------------------------------------------ */
button, [type="button"], [type="reset"], [type="submit"] { background:none; border:0; }
button:active { color:#fff; }
.btns { position: relative; width: 80%; max-width: 500px; margin: 5% auto 0;}
.btns a { color: #fff; border: 0; border-radius: 14px; line-height: 1; padding: 1.2em 1em 1.4em; text-align: center; width: 100%; display: block; font-weight: 700; font-size: 2vw;
	background-color: #476EAE;
	background-image: linear-gradient(45deg, #48B3AF 50%, transparent 50%);
	background-position: 70%;
	background-size: 315%;
	transition: background .35s ease-in-out;
}
.btns a:hover, .btns a:focus { color: #fff; outline: 0; background-position:0;}

a.txtlink { display: block; font-weight: 600; color: #ff414e; margin-top: .8em;}
a.txtlink i { color: var(--main); padding-right: .2em;}
a.txtlink:hover { text-decoration: underline;}

/* COMMON */
section > h2 { font-weight: 700; margin-bottom: .2em; text-align: center;}
section > h2::first-letter { color: var(--main); padding-right: .1em;}
section > h3,
section > h4,
section > h5,
section > h6,
section > p { text-align: center; font-weight: 600;}
/* section > h4 { margin-bottom: 2.5em;} */

body.home section > h2, .read > h3 { padding-top: 110px; background-position: 50% 0; background-repeat: no-repeat; background-size: 100px;}

h3 { position: relative; margin-bottom: 1em; padding-left: 1.2em;}
h3::after, h3::before { position: absolute; content: ""; left: 0; width: 8px; height: 50%;}
h3::before { top: 0; background: var(--main);}
h3::after { bottom: 0; background: var(--sub);}

.read > h3, .read > h3 { position: relative; padding: 120px 0 0; margin-top: -50px; z-index: 10;}
.read > h3::after, .read > h3::before,
h3.ntL::after, h3.ntL::before { display: none;}
h3.ntL, h3.ntL { padding: 0;}

@media(min-width:1200px) {
    .btns a { font-size: 20px;}
}
@media(max-width:767px) {
    .btns a { font-size: 4vw; margin:2em 0 1em; padding: 1.4em 1em 1.6em; border-radius: 10px;}
    body.home section > h2, .read > h3 { padding-top: 60px; background-size: 14%;}
}


/*------------------------------------------------------------
	TOP
------------------------------------------------------------ */
/* MAINS */
#izumi-topkv { padding: 0;}
#izumi-topkv .slide01 { border-bottom: 1px solid var(--main);}
#izumi-topkv .slide01 { padding: 0; background: url(images/top/slide01_bg.png) 50% 50% no-repeat; background-size: cover;}
#izumi-topkv .slide02 { padding: 0; background: url(images/top/slide02_bg.jpg) 50% 50% no-repeat; background-size: cover;}
#izumi-topkv h2 { padding: 0; margin: 0; max-width: 1200px; margin: 0 auto;} 


/* MESSAGE */
#izumi-messto { background: #F6FF99; position: relative; margin: 0; padding-bottom: 0;}
#izumi-messto::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 230px solid #A7E399;
  border-left: 250px solid transparent;
}
#izumi-messto .izumi-wrapinBx { border: 2px solid #fff; border-radius: 30px; width: 86%; max-width: 86%; margin: 0 auto; padding: 6% 3% 6% 6%;}
#izumi-messto .izumi-wrapinBx h3 { font-size: 30px; width: 70%;}
#izumi-messto .izumi-wrapinBx h3 span { display: block; color: #ec739e; font-size: calc(1em - 8px);}
#izumi-messto .izumi-wrapinBx div { position: relative;}
#izumi-messto .izumi-wrapinBx div p { background: #fff; padding: 4% 8% 4% 4.5%; border-radius: 20px; width: 65%;}
#izumi-messto .izumi-wrapinBx div p strong { color: #ec739e;}
#izumi-messto .izumi-wrapinBx > img { position: absolute; right: 0; bottom: 2%; width: 25%; max-width: 300px; z-index: 3;}
#izumi-messto .izumi-wrapinBx div img { position: absolute; right: 0; bottom: 0; width: 43%; max-width: 500px; z-index: 1;}
@media(max-width:767px) {
    #izumi-messto::after { border-top: 65px solid #F7BFCB; border-left: 65px solid transparent;}
    #izumi-messto .izumi-wrapinBx { border-radius: 24px; width: 90%; max-width: 90%; padding: 0; border: 0;}
    #izumi-messto .izumi-wrapinBx div p { padding: 7% 7.5% 70%; border-radius: 18px; width: 100%;}
    #izumi-messto .izumi-wrapinBx > img { width: 39%; bottom: 1%;}
    #izumi-messto .izumi-wrapinBx div img { right: 24%; width: 60%;}
}

/* ABOUT */
#izumi-abouttop h2, .works .read > h3 { background-image: url(images/common/icon_about.svg);}
#izumi-abouttop dl { align-items: center;}
#izumi-abouttop .izumi-wrapinBx:nth-of-type(2) dl { align-items: stretch;}
#izumi-abouttop .izumi-wrapinBx:nth-of-type(2) dt { background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 12px;}
#izumi-abouttop .izumi-wrapinBx:nth-of-type(2) dd p span { display: inline-block; font-weight: 600; font-size: calc(1em - 2px);}
#izumi-abouttop .izumi-wrapinBx:nth-of-type(2) dd p span:nth-of-type(1) { color: #10B2B2; margin-right:1.2em;}
#izumi-abouttop .izumi-wrapinBx:nth-of-type(2) dd p span:nth-of-type(2) { color: #ED5690; margin-right:1.2em;}
#izumi-abouttop .izumi-wrapinBx:nth-of-type(2) dd p span:nth-of-type(3) { color: #8C53FF;}
#izumi-abouttop .izumi-wrapinBx:nth-of-type(3) dl { flex-direction: row-reverse;}

.izumi-spCt { margin-top: 0; padding-top: 0;}
.izumi-spCt h3 { text-align: center; margin-bottom: -1em; z-index: 5;}
.izumi-spCt h3 span { display: inline-block; padding: .4em 2.4em .5em; border-radius: 100px; background: var(--sub); color: #fff;}
.izumi-spCt ul { background: var(--bg1); padding: 5% 1.5% 1.5%; border-radius: 20px;}

.izumi-spCt li { position: relative; padding: 2.4em; margin: 0; width: 33.3333%;}
.izumi-spCt li::after, .izumi-spCt li::before {
    content: "";
    position: absolute;
    width: 88%;
    height: 88%;
    display: block;
}
.izumi-spCt li::after {
    border-right: 1px dashed var(--sub);
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate(-0%,-50%);
}
.izumi-spCt li::before {
    border-top: 1px dashed var(--sub);
    top: 0%;
    left: 50%;
    transform: translate(-50%,-0%);
}
.izumi-spCt li:nth-child(1)::before, .izumi-spCt li:nth-child(2)::before, .izumi-spCt li:nth-child(3)::before { display: none;}
.izumi-spCt li:nth-child(3)::after, .izumi-spCt li:nth-child(6)::after { display: none;}
.izumi-spCt li h5 { text-align: center; color: #2aaf95; line-height: 1.4; margin-top: .6em;}
.izumi-spCt li h6 { position: absolute; left: .5em; top: .5em; z-index: 5; font-size: 30px; width: 50px; height: 50px; background: #60beac; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%;}


@media(max-width:767px) {
    #izumi-messto .izumi-wrapinBx h3 { font-size: 4.8vw;}
    #izumi-messto .izumi-wrapinBx h3 span { font-size: 3.6vw;}
    #izumi-abouttop .izumi-wrapinBx:nth-of-type(3) dl { flex-direction:column;}
    .izumi-spCt { margin-top: 12%;}
    .izumi-spCt h3 { text-align: center; margin-bottom: -1em; z-index: 5;}
    .izumi-spCt h3 span { padding: .4em 1.2em .5em;}
    .izumi-spCt ul { border-radius: 10px; padding-top: 8%;}
    .izumi-spCt li { padding: 5%; width: 50%;}
    .izumi-spCt li:nth-child(1)::before,
    .izumi-spCt li:nth-child(2)::before,
    .izumi-spCt li:nth-child(3)::before,
    .izumi-spCt li:nth-child(4)::before,
    .izumi-spCt li:nth-child(5)::before,
    .izumi-spCt li:nth-child(6)::before { display: none;}
    .izumi-spCt li:nth-child(1)::after,
    .izumi-spCt li:nth-child(2)::after,
    .izumi-spCt li:nth-child(3)::after,
    .izumi-spCt li:nth-child(4)::after,
    .izumi-spCt li:nth-child(5)::after,
    .izumi-spCt li:nth-child(6)::after { display: none;}
    .izumi-spCt li:nth-child(3)::before,
    .izumi-spCt li:nth-child(4)::before,
    .izumi-spCt li:nth-child(5)::before,
    .izumi-spCt li:nth-child(6)::before { display: block;}
    .izumi-spCt li:nth-child(2n-1)::after { display: block;}
    .izumi-spCt li h5 { font-size: 3.2vw;}
    .izumi-spCt li h6 { left: .5em; top: .5em; font-size: 4.2vw; width: 30px; height: 30px;}
}




/* REMUNERATION */
#izumi-remutop h2, .remuneration .read > h3 { background-image: url(images/common/icon_remu.svg);}
#izumi-remutop .izumi-wrapinBx.cW div { display: flex; justify-content: space-between; flex-wrap: wrap;}
#izumi-remutop .izumi-wrapinBx.cW div > h3 { text-align: center; width: 100%;}
#izumi-remutop .izumi-wrapinBx.cW div > h3 strong { color: #5EBFAC; display: inline-block; padding: 0 0 0 .4em;}
#izumi-remutop .izumi-wrapinBx.cW div > h3 strong span { font-size: calc(1em - 4px); display: inline-block; margin: 0 -.2em 0 -.3em;}
#izumi-remutop .izumi-wrapinBx.cW div > h4 { width: 47%; font-size: 1.9vw; border: 2px solid #5EBFAC; background: #fff; color: #5EBFAC;}
#izumi-remutop .izumi-wrapinBx.cW div > h4 span { display: inline-block; background: #5EBFAC; color: #fff; padding: .5em 1em; margin-right: 1em;}
#izumi-remutop .izumi-wrapinBx.cW div > h4:nth-of-type(2) { border-color: #798992; color: #798992;}
#izumi-remutop .izumi-wrapinBx.cW div > h4:nth-of-type(2) span { background: #798992;}
#izumi-remutop dl { align-items: flex-start; justify-content: space-between;}
#izumi-remutop dt, #izumi-remutop dd { border-radius: 14px; padding: 2em; align-items: center; margin: 4% auto 0; width: 46%;}
#izumi-remutop dl dt { background-color: var(--main);}
#izumi-remutop dl dd { background-color: #9545DB;}
#izumi-remutop dl h3, #izumi-remutop dl h4, #izumi-remutop dl h5, #izumi-remutop dl p { text-align: center;}
#izumi-remutop dl h4 { color: #fff; margin: .3em 0;}
#izumi-remutop dl h3, #izumi-remutop dl h5 { color: #fff151; display: block; margin: 0; padding: 0;}
#izumi-remutop dl h5 { font-size: 28px;}
#izumi-remutop dl p { color: #fff; font-size: 1.7vw;}
#izumi-remutop dl img { margin: 1.6em 0;}
#izumi-remutop .izumi-wrapinBx > h6 { text-align: center; margin: 0 0 1em; padding-top: 1.5em; border-top: 1px solid #5EBFAC;}
#izumi-remutop .izumi-wrapinBx > h6 span { font-size: calc(1em - 4px); display: inline-block; vertical-align: top; margin-right: .2em;}
#izumi-remutop .izumi-wrapinBx > .caption { text-align: center;}
#izumi-remutop ul { display: flex; justify-content: space-between; margin-top: 10%;}
#izumi-remutop li { width: 32%; padding: 3.5% 3% 1.2%; background: #fff; border-radius: 20px;}
#izumi-remutop li div { padding: 10% 5% 7%; background: #5EBFAC; border-radius: 16px; margin: -60px 0 7%;}
#izumi-remutop li div h3 { text-align: center; color: #fff; background: url(images/top/icon_tokuten.png) 50% 0 no-repeat; background-size: 46%; margin-bottom: .2em; padding-top: 1.8em;}
#izumi-remutop li div h4 { text-align: center; color: #fff151; font-size: 1.8vw;}
#izumi-remutop li p strong { font-weight: 600; display: block; color: #5EBFAC; margin-top: .6em;}
#izumi-remutop .acdctnt { display: block!important; margin-top: 1.2em;}
#izumi-remutop .acdctnt h6 { font-size: 1em; color: #fff; text-align: center; cursor: pointer;}
#izumi-remutop .acdctnt p { display: none; padding-top: 1em;}

@media(min-width:1140px) {
    #izumi-remutop .izumi-wrapinBx.cW div > h4 { font-size: 22px;}
    #izumi-remutop dl p { font-size: 16px;}
    #izumi-remutop li div h4 { font-size: 22px;}
}
@media(max-width:767px) {
    #izumi-remutop .izumi-wrapinBx.cW div > h4 { width: 90%; font-size: 3.4vw; margin: 0 auto;}
    #izumi-remutop .izumi-wrapinBx.cW div > h4 span { width: 34%; text-align: center;}
    #izumi-remutop .izumi-wrapinBx.cW div > h4:nth-of-type(2) { margin-top: 1em;}
    #izumi-remutop dl { border-radius: 12px; padding: 0; margin: 0 auto 0; }
    #izumi-remutop dl dt,
    #izumi-remutop dl dd { width: 100%; margin-top: 8%; padding: 1.8em 1.5em;}
    #izumi-remutop dl dt h3, #izumi-remutop dl dt h4, #izumi-remutop dl dt p { text-align: center;}
    #izumi-remutop dl h5 { font-size: 5vw;}
    #izumi-remutop dl p { font-size: 1.4rem;}
    #izumi-remutop .izumi-wrapinBx > h6 { text-align: center; margin: 0 0 1em;}
    #izumi-remutop ul { flex-direction: column; margin-top: 0%;}
    #izumi-remutop li { width: 90%; margin: 15% auto 0; padding: 5.5% 5%; border-radius: 12px;}
    #izumi-remutop li div { padding: 8% 5% 7%; border-radius: 12px; margin: -40px 0 6%;}
    #izumi-remutop li div h3 { background-size: 35%; margin-bottom: 0; padding-top: 1.6em; font-size: 7vw;}
    #izumi-remutop li div h4 { font-size: 5.2vw;}
}

/* REASON */
#izumi-reasontop h2 { background-image: url(images/common/icon_heart.svg);}
#izumi-reasontop ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
#izumi-reasontop li { padding: 2.5% 3%; background: #fff; border-radius: 20px; width: 32%;}
#izumi-reasontop li h5 { text-align: center; color: var(--main);}
#izumi-reasontop li img { margin: 6% 0; border: 2px solid #fff; border-radius: 8px;}
#izumi-reasontop li:nth-child(-n+3) { margin-bottom: 2%;}
#izumi-reasontop li:nth-child(n+4) { width: 49%;}
@media(max-width:767px) {
    #izumi-reasontop ul { flex-direction: column;}
    #izumi-reasontop li { padding: 5.5% 5%; border-radius: 12px; width: 100%;}
    #izumi-reasontop li img { margin: 6% 0;}
    #izumi-reasontop li:nth-child(-n+4),
    #izumi-reasontop li:nth-child(-n+3) { margin-bottom: 6%;}
    #izumi-reasontop li:nth-child(n+4) { width: 100%;}
}

/* KIRA MORI */
.movie { position: relative; width: 100%; padding-top: 56.25%; border: 1px solid #999;}
.movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

#izumi-moricamtop { padding-top: 8%;}
#izumi-moricamtop h2 { background-image: url(images/common/icon_camera.svg);}
#izumi-moricamtop dl { align-items: center;}
#izumi-moricamtop dt { width: 48%;}
#izumi-moricamtop dd { width: 52%; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: #d7ffe1; padding: 4%; position: relative;}
#izumi-moricamtop dd h6 { color: var(--main);}
#izumi-moricamtop dd h6 strong { color: #ff414e;}
#izumi-moricamtop dd img { position: absolute; right: 5%; bottom: -24%; z-index: 1; width: 80px;}
@media(max-width:767px) {
    #izumi-moricamtop { padding-top: 10%;}
    #izumi-moricamtop dl { padding-bottom: 4%;}
    #izumi-moricamtop dt { width: 80%; z-index: 1;}
    #izumi-moricamtop dd { width: 100%; border-radius: 12px; margin-top: -15%; padding: 18% 6% 6%;}
    #izumi-moricamtop dd img { right: 7%; bottom: -4%; z-index: 1; width: 17%;}
}


/* BLOGS */
#izumi-blogstop h2, .staffblog .read > h3 { background-image: url(images/common/icon_book.svg);}
#izumi-blogstop .blogposts li { margin-bottom: 0;}
#izumi-blogstop { padding-bottom: 5%;}
@media(max-width:767px) {
    #izumi-blogstop h5 { width: 90%; margin: 0 auto;}
    #izumi-blogstop .blogposts li:not(:last-child) { margin-bottom: 5%;}
    #izumi-blogstop { padding-bottom: 8%;}
}


/* STEP */
#izumi-stepstop h2 { background-image: url(images/common/icon_check.svg);}
#izumi-stepstop .izumi-wrapinBx:first-of-type { margin-bottom: 8%;}
#izumi-stepstop .izumi-wrapinBx.step li { position: relative; display: flex; align-items: flex-start; justify-content: space-between; padding: 4.5% 5%; border-radius: 20px; background: var(--bg1);}
#izumi-stepstop .izumi-wrapinBx.step li:not(:last-child) { margin-bottom: 6%;}
#izumi-stepstop .izumi-wrapinBx.step li:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: -65px;
    left: 50%;
    margin-left: -35px;
    border: 35px solid transparent;
    border-top: 30px solid var(--bg1);
}
#izumi-stepstop .izumi-wrapinBx.step li > div { width: 48%;}
#izumi-stepstop .izumi-wrapinBx.step li > img { width: 47%; border-radius: 10px; margin: 0;}
#izumi-stepstop .izumi-wrapinBx.step li h4 { margin-bottom: 1em; padding: .6em 1em .7em 1em; line-height: 1; color: #fff; border-left: 10px solid var(--sub); background: var(--main); width: 90%;}
#izumi-stepstop .izumi-wrapinBx.step li p strong { color: #ff414e;}
#izumi-stepstop .izumi-wrapinBx.step li p span { color: var(--main); display: block; font-weight: 600; margin-top: .6em;}

#izumi-stepstop .izumi-wrapinBx > h2 { text-align: center; background: none; padding: 0;}
#izumi-stepstop .izumi-wrapinBx > h2::first-letter { color: var(--main); padding-right: .1em;}
#izumi-stepstop .topfaq li { border: 2px solid var(--main); background: #fff; border-radius: 16px; margin-top: 5%; padding: 3%;}
#izumi-stepstop .topfaq span { display: flex; justify-content: center; width: 50px; height: 50px; border-radius: 10px; font-weight: 900; color: #fff; line-height: 1; font-size: 28px; margin-right: .8em; padding-top: .3em;}
#izumi-stepstop .topfaq li h6 { display: flex; align-items: center; line-height: 1.4;}
#izumi-stepstop .topfaq li h6 span { background: var(--main);}
#izumi-stepstop .topfaq li div { display: flex; align-items: flex-start; border-top: 2px solid var(--main); margin-top: 1.5em; padding-top: 1.5em;}
#izumi-stepstop .topfaq li div span { background: var(--sub);}
#izumi-stepstop .topfaq li div p { width: calc(100% - 60px);}

@media(max-width:767px) {
    #izumi-stepstop .izumi-wrapinBx:first-of-type { margin-bottom: 10%;}
    #izumi-stepstop .izumi-wrapinBx.step li { flex-direction: column; padding: 6.5% 6%; border-radius: 12px;}
    #izumi-stepstop .izumi-wrapinBx.step li:not(:last-child) { margin-bottom: 8%;}
    #izumi-stepstop .izumi-wrapinBx.step li:not(:last-child)::after {
        bottom: -44px;
        margin-left: -25px;
        border: 25px solid transparent;
        border-top: 20px solid #fff;
    }
    #izumi-stepstop .izumi-wrapinBx.step li > div { width: 100%; margin-bottom: 5%;}
    #izumi-stepstop .izumi-wrapinBx.step li > img { width: 100%; border-radius: 8px;}
    #izumi-stepstop .izumi-wrapinBx.step li h4 { margin-bottom: 1em; padding: .8em 1em .9em 1em; width: 100%;}

    #izumi-stepstop .topfaq li { border-radius: 12px; margin: 6% 0 0; padding: 6%;}
    #izumi-stepstop .topfaq span { width: 36px; height: 36px; border-radius: 8px; font-size: 20px; margin-right: .6em; padding-top: .35em;}
    #izumi-stepstop .topfaq li div { margin-top: 1.2em; padding-top: 1.2em;}
    #izumi-stepstop .topfaq li div p { width: calc(100% - 50px);}
}


/*------------------------------------------------------------
	BLOG
------------------------------------------------------------ */
.blogposts li { position: relative; margin-bottom: 3%; border: 2px solid var(--main); border-radius: 14px; background: #fff; overflow: hidden;}
.blogposts li .thums { background: var(--main); padding: .4em;}
.blogposts li .thums img { border-radius: 8px; height: auto;}
.blogposts li .excs { padding: 1.2em 1.4em 1.3em;}
.blogposts li .excs p { color: #666; line-height: 1.6;}
.blogposts li .excs .date { font-size: 1em; font-weight: 700; color: var(--main); line-height: 1; margin-top: .7em;}
.blogposts li .excs .date span { display: inline-block; margin-left: .4em; padding: .2em .5em .3em; color: #fff; font-size: calc(1em - 4px); background: var(--main); border-radius: 4px;}
.blogposts li .excs {}
.blogposts li::after {
    content: "";
    position: absolute;
    bottom: 12px;
    right: 12px;
    width: 0;
    height: 0;
    border-bottom: 24px solid var(--sub);
    border-left: 24px solid transparent;
}

.staffblog .postlist .sidebar-container, .archive .sidebar-container, .news .sidebar-container, .posthead .sidebar-container, .single .sidebar-container { border: 2px solid var(--main)!important;}

.blogposts li a { display: block; width: 100%; height: 100%;}
.blogposts li a:hover { background: #fdfaeb;}
.home .blogposts li .excs h6 { font-weight: 500; margin-bottom: .2em;}
.home .blogposts li .excs p { font-size: calc(1em - 2px); text-align: justify; line-height: 1.4;}
.archive .blogposts li,
.staffblog .blogposts li { width: 100%;}
.archive .blogposts li a,
.staffblog .blogposts li a { display: flex; align-items: center; justify-content: space-between;}
.archive .blogposts li a .thums,
.staffblog .blogposts li a .thums { width: 30%; height: auto; margin: 0;}
.archive .blogposts li .excs,
.staffblog .blogposts li .excs { width: 70%;}



/* single */
body.single { background: var(--bg1);}
.single > h6 { text-align: center;}
.single > h6 span { display: inline-block; text-align: center; color: var(--main); border: 1px solid var(--main); padding: .6em 1em .7em; line-height: 1; background: #fff; border-radius: 10px;}
.catnamelist > h6 { text-align: center;}
.catnamelist > h6 span { display: block; text-align: center; color: var(--main);}
.single > .izumi-wrapinBx:first-of-type { margin-top: 0;}
/* .single > .izumi-wrapinBx { display: flex; align-items: flex-start; justify-content: space-between;} */
.single .blogs { padding: 2.5em; background: #fff; border-radius: 20px;}
.single .blogs dl { display: block;}
.single .blogs dt,
.single .blogs dd { width: 100%;}
.postlist { margin-top: 0;}


@media(max-width:767px) {
    .single > h6 { text-align: center;}
    .single > h6 span { display: inline-block; text-align: center; color: var(--main); border: 1px solid var(--main); padding: .4em 1em .6em; line-height: 1;}
    .single .blogs { padding: 2em; border-radius: 14px;}

    .blogposts li { width: 100%; margin-bottom: 6%; border-radius: 14px;}
    .blogposts li a { display: flex; align-items: flex-start; justify-content: space-between; padding: 1.2em 1.2em 1.3em;}
    .blogposts li .thums { width: 42%; padding: 0; background: none;}
    .blogposts li .excs { width: 52%; padding: 0;}
    .blogposts li .excs .date { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; font-size: 1.4rem; margin-top: 1em;}
    .blogposts li .excs .date span { display: inline-block; margin: .5em 0 0; padding: .3em .6em .4em;}
    .archive .blogposts li a,
    .staffblog .blogposts li a { align-items: flex-start;}
    .archive .blogposts li a .thums,
    .staffblog .blogposts li a .thums { width: 42%;}
    .archive .blogposts li .excs,
    .staffblog .blogposts li .excs { width: 52%;}
        

}


/*------------------------------------------------------------
	PAGE HEAD
------------------------------------------------------------ */
.izumi-pgsUdhd { position: relative; padding:0 10%; height:300px; background: url(images/common/main_bg.jpg) 50% 50% no-repeat; background-size:cover; display:flex; align-items:center; justify-content: center; border-bottom: 1px solid var(--main);}
.izumi-pgsUdhd h2 { position: relative; margin: 0; padding: 0; line-height: 1; z-index: 3; }

.read { position: relative; z-index: 10; padding: 0; margin-top: -50px;}
.read > h3 { padding-top: 140px; margin: 0;}
.read .izumi-wrapinBx { margin-top: 1.4em;}
.read .izumi-wrapinBx h6 { text-align: center;}
.read .izumi-wrapinBx div { display: flex; justify-content: center; margin-top: 5%;}
.read .izumi-wrapinBx div a { display: block; border-radius: 12px; border: 2px solid var(--main); color: var(--main); text-align: center; padding: 1em 1em 1.2em; font-weight: 600;}
.read .izumi-wrapinBx div a:hover { background: #fdfaeb;}

@media(max-width:767px) {
    .izumi-pgsUdhd { height:20vh; justify-content: center;}
    .izumi-pgsUdhd h2 { font-size: 6vw; background-size: 120px,120px;}

    .read { position: relative; z-index: 10; padding: 0; margin-top: -7%;}
    .read > h3 { padding: 70px 2em 0;}
    .read .izumi-wrapinBx { margin-top: 1.5em;}
    .read .izumi-wrapinBx h6 { font-weight: 500;}
    .read .izumi-wrapinBx div { margin-top: 8%; flex-direction: column; align-items: center;}
    .read .izumi-wrapinBx div a { padding: 1em 1em 1.2em; width: 90%;}
}


/*------------------------------------------------------------
	WORKS
------------------------------------------------------------ */
.works .read .izumi-wrapinBx div a { width: 28%;}
.works .read .izumi-wrapinBx div a:nth-child(3n-1) { margin: 0 1.8em;}

#works-about dl { margin-top: 5%; padding: 4.5% 5%; border-radius: 20px; background: #fff;}
#works-about dl:nth-of-type(even) { flex-direction: row-reverse;}
#works-about dl:nth-of-type(2) { align-items: center;}

#works-flow li { position: relative; display: flex; align-items: flex-start; justify-content: space-between; padding: 4.5% 5%; border-radius: 20px; background: var(--bg1);}
#works-flow li:not(:last-child) { margin-bottom: 6%;}
#works-flow li:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: -65px;
    left: 50%;
    margin-left: -35px;
    border: 35px solid transparent;
    border-top: 30px solid var(--bg1);
}
#works-flow li > div { width: 47%;}
#works-flow li > img { width: 48%; border-radius: 10px; margin: 0;}
#works-flow li p strong { display: block; color: var(--main); font-weight: 500; margin-top: .8em;}
#works-flow .izumi-wrapinBx.min { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 2.5% 3%; border-radius: 20px; background: var(--bg3);}
#works-flow .izumi-wrapinBx.min h6 { text-indent: -.5em; padding-left: 1em; margin-bottom: 1em;}
#works-flow .izumi-wrapinBx.min h6 span { display: inline-block; color: var(--main); padding-right: .4em;}
#works-flow .izumi-wrapinBx.min div { width: 55%;}
#works-flow .izumi-wrapinBx.min img { width: 40%; border-radius: 50%; margin: 0;}

#works-camera .izumi-wrapinBx { display: flex; align-items: center; justify-content: space-between;}
#works-camera .izumi-wrapinBx img { width: 45%; margin: 0;}
#works-camera .izumi-wrapinBx h6 { width: 50%;}
#works-camera .izumi-wrapinBx h6 strong { color: var(--main);}

#works-promise .izumi-wrapinBx { margin-top: 0;}
#works-promise h3,
#works-promise h6 { text-align: center;}
#works-promise h6 { font-weight: 500; margin-bottom: 1em;}
#works-promise h3 strong { color: var(--main); padding: 0 .3em;}
#works-promise li { margin-top: 5%; padding: 0 3% 3%; background: var(--bg1); border-radius: 20px; display: flex; align-items: center; flex-direction: column;}
#works-promise li h4,
#works-promise li h5 { text-align: center;}
#works-promise li h4 { color: #fff; background: var(--main); margin-top: -1em; padding: .2em 2em .3em; border-radius: 30px;}
#works-promise li h5 { color: var(--main); margin: 1em 0;}

@media(max-width:767px) {
    .works .read .izumi-wrapinBx div a { width: 90%;}
    .works .read .izumi-wrapinBx div a,
    .works .read .izumi-wrapinBx div a:nth-child(3n-1) { margin: 1.5em auto 0;}
    .works .read .izumi-wrapinBx div a:nth-child(1) { margin-top: 0;}

    #works-about dl { margin-top: 8%; padding: 6% 6.5%%; border-radius: 14px;}
    #works-about dl:nth-of-type(even) { flex-direction: column;}
    #works-about dt img { border-radius: 8px;}

    #works-flow li { flex-direction: column; padding: 6.5% 6%; border-radius: 12px;}
    #works-flow li:not(:last-child) { margin-bottom: 8%;}
    #works-flow li:not(:last-child)::after {
        bottom: -44px;
        margin-left: -25px;
        border: 25px solid transparent;
        border-top: 20px solid var(--bg1);
    }
    #works-flow li > div { width: 100%; margin-top: 8%;}
    #works-flow li > img { width: 100%; border-radius: 8px;}

    #works-flow .izumi-wrapinBx.min { flex-direction: column-reverse; padding: 6.5% 6%; border-radius: 14px;}
    #works-flow .izumi-wrapinBx.min div { width: 100%;}
    #works-flow .izumi-wrapinBx.min img { width: 100%; border-radius: 8px; margin: 0 0 8%;}

    #works-camera .izumi-wrapinBx { flex-direction: column; justify-content: center;}
    #works-camera .izumi-wrapinBx img { width: 90%; margin: 0 auto 8%;}
    #works-camera .izumi-wrapinBx h6 { width: 100%;}

    #works-promise li { margin-top: 5%; padding: 0 6.5% 6%; border-radius: 14px;}
}


/*------------------------------------------------------------
	REMUNERATION
------------------------------------------------------------ */
.remuneration .read .izumi-wrapinBx div { flex-wrap: wrap;}
.remuneration .read .izumi-wrapinBx div a { width: 30%; margin: 0 1em 0;}

/* style */
#remu-style dt, #remu-style dd { padding: 0 4% 4%; background: #fff; border-radius: 20px;}
#remu-style h5 { width: 70%; color: #fff; margin: -1em auto 0; padding: .2em 2em .3em; border-radius: 30px; text-align: center;}
#remu-style dt h5 { background: #1171da;}
#remu-style dd h5 { background: #9545DB;}
#remu-style dt img { border: 1px solid #1171da; margin: 5% 0;}
#remu-style dd img { border: 1px solid #9545DB; margin: 5% 0;}
#remu-style dt h6 { color: #1171da; margin-bottom: .6em;}
#remu-style dd h6 { color: #9545DB; margin-bottom: .6em;}
#remu-style dt h6 i,
#remu-style dd h6 i { color: #ffd60f; padding-right: .2em;}

/* system */
#remu-system .chatsys dl { border: 2px solid #ccc; border-radius: 20px; margin-top: 4%; align-items: stretch; overflow: hidden;}
#remu-system .chatsys dt,
#remu-system .chatsys dd { width: 50%;}
#remu-system .chatsys dt { display: flex; align-items: center; justify-content: center; padding: 1em;}
#remu-system .chatsys dl:nth-of-type(1) { border-color: var(--main);}
#remu-system .chatsys dl:nth-of-type(1) dt { background: var(--main);}
#remu-system .chatsys dl:nth-of-type(1) dd h3 { color: var(--main);}
#remu-system .chatsys dl:nth-of-type(2) { border-color: #9545DB;}
#remu-system .chatsys dl:nth-of-type(2) dt { background: #9545DB;}
#remu-system .chatsys dl:nth-of-type(2) dd h3 { color: #9545DB;}
#remu-system .chatsys dl:nth-of-type(3) { border-color: #1171da;}
#remu-system .chatsys dl:nth-of-type(3) dt { background: #1171da;}
#remu-system .chatsys dl:nth-of-type(3) dd h3 { color: #1171da;}
#remu-system .chatsys dd { padding: 1.8em 2.4em;}
#remu-system .chatsys dd h3 { margin-bottom: .1em;}
#remu-system .chatsys dd h5 { margin-bottom: .8em;}

/* room */
#remu-room .izumi-wrapinBx > div { padding: 1.2em; background: #fff; border-radius: 20px; width: 31%;}
#remu-room .izumi-wrapinBx > div h5 { text-align: center; color: var(--main); margin-top: .8em;}
#remu-room .izumi-wrapinBx > div img { margin: 0; border-radius: 10px;}

/* simuration */
#remu-simu h3, #remu-simu h6 { text-align: center;}
#remu-simu h3 strong { display: block; color: var(--main);}
#remu-simu h3 { margin: 0;}
#remu-simu h6 { margin: .6em 0 1.5em;}

.simuQ { margin-top: 5%;}
.simuQ label, .simuQ input, .simuQ .fields::before { font-size: 24px; font-weight: 500;}
.simuQ label { cursor: pointer;}
.simuQ input { font-size: 20px;}

.simuQ .fields { position: relative; overflow: hidden; padding: 1.5em 1.5em 1.5em 20%!important;}
.simuQ .fields::before {
    content: "質問01";
    width: 15%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    background: var(--main);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
}
.simuQ .fields:nth-of-type(2)::before { content: "質問02";}
.simuQ .fields:nth-of-type(3)::before { content: "質問03";}
.simuQ .fields:nth-of-type(4)::before { content: "質問04";}
.simuQ .fields:nth-of-type(5)::before { content: "質問05";}
.simuQ .fields:nth-of-type(6)::before { content: "質問06";}
.simuQ .fields:nth-of-type(7)::before { content: "質問07";}
.simuQ .fields:nth-of-type(8)::before { content: "質問08";}
.simuQ .fields:nth-of-type(9)::before { content: "質問09";}
.simuQ .fields:nth-of-type(10)::before { content: "質問10";}
.simuQ .fields:last-of-type::before { display: none;}

.simuQ .fields:not(.cff-container-field) { border-radius: 14px; background: #fff; margin-bottom: 1.5em;}
.simuQ .fields:not(.cff-switch-container) input[type="radio"] { width: 20px!important; height: 20px!important;}
.simuQ .fields:not(.cff-switch-container) input[type="radio"]:checked { border: 2px solid var(--sub)!important;}
.simuQ .fields:not(.cff-switch-container) input[type="radio"]:checked::before { background-color: var(--sub)!important; width: 10px!important; height: 10px!important; }
.cp_cff_13 #fbuilder input[readonly] { background: none!important; border: 0!important; font-size: 40px!important; color: #FF3D5E!important; width: 100%!important; text-align: center!important; font-weight: 700!important; line-height: 1.2!important;}
.cp_cff_13 #fbuilder input:focus { border: 0!important; box-shadow: none!important; outline: 0!important;}
#fbuilder .cff-radiobutton-field .dfield label { margin-top: .4em!important;}

.simuQ .fields:last-of-type { width: 70%!important; margin: 0 auto!important; border: 2px solid var(--main); text-align: center!important; padding-left: 1.5em!important;}

#formheader_1 { display: none;}
#remu-room { margin-top: 0;}

@media(max-width:767px) {
    .remuneration .read .izumi-wrapinBx div a { width: 90%;}
    .remuneration .read .izumi-wrapinBx div a,
    .remuneration .read .izumi-wrapinBx div a:nth-child(-n+2) { margin: 1.5em auto 0;}
    .remuneration .read .izumi-wrapinBx div a:nth-child(1) { margin-top: 0;}

    /* style */
    #remu-style dt, #remu-style dd { padding-top: 5%; padding: 0 6.5% 6%; border-radius: 14px;}
    #remu-style dt { margin-top: 5%;}
    #remu-style dd { margin-top: 14%;}
    #remu-style h5 { width: 88%;}
    #remu-style dt img,
    #remu-style dd img { margin: 8% 0;}
    #remu-style dt h6,
    #remu-style dd h6 { text-indent: -.6em; padding-left: 1.2em;}

    /* system */
    #remu-system .chatsys dl { border-radius: 14px; margin-top: 6%; align-items: center;}
    #remu-system .chatsys dt,
    #remu-system .chatsys dd { width: 100%; margin: 0}
    #remu-system .chatsys dt { padding: 2em 1em;}
    #remu-system .chatsys dd { padding: 6% 6.5%;}
    #remu-system .chatsys dd h3,
    #remu-system .chatsys dd h5 { text-align: center;}

    /* room */
    #remu-room > h6 { padding: 0 2em;}
    #remu-room .izumi-wrapinBx { flex-direction: column;}
    #remu-room .izumi-wrapinBx > div { padding: 6% 6.5%; border-radius: 14px; width: 100%;}
    #remu-room .izumi-wrapinBx > div:not(:last-of-type) { margin-bottom: 6%;}
    #remu-room .izumi-wrapinBx > div img { margin: 0; border-radius: 8px;}

    /* simuration */
    .simuQ { margin-top: 6%;}
    .simuQ label, .simuQ input, .simuQ .fields::before { font-size: 4.4vw;}
    .simuQ input { font-size: 4.2vw;}
    .simuQ .fields { padding: 20% 1.5em 1.5em 1.5em!important;}
    .simuQ .fields::before {
        font-size: 4.6vw;
        padding: .7em 0;
        width: 100%;
        height: auto;
        text-align: center;
    }
    .cp_cff_13 #fbuilder input[readonly] { font-size: 8.2vw!important;}
    .simuQ .fields:last-of-type { width: 84%!important; padding-top: 1.5em!important;}

}


/*------------------------------------------------------------
	IDENTIFIED
------------------------------------------------------------ */
.identified .read > h3 { background-image: url(images/common/icon_camera.svg);}
#idenf-plan dl { margin-top: 5%; padding: 4.5% 5%; border-radius: 20px; background: #fff;}
#idenf-plan dt div { display: flex; align-items: center; margin-bottom: 1.5em;}
#idenf-plan dt div span { display: block; font-size: 94px; font-weight: 700; color: var(--main); margin-right: .3em; line-height: 1;}
#idenf-plan dt div h3 { margin: 0;}

#idenf-other .izumi-wrapinBx:nth-of-type(1) h3 { text-align: center; color: var(--main);}
#idenf-other .izumi-wrapinBx:nth-of-type(1) h6 { text-align: center; margin-bottom: 3em;}
#idenf-other li { padding: 1em; border-radius: 20px; background: var(--bg1);}
#idenf-other li h5 { text-align: center; color: var(--main); margin: 1em 0 .7em;}
#idenf-other li img { margin: 0; border-radius: 10px;}
#idenf-other li p { padding: 0 .6em .6em;}

#idenf-other .izumi-wrapinBx:nth-of-type(2) h3 { text-align: center; color: var(--main);}
#idenf-other .izumi-wrapinBx:nth-of-type(3) h3 { text-align: center;}
#idenf-other .izumi-wrapinBx:nth-of-type(3) img { margin: 4% 0;}
#idenf-other .izumi-wrapinBx:nth-of-type(3) h6 { margin-top: 4%; padding-top: 4%; border-top: 1px solid #ccc; text-align: center;}

@media(max-width:767px) {
    #idenf-plan dl { margin-top: 8%; padding: 6% 6.5%; border-radius: 14px;}
    #idenf-plan dt div { margin-bottom: 1.5em;}
    #idenf-plan dt div span { font-size: 15vw; margin-right: .3em;}

    #idenf-other .izumi-wrapinBx:nth-of-type(1) h6 { margin-bottom: 2em;}
    #idenf-other ul { flex-direction: column;}
    #idenf-other li { margin-bottom: 6%; padding: 6% 6.5%; border-radius: 14px; width: 100%;}
    #idenf-other li h5 { margin: 1em 0 .7em;}
    #idenf-other li img { border-radius: 8px;}
    #idenf-other li p { padding: 0;}

    #idenf-other .izumi-wrapinBx:nth-of-type(3) { margin-top: 14%;}
    #idenf-other .izumi-wrapinBx:nth-of-type(3) img { margin: 6% 0;}
    #idenf-other .izumi-wrapinBx:nth-of-type(3) h6 { margin-top: 8%; padding-top: 8%; font-size: 3.8vw;}
}


/*------------------------------------------------------------
	SIDE JOB
------------------------------------------------------------ */
.sidejob .udsFst-cnt h2 { background-image: url(images/common/icon_pen.svg);}
.sidejob .udsFst-cnt h2 span, .sidejob .udsFst-cnt h5 { color: #e06597; margin-top: .6em; text-align: center;}
.sidejob .izumi-wrapinBx.arB, .sidejob .bnrs { border-color: #6aa1e8;}
.sidejob .btns a { background: #e06597;}

.sidejob .udsFst-cnt .arB { background: url(images/sidejob/first_bg.jpg) 0 60% no-repeat; background-size: 100%; border-color: #e06597;}
.sidejob .udsFst-cnt .arB h6 { width: 70%; margin-left: 30%;}

.sidejob .abF .izumi-wrapinBx { margin-top: 3%; padding: 2em 3em; background: #fff; border-radius: 14px;}
.sidejob .abF .izumi-wrapinBx:first-of-type { margin-top: 0;}
.sidejob .abF .izumi-wrapinBx h4 { color: #e06597; margin-bottom: .8em; padding-bottom: .4em; border-bottom: 1px solid #e06597; line-height: 1;}
.sidejob .abF .izumi-wrapinBx h4 span { display: inline-block; padding: .2em; color: #fff; background: #e06597; width: 40px; height: 40px; text-align: center; margin-right: .5em;}
.sidejob .abF.scd .izumi-wrapinBx:first-of-type { margin-top: 3%;}

.sidejob .ydn .arB { background: url(images/sidejob/img01.png) 90% -10% no-repeat #fff6c0; background-size: 30%; margin-top: 0;}
.sidejob .ydn .arB h5 { width: 65%;}

.sidejob .szei .arB { background: url(images/sidejob/img02.png) 96% 100% no-repeat #fff; background-size: 360px; margin-top: 0;}
.sidejob .szei h3 { text-align: left; margin: 0; color: #6aa1e8;}
.sidejob .szei p { margin-top: 1em; width: 75%;}
.sidejob .szei p a { color: #6aa1e8; text-decoration: underline; overflow-wrap:break-word;}

@media(max-width:767px) {
    .sidejob .udsFst-cnt h2 { margin-bottom: 0;}
    .sidejob .udsFst-cnt .arB { background: url(images/sidejob/first_bg_sp.jpg) 0 100% no-repeat; background-size: cover; padding-bottom: 65%;}
    .sidejob .udsFst-cnt .arB h6 { width: 100%; margin-left: 0;}

    .sidejob .abF .izumi-wrapinBx { margin-top: 5%; padding: 1.5em;}
    .sidejob .abF.scd .izumi-wrapinBx:first-of-type { margin-top: 5%;}
    .sidejob .abF .izumi-wrapinBx h4 { margin-bottom: 1em; padding-bottom: .5em;}
    .sidejob .abF .izumi-wrapinBx h4 span { width: 7vw; height: 7vw; }
    .sidejob .abF.scd .izumi-wrapinBx h4 span { display: block; margin: 0 0 .5em;}

    .sidejob .ydn .arB { background: url(images/sidejob/img01.png) 120% 100% no-repeat #fff6c0; background-size: 62%; margin-top: 0;}
    .sidejob .ydn .arB h5 { width: 65%;}

    .sidejob .szei .arB { background: url(images/sidejob/img02_sp.png) 50% 100% no-repeat #fff; background-size:60vw; padding-bottom: 58%;}
    .sidejob .szei p { width: 100%;}
}


/*------------------------------------------------------------
	VOICE
------------------------------------------------------------ */
.voice .read > h3 { background-image: url(images/common/icon_store.svg);}

.voice .izumi-wrapinBx.arB, .voice .bnrs { border-color: #07b1d8;}
.voice .btns a { background: var(--main);}

.voice .udsFst-cnt .arB { display: flex; align-items: flex-start; justify-content:space-between;}
.voice .udsFst-cnt .arB img { width: 48%; margin: 0;}
.voice .udsFst-cnt .arB div { width: 48%;}
.voice .udsFst-cnt .arB h5 { text-align: left; margin: 0 0 .8em; padding: .5em .8em; line-height: 1; background: #07b1d8; color: #fff;}
.voice .udsFst-cnt .arB h6 { margin: .8em 0; color: #07b1d8;}

.voice .cmm .izumi-wrapinBx dl { margin-top: 5%; display: flex; align-items: flex-start; justify-content:space-between; padding: 2em; background: #fff; border-radius: 14px;}
.voice .cmm .izumi-wrapinBx dl:first-of-type { margin: 0;}
.voice .cmm .izumi-wrapinBx dt { width: 35%;}
.voice .cmm .izumi-wrapinBx dt img:first-of-type { margin: 0; border-radius: 50%;}
.voice .cmm .izumi-wrapinBx dt img:last-of-type { max-width: 65%;}
.voice .cmm .izumi-wrapinBx dt h6 { text-align: center; margin: .5em 0 .8em;}
.voice .cmm .izumi-wrapinBx dd { width: 60%;}
.voice .cmm .izumi-wrapinBx dd div { margin-top: 2em; padding: 1em 1.4em; background: #eaf4ff;}
.voice .cmm .izumi-wrapinBx dd h4, .voice .cmm .izumi-wrapinBx dd h6 { color: #07b1d8;}
.voice .cmm .izumi-wrapinBx dd h4 { padding-bottom: .4em; margin-bottom: .8em; border-bottom: 2px solid #07b1d8;}
.voice .cmm .izumi-wrapinBx dd h6 { margin: 0 0 .2em;}
.voice .cmm .izumi-wrapinBx dd h6 i { color: #fd827d; margin-right: .3em; font-size: calc(1em + 4px);}

.voice .toFaq h3 { text-align: center; color: var(--main);}

@media(max-width:767px) {
    .voice .udsFst-cnt h2 { margin-bottom: 0;}
    .voice .udsFst-cnt .arB { flex-direction: column;}
    .voice .udsFst-cnt .arB img,
    .voice .udsFst-cnt .arB div { width: 100%;}
    .voice .udsFst-cnt .arB div { margin-top: 8%;}

    .voice .cmm .izumi-wrapinBx dl { margin-top: 5%; padding: 2em; flex-direction: column;}
    .voice .cmm .izumi-wrapinBx dt { width: 65%; margin: 0 auto;}
    .voice .cmm .izumi-wrapinBx dt img:last-of-type { max-width: 90%;}
    .voice .cmm .izumi-wrapinBx dd { width: 100%; margin-top: 8%;}
    .voice .cmm .izumi-wrapinBx dd div { margin-top: 1.5em;}
}
@media(max-width:320px) {
}


/*------------------------------------------------------------
	STORE
------------------------------------------------------------ */
.store .read > h3 { background-image: url(images/common/icon_store.svg);}

.store .izumi-wrapinBx.arB, .voice .bnrs { border-color: var(--main);}
.store .btns a { background: var(--main);}

.store .udsFst-cnt { padding: 0;}
.store .udsFst-cnt li { border: 2px solid var(--main); border-radius: 20px; background: #fff; padding: 1.5em; margin-top: 4%; width: 48%;}
.store .udsFst-cnt li h5 { margin: 1em 0 .8em; text-align: center; color: var(--main);}
.store .udsFst-cnt li img { border-radius: 10px;}

.store .storemenu .btns { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.store .storemenu a { width: 30%; margin: 1.5em 0 0;}
.store .storemenu a:hover { background: var(--sub);}

.store .storelist .izumi-wrapinBx { margin-top: 8%;}
.store .storelist .izumi-wrapinBx:first-of-type { margin-top: 0;}
.store .storelist h3 { text-align: center;}
.store .storelist h3 span { display: inline-block; padding: .4em 1em .5em; border: 2px solid var(--main);line-height: 1; color: var(--main);}
.store .storelist li { border: 2px solid var(--main); background: #fff; margin-top: 4%; width: 48%;}
.store .storelist li h5 { text-align: center; color: #fff; background: var(--main); padding: .3em 1em .5em;}
.store .storelist li img { margin: 0;}
.store .storelist li article { margin: 2em;}
.store .storelist li table { width: 100%;}
.store .storelist li th,
.store .storelist li td { padding: .5em .8em; border: 1px solid #ccc; font-weight: normal;}
.store .storelist li th { width: 30%; text-align: center;}
.store .storelist li div { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 2em;}
.store .storelist li div img { width: 25%;}
.store .storelist li div p { position:  relative; width: 70%; font-weight: 500; color: #fff; background: #1171da; padding: 1em; border-radius: 10px; font-size: 14px; line-height: 1.5;}
.store .storelist li div p:after {
    content: "";
    position: absolute;
    top: 35px;
    left: -24px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #1171da;
}

@media(max-width:767px) {
    .store .udsFst-cnt li { margin: 6% 0 0; width: 100%;}
    .store .udsFst-cnt li h6 { margin: .8em 0 .4em; text-align: center; color: var(--main);}
    .store .storemenu a { width: 47%; margin: 1.2em 0 0;}
    .store .storelist .izumi-wrapinBx { margin-top: 10%;}
    .store .storelist h3 span { padding: .4em 1.5em .5em;}
    .store .storelist li { margin: 6% 0 0; width: 100%;}
    .store .storelist li h5 { padding: .4em 1em .6em;}
    .store .storelist li article { margin: 1.5em;}
    .store .storelist li th,
    .store .storelist li td { font-size: 14px; line-height: 1.3;}
    .store .storelist li div { margin-top: 1.5em;}
    .store .storelist li div p { font-size: 13px;}
    .store .storelist li div p:after { top: 30px;}
}


/*------------------------------------------------------------
	STAFF
------------------------------------------------------------ */
.staff-pf .read > h3 { background-image: url(images/common/icon_staffpf.svg);}

.staff-pf .read .izumi-wrapinBx div { flex-wrap: wrap; flex-direction: row;}
.staff-pf .read .izumi-wrapinBx div a { width: 28%; margin: 0 2% 3%;}

#stfpf { background: #fff; padding-bottom: 5%;}
#stfpf .izumi-wrapinBx { margin-top: 5%;}
#stfpf .izumi-wrapinBx h3 { font-size: 24px; color: var(--main); border-bottom: 1px solid var(--main); padding: 0 0 .5em; text-align: center;}
#stfpf .izumi-wrapinBx h4 { font-size: 20px; text-align: center; margin-bottom: .8em;}
#stfpf .izumi-wrapinBx > div { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 4%;}
#stfpf .izumi-wrapinBx > div > div { width: 48.5%; margin: 3% 0 0; padding: 1.5em; border-radius: 16px;}
#stfpf .pM { background: #e6f4fc;}
#stfpf .pF { background: #ffefef;}
#stfpf .izumi-wrapinBx img { width: 90%; margin: .5em auto 5%;}
#stfpf .izumi-wrapinBx > div > div div { padding: .5em 1em; background: #fff;}
#stfpf .izumi-wrapinBx dl { font-size: 16px; padding: .6em .5em; border-bottom: 1px solid #ccc; display: flex; flex-wrap: wrap;}
#stfpf .izumi-wrapinBx dt { width: 36%; border-right: 1px solid #ccc; padding-right: .6em;}
#stfpf .izumi-wrapinBx dd { width: 64%; padding-left: 1em; }
#stfpf .izumi-wrapinBx dl:last-of-type dd { padding: .5em 0 0; }
#stfpf .izumi-wrapinBx > div > div div dl:last-of-type { border: 0;}
#stfpf .izumi-wrapinBx > div > div div dl:last-of-type dt,
#stfpf .izumi-wrapinBx > div > div div dl:last-of-type dd { width: 100%; border: 0;}

#stfpf .izumi-wrapinBx > a { display: block; width: 50%; margin: .5em auto 1em; padding: .8em 1em; background: var(--main); color: #fff; text-align: center; border-radius: 40px; font-size: 20px; }
#stfpf .izumi-wrapinBx > a:hover { opacity: .7;}
#stfpf #kanto > a { width: 40%;}

@media(max-width:880px) {
    #stfpf .menu { padding: 5% 2% 3%; margin-top: 8%;}
    #stfpf .menu a { margin: 0 auto .8em; padding: .4em; width: 80%; font-size: 1.6rem;}

    #stfpf .izumi-wrapinBx { margin-top: 10%;}
    #stfpf .izumi-wrapinBx h3 { font-size: 2rem; padding: 0 0 .5em;}
    #stfpf .izumi-wrapinBx h4 { font-size: 1.6rem; margin-bottom: .8em;}
    #stfpf .izumi-wrapinBx > div { margin-bottom: 5%;}
    #stfpf .izumi-wrapinBx > div > div { width: 100%; margin: 5% 0 0; padding: 1em; border-radius: 16px;}
    #stfpf .izumi-wrapinBx img { width: 80%; }
    #stfpf .izumi-wrapinBx dl { font-size: 16px; line-height: 1.4; padding: .8em .3em;}
    #stfpf .izumi-wrapinBx dt { width: 30%; }
    #stfpf .izumi-wrapinBx dd { width: 70%; }

    #stfpf .izumi-wrapinBx > a { width: 80%; margin-top: .5em; padding: .6em 1em; font-size: 1.8rem;}
}
@media(max-width:767px) {
    #stfpf .izumi-wrapinBx dl { font-size: 1.3rem; flex-direction: row; align-items: stretch;}
    #stfpf .izumi-wrapinBx dt, #stfpf .izumi-wrapinBx dd { margin: 0; padding: 0; font-weight: 400;}
    #stfpf .izumi-wrapinBx dt { padding-right: .6em;}
    #stfpf .izumi-wrapinBx dd { padding-left: 1em;}
}


/*------------------------------------------------------------
	FAQ
------------------------------------------------------------ */
.faq .read > h3 { background-image: url(images/common/icon_faq.svg);}

.faq .izumi-wrapinBx.arB, .voice .bnrs { border-color: var(--main);}
.faq .btns a { background: var(--main);}

.faq .udsFst-cnt .menu { padding: 3% 2% 2%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background: var(--bg1); margin-top: 5%;}
.faq .udsFst-cnt .menu a { display: block; margin: 0 1em 1em; padding: .6em; color: var(--main); background: #fff; border-radius: 12px; width: 30%; text-align: center; border: 1px solid #fff; font-size: 20px;}
.faq .udsFst-cnt .menu a:hover { border: 1px solid var(--main);}

.faqs .izumi-wrapinBx { max-width: 880px; margin-top: 8%;}
.faqs .izumi-wrapinBx:first-of-type { margin-top: 0;}
.faqs h3 { text-align: center;}
.faqs h3 span { display: inline-block; padding: .7em 1.2em .8em; border: 1px solid #666; line-height: 1; color: #333;}

.acd { margin-top: 1.3em;}
.acd:first-of-type { margin-top: 2.5em;}
.acd input { display: none;}
.acd label { width: 100%; padding: .8em 3em 1em 1.8em; cursor: pointer; position: relative; display: block; background: #fff; color: var(--main); border: 2px solid var(--main); border-radius: 9px; transition: all 0.25s;}
.acd label:hover { background: #fdfaeb;}
.acd label::after,
.acd label::before {
content: "";
position: absolute;
top: 50%;
right: 1em;
transform-origin :50% 50%;
width: 20px;
height: 2px;
background-color: var(--main);
transition: all 0.25s;
}
.acd label::after { transform: rotate(-90deg); }
.acd > div { height: 0; overflow: hidden; opacity: 0; transition: 0.25s; background: #fff; border: 2px solid var(--main); border-top: 0; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.acd input:checked ~ div { height: auto; opacity: 1; padding: 1em 1.5em 1.6em 4em;}
.acd input:checked ~ label::before { transform: rotate(0deg);}
.acd input:checked ~ label::after { transform: rotate(180deg);}
.acd input:checked ~ label { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.acd label h5, .acd > div div { display: flex; align-items: center; margin: 0;}
.acd > div div { align-items: flex-start;}
.acd label h5 span { display: block; margin-right: .4em; font-weight: bold;}
.acd > div div h5 { color: var(--main); margin-right: .4em; font-weight: 600;}
.acd > div div p { padding-top: .3em;}
.acd > div div p a { display: block; margin-top: .4em; color: #ff414e; text-decoration: underline;}
.acd > div div p a:hover { text-decoration: none;}

.searchBox h6 { text-align: center; color: var(--main);}
.searchBox { max-width: 600px; margin-top: 5%;}
.searchBox .input-group .form-control,
.input-group-btn:last-child>.btn { font-size: 18px!important; height: 50px; border-color: var(--main);}
.input-group-btn:last-child>.btn { color: #fff; background: var(--main); font-weight: 600;}
.btn-default:hover { background: #ff414e !important; opacity:1 !important;}
.searchBox input[type="submit"] { min-width: 100px;}

.search-result li a { display: flex; align-items: center; padding: .8em .5em; border-bottom: 2px solid var(--main);}
.search-result li:first-child a { border-top: 2px solid var(--main);}
.search-result h4 { text-align: center; margin-bottom: .4em;}
.search-result a h6 { margin-right: auto; transition: all .2s ease-in-out;}
.search-result a p { color: var(--main);}
.search-result a:hover { padding-left: 1em;}
.search-result a:hover h6 { color: var(--main);}

@media(max-width:767px) {
    .faq .udsFst-cnt .menu { padding: 5% 2% 3%; margin-top: 8%;}
    .faq .udsFst-cnt .menu a { margin: 0 auto 1em; padding: .8em; width: 80%; font-size: 1.4rem; border-radius: 9px;}
    .faqs .izumi-wrapinBx { margin-top: 12%;}

    .acd label::after,
    .acd label::before { width: 18px; }
    .acd label { padding: .6em 2.5em .75em 1em; font-size: 4.5vw;}
    .acd input:checked ~ div {  padding: 1.3em 1.4em;}
    .acd label h5 { align-items: flex-start; line-height: 1.4;}
    .acd label h5 span { display: block; margin-right: .4em; font-weight: bold;}
    .acd > div div h5 { color: var(--main); margin-right: .4em; font-weight: 600;}
    .acd > div div p { padding-top: .2em;}
}


/*------------------------------------------------------------
	INFECTION
------------------------------------------------------------ */
.home .infe { padding-bottom: 5%;}
.home .infe img { border: 2px solid #35aa97; border-radius: 14px;}

.infection .udsFst-cnt h2 { background-image: url(images/common/icon_infection.svg);}
.infection .udsFst-cnt h5 { color: #35aa97; text-align: center;}
.infection .izumi-wrapinBx.arB, .infection .bnrs { border-color: #35aa97;}
.infection .bnrs { margin-top: 5%;}
.infection .btns a { background: #35aa97;}

.infection .bgM h3 span {
    background-image: url(images/infection/title_ill01-l.png), url(images/infection/title_ill01-r.png);
    background-position: 0 0%, 100% 0%;
    background-repeat: no-repeat, no-repeat;
    background-size: 130px;
    display: inline-block;
    padding: .3em 150px .4em 170px;
    margin-bottom: 1.5em;
}
.infection .bgM li { padding: 1.5em; border: 2px solid #35aa97; border-radius: 14px; background: #fff; margin-bottom: 5%;}
.infection .bgM li h5 { line-height: 1.4; text-align: center; color: #35aa97;}
.infection .bgM li img { margin: 1em 0;}
@media(max-width:767px) {
    .home .infe { padding-bottom: 8%;}
    .infection .bgM h3 span {
        background-position: 0 50%, 100% 50%;
        background-size: 65px;
        display: inline-block;
        padding: .2em 4em .2em 4.5em;
    }
    .infection .bgM li { margin-bottom: 7%;}
    .infection .bgM li:last-child { margin-bottom: 2%;}
}


/*------------------------------------------------------------
	vstreamer
------------------------------------------------------------ */
body.vstreamer {
    background:-moz-linear-gradient(90deg, #f9e1f5,#d2f2f9);
    background:-webkit-linear-gradient(90deg, #f9e1f5,#d2f2f9);
    background:linear-gradient(90deg, #f9e1f5,#d2f2f9);
}

.vstreamer .udsFst-cnt h2 { color: #a563be; background-image: url(images/common/icon_pc.svg);}
.vstreamer .aboutVc .izumi-wrapinBx { border-color: #a563be;}
.vstreamer .aboutVc .izumi-wrapinBx::before {
    content: "";
    position: absolute;
    width: 104%;
    height: 100%;
    top: -1.5%;
    left: -2%;
    background-image: url(images/top/vst_ill-l.png), url(images/top/vst_ill-r.png);
    background-position: 0% 0, 100% 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 16%;
 }

.vbtns { display: block; width: 80%; max-width: 600px; margin: 6% auto; font-size: 2vw; padding: .8em 1em; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #fff; line-height: 1;
transition:0.25s;
background:-moz-linear-gradient(120deg, #3ba2e0,#a563be 60%,#a563be 80px,#bc44b3);
background:-webkit-linear-gradient(120deg, #3ba2e0,#a563be 60%,#a563be 80px,#bc44b3);
background:linear-gradient(120deg, #3ba2e0,#a563be 60%,#a563be 80px,#bc44b3);
background-size:100% 600px;
}
.vbtns:hover { background-position:0% 100%; color: #fff; text-shadow: 0 0 8px #510826;}
.vstreamer main article > section { width: 90%; max-width: 1100px; margin: 5% auto 0; padding: 4%; border-radius: 14px; background: #fff; box-shadow: 0 3px 8px #999;}
.vstreamer main article > section .izumi-wrapinBx { width: 100%;}

.vstreamer main #kv { border-radius: 0; box-shadow: none; padding: 0; width: 100%; max-width: 100%; margin: 0;}
.vstreamer main #kv::after, .vstreamer main #kv::before {
content: "";
display: block;
height: 3px;
background:-moz-linear-gradient(90deg, #20bee0,#e06acd);
background:-webkit-linear-gradient(90deg, #20bee0,#e06acd);
background:linear-gradient(90deg, #20bee0,#e06acd);
}

.vstreamer main article h2 { text-align: center; margin-bottom: .8em; padding: 0 .4em .4em; line-height: 1; letter-spacing: 0;}
.vstreamer main article h2.vtitle { background: url(images/common/icon_pc.svg) 50% 0 no-repeat; background-size: 90px; padding-top: 105px; color: #a563be; }
.vstreamer main article .supp h2 { padding-top: 0; color: #ef4b8a;}
.vstreamer main article .supp h2 span { display: inline-block; padding: 0 50px;
    background-image: url(images/vstreamer/icon_gift_l.svg),url(images/vstreamer/icon_gift_r.svg);
    background-position: 0 50%,100% 50%;
    background-repeat: no-repeat,no-repeat;
}
.vstreamer main article h4 { font-size: 24px; margin-bottom: .3em;}

/* about */
.vstreamer .aboutVc img:nth-of-type(1) { margin-bottom: 4%;}
.vstreamer .aboutVc strong { color: #a563be;}
.vstreamer .aboutVc .clmBox { align-items: flex-start; margin-top: 2.5em;}
.vstreamer .aboutVc .clmBox p { width: 55%;}
.vstreamer .aboutVc .clmBox img { width: 40%; height: auto; border-radius: 10px;}
/* support */
.vstreamer .supp dl { margin-bottom: 0%; display: flex; align-items: center; justify-content: space-between;}
.vstreamer .supp dt { width: 35%;}
.vstreamer .supp dt img { width: 100%; margin: 0;}
.vstreamer .supp dd { position: relative; width: 60%; border-radius: 10px; padding: 1.5em 2em;}
.vstreamer .supp dl dd::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -34px;
    margin-top: -18px;
    border: 18px solid transparent;
    border-right: 18px solid #ccc;
}
.vstreamer .supp dl:nth-of-type(2) dd::after,
.vstreamer .supp dl:nth-of-type(4) dd::after {
    left: inherit;
    right: -16px;
    border-right: none;
}

.vstreamer .supp dl:nth-of-type(2), .vstreamer .supp dl:nth-of-type(4) { flex-direction: row-reverse;}
.vstreamer .supp dl:nth-of-type(1) dd { background: #d0f1f2;}
.vstreamer .supp dl:nth-of-type(2) dd { background: #faf7e0;}
.vstreamer .supp dl:nth-of-type(3) dd { background: #fee0e2;}
.vstreamer .supp dl:nth-of-type(4) dd { background: #d2eaf7;}
.vstreamer .supp dl:nth-of-type(1) dd::after { border-right-color: #d0f1f2;}
.vstreamer .supp dl:nth-of-type(2) dd::after { border-left-color: #faf7e0;}
.vstreamer .supp dl:nth-of-type(3) dd::after { border-right-color: #fee0e2;}
.vstreamer .supp dl:nth-of-type(4) dd::after { border-left-color: #d2eaf7;}
.vstreamer .supp dl:nth-of-type(1) dd h4 { color: #247178;}
.vstreamer .supp dl:nth-of-type(2) dd h4 { color: #e98a26;}
.vstreamer .supp dl:nth-of-type(3) dd h4 { color: #ef4b8a;}
.vstreamer .supp dl:nth-of-type(4) dd h4 { color: #2185b7;}
.vstreamer .supp dl:nth-of-type(4) dt { width: 60%;}
.vstreamer .supp dl:nth-of-type(4) dd { width: 35%;}
.vstreamer .supp dl:nth-of-type(4) { margin-top: 2%;}
/* pay */
.vstreamer .pay { margin-top: 8%;}
.vstreamer .pay li { padding: 1.5em 2em; border-radius: 10px; background: #ece7f2; width: 48.5%; margin-bottom: 3%;}
.vstreamer .pay h4 { color: #a563be; display: flex; align-items: center;}
.vstreamer .pay h4 span { display: flex; align-items: center; justify-content: center; color: #fff; background: #a563be; border-radius: 50%; font-size: calc(1em + 4px); font-weight: bold; font-family: 'Renner*'; width: 40px; height: 40px;margin-right: .5em;}
.vstreamer .pay strong { color: #ef4b8a;}
/* sytem */
.vstreamer .sys { margin-top: 8%;}
.vstreamer .sys > div { padding: 5% 5% 2%; border-radius: 12px; background: #ffe9d9;}
.vstreamer .sys li { padding: 1.5em 2em; border-radius: 10px; background: #fff; width: 48.5%; margin-bottom: 3%;}
.vstreamer .sys h3,
.vstreamer .sys h4,
.vstreamer .sys h5 { text-align: center;}
.vstreamer .sys h3 { color: #ff8212;}
.vstreamer .sys h4 { color: #ff8212;}
.vstreamer .sys h5 { font-size: 20px;}
.vstreamer .sys > div > h4 { color: #333; margin: .5em auto 1em;}
.vstreamer .sys li { display: flex; align-items: center; justify-content: space-between;}
.vstreamer .sys li div { width: 65%;}
.vstreamer .sys li img { width: 37%; margin: 0;}
.vstreamer .sys li:nth-child(4) { display: block;}
.vstreamer .sys li:nth-child(4) > div:first-of-type { border-bottom: 1px solid #ff8212; padding-bottom: .5em;}
.vstreamer .sys li:nth-child(4) > div:last-of-type { padding-top: .7em;}
.vstreamer .sys li:nth-child(4) > div { display: flex; align-items: center; justify-content: center; width: 100%;}
.vstreamer .sys li:nth-child(4) h4, .vstreamer .sys li:nth-child(4) h5 { text-align: center;}
.vstreamer .sys li:nth-child(4) img { margin-right: .5%; width: 18%;}
/* merit */
.vstreamer main .mrt h2 { padding-top: 0; color: #ef4b8a; border-color: #ef4b8a;}
.vstreamer .mrt .clmBox > div { width: 48%; border-radius: 12px; overflow: hidden;}
.vstreamer .mrt .mrt1 { border: 3px solid #fee0e2;}
.vstreamer .mrt .mrt2 { border: 3px solid #e7e9eb;}
.vstreamer .mrt .mrt1 h3 { text-align: center; padding: .4em 0; color: #ef4b8a; background: #fee0e2;}
.vstreamer .mrt .mrt2 h3 { text-align: center; padding: .4em 0; color: #798992; background: #e7e9eb;}
.vstreamer .mrt .clmBox > div ul { padding: 5% 6%;}
.vstreamer .mrt .clmBox > div li { margin-bottom: 1.4em; display: flex; align-items: flex-start;}
.vstreamer .mrt .clmBox > div li:last-child { margin-bottom: 0;}
.vstreamer .mrt .clmBox > div h4 { font-size: 24px; line-height: 1.4;}
.vstreamer .mrt .clmBox > div i { display: block; margin-right: .4em; font-size: 34px;}
.vstreamer .mrt .mrt1 h4 { color: #ef4b8a; padding-bottom: .1em; border-bottom: 4px solid #f4d331;}
.vstreamer .mrt .mrt2 h4, .vstreamer .mrt .mrt2 i { color: #798992;}
.vstreamer .mrt .mrt1 i { color: #ef4b8a;}
/* faq */
.vstreamer main .faq { margin-top: 8%;}
.vstreamer main .faq h2 { padding: 0; color: #a563be; border: 0; line-height: 1.4;}
.vstreamer main .faq h2 span { display: block; font-size: calc(1em - 10px);}
.vstreamer .faq li { padding: 1.5em; border: 1px solid #a563be; border-bottom: 0;}
.vstreamer .faq li:last-child { border-bottom: 1px solid #a563be;}
.vstreamer .faq h4, .vstreamer .faq p { display: flex; align-items: center; line-height: 1.2;}
.vstreamer .faq h4 { color: #a563be; margin-bottom: .2em;}
.vstreamer .faq p { font-size: 20px;}
.vstreamer .faq h4 span, .vstreamer .faq p span { font-family: 'Renner*'; display: block; margin-right: .4em; font-weight: 500; min-width: 30px; font-size: 36px;}
/* footbanner */
.vstreamer .footBnr { width: 100%; max-width: 100%; padding: 0; margin: 8% 0; border-radius: 0; box-shadow: none; background: url(images/vstreamer/footer.jpg) 0 0 no-repeat; background-size: 100%; padding-top: calc(1070 / 1920 * 100%);}
.vstreamer .footBnr .vbtns { position: absolute; left: 0; right: 0; bottom: 0;}

/* TOPCONTENTS */
#vstreamer .izumi-wrapinBx { width: 90%; max-width: 1100px; margin: 5% auto 0; padding: 0 0 5%; border-radius: 20px; background: #fff; box-shadow: 0 3px 8px #999; overflow: hidden;}
#vstreamer ul { padding: 5% 6% 4%;}
#vstreamer li { margin-bottom: 1.4em; display: flex; align-items: flex-start;}
#vstreamer li:last-child { margin-bottom: 0;}
#vstreamer h4 { font-size: 20px; line-height: 1.4; color: #ef4b8a;}
#vstreamer i { display: block;margin-right: .4em; font-size: 30px; color: #ef4b8a;}

#vstreamer .izumi-wrapinBx > div { width: 90%; margin: 0 auto; padding: 4% 5% 0; border-top: 2px dashed #ef4b8a;}
#vstreamer .izumi-wrapinBx > div strong { color: #ef4b8a;}
#vstreamer .vbtns { max-width: 880px; font-size: 2.6vw;}

@media(min-width:1200px) {
    #vstreamer .vbtns { font-size: 30px;}
}
@media(max-width:767px) {
    .vstreamer .aboutVc .izumi-wrapinBx::before {
        top: -.5%;
        background-size: 30%;
     }
    .vbtns { width: 76%; margin: 10% auto; font-size: 5.5vw; padding: 1em 1em;}
    .vstreamer main article section { margin: 7% auto 0; padding: 6%; border-radius: 12px; box-shadow: 0 3px 7px #999;}

    .vstreamer main article h3 { font-size: 5vw; line-height: 1.4;}
    .vstreamer main article h2 { font-size: 6.5vw; margin-bottom: .8em; padding: 0 0 .6em;}
    .vstreamer main article p { font-size: 1.5rem; line-height: 1.6;}
    .vstreamer main article h2.vtitle { background: url(images/common/icon_pc.svg) 50% 0 no-repeat; padding: 80px 0 0; background-size: 64px;}
    .vstreamer main article .supp h2 span { width: 96%; padding: 0 40px;
        background-image: url(images/vstreamer/icon_gift_l.svg),url(images/vstreamer/icon_gift_r.svg);
        background-position: 0 50%,100% 50%;
        background-repeat: no-repeat,no-repeat;
        background-size: 8%,8%;
    }
    .vstreamer main article h4 { font-size: 4vw; line-height: 1.4; margin-bottom: .3em;}
    /* about */
    .vstreamer .aboutVc img:nth-of-type(1) { margin-bottom: 5%;}
    .vstreamer .aboutVc .clmBox { margin-top: 1em; flex-direction: column-reverse;}
    .vstreamer .aboutVc .clmBox p { width: 100%;}
    .vstreamer .aboutVc .clmBox img { width: 100%; border-radius: 8px;}
    /* support */
    .vstreamer .supp dl { margin-bottom: 5%; align-items: flex-start;}
    .vstreamer .supp dt { width: 35%;}
    .vstreamer .supp dd { width: 57%; border-radius: 10px; padding: 1em;}
    .vstreamer .supp dl dd::after {
        top: 20%;
        left: -24px;
        margin-top: -12px;
        border: 12px solid transparent;
        border-right: 12px solid #ccc;
    }
    .vstreamer .supp dl:nth-of-type(2) dd::after,
    .vstreamer .supp dl:nth-of-type(4) dd::after { right: -12px;}
    .vstreamer .supp dl h4 { font-size: 1.7rem;}
    .vstreamer .supp dl:nth-of-type(4) { flex-direction: column;}
    .vstreamer .supp dl:nth-of-type(4) dt { width: 80%; margin: 0 auto;}
    .vstreamer .supp dl:nth-of-type(4) dd { width: 100%; margin:0;}
    .vstreamer .supp dl:nth-of-type(4) dd::after { display: none;}
    .vstreamer .supp dl:nth-of-type(4) dd h4 { text-align: center;}
    /* pay */
    .vstreamer .pay { margin-top: 12%;}
    .vstreamer .pay li { padding: 1.2em; width: 100%; margin-bottom: 4%;}
    .vstreamer .pay h4 { font-size: 1.7rem;}
    .vstreamer .pay h4 span { width: 32px; height: 32px;margin-right: .5em;}
    .vstreamer .pay strong { color: #ef4b8a;}
    /* sytem */
    .vstreamer .sys { margin-top: 12%;}
    .vstreamer .sys > div { padding: 6% 6% 3%; border-radius: 12px; background: #ffe9d9;}
    .vstreamer .sys li { padding: 1.2em 1em; width:100%; margin-bottom: 4%;}
    .vstreamer .sys h5 { font-size: 1.4rem;}
    .vstreamer .sys h4 { font-size: 1.5rem;}
    /* merit */
    .vstreamer main .mrt h2 { line-height: 1.3;}
    .vstreamer .mrt .clmBox > div { width: 100%;}
    .vstreamer .mrt .clmBox > div:first-of-type { margin-bottom: 5%;}
    .vstreamer .mrt .mrt1 h3,
    .vstreamer .mrt .mrt2 h3 { font-size: 6vw;}
    .vstreamer .mrt .clmBox > div ul { padding: 6% 7%;}
    .vstreamer .mrt .clmBox > div li { margin-bottom: 1.2em;}
    .vstreamer .mrt .clmBox > div h4 { font-size: 5vw; line-height: 1.3;}
    /* faq */
    .vstreamer main .faq { margin-top: 12%;}
    .vstreamer main .faq h2 span { font-size: calc(1em - 8px);}
    .vstreamer .faq li { padding: 1em .8em;}
    .vstreamer .faq h4, .vstreamer .faq p { align-items: flex-start;}
    .vstreamer .faq h4 { font-size: 1.8rem; margin-bottom: .4em;}
    .vstreamer .faq p { font-size: 1.5rem;}
    .vstreamer .faq h4 span, .vstreamer .faq p span { padding-left: .2em; min-width: 26px; font-size: 3rem; line-height: 1;}
    .vstreamer .faq h4 span { position: relative; top: -.1em;}
    /* footbanner */
    .vstreamer .footBnr { background: url(images/vstreamer/footer_sp.jpg) 0 0 no-repeat; background-size: 100%; padding-top: calc(750 / 750 * 100%);}
    .vstreamer .footBnr .vbtns { position: absolute; left: 0; right: 0; bottom: 0;}
}


/*------------------------------------------------------------
	COMPANY - TERMS
------------------------------------------------------------ */
.company .companytb .izumi-wrapinBx { width: 60%; margin: 3% auto 0;}
.company th, .company td { padding: 1em 1.2em; border: 1px solid #999;}
.company th { background: #f0f0f0;}
.company td { background: #fff;}

.terms .termsCnt .izumi-wrapinBx { width: 60%; height: auto; margin: 3% auto; padding: 3% 4%; background: #fff; border: 1px solid #999;}
.terms .termsCnt .izumi-wrapinBx h5 { padding-bottom: .5em; margin-bottom: .6em; border-bottom: 1px solid #ccc;}
.terms .termsCnt .izumi-wrapinBx .indt { text-indent: -1.7em; padding-left: 1.7em; margin-top: .6em;}

@media(max-width:767px) {
    .company .companytb .izumi-wrapinBx { width: 90%; margin: 5% auto 0;}
    .company th, .company td  { display: block; width: 100%; text-align: center;}
    .company tr:first-of-type th  { border-top: 1px solid #999;}
    .company th  { border-top: 0;}
    .company td  { border-top: 0;}
    .terms .termsCnt .izumi-wrapinBx { width: 90%; padding: 5% 6%; margin-top: 5%;}
}


/*------------------------------------------------------------
	M&A
------------------------------------------------------------ */
.maCnt-main { padding: 0; border-bottom: 1px solid #5b6f86;}
.maCnt-main h2,
.maCnt-main img { width: 100%; margin: 0; padding: 0;}
.m-and-a .maCnt-01 img,
.m-and-a .maCnt-02 img,
.m-and-a .maCnt-03 img,
.m-and-a .maCnt-04 img,
.m-and-a .maCnt-05 img { border: 1px solid #ccc;}
.m-and-a img.nobrd { border: 0;}

.m-and-a section > h5 { color: #5b6f86;}

.maCnt-01 h4 { text-align: center; color: #fff; padding: .6em 1em; background: #5b6f86;}
.maCnt-01 .izumi-wrapinBx { border: 2px solid #5b6f86; background: #fff; margin-top: 5%;}
.maCnt-01 .izumi-wrapinBx div { margin: 4%;}
.maCnt-01 .izumi-wrapinBx:first-of-type img { margin-bottom: 4%;}
.maCnt-01 .izumi-wrapinBx:last-of-type div { display: flex; align-items: flex-start; justify-content: space-between;}
.maCnt-01 .izumi-wrapinBx:last-of-type div img { width: 50%; margin: 0;}
.maCnt-01 .izumi-wrapinBx:last-of-type div p { width: 46%;}

.maCnt-02 .izumi-wrapinBx,
.maCnt-04 .izumi-wrapinBx { margin-top: 3%; padding: 3.4em; background: #fff; border-radius: 14px;}
.maCnt-02 .izumi-wrapinBx:first-of-type { margin-top: 0;}
.maCnt-02 table { width: 100%;}
.maCnt-02 th, .maCnt-02 td { padding: .6em 1em; border: 1px solid #5b6f86; font-size: 24px; text-align: center;}
.maCnt-02 th { background: #94a1b0; color: #fff;}
.maCnt-02 td { font-weight: bold; color: #5b6f86;}
.maCnt-02 strong { font-size: 28px;}
.maCnt-02 .tRed td { color: #fd827d;}
.maCnt-02 h4, .maCnt-02 h5 { text-align: center; margin-bottom: .8em; color: #5b6f86;}
.maCnt-02 h5 { margin-top: .8em;}
.maCnt-02 p { text-align: center; margin-top: 1.2em; }
.maCnt-02 .izumi-wrapinBx:last-of-type p { text-align: left; }

.maCnt-03 h5 { margin-top: 1em;}
.maCnt-03 .izumi-wrapinBx:first-of-type,
.maCnt-03 .izumi-wrapinBx:last-of-type { border-radius: 14px; border: 2px solid #5b6f86; padding: 3.4em; background: #fff; margin-top: 3%;}
.maCnt-03 h4 { text-align: center; margin-bottom: .8em; color: #5b6f86;}
.maCnt-03 .izumi-wrapinBx:last-of-type { padding: 0;}
.maCnt-03 .izumi-wrapinBx:last-of-type > div { margin: 2em 2em 0;}
.maCnt-03 .izumi-wrapinBx:first-of-type p { margin-top: 1em;}
.maCnt-03 .izumi-wrapinBx:first-of-type p:first-of-type { text-align: right;}
.maCnt-03 hr { border-color: #5b6f86; margin: 0 0 4em;}
.maCnt-03 .tmr { margin-top: 3%; background: #5b6f86; padding: 2em 1em;}
.maCnt-03 .tmr::after {
    content: "";
    position: absolute;
    bottom: -70px;
    left: 50%;
    margin-left: -40px;
    border: 40px solid transparent;
    border-top: 30px solid #5b6f86;
}
.maCnt-03 .tmr h3 { text-align: center; color: #fff; margin: 0;}
.maCnt-03 .izumi-wrapinBx:last-of-type h6 { text-align: center; margin-bottom: 1em;}
.maCnt-03 .izumi-wrapinBx:last-of-type > div div { padding: 3em; background: #fff6c0; margin: 2em 0;}
.maCnt-03 .izumi-wrapinBx:last-of-type > div div h2 { text-align: center; margin-top: 1em; color: #f94b4b;}

.maCnt-04 .izumi-wrapinBx:last-of-type h6 { text-align: center; color: #5b6f86;}
.maCnt-04 .izumi-wrapinBx:last-of-type i { font-size: calc(1em + 24px); display: block; margin: 0;}
.maCnt-04 .izumi-wrapinBx:last-of-type h3,
.maCnt-04 .izumi-wrapinBx:last-of-type p { font-weight: 500; text-align: center; color: #f94b4b;}

.maCnt-05 { background: #5b6f86; padding: 4% 0 3%;}
.maCnt-05 h2 { color: #fff6c0;}
.maCnt-05 .btns a { background: #fff; color: #5b6f86;}

@media(max-width:767px) {
    .maCnt-main h2 { margin: 0; padding: 0;}
    .maCnt-01 h4 { padding: .4em 1em .6em;}
    .maCnt-01 .izumi-wrapinBx { margin-top: 6%;}
    .maCnt-01 .izumi-wrapinBx div { margin: 6%;}
    .maCnt-01 .izumi-wrapinBx:first-of-type img { margin-bottom: 5%;}
    .maCnt-01 .izumi-wrapinBx:last-of-type div { flex-direction: column;}
    .maCnt-01 .izumi-wrapinBx:last-of-type div img { width: 100%; margin: 0 0 5%;}
    .maCnt-01 .izumi-wrapinBx:last-of-type div p { width: 100%;}

    .maCnt-02 .izumi-wrapinBx,
    .maCnt-04 .izumi-wrapinBx { margin-top: 6%; padding: 1.5em;}
    .maCnt-02 th, .maCnt-02 td { padding: .6em 1em; font-size: 1.4rem;}
    .maCnt-02 strong { font-size: 1.6rem;}
    .maCnt-02 h4, .maCnt-02 h5 { margin-bottom: .8em;}
    .maCnt-02 h5 { margin-top: .8em;}
    .maCnt-02 p { margin-top: 1.2em; }

    .maCnt-03 h5 { margin-top: 1em;}
    .maCnt-03 .izumi-wrapinBx:first-of-type,
    .maCnt-03 .izumi-wrapinBx:last-of-type { padding: 1.5em; margin-top: 6%;}
    .maCnt-03 h4 { margin-bottom: .8em}
    .maCnt-03 .izumi-wrapinBx:last-of-type { padding: 0;}
    .maCnt-03 .izumi-wrapinBx:last-of-type > div { margin: 1.5em 1.5em 0;}
    .maCnt-03 .izumi-wrapinBx:first-of-type p { margin-top: .7em;}
    .maCnt-03 hr { margin: 0 0 1.5em;}
    .maCnt-03 .tmr { margin-top: 6%; padding: 1em;}
    .maCnt-03 .tmr::after {
        bottom: -45px;
        margin-left: -30px;
        border: 30px solid transparent;
        border-top: 20px solid #5b6f86;
    }
    .maCnt-03 .izumi-wrapinBx:last-of-type h6 { text-align: center; margin-bottom: 1em;}
    .maCnt-03 .izumi-wrapinBx:last-of-type > div div { padding: 1.2em; margin: 1.5em 0;}

    .maCnt-05 { padding: 6% 0 5%;}
}



/*------------------------------------------------------------
	FORM
------------------------------------------------------------ */
.trvl-exps { border-radius: 10px; background: #f3f4e9; padding: 4%; width: 80%; margin: 4% auto 0;}
.trvl-exps h4, .trvl-exps p { text-align: center;}
.trvl-exps h4 { color: #ffa233; margin: 0 0 .4em;}

.contact .policy { width: 60%; height: auto; margin: 5% auto 0; padding: 4%; background: #fff;}
.contact .policy h3 { padding-bottom: .6em; margin-bottom: 1em; border-bottom: 1px solid #ccc; font-size: 20px;}
.contact .policy h5 { margin: 1.5em 0 .3em; font-size: 17px;}
.contact .policy p { font-size: 15px;}

form h4 { text-align: center; margin: 1em 0 .5em;}
.thanks { margin-bottom:.5em; }
#inq .izumi-wrapinBx { max-width: 880px; }
.form { padding: 2% 0;}
.forms { margin-top: 5%; padding: 4.5% 7% 7%; background: #fff; border: 2px solid var(--main); border-radius: 14px;}
.forms table { width:100%; margin:0 auto;}
.forms th, .forms td { ; padding: 0; border:0; font-weight:normal; }
.forms th { width:30%; margin-bottom: .5em; text-align:left; font-weight: bold; background: none;}
.forms th span { color: #fff; background: #ff414e; padding: 3px 10px; font-size: calc(1em - 3px); border-radius: 30px; display: inline-block; margin-left: .5em;}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .forms th span { padding: 4px 10px 0; }
}
.forms td { width: 70%; padding-bottom: 1.4em;}
.forms td p { font-size: 12px; color: #ff414e; line-height:1.4; padding-top: .4em; text-align: left;}
.forms td .mwform-checkbox-field { display:block; margin-bottom:.5em; }
.forms .btns { margin: 2em auto; padding: 1.2em; font-size: 20px; background: var(--main); width: 80%; max-width: 520px; border-radius: 50px;}
.forms input[type="submit"]:hover { background: #ff414e;}
.mwform-checkbox-field label, .mwform-radio-field label { cursor:pointer; }
.mw_wp_form .horizontal-item + .horizontal-item { margin:.6em 0 0!important; }
.forms .btn.list.back { background:#ddd; border:0; margin-bottom:-4%; }
.mw_wp_form .error {
color: #ff414e !important;
position: relative;
padding-top: .2em;
}
.forms th,
.forms td input[type="text"],
.forms td input[type="email"],
.forms td textarea { border-radius: 8px;}
.forms td input[type="text"],
.forms td input[type="email"],
.forms td textarea { background: #f6f6f6;}
.forms .btns.back {background: #ccc;}
.contact-confirm form > p.textC { display: none;}
#c-thanks { padding-bottom: 0;}

.forms .f-pt2 { border-top: 1px solid #ddd; padding-top: 5%; margin-top: 2%; display: block;}
.forms .f-pt2 th { vertical-align: top;}

.forms .radioBtn td > span { display: block; margin-bottom: .5em;}
.forms .radioBtn th { vertical-align:top;}
.forms td.radio-tx, .forms td.radio-tx label { font-weight: 500;}
.forms td.radio-tx label { text-indent: -1.5em; padding-left: 1.6em; display: inline-block;}

@media(max-width:767px) {
    form h4 { margin-top: 8%;}
    .forms { margin-top: 10%; padding: 8% 7% 8%; }
    .forms th, .forms td { border: 0; width: 100%; max-width:98%; display:block; box-sizing:border-box; }
    .forms td { border:0; text-align:left;}
    .forms input[type="submit"] {-webkit-appearance: none; border:0; }
    .forms .btn.list { margin:10% auto 0; border: 1px solid #464c4e !important; border-radius: 6px !important;}
    .mwform-tel-field input[type="text"] { width:28%!important; }
    .mw_wp_form .horizontal-item + .horizontal-item { margin:.8em 0 0!important; }

    .forms td.tels { text-align:center; }
    .trvl-exps { padding: 5%; width: 100%; }
    .contact .policy { width: 90%; margin: 8% auto 0; padding: 6% 8%; }
    .contact .policy h3 { text-align: center; padding-bottom: 1em; font-size: 1.8rem;}
    .contact .policy h5 { font-size: 1.6rem;}
    .contact .policy p { font-size: 1.4rem;}

    .forms .btns { width: 100%; font-size: 1.8rem;}
    select { width: 100%;}
}


/*------------------------------------------------------------
	CMN INSO
------------------------------------------------------------ */
.lcbnrs { padding: 6% 0; display: flex; justify-content: center;}
.lcbnrs a { display: block; width: 560px; max-width: 48%; margin: 0 2%;}

.bnrSgl { padding: 5% 0; display: flex; justify-content: center;}
.bnrSgl a { display: inline-block; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); max-width: 90%; border-radius: 10px; overflow: hidden;}
.bnrSgl a img {}

.cmnInf { margin-top: 0; padding: 0 0 2%; background: linear-gradient(to right, #ddfdb8, #c8eef9); border-top: 1px solid #fff;}
.cmnInf .ftMss { width: 100%; border-bottom: 1px solid #46C695; padding: 5% 0 4%;
    background-image: url(images/common/footer_icon_l.png), url(images/common/footer_icon_r.png);
    background-position: 3% 100%, 97% 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 24.5%, 22%;
}
.cmnInf h3 { font-weight: bold; font-size: 2.5vw; text-align: center; padding: 0;}
.cmnInf h3::after, .cmnInf h3::before { display: none;}
.cmnInf h6 { font-weight: 500; font-size: 1.5vw; text-align: center; margin: 1em 0 0;}
.cmnInf h4 { text-align: center;}
.cmnInf p { text-align: center; margin-top: .8em;}

.cmnInf li { padding: 1.5em 20px; background: #fff; border-top: 5px solid #fff;}
.cmnInf li h3 { font-size: 1.8vw; line-height: 1.2; text-align: center; margin-bottom: .8em; padding: 0;}
.cmnInf li h3 i { margin-right: 10px; font-size: calc(1em + 2px);}

.cmnInf li.ifL { border-color: #00b901;}
.cmnInf li.ifL h3 { color: #00b901; display: flex; align-items: center; justify-content: center; line-height: 1; }
.cmnInf li.ifL h3 img { width: 28px; margin:0 10px 0 0;}
.cmnInf li.ifL div { display:flex; justify-content: center; align-items: center; }
.cmnInf li.ifL h5 { font-size: 1.4vw; font-weight: 500; ocolor: #666; line-height: 1.3;}
.cmnInf li.ifL a { margin: 0 0 0 5%; max-width: 45%;}
.cmnInf li.ifL a img { margin: 0; width: 100%;}

.cmnInf li.ifT { border-color: #1171da;}
.cmnInf li.ifT h3 { color: #1171da; }
.cmnInf li.ifT h4 { color: #1171da; font-size: 3vw; font-weight: bold; line-height: 1;}

.cmnInf li.ifF { border-color: #ff414e; }
.cmnInf li.ifF h3 { color: #ff414e; }
.cmnInf li.ifF a { display: block; width: 100%; margin: 0; background: #ff414e; color: #fff; padding: .6em 1em .8em; border-radius: 50px; text-align: center; font-size: 17px; font-weight: 500; line-height: 1;}
.cmnInf li.ifF a:hover { background: #e81f33;}

.cmnInf li.ifB { border-color: #9545DB; width: 100%; display: flex; align-items: center; justify-content: center;}
.cmnInf li.ifB h3 { color: #9545DB; margin: 0; text-align: left;}
.cmnInf li.ifB a { display: inline-block; width: auto; margin: 0 0 0 1.5em; background: #9545DB; color: #fff; padding: .6em 2em .8em; border-radius: 50px; text-align: center; font-size: 1.1vw; font-weight: 500; line-height: 1;}
.cmnInf li.ifB a:hover { background: #9545DB;}


@media(min-width:1300px) {
    .cmnInf h3 { font-size: 32px;}
    .cmnInf h6 { font-size: 20px;}
    .cmnInf li h3 { font-size: 24px;}
    .cmnInf li.ifL h5 { font-size: 18px;}
    .cmnInf li.ifT h4 { font-size: 38px; }
    .cmnInf li.ifL h6 span { font-size: 16px;}
}

@media(max-width:800px) {
    .lcbnrs { padding: 8% 0%; flex-direction: column;}
    .lcbnrs a { width: 80%; max-width: 80%; margin: 0 auto;}
    .lcbnrs a:first-of-type { margin-bottom: 4%;}

    .cmnInf { padding: 0 0 3%;}
    .cmnInf .ftMss { padding: 8% 0 4%;
    background-image: url(images/common/footer_icon_l_sp.png), url(images/common/footer_icon_r_sp.png);
    background-size: 37.5%, 35%;
    }
    
    .cmnInf h3 { font-size: 4vw;}
    .cmnInf h6 { font-size: 3.5vw;}

    .cmnInf li { width: 100%; padding: 1.4em 1.4em; margin-bottom: 4%;}
    .cmnInf li h3 { font-size: 2rem;}
    .cmnInf li.ifL h3 img { width: 25px; margin:0 8px 0 0;}
    .cmnInf li.ifL h5 { font-size: 3.2vw; line-height: 1.4;}
    .cmnInf li.ifL a { width: 33%; max-width: 100px;}

    .cmnInf li.ifT h4 { font-size: 8vw; margin-bottom: .4em;}

    .cmnInf li.ifB { flex-direction: column;}
    .cmnInf li.ifB h3 { margin: 0; text-align: center;}
    .cmnInf li.ifB a { display: block; width: 100%; margin: 1em 0 0; font-size: 17px;}
}


/*------------------------------------------------------------
	POP UP
------------------------------------------------------------ */
.popup_wrap input {
  display: none;
}

.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup_content {
  position: relative;
  align-self: center;
  width: 90%;
  max-width: 400px;
  padding:6% 4% 5%;
  box-sizing: border-box;
  border-radius: 10px;
  background: #fff;
  transition: 0.5s;
}

.close_btn {
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 40px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    color: #111;
}

.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.puBtn {
  position: relative;
  cursor: pointer;
  display: block;
  transition: .3s ease;
}
label img { transition: all .2s ease-in-out;}
label:hover img { opacity: .8;}

.popup_content a { position: relative; display: block; background: #00b901; border-radius: 6px; padding: .6em 1em; margin: .5em 0; color: #fff; font-weight: bold;}
.popup_content a:hover { background: #117a12;}
.popup_content a::after {
content: "\f105";
font-family: FontAwesome;
position: absolute;
top: 50%;
left: inherit;
right: 3%;
transform: translate(-50%,-50%);
transition: all .2s ease-in-out;
color: #fff;
display: block;
border: 0;
height: auto;
}

@media(max-width:767px) {
    .popup_content { padding: 10% 8% 7%; }
    .popup_content a { margin: 1em 0; }
}



/*------------------------------------------------------------
	footer
------------------------------------------------------------ */
footer { position:relative; padding:6% 0 2%; background: #fff;}
footer > .izumi-wrapinBx { margin-top: 0;}
footer .izumi-wrapinBx > img { width: 40%; max-width: 200px;}

footer .izumi-wrapinBx .sns { display: flex; justify-content: space-between; margin-top: 4%;}
footer .izumi-wrapinBx .sns a { width: 19%; max-width: 204px; margin: 0;}
footer .izumi-wrapinBx .sns img { margin: 0;}
footer .izumi-wrapinBx .sns a:hover { opacity: .8;}

footer .menu { margin-top: 5%; padding: 4% 0 0; border-top: 1px solid #c4cace; border-bottom: 1px solid #c4cace; display: flex; justify-content: space-between; align-items: flex-start;}
footer .menu li { margin: 0 0 4%; width: 24%;}
footer .menu a { color: #888; display: block; margin-bottom: .6em; text-indent: -1em; padding-left: 1em;}
footer .menu a:hover { text-decoration: underline;}
footer .menu a.shL { color: var(--main); font-weight: 700; text-indent: 0; padding-left: 0;}

footer .caution { padding-top: .8em;}
footer .cpy { text-align: center; font-size: 12px; color: #999; margin-top: 2em;}

.pagetop { position:fixed; right:2%; bottom:4%; background: #fff; padding:0; z-index:9900; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.6); max-width: 200px;}
.pagetop div { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 1em 0;}
.pagetop div h4 { width: 100%; text-align: center; padding:0 .6em .8em; line-height: 1.3; font-size: 20px;}
.pagetop div a, .pagetop div .line { margin:0 1em; width: 60px; height: 60px; background: #ff414e; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.pagetop div .line { background: #00b901;}
.pagetop div .line img { width: 38px;}
.pagetop div a i { font-size: 32px; color: #fff; transition: all .2s ease-in-out;}
.pagetop div a:hover i { opacity: .8;}
.pagetop div a:nth-of-type(2) { display: none;}

@media(min-width:1300px) {
    footer .menu h6 { font-size: 18px;}
}


@media(max-width:1277px) {
    footer .menu { flex-wrap: wrap; justify-content: flex-start;}
    footer .menu li { width: 33%;}
}

@media(max-width:767px) {
    footer { padding: 10% 0 105px;}
    footer .izumi-wrapinBx > img { width: 44%;}
    footer .izumi-wrapinBx .sns { flex-wrap: wrap; margin-top: 4%;}
    footer .izumi-wrapinBx .sns a { width: 48.5%; margin: 3% 0 0;}
    footer .izumi-wrapinBx .sns a:last-child { margin: 3% auto 0;}
    footer .menu { margin-top: 8%; padding: 8% 0 0; }
    footer .menu li { width: 50%; margin: 0 0 1.4em;}
    footer .menu a { font-size: 1.2rem; line-height: 1; margin-bottom: .9em;}
    footer .menu li:last-of-type { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%;}
    footer .menu li:last-of-type a { display: block; width: 50%;}
    footer .cpy { font-size: 1.2rem;}

    .pagetop { width: 100%; border-radius: 0; right: inherit; bottom: 0; box-shadow: none; max-width: 100vw; background: #b5e8de;}
    .pagetop div { height: 80px; }
    .pagetop div h4 { display: none;}
    .pagetop div a { width: 54px; height: 54px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
    .pagetop div a img { width: 38px;}
    .pagetop div a i { font-size: 28px; }
    .pagetop div a:nth-of-type(1) { background: #fff;}
    .pagetop div a:nth-of-type(2) { display: flex;}
    .pagetop div a:nth-of-type(2) i { color: #1171da;}
    .pagetop div a:nth-of-type(3) i { color: #ff414e;}
}

@media(max-width:320px) {
    .pagetop div a { width: 50px; height: 50px;}
    .pagetop div a img { width: 32px;}
    .pagetop div a i { font-size: 26px; }
    .pagetop div a:nth-child(5) img { width: 54%;}
}