/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018/10/25, 13:56:06
    Author     : tomoki
*/

html{
    overflow: auto;
}

body {
    margin: 0 auto;
    min-width: 1500px;
    overflow: hidden;
}

.mainVisual{
    background: url(../img/index/main_visual_bg.gif) repeat;
    position: relative;
    min-height: 150px;
}

.inner{
    max-width: 1900px;    
    margin: 0 auto;
    position: relative;
}

.sec01 {        
    margin: 0 auto;
    background:  no-repeat top center #FFDB87;
    text-align: center;
    font-family: 'A-OTF ゴシックMB101 Pro';
}

.mainImg{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.sec1_contents {
    width: 50%;
    margin: 0 auto;
    position: absolute;
    top: 0%;
    left: 23%;
    height: 100%;
}

.sec01_btArea{    
    float: left;
    width: 40%;
    position: absolute;
    top: 62%;
    height: 100%;
}

.sec01_btArea img:hover {
    opacity: 0.7;
}

.btn_flame{
    max-width: 371px;
    position: relative;
    left: 12%;
}

.btn_display{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;

}

.sec01_btArea_text {
    font-size: 0.78vw;
    position: absolute;
    top: 20%;
    left: 25%;
}

.sec01_btArea_text_small{
    font-size: 12px;
    position: relative;
}

.sec01_textArea {
    float: left;
    width: 55%;
    position: absolute;
    top: 16%;
    left: 52.3%;
    text-align: left;
    height: 100%;
}


.sec01_textArea_big{
    font-size: 3.3vw;
    font-weight: bold;
    line-height: 69px;
}

.sec01_textArea_small{
    font-size: 0.8vw;
    line-height: 23px;
    position: absolute;
    top: 27%;
}

.sec02 {
    background-color: #000;
    text-align: center;   
    margin: 0 auto;
}


.sec03 {
    background-color: #EBEBEB;
    text-align: center;
    font-family: 'A-OTF ゴシックMB101 Pro';
    margin: 0 auto;
}

.sec03_btArea{
    position: absolute;
    top: 8%;
    left: 50.5%;;
    width: 50%;
}

.btn_flame_try{
    max-width: 496px;
    width: 50%;
}

.sec03_btArea a :hover {
    opacity: 0.7;
}

.btn_try{
    width: 100%;
}


.sec03_textArea{
    margin: 0 auto;
    text-align: center;
    font-size: 0.8vw;
    position: absolute;
    top: 67%;
    max-width: 1900px;
    left: 26%;
}

.sec04 {
    background-color: #fff;
    text-align: center;
    font-family: 'A-OTF ゴシックMB101 Pro';
    margin: 0 auto;
}

.sec04_textArea{
    position: absolute;
    top: 28.5%;
    left: 24%;
    font-size: 0.78vw;
    text-align: left;
    height: 20%;

}

.sec04_textArea2{    
    position: absolute;
    top: 64.5%;
    left: 24%;
    font-size: 0.78vw;
    text-align: left;
    height: 15%;

}

.sec04_textArea a :hover {
    opacity: 0.7;
}

.sec04_textArea2 a :hover {
    opacity: 0.7;
}

.sec04_textArea3 a :hover {
    opacity: 0.7;
}

.sec04_text1{

}

.sec04_text1_small{
    position: absolute;
    top: 85%;
    left: 3px;

}

.sec04_text2{

}


.sec04_text2_small{
    position: absolute;
    top: 81%;
    left: 1%;
}


.sec04_textArea3 {
    position: absolute;
    top: 74.5%;
    left: 27.3%;
    font-size: 0.78vw;
    width: 30%;
    height: 20%;
}

.sec04_text3_small{
    position: absolute;
    top: 95.2%;
    left: 30%;
}


.sec05 {
    background:  no-repeat top center #ffe5a8;
    margin: 0 auto;
    font-family: 'A-OTF ゴシックMB101 Pro';
}


.sec05_textArea{




}

.sec05_tex1 {
    position: absolute;
    top: 14%;
    font-size: 0.79vw;
    left: 31.3%;
}

.sec5_link{
    font-size: 0.78vw;
    position: absolute;
    top: 45.2%;
    left: 31.5%;
}

.sec05_tex2 {
    position: absolute;
    top: 51.5%;
    left: 30.5%;
    font-size: 0.8vw;
}

.sec05_tex3 {
    position: absolute;
    top: 71.45%;
    left: 33.3%;
    color: #C00000;
    font-weight: bold;
    font-size: 0.65vw;
}

.sec05_textArea_float{
    position: absolute;
    top: 80.3%;
    left: 25%;
    text-align: center;
    width: 50%;
}

.sec05_textArea_float_title{    
    color: #fff;
    font-size: 1.2vw;    
}

.sec05_textArea_float_discription{

    font-size: 0.75vw;

}

.sec05_textArea_float_left{
    float: left;
    margin-right: 7%;
}

.sec05_textArea_float_left_title{
    position: relative;
    top: -4px;
    left: 6.5%;;

}

.sec05_textArea_float_left_discription{
    position: relative;
    top: 21px;
}


.sec05_textArea_float_center{
    float: left;
    margin-right: 5%;
}


.sec05_textArea_float_center_title{
    position: relative;
    top: -20px;
    left: 2%;

}

.sec05_textArea_float_center_discription{
    position: relative;
    top: -12px;
}


.sec05_textArea_float_right{
    float: left;
    margin-left: 1%;
}


.sec05_textArea_float_right_title{
    position: relative;
    top: -20px;
    left: 6px;
}

.sec05_textArea_float_right_discription{
    position: relative;
    top: -13px;
}

.sec06 {
    font-family: 'A-OTF ゴシックMB101 Pro';
    background-color: #F1F1F1;
    margin: 0 auto;

}

.sec6_voiceImg{
    position: absolute;
    top: -5.3%;
    left: 41%;
    width: 18%;
}

.sec06_textArea{    
    position: absolute;
    top: 22%;
    left: 50.5%;
    font-size: 0.79vw;    
}


.sec06_text1{



}

.sec06_textArea2{    
    position: absolute;
    top: 49%;
    font-size: 0.79vw;
    left: 50.5%;
}

.sec06_text2{



}


.sec07 {
    background:  no-repeat top center #ffd87f;
    margin: 0 auto;
}

.sec08 {
    background-color: #000;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.sec09 {
    background-color: #F1F1F1;
    margin: 0 auto;
}

.sec9_btArea{
    position: absolute;
    top: 57.5%;
    left: 34.5%;
    width: 100%;
}

.sec9_btArea a :hover {
    opacity: 0.7;
}


.sec9_bt_try2_flame{
    max-width: 620px;
    width: 30%;
}

.sec10 {
    background-color: #fff;
    margin: 0 auto;
}


.sec10_fancList_free{
    width: 1000px;
    margin: 0 auto;
    position: absolute;
    top: 17%;
    left: 24%;
    border: 1px solid #ccc;

}

.sec10_fancList_free_title{

}


.sec10_fancList_free_slide{
    overflow-y: hidden;
    padding-left: 1%;
}



.sec10_fancList_toll{
    width: 1000px;
    margin: 0 auto;
    position: absolute;
    top: 53.5%;
    left: 24%;
    border: 1px solid #ccc;

}

.sec10_fancList_toll_title{

}

.sec10_fancList_toll_img{
    margin-bottom: 1px;
}


.arrow1 {
    position: relative;
    display: inline-block;
    padding-left: 12px;
}
.arrow1:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 4px transparent;
    border-left: solid 6px #000;
    position: absolute;
    top: 53%;
    left: 0;
    margin-top: -4px;
}

.displayFormat{
    text-decoration: underline;
}


@media screen and (min-width: 1900px){

    .sec01_btArea_text {
        font-size: 15px;
    }

    .sec01_textArea_big{
        font-size: 62px;
    }

    .sec01_textArea_small{
        font-size: 14px;
    }

    .sec03_textArea {
        font-size: 15px;
    }

    .sec04_textArea {
        font-size: 15px;
    }

    .sec04_textArea2 {
        font-size: 15px;
    }

    .sec04_textArea3 {
        font-size: 15px;
    }

    .sec05_tex1 {
        font-size: 15px;
    }

    .sec05_tex2 {
        font-size: 15px;
    }

    .sec05_textArea_float_title {
        font-size: 22px;
    }

    .sec05_textArea_float_discription {
        font-size: 14px;
    }

    .sec06_textArea {
        font-size: 15px;
    }

    .sec06_textArea2 {
        font-size: 15px;
    }

}


@media screen and (max-width: 1880px){


    .sec01_textArea_big{
        /*font-size: 60px;*/
        line-height: 74px;
    }

    .sec01_textArea_small{
        line-height: 20px;
    }

    .sec10_fancList_free {
        position: absolute;
        left: 23%;
    }

    .sec10_fancList_toll {
        position: absolute;
        top: 55%;
        left: 23%;
    }

}





@media screen and (max-width: 1800px){


    .sec01_btArea_text_small{
        font-size: 11px;
        position: relative;
    }

    .sec01_textArea_big{
        /*font-size: 57px;*/
        line-height: 70px;
    }

    .sec01_textArea_small{
        line-height: 20px;
    }  

    .sec10_fancList_free {
        position: absolute;
        left: 21.8%;
    }

    .sec10_fancList_toll {
        position: absolute;
        top: 56%;
        left: 21.8%;
    }


}


@media screen and (max-width: 1750px){


    .sec01_textArea_big{
        /*font-size: 55px;*/
        line-height: 65px;
    }

    .sec01_textArea_small{
        line-height: 20px;
    }       

    .sec10_fancList_free {
        position: absolute;
        left: 21.2%;
    }

    .sec10_fancList_toll {
        position: absolute;
        top: 57%;
        left: 21.2%;
    }

}

@media screen and (max-width: 1700px){

    .sec10_fancList_free {
        position: absolute;
        left: 20.3%;
    }

    .sec10_fancList_toll {
        position: absolute;
        top: 59%;
        left: 20.3%;
    }

}


@media screen and (max-width: 1650px){

    .sec10_fancList_free {
        position: absolute;
        left: 19.3%;
    }

    .sec10_fancList_toll {
        position: absolute;
        top: 61%;
        left: 19.3%;
    }

}


@media screen and (max-width: 1630px){


    .sec01_textArea_big{
        /*font-size: 50px;*/
        line-height: 61px;
    }

    .sec01_textArea_small{
        line-height: 20px;
    }   

    .sec05_textArea_float_left_discription {
        position: relative;
        top: 15px;
    }

    .sec10_fancList_free {
        position: absolute;
        left: 19%;
    }

    .sec10_fancList_toll {
        position: absolute;
        left: 19%;
    }

}

@media screen and (max-width: 1550px){


    .sec01_textArea_big{
        /*font-size: 49px;*/
        line-height: 58px;
    }

    .sec01_textArea_small{
        line-height: 18px;
    }   

    .sec06_textArea{    
        font-size: 12px;
    }

    .sec06_textArea2{    
        font-size: 12px;
    }

    .sec10_fancList_free {
        position: absolute;
        left: 17.3%;
    }

    .sec10_fancList_toll {
        position: absolute;
        top: 63%;
        left: 17.3%;
    }

}

@media screen and (max-width: 1500px){

    .sec01_btArea_text{
        font-size: 11px;
    }

    .sec01_btArea_text_small{
        font-size: 10px;
    }


    .sec01_textArea_big{
        font-size: 49px;
        line-height: 53px;
    }

    .sec01_textArea_small{
        font-size: 12px;
        line-height: 18px;
    }


    .sec03_textArea{
        font-size: 12px;
    }

    .sec04_text1 {
        font-size: 11.9px;
    }

    .sec04_text2 {
        font-size: 12px;
    }

    .sec04_textArea3{
        font-size: 12px;
    }

    .sec05_tex1 {
        font-size: 12px;
    }

    .sec05_tex2 {
        font-size: 12px;
    }



    .sec05_textArea_float_title {
        font-size: 18px;
    }

    .sec05_textArea_float {
        position: absolute;
        left: 25.5%;
    }

    .sec05_textArea_float_discription {
        font-size: 11px;
    }

    .sec05_textArea_float_left {
        float: left;
        margin-right: 7%;
    }

    .sec05_textArea_float_center {
        margin-right: 6%;
    }

    .sec5_link{
        font-size: 12px;        
    }


    .sec10_fancList_free {
        position: absolute;
        left: 16.5%;
    }

    .sec10_fancList_toll {
        position: absolute;
        left: 16.5%;
    }

}