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


@media screen and (max-width:900px){
.visible-sp{
	display:block;
}
.hidden-sp{
	display:none !important;
}
body{
	font-size: 14px;
	line-height: 1.7;
}
.fixedcontainer{
	width: 90%;
}
header{
	padding: 10px 20px;
    top: 0;
}
#fv .fixedcontainer{
    display: block;
}
#fv{
    padding: 100px 0 50px;
}
.fv_img{
    text-align: center;
    margin-top: 20px;
}
.fv_img img{
    width: 80%;
}
.fv_points .fixedcontainer{
    transform: initial;
    flex-wrap: wrap;
}
.fv_points .fixedcontainer>div{
    width: 46%;
    margin: 2%;
}
.btn_lists .fixedcontainer{
    display: block;
}
.btn{
    display: block;
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
}
.medal{
    margin: 40px 0;
}
.sec{
    padding: 50px 0;
}
.title .en{
    font-size: 18px;
}
.title .jp{
    font-size: 24px;
}
.title .jp span{
    font-size: 32px;
}
.reason_one{
    display: block;
    margin-bottom: 50px;
}
.reason_one>div{
    width: 100%;
}
.reason_img{
    text-align: center;
    margin-bottom: 20px;
}
.reason_img img{
    width: 80%;
}
.reason_content h3{
    font-size: 24px;
    margin-bottom: 20px;
}
.title{
    margin-bottom: 30px;
}
.price_list{
    display: block;
    margin-bottom: 50px;
    text-align: center;
}
.price_list>div{
    width: 100%;
    margin-bottom: 20px;
}
.title2{
    font-size: 24px;
}
.price_plan_list{
    display: block;
}

.price_plan_list .btn{
    width: 350px;
}

.banner{
    margin-top: 30px;
}
.feature1{
    padding-top: 60px;
}
.buy1_list>div{
    margin: 0 5px;
    padding: 30px 0;
}
.buy1_list p{
    font-size: 16px;
}
.buy1_list h3{
    font-size: 44px;
    margin-bottom: 20px;
}
.feature2 {
    margin-top: -80px;
    padding: 130px 0 60px;
}
.feature_in{
    margin:  30px 0;
    display: block;
}
.feature_div{
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}
.feature_ttl{
    margin-bottom: 10px;
}
.feature_list li{
    font-size: 16px;
}
.feature_cta{
    display: block;
}
.feature_cta2{
    display: block;
}
.coupon{
    padding-top: 60px;
}
.title2 span:before,.title2 span:after{
    top: 20px;
}
.coupon_link{
    font-size: 18px;
}
.flow_list{
    margin-top: 50px;
}
.flow_list_item {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}
.flow_list_arw {
    width: 100%;
    margin: 25px auto 50px;
    text-align: center;
}
.flow_list_arw img {
    width: 35px;
    display: inline-block;
}
.flow_list_box{
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.voice_box {
    position: relative;
    margin-bottom: 40px;
    display: block;
}
.voice_content, .voice_img {
    width: 100%;
}
.voice_content {
    margin-bottom: 30px;
    padding: 20px;
}
.voice_content:before{
    top: -12px;
    left: 50%;
    margin-left: -12px;
}
.voice_box:nth-child(2n) .voice_content:before{
    right: 50%;
    margin-right: -12px;
}
.voice_img {
    margin-bottom: 20px;
}
.voice_num {
    position: absolute;
    top: -30px;
    left: 0;
    margin: auto;
}
.voice_ttl, .voice_ttl.small {
    font-size: 20px;
    margin-bottom: 10px;
}
.voice_txt{
    margin-bottom: 0;
}
.occupation_list li{
    margin-top: 0;
}

.occupation_list3 .btn{
    width: 320px;

}
}