/*
Theme Name: smilekao2.0
*/
*{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@font-face {
  font-family: 'jiyucho';
  src: url('font/jiyucho.woff') format('woff');
}
.mincho{
    font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
html{
    font-size: 62.5%;
}

body{
    font-size:14px;
    color:#000;
    font-family: Arial, "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
a,
a:hover,
a:active,
a:visited{
    color:#000;
    text-decoration: none;
}
.p_rela{
    position: relative;
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
.header{
    width:100%;
    background: linear-gradient(90deg,#fff 0%,#fff 50%,#F23939 50%,#F23939 100%);
}
.header>div.pc>ul{
    width:100%;
    list-style: none;
    margin:0;
    padding:0;
    display: flex;

}
.header>div.pc>ul>li{
    background-color:#fff;
    width:calc(65% / 8);
    text-align:center;
}
.header>div.pc>ul>li:first-of-type{
    width:12%;
    padding-top:1.5em;
    padding-bottom:1em;
    padding-left:2em;
    padding-right:1em;
}
.header>div.pc>ul>li:nth-of-type(2){
    width:12%;
    padding-right:.5em;
}
.header>div.pc>ul>li:last-of-type{
    background-color:#F23939;
    width:13%;
}
.header>div.pc li>div,
.header>div.pc li>a{
    display: inline-block;
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header>div.pc li>a:hover{
    background-color:#06B3DB;
    opacity: .8;
    color:#fff;
}
.header>div.pc li>a.active{
    background-color:#06B3DB;
    color:#fff;
}
.header>div.pc li:last-of-type>a{
    color:#fff;
}
.header>div.pc li:last-of-type>a:hover{
    background-color:#F23939;
    opacity: .5;
    color:#666;
}
.header>div.pc li:last-of-type>a>div>span:first-of-type,
.header>div.pc .menu>a>div>span:first-of-type{
    text-transform: capitalize;
    font-size:1.1em;
}
.header>div.pc .menu>a>div>span:nth-of-type(2){
    font-size:.85em;
}

#sidecontact{
    position: fixed;
    right:0;
    bottom:20%;
    width:8rem;
    z-index: 10000;
}
.contactbtn{
    display: inline-block;
    padding-top:1em;
    padding-bottom:1em;
    padding-left:5em;
    padding-right:5em;
    color:#fff !important;
    background:#549AEC;
    border-radius: 25px;

}
#fortop{
    position:fixed;
    width:110px;
    right:2%;
    bottom:0;
    cursor: pointer;
}
.hdn{
    display: none !important;
}
.anchor::before {
    content: "";
    display: block;
    height: 64px; /* ずらしたい高さ */
    margin-top: -64px; /* heightに対するネガティブマージン */
    visibility: hidden;
  }

.midasi1{
    text-align: center;
    font-size:2em;
    font-weight: bold;
    color:#06B3DB;
}
.midasi2{
    text-align: center;
    font-size:1.2em;
    font-weight: bold;
    margin-top:1em;
}

.title-border{
    font-size:1.2em;
    font-weight: bold;
}
.title-border>span{
    display: inline-block;
    padding-bottom:.5em;
    padding-left:2em;
    padding-right:2em;
    border-bottom:3px #93DBE7 solid;
}
.str{
    text-align:center;
}
.str p{
    line-height:3em;
}
.title-center span,
.str span{
    background:linear-gradient(transparent 30%, #FBFC8F 0%);
}
.centerimage{
    margin:0 auto;
    margin-top:5em;
}
.wrap-whiteharf{
    margin-top:3em;
    display: flex;
    flex-wrap: wrap;
    width:70%;
    margin:0 auto;
    margin-top:2em;
}
.wrap-whiteharf>div{
    width:50%;
    padding:.5em;
}
.wrap-whiteharf>div>div{
    border-radius: 20px;
    background-color:#fff;
    padding-top:3em;
    padding-bottom:3em;
}
.wrap-whiteharf>div>div>div:first-of-type{
    margin-top:1em;
    font-size:1.2em;
    color:#06B3DB;
    font-weight: bold;
    text-align:center;
}
.wrap-whiteharf>div>div>div:nth-of-type(2){
    width:70%;
    margin:0 auto;
    margin-top:2em;
    text-align:left;
    height:18em;
}
#service>div.two .wrap-whiteharf>div>div>div:nth-of-type(2){
    height:5em;
}
#service>div.three .wrap-whiteharf>div>div>div:nth-of-type(1){
    height:2em;
}
#service>div.three .wrap-whiteharf>div>div>div:nth-of-type(2){
    height:22em;
}
#system>div:nth-of-type(2) .wrap-whiteharf>div>div>div:nth-of-type(2){
    height:22em;
}
.orangebtnline{
    text-align:center;
    font-size:1em;
    font-weight: normal;
    width:100%;
}
#service .orangebtnline{
    position: absolute;
    bottom:0;
}
.orangebtnline a,
#service>div.three .wrap-whiteharf>div:nth-of-type(2) p>a{
    display: inline-block;
    padding:1em 2em 1em 2em;
    color:#fff;
    background-color:#FDAA0D;
    border-radius: 100vh;
}
.orangebtnline.servicearea a{
    padding-left:5em;
    padding-right:5em;
}
#design .orangebtnline{
    margin-top:1em;
}
#design .orangebtnline a{
    color:#fff;
}
#home{
    background-color:#F5F7F7;
}

#home>div:first-of-type>div:last-of-type{
/*    position: absolute;*/
    bottom:0;
    width:100%;
}
#home>div:first-of-type>div:last-of-type>.container>div{
    width:80%;
    background:#F5F7F7;
    margin:0 auto;
    padding-top:1em;
    padding-left:3em;
    padding-right:3em;
    position: relative;
    top:-4em;
}
#home>div:first-of-type>div:last-of-type>.container>div>.chara{
    position: absolute;
    top : -10.2em;
    right : 2em;
}
#home>div:first-of-type>div:last-of-type>div a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#home>div:first-of-type>div:last-of-type>div a::before{
    content: " ";
    display: inline-block;
    width:7em;
    height:3em;
    vertical-align: middle;
    margin-right:3em;
    background-repeat: no-repeat;
    position:  relative;
}
#home>div:first-of-type>div:last-of-type>div a:first-of-type::before{
    background-image:url(img/home/news.png);
    background-size: 100% 100%;
}

#home .journalarea,
.servicearea{
    width:80%;
    margin: 0 auto;
    padding-top:3em;
}
#home .blogarea{
    width: 960px;
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 8em;
}
.servicearea{
    padding-bottom: 2em;
}
#home .journalarea .title,
#home .blogarea .title,
#home .servicearea .title{
}
#service>div.five>div>.servicearea .title{
    padding-top:5em;
    padding-bottom:1em;
}

.servicearea .title>span:first-of-type,
#home .journalarea .title>span:first-of-type,
#home .blogarea .title>span:first-of-type{
    font-size:2em;
    margin-right:3em;
}
#home .journalarea .title>span,
#home .blogarea .title>span,
.servicearea .title>span{
    vertical-align: middle;
}

.servicearea>div:first-of-type>a{
    float: left;
    display: block;
    width:50%;
    padding:.2em;
}
.servicearea>div:first-of-type>a:hover{
    opacity: .7;
}
.servicearea>div:first-of-type>a img{
    height:100%;
}
.servicearea>div:first-of-type>a:first-of-type{
    width:100%;
    flex-grow: 2;
}
#mailpart .servicearea>div:first-of-type>a:first-of-type{
    width:50%;
}
#home .blogarea{
    padding-top: 7em;

}
/* blog onebox */
/*#home .blogarea div{
    border-radius: 20px;
    background-color:#fff;
}


#home .blogarea div>div{
    padding-top:1.5em;
    padding-bottom:1.5em;
}
#home .blogarea div>div>a{
    display: inline-block;
    width:100%;
    height:100%;
}
#home .blogarea div>div>a:hover{
    opacity: .7;
}
#home .blogarea div>div>a>img{
    border-radius: 100vh;
    vertical-align: middle;
    margin-left:2em;
    width:9em;
    height:9em;
    object-fit: cover;
}

#home .blogarea div>div>a>div{
    display: inline-block;
    vertical-align: middle;
    margin-left:2em;
    width:80%;
}
#home .blogarea div>div>a>div>p{
    font-size:1.5em;
    color:#549AEC;
}
#home .blogarea div>div>a>div>p:last-of-type{
    font-size:1.2em;
    color:#000;
}
*/
/* blog onebox */
#home .blogarea>div.blog-list{
    background-color: #F4F4F4;
    border-radius: 30px;
    padding-top:3em;
    padding-bottom:3em;
    margin-top: 3em;
}
#home .blogarea .flex-box{
    padding-top:1.5em;
    padding-bottom:1.5em;
    display: flex;
    width:90%;
    margin:0 auto;

}
#home .blogarea .flex-box>div:first-of-type{
    width:20%;
}
#home .blogarea .flex-box>div:first-of-type .rect{
    position: relative;
}
#home .blogarea .flex-box>div:first-of-type .rect img{
    height:100%;
    width:100%;
    object-fit: cover;
    border:1px #666 solid;
    border-radius: 100vh;
    position: absolute;
    top:0;
    left:0;
}
.rect-wrap{
    width:50%;
    margin:0 auto;
}
.rect{
    width:100%;
    padding-top:100%;
}
#home .blogarea .flex-box>div:last-of-type{
    width:80%;
    padding-right:2em;
}
#home .blogarea .flex-box>div:last-of-type p:first-of-type,
#home .blogarea .flex-box>div:last-of-type p:nth-of-type(2){
    color:#06B3DB;
    font-size:1.3em;
    font-weight: bold;
}
#home .btnline{
    margin-top:2em;
}
#home .btnline a{
    display: inline-block;
    padding-left:3em;
    padding-right:3em;
    padding-top:1em;
    padding-bottom:1em;
    background-color:#FDAA0D;
    border-radius: 2em;
    color:#fff;
}
#home .btnline a:hover{
    opacity: .8;
}
#home .wrap-journalarea{
    margin-top:5em;
    background-image: url(img/home/bk-journal.jpg);
    background-size:100% 100%;
    padding-top:5em;
    padding-bottom:3em;
}
#home .journalarea>div{
    display: flex;
    flex-wrap: wrap;
}
#home .journalarea>div>div{
    width:calc(100% / 3);
    padding:.5em;
}
#home .journalarea>div>div>a{
    display: block;
    background:#fff;
    position: relative;
    padding-bottom:2em;
    overflow: hidden;
}
#home .journalarea>div>div>a::after{
    content:"";
    display: inline-block;
    width:3em;
    height:3em;
    position: absolute;

    bottom:-1.5em;
    right:-1.5em;
    background-color:#02AF16;
    transform: rotate(45deg);
    z-index: 0;
}
#home .journalarea>div>div>a img{
    height:15em;
    object-fit: contain;
    padding:1em;
}
#home .journalarea>div>div>a p{
    margin-top:1em;
    padding-left:2rem;
}
#home .journalarea>div>div>a p:first-of-type{
    font-size:1.5em;
}
#home .journalarea>div>div>a .hoverarea{
    position: absolute;
    background-color:rgba(13,119,198,0.9);
    bottom:0;
    left:0;
    width:100%;
    height:0;
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    transition: height .5s,opacity .5s;
    text-align:center;
    padding:2em;
    font-size:2em;
    color:#fff;
}
#home .journalarea>div>div>a:hover .hoverarea{
    height:100%;
    opacity: 1;
}
#aboutus{
    background:#F9F7F2;
}
#aboutus>div:first-of-type>div:first-of-type{
    width:60%;
    margin:0 auto;
    height:500px;
    background-image:url(img/aboutus/top.png);
    background-size:36% auto;
    background-position: bottom left;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .5s .3s ease;
}
#aboutus #top.show{
    opacity: 1;
}
#aboutus #top .txt{
    opacity: 0;
    transition: opacity .5s .7s ease;
}
#aboutus #top.show>.txt{
    opacity: 1;
}

#aboutus>div:first-of-type>div:first-of-type p{
    padding-left:41%;
    position: relative;
}
#aboutus>div:first-of-type>div:first-of-type p:nth-of-type(1),
#aboutus>div:first-of-type>div:first-of-type p:nth-of-type(2){
    padding:0;
}
#aboutus>div:first-of-type>div:first-of-type p:nth-of-type(1){
    top:8rem;
    font-size:2.3em;
    color:#06B3DB;
    font-weight: bold;
}
#aboutus>div:first-of-type>div:first-of-type p:nth-of-type(2){
    top:7rem;
    font-size:1.5em;
    font-weight: bold;
}
#aboutus>div:first-of-type>div:first-of-type p:nth-of-type(3){
    top:15rem;
    font-size:1.5em;
    font-weight: bold;
}
#aboutus>div:first-of-type>div:first-of-type p:nth-of-type(4){
    top:15rem;
    font-size:2em;
    font-weight: bold;
}
#aboutus>div:first-of-type>div:first-of-type p:nth-of-type(5){
    top:19rem;
    font-size:2em;
    font-weight: bold;
    color:#06B3DB;
}
#aboutus>div:first-of-type>div:nth-of-type(2){
    background-color:#fff;

    width:80%;
    margin:0 auto;
    padding-left:8.5%;
    padding-right:10%;
    padding-top:3em;
    padding-bottom:3em;
}
#aboutus>div:first-of-type>div:nth-of-type(2)>p{
    padding:0;
    margin:0;
    font-size:1.2em;
    line-height:1.8em;
    color:#2F2F2F;

}
#aboutus>div:first-of-type>div:nth-of-type(2)>p:nth-of-type(3),
#aboutus>div:first-of-type>div:nth-of-type(2)>p:nth-of-type(8){
    margin-top:1.5em;
}
#aboutus>div:nth-of-type(2),
#aboutus #infomation{
    background-color:#fff;
    padding-bottom:10em;
}
#aboutus>div:nth-of-type(2)>div>div{
    margin:0 auto;
    width:70%;
    padding-top:5em;
}
#aboutus>div:nth-of-type(2)>div>div:nth-of-type(2){
    padding-top:10em;
}
#aboutus>div:nth-of-type(3)>div>p,
#aboutus #infomation>div>div>p,
#aboutus>div:nth-of-type(2)>div>div>p{
    margin:0;
    padding:0;
    line-height:1em;
}

#aboutus>div:nth-of-type(2)>div>div>p:first-of-type,
#aboutus>div:nth-of-type(3)>div>p:first-of-type,
#aboutus .remote>div>div>p:first-of-type,
#aboutus #infomation>div>div>p:first-of-type{
    color:#06B3DB;
    font-size:2.8em;
    text-align:center;
}
#aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(2),
#aboutus>div:nth-of-type(3)>div>p:nth-of-type(2),
#aboutus .remote>div>div>p:nth-of-type(2),
#aboutus #infomation>div>div>p:nth-of-type(2){
    font-weight: bold;
    font-size:1.5em;
    margin-top:.5em;
    text-align:center;
}
#aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(3),
#aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(4){
    font-size:1.6em;
    font-weight: bold;
    margin-top:2em;
}
#aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(3){
    margin-top:2.5em;
    text-align:left;
}
#aboutus>div:nth-of-type(2)>div>div:nth-of-type(1)>p:nth-of-type(3)::before,
#aboutus>div:nth-of-type(2)>div>div:nth-of-type(1)>p:nth-of-type(4)::before{
    content:"";
    display: inline-block;
    width:2em;
    height:2em;
    background-image:url(img/aboutus/one.png);
    background-size:auto 100%;
    background-size:middle center;
    background-repeat: no-repeat;
    margin-right:.5em;
}
#aboutus>div:nth-of-type(2)>div:nth-of-type(1)>div>p:nth-of-type(4)::before{
    background-image:url(img/aboutus/two.png);
}
#aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(3)>span,
#aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(4)>span{
    background:linear-gradient(transparent 70%, #C2ECF3 0%);
}
#aboutus>div:nth-of-type(2)>div>div:nth-of-type(2)>div{
    display: flex;
    flex-wrap: wrap;
}
#aboutus>div:nth-of-type(2)>div>div:nth-of-type(2)>div>div{
    width:calc(100% / 4);
    position: relative;
    padding: 1em;
}
#aboutus>div:nth-of-type(2)>div>div:nth-of-type(2)>div>div:hover>img{
    pointer-events: none;
}
#aboutus>div:nth-of-type(2)>div>div:nth-of-type(2)>div>div>img:nth-of-type(2){
    padding:1em;
    position: absolute;
    top:0;
    left:0;
    transition: opacity .5s;
    opacity: 1;
}
#aboutus>div:nth-of-type(2)>div>div:nth-of-type(2)>div>div:hover>img:nth-of-type(2){
    opacity: 0;

}
#aboutus>div:nth-of-type(2)>div>div:nth-of-type(2)>div>div>p{
    text-align:center;
    font-size:1.5em;
    color:#06B3DB;
    margin-top:.8em;
    letter-spacing: .2em;
    font-family: "jiyucho";
}
#aboutus>div:nth-of-type(3){

    padding-bottom:10em;
}
#aboutus>div:nth-of-type(3)>div{
    padding-top:10em;
    text-align: center;
}
#aboutus>div:nth-of-type(3)>div:first-of-type>p:nth-of-type(3){
    font-size:10em;
    font-weight: bold;
    text-align: center;
    color:#06B3DB;
    margin-top:.5em;
    overflow: hidden;
    position: relative;
}
#aboutus>div:nth-of-type(3)>div:first-of-type>p:nth-of-type(3)>img:nth-of-type(2){
    position: absolute;
    top:100%;
    left:35%;
    transition:  all 2s 0s ease;
}
#aboutus #vision.show>p:nth-of-type(3)>img:nth-of-type(2){
    top:0;
}
#aboutus>div:nth-of-type(3)>div:first-of-type>div{
    margin-top:10em;
    position: relative;

}
#aboutus>div:nth-of-type(3)>div:first-of-type>div::before,
#aboutus>div:nth-of-type(3)>div:first-of-type>div::after{
    content:"";
    display: inline-block;
    vertical-align: middle;
    width:4em;
    height:4em;
    position: absolute;
    background-image:url(img/aboutus/mae.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top:-4em;
    left:28%;
}
#aboutus>div:nth-of-type(3)>div:first-of-type>div::after{
    top:auto;
    left:auto;
    bottom:-4em;
    right:28%;
    background-image:url(img/aboutus/ato.png);
}
#aboutus>div:nth-of-type(3)>div:first-of-type>div>p{
    text-align: center;
    font-size:1.8em;
    font-weight: bold;
    line-height:1em;
}

#aboutus>div:nth-of-type(3)>div:nth-of-type(2){
    width:70%;
    margin:0 auto;
    margin-top:6em;
}
#aboutus>div:nth-of-type(3)>div:nth-of-type(2)>div:first-of-type{
    margin-top:3em;
    display: flex;
    flex-wrap: wrap;
}
#aboutus>div:nth-of-type(3)>div:nth-of-type(2)>div:first-of-type>div{
    width:50%;
    padding:.2em;
}
#aboutus>div:nth-of-type(3)>div:nth-of-type(2)>div:first-of-type>div:first-of-type{
    width:100%;
}
#aboutus>div:nth-of-type(3)>div:nth-of-type(2)>div:first-of-type>div>span{
    display: inline-block;
    width:100%;
    height:100%;
    background-color:#fff;
    padding:1.5em;
    font-weight: bold;
    font-size:1.3em;
    letter-spacing: .1em;
}
#aboutus>div:nth-of-type(3)>div:nth-of-type(2)>div:first-of-type>div:last-of-type>span{
    background:none;

}
#aboutus>div:nth-of-type(3)>div:nth-of-type(2)>div:nth-of-type(2){
    margin-top:5em;
    text-align: center;
}
#aboutus .license>div:first-of-type{
    display: flex;
    margin:0 auto;
    margin-top:2em;
    width:80%;
    align-items: center;
    justify-content: center;
}
#aboutus .license>div:nth-of-type(2){
    display: flex;
    margin:0 auto;
    width:80%;
    align-items: center;
    justify-content: center;
}
#aboutus .license>div>div{
    width:calc(100% / 6);
    padding:1.5em;

}
#aboutus .license>div:nth-of-type(2)>div{
    padding: 0;
}
#aboutus .license>div>div>p{

    bottom:0;
}

#aboutus #infomation{
    background:#F9F7F2;
}
#aboutus #infomation>div>div{
    padding-top:7em;
}
#aboutus #infomation>div>div dl{
    border:2px #707070 solid;
    border-radius: 20px;
    padding:.5em;
    font-size:1.4em;
    color:#707070;
    font-weight: normal;
    width:68%;
    margin:0 auto;
    margin-top:3em;
    display: flex;
    flex-wrap: wrap;
}
#aboutus #infomation>div>div dt{
    margin:0;
    padding:0;
    font-weight: normal;
    width:30%;
    padding-left:6%;
    padding-top:1em;
    padding-bottom:1em;
    border-right:2px #939393 dashed;
    border-bottom:2px #939393 dashed;
}
#aboutus #infomation>div>div dd{
    margin:0;
    padding:0;
    font-weight: normal;
    width:70%;
    padding-left:6%;
    padding-top:1em;
    padding-bottom:1em;
    border-bottom:2px #939393 dashed;
}
#aboutus #infomation>div>div dd:last-of-type{
    border:none;
}
#aboutus #infomation>div>div dt:last-of-type{
    border-bottom:none;
}
#aboutus #infomation>div>div dd a{
    color:#707070;
}
#aboutus .remote{
    background:#fff;
    padding-top:3em;
    padding-bottom:3em;
    text-align:center;
}
#aboutus .remote p{
    margin:0;
    padding:0;
}
#aboutus .remote>div>div>p:nth-of-type(3),
#aboutus .remote>div>div>p:nth-of-type(4),
#aboutus .remote>div>div>p:nth-of-type(5){
    color:#06B3DB;
}
#aboutus .remote>div>div>p:nth-of-type(3){
    font-size:1.3em;
    font-weight: bold;
    margin-top:2em;
    padding-bottom:2em;
}
#aboutus .remote>div>div>p:nth-of-type(3)>span{
    display: inline-block;
    padding-bottom:.3em;
    background: linear-gradient(transparent 40%, #D8F4FF 40%);
}
#aboutus .remote>div>div>p:nth-of-type(4){
    margin-top:4em;
}
#aboutus .remote>div>div>p:nth-of-type(4),
#aboutus .remote>div>div>p:nth-of-type(5){
    font-size:1.1em;
    font-weight: bold;
}
#aboutus .remote>div>div>p:nth-of-type(5){
    padding-bottom:4em;
}
#aboutus .remote>div>div>div{
    margin-top:3em;
    width:80%;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
}
#aboutus .remote>div>div>div>div{
    width:50%;
    padding:1em;
}
#aboutus .remote>div>div>div>div>div{
    border:5px #BEECFF solid;
    height:100%;
    border-radius: 20px;
    padding:3em 3em 5em 3em;
    position: relative;
}
#aboutus .remote>div>div>div>div>div::before{
    content:"メリット1";
    font-weight: bold;
    text-align:center;
    font-size:1em;
    padding-top:2rem;
    width:8rem;
    height:9rem;
    display: block;
    position: absolute;
    top:-1em;
    right:5%;
    background-image:url(img/aboutus/merit.png);
    background-size:cover;
    background-position: center;
}
#aboutus .remote>div>div>div>div:nth-of-type(2)>div::before{
    content:"メリット2";
}
#aboutus .remote>div>div>div>div>div>p{
    text-align: left;
    font-size:1.2em;
}
#aboutus .remote>div>div>div>div>div>p:nth-of-type(1){
    text-align: center;
    color:#06B3DB;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom:1em;
}
#aboutus .remote>div>div{
    width:75%;
    margin:0 auto;
}
#service{
    background:#F5F7F7;
}
#service>div:first-of-type{
    background-image:url(img/service/top.jpg);
    background-size:cover;
    background-position: center center;
}
#system>div:first-of-type>div>div,
#service>div:first-of-type>div>div{
    height:500px;
    width:80%;
    margin: 0 auto;
    position: relative;
}
#system>div:first-of-type>div>div>div,
#service>div:first-of-type>div>div>div{
    position: absolute;
    width:100%;
    top:40%;
    height:20%;
}
#system>div:first-of-type>div>div>div p,
#service>div:first-of-type>div>div>div p{
    padding:0;
    margin:0;
    text-align:center;
}
#system>div:first-of-type>div>div>div>p>span,
#service>div:first-of-type>div>div>div>p>span{
    vertical-align: middle;
    color:#fff;
}
#system>div:first-of-type>div>div>div>p>span{
    color:#000;
}
.toptitle1>span,
#system>div:first-of-type>div>div>div>p:first-of-type>span,
#service>div:first-of-type>div>div>div>p:first-of-type>span{
    font-size:3em;
    letter-spacing: .05em;
}
.toptitle2>span,
#system>div:first-of-type>div>div>div>p:last-of-type>span,
#service>div:first-of-type>div>div>div>p:last-of-type>span{
    font-size:1.2em;
}
#service>div.one{
    margin-top:5em;
    text-align: center;
}
#journal-list p,
#blog-list p,
#detailservice p,
#school p,
#design p,
#service p{
    padding:0;
    margin:0;
}
#service>div.six{
    background-color: #F5F7F7;
}
#service>div.six>div>p:first-of-type{
    margin-top:3em;
    text-align:center;
    font-size:1.5em;
    font-weight: bold;
}
#service>div.six>div>p:nth-of-type(2){
    text-align:center;
    font-size:1.5em;
    font-weight: bold;
}
#service>div.six>div>p:nth-of-type(2)>span:first-of-type{
    color : #4BBC4B;
}
#service>div.six>div>p:nth-of-type(2)>span:nth-of-type(2){
    color : #26BDF7;
    display: inline-block;
    margin-left: .8em;
}

#service>div.six>div>p:nth-of-type(2)>span:nth-of-type(3){
    color : #F2B03A;
    display: inline-block;
    margin-left: .8em;
}
#service>div.six>div>div.marubox{
    width :60%;
    height : 20em;
    margin: 0 auto;
    margin-top:5em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
#service>div.six>div>div.marubox>div{
    width : 20%;
    transition: all 0.5s;
}
#service>div.six>div>div.marubox>div>div{
    width : 100% ;
    padding-top : 100%;
    position: relative;
}
#service>div.six>div>div.marubox>div>div>a>div{
    position: absolute;
    top : 0;
    width :100%;
    height : 100%;
}
#service>div.six>div>div.marubox>div{
    background-image: url(img/service/maru1.png);
    background-position: right 0;
    background-size : 100% 100%;
    filter: drop-shadow(-10px 5px 5px #aaa);
    transform: translateZ(0);
    z-index: 3;
}
#service>div.six>div>div.marubox>div:nth-of-type(2){
    background-image: url(img/service/maru2.png);
    z-index: 2;
}
#service>div.six>div>div.marubox>div:nth-of-type(3){
    background-image: url(img/service/maru3.png);
    z-index: 1;
}
#service>div.six>div>div.marubox>div:hover{
    width : calc(100% / 3);
}
#service>div.six>div>div.textbox{
    font-size: 1.1em;
    line-height: 2em;
    width : 60%;
    margin : 0 auto;
    margin-top: 5em;
    text-align: center;
}
#service>div.one p:nth-of-type(3){
    margin-top:1.5em;
}
#service>div.one p:nth-of-type(4){
    margin-top:1em;
}
#service>div.two{
    padding-bottom:5em;
}

#service>div.three{

    padding-top:3em;
    padding-bottom:5em;
    background-color:#EFF1F1;
    text-align: center;
}


#service .title-border{
    margin-top:5em;
    margin-bottom:1em;
}


#service>div.one .str{
    margin-top:2em;
}
#service>div.three>.container>div img:nth-of-type(3){
    margin-top:-2em;
}
#service>div.three>.container>div>p:nth-of-type(9){
    margin-top:5em;
}





#service>div.four{
    text-align:center;
}
#service>div.four>div{
    width:70%;
    margin:0 auto;
    padding-top:5em;
    padding-bottom:5em;
    text-align:center;
}
.title-center{
    font-size:1.3em;
    color:#06B3DB;
    font-weight: bold;
    text-align: center;
    margin-top:2em;
}
#service>div.four>div>p:nth-of-type(3){
    margin-top:1em;
}
.str-left{
    width:70%;
    margin:0 auto;
    margin-top:2em;
    text-align:left;
    line-height:2em;
}

.delibox{
    width:80%;
    margin:0 auto;
    margin-top:2em;
    background-color:#fff;
    border-radius: 20px;
    padding:2em;
}
#deliarea{
}
#deliarea.open{
}

#service>div.four>div img:nth-of-type(2){
    margin-top:5em;
}
#service>div.four>div>p:nth-of-type(5),
#service>div.four>div>p:nth-of-type(6){
    padding:0;
    margin:0;
}
#service>div.four>div>p:nth-of-type(5){
    margin-top:1em;
}
#service>div.four>div>div:nth-of-type(4){
    text-align:center;
    width:80%;
    margin:0 auto;
    margin-top:2em;
    line-height:2em;
}
#service>div.five{
    background-color:#EFF1F1;
}
#service>div.five>div>.servicearea{
    width:80%;
    margin:0 auto;
    padding-bottom:7em;
}

#system{
    background-color:#F5F7F7;
}
#system>div:first-of-type{
    background-image:url(img/system/top.jpg);
    background-size:cover;
    background-position: center center;
}
#system>div:first-of-type>div>div{
    height:500px;
    width:80%;
    margin: 0 auto;
    position: relative;
}
#system>div:nth-of-type(2)>div{
    padding-top:3em;
    padding-bottom:5em;
    text-align:center;
}
#system>div:nth-of-type(2)>div p{
    padding:0;
    margin:0;
}
#system>div:nth-of-type(2)>div p:nth-of-type(3){
    margin-top:2em;
}

#system>div:nth-of-type(2)>div p:nth-of-type(3),
#system>div:nth-of-type(2)>div p:nth-of-type(4){
    line-height:2em;
}


#system>div:nth-of-type(2)>div p:nth-of-type(5){
    width:60%;
    margin:0 auto;
    margin-top:2em;
    line-height:2.5em;
}
#system>div:nth-of-type(3){
    padding-top:3em;
    background-color:#EFF1F1;
    text-align:center;
}
#system>div:nth-of-type(3) p{
    padding:0;
    margin:0;
}
#system>div:nth-of-type(3)>div>div>div{
    line-height:2.5em;
    margin-top:2em;
}
.center-strbox{
    width:70%;
    line-height:2.5em;
    margin:0 auto;
    margin-top:2em;
    text-align: center;

}
#system>div:nth-of-type(3)>div>div>img{
    margin-top:3em;
    margin-bottom:7em;
}
#system>div:nth-of-type(4){
    padding-bottom:3em;
}
#design>div:first-of-type{
    background-color:#EDFAFC;
}
#design>div:first-of-type>div{
    width:70%;
    margin:0 auto;
    height:500px;
    background-image:url(img/design/top.png);
    background-size:40% auto;
    background-position: 90% 50%;
    background-repeat: no-repeat;
}
#design>div:first-of-type>div>div{
    width:50%;
    height:100%;
}
#design>div:first-of-type>div>div>div{
    padding-top:30%;
    text-align:center;
}
#design>div:nth-of-type(2){
    background-color:#F5F7F7;
    padding-top:3em;
    padding-bottom:3em;
}
#design>div:nth-of-type(2)>div>div:nth-of-type(2){
    text-align: center;
    width:55%;
    margin:0 auto;
    margin-top:2em;
}
#design>div:nth-of-type(2)>div>div:nth-of-type(2)>div{
    display: inline-block;
    width:40%;
    border:2px #707070 solid;
    border-radius: 20px;
    padding-top:2em;
    padding-bottom:1.5em;
    margin-left:1em;
    margin-top:4em;
    font-size:1.2em;
    font-weight: bold;
    position: relative;
}
#design>div:nth-of-type(2)>div>div:nth-of-type(2)>div a{
    color:#06B3DB;
}
#design>div:nth-of-type(2)>div>div:nth-of-type(2)>div:before{
    content:"";
    position: absolute;
    top:-1.8em;
    left:40%;
    display: block;
    width:20%;
    height:3em;
    background-color:#F5F7F7;
    background-size:auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
#design>div:nth-of-type(2)>div>div:nth-of-type(2)>div:first-of-type:before{
    background-image:url(img/one.png);
}
#design>div:nth-of-type(2)>div>div:nth-of-type(2)>div:nth-of-type(2):before{
    background-image:url(img/two.png);
}
#design>div:nth-of-type(2)>div>div:nth-of-type(2)>div:nth-of-type(3):before{
    background-image:url(img/three.png);
}


#design>div:nth-of-type(3),
#design>div:nth-of-type(4),
#design>div:nth-of-type(5),
#design>div:nth-of-type(6){
    padding-top:3em;
    padding-bottom:3em;
}
#design>div:nth-of-type(3),
#design>div:nth-of-type(5){
    background:#EFF1F1;
}
#design>div:nth-of-type(3) p:first-of-type,
#design>div:nth-of-type(4) p:first-of-type{
    margin-bottom:.5em;
}
#design>div:nth-of-type(3) p:first-of-type img,
#design>div:nth-of-type(4) p:first-of-type img,
#design>div:nth-of-type(5) p:first-of-type img{
    width:2em;
}
#design>div:nth-of-type(3) .center-strbox,
#design>div:nth-of-type(4) .center-strbox{
    width:50%;
}
#design>div:nth-of-type(4) p:nth-of-type(4),
#design>div:nth-of-type(3) p:nth-of-type(3),
#design>div:nth-of-type(3) p:nth-of-type(6){
    margin-top:4em;
}
#design>div:nth-of-type(3) img:nth-of-type(2){
    margin-top:2em;
}
.white-strharfbox{
    width:55%;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    margin-top:2em;
}
.white-strharfbox>div{
    width:50%;
    padding:.5em;
}
.white-strharfbox>div>div{
    text-align: center;
    padding-top:1em;
    padding-bottom:1em;
    background:#fff;
    border-radius: 10px;
}
#design>div:nth-of-type(4){
    background:#F5F7F7;
}
#design>div:nth-of-type(5) .white-strharfbox>div:last-of-type>div{
    background:none;
}
#design>div:nth-of-type(6){
    background:#ECF5F6;
}
#design>div:nth-of-type(6)>div>div{
    width:30%;
    margin: 0 auto;
    margin-top:2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#design>div:nth-of-type(6)>div>div>div{
    width:50%;
    padding:1em;
}
#design>div:nth-of-type(6)>div>div>div img{
    margin-bottom:1em;
}
#design>div:nth-of-type(6)>div>div>div p{
    text-align:center;
    font-weight: bold;
}

#school>div:first-of-type{
    background-color:#FFF9ED;
}
#school>div:first-of-type>div{
    width:70%;
    margin:0 auto;
    height:500px;
    background-image:url(img/school/top.png);
    background-size:40% auto;
    background-position: 90% 50%;
    background-repeat: no-repeat;
}
#school>div:first-of-type>div>div{
    width:50%;
    height:100%;
}
#school>div:first-of-type>div>div>div{
    padding-top:30%;
    text-align:center;
}
#school .toptitle1>span{
    font-weight: bold;
}
#school p.toptitle2:nth-of-type(2){
    margin-top:1em;
}
#school .toptitle2>span{
    font-weight: bold;
}
#school .orangebtnline{
    margin-top:1em;
}
#school .orangebtnline>a{
    font-weight: bold;
    font-size:1.2em;
    letter-spacing: .1em;
    color:#fff;
}

#detailservice>.content>div{
    background-color:#F5F7F7;
}
#detailservice>.content>div:nth-child(even){
    background-color:#EFF1F1;
}
#detailservice>div:nth-child(2){
    background-color:#DFF1F4;
}
#detailservice.sien>div:nth-child(2){
    background-color:#E7F7E9;
}

/*#detailservice>div>div>div{
    width:80%;
    margin:0 auto;
}
*/
#detailservice>div:first-of-type{
    background-size:cover;
    background-position: center center;
}
#detailservice.smile8>div:first-of-type{
    background-image:url(img/smile8/top.png);
}
#detailservice.sien>div:first-of-type{
    background-image:url(img/sien/top.png);
}
#detailservice.houdai>div:first-of-type{
    background-image:url(img/houdai/top.png);
}
#detailservice>div:first-of-type>div>div{
    height:500px;
    width:80%;
    margin: 0 auto;
    position: relative;
}
#detailservice>div:first-of-type>div>div{
    background-position: right 10% center;
    background-repeat: no-repeat;
    background-size:35%;

}
#detailservice.smile8>div:first-of-type>div>div{
    background-image:url(img/smile8/top2.png);
}
#detailservice.sien>div:first-of-type>div>div{
    background-image:url(img/sien/top2.png);
}
#detailservice.houdai>div:first-of-type>div>div{
    background-image:url(img/houdai/top2.png);
}
#detailservice .toptitle1{
    margin-top:.5em;
    padding-left:15%;
    white-space: nowrap;
}
#detailservice .toptitle2{
    margin-top:.5em;
    padding-left:15%;
    white-space: nowrap;
}
#detailservice .toptitle1>span,
#detailservice .toptitle2>span{
    color:#fff;
    font-weight: bold;
}
#detailservice .toptitle1>span{
    display: inline-block;
    font-size: 4em;
}
#detailservice .toptitle1.smile8>span::after{
    content: "";
    display: block;
    margin-top:-.2em;
    width:100%;
    height:.5em;
    background-image:url(img/smile8/nico-white.png);
    background-size:40% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
#detailservice .toptitle2>span{
    font-size:1.7em;
}
#detailservice>div:first-of-type .orangebtnline{
    text-align:left;
    padding-left:15%;
    margin-top:2em;
}
#detailservice>div:first-of-type .orangebtnline>a{
    color:#fff;
    letter-spacing: .1em;
}
#detailservice>div:first-of-type>div>div>div{
    width:60%;
    padding-top:6em;
}
#detailservice>.desc{
    padding-top:6em;
    padding-bottom:6em;

}
#detailservice>.desc>div>div{
    display: flex;
    justify-content: center;
}
#detailservice>.desc>div>div>div{
}
#detailservice>.desc>div>div>div:first-of-type{
    width:40%;
    padding-top:1em;
}
#detailservice>.desc>div>div>div:last-of-type{
    padding-left:10%;
    width:50%;

}
#detailservice>.desc>div>div>div:last-of-type>p:first-of-type{
    font-size:1.4em;
    white-space: nowrap;
    color:#06B3DB;
}
#detailservice.sien>.desc>div>div>div:last-of-type>p:first-of-type{
    color:#02AF16;
}
#detailservice>.desc>div>div>div:last-of-type>p:first-of-type>span{
    font-size:1.5em;
    display: inline-block;
    position: relative;
}
#detailservice.smile8>.desc>div>div>div:last-of-type>p:first-of-type>span::after{
    position: absolute;

    bottom:-.3em;
    left:25%;
    content: "";
    display: block;
    width:50%;
    height:.5em;
    background-image:url(img/smile8/nico-blue.png);
    background-size:100% 100%;
    background-repeat: no-repeat;
}
#detailservice>.desc>div>div>div:last-of-type>div{
    margin-top:1em;
    font-size:1.2em;
    line-height:1.8em;
}
#detailservice.sien>.desc>div>div>div:last-of-type>div>div{
    color:#02AF16;
}
#detailservice.houdai>.desc>div>div>div:last-of-type>div>div{
    color:#06B3DB;
}
#detailservice>.content>div>div>div{
    padding-top:3em;
    padding-bottom:3em;
    width:90%;
    margin:0 auto;
}
#detailservice .features>div>div>p:nth-of-type(3){
    margin-top:2em;
}
#detailservice .features img{
    margin-top:2em;
}
#detailservice .functions>div>div>div{
    display: flex;
    flex-wrap: wrap;
}
#detailservice .functions>div>div>div>div{
    width:calc(100% / 3);
    padding:1em;
    padding-bottom:2em;
}
#detailservice .functions>div>div>div>div>div:first-of-type{
    width:15em;
    height:15em;
    margin:0 auto;
    background-color:#FFF;
    border-radius: 50%;
    position: relative;
    text-align:center;
}
#detailservice .functions>div>div>div>div>div:first-of-type>img{
    position: absolute;
    top:25%;
    left:10%;
    width:80%;
    height:50%;
}
#detailservice .functions>div>div>div>div>p,
#detailservice .functions>div>div>div>div>div{
    text-align: center;
}
#detailservice .functions>div>div>div>div>p{
    font-size:1.1em;
    color:#06B3DB;
    font-weight: bold;
    margin-top:1em;
}
#detailservice .functions>div>div>div>div>div{
    margin-top:1em;
}
#detailservice .functions>div>div>p:nth-of-type(3){
    margin-top:2em;
    text-align:center;
    font-size:1.1em;
    font-weight: bold;
}
#detailservice .functions>div>div>p:nth-of-type(4){
    margin-top:1em;
}
#detailservice .select>div>div>p:first-of-type{
    text-align: center;
    font-size:1.2em;
    font-weight: bold;
    position: relative;
}
#detailservice .select>div>div>p:first-of-type>span{
    color:#06B3DB;
}
#detailservice .select>div>div>p:first-of-type>span:first-of-type{
    font-size:2em;
    display: inline-block;
    padding-right:.5em;
    position: relative;
}
#detailservice .select>div>div>p:first-of-type>span:first-of-type::after{
    content:"";
    width:100%;
    height:.5em;
    bottom:-.3em;
    position: absolute;
    background-image:url(img/smile8/nico-blue.png);
    background-repeat: no-repeat;
    background-size:40% 100%;
    left:30%;
    bottom:-.2
}
#detailservice .select>div>div>p:first-of-type>span:nth-of-type(2){
    font-size:3em;
}
#detailservice .select>div>div>div{
    display: flex;
    flex-wrap: wrap;


}
#detailservice .select>div>div>div>div{
    width:50%;
}
#detailservice .select>div>div>div>div:first-of-type{
    width:100%;
}
#detailservice .select>div>div>div>div:first-of-type>div{
    width:50%;
    margin:0 auto;
}
#detailservice .select>div>div>div>div:first-of-type>div,
#detailservice .select>div>div>div>div{
    padding:2em;
    text-align:center;
}
#detailservice .select>div>div>div>div>div>div:first-of-type{
    margin-top:1em;
    font-size:1.5em;
    font-weight: bold;
    color:#06B3DB;
}
#detailservice .select>div>div>div>div>div>div:nth-of-type(2){
    width:80%;
    margin:0 auto;
    margin-top:1em;
}
#detailservice>.content>.price>div>div{
    width:60%;
    margin: 0 auto;
}
#detailservice .price .pricetext{
    font-size:.9em;
    color:#666;
    width:90%;
    margin:0 auto;
    margin-top:3em;
}
#detailservice .price .pricep{
    text-align:center;
    color:#000 !important;
}

#detailservice.smile8 .price>div>div>dl{
    border-radius: 20px;
    background:#fff;
    padding:2em;
    padding-right:0;
    margin-top:.5em;
}
#detailservice.smile8 .price>div>div>dl:first-of-type{
    margin-top:2em;
}
#detailservice.smile8 .price>div>div>dl>dt{
    display: inline-block;
    width:70%;
}
#detailservice.smile8 .price>div>div>dl>dd{
    display: inline-block;
    width:25%;
    text-align:right;
}
#detailservice.houdai .price>div>div>img{
    margin-top:2em;
}
#detailservice.sien .price>div>div>div>a:first-of-type span{
    display: inline-block;
    height:3em;
    position: absolute;
    top:28%;
    right:15%;
}
#detailservice.sien .price>div>div>div>a:nth-of-type(2) span{
    display: inline-block;
    height:3em;
    position: absolute;
    top:50%;
    right:15%;
}
#detailservice.sien .price>div>div>div>a:nth-of-type(3) span{
    display: inline-block;
    height:3em;
    position: absolute;
    top:50%;
    right:0;
}

#detailservice .price>div>div>p:nth-of-type(3),
#detailservice .price>div>div>p:nth-of-type(4){
    color:#06B3DB;
    margin-top:2em;
    padding-left:2em;
    font-weight: bold;
}
#detailservice>.content>.link>div>div{
    width:70%;
    margin:0 auto;
}
#detailservice>.content>.link>div>div>div{
    display: flex;
    flex-wrap: wrap;
}
#detailservice>.content>.link>div>div>div>div{
    width:50%;
    padding:1em;
}
#detailservice>.content>.link>div>div>div>div>div:first-of-type{
    text-align:center;
    line-height: 2em;
    font-weight: bold;
}
#detailservice>.content>.link>div>div>div>div img{
    margin-top:1em;
}
#detailservice.sien>.content>.issues>div>div{
    width:70%;
    margin: 0 auto;
}
#detailservice.houdai>.content>.issues>div>div{
    width:70%;
    margin: 0 auto;
    text-align:center;
}
#detailservice.houdai>.content>.issues>div>div>div{
    margin-top:3em;
    margin-bottom:6em;
}
#detailservice.houdai .issues .midasi2{
    padding-bottom:2em;
}

#detailservice.sien>.content>.issues>div>div>div:nth-of-type(2){
    margin-top:4em;
}

#detailservice.sien>.content>.issues>div>div>div:nth-of-type(2)>p{
    position: absolute;
    top:0;
    left:0;
}
#detailservice.sien>.content>.issues>div>div>div:nth-of-type(2)>p>a{
    letter-spacing: .1em;
    padding-left:4em;
    padding-right:4em;
}
#detailservice.sien>.content>.issues>div>div>div:nth-of-type(2)>p:nth-of-type(1){
    text-align:left;
    padding-left:7%;
    top:66.5%;
}
#detailservice.sien>.content>.issues>div>div>div:nth-of-type(2)>p:nth-of-type(2){
    text-align:right;
    padding-right:7%;
    top:68%;
}
#detailservice.sien>.content>.issues>div>div>div:nth-of-type(2)>p:nth-of-type(3){
    top:84%;
}
#detailservice.sien>.content>.issues>div>div>img{
    margin-top:2em;
}
#detailservice.sien>.content>.issues>div>div>div:first-of-type{
    margin-top:2em;
    font-size:1.2em;
    line-height:1.8em;
}
#detailservice>.content>.point>div>div{
    width:70%;
    margin:0 auto;
    text-align:center;
}
#detailservice>.content>.point>div>div>div{
    margin-top:2em;
    margin-bottom:2em;
}
#detailservice>.content>.other>div>div{
    width:60%;
    margin:0 auto;
}
#detailservice>.content>.other>div>div img{
    margin-top:2em;
}
#detailservice .features .flex-box{
    margin-top:2em;
    display: flex;
    flex-wrap: wrap;
}
#detailservice .features .flex-box>div{
    width:30%;
    padding:.8em;
}
#detailservice .features .flex-box>div:first-of-type{
    width:40%;
}
#detailservice .features .flex-box>div:last-of-type{
    width:100%;
}
#detailservice .features .flex-box>div>div{
    width:100%;
    border-radius: 10px;
    height:100%;
    padding-top:2em;
    padding-bottom:2em;
    position: relative;
}
#detailservice .features .flex-box>div>div>img{
    position: absolute;
    top:0;
    left:42.5%;
}
#detailservice .features .flex-box>div:first-of-type>div>img:first-of-type{
    top:25%;
}
#detailservice .features .flex-box>div:first-of-type>div>img:nth-of-type(2){
    top:50%;
}
#detailservice .features .flex-box>div:first-of-type>div>img:nth-of-type(3){
    top:75%;
}

#detailservice .features .flex-box>div>div>p:first-of-type{
    font-size: 1.3em;
    font-weight: bold;
    text-align:center;
}
#detailservice .features .flex-box>div:first-of-type>div{
    background:#FFCC9B;
}
#detailservice .features .flex-box>div:nth-of-type(2)>div{
    background:#AFFAA2;
}
#detailservice .features .flex-box>div:nth-of-type(3)>div{
    background:#BEECFF;
}
#detailservice .features .flex-box>div:last-of-type>div{
    background:#FFFA77;
}
#detailservice .features .flex-box>div>div>div{
    width:90%;
    margin:0 auto;
    margin-top:1.5em;
    display: flex;
    flex-wrap: wrap;
}
#detailservice .features .flex-box>div>div>div>div{
    width:100%;
}
#detailservice .features .flex-box>div:first-of-type>div>div>div{
    width:50%;
}
#detailservice .features .flex-box>div>div>div>div>div{
    width:90%;
    margin:0 auto;
    margin-top:.8em;
    border-radius: 10px;
    background:#fff;
    padding-top:1em;
    padding-bottom:1em;
}
#detailservice .features .flex-box>div>div>div>div>div:first-of-type{
    margin-top:0;
}
#detailservice .features .flex-box>div:first-of-type>div>div>div:nth-of-type(2)>div{
    height:100%;
}
#detailservice .features .flex-box>div>div>div>div>div>p{
    text-align:center;
    line-height: 2em;
}
#detailservice .features .flex-box>div:nth-of-type(3)>div>div>div>div>p,
#detailservice .features .flex-box>div>div>div>div>div>p:first-of-type{
    font-weight: bold;
    font-size:1.2em;
}
#detailservice .features .flex-box>div:first-of-type>div>div>div:nth-of-type(2)>div>p{
    position: relative;
    top:45%;
}
#detailservice .features .flex-box>div:nth-of-type(2)>div>div{
    height:90%;
}
#detailservice .features .flex-box>div:nth-of-type(2)>div>div>div{
    height:50%;
}
#detailservice .features .flex-box>div:nth-of-type(2)>div>div>div>div{
    height:90%;
}
#detailservice .features .flex-box>div:nth-of-type(2)>div>div>div>div>p{
    position: relative;
    top:40%;
}
#detailservice .features .flex-box>div:nth-of-type(3)>div>div>div>div:first-of-type{
    padding-top:3em;
    padding-bottom:3em;
}

#detailservice .features .flex-box>div:nth-of-type(2)>div>img{
    top:40%;
    left:47.5%;
}
#detailservice .features .flex-box>div:nth-of-type(4)>div>div{
    width:85%;
}
#detailservice .features .flex-box>div:nth-of-type(4)>div>div>div{
    width:calc(100% / 3);
}
#detailservice .price img{
    cursor: pointer;
}
#detailservice .issues .cparea{
    width:80%;
    margin:0 auto;
    background:#fff;
    border-radius: 10px;
    padding:2em;
    text-align: center;
}

#detailservice .issues .cparea p{
    text-align: left;
    margin-top:2em;
}

#blog-list>div:first-of-type{
    background-image:url(img/blog-list/top.jpg);
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;


}
#blog-list>div:first-of-type>div{
    width:70%;
    margin:0 auto;
    height:500px;
}
#blog-list>div:first-of-type>div>div{
    width:100%;
    height:100%;
}
#blog-list>div:first-of-type>div>div>div{
    text-align:center;
    padding-top:15em;
}
#blog-list>div:first-of-type>div>div p{
    color:#fff;
}
#blog-list>div:nth-of-type(2)>div>div{
    width:80%;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    padding-top:3em;
}
#blog-list>div:nth-of-type(2)>div>div>div:first-of-type{
    width:70%;
}
#blog-list>div:nth-of-type(2)>div>div>div:last-of-type{
    width:30%;
    border-left:1px #ccc solid;
}
#blog-list>div:nth-of-type(2)>div>div>div:first-of-type>p:first-of-type{
    color:#ccc;
}
#blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:first-of-type{
    background-color:#D1E3F5;
    padding:1em 2em 1em 2em;
    border-radius: 10px;
    width:95%;
    margin-top:2em;

}
#blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:nth-of-type(2){
    margin-top:2em;
    border-top:1px #ccc solid;
}
#blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:nth-of-type(2)>div{
    margin-top:2em;
    width:90%;
}
#blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:nth-of-type(2)>div p.title{
    font-size:1.2em;
    font-weight: bold;
    color:#00A9EA;
}
#blog-list .searchresult{
    margin-top:3em;
    font-size:1.2em;
}
.blog-osusume p,
.blog-ranking p{
    font-weight: bold;
}
.blog-searchbox,
.blog-catelist,
.sk-space,
.blog-ranking,
.blog-osusume,
.blog-relation{
    margin-top:2em;
    padding-left:2em;
}
.blog-searchbox form>[type=search]{
    background-color:#E9E9E9;
    border:none;
    padding:.5em;
    padding-left:1em;
    border-radius: 100vh 0 0 100vh;
    height:2.5em;
}
.blog-searchbox form>[type=submit]{
    background-color:#E9E9E9;
    border:none;
    padding:.5em;
    padding-left:1em;
    padding-right:1em;
    height:2.5em;

    border-radius: 0 100vh 100vh 0;
}
.blog-ranking>ul,
.blog-osusume>ul,
.blog-catelist>ul{
    list-style: none;
    padding-left:0;
}
.blog-catelist>ul>li{

    margin-bottom:1em;
    display: inline-block;
    width:70%;
    position: relative;
}
.blog-catelist>ul>li>a{
    display: inline-block;
    width:100%;
}
.blog-catelist>ul>li::after{
    content:"＞";
    display: inline-block;X
    width:1em;
    height:1em;
    position: absolute;
    right:0;
}
.blog-taglist{
    border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
    padding-top:2em;
    padding-bottom:2em;
    padding-left:2em;
}
.blog-ranking>ul>li,
.blog-osusume>ul>li{
    margin-top:1em;
}
.blog-ranking>ul>li>span{
    display: inline-block;
    text-align:center;
    font-size:.8em;
    width:1.5em;
    height:1.5em;
    padding-top:.05em;
    margin-right:.5em;
    background-color:#549AEC;
    border-radius: 50%;
    color:#fff;
}
ul.pagination{
    width:90%;
    margin-top:3em;
    flex-wrap: nowrap;
    justify-content: center;
}
ul.pagination>li{
    display: inline-block;
    width:3em;
    height:3em;
    padding-top:.7em;
    border-right:1px #000 solid;
    border-top:1px #000 solid;
    border-bottom:1px #000 solid;
    text-align:center;
}
ul.pagination>li:first-of-type{
    border-left:1px #000 solid;
}
ul.pagination>li.active{
    background-color:#000;
    color:#fff;
}
.bknocolor{
    background:none !important;
}
#blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:first-of-type>img{
    vertical-align: middle;
    width:10em;
    height:10em;
    object-fit: cover;
    border-radius: 50%;
    margin-right:2em;
}
#blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:first-of-type>div>span{
    font-size:3em;
}
#blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:first-of-type>div{
    vertical-align: middle;
    display: inline-block;
    width:70%;
}
#journal-list{background: #F5F7F7;padding-bottom:3em;}
#journal-list>div:first-of-type{
    background-image:url(img/journal-list/top.png);
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
#journal-list>div:first-of-type>div{
    width:70%;
    margin:0 auto;
    height:500px;
}
#journal-list>div:first-of-type>div>div{
    width:100%;
    height:100%;
}
#journal-list>div:first-of-type>div>div>div{
    text-align:center;
    padding-top:15em;
}
#journal-list>div:first-of-type>div>div p{
    color:#fff;
}
#journal-list>div:nth-of-type(2){
    width:70%;
    margin:0 auto;
    padding-top:2em;
}
#journal-list>div:nth-of-type(2)>ul:first-of-type{
    padding:0;
    list-style: none;
    text-align:center;
}
#journal-list>div:nth-of-type(2)>ul:first-of-type>li{
    display: inline-block;
    margin-left:1em;
}
#journal-list>div:nth-of-type(2)>ul:first-of-type>li>a{
    display: inline-block;
    padding: 1em 2em 1em 2em;
    border-radius: 100vh;
}
#journal-list>div:nth-of-type(2)>ul:first-of-type>li>a.active{
    border:2px #0070C3 solid;
}
#journal-list>div:nth-of-type(2)>ul:first-of-type>li>a:hover{
    border:2px rgba(0,112,195,.5) solid;
}
#journal-list>div:nth-of-type(2)>div:first-of-type{
    display: flex;
    flex-wrap: wrap;
}
.journal-onebox{
    width:calc(100% / 3);
    padding:1em;
}
.journal-onebox>div{
    width:100%;
    height:100%;
    position: relative;
    background-color:#fff;
    padding-bottom:6em;
    position: relative;
}
.journal-onebox>div>a>img{
    object-fit:contain;
    width:100%;
    height:20em;
    padding:1em;
}
.journal-onebox>div>a>div{
    width:100%;
    position: absolute;
    bottom:0;
    padding-bottom:1em;
    background:#fff;
}
#journal-list .journal-onebox>div>a>div p,
.journal-onebox>div>a>div p{
    margin-left:1rem;
    margin-right:1rem;
}
.journal-onebox>div>a>div p:first-of-type{
    font-size:1.5em;
    font-weight: bold;
    margin-top:.5em;
}
.journal-onebox>div .hoverarea{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    padding:1em;
    padding-top:5em;
    color:#fff;
    font-size:1.5em;
    background: rgba(0,0,0,.8);
    opacity: 0;
    transition: height 0.5s,opacity .5s;
    pointer-events: none;
}
.journal-onebox>div .hoverarea>p{
    text-align:center;
}
.journal-onebox>div:hover .hoverarea{
    height:100%;
    opacity: 1;
}
.journal-onebox>div .hoverarea.web{
    background:rgba(13,119,198,.8);
}
.journal-onebox>div .hoverarea.design{
    background:rgba(9,177,33,.8);
}
.journal-onebox>div .hoverarea.system{
    background:rgba(252,170,13,.8);
}
.journal-onebox>div .hoverarea>p:nth-of-type(2){
    position: absolute;
    bottom:5em;
    left:0;
    text-align: center;
    width:100%;

}
.journal-onebox>div .hoverarea>p:nth-of-type(2) span{
    display: inline-block;
    border-radius: 100vh;
    border:2px #fff solid;
    color:#fff;
    padding-left:1em;
    padding-right:1em;
}
#voice-list{
    font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 300;
    font-optical-sizing: auto;
    font-style: normal;
      background: #F5F7F7;
}
.voice-top{
    background-image:url(img/voice/top.jpg);
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;

}
.voice-top>div{
    width:70%;
    margin:0 auto;
    height:500px;
}
.voice-top>div>div{
    width:100%;
    height:100%;
}
.voice-top>div>div>div{
    text-align:center;
    padding-top:15em;
}
.voice-top>div>div p{
    color:#000;
}
.voice-content>div{
    padding-top:3em;
    padding-bottom:3em;
}
.voice-content .onepage{
    width:80%;
    border-radius: 20px;
    background-color:#fff;
    padding:3em;
    margin:0 auto;
}
.voice-content .mainbox{
    display: flex;

}
.voice-content .mainbox>div:first-of-type{
    width:75%;
    border-radius: 20px;
    background-color:#fff;
    padding:1em;

}
.voice-content .mainbox>div:nth-of-type(2){
    width:25%;
}
#voice-list #sidebox{
    position: relative;
    padding-left:1em;
}

#voice-list #sidebox #sidebox_into{
    position: absolute;
    border-top:1px #666 solid;
    border-bottom:1px #666 solid;
    padding-bottom:1em;

}
#voice-list #sidebox #sidebox_into>p{
    margin-top:1em;
}
#voice-list #sidebox #sidebox_into>div{
    margin-left: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
#voice-list #sidebox #sidebox_into>div>div{
    min-width: 40%;
    margin-top:.5em;
    padding:.1em;
}
#voice-list #sidebox #sidebox_into>div>div>div{
    width: 100%;
    height: 100%;
    font-size: .8em;
    font-weight: 500;
    background-color:#fff;
    color:#000;
    border-radius: .5rem;
    text-align:center;
    padding: .8rem;
}
#voice-list #sidebox #sidebox_into>div>div>div>a{
    display: inline-block;
    width:100%;
    height:100%;
}
#voice-list #sidebox #sidebox_into>div>div>div.one{
    background: #41B5BB;
}
#voice-list #sidebox #sidebox_into>div>div>div.two{
    background: #6EC7CB;
}
#voice-list #sidebox #sidebox_into>div>div>div.three{
    background: #99D8D7;
}
#voice-list #sidebox #sidebox_into>div>div>div.four{
    background: #F498CB;
}
#voice-list #sidebox #sidebox_into>div>div>div.five{
    background: #F7CBE6;
}
#voice-list #sidebox #sidebox_into>div>div>div.six{
    background: #FFB9A9;
}
#voice-list #sidebox #sidebox_into>div>div>div.seven{
    background: #70D086;
}
#voice-list #sidebox #sidebox_into>div>div>div.eight{
    background: #D4EFEE;
}
#voice-list #sidebox #sidebox_into>div>div>div.nine{
    background: #FF815F;
}
#voice-list #sidebox #sidebox_into>div>div>div.ten{
    background: #FF6633;
}
#voice-list #sidebox #sidebox_into>div>div>div.eleven{
    background: #2D9B46;
}
#voice-list #sidebox #sidebox_into>div>div>div.twelve{
    background: #BFFACC;
}
#voice-list #sidebox #sidebox_into>div>div>div.thirteen{
    background: #2A9DBC;
}
#voice-list #sidebox #sidebox_into>div>div>div.fourteen{
    background: #F74B99;
}
#voice-list #sidebox #sidebox_into>div>div>div.fifteen{
    background: #FCEADB;
}
.onepage .voice-onebox-2-wrapper{
    border: .1rem rgb(7,180,219) solid;
    border-radius: 20px;
    padding: 2rem;
}

.onepage .voice-onebox-2{
    border: none;
    border-radius: 0;
    border-bottom: 1px #ccc solid;
}
.voice-onebox-2{
    padding:1em 2em 1em 2em;
    border-radius: 20px;
    border:1px rgb(7,180,219) solid;
    margin-bottom:2em;
    display: flex;
    flex-direction: row;
    gap: 2rem;
}
.voice-onebox-2>div:first-of-type{
    width:20%;
}
.voice-onebox-2>div:nth-of-type(2){
    width:80%;
}
.voice-onebox-2 .voice-icon{
    border-radius: 50vh;
    width: 15rem;
    height: 15rem;
    object-fit: cover;
}
.voice-onebox-2>div:nth-of-type(2)>div:first-of-type{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.voice-onebox-2>div:nth-of-type(2)>div:first-of-type>div:first-of-type{
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
.voice-onebox-2>div:nth-of-type(2)>div:first-of-type>div:nth-of-type(2)>a{
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.voice-onebox-2>div:nth-of-type(2)>div:first-of-type>div:nth-of-type(2)>a>span.icon{
    display: inline-flex;
    width: 3rem;
    background-color:#333;
    border-radius: 100vh;
    color: #fff;
    justify-content: center;
    align-items: center;
}
.voice-onebox-2>div:nth-of-type(2)>div:first-of-type>div:nth-of-type(2)>a>span.icon>img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.voice-onebox-2>div:nth-of-type(2)>div:first-of-type>div:nth-of-type(2)>a>span.str{
    transition: letter-spacing .3s;
    letter-spacing: 0;
    position: relative;
    left: -1rem;
}
.voice-onebox-2>div:nth-of-type(2)>div:first-of-type>div:nth-of-type(2)>a:hover>span.str{
    letter-spacing: .5rem;

}
.voice-onebox-2 .type{
    min-width: 15rem;
    text-align: center;
    font-size:1.2rem;
    color:#fff;
    background-color: #333;
    padding: .5rem 1rem;
    border-radius: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.voice-onebox-2 .service{
    padding: .3rem 1rem;
    text-align: center;
    font-size:1.2rem;
    color:#333;
    background-color: #e8e8e8;
    display: flex;
    justify-content: center;
    align-items: center;
}
.voice-onebox-2 .voice-list{
    margin-top: 2rem;
    width: 100%;
    border-top: .1rem #e8e8e8 solid;
    padding-top: 2rem;
}
.voice-onebox-2 .voice-list.voice-name{
    border-top: none;
}

.voice-onebox-2 .voice-list>p:first-of-type{
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
    font-weight: 500;
    color: rgb(7,180,219);
}
.voice-onebox-2 .voice-services>p:nth-of-type(2){
    margin-top: 1rem;
}
.onepage .voice-onebox-2 .voice-services{
    border-bottom: none;
}
.voice-onebox-2 .voice-services>p:nth-of-type(2)>span{
    display: inline-block;
    min-width:20%;
    padding: 0.2rem 1rem;
    border-radius: 100vh;
    background: rgb(7,180,219);
    text-align: center;
    margin-bottom:.2em;
    color:#fff;
}
.voice-blog{
    padding-bottom: 2rem;
    border-bottom: none;
}
.onepage .voice-blog{
    border: .1rem rgb(7,180,219) solid;
    border-radius: 20px;
    padding: 2rem;
    margin-top: 2rem;
}
.voice-blog>p:first-of-type{
    font-size:2rem;
    font-weight: 500;
    color: rgb(7,180,219);
    margin-bottom: 2rem;
}
.voice-blog .voice-blog-link{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

}
.voice-blog-link-icon{
    margin-left: 1rem;
}
.voice-blog .voice-blog-link>div:first-of-type{
    width: 10%;
    height: 5rem;
}
.voice-blog .voice-blog-link>div:first-of-type>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
}
.voice-blog .voice-blog-link>div:nth-of-type(2){
    width: 80%;
    padding-left: 1rem;
    display: flex;
    flex-direction: row;

}
.voice-blog-pnline{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    gap: 2rem;
    margin-bottom: 2rem;

}
.voice-qs div.voice-qs-q>p:first-of-type{
    font-size:1.5rem;
    font-weight: 500;
    color: rgb(7,180,219);
    padding-bottom:.5em;

}
.voice-qs div.voice-qs-q>div{
    font-size: 1.5rem;
}
.voice-qs div.voice-qs-q-2{
    margin-top: 2rem;
}
.voice-qs div.voice-qs-q-2>p:first-of-type{
    font-size: 1.2em;
    color: rgb(7,180,219);
    font-weight: 500;
}
.voice-qs div.voice-qs-q-2>div{
    padding-left: 4rem;
}
.voice-qs>div{
    border-bottom:1px #ccc solid;
    padding-bottom: 3rem;
    padding-top: 3rem;
}
.voice-blog-pnline>div.prev{
    background-color: #FF9E30;
    color: #fff;
}
.voice-blog-pnline>div.prev>a{
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
}
.voice-blog-pnline>div.next{
    background-color: rgb(7,180,219);
    color: #fff;
}
.voice-blog-pnline>div.next>a{
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.voice-blog-pnline>div{
    width: 20%;
    text-align: center;
    padding: 1rem 2rem;
    border-radius: 100vh;
    background-color: #666;
    color: #fff;
}
.voice-returntop{
    display: block;
    width: 20%;
    text-align: center;
    padding: 1rem 2rem;
    margin: 0 auto;

    border-radius: 100vh;
    background-color: #666;
    color: #fff;
}
.voice-returntop>a{
    color: #fff;
}


@media screen and (max-width:768px){
    .voice-onebox-2{
        font-size: .8rem;
        gap: 1rem;
        align-items: flex-start;
        position: relative;
        min-height: 20rem;
    }
    .voice-onebox-2>div:first-of-type{
        position: absolute;
        top: .5rem;
        left: 4%;
        width: 27%;
        aspect-ratio: 1 / 1; /* 1:1の比率を維持 */
    }
    .voice-onebox-2>div:nth-of-type(2)
    {
        width: 100%;
    }

    .voice-onebox-2 .voice-icon{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .voice-onebox-2 .type{
        font-size:.7rem;
        min-width: 4rem;
    }
    .voice-onebox-2 .service{
        font-size:.7rem;
        min-width: 4rem;
        white-space: nowrap;
    }
    .voice-onebox-2>div:nth-of-type(2)>div:first-of-type{
        padding-left: 35%;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        min-height: 2rem;
    }

    .voice-onebox-2>div:nth-of-type(2)>div:first-of-type>div:nth-of-type(2)>a>span.icon{
            width: 20px;
            height: 20px;
    }
    .voice-onebox-2 .voice-list{
        padding-top: 1rem;
        margin-top: 0;
        position: relative;
    }
    .voice-onebox-2 .voice-list.voice-name{
        padding-left: 35%;
        padding-top: 0;
        width: 100%;
        margin-top: .5rem;
        min-height: 2.5rem;

    }
    .voice-onebox-2 .voice-list.voice-blog{
        border-top: none;
    }
    .voice-onebox-2 .voice-list.voice-blog>div{
        margin-top: .5rem;
    }
    .voice-onebox-2 .voice-list>p:first-of-type{
        font-size: 1rem;

    }
    .voice-onebox-2 .voice-list.voice-name>p:nth-of-type(2){
        font-size: 1rem;

    }
    .voice-onebox-2 .voice-readmore{
        color: #fff;
        border-top: .1rem #e8e8e8 solid;
        padding-top: 1rem;
    }
    .voice-onebox-2 .voice-readmore>a{
        background-color: #333;
        display: block;
        color: #fff;
        text-align: center;
        padding: .5rem 1rem;
        margin: 0 auto;
        border-radius: 100vh;
        width: 80%;
        font-size: 1rem;
        font-weight: 500;
        position: relative;

    }
    .voice-onebox-2 .voice-readmore>a>span.icon{
        display: block;
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: 10%;
        right: 5%;


    }
    .voice-onebox-2 .voice-readmore>a>span>img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .onepage .voice-onebox-2-wrapper{
        padding: 1.5rem;
    }

    .voice-qs>div{
        padding: .5rem 0;
    }
    .voice-qs div.voice-qs-q>p:first-of-type{
        font-size: 1rem;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .voice-qs div.voice-qs-q>div{
        font-size: 1rem;
        margin-top: .5rem;
    }
    .voice-qs div.voice-qs-q-2{
        margin-top: 1rem;
    }
    .voice-qs div.voice-qs-q-2>p:first-of-type{
        font-size: 1rem;
        margin-bottom: 0;
    }
    .voice-qs div.voice-qs-q-2>div{
        margin-top: .5rem;
        padding-left: 2rem;
    }
    .voice-blog-pnline>div{
        width: 40%;
        font-size: 1rem;
        padding: .5rem 1rem;
    }
    .voice-returntop{
        width: 40%;
        font-size: 1rem;
        padding: .5rem 1rem;
    }
    .voice-onebox-2>div:nth-of-type(2)>div:first-of-type>div:first-of-type{
        gap: .5rem;
    }    
    .voice-blog .voice-blog-link>div:first-of-type{
        width: 25%;
        height: 3rem;
    }
    .voice-blog>p:first-of-type{
        font-size: 1rem;
        margin-bottom: 1rem;
    }
    .voice-list.voice-tags{
        border-top: none;
        display: flex;
        gap: .5rem;
        flex-wrap: wrap;
        padding-top: 1rem;
        padding-bottom: 1rem;

    }
    .voice-list.voice-tags span{
        padding: .3rem 1rem;
        text-align: center;
        font-size: .7rem;
        font-weight: 500;
        color:#333;
        background-color: #e8e8e8;
        display: inline-flex;
        justify-content: center;
        align-items: center;

    }
    .onepage .voice-onebox-2{
        padding: 0;
        min-height: auto;
    }
    .onepage .voice-onebox-2>div:first-of-type{
        top: 0;
        left: 0;

    }

}
.voice-qs>div:last-of-type{
    border-bottom: none;
}
.voice-onebox>*:first-of-type>div{
    margin-left:2em;
    width:80%;
    display: inline-block;
    vertical-align: middle;
}
.voice-onebox>*:first-of-type>div>div:first-of-type{
    padding-left:1em;
    padding-right:1em;
    border-bottom:1px #375A8C solid;
    margin-bottom:1em;
}
.voice-onebox>*:first-of-type>div>div:first-of-type>p{
    font-weight: bold;
    color:#375A8C;
}
.voice-onebox>*:first-of-type>div>div:first-of-type>p:first-of-type{
   text-align: left;
   font-size:1.5em;
   float: left;
}
.voice-onebox>*:first-of-type>div>div:first-of-type>p:nth-of-type(2){
   font-size:1.2em;
   text-align: right;
   padding-top:5px;
   margin-bottom:.2em;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(2){
    font-size:1.2em;
    font-weight: bold;
    color:#375A8C;
    border-bottom:1px #375A8C solid;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span{
    display: inline-block;
    min-width:20%;
    padding:1em;
    border-radius: 100vh;
    background:#c9c9c4;
    text-align: center;
    margin-bottom:.2em;
    color:#000;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.one{
    background: #41B5BB;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.two{
    background: #6EC7CB;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.three{
    background: #99D8D7;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.four{
    background: #F498CB;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.five{
    background: #F7CBE6;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.six{
    background: #FFB9A9;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.seven{
    background: #70D086;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.eight{
    background: #D4EFEE;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.nine{
    background: #FF815F;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.ten{
    background: #FF6633;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.eleven{
    background: #2D9B46;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.twelve{
    background: #BFFACC;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.thirteen{
    background: #2A9DBC;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.fourteen{
    background: #F74B99;
}
.voice-onebox>*:first-of-type>div>p:nth-of-type(3)>span.fifteen{
    background: #FCEADB;
}

.voice-onebox>div:nth-of-type(2)>div{
    margin-top:3em;
}
.voice-onebox>div:nth-of-type(2)>div>p{
    padding:0;
    margin:0;
    font-size:1.2em;
    color:#375A8C;
    font-weight: bold;
    border-bottom: 1px #375A8C solid;
    padding-bottom:.5em;
}
.voice-onebox>div:nth-of-type(2)>div>div{
    margin-top:.5em;
    font-size:1.1em;
}
.voice-content{
    background-color: #EBEBEB;
}
.voice-category-title{
    text-align: center;
    font-size:2rem;
    font-weight: bold;
    color:#333;
    margin-top: 3rem;
    margin-bottom: 0;
}
.voice-category-title-sub{
    text-align: center;
    font-size:1.2rem;
    font-weight: bold;
    color: rgb(7,180,219);
    margin-bottom:2rem;
}
.voice-archivelink{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.voice-archivelink>a{
    text-align: center;
    width: 15%;
    margin: 1rem;
    border: .2rem rgb(7,180,219) solid;
    border-radius: .5rem;
    padding: .8rem;
    color: rgb(7,180,219);
    font-weight: bold;
    font-size: 1.5rem;

}
.voice-archivelink>a:hover{
    opacity: 1;
}
.voice-archivelink>a.active{
    background-color: rgb(7,180,219);
    color: #fff;

}

@media screen and (max-width: 768px){
    .voice-archivelink{
        flex-wrap: wrap;
    }
    .voice-archivelink>a{
        width: 50%;
    }
}


.voice-info{
    background:#F0F1F2;
    padding-bottom:3em;
}
.voice-info>div>div{
    padding-top:3em;
    width:80%;
    margin:0 auto;
    text-align: center;
}.voice-info>div>div>div{
    border-radius: 20px;
    background:#fff;
    margin-top:3em;
    padding-top:3em;
    padding-bottom:3em;
}
#voice>div:nth-of-type(4),
#voice-list>div:nth-of-type(4){
    padding-top:3em;
    padding-bottom:3em;
}
#voice>div:nth-of-type(2)>div>div{
    border:1px #375A8C solid;
}
.pnline{
    display: flex;
    flex-wrap: wrap;
}
.pnline>div{
    width:50%;
}
.pnline>div:first-of-type{
    text-align:left;
}
.pnline>div:last-of-type{
    text-align:right;
}

#journal>div:first-of-type{
    width:100%;
    position: relative;
    z-index:-1;
}
#journal>div:first-of-type>img{
    object-fit: cover;
}
#journal>div:first-of-type>div{
    position: absolute;
}
#journal>div:first-of-type>div:first-of-type{
    height:13%;
    width:100%;
    top:0;
    left:0;
    text-align:center;
    background-color:rgba(220,94,163,.7);
    padding-top:2.3em;
}
#journal>div:first-of-type>div:first-of-type>p{
    margin:0;
    padding:0;
    color:#fff;
}
#journal>div:first-of-type>div:first-of-type>p:first-of-type{
    line-height: 1em;
    font-size:2em;
    font-weight: bold;
}
#journal>div:first-of-type>div:first-of-type>p:nth-of-type(2){
    margin-top:.5em;
}


#journal>div:first-of-type>div:nth-of-type(2){
    max-height:30%;
    width:50%;
    left:10%;
    bottom:27%;
}
#journal>div:first-of-type>div:nth-of-type(2)>div{
    max-width:70%;
    height:100%;
    background-color:#fff;
    padding:1em 2em 1em 2em;
    color:#707070;
    overflow:
}
#journal>div:first-of-type>div:nth-of-type(2)>div>img{
    width:100%;
    height:50%;
    object-fit: contain;
}
#journal>div:first-of-type>div:nth-of-type(2)>div>p:first-of-type{
    font-size:1.5em;
    font-weight: bold;
}
#journal>div:first-of-type>div:nth-of-type(3){
    min-height:25%;
    width:100%;
    bottom:0;
    left:0;
    text-align:center;
    background-color:rgba(255,255,255,.7);
    padding-top:4em;
    padding-bottom:7em;
}

#journal>div:first-of-type>div:nth-of-type(3)>p{
    font-size:2em;
    font-weight: bold;
    width:70%;
    margin:0 auto;

}
#journal>div:nth-of-type(2)>div.single-content{
    width:100%;
    margin:0 auto;
    background:#fff;
    padding:3em 2em 3em 2em;
    border:none;
}
#journal>div:nth-of-type(3)>div{
    width:80%;
    margin:0 auto;
    background-color:#fff;
}
#journal>div:nth-of-type(3)>div>div:first-of-type{
    background-image:url(img/smilechan-blue.png);
    background-size:auto 100%;
    background-position: right 20% bottom 0;
    background-repeat: no-repeat;
    padding:3em;
}
#journal>div:nth-of-type(3)>div>div:first-of-type>div{
    width:50%;
    font-size:1.2em;
    font-weight: bold;
    margin:0 auto;
    text-align:center;
    color:#25BCDF;
    text-shadow: 1px 1px #fff;
}
#journal>div:nth-of-type(3)>div>div:nth-of-type(2){
    padding-top:3em;
    padding-bottom:3em;
    display: flex;
}
#journal>div:nth-of-type(3)>div>div:nth-of-type(2)>div{
    width:50%;
    color:#707070;
}
#journal>div:nth-of-type(3)>div>div:nth-of-type(2)>div:first-of-type{
    text-align: right;
    padding-right:5%;
}
#journal>div:nth-of-type(3)>div>div:nth-of-type(2)>div img{
    width:60%;
    padding:1em 2em 1em 2em;
}
#journal>div:nth-of-type(3)>div>div:nth-of-type(2)>div:nth-of-type(2)>p:first-of-type{
    font-size:1.3em;
    font-weight: bold;
}
#journal>div:nth-of-type(3)>div>div:nth-of-type(2)>div:nth-of-type(2)>p:nth-of-type(2){
    margin-top:1em;
}
#journal>div:nth-of-type(4)>div{
    width:70%;
    margin:0 auto;
    padding-bottom:3em;
}
#journal>div:nth-of-type(4)>div>p{
    margin-top:3em;
    text-align: center;
}

.blog-relation{
    width:80%;
}
.blog-relation img{
    margin-top:1em;
}
.blog-relation p{
    font-weight: bold;
}
#single-default{
    background-color:#F5F7F7;
}
#single-default p{
    margin:0;
    padding:0;
}
#single-default>div:first-of-type>div{
    width:80%;
    margin:0 auto;
    display: flex;
}
#single-default>div:first-of-type>div>div:first-of-type{
    width:70%;
}
#single-default>div:first-of-type>div>div:nth-of-type(2){
    width:30%;
    border-left:1px #D1D3D3 solid;
    padding-bottom:3em;

}

#single-default>div>div>div:nth-of-type(2)>div:first-of-type{
    width:80%;
    padding-top:2em;
    text-align:center;
}
#single-default>div>div>div:nth-of-type(2)>div:first-of-type>img{
    width:80%;
    border-radius: 100vh;
}
#single-default>div>div>div:nth-of-type(2)>div:first-of-type>p:first-of-type{
    margin-top:1em;
}
#single-default>div>div>div:nth-of-type(2)>div:first-of-type>p:nth-of-type(2){

}
#single-default>div>div>div:nth-of-type(2)>div:nth-of-type(2){
    margin-top:2em;

}
#single-default .panbox{
    margin-top:2em;
}
#single-default .title{
    margin-top:2rem;
    color:#549AEC;
    font-size:2em;
    font-weight: bold;
    padding-bottom:1rem;
    padding-right:2rem;
    border-bottom:5px #549AEC solid;
}
#single-default .excerpt{
    width:95%;
    font-size:1.1em;
    margin:0 auto;
    margin-top:2em;
    padding:2em 1.5em;
    background:#fff;
    border-radius: 20px;
}
#single-default .single-content{
    margin-top:2em;
}
.single-content{
    padding:2em;
    border-top:1px #D1D3D3 solid;
    font-size:1.1em;
}
.single-content p::after{
    content: "　";
}
.single-content h2{
    margin-top:2em;
    border-left: 10px #549AEC solid;
    padding-left:.5em;
    margin-bottom:1em;
}
.single-content h3,
.single-content h4{
    border-bottom: 3px #549AEC solid;
    display: inline-block;
    margin-top:1em;
}
.single-content img{
    height:auto;
}
.single-content figure{
    text-align: center;
    margin-top:1em;
}
.single-content p{
    line-height: 2em;
}
#single-default .single-content p{
    padding-top:1em;
    padding-bottom:1em;
}
#single-default .single-content a{
    color:#00f;
}

#single-default .reltitle{
    margin-top:2em;
    font-size:1.2em;
    margin-left:1.5em;
}
#single-default .relbox{
    border-top:1px #D1D3D3 solid;
    padding:2em;
}
#single-default .relbox>ul{
    list-style: none;
    padding:0;
}
#single-default .relbox>ul>li{
    margin-top:1.5em;
}
#single-default .relbox>ul>li:first-of-type{
    margin-top: 0;
}
#single-default .relbox>ul>li>a>p:first-of-type{
    font-size:1.3em;
    font-weight: bold;
}
#single-default .relbox>ul>li>a>p:nth-of-type(2){
    font-size:1.1em;
}
.blog-taglist a,
#single-default p.tagline>a,
#single-default p.cateline>a{
    display: inline-block;
    padding:.5em 2em;
    border:2px #666 solid;
    margin-left:1em;
    border-radius: 100vh;
    background:#fff;
    margin-top:.3em;
}
#single-default p.tagline>a::before{
    content:"#";
}
#single-default p.tagline{
    margin-top:2em;
}
#blog-list .sk-space{
    padding-left:2em;
}
.sk-space>div{
    width:80%;
    text-align: center;
}
.sk-space>div:nth-of-type(2){
    margin-top:1em;
    border:1px #939494 solid;
    padding:.5em 2em;

}
#blog-list .sk-space>p,
#single-default .sk-space>p,
.sk-space>p{
    margin-top:1em;
    width:80%;
    text-align:center;
}
.sk-space>p>a:nth-of-type(2){
    margin-left:1em;
}

#single-design{
    background: #F5F7F7;
}
#single-design>div:first-of-type>div{
    width:80%;
    margin:0 auto;
    padding-top:5em;
}
#single-design>div:first-of-type>div>p:first-of-type{
    font-size:1.2em;
    text-align: center;
    font-weight: bold;
}
#single-design>div:first-of-type>div>div:first-of-type{
    width:50%;
    margin: 0 auto;
    margin-top:2em;
}
#single-design>div:first-of-type>div>div:first-of-type>img{
    cursor:auto;
    width:100%;
    height:auto;
    object-fit: cover;
}
#single-design>div:first-of-type>div>div:nth-of-type(2){
    margin-top:2em;
    text-align:center;
}
#single-design>div:first-of-type>div>div:nth-of-type(2)>img{
    width:5em;
    height:5em;
    object-fit: cover;
    border-radius: 100vh;
    margin-left:1em;
    cursor: pointer;
}
#single-design>div:first-of-type>div>div:nth-of-type(3){
    margin-top:7em;
    display: flex;
}
#single-design>div:first-of-type>div>div:nth-of-type(3)>div{
    width:50%;
}
#single-design>div:first-of-type>div>div:nth-of-type(3)>div:first-of-type>dl>dt{
    width:30%;
    display: inline-block;
    border-bottom:1px #000 dashed;
    padding:.5rem;
}
#single-design>div:first-of-type>div>div:nth-of-type(3)>div:first-of-type>dl>dd{
    padding:.5rem;
    display: inline-block;
    width:40%;
    border-bottom:1px #000 dashed;
}
#single-design>div:first-of-type>div>div:nth-of-type(3)>div:nth-of-type(2){
    padding-top:2em;
}
#single-design>div:first-of-type>div>p:nth-of-type(2){
    text-align:center;
    padding-top:5em;
    padding-bottom:3em;
    margin-bottom: 0;
}
#single-design>div:first-of-type>div>p>a{
    display: inline-block;
    border:2px #000 solid;
    border-radius: 100vh;
    padding:1em 2em;
}
#single-design>div:first-of-type>div>p>a:hover{
    opacity: 0.5;
}
#single-design .slideboxwrap_1{
    width:100%;
    margin:0 auto;
}
#single-design #popupslide{
    position: fixed;
    width:90vw;
    height:90vh;
    top:5vh;
    left:5vw;
    z-index:2;
    padding:1%;
    background:#fff;
}
#smilecontact,
#contact{
    background:#F5F7F7;
}
#smilecontact{
    padding-bottom : 5em;
}
#smilecontact .fin{
    width : 70%;
    margin : 0 auto;
    margin-top: 5em;
}
#smilecontact .fin p{
    text-align:center;
    font-size :1.2em;
    font-weight: bold;
}
#smilecontact .fin p:first-of-type{
    color : #27BCDF;
    font-size :1.5em;
    font-weight: bold;
}
#smilecontact .disc{
    margin-top: 5em;
    line-height: 2em;
    text-align: center;
    font-size:1.2em;
    font-weight: bold;
}
#smilecontact .disc>span{
    color : #FAC051;
    font-size:.9em;
}
#smilecontact .disc>span::before{
    content: "*";
    font-size:1.2em;
}
#smilecontact .formarea{
    width : 70%;
    margin: 0 auto;
}
#smilecontact .form-title{
    margin-top: 3em;
    font-size : 1.5em;
    font-weight: bold;
    text-align : center;
    color : #27BCDF;
    border-bottom : 1px #858686 solid;
}

#smilecontact .sonota{
    width :100%;
    height : 2.5em;
    border : none;
    padding : .5em;
    font-size : 1.2em;
}


#smilecontact .info,
#smilecontact .department{
    margin-top:2em;
    display: flex;
    flex-wrap: wrap;
    width : 100%;
}
#smilecontact .info>div,
#smilecontact .department>div{
    width : 25%;
    font-size:1.2em;
}
#smilecontact .info>div>input,
#smilecontact .department>div>input{
    margin-right: 1em;
}
#smilecontact .userdata p{
    margin-top:2em;
}
#smilecontact .userdata label{
    font-size : 1.2em;
    display : inline-block;
    width : 20%;
    vertical-align: top;
}
#smilecontact .required::before{
    content : "*";
    font-size : 1.2em;
    color : #FAC051;
}
#smilecontact .userdata textarea,
#smilecontact .userdata input{
    width : 80%;
    padding : .5em;
    border : none;
}
#smilecontact .userdata textarea{
    height : 20em;
}
#smilecontact .submitline{
    text-align: center;
}
#smilecontact .submitline input[type="submit"]{
    width :30%;
    border : none;
    border-radius: 100vh;
    background-color: #FDAA0D;
    padding-top:1em;
    padding-bottom : 1em;
    margin-top:3em;
    color : #fff;
    font-weight: bold;
    font-size : 1.2em;
}
#smilecontact .sendline{
    width : 70%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
#smilecontact .sendline>div{
    width : 50%;
    text-align: center;
}
#smilecontact .sendline button,
#smilecontact .sendline input[type="submit"]{
    width :80%;
    border : none;
    border-radius: 100vh;
    padding-top:1em;
    padding-bottom : 1em;
    margin-top:3em;
    color : #fff;
    font-weight: bold;
    font-size : 1.2em;
}
#smilecontact .sendline .send{
    background-color: #FDAA0D;
}
#smilecontact .sendline .back{
    background-color: #666;
}
#smilecontact .error p{
    color : #f00;
    font-size : 1.2em;
    text-align: center;
}
#smilecontact .ans{
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}
#smilecontact>div:first-of-type,
#contact>div:first-of-type{
    background-image:url(img/journal-list/top.png);
    background-position: center;
    background-size:cover;
}
#smilecontact>div:first-of-type>div,
#contact>div:first-of-type>div{
    padding-top:2em;
    padding-bottom:2em;
}
#smilecontact>div:first-of-type .toptitle1,
#smilecontact>div:first-of-type .toptitle2,
#contact>div:first-of-type .toptitle1,
#contact>div:first-of-type .toptitle2{
    padding:0;
    margin:0;
    text-align: center;
}
#smilecontact>div:first-of-type .toptitle1>span,
#smilecontact>div:first-of-type .toptitle2>span,
#contact>div:first-of-type .toptitle1>span,
#contact>div:first-of-type .toptitle2>span{
    color:#fff;
}
#smilecontact>div:first-of-type .toptitle1>span,
#contact>div:first-of-type .toptitle1>span{
    font-size:2em;
}
#smilecontact>div:first-of-type .toptitle2>span,
#contact>div:first-of-type .toptitle2>span{
    font-size:1.2em;
}
#contact>div:nth-of-type(2){
    font-weight: bold;
    text-align:center;
    padding-top:3em;
    padding-bottom:3em;
}
#contact>div:nth-of-type(3)>div{
    width:70%;
    margin:0 auto;
}
#contact>div:nth-of-type(2)>.contact-form-text>p:nth-of-type(3){
    color:#FAC051;
    font-size:.8em;
}
#contact .contact-form,
#contact .confirm{
    padding-bottom:3em;
}
#contact .form-title{
    text-align:center;
    border-bottom:1px #B5B6B6 solid;
    color:#27BCDF;
    font-size:1.5em;
    font-weight: bold;
    padding-bottom:1rem;
}
#contact .form-first .wpcf7-radio{
    display: flex;
    flex-wrap: wrap;
    width:100%;
    padding-left:5%;
    padding-right:5%;
}
#contact .form-first .wpcf7-radio .wpcf7-list-item{
    padding:0;
    margin:0;
    width:25%;
    font-size:1.2em;
}
#contact .formLabel{
    width:100%;
    font-size:1.2em;
    padding-top:.6em;
    padding-bottom:.6em;
    padding-left:5%;
    padding-right:5%;
}
#contact .confirm .formLabel{
    width:50%;
    display: inline-block;
}
#contact .formLabel>span:first-of-type{
    display: inline-block;
    width:20%;
    vertical-align: top;
}
#contact .confirm .formLabel>span:first-of-type{
    width:40%;
}
#contact .confirm .text-center{
    font-size:1.2em;
    padding-bottom:3em;
}
#contact .contact-fin-text .blue{
    color:#27BCDF;
}
#contact .contact-fin-text .blue:first-of-type{
    font-size:1.5em;
}
#contact .contact-fin-text img{
    margin-bottom:3em;
}
#contact .sonota input,
#contact .formLabel textarea,
#contact .formLabel [type=email],
#contact .formLabel [type=tel],
#contact .formLabel [type=text]{
    width:75%;
    padding-top:.5em;
    padding-bottom:.5em;
    padding-left:.5em;
    border:none;
    border-radius: 5px;
}
#contact .wpcf7-previous,
#contact .wpcf7-submit{
    display: inline-block;
    margin-left:1em;

    padding:1em 3em;
    color:#fff;
    background:#FDAA0D;
    border:none;
    border-radius: 100vh;
}
#contact .formLabel textarea{
    height:30em;
}
#contact .sonota{
    width:70%;
    position: relative;
    top:-2.8em;
    left:20%;
}
#contact .sonota input{
    width:100%;
}

#mailpart>div:first-of-type{
    background-image:url(img/mailpart/top.png);
    background-position: center top;
    background-size: 100% 80%;
    background-repeat: no-repeat;
    width:100%;
    height:812px;
}
#mailpart .top>div{
    position: relative;
    height:100%;
}
#mailpart .top>div>*{
    position: absolute;
}
#mailpart .top>div>p{
    width:100%;
    text-align:center;
    font-size:1.5em;
    font-weight: bold;
    color:#fff;
}
#mailpart .top>div>p:first-of-type{
    top:5%;
}
#mailpart .top>div>p:nth-of-type(2){
    top:10%;
}
#mailpart .top>div>img:first-of-type{
    width:20%;
    left:40%;
    top:15%;
}
#mailpart .top>div>img:nth-of-type(2){
    width:15%;
    left:42.5%;
    top:30%;
}
#mailpart .top>div>img:nth-of-type(3){
    width:10%;
    top:28%;
    right:25%;
}
#mailpart .top>div>img:nth-of-type(4){
    width:30%;
    left:25%;
    bottom:5%;
}
#mailpart .top>div>img:nth-of-type(5){
    width:25%;
    left:52%;
    bottom:18%;
}
#mailpart .top>div>img:nth-of-type(6){
    width:20%;
    left:55%;
    bottom:0;
}

#mailpart>div:nth-of-type(2)>div{
    padding-top:3em;
    padding-bottom:3em;
}
#mailpart>div:nth-of-type(2)>div>p:first-of-type,
#mailpart>div:nth-of-type(2)>div>p:nth-of-type(2){
    margin:0;
    padding:0;
    text-align:center;
    color:#06B3DB;
    font-size:1.8em;
    font-weight: bold;
}
#mailpart>div:nth-of-type(2)>div>p:nth-of-type(2){
    margin-bottom:1em;
}
#mailpart>div:nth-of-type(3){
    background:#F8F8F8;
    padding-top:5em;
    padding-bottom:5em;
}
#mailpart>div:nth-of-type(3) .flex-box{
    width:70%;
    margin:0 auto;
    display: flex;
}
#mailpart>div:nth-of-type(3) .flex-box>div{
    width:50%;
}
#mailpart>div:nth-of-type(3) .flex-box>div:first-of-type{
    padding-right:2em;
    text-align: right;
}
#mailpart>div:nth-of-type(3) .flex-box>div:nth-of-type(2){
    padding-right:10%;
}
#mailpart>div:nth-of-type(3) .flex-box>div:nth-of-type(2)>p:first-of-type{
    color:#06B3DB;
    font-weight: bold;
    font-size:1.3em;
}
#mailpart>div:nth-of-type(3) .flex-box>div:nth-of-type(2)>p>span{
    color:#06B3DB;
    font-weight: bold;
    font-size:1.4em;
    display: inline-block;
    vertical-align: top;
    margin-left:.5em;
}
#mailpart>div:nth-of-type(3) .flex-box>div:nth-of-type(2)>p:nth-of-type(3){
    margin-top:2em;
    font-size:1.3em;
    font-weight: bold;
}
#mailpart>div:nth-of-type(4){
    padding-top:5em;
    padding-bottom:5em;
}
#mailpart>div:nth-of-type(4)>div>p:first-of-type{
    text-align:center;
    font-size:1.5em;
}
#mailpart>div:nth-of-type(4)>div>p:first-of-type>img{
    position: relative;
    top:.5em;
    left:-.5em;
}
#mailpart>div:nth-of-type(4)>div>p:first-of-type>span{
    display: inline-block;
    vertical-align: top;
}
#mailpart>div:nth-of-type(4)>div>p:first-of-type>span>span{
    font-size:2em;
    color:#06B3DB;
}
#mailpart>div:nth-of-type(4) .flex-box{
    display: flex;
    width:70%;
    margin:0 auto;
    margin-top:5em;
}
#mailpart>div:nth-of-type(4) .flex-box>div{
    width:25%;
    text-align:center;
    padding:1em;
}
#mailpart>div:nth-of-type(4) .flex-box>div>p:first-of-type{
    margin-top:1rem;
    margin-bottom:1rem;
    font-size:1.2em;
    font-weight: bold;
    color:#06B3DB;
}
#mailpart>div:nth-of-type(5){
    text-align:center;
    background:#F8F8F8;
    padding-top:5em;
    padding-bottom:5em;
}
#mailpart>div:nth-of-type(5)>div>p,
#mailpart>div:nth-of-type(6)>div>p{
    margin:0;
    padding:0;
}
#mailpart>div:nth-of-type(5)>div>p:first-of-type{
    font-size:2em;
    color:#06B3DB;
    font-weight: bold;
}
#mailpart>div:nth-of-type(5)>div>p:nth-of-type(2){
    font-weight: bold;
}
#mailpart>div:nth-of-type(5)>div>img{
    margin-top:3em;
    width:45%;
}
#mailpart>div:nth-of-type(6){
    text-align: center;
    padding-top:5em;
    padding-bottom:5em;
}
#mailpart>div:nth-of-type(6)>div>p:first-of-type{
    font-size:2em;
    color:#06B3DB;
    font-weight: bold;
}
#mailpart>div:nth-of-type(6)>div>p:nth-of-type(2){
    font-weight: bold;
}
#mailpart>div:nth-of-type(6)>div>div:first-of-type{
    width:40%;
    height:315px;
    margin:0 auto;
    margin-top:3em;
}
#mailpart>div:nth-of-type(6)>div>div:nth-of-type(2){
    width:38%;
    margin:0 auto;
    margin-top:2em;
    margin-bottom:3em;
    text-align:left;
}
#mailpart>div:nth-of-type(6)>div>div:nth-of-type(2)>p:first-of-type{
    font-size:1.2em;
    color:#06B3DB;
    font-weight: bold;
}
#mailpart>div:nth-of-type(7){
    background:#F8F8F8;
    padding-top:5em;
    padding-bottom:5em;
}
#mailpart>div:nth-of-type(7)>div>div{
    width:80%;
    margin:0 auto;
}

#whitebk{
    position: fixed;
    width:100vw;
    height:100vh;
    top:0;
    left:0;
    z-index:10;
    background:rgba(255,255,255,.5);
}
/* ez-toc */
.single-content #ez-toc-container{
    color:#7B7B7B;
    background-color:#E8E8E8;
    margin:0 auto;
    padding:1em;
    padding-left:2em;
}
.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6
{
    display: table;
}
.single-content #ez-toc-container ul{
    list-style-type: decimal;
    list-style-position: inside;
    padding:0;
    font-size:1.8rem;
}
.single-content #ez-toc-container ul>li{
    margin-top:.5rem;
}
.single-content #ez-toc-container a{
    color:#7B7B7B;
    display: inline-block;
    position: relative;
}
.single-content #ez-toc-container a::after{
    content:"";
    display: inline-block;
    width:calc(100% + 1em);
    height:1px;
    background-color:#000;
    position: absolute;
    bottom:0;
    left:-1em;
}
#ez-toc-container .ez-toc-title{
    padding-top:1em;
    padding-bottom:1em;
    margin-left:7%;
}
.ez-toc-list-level-3>li{
    margin-left:2em;
    position: relative;

}
.ez-toc-list-level-3>li::before{
    content:"-";
    position: absolute;
    top:0;
    left:-1em;
}
.ez-toc-list-level-3>li>a::after{
    width:calc(100% + 3em) !important;
    left:-3em !important;
}
.ez-toc-list-level-4>li{
    margin-left:2em;
    position: relative;

}
.ez-toc-list-level-4>li::before{
    content:"--";
    position: absolute;
    top:0;
    left:-1em;
}
.ez-toc-list-level-4>li>a::after{
    width:calc(100% + 5em) !important;
    left:-5em !important;
}

.mini-journalbox{
    display: flex;
    flex-wrap: wrap;
}
.mini-journalbox>div{
    width:calc(100% / 3);
    padding:.5em;
}
.mini-journalbox>div>a>div{
    border:1px #000 solid;
    display: flex;
    position: relative;
    overflow: hidden;
}
.mini-journalbox>div>a>div>div{
    padding:.5em;
}
.mini-journalbox>div>a>div>div:first-of-type{
    width:30%;
    margin-right:1em;
}
.mini-journalbox>div>a>div>div>p:first-of-type{
    font-size:1.2em;
    font-weight: bold;
}
.mini-journalbox>div>a>div::after{
    content:"";
    width:2em;
    height:2em;
    display: inline-block;
    position: absolute;
    bottom:-1em;
    right:-1em;
    transform: rotate(-45deg);
}
.mini-journalbox>div.web>a>div::after{
    background:rgb(13,119,198);
}
.mini-journalbox>div.design>a>div::after{
    background:rgb(9,177,33);
}
.mini-journalbox>div.system>a>div::after{
    background:rgb(252,170,13);
}
.blog-taglist p{
    margin-bottom:1em !important;
}
#blog-footer{
    display: none;
}
.p-btn {text-align:center;}
.p-btn a{color:#fff !important;}
.btn_yellow{color:#555;font-weight:800;letter-spacing:1px;font-size:17px;padding:10px 0;background-color:#FDC401;text-decoration:none;text-align:center;margin:25px auto 0;display:block;width:300px;border-radius:20px;}
.btn_yellow:hover{opacity:0.85;font-size:18px;color:#FFF;}

.form-title.required::before,
.formLabel.required>span:first-of-type::before{
    content:"*";
    position: relative;
    font-size:1em;
    top:-.5em;
    color:#f00;
}
#servicelists .top,
#recruit .top,
#records .top,
#syokunou .top{
    background-image:url(img/syokunou/top.jpg);
    background-size:cover;
    background-position: center;
}
#records .top{
    background-image:url(img/records/top.jpg);
}
#servicelists .top{
    background-image:url(img/servicelists/top.jpg);
}
#servicelists .top .inner,
#recruit .top .inner,
#records .top .inner,
#syokunou .top .inner{
    height:500px;
    width:70%;
    text-align:right;
    margin:0 auto;
    height:500px;
    padding-top:4em;
}
#records .top .inner>p>span,
#syokunou .top .inner>p>span{
    margin-left:.5em;
    display: inline-block;
    color:#369263;
    padding-top:.5em;
    padding-left:1em;
    padding-right:1em;
    padding-bottom:.5em;
    background-color:#fff;
    border-radius: 5px;
    font-weight: bold;
}
#records .top .inner>p>span{
    color:#06B3DB;
}
#records .five .inner>div>p>a,
#syokunou .five .inner>div>p>a,
#records .top .inner>p>a,
#syokunou .top .inner>p>a{
    display: inline-block;
    font-size:1.2em;
    background-color:#FDAA0D;
    padding-top:.5em;
    padding-bottom:.5em;
    text-align: center;
    width:20em;
    color:#fff;
    border-radius: 100vh;
}
#records .five .inner>div>p,
#syokunou .five .inner>div>p{
    margin-top:2em;
}

#records .one,
#syokunou .one{
    background-color:#F5F5F5;

}
#records .one .inner,
#syokunou .one .inner{
    width:70%;
    margin:0 auto;
    padding-top:5em;
    padding-bottom:5em;
}
#records .one .inner>div:first-of-type>p,
#syokunou .one .inner>div:first-of-type>p{
    padding:0;
    margin:0;
    color:#369263;
}
#records .one .inner>div:first-of-type>p{
    color:#06B3DB;
}
#records .one .inner>div:first-of-type>p:first-of-type,
#syokunou .one .inner>div:first-of-type>p:first-of-type{
    font-weight: bold;
    font-size:1.3em;
}
#records .one .inner>div:first-of-type>p:nth-of-type(2),
#syokunou .one .inner>div:first-of-type>p:nth-of-type(2){
    font-weight: bold;
    font-size:1.8em;
}
#records .one .inner>div:first-of-type>div,
#syokunou .one .inner>div:first-of-type>div{
    font-weight: bold;
    margin-top:1em;
    font-size:1.2em;
}
#records .one .inner>p,
#syokunou .one .inner>p{
    margin-top:8em;
}
#syokunou .one .inner>div:nth-of-type(2){
    margin-top:5em;
    font-weight: bold;
    font-size:1.2em;
}
#records .bk-dot,
#syokunou .bk-dot{
    background-image:url(img/syokunou/bk.png);
    background-size:30%;
}
#records .two,
#syokunou .two{
    padding-bottom:5em;
}
#records .five .inner,
#syokunou .five .inner,
#records .two .inner,
#syokunou .two .inner{
    margin:0 auto;
    margin-top:5em;
    width:85%;
    background-color: rgba(255,255,255,.8);
    padding-top:2em;
    padding-bottom:2em;
    display: flex;
    padding-left:1em;
    padding-right:1em;
    border-radius: 10px;
}
#records .five .inner,
#syokunou .five .inner{
    margin-top:0;
}
#records .five .inner>div:first-of-type,
#syokunou .five .inner>div:first-of-type,
#records .two .inner>div:first-of-type,
#syokunou .two .inner>div:first-of-type{
    width:40%;
    padding-right:2%;
}
#records .five .inner>div:nth-of-type(2),
#syokunou .five .inner>div:nth-of-type(2),
#records .two .inner>div:nth-of-type(2),
#syokunou .two .inner>div:nth-of-type(2){
    width:60%;

}
#records .two .inner>div:nth-of-type(2){
    padding-top:3em;
    font-size:1.8em;
    font-weight: bold;
    color:#06B3DB;
}
#records .two>div>p{
    margin-top:2em;
    color:#06B3DB;
    font-size:2.5em;
    font-weight: bold;
}

#records .five .inner>div:nth-of-type(2)>div:first-of-type,
#syokunou .five .inner>div:nth-of-type(2)>div:first-of-type,
#syokunou .two .inner>div:nth-of-type(2)>div:first-of-type{
    margin-top:2em;
    font-size:1.3em;
    font-weight: bold;
}
#records .five .inner>div:nth-of-type(2)>div:nth-of-type(2),
#syokunou .five .inner>div:nth-of-type(2)>div:nth-of-type(2),
#syokunou .two .inner>div:nth-of-type(2)>div:nth-of-type(2){
    margin-top:2em;
    color:#369263;
    font-size:1.7em;
    font-weight: bold;
}
#records .five .inner>div:nth-of-type(2)>div:nth-of-type(2),
#syokunou .five .inner>div:nth-of-type(2)>div:nth-of-type(2){
    font-size:1.3em;

}
#records .five .inner>div:nth-of-type(2)>div:nth-of-type(2){
    color:#06B3DB;
}

#records .three,
#syokunou .three{
    padding-top:5em;
    padding-bottom:5em;
    background-color:#F5F7F7;
}
#records .four>div>p,
#syokunou .four>div>p,
#records .three>div>p,
#syokunou .three>div>p{
    text-align:center;
}
#records .four>div>p:first-of-type,
#syokunou .four>div>p:first-of-type,
#records .three>div>p:first-of-type,
#syokunou .three>div>p:first-of-type{
    font-weight: bold;
    font-size:2.5em;
    color:#369263;
}
#records .four>div>p:first-of-type,
#records .three>div>p:first-of-type{
    color:#06B3DB;
}
#records .four>div>p:nth-of-type(2),
#syokunou .four>div>p:nth-of-type(2),
#records .three>div>p:nth-of-type(2),
#syokunou .three>div>p:nth-of-type(2){
    font-weight: bold;
    font-size:1.3em;
}

#syokunou .three>div>div{
    width:70%;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
}
#syokunou .three>div>div>div{
    width:calc(100% / 3);
    padding-left:5em;
    padding-right:5em;
}
#records .four,
#syokunou .four{
    background-color:#FAFAFA;
    padding-top:5em;
    padding-bottom:5em;
}
#records .four{
    background-color:#F0FBFD;
}
#records .four>div>div,
#syokunou .four>div>div{
    width:85%;
    margin: 0 auto;
}
#records .four>div>div>div,
#syokunou .four>div>div>div{
    margin-top:10em;
}
#syokunou .four>div>div>div>div{
    width:42%;
    position: absolute;
    top:2em;
    left:0;

}
#syokunou .four>div>div>div:nth-of-type(2)>div{
    left:58%;
}
#records .four>div>div>div>div>p>span,
#syokunou .four>div>div>div>div>p>span{
    display: inline-block;
    padding-top:.5em;
    padding-bottom:.5em;
    padding-left:1em;
    padding-right:1em;
    font-size:1.2em;
    background-color:#258956;
    color:#fff;
    border-radius: 10px;
}
#records .four>div>div>div>div>p>span{
    background-color:#06B3DB;
}
#records .four>div>div>div>div>div,
#syokunou .four>div>div>div>div>div{
    color:#258956;
    font-weight: bold;
    font-size:1.8em;
}
#records .four>div>div>div>div>div{
    color:#06B3DB;

}
#records .five,
#syokunou .five{
    padding-top:5em;
    padding-bottom:5em;
}

#records .three>div>div{
    width:80%;
    margin: 0 auto;
    margin-top:3em;
    display: flex;
    flex-wrap: wrap;
}
#records .three>div>div>div{
    width:25%;
    padding:1em;
}
#records .three>div>div>div>div{
    text-align:center;
    height:100%;
    width:100%;
    background-color:#E5E5E5;
    color:#06B3DB;
    font-size:1.6em;
    font-weight: bold;
    padding-top:3em;
    padding-bottom:3em;
    box-shadow: 2px 2px 10px #ccc;
    border-radius: 10px;
    position: relative;
}
#records .three>div>div>div>div::before{
    content:"機能";
    color:#fff;
    font-size:1.5rem;
    font-weight: bold;
    letter-spacing: .3rem;
    text-align: center;
    padding-top:1rem;
    position: absolute;
    top:-.5rem;
    right:5%;
    width:7rem;
    height:6rem;
    background-image: url(img/records/03.png);
    background-size:100% 100%;

}

#records .four>div>div>div:first-of-type>img{
    margin-top:3em;
}
#records .four>div>div>div{
    position:relative;
}
#records .four>div>div>div:first-of-type{
    position: static;
}
#records .four>div>div>div>div{
    position: absolute;
}
#records .four>div>div>div:first-of-type>div{
    position: static;
}
#records .four>div>div>div:nth-of-type(4)>div,
#records .four>div>div>div:nth-of-type(2)>div{
    left:57%;
}

#recruit .top{
    background-image: url(img/recruit/top.jpg);
}
#servicelists .top .inner,
#recruit .top .inner{
    position: relative;
}
#servicelists .top .inner>p,
#recruit .top .inner>p{
    text-align:center;
    color:#fff;
    position: absolute;
    transform: translate(0,-50%);
    width:100%;
}
#servicelists .top .inner>p:first-of-type,
#recruit .top .inner>p:first-of-type{
    top:43%;
    font-weight: bold;
    font-size:2.5em;
}
#servicelists .top .inner>p:last-of-type,
#recruit .top .inner>p:last-of-type{
    top:50%;
    font-size:1.3em;
}
#recruit .one{
    background-color:#F5F7F7;
    text-align: center;
}
#recruit .two{
    background-color:#E8F8FC;
}
#recruit .inner{
    margin:0 auto;
    width:70%;
}
#recruit .two .inner,
#recruit .one .inner{
    padding-top:5em;
    padding-bottom:5em;
}
#recruit .three .inner>div>div>p,
#recruit .three .inner>p:first-of-type,
#recruit .two .inner>p:first-of-type,
#recruit .one .inner>p:nth-of-type(3),
#recruit .one .inner>p:nth-of-type(5),
#recruit .one .inner>p:first-of-type{
    color:#06B3DB;
    font-size:2em;
    font-weight: bold;
}
#recruit .one .inner>p:nth-of-type(3),
#recruit .one .inner>p:nth-of-type(5){
    margin-top:3em;
}
#recruit .three .inner>p:nth-of-type(2),
#recruit .one .inner>p:nth-of-type(2){
    font-weight: bold;
    font-size:1.2em;
}
#recruit .three .inner>p{
    text-align:center;
}

#recruit .one .inner>div:first-of-type{
    margin-top:3em;
    font-size:1.2em;
    line-height: 1.8em;
}
.opa0{
    opacity: 0;
}
.opa100{
    -webkit-animation: opa100 2.5s ease 1;
    animation: opa100 2.5s ease 1;
    animation-fill-mode:forwards;
}
@keyframes opa100{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
#recruit .one .inner>img:first-of-type{
    width:35%;
    margin:0 auto;
    margin-top:2em;
}
#recruit .one .inner>div:nth-of-type(2){
    margin-top:1em;
}
#recruit .one .inner>div:nth-of-type(3){
    margin-top:1em;
    display: flex;
    flex-wrap: wrap;

}

#recruit .one .inner dl{
    width:49%;
    background-color:#fff;
    padding-left:1%;
    padding-right:1%;
}
#recruit .one .inner>div:nth-of-type(2)>dl{
    width:100%;
}
#recruit .one .inner>div:nth-of-type(3)>dl:nth-of-type(odd){
    margin-right:1%;
}
#recruit .one .inner>div:nth-of-type(3)>dl:nth-of-type(even){
    margin-left:1%;
}
#recruit .one .inner dl>dt,
#recruit .one .inner dl>dt{
    border-top:1px #F4F5F5 solid;
    font-weight: bold;
    padding-top:1em;
}
#recruit .one .inner dl>dd{
    padding-bottom:1em;
}
#recruit .one .inner dl>dt:first-of-type{
    border:none;
    font-size:1.5em;
    padding-top:.3em;
    padding-bottom:.3em;
}

#recruit .one .inner>p:nth-of-type(4),
#recruit .one .inner>p:nth-of-type(6){
    margin-top:1em;
    margin-bottom:2em;
}
#recruit .one .inner>p:nth-of-type(4){
    margin-top:2em;
}
#servicelists .three .inner>div>p>a,
#servicelists .one .inner>div>p>a,
#recruit .three .inner>div>div>div>p>a,
#recruit .one .inner>p:nth-of-type(4)>a,
#recruit .one .inner>p:nth-of-type(6)>a{
    display: inline-block;
    font-size:1.2em;
    background-color:#FDAA0D;
    padding-top:.5em;
    padding-bottom:.5em;
    padding-left:3em;
    padding-right:3em;
    text-align: center;
    color:#fff;
    border-radius: 100vh;
}
#recruit .two .inner>p:first-of-type{
    text-align:center;
}
#recruit .three .inner>div>div>div>p{
    margin-top:1em;
}

#recruit .two .inner>div{
    display: flex;
    flex-wrap: nowrap;
}
#recruit .two .inner>div:first-of-type>div:first-of-type,
#recruit .two .inner>div:nth-of-type(2)>div:nth-of-type(2){
    width:30%;
    padding:3em;
}
#recruit .two .inner>div:first-of-type>div:nth-of-type(2),
#recruit .two .inner>div:nth-of-type(2)>div:first-of-type{
    width:70%;
    margin:3em;
    padding:1em;
    font-size:1.2em;
    background-color:#fff;
}
#recruit .two .inner>div:first-of-type>div:nth-of-type(2){
    padding-top: 3em;
    margin-left:0;
}
#recruit .two .inner>div:nth-of-type(2)>div:first-of-type{
    padding-top: 2em;
    margin-right:0;
}

#recruit .three{
    padding-top:5em;
    padding-bottom:5em;
}
#recruit .three .inner{
    width:70%;
    margin:0 auto;
}
#recruit .three .inner>div{
    margin-top:2em;
    display: flex;
    flex-wrap: wrap;
}
#recruit .three .inner>div>div{
    width:50%;
    padding:2em;
}
#recruit .three .inner>div>div:nth-of-type(4){
    padding-top:5em;
}
#recruit .three .inner>div>div>img{
    width:100%;
}
#recruit .three .inner>div>div>div{
    font-size:1.1em;
}

#servicelists .three .inner,
#servicelists .one .inner{
    width:85%;
    margin:0 auto;
    padding-top:5em;
    /* padding-bottom:5em; */
    padding-bottom: 3em;
    position: relative;
    height:700px;
}
#servicelists .three .inner>div,
#servicelists .one .inner>div{
    width:55%;
    position: absolute;
}
#servicelists .three .inner>div:first-of-type{
    left:45%;
}
#servicelists .three .inner>div:nth-of-type(2),
#servicelists .one .inner>div:nth-of-type(2){
    top:30%;
    left:45%;
    background-color:#EFEFEF;
    padding:2em;
}
#servicelists .three .inner>div:nth-of-type(2){
    left:0;
    top:40%;
}
#servicelists .three .inner>div:nth-of-type(2)>p:first-of-type,
#servicelists .one .inner>div:nth-of-type(2)>p:first-of-type{
    font-size:2em;
    font-weight: bold;
}
#servicelists .three .inner>div:nth-of-type(2)>p:nth-of-type(2),
#servicelists .one .inner>div:nth-of-type(2)>p:nth-of-type(2){
    font-size:1.5em;
}
#servicelists .three .inner>div:nth-of-type(2)>div,
#servicelists .one .inner>div:nth-of-type(2)>div{
    font-size:1.2em;
}
#servicelists .three .inner>div>p,
#servicelists .one .inner>div>p{
    margin-top:2rem;
}
#servicelists .two .inner{
    width:80%;
    margin:0 auto;
}
#servicelists .two .inner>div:first-of-type{
    display: flex;
    flex-wrap: wrap;
}
#servicelists .two .inner>div:first-of-type>div{
    width:calc(100% / 3);
    padding:1em;
}
#servicelists .two .inner>div:first-of-type>div .boximg{
    border-radius: 10px;
    box-shadow: 5px 5px #7BCBE0;
}

#servicelists .two .onebox{
    position: relative;
    width:100%;
    height:100%;
    padding:1em;
    border-radius: 10px;
    box-shadow: 5px 5px #7BCBE0;
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: top;
    border:1px #7BCBE0 solid;
}
#servicelists .two .onebox.box1{
    background-image:url(img/servicelists/box1.jpg);
}
#servicelists .two .onebox.box2{
    background-image:url(img/servicelists/box2.jpg);
}
#servicelists .two .onebox.box3{
    background-image:url(img/servicelists/box3.jpg);
}
#servicelists .two .onebox>img{
    position: absolute;
    right:5%;
    width:30%;
    top:3.5em;
}
#servicelists .two .onebox.box1>img{
    width:40%;
    top:5em;
}
#servicelists .two .onebox>p:first-of-type>span{
    display: inline-block;
    padding-left:.5em;
    padding-right:.5em;
    padding-top:.3em;
    padding-bottom:.3em;
    font-size:1em;
    border-radius: 100vh;
    border:1px #fff solid;
    color:#fff;
}
#servicelists .two .onebox>div:first-of-type{
    margin-top:1.5em;
}
#servicelists .two .onebox>p:nth-of-type(2){
    font-size:1.5em;
    font-weight: bold;
}
#servicelists .two .onebox>div:nth-of-type(2){
    border-left:4px #06B3DB solid;
    padding-left:.5em;
    color:#06B3DB;
}
#servicelists .two .onebox>div:nth-of-type(3){
    margin-top:1rem;
    font-size:1em;
}
#servicelists .three .inner{
    padding-top:5em;
    padding-bottom:5em;
}

#policy{
    background-color: #F5F7F7;
}
#policy>div>div{
    width : 70%;
    margin : 0 auto;
    padding-top: 5em;
    padding-bottom: 5em;
}
#policy>div>div>p:first-child{
    text-align: center;
    font-size: 2em;
    color : #06B3DB;
}
#policy>div>div>p:nth-child(2){
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}
#policy>div>div>div{
    font-size: 1.1em;
}
#policy>div>div>div>p{
    margin-top: 3em;
    line-height: 2em;
}

#movies{
    padding-bottom: 3em;
}
#movies .main{
    background-color: #EBEBEB;
    padding-top: 3em;
    padding-bottom: 3em;
}
#movies .menu{
    width : 90%;
    margin : 0 auto;
    margin-top : 3em;
    white-space: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 1em;
    border-top : 1px #E3E0E0 solid;
    border-bottom : 1px #E3E0E0 solid;
}
#movies .menu::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}
#movies .menu>ul{
    width : 100%;
    list-style: none;
    padding : 0;
    margin:0;
}
#movies .menu>ul>li{
    display: inline-block;
    width : calc(100% / 5);
    padding : 1em;
}
#movies .menu>ul>li>a{
    display: inline-block;
    width : 100%;
    text-align: center;
    background-color: #fff;
    border-radius: 100vh;
    padding-top : .5em;
    padding-bottom : .5em;
    font-weight: bold;
}
#movies .menu>ul>li>a.active{
    background-color: #6E6E6E;
    color : #fff;
}
#movies .contents{
    width : 90%;
    margin : 0 auto;
}
#movies .contents>div{
    width : 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top : 3em;
    padding-bottom : 3em;
}
#movies .contents>div>div{
    width : 25%;
    padding : .5em;
}
#movies .contents>div>div>img{
    width : 100%;
    object-fit: cover;
    cursor: pointer;
}
#movies .contents>div>div>p{
    text-align: right;
    margin-top:1em;
}
#movies .contents>div>div>a{
    display: inline-block;
    margin-left:1em;
}
#moviesbk{
    position: fixed;
    width : 100vw;
    height : 100vh;
    top : 0;
    left : 0;
    z-index: 10000;
    background-color: rgba(0,0,0,.8);
    display: flex;
    align-items: center;
    justify-content: center;
}
#moviesbk::before{
    cursor: pointer;
    position: absolute;
    display: block;
    content: "× 閉じる";
    color : #fff;
    font-size : 2em;
    bottom : 2%;
    left : 0;
    width : 100%;
    text-align:center;

}
#moviesbk iframe{
    width : 50%;
    height : 50%;
}
.bx-wrapper {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.bx-wrapper .bx-controls-direction a{
    background:none;
    top:40% !important;
    height:30% !important;
    background-color:rgba(116,112,122,0.5);
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.bx-wrapper .bx-controls-direction a:hover{
    background-color:rgba(116,112,122,0.9);
}
.bx-wrapper .bx-prev{
    left:0 !important;
    background-image:url(img/home/arrow-l.png) !important;
}
.bx-wrapper .bx-next{
    right:0 !important;
    background-image:url(img/home/arrow-r.png) !important;
}
.text-right-pc{
    text-align: right;
}
.footer>.menuarea{
    background-color: #EFEFEF;
    padding-top : 3em;
    padding-bottom : 3em;
}
.footer>.menuarea>div{
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.footer>.menuarea>div>div:nth-of-type(2){
    display: flex;
    justify-content: flex-end;
    width:80%;
}
.footer>.menuarea>div>div:nth-of-type(2)>div{
    display:flex;
    flex-flow:column;
    justify-content: center;
    align-items: center;
    width:460px;
    height: 161px;
    background-color: #FFFFFF;
    font-size: 15px;
    color: #06B3DB;
    gap: 1rem;
    box-shadow: 0px 3px 6px #00000029;
}
.footer>.menuarea>div>div:nth-of-type(2)>div>:nth-of-type(2){
    width:309px;
    height: auto;
}
.footer>.menuarea>div>div:nth-of-type(3){
    display: flex;
    justify-content: flex-end;
    width:80%;
    margin-top: 50px;
}
.footer>.menuarea>div>div:nth-of-type(3)>div{
    display:flex;
    justify-content: flex-end;
    gap: 39px;
}
.footer>.menuarea>div>div:nth-of-type(3)>div>div{
    width: auto;
    height: 28px;
}
.footer>.menuarea>div>div:nth-of-type(3)>div>div img{
    height: 100%;
}
.footer>.menuarea>div>div:nth-of-type(4){
    display: flex;
    justify-content: flex-end;
    width:80%;
    margin-top: 50px;
}
.footer>.menuarea>div>div:nth-of-type(4)>div>ul{
    display:flex;
    justify-content: flex-end;
    gap: 24px;
    font-size: 10px;
    color: #828282;
    margin: 0;
    padding:0;
}

.footer>.menuarea>div>div:nth-of-type(5){
    height: 1.5px;
    width:80%;
    margin-top: 16px;
    background-color: #D4D4D4;
}

.footer>.menuarea>div>div:nth-of-type(6){
    text-align: right;
    font-size:#828282;
    color: #828282;
    margin-top: 16px;
}

.footer>.menuarea>div>div{
    width : 80%;
    margin : 0 auto;
}
.footer>.menuarea>div>div:first-of-type{
    display: flex;
    flex-wrap: nowrap;
}
.footer>.menuarea>div>div:first-of-type>div{
    width : calc(100% / 4);
}
.footer>.menuarea ul{
    list-style: none;
    font-size: 12px;
    margin-top: 3rem;
}
.footer>.menuarea ul:nth-of-type(1){
    margin-top: 0;
}
.footer>.menuarea ul>li{
    line-height : 2em;
    /* font-size: 1.1em; */
    margin-bottom: 0.4rem;
}
.footer>.menuarea ul>li:nth-of-type(1){
    line-height : 2em;
    font-size: 14px
    /* font-size: 1.1em; */
}
.footer>.menuarea ul>li:first-of-type{
    font-weight: bold;
}
.footer>.menuarea ul>li > a:hover{
    color: #06b3db;
}
.footer>.menuarea>div>div:nth-of-type(1)>div:nth-of-type(4)>div{
    position: relative;
    background-color: #06B3DB;
    width: 200px;
    border-radius: 100vh;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:1rem;
    margin-left: auto;
    margin-right: 0;
}
.footer>.menuarea>div>div:nth-of-type(1)>div:nth-of-type(4)>div:nth-of-type(2){
    background-color: #FFFFFF;
}
.footer>.menuarea>div>div:nth-of-type(1)>div:nth-of-type(4)>div>a{
    font-size : 1.3em;
    color : #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
.footer>.menuarea>div>div:nth-of-type(1)>div:nth-of-type(4)>div:hover{
    opacity: 0.5;
}
.footer>.menuarea>div>div:nth-of-type(1)>div:nth-of-type(4)>div>a>div:nth-of-type(1){
    margin-right:0.5rem;
}
.footer>.menuarea>div>div:nth-of-type(1)>div:nth-of-type(4)>div:nth-of-type(2)>a{
    font-size : 1.3em;
    color : #06B3DB;
    line-height:17px;
}
.footer>.menuarea>div>div:nth-of-type(1)>div:nth-of-type(4)>div:nth-of-type(2)>a>div:nth-of-type(2)>span:nth-of-type(1){
    font-size:11px;
}
.footer>.menuarea>div>div:nth-of-type(1)>div:nth-of-type(4)>div:nth-of-type(2)>a>div:nth-of-type(2)>span:nth-of-type(2){
    font-size:17px;
}
.footer>.menuarea .sns i{
    border-radius: 100vh;
    background-color: rgb(84,154,236);
    color : #fff;
    display: inline-block;
    width : 1.5em;
    height : 1.5em;
    text-align: center;
    padding-top : .3em;
    margin-right : .5em;
    position: relative;
    top : .2em;
}
.footer>.menuarea>div>div:nth-of-type(2){
    margin-top : 3em;
    text-align: right;
}
/* .footer>.menuarea>div>div:nth-of-type(2)>a{
    background-color :rgb(84,154,236);
    padding : 1.0em 3.5em;
    font-size : 1.3em;
    color : #fff;
    border-radius: 100vh;
} */
.footer .licensearea{
    width : 80%;
    margin : 0 auto;
    padding-top : 3em;
    padding-bottom : 3em;
    border-bottom : 1px #ccc solid;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.footer .licensearea>div{
    width : calc(100% / 6);
    padding: 0 2em;
}
.footer .logoarea{
    text-align: center;
    padding-top : 2em;
    padding-bottom : 3em;
}
.footer .logoarea>img{
    display: block;
    margin : 0 auto;
}
.footer .logoarea>img:first-of-type{
    width : 20%;
}
.footer .logoarea>img:nth-of-type(2){
    margin-top : 1em;
    width : 10%;
}
.wp-block-group__inner-container{
    padding-left: 1em;
    padding-right: 1em;
}

/* ----------------------    ここから修正     ---------------*/
.service-lists-sec-inner {
    max-width: 1060px;
    margin: 0 auto;
    padding-top: 30px;
}
.service-lists-sec-inner h2 {
    font-size: 28px;
    font-weight: bold;
    position: relative;
}
.service-lists-sec-inner h2:before {
    content: '';
    width: 19px;
    height: 72px;
    background-color: #06B3DB;
    position: absolute;
    top: -17px;
    left: -40px;
}
.service-cursor {
    padding-bottom: 4px;
    padding-right: 5px;
}
.service-lists-wrapper {
    width: 100%;
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
}
.service-unit {
    width: calc(25% - 150px / 4);
    margin-right: 50px;
    margin-bottom: 50px;
}
.service-unit:nth-child(4n) {
    margin-right: 0;
}
.service-unit h3 {
    margin-top: 10px;
}
.service-unit figure {
    margin: 0 0 10px;
}
.service-unit figure img {
    width: 100%;
}
.app {
    margin-top: 60px;
    margin-bottom: 100px;
}
.sp {
    display: none;
}








@media screen and (max-width:1024px){
    #servicelists .one .inner{
        height:700px;
    }
    #servicelists .top .inner,
    #recruit .top .inner,
    #detailservice>div:first-of-type>div>div,
    #journal-list>div:first-of-type>div,
    #blog-list>div:first-of-type>div,
    .voice-top>div,
    #design>div:first-of-type>div,
    #system>div:first-of-type>div>div, #service>div:first-of-type>div>div,
    #aboutus>div:first-of-type>div:first-of-type{
        width:70%;
        height:35.7vw;
    }
    .voice-top>div>div>div,
    #blog-list>div:first-of-type>div>div>div,
    #journal-list>div:first-of-type>div>div>div{
        padding-top:13vw;
    }
    #mailpart>div:first-of-type{
        height:58vw;
    }
    #sidecontact{
        width:13vw;
    }
    .voice-onebox>*:first-of-type>img{
        width:9vw;
        height:9vw;
    }
    #records .top .inner,
    #syokunou .top .inner{
        text-align:right;
        padding-top:10em;
    }

    .service-lists-wrapper {
        margin: 60px auto 0;
        width: 90%;
    }
    .service-unit {
        width: calc(25% - 30px / 4);
        margin-right: 10px;
    }
    .service-lists-sec-inner h2 {
        margin-left: 50px;
    }

    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(1){
        width: 20%;
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(2){
        width: 20%;
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(3){
        width: 20%;
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(4){
        width: 40%;
    }
    .footer>.menuarea ul{
        padding-left: 20px;
    }
    .footer>.menuarea>div>div:first-of-type>div img{
        width: 100%;
        height: auto;
    }
    .footer>.menuarea>div>div:first-of-type>div img{
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width:900px){
    #servicelists .one .inner{
        height:500px;
    }
}
@media screen and (max-width:700px){
    #servicelists .one .inner{
        height:600px;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    #servicelists {
        background-color: #F5F7F7;
    }
    .service-part-sp {
    }
    .service-part-sp {
        margin-bottom: 50px;
    }
    .unyousien-part-sp {
        margin-bottom: 50px;
    }
    .sp-inner {
        width: 100%;
        margin: 0 auto;
    }
    .Label,
    .content01 {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
    }
    .content01 {		/*本文*/
        height: 0;
        padding:0 60px;
        overflow: hidden;
        transition: all .5s;
    }
    .toggle:checked + .Label + .content01 {	/*開閉時*/
        height: auto;
        padding: 0 20px;
        transition: all .5s;
        float: none;
        margin-bottom: 5px;
    }
    .content01 figure {
        margin: 0 0 10px;
    }
    .content01 figure img {
        width: 100%;
    }
    .content01 p {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.7em;
        padding-top: 10px;
    }
    
    .Label {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        /* transition: all .5s; */
        display: block;
        padding: 15px 20px;
        margin-bottom: 5px;
    }

    input {
        display: none;
    }
    #contact input,
    #contact textarea,
    .fd-box input{
        display: block;
    }
    #smilecontact input:not([type="hidden"]){
        display: inline-block;
    }
    #contact .sonota input{
        display: none;
    }
    /*タイトル横の矢印*/
    /* .Label::before{		
        content:"";
        width: 6px;
        height: 6px;
        border-top: 2px solid #868585;
        border-right: 2px solid #868585;
        -webkit-transform: rotate(45deg);
        position: absolute;
        top:calc( 50% - 3px );
        right: 20px;
        transform: rotate(135deg);
    } */
    .Label::before{		/*タイトル横の十字*/
        content:"";
        width: 20px;
        height: 1px;
        background-color: #868585;
        position: absolute;
        top:calc( 50% - 3px );
        right: 20px;
    }
    .Label::after{		/*タイトル横の十字*/
        content:"";
        width: 1px;
        height: 20px;
        background-color: #868585;
        position: absolute;
        top: 37%;
        right: 29px;
    }
    .system-unit:nth-child(7) .Label::after{		/*タイトル横の十字*/
        content:"";
        width: 1px;
        height: 20px;
        background-color: #868585;
        position: absolute;
        top: 39%;
        right: 29px;
    }
    .system-unit .close {
        opacity: 1;
    }
    .toggle:checked + .Label::after {
        content: none;
    }

    .system-title {
        font-size: 20px;
        margin-bottom: 8px;
        font-weight: bold;
    }
    .system-subtitle {
        margin-bottom: 0;
    }
    .system-unit {
        width: 100%;
    }
    .sp-inner h2 {
        font-size: 25px;
        position: relative;
        display: block;
        font-weight: bold;
        text-align: center;
        margin-bottom: 50px;
    }
    .sp-inner h2:before {
        content: '';
        width: 70px;
        height: 5px;
        background-color: #06B3DB;
        position: absolute;
        left: 40%;
        bottom: -40%;
    }
    .system-unit {
        background-color: #fff;
    }
}









@media screen and (min-width:600px){
    .pc-hdn{
        display: none !important;
    }
}
@media screen and (max-width:599px){
    #mailpart>div:first-of-type{
        height:110vw;
    }
    .sp-hdn{
        display: none !important;
    }
    .header{
        /* position: fixed; */
        background:#fff;
        z-index:10001;
    }
    .header.scroll{
        position: fixed;
        top:0;
        left:0;
        width:100%;
    }
    .header>div.sp>div{
        display: flex;
        padding:1em;
        box-shadow: 0px 1px 1px 0px rgba(112,112,112,0.5);
    }
    .header>div.sp>div>div:first-of-type{
        width:20%;
    }
    .header>div.sp>div>div:nth-of-type(2){
        width:30%;
        padding-top:.5em;
        padding-left:.5em;
    }
    .header>div.sp>div>div:nth-of-type(3){
        width:50%;
        text-align:right;
    }
    .header>div.sp>div>div:nth-of-type(3)>a{
        display: inline-block;
        font-size:2em;
        color:#707070;
        margin-top:.3rem;
    }
    .header>div.sp>ul{
        position: fixed;
        padding:0;
        top:7vh;
        right:-100vw;
        display: block;
        width:80%;
        background:#549CF0;
        color:#fff;
        z-index:11;
        list-style: none;
        transition: all .5s ease-out 0s;
    }
    .header>div.sp>ul.show{
        right:0;
    }
    .header>div.sp>ul>li{
        width:100%;
        text-align:left;
        font-size:1em;
        padding:.5em;
        padding-left:1em;
        border-bottom:1px #fff dashed;
    }
    .header>div.sp>ul>li>a{
        width:100%;
    }
/*    .header>div.sp>ul>li span:first-of-type{
        display: inline-block;
        width:30%;
        text-transform: capitalize;
    }
*/    .header>div.sp>ul>li span:last-of-type{
        margin-left:1em;
    }
    .header>div.sp>ul>li:last-of-type{
        border-bottom: none;
    }
    .header>div.sp>ul>li>a{
        display: inline-block;
        color:#fff;
    }
    #sidecontact{
        width:20vw;
    }
    .contactbtn{
        font-size:1em;
        padding:1em 2em;
    }
    #home .blogarea,
    #home .journalarea,
    .servicearea{
        padding-top:1em;
    }
    #home>div:first-of-type>div:last-of-type>.container>div{
        top: 1em;
        width: 100%;
        padding: 1em;
    }
    #home>div:first-of-type>div:last-of-type>div a::before{
        height:2em;
        width:4.5em;
        margin-right:1em;
    }
    #home>div:first-of-type>div:last-of-type>div a{
        text-decoration: underline;
    }
    #service>div.five>div>.servicearea,
    #home .blogarea, #home .journalarea, .servicearea{
        width:100%;
    }
    #home>div:nth-of-type(2){
        margin-top:3em;
        background:#fff;
    }
    #home .journalarea .title,
    #home .blogarea .title,
    .servicearea .title{
        padding-left:5%;
        padding-right:5%;
    }
    .servicearea .title>span:first-of-type,
    #home .journalarea .title>span:first-of-type,
    #home .blogarea .title>span:first-of-type{
        margin-right:0;
        display: block;
        font-size:1.5em;
        font-weight: bold;
    }
    .servicearea>div:first-of-type{
        width:100%;
        padding-left:5%;
        padding-right:5%;
        padding-top:2em;
        padding-bottom:2em;
        background-color:#F5F7F7;
    }
/*    #home .blogarea{
        margin:0;
        padding-top:3em;
        background:#fff;
    }
    #home .blogarea div{
        background:#F5F7F7;
        border-radius: 0;
        padding-top:2em;
        padding-bottom:2em;
    }
    #home .blogarea div>div{
        background:#fff;
        width:90%;
        margin:0 auto;
        padding:0;
    }
    #home .blogarea div>div:first-of-type{
        border-radius: 20px 20px 0 0;
        padding-top:2em;
    }
    #home .blogarea div>div:last-of-type{
        border-radius: 0 0 20px 20px;
        padding-bottom:2em;
    }
    #home .blogarea div>div>a>img{
        width:15vw;
        height:15vw;
    }
    #home .blogarea div>div>a>div{
        background:#fff;
        width:55vw;
        padding:0;
    }
    #home .blogarea div>div>a>div>p:first-of-type{
        font-size:1.0em;
        font-weight: bold;
    }
    #home .blogarea div>div>a>div>p:last-of-type{
        font-size:1.0em;

    }
*/
    #home .blogarea .flex-box{
        width:90%;
    }
    #home .blogarea .flex-box>div:first-of-type{
        width:30%;
    }
    #home .blogarea .flex-box>div:last-of-type{
        width:70%;
        padding-right:0;
    }
    #home .blogarea .flex-box .rect-wrap{
        width:80%;
    }
    #home .blogarea .flex-box>div:last-of-type p:first-of-type, #home .blogarea .flex-box>div:last-of-type p:nth-of-type(2){
        font-size:1.1em;
    }
    #home .btnline{
        width:100%;
        text-align:center;
        margin:0;
        padding-bottom:1em;
        background:#F5F7F7;
        font-size:1.2em;
    }
    #home .journalarea .btnline{
        background:none;
        padding-top:3em;
    }
    #home .wrap-journalarea{
        background:#fff;
        margin:0;
        padding-top:2em;
    }
    #home .journalarea>div>div{
        width:100%;
    }
    #home .journalarea>div{
        background-image: url(img/home/bk-journal.png);
        background-size: cover;
        background-position: center;
        padding-top: 5em;
        padding-bottom: 3em;
    }
    .journal-onebox>div>a>div p:first-of-type{
        font-size:1.5em;
    }
    #aboutus>div:first-of-type>div:first-of-type{
        width:100%;
        padding:0;
        margin:0;
        height:30vh;
        background-size:50%;
        overflow: hidden;
        background-position: left 0 bottom -120%;
    }
    #aboutus>div:first-of-type>div:first-of-type{
        background-position: left bottom;
    }
    #aboutus>div:first-of-type>div:first-of-type p:nth-of-type(1){
        top:5vw;
        font-size:1.5em;
    }
    #aboutus>div:first-of-type>div:first-of-type p:nth-of-type(2){
        top:3vw;
        font-size:1em;
    }
    #aboutus>div:first-of-type>div:first-of-type p:nth-of-type(3){
        top:0;
        padding-left:50vw;
        font-size:1.1em;
    }
    #aboutus>div:first-of-type>div:first-of-type p:nth-of-type(4){
        top:0;
        padding-left:50vw;
        font-size:1.2em;
    }
    #aboutus>div:first-of-type>div:first-of-type p:nth-of-type(4)>span>span:nth-of-type(2){
        font-size:1.3em;
    }
    #aboutus>div:first-of-type>div:nth-of-type(2){
        width:93%;
    }
    #aboutus>div:first-of-type>div:nth-of-type(2)>p{
        font-weight: normal;
        font-size:1.1em;
    }
    #aboutus>div:nth-of-type(2)>div>div{
        width:90%;
    }
    #aboutus>div:nth-of-type(2)>div>div>p:first-of-type{
        text-align:center;
        font-size:2.5em;
        font-weight: bold;
    }
    #aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(2){
        font-weight: normal;
        font-size:1.2em;
        text-align: center;
    }
    #aboutus>div:nth-of-type(2)>div>div:nth-of-type(1)>p:nth-of-type(3)::before, #aboutus>div:nth-of-type(2)>div>div:nth-of-type(1)>p:nth-of-type(4)::before{
        display: block;
        width:100%;
        background-position: center;
        height:1.5em;
        margin-bottom:.5em;
    }
    #aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(3), #aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(4){
        line-height:1.8em;
        text-align:center;
        font-size:1.3em;
    }
    #aboutus>div:nth-of-type(3)>div:nth-of-type(2)>div:first-of-type>div>span{
        font-size:1.1em;
    }
    #aboutus>div:nth-of-type(2)>div>div>p:first-of-type, #aboutus>div:nth-of-type(3)>div>p:first-of-type, #aboutus .remote>div>div>p:first-of-type, #aboutus #infomation>div>div>p:first-of-type{
        font-size:2em;
    }
    #aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(2), #aboutus>div:nth-of-type(3)>div>p:nth-of-type(2), #aboutus .remote>div>div>p:nth-of-type(2), #aboutus #infomation>div>div>p:nth-of-type(2){
        font-size:1em;
    }
    #aboutus .remote>div>div{
        width:90%;
    }
    #aboutus .remote>div>div>p:nth-of-type(3){
        font-size:1em;
        color:#000;
    }
    #aboutus .remote>div>div>div{
        width:100%;
    }
    #aboutus .remote>div>div>div>div{
        width:100%;
    }
    #aboutus .remote>div>div>div>div>div::before{
        font-size:.5em;
        width:8em;
        padding-top:2em;
        height:8em;
    }
    #aboutus>div:nth-of-type(2)>div>div:nth-of-type(2)>div>div>p{
        font-size:.7em;
        letter-spacing: 0;
    }
    #aboutus>div:nth-of-type(3)>div{
        padding-top:5em;
    }
    #aboutus>div:nth-of-type(2)>div>div>p:first-of-type, #aboutus>div:nth-of-type(3)>div>p:first-of-type, #aboutus #infomation>div>div>p:first-of-type{
        font-weight: bold;
        text-align:center;
        font-size:1.8em;
    }
    #aboutus>div:nth-of-type(2)>div>div>p:nth-of-type(2), #aboutus>div:nth-of-type(3)>div>p:nth-of-type(2), #aboutus #infomation>div>div>p:nth-of-type(2){
        font-weight: normal;
        font-size:1.2em;
    }
    #aboutus>div:nth-of-type(3)>div:first-of-type>p:nth-of-type(3){
        font-size:8em;
    }
    #aboutus>div:nth-of-type(3)>div:first-of-type>div>p{
        font-size:1.5em;
    }
    #aboutus>div:nth-of-type(3)>div:first-of-type>div::before{
        left:5%;
        top:-20vw;
        width:3em;
        height:3em;
    }
    #aboutus>div:nth-of-type(3)>div:first-of-type>div::after{
        right:5%;
        bottom:-20vw;
        width:3em;
        height:3em;
    }
    #aboutus>div:nth-of-type(3)>div:nth-of-type(2){
        width:90%;
    }
    #aboutus>div:nth-of-type(3)>div:nth-of-type(2)>div:first-of-type>div{
        width:100%;
    }
    #aboutus #infomation>div>div{
        padding-top:6em;
    }
    #aboutus #infomation>div>div dl{
        border:1px #707070 solid;
        border-radius: 10px;
        font-size:.9em;
        width:90%;
    }
    #aboutus #infomation>div>div dt{
        border-right:1px #939393 dashed;
        border-bottom:1px #939393 dashed;
    }
    #aboutus #infomation>div>div dd{
        border-bottom:1px #939393 dashed;
    }
    #aboutus>div:nth-of-type(2), #aboutus #infomation{
        padding-bottom:5em;
    }
    #servicelists .top .inner,
    #recruit .top .inner,
    #system>div:first-of-type>div>div,
    #service>div:first-of-type>div>div{
        height:25vh;
    }
    #service>div.one{
        margin-top:3em;
    }
    .midasi1{
        font-size:1.8em;
    }
    .midasi2{
        font-size:1em;
    }
    .str{
        width:90%;
        margin:0 auto;
        text-align:left;
        font-size:1em;
    }
    .str p{
        line-height:2em;
    }
    .wrap-whiteharf{
        width:90%;
    }
    .wrap-whiteharf>div{
        width:100%
    }
    .wrap-whiteharf>div>div{
        border-radius: 5px;
    }
    .wrap-whiteharf>div>div>div:nth-of-type(2){
        width:90%;
        line-height:2em;
    }
    .toptitle1>span, #system>div:first-of-type>div>div>div>p:first-of-type>span, #service>div:first-of-type>div>div>div>p:first-of-type>span{
        font-size:2em;
    }
    .toptitle2>span, #system>div:first-of-type>div>div>div>p:last-of-type>span, #service>div:first-of-type>div>div>div>p:last-of-type>span{
        font-size:1em;
    }
    #service>div.two .wrap-whiteharf>div>div>div:nth-of-type(2){
        height:auto;
    }
    img.centerimage{
        margin-top:3em;
    }
    #service>div.three .wrap-whiteharf>div>div>div:nth-of-type(2){
        height:auto;
        font-size:1em;
    }
    #service .smile8box .orangebtnline{
        position: static;
        margin-top:2em;
        font-size:1em;
    }
    #service>div.three .wrap-whiteharf>div:last-of-type>div>div:nth-of-type(1){
        font-size:1em;
    }
    #service>div.four>div{
        width:90%;
    }
    #service>div.three>.container>div img:first-of-type{
        width:100%;
    }
    #service>div.three>.container>div img:nth-of-type(2){
        width:100%;
    }
    .str-left{
        width:100%;
        font-size:1em;
    }
    .delibox{
        width:100%;
        padding:0;
        border-radius: 5px;
    }
    #service>div.four>div>div:nth-of-type(4){
        width:100%;
        padding-top:3em;
        padding-bottom:3em;
    }
    #service>div.five>div>.servicearea{
        background:#fff;
    }

    #service>div.five>div>.servicearea .title{
        padding-top:1em;
        padding-left:5%;
    }
    #system>div:first-of-type>div>div>div>p:first-of-type>span{
        font-size:1.5em;
        letter-spacing: 0;
        font-weight: bold;
    }
    #system>div:nth-of-type(2)>div{
        padding-top:2em;
        text-align:left;
        font-size:1em;
    }
    #system>div:nth-of-type(2)>div>p{
        width:90%;
        margin:0 auto;
    }
    .midasi2{
        font-weight: normal;

    }
    #system>div:nth-of-type(2) .wrap-whiteharf>div>div>div:nth-of-type(2){
        height:auto;
    }
    .fmphpimg{
        width:100%;
    }
    .pdcaimg{
        width:90%;
    }
    #system>div:nth-of-type(2)>div p:nth-of-type(5){
        width:90%;
        margin:0 auto;
    }
    #system>div:nth-of-type(3)>div>div>div{
        width:90%;
        margin:0 auto;
        margin-top:2em;
        text-align:left;
        font-size:1em;
    }
    #system>div:nth-of-type(4){
        padding-top:2em;
    }
    #design>div:first-of-type>div{
        width:100%;
        height:25vh;
        background-size:40%;
        background-position: right 10% top 50%;
    }
    #design>div:first-of-type>div>div>div{
        padding-top:40%;
        padding-left:20%;
    }
    #design .toptitle1,
    #design .toptitle2{
        text-align:left;

    }
    #design .toptitle1>span{
        font-size:2.2em;
        font-weight: bold;
    }
    #design .top-contact{
        background:#fff;
        padding-top:1em;
        padding-bottom:1em;
        font-size:1em;
    }
    #design .center-strbox{
        width:90%;
        text-align:left;
        font-size:1em;
    }
    #design>div:nth-of-type(2)>div>div:nth-of-type(2){
        width:90%;
    }
    #design>div:nth-of-type(2)>div>div:nth-of-type(2)>div{
        width:80%;
        border-radius: 100vh;
        margin:0;
        margin-top:3em;
        font-size:1.2em;
        padding-top:1em;
        padding-bottom:1em;
    }
    #design>div:nth-of-type(2)>div>div:nth-of-type(2)>div:before{
        height:2em;
    }
    #design>div:nth-of-type(3) .center-strbox, #design>div:nth-of-type(4) .center-strbox{
        width:90%;
    }
    #design>div:nth-of-type(3) p:nth-of-type(6){
        margin-top:2em;
    }
    #design .white-strharfbox{
        width:90%;
    }
    #design .white-strharfbox>div{
        width:100%;
    }
    #design .white-strharfbox>div>div{
        font-size:1em;
        font-weight: bold;
    }
    #design>div:nth-of-type(6)>div>div{
        width:90%;
    }
    .voice-top>div{
        height:30vh;
    }
    .voice-top>div>div>div{
        padding-top:18vw;
    }
    .voice-content>div>div{
        background:#f5f7f7;
        width:95%;
        margin:0 auto;
        padding:0;
    }
    .voice-archivelink>a{
        font-size:.8em;
        width:48%;
        margin:0;
    }
    .voice-archivelink>a:nth-of-type(even){
        margin-left:1vw;
    }
    .voice-archivelink>a:nth-of-type(3),
    .voice-archivelink>a:nth-of-type(4),
    .voice-archivelink>a:nth-of-type(5){
        margin-top:1em;
    }
    .voice-onebox-sp{
        border:1px #375A8C solid;
        border-radius: 20px;
        background:#fff;
        margin-top:1em;
        padding:2em;
    }
    .voice-onebox-sp img{
        width:25vw;
        height:25vw;
        border-radius: 100vh;
        object-fit: cover;
        display: inline-block;
        margin-right:2em;
    }

    .voice-onebox-sp>a>div:first-of-type,
    .voice-onebox-sp>div:first-of-type{
        width:50%;
        display: inline-block;
        vertical-align: middle;
    }
    .voice-onebox-sp>a>div:first-of-type>p,
    .voice-onebox-sp>div:first-of-type>p{
        margin:0;
        padding:0;
        margin-top:.3em;
        color:#375A8C;
        font-weight: bold;
        font-size:1.1em;
    }
    .voice-onebox-sp>a>div:first-of-type>p:first-of-type,
    .voice-onebox-sp>div:first-of-type>p:first-of-type{
        font-size:1.1em;
    }
    .voice-onebox-sp>a>div:nth-of-type(2),
    .voice-onebox-sp>div:nth-of-type(2){
        margin-top:2em;
    }
    .voice-onebox-sp>a>div:nth-of-type(2)>p:first-of-type,
    .voice-onebox-sp>div:nth-of-type(2)>p:first-of-type{
        font-size:1em;
    }
    .voice-onebox-sp>a>div:nth-of-type(2)>p:nth-of-type(2),
    .voice-onebox-sp>div:nth-of-type(2)>p:nth-of-type(2){
        color:#375A8C;
        font-size:1.1em;
        font-weight: bold;
        border-bottom:1px #375A8C solid;
    }
    .voice-onebox-sp>a>div:nth-of-type(2)>p:nth-of-type(3)>span,
    .voice-onebox-sp>div:nth-of-type(2)>p:nth-of-type(3)>span{
        display: block;

        margin-top:1em;
        text-align:center;
        padding-top:1em;
        padding-bottom:1em;
        font-size:1em;
        color:#fff;
        border-radius: 100vh;
    }
    .voice-onebox-sp>a>div:nth-of-type(2)>p:nth-of-type(3)>span:first-of-type,
    .voice-onebox-sp>div:nth-of-type(2)>p:nth-of-type(3)>span:first-of-type{
        margin-top:0;
    }
    .voice-onebox-sp span{
        background:#707070;
    }
    .voice-onebox-sp .one{
        background: #41B5BB;
    }
    .voice-onebox-sp .two{
        background: #6EC7CB;
    }
    .voice-onebox-sp .three{
        background: #99D8D7;
    }
    .voice-onebox-sp .four{
        background: #F498CB;
    }
    .voice-onebox-sp .five{
        background: #F7CBE6;
    }
    .voice-onebox-sp .six{
        background: #FFB9A9;
    }
    .voice-onebox-sp .seven{
        background: #70D086;
    }
    .voice-onebox-sp .eight{
        background: #D4EFEE;
    }
    .voice-onebox-sp .nine{
        background: #FF815F;
    }
    .voice-onebox-sp .ten{
        background: #FF6633;
    }
    .voice-onebox-sp .eleven{
        background: #2D9B46;
    }
    .voice-onebox-sp .twelve{
        background: #BFFACC;
    }
    .voice-onebox-sp .thirteen{
        background: #2A9DBC;
    }
    .voice-onebox-sp .fourteen{
        background: #F74B99;
    }
    .voice-onebox-sp .fifteen{
        background: #FCEADB;
    }

    .voice-onebox-sp .voice-detail>div{
        margin-top:3em;
    }
    .voice-onebox-sp .voice-detail>div>p{
        font-size:1.5em;
        font-weight: bold;
        color:#375A8C;
        border-left:5px #375A8C solid;
        padding-left:.5em;
    }
    .voice-onebox-sp .voice-detail>div>div{
        margin-top:1em;
        padding-left:1em;
        font-size:1.2em;
    }
    .voice-info>div>div{
        width:90%;
    }
    .voice-info img:first-of-type{
        width:40%;
    }
    .voice-info>div>div>div{
        background:#F9F9F9;
        padding:0;
        margin:0;
        margin-top:2em;
    }
    .pnline{
        margin-top:3em;
    }
    .pnline a{
        font-size:1.5em;
    }
    #voice-list .orangebtnline{
        font-size:1.5em;
    }
    #blog-list>div:first-of-type{
        height:30vh;
    }
    #blog-list .searchresult{
        padding-left:2em;
        font-size:1em;
        font-weight: bold;
    }
    #blog-list>div:first-of-type>div>div>div{
        padding-top:35%;
    }
    #blog-list>div:nth-of-type(2){
        background:#F5F7F7;
    }
    #blog-list>div:nth-of-type(2)>div>div{
        width:100%;
    }
    #blog-list>div:nth-of-type(2)>div>div>div:first-of-type{
        width:100%;
    }
    #blog-list>div:nth-of-type(2)>div>div>div:first-of-type>p:first-of-type{
        padding-left:5%;
    }
    #blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:first-of-type{
        margin:0 auto;
        width:90%;
        font-size:1em;
        margin-top:1em;
        line-height:2em;
        padding-top:2em;
        padding-bottom:2em;
    }
    #blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:nth-of-type(2){
        border:none;
    }
    #blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:nth-of-type(2)>div{
        margin:0 auto;
        background:#fff;
        padding:1em;
        margin-top:1em;
    }
    #blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:nth-of-type(2)>div p.title{
        margin-top:.5rem;
        font-size:1.1em;
    }
    #blog-list>div:nth-of-type(2)>div>div>div:last-of-type{
        width:100%;
        border-left:none;
    }
    .blog-searchbox{
        background:#fff;
        padding:0;
        padding-top:2em;
        padding-bottom:2em;
        text-align:center;
    }
    .blog-searchbox form>[type=search]{
        font-size:1.2em;
        height:3em;
    }
    .blog-searchbox form>[type=submit]{
        font-size:1.2em;
        height:3em;
    }
    .blog-catelist{
        margin:0;
        background:#fff;
        padding-left:0;
    }
    .blog-catelist>ul{
        display: flex;
        flex-wrap: wrap;
    }
    .blog-catelist>ul>li{
        margin:0;
        width:50%;
        padding:1.5em;
        padding-left:2em;
        border-right:1px #F5F7F7 solid;
        border-bottom:1px #F5F7F7 solid;
        font-size:1em;
    }
    .blog-catelist>ul>li:first-of-type,
    .blog-catelist>ul>li:nth-of-type(2){
        border-top:1px #F5F7F7 solid;
    }
    .blog-catelist>ul>li:nth-of-type(even){
        border-right:none;

    }
    .blog-catelist>ul>li::after{
        content:none;
    }

    .blog-ranking,
    .blog-osusume{
        margin:0;
        padding:0;
        padding-top:2em;
    }
    .blog-osusume{
        padding-bottom:2em;
    }
    .blog-ranking>p,
    .blog-osusume>p{
        padding:.5rem !important;
        padding-left:1rem !important;
        font-size:1.5em;
        color:#707070;
        border-bottom:1px #707070 solid;
    }
    .blog-ranking>ul,
    .blog-osusume>ul{
        width:100%;
    }
    .blog-ranking>ul>li,
    .blog-osusume>ul>li{
        width:90%;
        margin:0 auto;
        padding:1em;
        background:#fff;
        margin-top:2em;
        position: relative;
    }
    .blog-ranking>ul>li>span,
    .blog-osusume>ul>li>span{
        position:absolute;
        display: block;
        width:2em;
        height:2em;
        top:-1em;
        left:-1em;
    }
    .blog-ranking>ul>li>a>span.date,
    .blog-osusume>ul>li>a>span.date{
        display: block;
    }
    .blog-ranking>ul>li>a>span.title,
    .blog-osusume>ul>li>a>span.title{
        font-size:1.1em;
        color:#549AEC;
        font-weight: bold;
    }
    #blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:first-of-type>div{
        width:100%;
    }
    #blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:first-of-type>div>span{
        display: block;
        width:100%;
        text-align:center;
        font-size:1.3em;
        color:#23BBDE;
        font-weight: bold;
    }
    #blog-list>div:nth-of-type(2)>div>div>div:first-of-type>div:first-of-type>img{
        display: block;
        margin:0 auto;
    }
    #single-default .panbox{
        padding-left:.5em;
    }
    #single-default .title{
        padding-left:.5em;
        font-size:1.5em;
    }
    #single-default>div:first-of-type>div{
        width:100%;
        flex-wrap: wrap;
    }
    #single-default>div:first-of-type>div>div:first-of-type{
        width:100%;
    }
    #single-default>div:first-of-type>div>div:nth-of-type(2){
        width:100%;
    }
    #single-default>div>div>div:nth-of-type(2)>div:first-of-type{
        width:100%;
    }
    #single-default>div>div>div:nth-of-type(2)>div:first-of-type>img{
        width:50%;
    }

    .single-content h2{
        font-size:1.3em;
    }
    .single-content h3{
        font-size:1.2em;
    }
    .single-content h4{
        font-size:1.1em;
    }
    #journal-list>div:first-of-type>div{
        height:30vh;
    }
    #journal-list>div:first-of-type>div>div>div{
        padding-top:18vw;
    }
    #journal-list>div:nth-of-type(2){
        width:100%;
    }
    #journal-list>div:nth-of-type(2)>ul:first-of-type{
        display: flex;
        flex-wrap: wrap;
    }
    #journal-list>div:nth-of-type(2)>ul:first-of-type>li{
        margin:0;
        width:50%;
        padding:.5em;
    }
    #journal-list>div:nth-of-type(2)>ul:first-of-type>li>a{
        width:100%;
    }
    .journal-onebox{
        width:100%;
    }
    #journal>div:first-of-type>div:first-of-type{
        padding-top:1em;
    }
    #journal>div:first-of-type>div:first-of-type>p:first-of-type{
        font-size:1.5em;
    }
    #journal>div:first-of-type>div:first-of-type>p:nth-of-type(2){
        font-size:.8em;
    }
    #journal>div:first-of-type>div:nth-of-type(2){
        width:80%;
        left:10%;
        top:auto;
        bottom:2em;
        z-index: 2;
    }
    #journal>div:first-of-type>div:nth-of-type(2)>div{
        width:100%;
        max-width:100%;
    }
    .journal-text{
        font-size:1.2em;
        font-weight: bold;
        text-align:center;
        padding:2em;

    }
    .has-large-font-size{
        font-size:1.5em !important;
    }
    #journal>div:nth-of-type(3)>div>div:first-of-type{
        padding:0;
        background-size:auto 15em;
        background-position: center top;
    }
    #journal>div:nth-of-type(3)>div>div:first-of-type>div{
        padding-top:15em;
        width:100%;
        text-align:left;
        font-size:1em;
    }
    #journal>div:nth-of-type(3)>div>div:nth-of-type(2){
        flex-wrap: wrap;
    }

    #journal>div:nth-of-type(3)>div>div:nth-of-type(2)>div{
        width:100%;
    }
    #journal>div:nth-of-type(3)>div>div:nth-of-type(2)>div:first-of-type{
        padding:0;
        text-align:center;
    }
    #journal>div:nth-of-type(3)>div>div:nth-of-type(2)>div:nth-of-type(2){
        padding-top:2em;
        text-align:center;
    }
    #journal .orangebtnline{
        font-size:1.2em;
    }
    #journal>div:nth-of-type(4)>div{
        width:90%;
    }
    .mini-journalbox>div{
        width:100%;
    }
    #detailservice>div:first-of-type>div>div{
        height:53vw;
    }

    #detailservice.smile8>div:first-of-type,
    #detailservice.sien>div:first-of-type,
    #detailservice.houdai>div:first-of-type{
        background-image:url(img/houdai/top-sp.jpg);
        background-size:100%;
        background-repeat: no-repeat;
        background-position: center top;
    }
    #detailservice.sien>div:first-of-type{
        background-image:url(img/sien/top-sp.png);
    }
    #detailservice.smile8>div:first-of-type{
        background-image:url(img/smile8/top-sp.png);
    }
    #detailservice.sien>div:first-of-type>div>div,
    #detailservice.houdai>div:first-of-type>div>div{
        background:none;
    }
    #detailservice>div:first-of-type .orangebtnline{
        padding:0;
        margin:0;
        padding-top:1.2em;
        padding-bottom:1.2em;
        text-align:center;
        font-size:1em;
    }
    #detailservice>div>div>div{
        width:90%;
        margin:0 auto;
    }
    #detailservice>.desc>div>div>div:last-of-type{
        width:100%;
        padding:0;
    }
    #detailservice>.desc>div>div>div:last-of-type>p:first-of-type{
        text-align:center;
        font-size:1.2em;
    }
    #detailservice>.desc>div>div>div:last-of-type>img{
        margin:0 auto;
        display: block;
        margin-top:3em;
    }
    #detailservice>.desc>div>div>div:last-of-type>div{
        margin-top:3em;
        font-size:1em;
    }
    #detailservice .select>div>div>div>div>div>div:first-of-type{
        font-size:1.2em;
    }
    #detailservice>.desc>div>div>div:last-of-type>div>div{
        background:#fff;
        margin-top:2em;
        padding:1em;
        text-align:center;
    }
    #detailservice.sien>.content>.issues>div>div,
    #detailservice.houdai>.content>.issues>div>div{
        width:100%;
    }
    #detailservice.houdai>.content>.issues>div>div>div{
        text-align:left;
    }
    .sien .midasi1{
        color:#02AF16;
    }
    #detailservice.sien>.content>.issues>div>div>div:nth-of-type(2)>p:nth-of-type(1){
        top:75%;
        padding-left:14%;
    }
    #detailservice.sien>.content>.issues>div>div>div:nth-of-type(2)>p:nth-of-type(2){
        top:72%;
        padding-right:14%;
    }
    #detailservice.sien>.content>.issues>div>div>div:nth-of-type(2)>p:nth-of-type(3){
        top:auto;
        bottom:2%;
    }
    #detailservice.sien>.content>.issues>div>div>div:nth-of-type(2)>p>a{
        padding:.5em;
    }
    #detailservice>.content>.point>div>div,
    #detailservice>.content>.link>div>div,
    #detailservice>.content>.other>div>div,
    #detailservice>.content>.price>div>div{
        width:100%;
    }
    #detailservice>.content>.link>div>div>div>div{
        width:100%;
    }
    #detailservice>.content>.link>div>div>div>div>div:first-of-type{
        font-size:.8em;
        padding-top:1em;
        padding-bottom:1em;
        padding-left:.5em;
        background:#E4E6E6;
        text-align:left;
        border-left:5px #666 solid;
    }
    #detailservice>.content>.point>div>div>div{
        text-align:left;
    }
    #detailservice .select>div>div>p:first-of-type>span:first-of-type::after{
        width:30%;
        left:35%;
        background-size:100% 100%;
    }
    #detailservice .price .orangebtnline{
        text-align:center !important;
        font-size:1em !important;
        padding:0 !important;
    }
    #detailservice>.content>div>div>div{
        width:100%;
    }
    #detailservice .functions>div>div>div>div{
        width:100%;
    }
    #detailservice .functions>div>div>div>div>div{
        text-align:left;
    }
    #detailservice .functions>div>div>p:nth-of-type(4).orangebtnline{
        font-size:1em;
    }
    #detailservice .select>div>div>p:first-of-type>span:first-of-type{
        display: block;
        padding:0;
    }
    #detailservice .select>div>div>p:first-of-type::after{
        height:5em;
        width:30%;
        left:30%;
        background-size:100% 20%;
        background-repeat: no-repeat;
    }
    #detailservice .select>div>div>div>div:first-of-type>div{
        width:100%;
    }


    #detailservice .select>div>div>div>div>div>div:nth-of-type(2){
        width:100%;
        text-align:left;
    }
    #detailservice .select>div>div>div>div:first-of-type>div{
        width:100%;
        padding:0;
        padding-top:2em;
    }
    #detailservice .select>div>div>div>div{
        width:100%;
    }
    #detailservice .select .orangebtnline{
        font-size:1em;
    }
    #detailservice.sien>.content>.issues>div>div>div:first-of-type{
        font-size:1em;
    }
    #detailservice.sien>.content>.issues>div>div>div:nth-of-type(2)>p{
        font-size:.8em;
    }
    #contact .form-first .wpcf7-radio .wpcf7-list-item{
        width:100%;
    }
    #contact .sonota{
        top:0;
        left:0;
        width:100%;
        padding-bottom:1em;

    }
    #aboutus>div:nth-of-type(3)>div:first-of-type>p:nth-of-type(3)>img{
        width:80%;
    }
    #aboutus>div:nth-of-type(3)>div:first-of-type>p:nth-of-type(3)>img:nth-of-type(2){
        left:10%;
    }
    #detailservice.smile8>div:first-of-type>div>div{
        background:none;
    }
    #contact>div:nth-of-type(3)>div{
        width:90%;
    }
    #contact .formLabel{
        padding:0;
    }
    #contact .formLabel,
    #contact .form-first .wpcf7-radio .wpcf7-list-item{
        font-size:.8em;
    }
    #contact .wpcf7-previous, #contact .wpcf7-submit{
        margin-left:4em;
    }
    #mailpart>div:nth-of-type(2)>div>p:first-of-type, #mailpart>div:nth-of-type(2)>div>p:nth-of-type(2){
        font-size:1.1em;
    }
    #mailpart .top>div>p{
        font-size:1.5em;
    }
    #mailpart .top>div>p:first-of-type{
        top:20vw;
    }
    #mailpart .top>div>p:nth-of-type(2){
        top:30vw;
    }
    #mailpart .top>div>img:first-of-type{
        top:5em;
    }
    #mailpart .top>div>img:nth-of-type(7){
        top:auto;
        bottom:0;
        width:30%;
        left:35%;
    }
    #mailpart .top>div>img:nth-of-type(4){
        bottom:auto;
        top:45vw;
        width:50%;
        left:5vw;
    }
    #mailpart .top>div>img:nth-of-type(5){
        bottom:auto;
        top:50vw;
        width:45%;
        left:45%;
    }
    #mailpart .top>div>img:nth-of-type(6){
        bottom:auto;
        top:60vw;
        width:40%;
        left:55%;
    }
    #mailpart>div:nth-of-type(3) .flex-box{
        width:90%;
    }
    #mailpart>div:nth-of-type(3) .flex-box>div:nth-of-type(2){
        padding-right:0;
        width:100%;
    }
    #mailpart>div:nth-of-type(3) .flex-box>div:nth-of-type(2)>p:first-of-type{
        font-size:1.1em;
        text-align:center;
    }
    #mailpart>div:nth-of-type(3) .flex-box>div:nth-of-type(2)>p:nth-of-type(2){
        text-align:center;
    }
    #mailpart>div:nth-of-type(3) .flex-box>div:nth-of-type(2)>p>span{
        font-size:1.1em;
    }
    #mailpart>div:nth-of-type(3) .flex-box>div:nth-of-type(2)>p:nth-of-type(3){
        font-size:1.2em;
        line-height:1.8em;
    }
    #mailpart>div:nth-of-type(4) .flex-box {
        flex-wrap: wrap;
        width:100%;
    }
    #mailpart>div:nth-of-type(4) .flex-box img{
        width:60%;
    }
    #mailpart>div:nth-of-type(4) .flex-box>div{
        width:100%;
    }
    #mailpart>div:nth-of-type(6)>div>p:first-of-type,
    #mailpart>div:nth-of-type(5)>div>p:first-of-type{
        font-size:1.4em;
    }
    #mailpart>div:nth-of-type(7)>div>div{
        width:90%;
    }
    #mailpart>div:nth-of-type(6)>div>div:first-of-type{
        width:90%;
    }
    #mailpart>div:nth-of-type(6)>div>div:nth-of-type(2){
        width:90%;
    }
    #mailpart>div:nth-of-type(5)>div>img{
        width:90%;
    }
    #detailservice .features .flex-box>div>div>p:first-of-type{
        font-size:1em;
    }
    #mailpart>div:nth-of-type(4) .flex-box>div>p:nth-of-type(2){
        font-size:1.2em;
    }
    #mailpart>div:nth-of-type(6)>div>p:nth-of-type(3){
        font-weight: bold;
        margin-top:1em;
    }
    #detailservice .features .flex-box>div{
        padding:.3em;
    }
    #detailservice .features .flex-box>div:nth-of-type(3)>div>div>div>div>p, #detailservice .features .flex-box>div>div>div>div>div>p:first-of-type{
        font-size:.8em;
    }
    #detailservice .features .flex-box>div>div>div>div>div>p{
        font-size:.5em;
    }
    #detailservice .features .flex-box>div>div>div>div>div{
        padding-top:.5em;
        padding-bottom:.5em;
    }
    #detailservice .features .flex-box>div:nth-of-type(3)>div>div>div>div:first-of-type{
        padding-top:1em;
        padding-bottom:1em;
    }
    #detailservice .features .flex-box>div:first-of-type>div>img:nth-of-type(3){
        top:70%;
    }
    #detailservice .features .flex-box>div:nth-of-type(2)>div>img{
        top:37%;
    }
    #detailservice .features .flex-box>div>div>div{
        width:98%;
        margin-top:.5em;
    }
    #detailservice .features .flex-box>div:nth-of-type(4)>div>div{
        width:98%;
    }
    #detailservice .features .flex-box>div>div{
        padding-top:1em;
        padding-bottom:1em;
    }
    #detailservice .issues .cparea{
        width:100%;
        text-align: center !important;
    }
    #blog-footer{
        position: fixed;
        bottom:0;
        width:100%;
        background:#707070;
        display: flex;
        width:100%;
    }
    #blog-footer>div{
        width:calc(100% / 3);
        text-align:center;
        padding-top:1em;
        padding-bottom:1em;
    }
    #blog-footer i{
        font-size:2em;
        color:#fff;
    }
    #blog-footer p{
        padding:0;
        margin:0;
        color:#fff;
        font-size:.8em;
    }
    .single-content #ez-toc-container ul{
        list-style-type: decimal;
        list-style-position: inside;
        padding:0;
        font-size:.9em;
    }
    #aboutus .license>div{
        flex-wrap: wrap;
        width:90% !important;
    }
    #aboutus .license>div>div{
        width:50%;
        padding:1.5rem;
    }
    #aboutus .license>div>div>p{
        margin-top:1em;
    }

    #front-sp-top>img:first-of-type{
        height:100%;
        width:100%;
        object-fit: cover;
    }
    #front-sp-top>img:last-of-type{
        position: absolute;
        bottom:0;
        left:42.5%;
        width:15%;
        opacity: 0;
        -webkit-animation: customblink 1.5s ease infinite;
        animation: customblink 1.5s ease infinite;
        animation-direction: alternate;
    }
    @-webkit-keyframes customblink {
    	0% {opacity: 0.1;}
    	100% {opacity: 1;}
    }
    @keyframes customblink {
    	0% {opacity: 0.1;}
    	100% {opacity: 1;}
    }
    #records .top,
    #syokunou .top{
        background-image:url(img/syokunou/top-sp.jpg);
    }
    #records .top{
        background-image:url(img/records/top-sp.jpg);
    }
    #records .top .inner,
    #syokunou .top .inner{
        height:90vh;
        width:100%;
        padding-top:40vw;
    }
    #syokunou .top .inner{
        padding-top:20vw;
    }
    #records .top .inner>p:first-of-type,
    #syokunou .top .inner>p:first-of-type{
        margin:0;
        padding:0;
    }
    #syokunou .top .inner>p:first-of-type{
        margin-top:2em;
    }
    #records .top .inner>p>span,
    #syokunou .top .inner>p>span{
        margin-left:.5em;
        background-color:#fff;
        border-radius: 5px;
        margin-right:6vw;
        padding:.3em;
        padding-left:.5em;
    }
    #syokunou .top .inner>p>span{
        margin-right:.8em;
        margin-top:.5em;
        font-size:1.2em;
        margin-left:40%;
        padding-left:1em;
        padding-right:1em;
    }
    #records .top .inner>p:nth-of-type(2),
    #syokunou .top .inner>p:nth-of-type(2){
        margin-top:40vw;
        text-align:center;
    }
    #records .top .inner>p:nth-of-type(2),
    #syokunou .top .inner>p:nth-of-type(2){
        margin-top:2em;
    }
    #records .five .inner>div>p>a,
    #syokunou .five .inner>div>p>a,
    #records .top .inner>p>a,
    #syokunou .top .inner>p>a{
        width:80%;
        padding-top:1em;
        padding-bottom:1em;
    }
    #records .one .inner,
    #syokunou .one .inner{
        width:100%;
        margin:0 auto;
        padding-top:3em;
        padding-bottom:3em;
    }
    #records .one .inner>div:first-of-type>p,
    #syokunou .one .inner>div:first-of-type>p{
        padding-left:1rem;
        padding-right:1rem;
    }
    #records .one .inner>div:first-of-type>p:first-of-type,
    #syokunou .one .inner>div:first-of-type>p:first-of-type{
        font-size:1.2em;
    }
    #records .one .inner>div:first-of-type>p:nth-of-type(2),
    #syokunou .one .inner>div:first-of-type>p:nth-of-type(2){
        font-size:1.6em;
    }
    #records .one .inner>div:first-of-type>div,
    #syokunou .one .inner>div:first-of-type>div{
        margin-top:1em;
        margin-left:1rem;
        margin-right:1rem;
        font-size:1.25em;
        line-height:1.8em;
    }
    #records .one .inner>p,
    #syokunou .one .inner>p{
        margin-top:3em;
    }
    #syokunou .one .inner>div:nth-of-type(2){
        width:95%;
        margin:0 auto;
        margin-top:5em;
        font-weight: bold;
        font-size:1.2em;
    }
    #records .two,
    #syokunou .two{
        margin-top:-.2em;
    }
    #records .two .inner,
    #syokunou .two .inner,
    #records .five .inner,
    #syokunou .five .inner{
        padding:0;
        width:95%;
        flex-wrap: wrap;
        justify-content: center;
    }
    #records .five .inner>div:first-of-type,
    #syokunou .five .inner>div:first-of-type,
    #records .two .inner>div:first-of-type,
    #syokunou .two .inner>div:first-of-type{
        width:100%;
        padding:0;
    }
    #records .five .inner>div:nth-of-type(2),
    #syokunou .five .inner>div:nth-of-type(2),
    #records .two .inner>div:nth-of-type(2),
    #syokunou .two .inner>div:nth-of-type(2){
        width:95%;

    }
    #records .two .inner>div:nth-of-type(2){
        padding-top:3em;
        font-size:1.2em;
        text-align: center;
        position: relative;
    }
    #syokunou .two .inner>div:nth-of-type(2)>div:nth-of-type(2)::before,
    #syokunou .two .inner>div:nth-of-type(2)>div:nth-of-type(2)::after,
    #records .two .inner>div:nth-of-type(2)::before,
    #records .two .inner>div:nth-of-type(2)::after{
        content : '"';
        display: inline-block;
        font-size:1.5em;
        width:1em;
        height:1em;
        position: absolute;
        top:2rem;
        left:-1rem;
    }
    #syokunou .two .inner>div:nth-of-type(2)>div:nth-of-type(2)::before{
        top:-1rem;
        left:0;
    }
    #syokunou .two .inner>div:nth-of-type(2)>div:nth-of-type(2)::after{
        top:auto;
        left:auto;
        bottom:-2rem;
        right:-1rem;
    }
    #records .two .inner>div:nth-of-type(2)::after{
        top:auto;
        left:auto;
        bottom:-2rem;
        right:-1rem;
    }
    #records .two>div>p{
        margin:0;
        font-size:1.6em;
    }
    #records .two>div>p:nth-of-type(2){
        margin-top:2em;
    }

    #records .five .inner>div:nth-of-type(2)>div:first-of-type,
    #syokunou .five .inner>div:nth-of-type(2)>div:first-of-type,
    #syokunou .two .inner>div:nth-of-type(2)>div:first-of-type{
        margin-top:2em;
        font-size:1.3em;
    }
    #records .five .inner>div:nth-of-type(2)>div:first-of-type,
    #syokunou .five .inner>div:nth-of-type(2)>div:first-of-type{
        font-size:1.2em;
    }
    #records .five .inner>div:nth-of-type(2)>div:nth-of-type(2),
    #syokunou .five .inner>div:nth-of-type(2)>div:nth-of-type(2),
    #syokunou .two .inner>div:nth-of-type(2)>div:nth-of-type(2){
        margin-top:2em;
        font-size:1.7em;
    }
    #syokunou .two .inner>div:nth-of-type(2)>div:nth-of-type(2){
        font-size:1.2em;
        text-align:center;
        position: relative;
    }
    #records .five .inner>div:nth-of-type(2)>div:nth-of-type(2),
    #syokunou .five .inner>div:nth-of-type(2)>div:nth-of-type(2){
        font-size:1.2em;
    }
    #records .bk-dot,
    #syokunou .bk-dot{
        background-size:100%;
    }
    #records .three,
    #syokunou .three{
        padding-top:3em;
        padding-bottom:3em;
    }
    #records .three>div>p:first-of-type,
    #syokunou .three>div>p:first-of-type{
        padding:0;
        margin:0;
        font-size:2em;
    }
    #records .three>div>p:nth-of-type(2),
    #syokunou .three>div>p:nth-of-type(2){
        padding:0;
        margin:0;
        font-size:1.2em;
    }
    #records .three>div>div{
        width:95%;
    }
    #records .three>div>div>div{
        width:50%;
        padding:.5em;
    }
    #records .three>div>div>div>div{
        height:100%;
        width:100%;
        font-size:1em;
        padding-top:2em;
        padding-bottom:2em;
        font-weight: normal;
    }
    #records .three>div>div>div>div::before{
        font-size:.7rem;
        letter-spacing: .1rem;
        padding-top:.3rem;
        right:5%;
        width:3rem;
        height:2.5rem;

    }
    #records .four,
    #syokunou .four{
        padding-top:3em;
        padding-bottom:3em;
    }
    #records .four>div>p:first-of-type,
    #syokunou .four>div>p:first-of-type{
        padding:0;
        margin:0;
        font-size:2em;
    }
    #records .four>div>p:nth-of-type(3),
    #syokunou .four>div>p:nth-of-type(3),
    #records .four>div>p:nth-of-type(4),
    #syokunou .four>div>p:nth-of-type(4){
        padding:0;
        margin:0;
        font-weight: bold;
        font-size:1.2em;
    }
    #records .four>div>div,
    #syokunou .four>div>div{
        width:100%;
    }
    #records .four>div>div>div,
    #syokunou .four>div>div>div{

        margin-top:3em;
    }
    #records .four>div>div>div>div,
    #syokunou .four>div>div>div>div{
        margin:0 auto;
        width:90%;
        position: static;
    }
    #records .four>div>div>div>div>p>span,
    #syokunou .four>div>div>div>div>p>span{
        padding-top:.3em;
        padding-bottom:.3em;
        padding-left:1em;
        padding-right:1em;
        font-size:1em;
    }
    #records .four>div>div>div>div>div,
    #syokunou .four>div>div>div>div>div{
        font-size:1.4em;
    }
    #records .four>div>div>div:first-of-type>img,
    #records .four>div>div>div>img{
        margin-top:2em;
    }
    #records .five, #syokunou .five{
        padding-top:3em;
        padding-bottom:3em;
    }
    #records .five .inner>div>p, #syokunou .five .inner>div>p{
        text-align:center;
    }
    #syokunou .three>div>div{
        width:90%;
    }
    #syokunou .three>div>div>div{
        width:50%;
        padding:1em;
    }
    #servicelists .top .inner>p:first-of-type,
    #recruit .top .inner>p:first-of-type{
        font-size:1.5em;
    }
    #servicelists .top .inner>p:nth-of-type(2),
    #recruit .top .inner>p:nth-of-type(2){
        font-size:1em;
        top:55%;
    }
    #servicelists .inner,
    #recruit .inner{
        width:100%;
    }
    #recruit .two .inner, #recruit .one .inner{
        padding-top:2em;
        padding-bottom:2em;
    }
    #recruit .two .inner>p:first-of-type, #recruit .one .inner>p:first-of-type{
        font-size:1.8em;
        padding:0;
        margin:0;
    }
    #recruit .two .inner>p:first-of-type{
        font-size:1.5em;
    }
    #recruit .one .inner>p:nth-of-type(2){
        font-size:1em;
        font-weight: normal;
    }
    #recruit .one .inner>div:first-of-type{
        width:95%;
        margin:0 auto;
        margin-top:2em;
        font-size:1em;
        text-align:left;
    }
    #recruit .one .inner>div:nth-of-type(2),
    #recruit .one .inner>div:nth-of-type(3){
        width:95%;
        margin:0 auto;
        flex-wrap: wrap;
    }
    #recruit .one .inner>div>dl{
        width:100%;
    }
    #recruit .one .inner>div>dl>dt,
    #recruit .one .inner>div>dl>dd{
        text-align:left;
        font-size:1em;
    }
    #recruit .two .inner>div:first-of-type>div:first-of-type, #recruit .two .inner>div:nth-of-type(2)>div:nth-of-type(2){
        padding:0;
        padding:1rem;
        padding-right:.5rem;
    }
    #recruit .two .inner>div:first-of-type>div:nth-of-type(2), #recruit .two .inner>div:nth-of-type(2)>div:first-of-type{
        padding:0;
        margin:0;
        font-size:1em;
        margin:1rem;
        margin-right:.5rem;
        padding:.5rem;
    }
    #recruit .two .inner>div:first-of-type>div:nth-of-type(2){
        margin:1rem;
        margin-left:.5rem;
    }
    #servicelists .three .inner,
    #servicelists .one .inner{
        width:100%;
        height:auto;
    }
    #servicelists .three .inner>div, #servicelists .one .inner>div{
        position: static;
        width:95%;
        margin:0 auto;

    }
    #servicelists .three .inner>div:nth-of-type(2), #servicelists .one .inner>div:nth-of-type(2){
        width:90%;
        position: relative;
        top:-2em;
        left:0;
    }
    #servicelists .three .inner>div:nth-of-type(2)>p:first-of-type, #servicelists .one .inner>div:nth-of-type(2)>p:first-of-type{
        font-size:1.5em;
    }
    #servicelists .three .inner>div>p, #servicelists .one .inner>div>p{
        margin:0;
    }
    #servicelists .three .inner>div:nth-of-type(2)>p:nth-of-type(2), #servicelists .one .inner>div:nth-of-type(2)>p:nth-of-type(2){
        font-size:1.1em;
    }
    #servicelists .three .inner>div:nth-of-type(2)>div, #servicelists .one .inner>div:nth-of-type(2)>div{
        margin-top:1em;
        font-size:1.1em;
    }
    #servicelists .three .inner>div>p:last-of-type, #servicelists .one .inner>div>p:last-of-type{
        margin-top:1em;
    }
    #servicelists .two-sp ul{
        padding:0;
        margin:0;
        width:100%;
        list-style: none;
    }
    #servicelists .two-sp ul>li{
        width:100%;
        margin:0;
        padding:0;
        padding:1em;
        border-bottom:1px #ddd solid;
        position: relative;
    }
    #servicelists .two-sp ul>li::after{
        position: absolute;
        right:5%;
        top:.5em;
        color:#ddd;
        content:"+";
        font-size:2em;
        font-weight: bold;
    }
    #servicelists .two-sp ul>li.open::after{
        content:"-";
    }
    #servicelists .two-sp ul>li:first-of-type{
        border-left:8px #74D7F5 solid;
        border-top:1px #ddd solid;
    }
    #servicelists .two-sp ul>li:nth-of-type(2){
        border-left:8px #3CAA2A solid;
    }
    #servicelists .two-sp ul>li:nth-of-type(3){
        border-left:8px #E34CCC solid;
    }
    #servicelists .two-sp ul>li:nth-of-type(4){
        border-left:8px #2550E0 solid;
    }
    #servicelists .two-sp ul>li:nth-of-type(5){
        border-left:8px #8DDEB5 solid;
    }
    #servicelists .two-sp ul>li:nth-of-type(6){
        border-left:8px #F4E532 solid;
    }
    #servicelists .two-sp ul>li>div{
        display: none;
        margin-top:2em;
    }
    #servicelists .two-sp ul>li>div>div{
        pointer-events: none;
    }
    #servicelists .two-sp ul>li>div>div:nth-last-child(2){
        margin-top:2em;
        padding-left:.5em;
        border-left:4px #06B3DB solid;
        color:#06B3DB;
    }
    #servicelists .two-sp ul>li>div>div:last-of-type{
        margin-top:2em;
    }
    #servicelists .two-sp ul>li>p{
        margin:0;
        padding:0;
        pointer-events: none;
    }
    #servicelists .two-sp ul>li>p:first-of-type{
        font-weight: bold;
        font-size:1.2em;
    }
    .sp-slider-wrapper{
        overflow: hidden;
    }

    .sp-slider-wrapper ul{
        position: relative;
        left: 15vw; /* (100vw - SlideWidth) / 2 */ /* 20180210 変更 */
        overflow: visible !important;
    }

    .sp-slider-wrapper li {
        width: 70vw !important;
        padding:1em;
    }
    .orangebtnline.servicearea a{
        padding-left:5em;
        padding-right:5em;
    }
    .orangebtnline.servicearea{
        padding-bottom:3em;
    }
    #single-design>div:first-of-type>div>div:nth-of-type(3){
        flex-wrap: wrap;
    }
    #single-design>div:first-of-type>div>div:nth-of-type(3)>div{
        width:100%;
    }
    #single-design>div:first-of-type>div>div:nth-of-type(3)>div:first-of-type>dl>dt,
    #single-design>div:first-of-type>div>div:nth-of-type(3)>div:first-of-type>dl>dd{
        width:100%;
    }
    #journal>div:nth-of-type(2)>div.single-content{
        padding: 0 !important;
    }
    #recruit .three{
        padding-top:2em;
        padding-bottom:2em;
    }
    #recruit .three .inner{
        width:100%;
    }
    #recruit .three .inner>div{
        margin-top:1em;
    }
    #recruit .three .inner>div>div{
        width:100%;
        padding:1em;
    }
    #recruit .three .inner>div>div:nth-of-type(3){
        margin-top:2em;
    }
    #recruit .three .inner>div>div:nth-of-type(4){
        padding-top:1em;
        text-align: left;
    }
    #recruit .three .inner>div>div:nth-of-type(6){
        padding-top:4em;
    }
    #recruit .three .inner>div>div>p{
        font-size:1.5em;
    }
    #recruit .three .inner>div>div>div>p{
        text-align: center;
    }
    #recruit .one .inner>img:first-of-type{
        width:70%;
    }
    #recruit .three .inner>div>div>p, #recruit .three .inner>p:first-of-type, #recruit .two .inner>p:first-of-type, #recruit .one .inner>p:nth-of-type(3), #recruit .one .inner>p:nth-of-type(5), #recruit .one .inner>p:first-of-type{
        font-size:1.5em;
    }
    .voice-content .mainbox{
        display: block;
        width:100%;
    }
    .voice-content .mainbox>div:first-of-type{
        width:95%;
        margin:0 auto;
    }
    #voice-list #sp-systemsbtn{
        position: fixed;
        bottom:1em;
    }
    #voice-list #sp-systemsbtn>p{
        border-radius: 100vh;
        background-color:#fff;
        box-shadow: 5px 5px 5px gray;
        padding:.5em 2em;
        font-size:1.1em;
        margin-left:1em;
    }
    #voice-list #sp-mainbox{
        position: fixed;
        bottom:-100%;
        width:100%;
        background-color:#fff;
        transition: all .5s ease-out 0s;
        z-index: 10001;
        padding:1em;
        border-radius: 1em 1em 0 0;
    }
    #voice-list #sp-mainbox.show{
        bottom:0;
    }
    #voice-list #sp-mainbox>p{
        margin:0;
        padding:0;
    }
    #voice-list #sp-mainbox>p:nth-of-type(2)>i{
        font-size:1.2em;
    }
    #voice-list #sp-mainbox>div{
        display: flex;
        flex-wrap: wrap;
    }
    #voice-list #sp-mainbox>div>div{
        width: 50%;
        padding:.2em;
    }
    #voice-list #sp-mainbox>div>div>div{
        text-align: center;
        padding:1em;
        border : 1px #000 solid;
        border-radius: 100vh;
        font-size: .8em;
        margin-bottom:.5em;

    }
    #voice-list #sp-mainbox>div>div>div.one{
        background: #41B5BB;
    }
    #voice-list #sp-mainbox>div>div>div.two{
        background: #6EC7CB;
    }
    #voice-list #sp-mainbox>div>div>div.three{
        background: #99D8D7;
    }
    #voice-list #sp-mainbox>div>div>div.four{
        background: #F498CB;
    }
    #voice-list #sp-mainbox>div>div>div.five{
        background: #F7CBE6;
    }
    #voice-list #sp-mainbox>div>div>div.six{
        background: #FFB9A9;
    }
    #voice-list #sp-mainbox>div>div>div.seven{
        background: #70D086;
    }
    #voice-list #sp-mainbox>div>div>div.eight{
        background: #D4EFEE;
    }
    #voice-list #sp-mainbox>div>div>div.nine{
        background: #FF815F;
    }
    #voice-list #sp-mainbox>div>div>div.ten{
        background: #FF6633;
    }
    #voice-list #sp-mainbox>div>div>div.eleven{
        background: #2D9B46;
    }
    #voice-list #sp-mainbox>div>div>div.twelve{
        background: #BFFACC;
    }
    #voice-list #sp-mainbox>div>div>div.thirteen{
        background: #2A9DBC;
    }
    #voice-list #sp-mainbox>div>div>div.fourteen{
        background: #F74B99;
    }
    #voice-list #sp-mainbox>div>div>div.fifteen{
        background: #FCEADB;
    }
    .voice-content .onepage{
        width:100%;
        padding:1em;
    }
    .text-right-pc{
        text-align: left;
    }
    #service>div.six>div>div.marubox{
        width : 90%;
        height : auto;
        flex-wrap: wrap;
    }
    #service>div.six>div>div.marubox>div{
        transition: none;
        width : 50%;
        background-size: 90%;
        background-position: center;
        background-repeat: no-repeat;
    }
    #service>div.six>div>div.marubox>div:hover{
        width : 50%;
    }
    #service>div.six>div>div.textbox{
        width : 90%;
        text-align: left;
        font-size : 1.0em;
    }
    #policy>div>div{
        width : 100%;
        padding-top: 3em;
        padding-bottom: 3em;
    }
    #policy>div>div>p:first-child{
        text-align: center;
        font-size: 1.8em;
        color : #06B3DB;
    }
    #policy>div>div>p:nth-child(2){
        text-align: center;
        font-size: 1.0em;
        font-weight: normal;
    }
    #policy>div>div>div{
        width : 90%;
        margin : 0 auto;
        font-size: 1.0em;
    }
    #policy>div>div>div>p{
        margin-top: 3em;
        line-height: 2em;
    }
    #smilecontact .formarea{
        width : 90%;
    }
    #smilecontact .userdata label{
        width : 100%;
    }
    #smilecontact .sendline{
        width : 100%;
    }
    #smilecontact .info>div, #smilecontact .department>div{
        width : 100%;
    }
    #smilecontact .userdata textarea, #smilecontact .userdata input{
        width : 100%;
    }
    #smilecontact .submitline input[type="submit"]{
        width : 90%;
    }
    #movies .menu{
        width : 100%;
        padding:0;
    }
    #movies .menu>ul>li{
        padding: .8em .5em;
        width : auto;
    }
    #movies .menu>ul>li>a{
        font-size : 1rem;
        padding : .5em 1em;
    }
    #movies .contents{
        width : 100%;
    }
    #movies .contents>div{
        width : 100%;
    }
    #movies .contents>div>div{
        width : 100%;
        padding: 0;
        padding-top : 2em;
    }
    #moviesbk iframe{
        width : 90vw;
        height : 50vw;
    }
    .footer .licensearea{
        padding-top : 1em;
        flex-direction: row;
        flex-wrap: wrap;
        width : 100%;
    }
    .footer .licensearea>div{
        width : 50%;
        padding: 3em 2em;

    }
    .footer .sns{
        list-style: none;
        width : 60%;
        margin : 0 auto;
    }
    .footer .sns>li{
        font-size : 1.5em;
        line-height: 2em;
    }
    .footer .sns>li:first-of-type{
        font-weight: bold;
        font-size : 2em;
        line-height: 3em;
    }
    .footer .sns>li i{
        text-align: center;
        color : #fff;
        background-color: #549AEC;
        width : 1.5em;
        height : 1.5em;
        position: relative;
        padding-top : .3em;
        border-radius: 100vh;
        margin-right : .5em;
    }
    .footer .logoarea{
        padding-top : 1em;
        padding-bottom : 1em;
    }
    .footer .logoarea>img:first-of-type{
        width : 50%;
    }
    .footer>.menuarea>div>div:first-of-type{
        flex-wrap: wrap;
        width : 100%;
    }
    .footer>.menuarea>div>div:first-of-type>div{
        width : 100%;
    }
    .footer>.menuarea>div>div:first-of-type>div>ul{
        padding:0;
        margin:0;
        width : 90%;
        margin : 0 auto;
    }
    .footer>.menuarea>div>div:first-of-type>div>ul>li{
        display: none;
        font-weight: normal;
        line-height : 3em;
        border-bottom : 1px #ccc dashed;
        padding-left: 2.5em;
        position : relative;
    }
    .footer>.menuarea>div>div:first-of-type>div>ul>li:nth-of-type(1){
        border-bottom : 1px #ccc solid;
    }
    
    .footer>.menuarea>div>div:first-of-type>div>ul>li::after{
        content : ">";
        font-size : 1em;
        display: inline-block;
        vertical-align: middle;
        width : 1.5em;
        height : 1.5em;
        position: absolute;
        text-align: center;
        right : .3em;
    }
    .footer>.menuarea>div>div:first-of-type>div>ul>li.show{
        display: block;
    }
    .footer>.menuarea>div>div:first-of-type>div>ul>li:first-of-type{
        display: block;
        padding-left: 0;
        cursor:pointer;
    }
    .footer>.menuarea>div>div:first-of-type>div>ul>li:first-of-type.show::after{
        content : "-";

    }
    .footer>.menuarea>div>div:first-of-type>div:first-of-type>ul>li:first-of-type{
        border-top : 1px #ccc solid;
    }
    .footer>.menuarea>div>div:first-of-type>div>ul>li:first-of-type::before{
        content : " ";
        display: inline-block;
        vertical-align: middle;
        /* margin-right: 1em; */
        width : 3.5em;
        height : 1.5em;
        background-size: auto 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .footer>.menuarea>div>div:first-of-type>div>ul>li:first-of-type::after{
        text-align: center;
        content : "+";
        font-size : 1.5em;
        display: inline-block;
        vertical-align: middle;
        width : 1.5em;
        height : 1.5em;
        position: absolute;
        right : 0;
    }
    .footer>.menuarea>div>div:first-of-type{
        display: flex;
        flex-flow: column;
        width: 100%;
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(2){
        width: 100%;
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(3){
        width: 100%;
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(2)>ul:nth-of-type(1)>li:first-of-type::before{
        background-image: url(img/ficon1.png);
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(2)>ul:nth-of-type(2)>li:first-of-type::before{
        background-image: url(img/ficon2.png);
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(3)>ul:nth-of-type(1)>li:first-of-type::before{
        background-image: url(img/ficon6.png);
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(3)>ul:nth-of-type(2)>li:first-of-type::before{
        background-image: url(img/ficon3.png);
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(3)>ul:nth-of-type(3)>li:first-of-type::before{
        background-image: url(img/ficon7.png);
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(3)>ul:nth-of-type(4)>li:first-of-type::before{
        background-image: url(img/ficon4.png);
    }
    .footer>.menuarea>div>div:first-of-type>div:nth-of-type(3)>ul:nth-of-type(5)>li:first-of-type::before{
        background-image: url(img/ficon5.png);
    }
    .footer>.menuarea>div>div:nth-of-type(2){
        justify-content: center;
        width: 100%;
    }
    .footer>.menuarea>div>div:nth-of-type(2)>div{
        width:90%;
    }
    .footer>.menuarea>div>div:nth-of-type(3){
        justify-content: center;
    }
    .footer>.menuarea>div>div:nth-of-type(5){
        width: 100%;
        margin-top: 35px;
    }
    .footer>.menuarea>div>div:nth-of-type(6){
        text-align: center;
        font-size: 10px;
        color: #828282;
    }
}

.container{
    padding:0;
    margin:0;
    width:1400px;
    max-width:1400px;
    margin:0 auto;

}
@media screen and (min-width:1024px) and (max-width:1400px){
    html{
        width:1400px;
    }
}
@media screen and (max-width:1024px){
    html{
        width:100%;
        font-size:.75vw;
    }
    body{
        font-size:1.2vw;
    }
    .container{
        width:100%;
    }
}
@media screen and (max-width:699px){
    html{
        font-size:1vw;
    }
    body{
        font-size:1.5vw;
    }
}
@media screen and (max-width:599px){
    html{
        font-size:3vw;
    }
    body{
        font-size:3vw;
        width:100%;
        overflow-x: hidden;
    }
}
@media screen and (max-width:450px){
    html{
        font-size:4vw;
    }
    body{
        font-size:4vw;
    }

}
.grecaptcha-badge { visibility: hidden; }


/* || FOR SEO */
.inline{
    display:inline;
}
.front-page__h1{
    display:inline;
    font-size: 14px;
}
.front-page__div{
    display: block !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1rem !important;
    background-color: transparent !important;
}
.page-design__h1{
    font-size: 14px;
}
@media screen and (max-width: 1024px){
    .front-page__h1{
        font-size: 1.2vw;
    }
    .page-design__h1 {
        font-size: 1.2vw;
    }
}

@media screen and (max-width: 699px){
    .page-design__h1 {
        font-size: 1.5vw;
    }
}
@media screen and (max-width: 450px){
    .page-design__h1 {
        font-size: 4vw;
    }
}

.header > .container > ul > li.header__recruit-menu > div.header__recruit-submenu,
.header > .container > ul > li.header__design-menu > div.header__design-submenu{
        display: none;
}
.header > .container > ul > li.header__recruit-menu:hover div.header__recruit-submenu,
.header > .container > ul > li.header__design-menu:hover div.header__design-submenu{
    position: absolute;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    width: 125px;
}
.header > .container > ul > li.header__recruit-menu > .header__recruit-submenu > div,
.header > .container > ul > li.header__design-menu > .header__design-submenu > div{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 33px;
    background-color: #81D8EC;
    color: #fff;
    font-size: 12px;
    padding-left: 3.2rem;
    z-index: 10001;
}
.header > .container > ul > li.header__recruit-menu > div.header__recruit-submenu > div:hover,
.header > .container > ul > li.header__design-menu > div.header__design-submenu > div:hover{
        background-color: #46C5E2;
}
/* for template */
.hdn {
    display: none !important;
  }
  .fit-node {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .height-zero {
    height: 0 !important;
  }

.lp-default-template-container{
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    color: #333333;
    font-size: 10px;
}
.lp-default-template-container div{
    position: relative;
}

.lp-default-template-container .lp-default-template {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 2.5%;
  }

  .lp-default-template-container .space-for-header{
    width: 100%;
    height: 100px;
  }

  .lp-default-template-container .lp-default-template-part-header {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100px;
    padding: 0 2.5%;
    background-color: #ffffff;
    z-index: 10001;
  }
  .lp-default-template-part-header div {
    display: flex;
    align-items: center;
  }
  .lp-default-template-part-header > div:nth-of-type(1) {
    width: auto;
    height: 57px;
    margin: auto 0;
    margin-right: 2.5%;
  }
  .lp-default-template-part-header > div:nth-of-type(1):hover {
    opacity: 0.5;
  }
  .lp-default-template-part-header > div:nth-of-type(1) img {
    width: auto;
    height: 57px;
  }
  .lp-default-template-part-header > div:nth-of-type(1) > div {
    width: 100%;
  }
  
  .lp-default-template-part-header > div:nth-of-type(2) {
    flex-grow: 1;
    gap: 3%;
  }
  .lp-default-template-part-header > div:nth-of-type(2) > div {
    height: auto;
    justify-content: center;
    transition-duration: 0.3s;
  }
  .lp-default-template-part-header > div:nth-of-type(2) > div:hover {
    color: #06b3db;
  }
  .lp-default-template-part-header > div:nth-of-type(2) > div::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 1px;
    background-color: #06b3db;
    transition-duration: 0.3s;
  }
  .lp-default-template-part-header > div:nth-of-type(2) > div:hover::before {
    width: 100%;
  }
  
  .lp-default-template-part-header > div:nth-of-type(3) {
    gap: 1rem;
  }
  .lp-default-template-part-header > div:nth-of-type(3) > div {
    /* margin-left: 3%; */
  }
  .lp-default-template-part-header > div:nth-of-type(3) img {
    width: auto;
    height: 30px;
  }
  
  .lp-default-template-part-header > div:nth-of-type(3) > div:nth-of-type(1) {
    width: 158px;
    height: 52px;
    color: #ffffff;
    background-color: #06b3db;
    border-radius: 12px;
    padding-left: 3%;
  }
  .lp-default-template-part-header > div:nth-of-type(3) > div:nth-of-type(2) {
    width: 175px;
    height: 52px;
    background-color: #ffffff;
    border: 2px solid;
    /* border-color: #06b3db; */
    border-radius: 12px;
    padding-left: 3%;
  }
  .lp-default-template-part-header
    > div:nth-of-type(3)
    > div:nth-of-type(2)
    > div {
    flex-flow: column;
    align-items: flex-start;
  }
  
  .lp-default-template-part-header
    > div:nth-of-type(3)
    > div:nth-of-type(1):hover,
  .lp-default-template-part-header
    > div:nth-of-type(3)
    > div:nth-of-type(2):hover {
    opacity: 0.5;
  }
  

  @media screen and (max-width:599px){
    html{
        overflow-x:hidden;
    }
    #service-part-sp,
    #unyousien-part-sp,
    #app-part-sp{
        padding-top: 6rem;
        margin-top: -6rem;
    }

    .lp-default-template-part-header>div:nth-child(3) {
    display: none;
  }

  .lp-default-template-part-header>div:nth-child(2) {
      display: none;
  }

  .lp-default-template-container .space-for-header{
    width: 100%;
    height: 80px;
  }
  .lp-default-template-container .lp-default-template-part-header{
    display:flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    height: 80px;
  }

  .lp-default-template-container .ham-menu-button{
    display:flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    width: 27px;
    height: 19px;
    margin-right: 0.7rem;
  }
  .lp-default-template-container .ham-menu-button:hover{
    cursor: pointer;
  }
  .ham-menu-button div{
    width: 100%;
    height: 2px;
    background-color: #484848;
  }
  .lp-default-template-container .ham-menu,
  .lp-default-template-container .ham-menu > div{
    position: fixed;
    width: 100%;
    height: 100%;
  }
  .lp-default-template-container .ham-menu{
    height: 0;
  }
  .ham-menu > div:nth-of-type(1){
    top: 0;
    left: 0;
    background-color: #333333;
    opacity: 0.5;
  }
  .ham-menu > div:nth-of-type(2){
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    top: 0;
    right: 0;
    width: 75%;
    background-color: #ffffff;
  }

  .ham-menu > div:nth-of-type(2){
    padding-top: 110px;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 85%;
    gap: 15px;
  }

  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > div {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 18px;
    color: #333333;
    padding-bottom: 0.2rem;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > div::before {
    content: "";
    width: 2rem;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > .ham-design-menu-indent-1 ,
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > .ham-recruit-menu-indent-1 {
        margin-top: -3px;
    margin-bottom: -3px;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > .ham-recruit-menu-indent-1::before,
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > .ham-design-menu-indent-1::before {
        content: "";
    width: 60px;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > .ham-recruit-menu-indent-1::after ,
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > .ham-design-menu-indent-1::after {
        content: "";
    background-color: transparent;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > .ham-privacy-menu-indent-1 {
    margin-top: -3px;
    margin-bottom: -3px;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > .ham-privacy-menu-indent-1::before {
    content: "";
    width: 60px;
    flex-shrink: 0;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > .ham-privacy-menu-indent-1::after {
    content: "";
    background-color: transparent;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(1) > div::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #06b3db;
    transition-duration: 0.3s;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(2) {
    display:flex;
    justify-content: center;
    width:100%;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) {
    width: 220px;
    height: 62px;
    border-radius: 50vw;
    background-color: #06B3DB;
    margin-top: 2rem;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1){
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) img{
    height: 100%;
    width: auto;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2){
    display:flex;
    justify-content: center;
    color:#FFFFFF;
    width: 100%;
    height:100%;
    font-size: 18px;
    padding-left: 2.2rem;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(2) {
    width:100%;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(3) {
    margin-top: 30px;
    margin-bottom: 30px;
    gap: 3rem
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(3) > div {
    width: auto;
    height: 29px;
  }
  .ham-menu > div:nth-of-type(2) > div:nth-of-type(3) > div > img {
    height: 100%;
    width: auto;
  }
  .lp-default-template-container .ham-menu-button-cross{
    position: absolute;
    top: 35px;
    right: 27px;
    display:flex;
    justify-content: center;
    align-items: center;
    width: 29px;
    height: 29px;
    cursor:pointer;
  }
  .lp-default-template-container .ham-menu-button-cross::before{
    content:"";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #06B3DB;
    transform: rotate(45deg);
    transform-origin: center;
  }
  .lp-default-template-container .ham-menu-button-cross::after{
    content:"";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #06B3DB;
    transform: rotate(-45deg);
    transform-origin: center;
  }

  .lp-default-template-container .ham-menu-rightside{
    right: 0;
    transition-duration: 0.3s;
  }

  .lp-default-template-container .width-0{
    right: -100% !important;
  }

  /* .ham-design-menu */
  .lp-default-template-part-header .ham-design-menu{
    cursor: pointer;
  }
  .lp-default-template-part-header .sp-recruit-submenu,
  .lp-default-template-part-header .sp-design-submenu{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 13px;
    width: 15px;
    height:15px;
  }
  .lp-default-template-part-header .sp-recruit-submenu::before,
  .lp-default-template-part-header .sp-design-submenu::before{
    content: "";
    position:absolute;
    width: 100%;
    height:2px;
    background: #06B3DB;
  }
  .lp-default-template-part-header .sp-recruit-submenu::after,
  .lp-default-template-part-header .sp-design-submenu::after{
    content: "";
    position:absolute;
    width: 2px;
    height:100%;
    background: #06B3DB;
  }

  /* .ham-privacy-menu */
  .lp-default-template-part-header .ham-privacy-menu{
    cursor: pointer;
  }
  .lp-default-template-part-header .sp-privacy-submenu{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 13px;
    width: 15px;
    height:15px;
  }
  .lp-default-template-part-header .sp-privacy-submenu::before{
    content: "";
    position:absolute;
    width: 100%;
    height:2px;
    background: #06B3DB;
  }
  .lp-default-template-part-header .sp-privacy-submenu::after{
    content: "";
    position:absolute;
    width: 2px;
    height:100%;
    background: #06B3DB;
  }
  .lp-default-template-part-header .sp-submenu-open-icon::after{
    height: 0;
  }
  /* .lp-default-template-part-header .sp-submenu-icon{
  } */
  /* .sp-submenu-open */
}

.single-designgallery_url:hover{
    opacity:0.7;
}
.wp-block-code{
    padding: 1em;
    background-color: #000;
    color: #fff;
}
.mailpart-ask-me-price {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 110px;
    margin-bottom: 59px;
}

#service .renewtorikumi{
    width: 65%;
    margin: 0 auto;
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

#service .renewtorikumi>div{
    width: 48%;
    margin: 1%;
    padding: 4rem 3.5rem;

    border-radius: 20px;
    background-color: #fff;
    position: relative;
    padding-bottom: 9rem;
}

#service .renewtorikumi>div>div>div:first-of-type{
    margin-top: 2rem;
    color: #24B5D8;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}
#service .renewtorikumi>div img{
    height: 10rem;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}
#service .renewtorikumi>div>div>div:nth-of-type(2){
    text-align: left;
    color: #333333;
    margin-top: 2rem;
    font-size: 1.1em;
    line-height: 2em;
}
#service .renewtorikumi>div>p{
    position: absolute;
    bottom: 3rem;
    text-align: center;
    width: 100%;
    left: 0;
}
#service .renewtorikumi>div>p>a{
    display: inline-block;
    width: 80%;
    border-radius: 100vh;
    background-color: #FDAA0D;
    color: #fff;
    padding: 1.5rem 5rem;

}
#service .renewtorikumi ul>li{
    list-style-type: disc;

}
@media screen and (max-width: 699px){
    #service .renewtorikumi{
       width: 90%;
    }
    #service .renewtorikumi>div{
        width: 100%;
        margin: 0;
        margin-top: 2rem;
        padding: 4rem 1rem;
    }
    #service .renewtorikumi>div>div>div:first-of-type{
        font-size: 1.1em;
    }
    #service .renewtorikumi>div:first-of-type,
    #service .renewtorikumi>div:nth-of-type(2){
        padding-bottom: 9rem;

    }

    #service .renewtorikumi>div>p>a{
        display: inline-block;
        width: 80%;
        border-radius: 100vh;
        background-color: #FDAA0D;
        color: #fff;
        text-align: center;
        padding: 1.5rem;
    
    }
        
}

/* top case slider */
.wrap-casearea{
    width: 100%;
    background-color: #fff;
    padding: 6em 0;
    box-sizing: border-box;
    margin: 0 auto;
    font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}
.wrap-casearea>div{
    width: 960px;
    margin: 0 auto;
}
.wrap-casearea>div>p{
    color: #000;
}
.wrap-casearea>div>p:first-of-type{
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.8;
    margin: 0;

}
.wrap-casearea>div>p:nth-of-type(2){
    text-align: center;
    font-size: 12px;
    margin-bottom: 3em;
    font-weight: 700;

}
.caseslider{
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1em;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.bx-wrapper .caseslider{
    gap: 0;
}
.caseslider li{
    border-radius: 20px;
    overflow: hidden;
    width: 300px;
    background-color: #f4f4f4;
}
.caseslider li .img-wrap{
    width: 100%;
    height: 163px;
    overflow: hidden;
}
.caseslider li .desc-wrap{
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-color: #F4F4F4;
    border-radius: 0 0 20px 20px;

}
.caseslider li img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.caseslider li .desc-wrap{
    padding: 16px;
}
.caseslider li .desc-wrap>p{
    margin: 0;
}
.caseslider li .desc-wrap>.title{
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 8px;
    line-height: 1.4;
    min-height: 48px;
}
.caseslider li .desc-wrap>.company{
    margin-top: 16px;
    color: #05B4DB;
    font-size: 14px;
    font-weight: 700;
    min-height: 20px;
}
.caseslider li .desc-wrap>.desc{
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
    min-height: 72px;
}
.caseslider li .desc-wrap>.tagarea{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 16px;
    height: 28px;
    overflow: hidden;
}
.caseslider li .desc-wrap>.tagarea>span{
    display: inline-block;
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-size: 9px;
    padding: 4px 8px;

}
.caseslider li .desc-wrap>.date{
    margin-top: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    position: relative;

}
.caseslider li .desc-wrap>.date::after{
    content: "→";
    font-weight: bold;
    font-size: 24px;
    position: absolute;
    right: 0;
    top: -6px;


}
.wrap-casearea .bx-wrapper .bx-controls-direction a{
    border-radius: 100vh;
    width: 61px !important;
    height: 61px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-color: #000 !important;
}
.wrap-casearea .bx-wrapper .bx-controls-direction a.bx-prev{
    left: -80px !important;
    background-image: none !important;

}
.wrap-casearea .bx-wrapper .bx-controls-direction a.bx-next{
    right: -80px !important;
    background-image: none !important;
}
.wrap-casearea .bx-wrapper .bx-controls-direction a::after{
    content: " ";
    background-image: url(img/casearrow.png);
    background-size: contain;
    font-size: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    z-index: 10;
    display: block;
}
.wrap-casearea .bx-wrapper .bx-controls-direction a.bx-prev::after{
    background-image: url(img/casearrow_left.png);
}
.wrap-casearea .bx-wrapper .bx-pager { display: none !important; }


.wrap-journal-renew-area{
    width: 100%;
    background-color: #000;
    font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

    border-radius: 40px 40px 0 0;
    color: #fff;
    padding-bottom: 6em;
    padding-top: 60px;
    color: #fff;
}
.wrap-journal-renew-area .flex-box{
    width: 978px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

    align-items: stretch;
    gap: 3em;
    flex-wrap: wrap;
    margin-top: 3em;
}
.wrap-journal-renew-area .flex-box>div:first-of-type{
    width: 410px;
    height: 293px;
    border-radius: 20px;
    overflow: hidden;
}
.wrap-journal-renew-area .flex-box>div:first-of-type>img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.wrap-journal-renew-area .flex-box>div:nth-of-type(2){
    width: 500px;
}
.wrap-journal-renew-area .flex-box>div:nth-of-type(2)>p:first-of-type{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
    margin: 0;
}
.wrap-journal-renew-area .flex-box>div:nth-of-type(2)>p:nth-of-type(2){
    font-size: 16px;
    margin-top: 1rem;
    line-height: 1.8;
}
.wrap-journal-renew-area .flex-box>div:nth-of-type(2)>div:first-of-type{
    font-size: 18px;
    margin-top: 1rem;
    line-height: 1.8;
}
.wrap-journal-renew-area .flex-box>div:nth-of-type(2)>div:nth-of-type(2){
    margin-top: 6rem;
    display: inline-block;
    padding-bottom: 4px;
}
.wrap-journal-renew-area .flex-box>div:nth-of-type(2)>div:nth-of-type(2)>a{
    font-size: 20px;
    color: #fff;
}
.wrap-journal-renew-area .btnline{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
    margin-top: 4em !important;
    margin-bottom: 3em;
    background-color: #000 !important;
}
.wrap-journal-renew-area .btnline>a{
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 200px;
    height: 50px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.wrap-journal-renew-area>div>p{
    text-align: center;
    margin: 0;
    font-size: 12px;
}
.wrap-journal-renew-area>div>p:first-of-type{
    font-size: 25px;
    font-weight: 700;
    line-height: 1.8;
}
.c-txt.line {
  padding-bottom: 5px;
  position: relative;
}
.c-txt.line::before {
  background: #05B4DB;
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.c-txt.line:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
@media screen and (max-width: 1024px){
    .wrap-casearea>div{
        width: 70%;
    }
    .wrap-journal-renew-area .flex-box{
        width: 90%;
    }
    .wrap-journal-renew-area .flex-box>div:first-of-type{
        width: 43%;
    }
    .wrap-journal-renew-area .flex-box>div:nth-of-type(2){
        width: 50%;
    }




}
@media screen and (max-width: 768px){
    .wrap-casearea>div{
        width: 100%;
    }


    .wrap-casearea .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    .caseslider{
        left: 10vw;
        overflow: visible !important;
    }
    .caseslider li{
        width: 70vw !important;
        margin-left: 5vw !important;
    }
    .caseslider li .desc-wrap>.title{
        font-size: 16px;
    }
    .wrap-casearea .bx-wrapper .bx-pager { display: block !important; }
    .wrap-casearea .bx-wrapper .bx-pager a.active{ background-color: #05B4DB !important; }
    .wrap-journal-renew-area .flex-box{
        width: 80%;
        margin-top: 2em;
    }
    .wrap-journal-renew-area .flex-box>div:first-of-type{
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;

    }
    .wrap-journal-renew-area .flex-box>div:nth-of-type(2){
        width: 100%;
    }
.wrap-journal-renew-area .flex-box>div:nth-of-type(2)>p:first-of-type{
    font-size: 20px;

}
.wrap-journal-renew-area .flex-box>div:nth-of-type(2)>p:nth-of-type(2){
    font-size: 12px;

}
.wrap-journal-renew-area .flex-box>div:nth-of-type(2)>div:first-of-type{
    font-size: 16px;

}

.wrap-journal-renew-area .flex-box>div:nth-of-type(2)>div:nth-of-type(2)>a{
    font-size: 14px;

}
    .wrap-journal-renew-area .flex-box>div:nth-of-type(2)>div:nth-of-type(2){
        display: block;
        width: fit-content;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .wrap-journal-renew-area .btnline{
        margin-top: 2rem !important;

    }
}




.aboutarea{
    font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    background-color: #fff;
    padding: 10rem 0;

}
.servicearea{
    font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    background-color: #F6F7F7;
}
.servicearea>p.title,
.blogarea>p.title,
.aboutarea>p.title{
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.8;
    margin: 0;
}
.servicearea>div.title-str,
.blogarea>div.title-str,
.aboutarea>p:nth-of-type(2){
    text-align: center;
    font-size: 12px;
    margin-bottom: 3em;
    font-weight: 700;
}

.renew_aboutbox{
    width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    gap: 4rem;
    flex-wrap: nowrap;
}
.renew_aboutbox>a>div>div:first-of-type{
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
    border-radius: 16px;
}
.renew_aboutbox>a>div>p{
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-top: 2rem;

}
/*.renew_aboutbox>a:hover>div>div img,
.renew_aboutbox>a:hover>div>p,
.renew_aboutbox>a:hover>div>div:nth-of-type(2){
    opacity: 0.5;
}
    */
.renew_aboutbox>a>div>div:nth-of-type(2){
    margin: 0 auto;
    margin-top: 2rem;
    width: 60%;
    border-radius: 100vh;
    border: 1px solid #000;
    text-align: center;
    padding: 1rem;
    font-size: 14px;
    font-weight: 500;


}
.renew_aboutbox>a:hover>div>div:nth-of-type(2){
    background-color: #000;
    color: #fff;
}
.renew_aboutbox>a:last-of-type>div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(2.4);
    transform-origin: 63% 15%;

}

.sericearea_slide{
    padding-bottom: 8rem;
}
.blogarea a.morebtn,
.sericearea_slide a.morebtn{
    display: block;
    width: 10%;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 100vh;
    margin: 0 auto;
    text-align: center;
    padding: 1rem 0;
}

.sericearea_slide a.morebtn:hover{
    background-color: #000;
    color: #fff;
}
.blogarea a.morebtn:hover{
    background-color: #05B4DB;
    border-color: #05B4DB;
    color: #fff;
}
.blogarea a.morebtn{
    margin-top: 4rem;
    width: 25%;
}
div.container.blog{
    background-color: #fff;
    width: 100%;
    max-width: none;
    font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}
.blogarea>div.blog-list{
    padding: 0 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2rem;
}
.blogarea>div.blog-list>div{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: 2rem;
    border-bottom: 1px solid #D9D9D9;
    gap: 2rem;
}
.blogarea>div.blog-list>div:last-of-type{
    border-bottom: none;
}
.blogarea>.blog-list>div>div.blog-list-img{
    width: 358px;
    aspect-ratio: 16/9;
    border-radius: 10px;
    overflow: hidden;

}
.blogarea>.blog-list>div>div.blog-list-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blogarea div.blog-list-desc{
    width: calc(100% - 358px);
    position: relative;
}
.blogarea div.blog-list-desc>p:first-of-type{
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    margin: 0;
    color: #05B4DB;
}
.blogarea div.blog-list-desc>p:nth-of-type(2){
    font-size: 14px;
    margin-top: 1rem;
    line-height: 25px;
}
.blogarea div.blog-list-desc>div.blog-list-footer{
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.blogarea div.blog-list-desc>div.blog-list-footer>div:first-of-type{
    font-size: 16px;
    font-weight: 500;
    width: 50%;
}
.blogarea div.blog-list-desc>div.blog-list-footer>div:nth-of-type(2){
    text-align: right;
    width: 50%;


}
.blogarea div.blog-list-desc>div.blog-list-footer>div:nth-of-type(2) a:hover{
    text-decoration: underline;
}
.blogarea div.blog-list-desc div.blog-list-tags>span{
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-size: 9px;
    padding: 4px 8px;
    margin-right: 8px;

}
@media screen and (max-width:1400px){
    #home .blogarea,
    .renew_aboutbox{
        width: 85%;
    }
}
@media screen and (max-width:430px){
    .servicearea{
        padding-bottom: 2rem;
    }
    .servicearea>div:first-of-type{
        padding: 0;
        margin: 0;

    }
    .blogarea a.morebtn, .sericearea_slide a.morebtn{
        width: 50%;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sericearea_slide{
        padding-bottom: 4rem;
    }
    .aboutarea{
        padding: 4rem 0 2rem 0;
    }
    .renew_aboutbox{
        flex-direction: column;
        width: 85%;
        gap: 2rem;
    }
    .renew_aboutbox>a>div>div:nth-of-type(2){
        width: 65%;
        margin: 2rem auto 0 auto;
        padding: .7rem;
    }
    .wrap-casearea{
        padding: 2rem 0;
    }
    .blogarea>div.blog-list{
        padding: 1.5rem !important;

    }
    .blogarea>div.blog-list>div{
        flex-direction: column;
        gap: 1rem;
    }
    .blogarea>.blog-list>div>div.blog-list-img{
        width: 100%;
        aspect-ratio: 16/9;
    }
    .blogarea div.blog-list-desc{
        width: 100%;
        position: relative;

    }
    .blogarea div.blog-list-desc>div.blog-list-footer{
        position: static;
        margin-top: 1rem;
    }
    .blogarea div.blog-list-desc>p:first-of-type{
        font-size: 18px;
        line-height: 28px;
    }
    .blogarea div.blog-list-desc>p:nth-of-type(2){
        font-size: 12px;
        line-height: 20px;
    }
    .blogarea div.blog-list-desc>div.blog-list-footer>div:first-of-type{
        font-size: 14px;
    }
}