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

@media screen and (max-width:800px){
.visible-sp{
	display:block;
}
.hidden-sp{
	display:none !important;
}
body{
    min-width: 320px;
	font-size: 3.8vw;
	line-height: 1.7;
}
.fixedcontainer{
	width: 90%;
}
.movie_in iframe{
    width: 100%;
    height: 60vw;
}
.cta_list{
    display: block;
}
.back:before{
    width: 71.28vw;
    height: 171.79vw;
    background-image: url(//23528201.fs1.hubspotusercontent-na1.net/hubfs/23528201/raw_assets/public/omosui_kintone/img/circle21-sp.png);
}
.back:after{
    width: 71.28vw;
    height: 133.84vw;
    background-image: url(//23528201.fs1.hubspotusercontent-na1.net/hubfs/23528201/raw_assets/public/omosui_kintone/img/circle22-sp.png);
}
.btn{
    width: 100%;
}
.fv:before{
    width: 70.25vw;
    height: 76.92vw;
    background-image: url(//23528201.fs1.hubspotusercontent-na1.net/hubfs/23528201/raw_assets/public/omosui_kintone/img/circle11-sp.png);
}
.fv:after{
    width: 67.2vw;
    height: 64.1vw;
    background-image: url(//23528201.fs1.hubspotusercontent-na1.net/hubfs/23528201/raw_assets/public/omosui_kintone/img/circle12-sp.png);
}
.cta_img{
    position: initial;
}
.cta_one{
    width: 100%;
}
.fv_txt1{
    width: 100%;
}
.header{
    padding: 5vw;
}
.logo{
    width: 46vw;
}
.fv{
    overflow: hidden;
    padding: 21vw 5vw 8vw;
}
.fv_mark img{
    width: 36.66vw;
}
.fv_ttl{
    font-size: 8.1vw;
}
.fv_txt1{
    font-size: 5vw;
    margin: 5vw 0;
    border-width: 2px;
}
.fv_txt1 span{
    font-size: 7vw;
}
.fv_txt2{
    font-size: 4vw;
    margin-bottom: 8vw;
}
.btn_wrap{
    text-align: center;
}
.btn{
    width: 90%;
    font-size: 4.4vw;
    margin-right: 0;
    margin-bottom: 5vw;
}
.btn:last-child{
    margin-bottom: 0;
}
.btn span{
    padding: 5vw 0;
}
.btn span:after{
    width: 2.5vw;
    height: 5vw;
    margin-top: -2.5vw;
}
.clients{
    padding: 5vw;
}
.clients h2{
    font-size: 1em;
}
.clients ul li{
    width: 33.33%;
    padding: 0 10px;
}
.about_arrow{
    font-size: 1em;
}
.about_arrow img{
    width: 3vw;
    vertical-align: middle;
}
.about{
    padding: 8vw 0 10vw;
}
.about_in{
    margin-top: 8vw;
    display: block;
}
.about_content{
    width: 100%;
}
.concept_img{
    width: 100%;
    text-align: center;
    margin-top: 5vw;
}
.concept_ttl{
    margin-bottom: 6vw;
}
.sec{
    padding: 15vw 0;
}
.point_one{
    padding: 8vw 5vw;
    display: block;
    margin-bottom: 8vw;
}
.point_content{
    width: 100%;
}
.point_ttl{
    font-size: 6.8vw;
    margin-bottom: 5vw;
}
.point_subttl{
    margin-bottom: 5vw;
    font-size: 5vw;
}
.point_img{
    width: 100%;
    margin-top: 5vw;
}
.point_img img{
    width: 70%;
    max-width: 302px;
}
.cta{
    padding: 8vw 0;
}
.cta_img{
    text-align: center;
}
.cta_img img{
    width: 70%;
    max-width: 288px;
}
.cta_txt{
    font-size: 4.6vw;
    margin: 5vw 0;
}
.title{
    font-size: 7vw;
    margin-bottom: 10vw;
}
.title span{
    font-size: 5vw;
}
.slick-list{
    padding: 20px;
}
.case_one{
    margin: 0 15px;
}
.slick-dots li button:before{
    content: none;
}
.slick-dots li button{
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #E5E5E5;
}
.slick-dots li{
    text-align: center;
}
.slick-dots li.slick-active{
    border: 1px solid #000;
    padding: 3px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
}
.slick-dots li.slick-active button{
    background-color: #000;
}
.movie_btns{
    margin-top: 10vw;
}
.tab button{
    width: 49%;
    font-size: 5vw;
}
.tabcontent{
    padding: 8vw 5vw;
}
.plan_list{
    display: block;
}
.plan_one{
    width: 100%;
    margin-top: 10vw;
}
.plan_one:first-child{
    margin-top: 0;
}
.plan_tbl{
    font-size: 0.8rem;
}
.plan_tbl td span.en{
    font-size: 1em;
}
.plan_tbl td:last-child{
    font-size: 0.8rem;
}
.plan_tbl th{
    padding-right: 5px;
}
.plan_tbl th p{
    font-size: 0.8rem;
}
.plan_ttl{
    font-size: 5vw;
    margin-bottom: 5vw;
}
.plan_one_txt span{
    font-size: 5vw;
}
.plan_one_ttl{
    margin-bottom: 5vw;
    padding: 2vw 0;
}
.plan_bottom{
    margin-top: 10vw;
    padding: 4vw;
}
.cta2{
    padding: 5vw;
}
.cta_one{
    padding: 5vw 0;
    border-bottom: 1px solid #fff;
}
.cta_one:last-child{
    border-bottom: none;
}
.cta_one .btn{
    width: 100%;
}
.cta_one p{
    font-size: 4.2vw;
    margin-bottom: 3vw;
    text-align: left;
}
.footer{
    padding: 8vw 0;
}
.copyright{
    font-size: 0.8rem;
    margin-top: 3vw;
}
.policy{
    font-size: 0.8rem;
	  font-weight: bold;
    color: #DD183C;
    margin-bottom: 3vw;
    text-decoration: underline;
}  
.tab_link{
    margin-top: 3vw;
    text-decoration: underline;
    color: #6C6C6C;
    text-align: center;
}