@charset "utf-8";

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

		app_smartflight

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

			PC + SP

==============================*/
/*--------------------------------------------------
		body
--------------------------------------------------*/
.txtMincho {
	font-family: "YuMincho", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
/*--------------------------------------------------
		l-content
--------------------------------------------------*/
.l-content {
	color: #FFFFFF;
	background: #000000;
}
@media screen and (max-width: 767px) {
}
/*==============================

			PC

==============================*/
@media screen and (min-width: 768px) {
    .spOnly{display: none !important;}

    /*--------------------------------------------------
            l-content-main
    --------------------------------------------------*/
    .l-content-main {
        padding: 60px 0 100px 0;
    }
    .l-content-main p {
        margin: 0;
    }
    /*--------------------------------------------------
            inner1000
    --------------------------------------------------*/
    .inner1000 {
        max-width: 1000px;
        margin: 0 auto;
    }
    /*--------------------------------------------------
            secMain
    --------------------------------------------------*/
    .secMain {
        padding: 0 0 73px 0;
    }
    .secMain .block01 {
        width: 100%;
    }
    .secMain .block01 h1,
    .secMain .block01 .img01,
    .secMain .block01 .img02 {
        display: block;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .secMain .block01 h1 {
        width: 100%;
        height: 0;
        padding-top: calc(417 / 1000 * 100%);
        margin: 0 auto;
        background: url(../img/pc/kv_01.png) no-repeat 0 0;
        background-size: 100%;
    }
    .secMain .block01 .img01 {
        width: 100%;
        height: 0;
        padding-top: calc(83 / 1000 * 100%);
        margin: 0 auto;
        background: url(../img/pc/kv_02.png) no-repeat 0 0;
        background-size: 100%;             
    }
    /*--------------------------------------------------
            sec01
    --------------------------------------------------*/
    .sec01 .block01 h2,
    .sec01 .block01 .box02 h3{
        display: block;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .sec01 .block01 h2 {
        width: calc(442 / 1000 * 100%);
        height: 0;
        padding-top: calc(84 / 1000 * 100%);
        margin: 0 auto 44px;
        background: url(../img/pc/txt_01.png) no-repeat 0 0;
        background-size: 100%;
    }
    .sec01 .block01 .box01 {
        position: relative;
    }
    .sec01 .block01 .box01 .btn {
        width: calc(440 / 1000 * 100%);
        padding-top: calc(600 / 1000 * 100%);
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
    }
    .sec01 .block01 .box02 {
        background-color: #fff;
        padding: 50px 0;
    }
    .sec01 .block01 .box02 h3 {
        width: calc(692 / 1000 * 100%);
        height: 0;
        padding-top: calc(34 / 1000 * 100%);
        margin: 0 auto 50px;
        background: url(../img/pc/txt_02.png) no-repeat 0 0;
        background-size: 100%;
    }
    .sec01 .block01 .box02 .cam_txtbox{
        width: calc(892 / 1000 * 100%);
        margin: 0 auto 42px;
        position: relative;
    }
    .sec01 .block01 .box02 .cam_txtbox li{
        font-size: 13px;
        color: #000;
        line-height: 1.8;
        text-indent: -1em;
        padding-left: 1em;
    }
    .sec01 .block01 .box02 .cam_box {
        width: calc(892 / 1000 * 100%);
        margin: 0 auto;
        position: relative;
    }
    .sec01 .block01 .box02 .cam_box:not(:last-child) {
        margin-bottom: 42px;
    }
    .sec01 .block01 .box02 .cam_box_01 .cam_box_btn {
        display: flex;
        width: calc(772 / 892 * 100%);
        padding-top: calc(370 / 892 * 100%);
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
    }
    .sec01 .block01 .box02 .cam_box_01 .cam_box_btn li {
        width: 49%;
    }
    .sec01 .block01 .box02 .cam_box_01 .cam_box_btn li:last-child {
        margin-left: 2%;
    }
    .sec01 .block01 .box02 .cam_box_02 .btn {
        width: calc(440 / 892 * 100%);
        padding-top: calc(480 / 892 * 100%);
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
    }
    .sec01 .block02 {
        background-color: #ededed;
        padding-bottom: 20px;
    }
    .sec01 .block02 > p:first-child {
        margin-bottom: 20px;
    }
    .sec01 .block02 .notes_box {
        width: calc(892 / 1000 * 100%);
        margin: 0 auto;
        font-size: 13px;
        color: #000;
        line-height: 1.8;
    }
    .sec01 .block02 .notes_box:not(:last-child) {
        margin-bottom: 20px;
    }
    .sec01 .block02 .notes_box_ttl {
        padding: 10px 0;
        border-bottom: 1px solid #000;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
    }
    .sec01 .block02 .notes_box dl {
        display: flex;
        margin-top: 1em
    }
    .sec01 .block02 .notes_box dt {
        width: 50px;
        padding: 0 0 0 10px;
    }
    .sec01 .block02 .notes_box dt img + img {
        margin-top: 10px
    }
    .sec01 .block02 .notes_box dd {
        width: 95%;
    }
    .sec01 .block02 .notes_box li {
        text-indent: -1em;
        padding-left: 1em;
    }
    .sec01 .block02 .notes_box p:not(:first-child),
    .sec01 .block02 .notes_box ul:not(:first-child) {
        margin-top: 1em;
    }
    .sec01 .block03 .btn {
        width: calc(440 / 1000 * 100%);
        margin: 0 auto 40px;
    }
}

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

			SP

==============================*/
@media screen and (max-width: 767px) {

    .pcOnly{display: none !important;}


    /*--------------------------------------------------
            inner96
    --------------------------------------------------*/
    .inner96 {
        padding: 0 2%;
    }

    /*--------------------------------------------------
            secMain
    --------------------------------------------------*/
    .secMain {
        padding: 4vw 0;
    }
    .secMain .block01 h1,
    .secMain .block01 .img01 {
        display: block;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .secMain .block01 h1 {
        width: 100%;
        height: 0;
        padding-top: calc(417 / 750 * 100%);
        margin: 0 auto;
        background: url(../img/sp/kv_01.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .secMain .block01 .img01 {
        width: 100%;
        height: 0;
        padding-top: calc(83 / 750 * 100%);
        margin: 0 auto;
        background: url(../img/sp/kv_02.png) no-repeat 0 0;
        background-size: 100% auto;           
    }
    /*--------------------------------------------------
            sec01
    --------------------------------------------------*/
    .sec01 img{
        display: block;
    }
    .sec01 p {
        margin: 0;
    }
    .sec01 .block01 h2,
    .sec01 .block01 .box02 h3{
        display: block;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .sec01 .block01 h2 {
        width: 100%;
        height: 0;
        padding-top: calc(185 / 750 * 100%);
        background: url(../img/sp/txt_01.png) no-repeat 0 0;
        background-size: 100%;
    }
    .sec01 .block01 .box01 {
        position: relative;
    }
    .sec01 .block01 .box01 .btn {
        width: calc(640 / 750 * 100%);
        padding-top: calc(598 / 750 * 100%);
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
    }
    .sec01 .block01 .box02 {
        background-color: #fff;
    }
    .sec01 .block01 .box02 h3 {
        width: 100%;
        height: 0;
        padding-top: calc(108 / 750 * 100%);
        background: url(../img/sp/txt_02.png) no-repeat 0 0;
        background-size: 100%;
    }
    .sec01 .block01 .box02 .cam_txtbox{
        width: calc(685 / 750 * 100%);
        margin: 0 auto 4.4vw;
        position: relative;
    }
    .sec01 .block01 .box02 .cam_txtbox li{
        font-size: 12px;
        color: #000;
        line-height: 1.8;
        text-indent: -1em;
        padding-left: 1em;
    }
    .sec01 .block01 .box02 .cam_box {
        width: calc(685 / 750 * 100%);
        margin: 0 auto;
        position: relative;
    }
    .sec01 .block01 .box02 .cam_box:not(:last-child) {
        margin-bottom: 4.4vw;
    }
    .sec01 .block01 .box02 .cam_box_01 .cam_box_btn {
        width: calc(598 / 685 * 100%);
        padding-top: calc(630 / 685 * 100%);
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
    }
    .sec01 .block01 .box02 .cam_box_01 .cam_box_btn li:last-child {
        margin-top: 5vw;
    }
    .sec01 .block01 .box02 .cam_box_02 .btn {
        width: calc(598 / 685 * 100%);
        padding-top: calc(790 / 685 * 100%);
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
    }
    .sec01 .block02 {
        background-color: #ededed;
    }
    .sec01 .block02 > p:first-child {
        margin-bottom: 20px;
    }
    .sec01 .block02 .notes_box {
        width: calc(685 / 750 * 100%);
        margin: 0 auto;
        font-size: 12px;
        color: #000;
        line-height: 1.8;
    }
    .sec01 .block02 .notes_box:not(:last-child) {
        margin-bottom: 30px
    }
    .sec01 .block02 .notes_box_ttl {
        padding: 2vw 0;
        border-bottom: 1px solid #000;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
    }
    .sec01 .block02 .notes_box dl {
        margin-top: 1.5em;
    }
    .sec01 .block02 .notes_box dt {
        height: 20px;
        margin-bottom:10px;
        text-align: center;
    }
    .sec01 .block02 .notes_box dt img {
        width: auto;
        height: 20px;
        display: inline-block;
    }
    .sec01 .block02 .notes_box li {
        text-indent: -1em;
        padding-left: 1em;
    }
    .sec01 .block02 .notes_box p:not(:first-child),
    .sec01 .block02 .notes_box ul:not(:first-child) {
        margin-top: 1.5em;
    }
    .sec01 .block03 .btn {
        width: calc(640 / 750 * 100%);
        margin: 4vw auto;
    }
}

.disable{
   pointer-events: none;
}

.txt_blc {
	color: #CC0000 !important;
}