@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
ul,ol{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;-webkit-appearance:none;appearance:none;}
*:focus{outline:none;}

/*========================================
  BASIC
=======================================*/
*{box-sizing:border-box;}
html{font-size:10px;scroll-behavior:smooth;}
html,
body{-webkit-text-size-adjust:100%}
body{color:#212229;font-family:'Roboto','Noto Sans JP',"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;background:#fff;scroll-behavior:smooth;background:#fff;}

a{color:#1287DB;text-decoration:none;}
a:hover{}
a:active{}
img{max-width:100%;height:auto;}
button{border:none;background:none;font-family:'Roboto','Noto Sans JP',"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;display:inline-block;}
button:hover{cursor:pointer;}

/* clearfix */
.cf:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.cf{display: inline-block;} 
* html .cf{height: 1%;}
.cf{display:block;}

/* 
    COLOR STATUS 
    black   #212229
    primary #EB4755
    red     #DC3E53
    link.   #1287DB
*/


/*=======================================
  COMMON PARTS
=======================================*/
/* animated */
.animate__animated{opacity:0;}
.animate__animated.active{opacity:1;}
.animate__delay-01s{animation-delay: 0.1s;}
.animate__delay-02s{animation-delay: 0.2s;}
.animate__delay-03s{animation-delay: 0.3s;}
.animate__delay-04s{animation-delay: 0.4s;}
.animate__delay-05s{animation-delay: 0.5s;}
.animate__delay-06s{animation-delay: 0.6s;}

/* display */
.pcNone{display:none;}

/*.row */
.row{width:100%;position:relative;}
.bg-color-gray{background:#F5F5F5;}
.bg-color-red{background:#DC3E53;}
.bg-redLiner{background:url(../images/bg_redliner.png) no-repeat center left;}
.bg-grayLine:after{content:"";width:100%;height:50%;background:#F5F5F5;display:block;position:absolute;bottom:0;left:0;z-index:-1;}
    .row > .content{max-width:1440px;padding:120px 32px;width:100%;margin:0 auto;}
    .row.cta-recruit-wrap > .content{padding:0 32px 120px;}
    .page-plan .row > .content{padding:80px 32px;}
    .page-plan .row.bg-redLiner > .content{padding:160px 32px;}
    .row > .content.center{text-align:center;}
    .row > .content .sectionTitle{margin:0 0 32px;text-align:center;}
    .row > .content .sectionDescription{margin:0 0 80px;text-align:center;}
    .page-plan .row > .content .sectionDescription{margin:0 0 40px;}
        .sectionDescription > p{margin:0 0 40px;}
        .sectionDescription > p:last-child{margin:0;}
    .page-general .row > .content{max-width:1104px;padding:80px 32px 80px;}
    .page-general .row > .content.top120{padding-top:120px;}
    .row > .content.min{max-width:840px;padding:120px 32px;width:100%;margin:0 auto;}
    .page-term .row > .content .sectionTitle{text-align:left;}

/* title */
.title-Xlarge{font-size:5.6rem;font-weight:700;line-height:1.4;}
.title-large{font-size:4.8rem;font-weight:700;line-height:1.5;}
.title-medium{font-size:4rem;font-weight:700;line-height:1.5;}
.title-small{font-size:3.2rem;font-weight:700;line-height:1.5;}
.title-Xsmall{font-size:2.4rem;font-weight:700;line-height:1.5;}
.title-Xlarge b,
.title-large b,
.title-medium b,
.title-small b,
.title-Xsmall b{color:#F53D56;}
.title-Xlarge.subTitle,
.title-large.subTitle,
.title-medium.subTitle,
.title-small.subTitle,
.title-Xsmall.subTitle{margin-top:80px;}
.sectionTitle.smallLine:after{content:"";width:80px;height:1px;margin:16px auto 0;border-bottom:1px solid #EB4755;display:block;}
.sectionTitle .redRubi{color:#EB4755;font-size:1.6rem;display:block;}
.sectionTitle .blackRubi{color:#212229;font-size:1.6rem;display:block;}
.sectionTitle .sectionLine{height:1px;margin:0 0 20px;display:block;background:#F5F5F5;}
    .sectionTitle .sectionLine .line{width:80px;height:1px;display:block;background:#EB4755;}

/*.text */
.text-XXlarge{font-size:2rem;line-height:2;}
.text-Xlarge{font-size:1.8rem;line-height:2;}
.text-large{font-size:1.6rem;line-height:2;}
.text-default{font-size:1.4rem;line-height:2;}
    .text-default > p{margin:2em 0 0;}
.text-align-right{text-align:right;}
.text-align-center{text-align:center;}
.text-last-update{margin-top:40px;}
.text-white{color:#fff;}
.text-red{color:#EB4755;}

/* br */
br.sp{display:none;}

/* button */
.button{font-weight:700;text-align:center;display:block;border-radius:40px;}
.button-link-red{width:100%;max-width:360px;padding:22px 0;margin:0 auto;color:#fff;font-size:2rem;background:#EB4755;box-shadow:0px 6px 12px #C6CAD2;}
.button-link-red:hover{background:#2A364C;}
.button-link-red-mini{width:100%;max-width:240px;padding:18px 0;margin:0 auto;color:#fff;font-size:1.6rem;background:#EB4755;box-shadow:0px 6px 12px #C6CAD2;}
.button-link-red-mini:hover{background:#2A364C;}
.button-link-gray{max-width:240px;padding:18px 0;margin:0 auto;color:#212229;font-size:1.6rem;background:#F5F5F5;box-shadow:0px 6px 12px #C6CAD2;}
.button-link-gray:hover{color:#fff;background:#2A364C;}
.button-link-gray-big{width:100%;max-width:360px;padding:22px 0;margin:0 auto;color:#212229;font-size:2rem;background:#F5F5F5;box-shadow:0px 6px 12px #C6CAD2;}
.button-link-gray-big:hover{color:#fff;background:#2A364C;}
.button-link-border-clear{padding:10px 20px;color:#fff;border:1px solid #fff;}
.button-link-border-clear:hover{color:#F53D56;background:#fff;}
.button-link-dark-gray{max-width:240px;padding:18px 0;margin:0 auto;color:#fff;font-size:1.6rem;background:#2A364C;box-shadow:0px 6px 12px #C6CAD2;}
.button-link-dark-gray:hover{color:#212229;background:#F5F5F5;}
.button-link-dark-gray-big{max-width:360px;padding:22px 0;margin:0 auto;color:#fff;font-size:2rem;background:#2A364C;box-shadow:0px 6px 12px #C6CAD2;}
.button-link-dark-gray-big:hover{color:#212229;background:#F5F5F5;}
.button-link-green{max-width:240px;padding:18px 0;margin:0 auto;color:#fff;font-size:1.6rem;background:#06C755;box-shadow:0px 6px 12px #C6CAD2;}
.button-link-green:hover{color:#06C755;background:#fff;}
.button-link-footer{max-width:240px;padding:18px 0;margin:0 auto;color:#fff;font-size:1.6rem;background:#2A364C;box-shadow:0px 6px 12px #454545;}
.button-link-footer:hover{color:#212229;background:#F5F5F5;}
.button-link-white{max-width:240px;padding:18px 0;margin:0 auto;color:#2A364C;font-size:1.6rem;background:#fff;box-shadow:0px 6px 12px #C6CAD2;}
.button-link-white:hover{color:#fff;background:#2A364C;}


/*.list */
.list-servicePoint{}
    .list-servicePoint > li{padding:12px 14px;font-size:1.6rem;font-weight:700;line-height:1.7;}
    .list-servicePoint .check{padding:14px 14px;margin:8px 0;box-shadow: 0px 4px 8px #F5F7FA;border:1px solid #F5F5F5;border-radius:4px;}
        .list-servicePoint span{margin:8px 0 0;font-size:1.4rem;font-weight:400;line-height:1.75;display:block;}
.icon-listArrow{padding:0 0 0 30px;position:relative;}
.icon-listArrow:before{content:"";width:24px;height:24px;background:url(../images/icon_list_arrow.png) no-repeat;background-size:100%;display:inline-block;position:absolute;top: calc(50% - 12px);left:0px;}
.icon-listArrow.contact:before{margin:0 8px 0 0;position:relative;top:3px;}
.normalList-disc{list-style:disc;}
    .normalList-disc li{margin:1em 0 1em 1.5em;}
        .normalList-disc li li{margin:.5em 0 .5em 1.5em;}
.normalList-decimal{list-style:decimal;}
    .normalList-decimal li{margin:1em 0 1em 1.5em;}
        .normalList-decimal li li{margin:.5em 0 .5em 1.5em;}
.justify-content_space-between {justify-content: space-between;}

/*.tags */
.tags{margin:0 0 -8px;font-size:0;}
.tag-item{padding:0 4px;margin:0 8px 8px 0;font-size:1.2rem;line-height:24px;display:inline-block;font-weight:bold;}
.tag-item:last-child{margin:0 0 8px 0;}
.tag-free{border:1px solid #000000;}
.tag-red{background:linear-gradient(90deg, #F53D56 0%, #FF7366 100%);color:#fff;}
.tag-pink{background: #FFD9D9;color:#EB4755;}
.tag-gray{background: #F5F7FA;color:#2A364C;}

/*.margin*/
.mt-0 {margin-top: 0!important;}
.mt-1 {margin-top: 0.5rem!important;}
.mt-2 {margin-top: 1rem!important;}
.mt-3 {margin-top: 1.5rem!important;}
.mt-4 {margin-top: 2rem!important;}
.mt-5 {margin-top: 2.5rem!important;}
.mt-6 {margin-top: 3rem!important;}
.mt-7 {margin-top: 3.5rem!important;}
.mt-8 {margin-top: 4rem!important;}

.mb-0 {margin-bottom: 0!important;}
.mb-1 {margin-bottom: 0.5rem!important;}
.mb-2 {margin-bottom: 1rem!important;}
.mb-3 {margin-bottom: 1.5rem!important;}
.mb-4 {margin-bottom: 2rem!important;}
.mb-5 {margin-bottom: 2.5rem!important;}
.mb-6 {margin-bottom: 3rem!important;}
.mb-7 {margin-bottom: 3.5rem!important;}
.mb-8 {margin-bottom: 4rem!important;}

/*.padding*/
.pt-0 {padding-top: 0!important;}
.pt-1 {padding-top: 0.5rem!important;}
.pt-2 {padding-top: 1rem!important;}
.pt-3 {padding-top: 1.5rem!important;}
.pt-4 {padding-top: 2rem!important;}
.pt-5 {padding-top: 2.5rem!important;}
.pt-6 {padding-top: 3rem!important;}
.pt-7 {padding-top: 3.5rem!important;}
.pt-8 {padding-top: 4rem!important;}

.pb-0 {padding-bottom: 0!important;}
.pb-1 {padding-bottom: 0.5rem!important;}
.pb-2 {padding-bottom: 1rem!important;}
.pb-3 {padding-bottom: 1.5rem!important;}
.pb-4 {padding-bottom: 2rem!important;}
.pb-5 {padding-bottom: 2.5rem!important;}
.pb-6 {padding-bottom: 3rem!important;}
.pb-7 {padding-bottom: 3.5rem!important;}
.pb-8 {padding-bottom: 4rem!important;}

/*.font*/
.bold {font-weight: bold;}
.block {display: block;width: 100%;}
.center {text-align: center!important;}
.bg-white {background: #fff;}

/*=======================================
  BASE LAYOUT
=======================================*/
/* #wrapper */
#wrapper{overflow:hidden;}

/* #header */
#header{background:#fff;}
    #header .content{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;}
    #siteName{margin:0 0 0 32px;display:flex;align-items:center;}
    #gNav{font-size:1.4rem;}
        #gNav .inner{display:flex;align-items:center;}
        #gNav .list{display:flex;font-weight:700;}
            #gNav .list li{margin:0 40px 0 0;}
            #gNav .list a{color:#212229;}
            #gNav .list a:hover{color:#EB4755;}
        #gNav .gNav-cta-link{padding:0 32px;color:#fff;line-height:80px;display:block;background:#EB4755;flex-shrink:0;}
        #gNav .gNav-cta-link:hover{background:#2A364C;}

/* #contents */
#contents{}

/* #main*/
#main{}

/* #footer */
#pankuz{background:#E5E5E5;line-height:42px;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;}
    #pankuz ul{max-width:1440px;padding:0 50px;margin:0 auto;display:flex;}
        #pankuz li{font-size:1.3rem;}
        #pankuz li:after{content:"";width:6px;height:10px;margin:0 16px;background:url(../images/icon_pankz_arrow.png) no-repeat center left;background-size:100%;display:inline-block;}
        #pankuz li:last-child:after{display:none;}
        #pankuz a{text-decoration:underline;}
#footer{background:#111;}
#footerContent{max-width:1440px;padding:40px 30px;margin:0 auto;color:#fff;}
    #footerContent .inBox{display:flex;justify-content:space-between;align-items:center;}
    #footerContent-siteName{order:1;}
    #footerContent-Menu{order:2;}
        #footerContent-Menu .list{display:flex;}
            #footerContent-Menu li{margin:0 0 0 40px;}
            #footerContent-Menu a{color:#fff;font-size:1.4rem;}
            #footerContent-Menu a:hover{color:#DC3E53;}
    #copyright{margin:40px 0 0;}


/*=======================================
  CONTENTS PARTS
=======================================*/
/* page header */
#header-home{padding:40px 0;}
    #header-home .content{padding:0 0 0 50px;justify-content:space-between;position:relative;}
    #header-home .kyachiImage{margin:0 140px 0 0;}
        #header-home .kyachiImage .image{}
        #header-home .kyachiImage .image.item-1{width:633px;position:absolute;top:80px;left:40%;z-index:-1;}
        #header-home .kyachiImage .image.item-2{width:593px;position:absolute;top:0;left:48%;z-index:-2;}
    #header-home .note{height:900px;padding:160px 0 0 16px;}
        #header-home .note h1{margin:0 0 59px;text-shadow:1px 1px 1px #fff;text-align:left;}
        #header-home .note p{padding:0 0 0 16px;margin:0 0 88px;text-shadow:1px 1px 1px #fff;}
        #header-home .note .button{max-width:240px;margin:0 0 0 16px;}
        #header-home .note .scroll{position:absolute;bottom:0;left:50px;}
        #header-home .note .scroll a{display:inline-block;z-index:2;padding:10px 10px 110px;overflow:hidden;color:#000;font-size:14px;font-family:'Josefin Sans', sans-serif;line-height:1;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;writing-mode:vertical-lr;}
            #header-home .note .scroll a::after {content:'';position:absolute;bottom:0;left:50%;width:1px;height:100px;background:#000;}
            #header-home .note .scroll a::after {animation:sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;}
            @keyframes sdl {0%{transform:scale(1, 0);transform-origin:0 0;}50%{transform:scale(1, 1);transform-origin:0 0;}50.1%{transform:scale(1, 1);transform-origin:0 100%;}100%{transform:scale(1, 0);transform-origin:0 100%;}}
#header-general{position:relative;}
    #header-general .content{min-height:392px;padding-top:80px;padding-bottom:80px;text-align:center;display:flex;align-items:center;overflow:hidden;position:relative;z-index:1;}
        #header-general .inner{width:100%;}
        #header-general .title{margin:0 0 16px;}
    #header-general .bg{position:absolute;top:0;right:0;z-index:0;}
#header-service{overflow:hidden;}
    #header-service .content{padding-top:0;padding-bottom:0;}
    #header-service .inner{height:640px;position:relative;}
        #header-service .title{height:100%;display:flex;align-items:center;position:relative;z-index:2;text-shadow:1px 1px 4px #F5F5F5;}
        #header-service .image{position:absolute;bottom:0;right:-200px;z-index:1;}
#header-company{}
    #header-company .content{max-width:100%;width:100%;height:600px;padding:0;overflow:hidden;position:relative;}
    #header-company .image{}
        #header-company .image img{width:100%;height:600px;object-fit: cover;}
    #header-company .inner{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;}
    #header-company .title{width:100%;padding:0 30px;color:#fff;font-weight:400;text-align:center;}

/* flexCard */
.flexCard{width:100%;display:flex;flex-wrap:wrap;/*justify-content:space-between;*/}
        .flexCard ._item .image{margin:0 0 16px;}
        .flexCard ._item .title{margin:0 0 16px;}
.flexCard.flex3{margin-bottom:-40px;}
    .flexCard.flex3 ._item{max-width:380px;width:29.3%;margin:0 2% 40px;}
.flexCard.flex2{margin-bottom:-60px;justify-content:space-between;}
    .flexCard.flex2 ._item{max-width:540px;width:50%;margin:0 0 60px;}
.flexCard.center{}
    .flexCard.center ._item{text-align:center;}
.flexCard.arrow{}
    .flexCard.arrow ._item{position:relative;}
    .flexCard.arrow ._item:after{content:"";width:40px;height:100px;background:url(../images/bg_arrow.png) no-repeat;display:block;margin-top:-50px;position:absolute;top:50%;right:-40px;}
    .flexCard.arrow ._item:last-child:after{display:none;}

/*.flexList */
.flexList{}
    .flexList ._item{width:100%;display:flex;align-items:center;}
.flexList.flexSideImage{counter-reset:num;}
    .flexList.flexSideImage ._item{margin:0 0 100px;}
        .flexList.flexSideImage ._item .image{width:40%;order:1;}
        .flexList.flexSideImage ._item:nth-child(even) .image{order:2;}
        .flexList.flexSideImage ._item .note{width:60%;padding:0 0 0 60px;position:relative;order:2;}
        .flexList.flexSideImage ._item .note:before{counter-increment:num;content: "0"counter(num);color:#F5F5F5;font-size:28.8rem;position:absolute;z-index:-1;font-family: Century Gothic Pro,'Roboto','Noto Sans JP',"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;;font-weight: bold;}
        .flexList.flexSideImage ._item:nth-child(even) .note{padding:0;margin:0 60px 0 0;order:1;}
            .flexList.flexSideImage .title{margin:0 0 28px;}
.flexList.home{padding-top:80px;}
    .flexList.home ._item{margin:0 0 180px;}
        .flexList.home ._item .note:before{top:-140px;right:0;}
.flexList.service{}
    .flexList.service ._item{margin:80px 0 140px;}
    .flexList.service ._item:last-child{margin:80px 0 0;}
        .flexList.service ._item .image{width:52%;}
        .flexList.service ._item .note{width:48%;align-self:stretch;display:flex;align-items:center;}
        .flexList.service ._item .note:before{top:0;right:0;}
.flexList.ourBusiness{padding:40px 0 0;}
    .flexList.ourBusiness ._item{position:relative;}
        .flexList.ourBusiness ._item .note{padding:0 0 0 80px;position:relative;}
        .flexList.ourBusiness ._item .note:before{top:50%;right:0;margin-top:-.6em;}
.flexList.members{max-width:1060px;margin:0 auto;}
    .flexList.members ._item{align-items:stretch;}
        .flexList.members ._item .note{display:flex;align-items:center;}
        .flexList.members ._item .note:before{content:"";width:149px;height:288px;background:url(../images/icon_members.png) no-repeat top center;top:0;right:0;display:block;}
        .flexList.members ._item:nth-child(even) .note:before{right:60px;}
        .flexList.members .meta{margin:0 0 36px;display:flex;align-items:center;position:relative;}
        .flexList.members .meta:after{content:'';width:100%;height:1px;background:#EB4755;position:absolute;top:50%;left:0;z-index:-1;}
            .flexList.members .name{background:#fff;}
            .flexList.members .skill{padding:0 16px 0;background:#fff;}

/*.flexReviewer */
.flexReviewer{padding:60px 0 0;margin-bottom:-60px;display:flex;flex-wrap:wrap;justify-content:center;}
.page-plan .flexReviewer{padding:20px 0 0;}
    .flexReviewer ._item{max-width:360px;width:29.3%;margin:0 2% 60px;}
    .flexReviewer .reviewerTitle {width: 100%;background: #fff;padding: 12px 24px;}
    .flexReviewer .reviewerTitle h3 {font-size: 1.6rem;line-height: 1.6;}
    .flexReviewer .link{color:#212229;box-shadow:0px 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;}
    .flexReviewer .link:hover{opacity:0.85;}
    .flexReviewer .link ._link{position:relative;background:#2A364C;font-size:1.4rem;color:#fff;padding:12px 24px;}
    .flexReviewer .link ._link:after{position:absolute;right:24px;content:"→";}
    .flexReviewer .link:hover ._link{background:#EB4755;}

.reviewerCard{padding:24px;background:rgba(255, 255, 255, 0.85);}
    .reviewerCard .head{margin:0 0 18px;display:flex;align-items:center;}
        .reviewerCard .image{width:60px;margin:0 10px 0 0;flex-shrink:0;}
        .reviewerCard .note{line-height:1.75;}
            .reviewerCard .label{font-size:1.6rem;display:block;}
            .reviewerCard .label-sub{font-size:1.3rem;display:block;}
        .reviewerCard .text{font-size:1.4rem;line-height:1.75;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

/*.plan */
.flexPlan{margin:40px auto 80px;box-shadow:0px 4px 8px #F5F7FA;}
.page-plan .flexPlan{margin-bottom:0;}
.planCard{display:flex;flex-direction:column;width:25%;padding:36px 20px;border: 1px solid #F5F5F5;}
.planCard.check{border:1px solid #EB4755;background:#FFD9D9;}
    .planCard .cardFlex{display:flex;flex-direction:column;justify-content:space-between;height:100%;}
    .planCard .title{margin:0 0 10px;}
    .planCard .text{margin:0 0 20px;}
    .planCard .value{font-weight:700;}
        .planCard .value .yen{font-size:2.8rem;}
        .planCard .value .num{font-size:4.4rem;}
        .planCard .value .month{font-size:1.6rem;}
        .planCard .value .subText{margin:8px 0 0;font-size:1.3rem;font-weight:400;line-height:1.75;display:block;}
    .planCard .list{margin:24px 0 40px;text-align:left;}
        .planCard .list li{padding: 6px 0 6px 12px; position: relative;}

/*.serviceFullListBox */
.serviceFullList{width:100%;max-width:1060px;margin:0 auto;}
    .serviceFullList .serviceTitle{padding:8px 0;color:#fff;text-align:center;background: #000000;}
    .serviceFullList > ._item{margin:0 0 80px;border:1px solid #F5F5F5;box-shadow:0px 4px 8px #F5F7FA;}
.serviceList{padding:60px 40px 36px 40px;}
    .serviceList ._item{padding:24px 16px;align-items:flex-start;}
        .serviceList .image{width:200px;flex-shrink:0;}
        .serviceList .note{padding:0 0 0 20px;}
            .serviceList .note .name{margin-top:8px;}
.page-plan .serviceList{max-width:1140px;padding:0;margin:0 auto;}
.serviceListSub{padding:60px 40px 36px 40px;}
.serviceList ~ .serviceListSub,
.serviceListSub ~ .serviceListSub{padding:0 40px 36px 40px;}
    .serviceListSub ._item{padding:0;align-items:flex-start;}
        .serviceListSub .image{width:200px;flex-shrink:0;}
        .serviceListSub .note{padding:0;}
            .serviceListSub .note .name{margin-top:8px;}
/*.page-plan .serviceListSub{max-width:1140px;padding:0;margin:0 auto;}*/

/* developerMessage */
.developerMessage{}
.developerMessageBox{max-width:1160px;padding:0 0 60px;margin:0 auto 0;justify-content:center;}
    .developerMessageBox .image{width:50%;}
    .developerMessageBox .note{width:50%;padding:0 0 0 40px;}
        .developerMessageBox .note p{margin:0 0 30px;}

/*.freePlan */
.freePlan{max-width:906px;padding:48px 90px;margin:0 auto;border: 1px solid #F5F5F5;box-shadow: 0px 4px 8px #F5F7FA;border-radius: 8px;display:flex;flex-wrap:wrap;}
    .freePlan li{width:50%;position: relative;}

/*.planTable */
.planTable{max-width:1180px;margin:0 auto;}
.basicTable{width:100%;font-size:1.6rem;line-height:1.7;text-align:left;}
    .basicTable thead{color:#fff;font-weight:700;text-align:center;background:#000;}
        .basicTable thead th{border-right:1px solid #fff;}
        .basicTable thead th{width:180px;}
        .basicTable thead th:first-child{width:280px;}
    .basicTable tbody{}
        .basicTable tbody tr:nth-child(odd){background:#F5F5F5;}
        .basicTable tbody tr:nth-child(odd) td{border-right:1px solid #fff;}
        .basicTable tbody tr:nth-child(even) td{border-right:1px solid #F5F5F5;}
        .basicTable tbody tr:nth-child(even) td:last-child{border-right:none;}
        .basicTable th,
        .basicTable td{padding:24px 16px;}
        .basicTable tbody th,
        .basicTable tbody td{font-weight:400;}
        .basicTable th{}
        .basicTable td{}
    .basicTable .right{text-align:right;}
    .basicTable .center{text-align:center;}
    .basicTable.check1 thead th:nth-of-type(1){background:#EB4755;}
    .basicTable.check1 tbody td:nth-of-type(1){background:#FFD9D9;border-bottom:1px solid #fff;}
    .basicTable.check2 thead th:nth-of-type(2){background:#EB4755;}
    .basicTable.check2 tbody td:nth-of-type(2){background:#FFD9D9;border-bottom:1px solid #fff;}
    .basicTable.check3 thead th:nth-of-type(3){background:#EB4755;}
    .basicTable.check3 tbody td:nth-of-type(3){background:#FFD9D9;border-bottom:1px solid #fff;}
    .basicTable.check4 thead th:nth-of-type(4){background:#EB4755;}
    .basicTable.check4 tbody td:nth-of-type(4){background:#FFD9D9;border-bottom:1px solid #fff;}
    .basicTable.check5 thead th:nth-of-type(5){background:#EB4755;}
    .basicTable.check5 tbody td:nth-of-type(5){background:#FFD9D9;border-bottom:1px solid #fff;}
    .basicTable.check6 thead th:nth-of-type(6){background:#EB4755;}
    .basicTable.check6 tbody td:nth-of-type(6){background:#FFD9D9;border-bottom:1px solid #fff;}

/*.qaList */
.qaList{width:840px;margin:0 auto;}
    .qaList ._item{padding:0 0 0 20px;margin:0 0 40px;position:relative;}
    .qaList ._item:before{content:"";width:8px;height:13.5px;background:url(../images/icon_qa_arrow.png) no-repeat;background-size:100%;display:inline-block;position:absolute;top:8px;left:0;}
    .qaList ._item.active:before{transform: rotate(90deg);}
        .qaList span{display:block;}
        .qaList .q{font-weight:700;cursor:pointer;}
        .qaList .a{width:100%;}

/*.redMessageRow */
.redMessageRow{background:#DC3E53;}
    .row.redMessageRow .content{padding-top:120px;padding-bottom:120px;color:#fff;position:relative;}
    .row.redMessageRow.message .content{padding-top:120px;padding-bottom:80px;color:#fff;}
    .redMessageRow .image{position:absolute;top:0;left:0;}
    .redMessageRow p{margin:0 0 2em;}
    .redMessageRow p:last-child{margin:0;}

/*.members */
.row.members .content{padding-bottom:0;}

/*.companyInfo */
.companyInfo{max-width:1055px;padding:40px 0;margin:0 auto;display:flex;}
    .companyInfo .info{width:45%;margin:0 20px 0 0;}
        .companyInfo .info .logo{margin:0 0 48px;}
        .companyInfo .info table{text-align:left;}
            .companyInfo .info table th{padding:8px 40px 8px 0;}
            .companyInfo .info table td{padding:8px 0;}
    .companyInfo .map{width:55%;}
        .companyInfo .map iframe{width:100%;}

/*.counterInfo */
.counterInfo{padding:30px 20px 80px;margin:40px 0;text-align:center;}
    .counterInfo-title{margin:0 0 16px;font-size:2rem;font-weight:700;}
    .counterInfo-name{margin:0 0 16px;font-size:1.8rem;font-weight:700;}
    .counterInfo-description{font-size:1.4rem;line-height:28px;}

/*.termFlexList */
.termFlexList{display:flex;justify-content:space-between;}
    .termFlexList .left{margin:/*0 60px 0 0*/0 0;}
    .termFlexList .right{max-width:360px;}
        .termFlexList .left .title{margin-bottom:16px;}
        .termFlexList .left li:first-child{margin-top:0;}
.termWarning{}
    .termWarning .label{margin:0 0 8px;display:flex;align-items:center;}
        .termWarning .label i{margin:0 6px 0 0;}
        .termWarning .label span{font-size:1.4rem;}
    .termWarning .inner{padding:16px 20px;background:#F5F5F5;}
        .termWarning .inner p{font-size:1.4rem;line-height:2;font-weight:700;}

/* page-contact */
.page-contact .row .content .sectionTitle{margin-bottom:60px;}
.page-contact .checkTitle{margin:0 0 20px;}
.page-contact .button-link-gray{margin-top:40px;}

/*.contactQList */
.contactQList{margin:40px 0 -20px;text-align:left;display:flex;flex-wrap:wrap;justify-content:space-between;}
    .contactQList ._item{max-width:320px;width:32%;margin:0 0 40px;display:flex;}
        .contactQList a{width:100%;padding:20px;color:#212229;font-size:1.4rem;line-height:1.75;border: 1px solid #F5F5F5;box-shadow: 0px 4px 8px #F5F7FA;display:flex;}
        .contactQList a:hover{border:1px solid #EB4755;}
        .contactQList a:before{content:"";width:15px;height:17px;margin:0 8px 0 0;background:url(../images/icon_q.png) no-repeat;background-size:100%;flex-shrink:0;position:relative;top:4px;}

/* contactForm */
#contactFormWrap{max-width:600px;padding:0 ;margin:0 auto;}
.form-body{}
    .form-item{width:100%;margin:0 0 40px;display:flex;}
    .form-item-check{text-align:center;display:block;}
    .form-item-submit{}
        .form-label{width:240px;padding:12px 0 0 0;font-size:1.6rem;font-weight:700;line-height:1.5;flex-shrink:0;}
        .form-label.required:after{content:"*";padding:0 0 0 4px;color:#EB4755;}
        .form-parts{width:100%;font-size:1.4rem;position:relative;}
        .form-box {position: relative;}
        .form-box label::after{content:"";width:6px;height:6px;border-bottom:1px solid #2A364C;border-right:1px solid #2A364C;position:absolute;top: calc(50% - 6px/2 - 2px);right:20px;display:block;transform:rotate(45deg);}
            .form-select{width:100%;padding:14px 10px;line-height:2;border: 1px solid #E6E6E6;background:#fff;cursor:pointer;position:relative;}
            .form-input{width:100%;padding:10px;line-height:2;border: 1px solid #E6E6E6;}
            .form-textarea{width:100%;padding:10px;line-height:2;border: 1px solid #E6E6E6;}
            .form-input::placeholder,
            .form-textarea::placeholder{font-size:1.4rem;color:#212229;opacity:.5;}
            .form-error{display:inline-block;margin-top:6px;font-weight:bold;}
        .form-checkbox{margin-top:60px;font-size:1.4rem;line-height:24.5px;}
            .form-checkbox input[type="checkbox"]{display:none;}
            .form-checkbox input[type="checkbox"]+label{padding-left:25px;padding-right:10px;display:none;cursor:pointer;display:inline-block;position:relative;}
            .form-checkbox input[type="checkbox"]+label::before{content: "";width:20px;height:20px;margin-top:-10px;display:block;box-sizing: border-box;position:absolute;left:0;top:50%;border:1px solid #E6E6E6;background-color:#FFF;}
            .form-checkbox input[type="checkbox"]:checked+label::after{content: "";width:18px;height:9px;margin-top:-9px;position:absolute;top:50%;left:3px;transform:rotate(-45deg);display:block;box-sizing:border-box;border-bottom:3px solid;border-left:3px solid;border-color:#EB4755;}
        .form-submit{width:100%;}

/*.cta */
.ctaMailForm{max-width:500px;margin:36px auto 0;}
    .ctaMailForm-body{margin:0 0 36px;background:#fff;display:flex;align-items:center;box-shadow:0px 4px 8px #F5F7FA;border-radius:4px;overflow:hidden;}
        .ctaMailForm-input{width:100%;padding:0 16px;font-size:1.8rem;border:none;}
        .ctaMailForm-input::placeholder{opacity: 0.5;}
        .ctaMailForm-submit{width:148px;margin:0;color:#fff;font-size:1.8rem;line-height:56px;font-weight:700;background:#EB4755;flex-shrink:0;}
        .ctaMailForm-submit:hover{background:#2A364C;}
    .ctaMailForm .link{color:#212229;font-size:1.6rem;}
    .ctaMailForm .link:before{content:"";width:8px;height:13.5px;margin:0 16px 0 0;background:url(../images/icon_linkarrow.png) no-repeat;background-size:100%;display:inline-block;}
    .ctaMailForm .link:hover{text-decoration:underline;}
.bg-color-red .title-medium{color:#fff;}
.bg-color-red .ctaMailForm-body{box-shadow:none;border:1px solid #fff;}
.bg-color-red .link{color:#fff;}
.bg-color-red .link:before{background:url(../images/icon_linkarrow_white.png) no-repeat;background-size:100%;}
.bg-color-red.footerCta .content{padding-top:70px;padding-bottom:50px;}
.ctaContact{}
    .ctaContact .title{margin-bottom:40px;}
.cta-recruit{max-width:1200px;margin:0 auto;display:flex;}
    .cta-recruit .note{color:#fff;background: linear-gradient(90deg, #F53D56 0%, #FF7366 100%);display:flex;align-items:center;order:1;}
        .cta-recruit .inner{padding:40px 62px 40px 90px;}
        .cta-recruit .title{margin:0 0 24px;}
        .cta-recruit .text{margin:0 0 54px;}
    .cta-recruit .image{width:60%;order:2;}
        .cta-recruit .image img{height:100%;object-fit: cover;}

/*.video*/
.video{width:100%;max-width:800px;margin:0 auto;border:1px solid #F5F5F5;box-shadow:0px 4px 8px rgb(0 0 0 / 10%);}
.video ~ .button{margin-top: 54px;}

/*.rule */
.Rule {width: 90%; margin: 0 auto;font-size: 1.4rem;}
.Rule dl {overflow: hidden;display: table; width: 100%; padding-bottom: 5px; border-bottom: 1px dotted #BFBFBF; margin-bottom: 15px;line-height: 1.4;}
.Rule dl dt { display: table-cell;vertical-align: top; box-sizing: border-box;  width: 35%;padding: 0 2% 0 0}
.Rule dl dd { display: table-cell;vertical-align: top;box-sizing: border-box; width: 65%;}

/*.landing*/
#landing .txtEnd {margin-bottom: 4rem!important;}
#landing .landingKv {width: 100%;max-width: 292px;}
#landing .landingKv .catchTxt {text-align: center;margin-bottom: 1rem!important;font-size: 1.6rem;padding: 0;}
#landing .landingKv .button {width: 100%;max-width: 260px;font-size: 2rem!important;padding: 18px 0!important;margin: 2rem auto 0!important;}

.footer_cta {background: #F5F5F5;}
.footer_cta.row .content {max-width: 1440px;padding: 40px 32px;width: 100%;margin: 0 auto;}

/*.price*/
.priceBlock {width: 660px; height: auto; margin: 30px auto;}
    .priceBox {display: flex; justify-content: space-between; align-items:stretch}
        .priceBox .boxInner {width: 200px; padding: 15px 10px;}
        .priceBox .boxInner .label {display: inline-block;padding: 8px 12px;border-radius: 12px; line-height: 1;letter-spacing: 1px;}
        .priceBox .boxInner .pick {font-size: 2.25rem;font-weight: bold;}
        .priceBox .box-red {color: #EB4755; border:6px solid #EB4755; border-radius: 12px;}
            .priceBox .box-red .label {color: white;background: #EB4755;}
            .priceBox .box-red .pick {font-size: 5rem;}
        .priceBox .box-green {color: #3CB371; border:6px solid #3CB371; border-radius: 12px;}
            .priceBox .box-green .label {color: white;background: #3CB371;}
            .priceBox .box-green .pick {font-size: 5rem;}
        .priceBox .box-blue {color: #4755eb; border:6px solid #4755eb; border-radius: 12px;}
            .priceBox .box-blue .label {color: white;background: #4755eb;}
            .priceBox .box-blue .pick {line-height: 1.4;margin-top: 20px;}
.priceTable {width: 660px;margin: 0 auto 80px;}
    .priceTable .basicTable thead th:first-child {width: 180px;}
.optionTitle {line-height: 1.4;margin-bottom: 10px;}
.flexCard.flex2.optionList ._item {margin-bottom: 20px;}

/*.detail*/
#detail {width: 100%;}
#detail .row > .content {max-width: 960px; padding-top: 80px;}
#header-detail .content {width: 100%;height: auto;margin-top:80px;padding-bottom: 0;overflow: hidden;position: relative;}
#header-detail .content .title {margin-bottom: 30px;}
#header-detail .content figure {width: 100%;height: auto;}
.articleTitle::before {content: "ー";color: #2A364C;margin-right: 1rem;}
.articleText {display:flex;justify-content:space-between;margin:40px auto;}
.articleText.author {align-items: center;margin-top: 60px;}
.articleText .speakerImg {width:80px;margin-right: 20px;}
.articleText .speakerImg figure {width: 80px;text-align: center;}
.articleText .speakerText {width: 100%;}
.sectionImg {margin-top: 12rem;margin-bottom: 8rem;}
#detail .counterInfo {padding: 40px 20px;margin: 80px auto 0;}
#detail .counterInfo .counterInfo-title {margin-top: 6rem;}
#detail .counterInfo .counterInfo-title:first-of-type {margin-top: 0;}
#detail #animete_reviewer .content {max-width: 1440px;}
/*===========================

 1024px under display 
 tablet

=============================*/
@media screen and (max-width: 1024px) {
    /*=======================================
      COMMON PARTS
    =======================================*/
    /*.row */
    .row{}
        .row > .content{padding:80px 4%;}
        .page-plan .row > .content{padding:80px 4%;}
        .page-plan .row.bg-redLiner > .content{padding:80px 4%;}
        .page-general .row > .content{padding:80px 4%;}
        .page-general .row > .content.top120{padding-top:120px;}
        .row > .content.min{padding:60px 4%;}
        
    /* title */
    .title-Xlarge{font-size:2.8rem;font-weight:700;line-height:1.4;}
    .title-large{font-size:2.4rem;font-weight:700;line-height:1.5;}
    .title-medium{font-size:2rem;font-weight:700;line-height:1.5;}
    .title-small{font-size:1.6rem;font-weight:700;line-height:1.5;}
    .title-Xsmall{font-size:1.6rem;font-weight:700;line-height:1.5;}

    /*.text */
    .text-XXlarge{font-size:1.6rem;line-height:2;}
    .text-Xlarge{font-size:1.4rem;line-height:2;}
    .text-large{font-size:1.4rem;line-height:2;}
    .text-default{font-size:1.4rem;line-height:2;}
        .text-default > p{margin:2em 0 0;}
    .text-align-right{text-align:right;}
    .text-align-center{text-align:center;}
    .text-last-update{margin-top:40px;}

    /*.list */
    .list-servicePoint{}
        .list-servicePoint > li{font-size:1.6rem;}
            .list-servicePoint > li span{font-size:1.4rem;}
    .icon-listArrow{padding:0 0 0 30px;position:relative;}
    .icon-listArrow:before{top:1px;}

    /*=======================================
      BASE LAYOUT
    =======================================*/
    /* #header */
    #header{}
        #header .content{height:50px;border-bottom:1px solid #EBEBEB;position:relative;}
        #siteName{width:126px;height:50px;margin:0;padding:0 0 0 16px;flex-shrink:0;}
        #gNav{width:300px;position:relative;top:70px;right:4px;z-index:999;}
        #gNav:before{content:"";width:52px;height:49px;background:url(../images/icon_gnav_menu.png) no-repeat center center #EB4755;background-size:100%;display:block;position:absolute;top:-70px;right:-4px;cursor:pointer;}
        #gNav.active:before{background:url(../images/icon_gnav_menu_active.png) no-repeat center center #EB4755;background-size:100%;}
            #gNav .inner{display:block;background:#F5F5F5;border-radius:8px;border:2px solid #EB4755;box-shadow:-8px 6px 10px rgba(0,0,0,.5);display:none;}
            #gNav .inner:before{content: "";position:absolute;top:-36px;right:0px;border:20px solid transparent;border-bottom:30px solid #EB4755;z-index:-1;}
            #gNav.active .inner{display:block;}
            #gNav .list{display:block;}
                #gNav .list li{margin:0;border-top:1px solid #fff;border-bottom:1px solid #e3e3e3;}
                #gNav .list li:first-child{border-top:none;}
                #gNav .list a{padding:16px 20px;display:block;}
                #gNav .list a:hover{color:#EB4755;}
            #gNav .gNav-cta-link{padding:0;margin:16px;line-height:50px;text-align:center;border-radius:8px;}
            #gNav .gNav-cta-link:hover{background:#2A364C;}


    /*=======================================
      CONTENTS PARTS
    =======================================*/
    /* page header */
    #header-home{}
        #header-home .content{padding:0 0 0 2%;}
        #header-home .kyachiImage{margin:0;}
            #header-home .kyachiImage .image{}
            #header-home .kyachiImage .image.item-1{width:433px;}
            #header-home .kyachiImage .image.item-2{width:393px;}
        #header-home .note{height:660px;padding:120px 0 0 16px;}
            #header-home .note h1{}
            #header-home .note p{}
            #header-home .note .button{}
            #header-home .note .scroll{left:8px;}
    #header-general{}
        #header-general .content{min-height:292px;}
        #header-general .bg{width:240px;}
    #header-service{}
        #header-service .inner{height:340px;}
            #header-service .image{width:70%;}
    #header-company{}
        #header-company .content{height:400px;}
            #header-company .image img{height:400px;}


    /*.flexList */
    .flexList{}
        .flexList ._item{width:100%;display:flex;align-items:center;}
    .flexList.flexSideImage{}
        .flexList.flexSideImage ._item{margin:0 0 100px;}
            .flexList.flexSideImage ._item .image{}
            .flexList.flexSideImage ._item .note{}
            .flexList.flexSideImage ._item .note:before{font-size:20rem;}
                .flexList.flexSideImage .title{margin:0 0 28px;}
    .flexList.home{padding-top:40px;}
        .flexList.home ._item{margin:0 0 120px;}
            .flexList.home ._item .note:before{top:-60px;}
    .flexList.service{}
            .flexList.service ._item .image{width:40%;}
            .flexList.service ._item .note{width:60%;}
    .flexList.ourBusiness{}
            .flexList.ourBusiness ._item .note{padding:0 0 0 60px;}


    /*.flexReviewer */
    .flexReviewer{}
        .flexReviewer ._item{width:46%;}

    /*.plan */
    .flexPlan{align-items:center;}
    .planCard{width:25%;padding:36px 20px;border: 1px solid #F5F5F5;}
    .planCard.check{border:1px solid #EB4755;background:#FFD9D9;}
        .planCard .title{font-size:1.4rem;}
        .planCard .text{font-size:1.2rem;}
        .planCard .value{}
            .planCard .value .yen{font-size:1.8rem;}
            .planCard .value .num{font-size:2.4rem;}
            .planCard .value .month{font-size:1.2rem;}

    /*.serviceFullListBox */
    .serviceList{padding:40px 4%;}
        .serviceList ._item{display:block;}
            .serviceList .image{width:100%;text-align:center;}
            .serviceList .note{padding:0;}
    .page-plan .serviceList{padding-bottom:0;margin-bottom:-80px;}
    .serviceListSub{padding:40px 4%;}
    .serviceList ~ .serviceListSub,
    .serviceListSub ~ .serviceListSub {padding:0 4% 40px;}
        .serviceListSub ._item{display:block;}
        .serviceListSub.flexCard.flex3 ._item{margin-bottom:30px;}
            .serviceListSub .image{width:100%;text-align:center;}
            .serviceListSub .note{padding:0;}
    .page-plan .serviceListSub{padding-bottom:0;margin-bottom:-80px;}


    /* developerMessage */
    .developerMessage{}
    .developerMessageBox{width:540px;margin:0 auto;display:block;}
        .developerMessageBox .image{width:100%;}
        .developerMessageBox .note{width:100%;padding:40px 0;}

    /*.freePlan */
    .freePlan{padding:48px 40px;}

    /*.plan */
    .flexPlan{align-items:stretch;}
    .flexPlan .button{font-size:1.6rem;}

    /*.planTable */
    .planTable{}
    .basicTable{font-size:1.4rem;}
        .basicTable thead{}
            .basicTable thead th{vertical-align:middle;}

    /*.companyInfo */
    .companyInfo{width:600px;padding:40px 0;margin:0 auto;display:block;}
        .companyInfo .info{width:100%;margin:0 0 40px;}
            .companyInfo .info .logo{text-align:center;}
            .companyInfo .info table{margin:0 auto;}
        .companyInfo .map{width:100%;}
            .companyInfo .map iframe{width:100%;}

    /*.cta */
    .cta-recruit{}
            .cta-recruit .inner{padding:40px;}
            .cta-recruit .text{margin:0 0 24px;}

    /*.landing*/
    #landing .landingKv .catchTxt {font-size: 1.4rem;}
    #landing .button {font-size: 1.6rem!important;}

    /*.detail*/
    #detail #header-detail.row > .content {margin-top: 40px;}
}


/*===========================

 767px under display

=============================*/
@media screen and (max-width: 767px) {
    /*.price*/
    .priceBlock {width: 100%;}
        .priceBox {display: flex; flex-wrap: wrap;}
            .priceBox .boxInner {max-width: 48%; width: 100%; box-sizing: border-box;}
            .priceBox .boxInner .pick {font-size: 2.25rem;}
                .priceBox .box-red .pick {font-size: 5rem;}
                .priceBox .box-green .pick {font-size: 5rem;}
            .priceBox .box-blue {max-width: 100%;width: 100%;margin-top: 20px;}
                .priceBox .box-blue .pick {font-size: 3.5rem; line-height: 1.2;}
                .priceBox .box-blue .pick span {font-size: 2.25rem;}
    .priceTable {width: 100%;}
}


/*===========================

 640px under display

=============================*/
@media screen and (max-width: 640px) {
    /*=======================================
      COMMON PARTS
    =======================================*/
    /* display */
    .spNone{display:none;}
    .pcNone{display:block;}

    /*.row */
    .row{}
        .row > .content{padding:40px 6%;}
        .page-plan .row > .content{padding:60px 4%;}
        .row.cta-recruit-wrap > .content {padding: 0 6% 60px;}
        .page-plan .row.bg-redLiner > .content{padding:80px 0;}
        .page-general .row > .content.top120{padding-top:120px;}
        .row > .content.min{padding:60px 4%;}
        .row > .content .sectionTitle{margin:0 0 24px;}
        .row > .content .sectionDescription{margin:0 0 40px;text-align:center;}
    .bg-redLiner{background:url(../images/bg_reviewer_sp.png) no-repeat top left;background-size:cover;}
        .row.reviewer > .content{padding:80px 0 160px;margin-bottom:-60px;}
        .page-plan .row.reviewer > .content{padding:60px 0 160px;}

    /* title */
    .title-Xlarge{font-size:2.8rem;font-weight:700;line-height:1.4;}
    .title-large{font-size:2.4rem;font-weight:700;line-height:1.5;}
    .title-medium{font-size:2rem;font-weight:700;line-height:1.5;}
    .title-small{font-size:1.6rem;font-weight:700;line-height:1.5;}
    .title-Xsmall{font-size:1.6rem;font-weight:700;line-height:1.5;}
    .sectionTitle.title-medium,
    .sectionTitle.title-Xlarge{font-size:2.4rem;}

    /* text */
    .text-left-sp{text-align:left!important;}

    /* button */
    .button-link-red{padding:10px 0;font-size:2rem;line-height:40px;}

    /* br */
    br.sp{display:inline;}
    br.spNone{display:none;}



    /*=======================================
      BASE LAYOUT
    =======================================*/
    /* #wrapper */
    #wrapper{}

    /* #contents */
    #contents{}

    /* #main*/
    #main{}

    /* #footer */
    #pankuz{}
        #pankuz ul{padding:0 6%;}
    #footer{}
    #footerContent{padding:32px 6% 24px;margin:0 auto;color:#fff;}
        #footerContent .inBox{display:block;}
        #footerContent-siteName{text-align:center;}
            #footerContent-siteName img{width:126px;}
        #footerContent-Menu{}
            #footerContent-Menu .list{display:block;}
                #footerContent-Menu li{margin:0 0 32px;}
                #footerContent-Menu a{opacity:.6;}
                #footerContent-Menu a:hover{color:#DC3E53;}
        #copyright{margin:20px 0 0;text-align:center;opacity:.6;font-size:1.2rem;}



    /*=======================================
      CONTENTS PARTS
    =======================================*/
    /* page header */
    #header-home{padding:8px 0 40px;}
        #header-home .content{padding:0 6%;}
        #header-home .kyachiImage{width:100%;height:300px;margin:0 0 0 0;position:relative;}
            #header-home .kyachiImage .image{}
            #header-home .kyachiImage .image.item-1{width:100%;padding:0 0 0 20%;top:0;left:0;}
            #header-home .kyachiImage .image.item-2{width:76%;top:0;left:0;}
        #header-home .note{height:auto;padding:0;}
            #header-home .note h1{margin:0 0 16px;}
            #header-home .note p{padding:0;margin:0 0 38px;}
            #header-home .note .button{max-width:240px;margin:0 auto;}
            #header-home .note .scroll{display:none;}
    #header-service{overflow:visible;padding-bottom:60px;margin-bottom:60px;}
        #header-service .content{padding-top:60px;overflow:visible;}
        #header-service .inner{height:auto;position:relative;}
            #header-service .title{margin-bottom:34px;display:block;}
            #header-service .image{width:100%;padding:0 2%;margin-bottom:-120px;position:static;}
    #header-company{}
            #header-company .title{font-size:2.8rem;text-shadow:1px 1px 3px rgba(0,0,0,.5);}
    #header-general{}
        #header-general .content{min-height:133px;padding-top:20px;padding-bottom:4px;}
        .page-plan #header-general .content{padding-top:60px;padding-bottom:44px;}
        #header-general .bg{width:98px;}

    /* flexCard */
    .flexCard{display:block;}
            .flexCard ._item .image{margin:0 0 8px;text-align:center;}
            .flexCard ._item .title{margin:0 0 16px;font-size:2rem;}
    .flexCard.flex3{margin-bottom:0;}
        .flexCard.flex3 ._item{max-width:100%;width:100%;margin:0 0 60px;}
        .flexCard.flex3 ._item:last-child{margin:0 0 0px;}
    .flexCard.flex2{margin-bottom:0;}
        .flexCard.flex2 ._item{max-width:100%;width:100%;margin:0 0 60px;}
    .flexCard.center{}
        .flexCard.center ._item{text-align:center;}
    .flexCard.arrow{}
        .flexCard.arrow ._item{}
        .flexCard.arrow ._item:after{display:none;}

    /*.flexList */
    .flexList{}
        .flexList ._item{width:100%;display:block;}
    .flexList.flexSideImage{}
        .flexList.flexSideImage ._item{margin:0 0 60px;}
            .flexList.flexSideImage ._item .image{width:100%;margin:0 0 12px;}
            .flexList.flexSideImage ._item .note{width:100%;padding:0;}
            .flexList.flexSideImage ._item .note:before{font-size:14.4rem;}
            .flexList.flexSideImage ._item:nth-child(even) .note{padding:0;}
                .flexList.flexSideImage .title{margin:0 0 16px;font-size:2rem;}
    .flexList.home{padding-top:0;}
    .flexList.home ._item{}
        .flexList.home ._item .image{width:100%;margin:0 0 32px;}
        .flexList.home ._item .note:before{top:-40px;right:0;}
    .flexList.service{}
        .flexList.service ._item{margin:0 0 100px;}
        .flexList.service ._item:last-child{margin:80px 0 0;}
            .flexList.service ._item .note:before{top:-20px;right:0;}
    .flexList.ourBusiness{padding:0;}
            .flexList.ourBusiness ._item .image{margin:0 0 40px;}
            .flexList.ourBusiness ._item .note{padding:0;position:relative;}
            .flexList.ourBusiness ._item .note:before{margin-top:-0.7em;}
                .flexList.ourBusiness ._item .title{margin:0 0 32px;}
    .flexList.members{}
        .flexList.members ._item{}
            .flexList.members ._item .image{padding:0 20px;margin-bottom:40px;}
            .flexList.members ._item .note{}
            .flexList.members ._item .note:before{width:75px;height:144px;top:0;right:0;background-size:100%;}
            .flexList.members ._item:nth-child(even) .note:before{right:0;}
            .flexList.members .title{margin:0 0 20px;}
            .flexList.members .meta{margin:0 0 24px;}
            .flexList.members .meta:after{content:'';width:100%;height:1px;background:#EB4755;position:absolute;top:50%;left:0;z-index:-1;}
                .flexList.members .name{background:#fff;}
                .flexList.members .skill{padding:0 16px 0;background:#fff;}

    /*.flexReviewer */
    .flexReviewer{width:100%;padding:0 20px 16px 0;margin:0 0 0;display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:scroll;}
    .page-plan .flexReviewer{padding:20px 20px 16px 0;}
        .flexReviewer ._item{width:307px;margin:0 0 0 20px;flex-shrink:0;}
    .reviewerCard{padding:25px;background:rgba(255, 255, 255, 0.85);}
        .reviewerCard .head{margin:0 0 18px;display:flex;align-items:center;}
            .reviewerCard .image{width:60px;margin:0 20px 0 0;flex-shrink:0;}
            .reviewerCard .note{line-height:1.75;}
                .reviewerCard .label{font-size:1.6rem;display:block;}
                .reviewerCard .label-sub{font-size:1.3rem;display:block;}
            .reviewerCard .text{font-size:1.4rem;line-height:1.75;}

    /*.plan */
    .flexPlan{margin:40px 2% 40px;padding:0;display:block;}
    .planCard{width:96%;}
    .planCard.check{}
        .planCard .title{font-size:2rem;}
        .planCard .text{font-size:1.4rem;}
        .planCard .value{font-weight:700;}
            .planCard .value .yen{font-size:2.8rem;}
            .planCard .value .num{font-size:4.4rem;}
            .planCard .value .month{font-size:1.6rem;}
            .planCard .value .subText{margin:8px 0 0;font-size:1.3rem;font-weight:400;line-height:1.75;display:block;}
        .planCard .list{margin:24px 0 40px;text-align:left;}
            .planCard .list li{padding:6px 0;}
        .planCard .button{max-width:240px;padding-top:6px;padding-bottom:6px;}

    /*.serviceFullListBox */
    .serviceFullList > ._item{margin:0 0 60px;}
    .serviceList{padding:20px 2%;}
        .serviceList ._item{margin-bottom:10px!important;}
        .serviceList ._item:last-child{margin-bottom:0px!important;}
            .serviceList .name{font-size:1.6rem;}

    /* developerMessage */
    .developerMessage{}
    .developerMessageBox{width:100%;padding-bottom:0px;}
        .developerMessageBox .image{}
        .developerMessageBox .note{width:100%;padding:20px 0 0;}

    /*.freePlan */
    .freePlan{padding:28px 24px;display:block;}
        .freePlan li{width:100%;padding:10px 0;font-size:1.6rem;}
            .freePlan .icon-listArrow:before{top:2px;}

    /*.planTable */
    .planTable{margin:0 -5% 0 0;overflow-x:scroll;}
    .basicTable{width:100%;font-size:1.4rem;}
        .basicTable thead{}
            .basicTable thead th{vertical-align:middle;}
            .basicTable thead th:first-child{width:210px;}

    /*.qaList */
    .qaList-wrap .content{padding-top:0!important;}
    .qaList{width:100%;}
        .qaList ._item{font-size:1.6rem;}
            .qaList span{display:block;}
            .qaList .q{font-weight:700;cursor:pointer;}
            .qaList .active .q{margin-bottom:10px;}

    /*.redMessageRow */
    .redMessageRow{}
        .row.redMessageRow .content{padding:70px 3% 60px;}
        .redMessageRow .sectionTitle{font-size:2.4rem;}
        .redMessageRow.message .sectionTitle{font-size:2rem;}
        .redMessageRow p{margin:0 0 2em;}
        .redMessageRow p:last-child{margin:0;}

    /* company reviewer */
    .page-company .reviewer .sectionTitle{padding:0 6%;font-size:2rem;}

    /*.companyInfo */
    .companyInfo{width:100%;padding:20px 0;}
        .companyInfo .info{}
            .companyInfo .info .logo{margin:0 0 28px;}
            .companyInfo .info table{width:100%;}
        .companyInfo .map{}
            .companyInfo .map iframe{height:250px;}

    /* page-privacy */
    .page-privacy .row > .content.top120{padding-top:60px;}
    .page-privacy .sectionTitle.title-small{font-size:2rem;}

    /*.counterInfo */
    .counterInfo{padding:30px 20px 30px;margin:40px 0;text-align:center;}
        .counterInfo-title{font-size:1.6rem;line-height:1.5;}
        .counterInfo-name{font-size:1.4rem;}
        .counterInfo-description{font-size:1.3rem;}

    /* page-term */
    .page-term .row > .content.top120{padding-top:32px;}
    .page-term .sectionTitle.title-small{margin-bottom:40px;font-size:2rem;}

    /*.termFlexList */
    .termFlexList{display:block;}
        .termFlexList .left{margin:0;}
        .termFlexList .right{max-width:100%;margin-top:40px;}

    /* page-contact */
    .page-contact .sectionTitle.title-small{margin-bottom:40px;font-size:2rem;}
    .page-contact .sectionTitle.title-Xsmall{margin-bottom:40px!important;font-size:2rem;}
    .page-contact .icon-listArrow{padding-left:0;}
    .page-contact .icon-listArrow:before{display:block;margin:0 auto 8px;}

    /*.contactQList */
    .contactQList{margin:40px 0 0;text-align:left;display:block;}
        .contactQList ._item{max-width:100%;width:100%;margin:0 0 20px;}

    /* contactForm */
    #contactFormWrap{max-width:100%}
    .form-body{}
        .form-item{display:block;}
        .form-item-submit{}
            .form-label{width:100%;padding:0;margin-bottom:8px;font-size:1.6rem;display:block;}
            .form-checkbox{margin-top:40px;text-align:left;}
                .form-checkbox input[type="checkbox"]+label{padding-left:20px;}
                .form-checkbox input[type="checkbox"]+label::before{width:16px;height:16px;margin-top:0;top:4px;}
                .form-checkbox input[type="checkbox"]:checked+label::after{width:16px;height:7px;margin-top:0;top:4px;}

    /*.cta */
    .cta-formWrap{}
        .cta-formWrap .title-medium{font-size:2.4rem;}
    .ctaMailForm{margin:24px auto 0;}
        .ctaMailForm-body{margin:0 0 24px;}
            .ctaMailForm-input{font-size:1.4rem;}
            .ctaMailForm-submit{width:124px;font-size:1.4rem;line-height:48px;}
        .ctaMailForm .link{font-size:1.4rem;}
        .ctaMailForm .link:before{margin:0 8px 0 0;position:relative;top:2px;}
    .bg-color-red.footerCta .content{padding-top:40px;padding-bottom:40px;}
    .ctaContact{padding-top:40px!important;padding-bottom:40px!important;}
        .ctaContact .title{margin-bottom:28px;font-size:2rem;}
        .ctaContact .button{width:240px;padding-top:6px;padding-bottom:6px;font-size:1.6rem;}
    .cta-recruit{display:block;}
        .cta-recruit .note{display:flex;align-items:center;}
            .cta-recruit .inner{padding:30px;}
            .cta-recruit .title{margin:0 0 24px;font-size:2.4rem;}
            .cta-recruit .text{margin:0 0 36px;}
        .cta-recruit .image{width:100%;height:180px;}
            .cta-recruit .image img{width:100%;height:180px;}
        .cta-recruit .button{font-size:1.6rem}

    /*.rule */
    .Rule {width: 100%;}

    /*.landing*/
    #landing .landingKv {max-width: none;}
    #landing .landingKv .catchTxt {font-size: 1.4rem;}
    #landing .button {font-size: 1.4rem!important;line-height: 1.4;}

    /*.detail*/
    #detail #header-detail.row > .content {padding-bottom: 0;}
    #detail .row > .content {padding: 40px 6%;}
    #detail .title-small {font-size: 1.8rem;}
    #detail .text-default {font-size: 1.2rem;}
    #detail .counterInfo {padding: 30px 20px;}
    #detail .normalList-disc li {margin: .5em 0 .5em 1.5em;}
    #detail .counterInfo .counterInfo-title {margin-top: 4rem;}
    .sectionImg {margin-top: 8rem;margin-bottom: 4rem;}
    .articleText .speakerImg {width: 60px;}
    .articleText .speakerImg figure {width: 60px;}
    .articleText.author {margin-top: 40px;}
/*----------------------------------------*/}