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

/* 共通 */
#wrap{}
.secBox{}
.sectionInner{
    padding: 35px 3% 35px;
}
:root{}

.contentBox{
    padding: 3rem 5% 3rem;
}
.contentsInner{}
.contentBox h3{
    font-size: 1.8rem;
}

/* パンくずリスト */
#breadcrumbArea{
    font-size: 10px;
}
#breadcrumbArea ul{}
#breadcrumbArea li{}
#breadcrumbArea li:after{}
#breadcrumbArea li:last-child:after{}
#breadcrumbArea li.fastCh{}
#breadcrumbArea li a{}

/*  */
.contentsInner .differenceArea{}
.contentsInner .differenceArea .differenceAreaInner{}
.contentsInner .differenceArea .differenceAreaInner .differenceTxt{}
.contentsInner .differenceArea .differenceAreaInner .differenceTxt .differencePrice{}


/* FV */
#fvSec{}
#fvSec .sectionInner{
    margin: 0 auto;
    padding-top: 1em;
}
#fvSec .sectionInner .TtlBox{
    margin-bottom: 3em;
}
#fvSec .sectionInner .TtlBox h2{
    font-size: 32px;
}
#fvSec .sectionInner .contentPrice{
    padding: 2.5em 4% 2em;
}
#fvSec .sectionInner .contentPrice h3{}
#fvSec .sectionInner .contentPrice h3 span{}
#fvSec .sectionInner .contentPrice .contentsInner{}
#fvSec .sectionInner .contentPrice .contentsInner .filterResults{
    font-size: 110%;
}
#fvSec .sectionInner .contentPrice .contentsInner .filterResults p{
    line-height: 1;
}
#fvSec .sectionInner .contentPrice .contentsInner .filterResults p:has(.Country){}
#fvSec .sectionInner .contentPrice .contentsInner .filterResults .Period{}
#fvSec .sectionInner .contentPrice .contentsInner .filterResults .Purpose{}

#fvSec .sectionInner .contentPrice .contentsInner .filterResults .Period:after{}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox{}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox .totalPrice{
    font-size: 4rem;
    margin: 0 auto 0.3em;
}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox .notes{}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox .optionInfoBox{
    justify-content: center;
    gap: 4%;
}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox .optionInfoBox dl{
    width: 37%;
    gap: 0.1em 1em;
}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox .optionInfoBox dl dt{
    font-size: 110%;
}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox .optionInfoBox dl dd{
    font-size: 80%;
}

#fvSec .sectionInner .contentPrice .contentsInner .priceBox .optionInfoBox dl dd:before{}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox .optionInfoBox dl.included{}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox .optionInfoBox dl.included dt{}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox .optionInfoBox dl.notIncluded{}
#fvSec .sectionInner .contentPrice .contentsInner .priceBox .optionInfoBox dl.notIncluded dt{}

#fvSec .sectionInner .notes{}
#fvSec .sectionInner .notes .contentsInner .attentionLists{
    font-size: 85%;
}
#fvSec .sectionInner .notes .contentsInner .attentionLists li{
    font-size: 1.2rem;
}
#fvSec .sectionInner .notes .contentsInner .attentionLists li:before{}





/* 市場価格との比較 */
#cpSec{}
#cpSec .sectionInner{}
#cpSec .sectionInner .TtlBox{}
#cpSec .sectionInner .contentCp{}
#cpSec .sectionInner .contentCp h3{}
/* #cpSec .sectionInner .contentCp h3:before{content:"";position: absolute;left: 0;width: 22px;height: 22px;background-image:url("../images/icon_chart.png");background-repeat: no-repeat;background-size: contain;} */
#cpSec .sectionInner .contentCp h3 span{}
#cpSec .sectionInner .contentCp .contentsInner{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow .barLabels{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow .barLabels .graphTitle{}

#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow .barLabels .graphTitle:before{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow.lastresort .barLabels .graphTitle:before{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow.lastresort .barLabels .graphTitle,
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow.lastresort .barLabels .priceTxt{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow .barLabels .priceTxt{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow .barLabels .priceTxt span{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow .barLabels .priceTxt span#avgPrice{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow .barLabels .priceTxt span#ourPrice{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow .barTrack{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow.lastresort .barTrack{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow .barTrack .barFillComp{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .barRow.lastresort .barTrack .barFillComp{}

#cpSec .sectionInner .contentCp .contentsInner .resultsBox .differenceArea{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .differenceArea .differenceAreaInner{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .differenceArea .differenceAreaInner p{}
#cpSec .sectionInner .contentCp .contentsInner .resultsBox .differenceArea .differenceAreaInner p #differencePrice{}

#cpSec .sectionInner .contentCp .contentsInner .attentionLists{}
#cpSec .sectionInner .contentCp .contentsInner .attentionLists li{}
#cpSec .sectionInner .contentCp .contentsInner .attentionLists li:before{}


#cpSec .sectionInner .contentCp .contentsInner form#inpost{}
#cpSec .sectionInner .contentCp .contentsInner form#inpost .listItem{
    justify-content: center;
    gap: 3%;
}
#cpSec .sectionInner .contentCp .contentsInner form#inpost .listItem:has(button){}
#cpSec .sectionInner .contentCp .contentsInner form#inpost .listItem .num{}
#cpSec .sectionInner .contentCp .contentsInner form#inpost .listItem .heading{
    width: 20%;
    font-size: 1.6rem;
}
#cpSec .sectionInner .contentCp .contentsInner form#inpost .listItem .heading strong{}
#cpSec .sectionInner .contentCp .contentsInner form#inpost .listItem select{}
#cpSec .sectionInner .contentCp .contentsInner form#inpost .listItem select option{}



/* 費用と特徴 */
#infoSec{}
#infoSec .sectionInner{*/
    padding-top: 3em;
*/
    padding-top: 3em;
    padding-top: 5em;
}
#infoSec .sectionInner .TtlBox{}
#infoSec .sectionInner .contentInfo{}
#infoSec .sectionInner .contentInfo h3{}
#infoSec .sectionInner .contentInfo h3 span{}
#infoSec .sectionInner .contentInfo .contentsInner{}
#infoSec .sectionInner .contentInfo .contentsInner .contentItems{}
#infoSec .sectionInner .contentInfo .contentsInner .contentItems h4{
    font-size: 1.8rem;
}
#infoSec .sectionInner .contentInfo .contentsInner .contentItems .answerTxt{font-size: 1.4rem;}
#infoSec .sectionInner .contentInfo .contentsInner .contentItems .answerTxt .floatR{}

#infoSec .sectionInner .contentInfo .contentsInner .includedItems{}
#infoSec .sectionInner .contentInfo .contentsInner .includedItems ul{}
#infoSec .sectionInner .contentInfo .contentsInner .includedItems ul li{}
#infoSec .sectionInner .contentInfo .contentsInner .includedItems ul li.free{}
#infoSec .sectionInner .contentInfo .contentsInner .regardingFees{}
#infoSec .sectionInner .contentInfo .contentsInner .regardingFees .tableInner{}
#infoSec .sectionInner .contentInfo .contentsInner .regardingFees .referenceTable{
    width: 100%;
}
#infoSec .sectionInner .contentInfo .contentsInner .regardingFees .referenceTable tr{}
#infoSec .sectionInner .contentInfo .contentsInner .regardingFees .referenceTable thead th{}
#infoSec .sectionInner .contentInfo .contentsInner .regardingFees .referenceTable tbody th{}
#infoSec .sectionInner .contentInfo .contentsInner .regardingFees .referenceTable tbody td{}
#infoSec .sectionInner .contentInfo .contentsInner .reasonBox{}
#infoSec .sectionInner .contentInfo .contentsInner .reasonBox .answerTxt{}
#infoSec .sectionInner .contentInfo .contentsInner .adviceBox{}
#infoSec .sectionInner .contentInfo .contentsInner .adviceBox h4{}
#infoSec .sectionInner .contentInfo .contentsInner .adviceBox .adviceTxt{
    /* font-size: 100%; */
    font-size: 1.4rem;
}
#infoSec .sectionInner .contentInfo .contentsInner .adviceBox .adviceTxt img{}

#infoSec .sectionInner .contentInfo .seasonalcontents{}
#infoSec .sectionInner .contentInfo .seasonalcontents .reasonBox{}
#infoSec .sectionInner .contentInfo .seasonalcontents .reasonBox .imgBox{}
#infoSec .sectionInner .contentInfo .seasonalcontents .reasonBox .imgBox img{}



/* 申し込みボタン類 */
#ctaSec{}
#ctaSec .sectionInner{}

#ctaSec .sectionInner .contentBox{
    /* padding: 4.9em; */
    padding-top: calc(8% + 0.5em);
}
#ctaSec .sectionInner .contentBox .abroadQuestions {
    top: calc(8% + -4px);
}
#ctaSec .sectionInner .contentBox .abroadQuestions p {
    /* font-size: 100%; */
}
#ctaSec .sectionInner .contentBox .abroadQuestions p:after{}

#ctaSec .sectionInner .contentBox h3{
    margin-top: 0;
    padding: 11px 0;
    font-size: 150%;
}


#ctaSec .sectionInner .searchBtn{}
#ctaSec .sectionInner .searchBtn p{}
#ctaSec .sectionInner .searchBtn .counselingBtn{}
#ctaSec .sectionInner .searchBtn .lineBtn{}
#ctaSec .sectionInner .searchBtn .estimateBtn{}
#ctaSec .sectionInner .searchBtn p a{
    display: block;
    width: 80%;
}
#ctaSec .sectionInner .searchBtn .counselingBtn a{}
#ctaSec .sectionInner .searchBtn .lineBtn a{}
#ctaSec .sectionInner .searchBtn .estimateBtn a{}
#ctaSec .sectionInner .searchBtn p a:after{}
#ctaSec .sectionInner .searchBtn p a:before,
#ctaSec .sectionInner .searchBtn p a:after{}

#ctaSec .sectionInner .searchBtn p a:before{}
#ctaSec .sectionInner .searchBtn p a:after{}
#footerArea{padding-top: 0.5em;padding-bottom: var(--bottomBtn-height);}


.optionInfoBox{
    margin: 1.5em auto;
}
.optionInfoBox dl{
    /* width: 37%; */
    gap: 0.1em 1em;
}
.optionInfoBox dl dt{
    font-size: 1.6rem;
}
.optionInfoBox dl dd{
    font-size: 1.4rem;
}

.optionInfoBox dl dd:before{}
.optionInfoBox dl.included{}
.optionInfoBox dl.included dt{}
.optionInfoBox dl.notIncluded{}
.optionInfoBox dl.notIncluded dt{}