/* CSS Document */ @font-face { font-family: "minamoto_l"; src: url("fonts/minamoto_l.woff") format("woff"); } @font-face { font-family: "JosefinSans-R"; src: url("fonts/JosefinSans-R.woff") format("woff"); } @font-face { font-family: "JosefinSans-SemiB"; src: url("fonts/JosefinSans-SemiB.woff") format("woff"); } @font-face { font-family: "logotype"; src: url("fonts/logotype.woff") format("woff"); } @font-face { font-family: "GenEiGothicM-R"; src: url("fonts/GenEiGothicM-R.woff") format("woff"); } @font-face { font-family: "HindGuntur-M"; src: url("fonts/HindGuntur-M.woff") format("woff"); } html,body { width: 100%; } body { color: #4C4948; margin: 0 auto; font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; background: #FFFFFF; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; } .mb0 { margin-bottom: 0px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .pb0 { padding-bottom: 0px !important; } .pb10 { padding-bottom: 10px !important; } .p15 { padding: 0 15px !important; } .pt10 { padding-top: 10px !important; } .pt15 { padding-top: 15px !important; } .pt20 { padding-top: 20px !important; } .pt30 { padding-top: 30px !important; } .pt40 { padding-top: 40px !important; } .mb05em { margin-bottom: 0.5em !important; } .mb1em { margin-bottom: 1em !important; } .mb2em { margin-bottom: 2em !important; } .mb3em { margin-bottom: 3em !important; } .mb4em { margin-bottom: 4em !important; } .pb05em { padding-bottom: 0.5em !important; } .mr0 { margin-right: 0 !important; } li { list-style: none; } p { text-align: justify; -ms-text-justify: auto; text-justify: auto; text-justify: inter-ideograph; } img { vertical-align: bottom; max-width: 100%; } .noborder { border: none !important; } .nomargin { margin: 0 0 !important; } .ta_r { text-align: right; } .ta_c { text-align: center; } .cf:before,.cf:after { content:""; display:table; } .cf:after { clear:both; } .cf { zoom:1; } a { color: #4C4948; text-decoration: none; } .loading-area{background:#fff;width:100%;height:100%;height:100vh;position:fixed; z-index: 22000;} .loading-area .loadeing-logo-area{position:absolute;top:144px;bottom:0;left:10px;right:0;margin:auto; width:580px;height:440px; text-align: center;} @media screen and (max-width: 1119px){.loading-area .loadeing-logo-area{top:0;bottom:0;left:0;right:0;margin:auto}} @media screen and (max-width: 750px){.loading-area .loadeing-logo-area{top:0;bottom:0;left:0;right:0;margin:auto;width:50%;height:300px} .loading-area .loadeing-logo-area img{width:100%}} .loading-area .loadeing-logo-area i{color:#ccc;display:block;margin:30px auto 0} @media (min-width:751px){ .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } .mb60 { margin-bottom: 60px !important; } .mb70 { margin-bottom: 70px !important; } .mb80 { margin-bottom: 80px !important; } .mb100 { margin-bottom: 100px !important; } .mb120 { margin-bottom: 120px !important; } .pt50 { padding-top: 50px !important; } .ls-1 { letter-spacing: -1px; } .ls-2 { letter-spacing: -2px; } .ls-3 { letter-spacing: -3px; } .ls-4 { letter-spacing: -4px; } a { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a img{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a:active, a:hover, a:hover img { opacity: 0.7; } .img_hidden { opacity: 0; transition: 1s; } .img_open { -moz-animation: imgfade 1s linear 0s 1 normal forwards; -webkit-animation: imgfade 1s linear 0s 1 normal forwards; -o-animation: imgfade 1s linear 0s 1 normal forwards; -ms-animation: imgfade 1s linear 0s 1 normal forwards; } .img_open.ih2 { -moz-animation: imgfade 1s linear 0.3s 1 normal forwards; -webkit-animation: imgfade 1s linear 0.3s 1 normal forwards; -o-animation: imgfade 1s linear 0.3s 1 normal forwards; -ms-animation: imgfade 1s linear 0.3s 1 normal forwards; } .img_open.ih3 { -moz-animation: imgfade 1s linear 0.6s 1 normal forwards; -webkit-animation: imgfade 1s linear 0.6s 1 normal forwards; -o-animation: imgfade 1s linear 0.6s 1 normal forwards; -ms-animation: imgfade 1s linear 0.6s 1 normal forwards; } .scale_n1 , .scale_n2 , .scale_n3 , .scale_n4 { opacity: 0; transition: 0.6; } .scale_01 { -moz-animation: scale_a 0.6s linear 0s 1 normal forwards; -webkit-animation: scale_a 0.6s linear 0s 1 normal forwards; -o-animation: scale_a 0.6s linear 0s 1 normal forwards; -ms-animation: scale_a 0.6s linear 0s 1 normal forwards; } .scale_02 { -moz-animation: scale_a 0.6s linear 0.3s 1 normal forwards; -webkit-animation: scale_a 0.6s linear 0.3s 1 normal forwards; -o-animation: scale_a 0.6s linear 0.3s 1 normal forwards; -ms-animation: scale_a 0.6s linear 0.3s 1 normal forwards; } .scale_03 { -moz-animation: scale_a 0.6s linear 0.6s 1 normal forwards; -webkit-animation: scale_a 0.6s linear 0.6s 1 normal forwards; -o-animation: scale_a 0.6s linear 0.6s 1 normal forwards; -ms-animation: scale_a 0.6s linear 0.6s 1 normal forwards; } .scale_04 { -moz-animation: scale_a 0.6s linear 0.9s 1 normal forwards; -webkit-animation: scale_a 0.6s linear 0.9s 1 normal forwards; -o-animation: scale_a 0.6s linear 0.9s 1 normal forwards; -ms-animation: scale_a 0.6s linear 0.9s 1 normal forwards; } .for_sp{display: none !important;} body { font-size: 14px; line-height: 16px; } .wrap { position: relative; /*border-top: solid 10px #F3A83B;*/ } /*追従ナビここから*/ #fnav { min-height: 113px; width: 100%; position: fixed; top:-113px; z-index: 10000; background: #FFFFFF; border-bottom: #534741 1px solid; } /*#fnav_in { height: 55px; width: 100%; position: relative; z-index: 13000; }*/ #fnav .logo_fnav { width: 100%; /*border-bottom: solid 1px #EEEEEE; background-color:#FFFFFF;*/ } #fnav .logo_fnav .logo_fnav_in { position: relative; width: 1100px; /*height: 45px;*/ margin: auto; } #fnav .logo_fnav .logo_fnav_in h1 { position: absolute; top:5px; left: 0; } #fnav .logo_fnav .logo_fnav_in ul { position: absolute; top:5px; right: 0; z-index: 20; } #fnav .logo_fnav .logo_fnav_in ul li { display: inline-block; margin-right: 80px; vertical-align: top; text-align: right; } #fnav .logo_fnav .logo_fnav_in ul li:last-child { margin-right: 0; } /*#fnav .logo_fnav .logo_fnav_in ul li:nth-child(1) a , #fnav .logo_fnav .logo_fnav_in ul li:nth-child(2) a , #fnav .logo_fnav .logo_fnav_in ul li:nth-child(3) a { font-size:22px; color:#000000; } #fnav .logo_fnav .logo_fnav_in ul li:nth-child(4) a { display: block; border:solid 1px #000000; line-height: 20px; color: #000000; text-align: center; padding: 0 25px; font-size:11px; } #fnav .logo_fnav .logo_fnav_in ul li:nth-child(4) a:hover { background-color: #000000; color: #FFFFFF; } #fnav .logo_fnav .logo_fnav_in ul li:last-child { color: #6F3380; text-align: center; padding-top:4px; font-size: 18px; font-weight: bold; font-family: "JosefinSans-SemiB"; letter-spacing: 1px; }*/ #fnav_in a { cursor: pointer; } .fnav_in_bg{ background-color:#FFFFFF; } #fnav .mainw { position: relative; } #fnav .f_gnav { text-align: center; position: relative; top:68px; width: 700px; margin-right: 0; margin-left: auto; } #fnav .f_gnav li { display: inline-block; line-height: 45px; width: 140px; height: 45px; position: relative; } #fnav .f_gnav li a { display: block; line-height: 45px; /*padding-top: 10px;*/ font-weight: bold; width: 140px; height: 45px; /*padding-right: 25px;*/ font-size: 15px; position: relative; border-bottom: solid 1px transparent ; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } #fnav .f_gnav li:first-child a img { vertical-align: middle; } /*#fnav .f_gnav li:last-child a { text-align: right; }*/ /* #fnav .f_gnav li a::after { content: "\f106"; position:absolute; bottom:-5px; left: 50%; line-height: 1; margin-left: -3px; color: transparent; font-family: FontAwesome; font-size: 13px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } #fnav .f_gnav li a:hover {border-bottom: solid 1px #6F3380; } #fnav .f_gnav li a:hover::after { content:"\f106"; font-size: 13px; font-family: FontAwesome; position: absolute; color: #6F3380; bottom: -5px; left:50%; margin-left: -3px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } */ /*#fnav .f_gnav .pop_rsv { width: 120px; position: absolute; right: 130px; } #fnav .f_gnav .pop_rsv a { background: rgba(23,30,89,0.8); display: block; text-align: center; color: #ffffff; border: #181F60 1px solid; width: 120px; height: 28px; line-height: 28px; text-align: center; padding-right: 0; margin-top: 16px; } #fnav .f_gnav .btn_plan { width: 120px; position: absolute; right: 0; } #fnav .f_gnav .btn_plan a { background: rgba(26,27,33,0.8); display: block; text-align: center; color: #ffffff; border: #1A1B21 1px solid; width: 120px; height: 28px; line-height: 28px; text-align: center; padding-right: 0; margin-top: 16px; }*/ /*#fnav .gnav li,#fnav .gnav li a { width: 130px; } #fnav .gnav li a:after,#fnav .gnav li a.active:after { width: 120px; }*/ .f_gnav li .gnav_subwrap { position: absolute; top: 60px; left: 0; } /*追従ナビここまで*/ /* PCのみ 追従ナビ内サブウィンドウ（サービスの分類）ここから */ /* .sub_win { background-color: rgba(234,232,243,0.95); padding: 35px 0 20px; } .sub_win_ttl { width: 140px; float: left; margin-left:50px; margin-right: 90px; margin-top:50px; } .sub_win_content { width: 185px; float: left; margin-right: 10px; } .sub_win_content dt { font-size: 14px; line-height: 27px; text-align: center; background-color: #978CBE; color: #FFFFFF; visibility: hidden; } .sub_win_content li { width: 185px; height: 45px; } .sub_win_content li a { display: block; position: relative; width: 100%; height: 45px; padding-left: 10px; color: #000000; font-size: 14px; line-height: 45px; } .sub_win_content li a::after { content: "\f105"; font-family: "FontAwesome"; position: absolute; right: 0; color: #6F3380; } */ /* PCのみ 追従ナビ内サブウィンドウ（サービスの分類）ここまで */ #header_wrap { height: 95px; width: 100%;} header { width: 100%; position: absolute; z-index: 10; height: 95px; } header .mainw { position: relative; height: 95px; } header h1 { position: absolute; left: 0; width: 375px; top:20px; } header h1 img { width: 100%; } header ul { position: absolute; top: 20px; right: 0; } header ul li { display: inline-block; margin-right: 80px; vertical-align: top; text-align: right; } header ul li:last-child { margin-right: 0; } #gnav { position: relative; /*left: 0; top:145px; top:0; height: 65px;*/ /*margin-bottom: 10px;*/ border-bottom: solid 1px #DDDEDE; padding-bottom: 5px;} .gnav { display: block; height: 55px; width: 1100px; margin:auto; } .gnav li { float: left; width: 152px; height: 55px; position: relative; } /*.gnav li:after { content: ""; background: #333333; width: 1px; height: 26px; position: absolute; right: 0; top:0; }*/ /*.gnav li::before { content: ""; border-left: 2px dotted #F5C75D; width: 2px; height: 60px; position: absolute; left:0; top :0; display: block; }*/ .gnav li:first-child { width: 337px; } .gnav li a { display: block; width: 152px; height: 55px; font-size: 14px; font-weight: bold; text-decoration: none; padding-top: 8px; line-height: 55px;/* letter-spacing: -4px;*/text-align:center; overflow: hidden; /*border-left: 2px dotted #F5C75D;*/ position: relative;cursor: pointer; color: #ED6C00; border-bottom: solid 1px transparent ; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .gnav li a img { vertical-align: middle; } .gnav li:first-child a { width: 337px; padding-top: 0; } .gnav li a span { font-size: 11px; color: #6F3380; font-family: "JosefinSans-R";} /*.gnav li:last-child a { border-right: 2px dotted #F5C75D; }*/ .gnav li a::after { content: ""; position: absolute; bottom: -5px; left: 50%; width: 2px; height: 10px; background-color: transparent#91643C; /*margin-left: -3px;*/ color: transparent; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } /*.gnav li a:hover,.gnav li a.active {border-bottom: solid 1px #6F3380; }*/ .gnav li a:hover:after,.gnav li a.active:after { background-color: #ED6C00; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .gnav li .gnav_subwrap { position: absolute; top: 65px; left: 0; background-color:#F3A83B; } .gnav li .gnav_subwrap li { height: 35px; } .gnav li .gnav_subwrap a { border-left: none; border-right:none; font-size: 14px; color: #FFFFFF; text-align: left; width: 100%; height: 35px; float: none; padding-top:0; line-height: 1 } .gnav li .gnav_subwrap li:last-child a { border-bottom: none; } .gnav li .gnav_subwrap li a::after {content: "";} .gnav li .gnav_subwrap li a:hover { background-color: #FFFFFF; color:#F3A83B; } .gnav li .gnav_subwrap li a span { display:block; width: 155px; height: 35px; margin:0 auto; border-bottom: 1px dotted rgba(255,255,255,1); line-height: 1;padding-top:9px; padding-bottom: 4px; line-height: 1} .gnav li .gnav_subwrap li:last-child a span { border-bottom:none; } /* .gnav li a.gm0 { background: url("../images/gm00_b.svg") center 30px no-repeat; } .gnav li a.gm1 { background: url("../images/gm01_b.svg") center 30px no-repeat; } .gnav li a.gm2 { background: url("../images/gm02_b.svg") center 30px no-repeat; } .gnav li a.gm3 { background: url("../images/gm03_b.svg") center 30px no-repeat; } .gnav li a.gm4 { background: url("../images/gm04_b.svg") center 30px no-repeat; } .gnav li a.gm5 { background: url("../images/gm05_b.svg") center 30px no-repeat; } .gnav li a.gm6 { background: url("../images/gm06_b.svg") center 30px no-repeat; } .gnav li a.gm7 { background: url("../images/gm07_b.svg") center 30px no-repeat; } .gnav li a.gm8 { background: url("../images/gm08_b.svg") center 30px no-repeat; } .gnav li a.gm9 { background: url("../images/gm09_b.svg") center 30px no-repeat; } */ /*.wmode { background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0)); height: 150px; } .wmode .gnav li a { color: #ffffff; } .wmode .gnav li a.gm0 { background: url("../images/gm00.svg") center 30px no-repeat; } .wmode .gnav li a.gm1 { background: url("../images/gm01.svg") center 30px no-repeat; } .wmode .gnav li a.gm2 { background: url("../images/gm02.svg") center 30px no-repeat; } .wmode .gnav li a.gm3 { background: url("../images/gm03.svg") center 30px no-repeat; } .wmode .gnav li a.gm4 { background: url("../images/gm04.svg") center 30px no-repeat; } .wmode .gnav li a.gm5 { background: url("../images/gm05.svg") center 30px no-repeat; } .wmode .gnav li a.gm6 { background: url("../images/gm06.svg") center 30px no-repeat; } .wmode .gnav li a.gm7 { background: url("../images/gm07.svg") center 30px no-repeat; } .wmode .gnav li a.gm8 { background: url("../images/gm08.svg") center 30px no-repeat; } .wmode .gnav li a.gm9 { background: url("../images/gm09.svg") center 30px no-repeat; }*/ .gnav li a.active:after { opacity: 1; } .gnav li a:hover { opacity: 1; /*margin-top: 10px;*/ } /*.gnav li a:hover:after { opacity: 1; }*/ .gnav .pop_rsv { background: url("../images/gm10.svg") center 30px no-repeat rgba(23,30,89,0.8); display: block; color: #ffffff; width: 28px; height: 150px; border: #181F60 1px solid; } .gnav .btn_plan { background: url("../images/gm11.svg") center 30px no-repeat rgba(26,27,33,0.8); display: block; color: #ffffff; width: 28px; height: 150px; border: #1A1B21 1px solid; } .gnav_sns { width: 100%; border-bottom: solid 1px #EEEEEE; padding-bottom: 10px; } .gnav_sns .mainw { position: relative; } .gnav_sns .mainw .gnav_sns_in { float: right; margin-right: 15px;} .gnav_sns .mainw .gnav_sns_in li { display: inline-block; margin-right: 10px; vertical-align: top; } .gnav_sns .mainw .gnav_sns_in li a { display: block; color: #000000; text-align: center; font-size:22px; } .gnav_sns .mainw .gnav_sns_in li a i { font-size: 22px; } .gnav_sns .mainw .gnav_sns_in li:last-child { color: #6F3380; text-align: center; padding-top:4px; font-size: 18px; font-weight: bold; font-family: "JosefinSans-SemiB"; letter-spacing: 1px;} .gnav_o_link { width: 1100px; margin: auto; } .gnav_o_link ul { float: right; } .gnav_o_link ul li { display: inline-block; margin-right: 10px; vertical-align: top; } .gnav_o_link ul li a { display: block; border:solid 1px #000000; line-height: 20px; color: #000000; text-align: center; padding: 0 20px; font-size:11px; } .gnav_o_link ul li a:hover { background-color: #000000; color: #FFFFFF; } .gnav_o_link ul li:nth-child(4) a { padding:0 5px; } .gnav_o_link ul li:nth-child(5) a { padding:0 10px; } /*footer*/ footer { width: 100%; position: relative; margin-top: 150px; } footer .footer_up { background-color: rgba(237, 108, 0, 0.1); padding: 30px 0 40px; position: relative; } footer .footer_up .contact_foot { width: 800px; margin: auto; } footer .footer_up .contact_foot .c_copy { text-align: center; font-size: 20px; font-weight: bold; /*font-family: 游明朝,"Yu Mincho",YuMincho;*/ margin-bottom: 15px; line-height: 30px; color: #4C4948; } footer .footer_up .left { padding-right: 50px; border-right: 1px solid #ED6C00; width: 400px; height: 76px; } footer .footer_up .right { width: 400px; height: 76px; } footer .footer_up .right p { width: 300px; margin: 0 25px 5px auto; text-align: center; line-height: 1; } footer .footer_up .right .cbtn { width: 300px; height: 50px; line-height: 50px; margin: 0 25px 0 auto; padding-right: 15px; background-position: center right 10px; } footer .footer_up .right .cbtn:hover { background-position: center right 5px; opacity: 0.7; } footer .mainw { position: relative; } footer .bg_foot { position: absolute; left:-175px; top: -71px; } footer h2 { /*margin-right: 45px; float: left;*/ width: 397px; margin-bottom: 10px; } footer h2 img { width: 100%; } footer h3 { font-size: 16px; margin-bottom: 10px; } footer address{ font-style: normal; } footer address p { font-size: 14px; line-height: 24px; text-align: left; } footer address p:nth-child(2) { font-size: 23px; font-weight: bold; color: #ED6C00; font-family: "HindGuntur-M"; letter-spacing: 1.5px; } footer address p:nth-child(3) { font-family: "HindGuntur-M"; letter-spacing: 1.5px; } footer .left dl { border-top: #3F4249 1px solid; border-bottom: #3F4249 1px solid; height: 43px; line-height: 43px; padding: 0 10px; width: 200px; } footer .left dl dt { float: left; font-size: 14px; } footer .left dl dd { float: right; width: 30px; height: 43px; line-height: 40px; margin-left: 5px; } footer .left dl dd a { color: #785502; font-size: 24px; } footer .right { width: 700px; /*height: 205px;*/ position: relative;} footer .footer_down { background-color: #FFFFFF; padding-top: 25px; margin-bottom: 35px; } /*footer #footnav { margin-top: -10px; }*/ /*footer #footnav ul { float: left; width: 1100px; }*/ footer .footer_down .left { width: 400px; } footer #footnav ul.footnav_1 { width: 100%; margin-bottom:10px; } footer #footnav ul.footnav_1 li { display: inline-block; padding: 0 3em; border-right: dotted 1px #ED6C00; } footer #footnav ul.footnav_1 li:last-child { padding-right: 0; border-right: none; } footer #footnav ul.footnav_1 li a { font-size: 15px; font-weight: bold; color: #4C4948; display: block; } /* footer #footnav ul.footnav_2 , footer #footnav ul.footnav_3 { float: left; } footer #footnav ul.footnav_2 { margin-left: 105px; margin-right:40px; } footer #footnav ul.footnav_2 li a , footer #footnav ul.footnav_3 li a { color: #785502; font-size: 13px; display: block; line-height: 26px; } footer #footnav ul.footnav_2 li a:before , footer #footnav ul.footnav_3 li a:before { content: "\f0da"; font-family: FontAwesome; padding-right: 5px; font-size: 10px; vertical-align: middle; } */ footer #footnav ul.footnav_2 { float: right; } footer #footnav ul.footnav_2 li { display: inline-block; margin-right: 10px; vertical-align: top; } footer #footnav ul.footnav_2 li a { display: block; border:solid 1px #000000; line-height: 20px; color: #000000; text-align: center; padding: 0 20px; font-size:11px; } footer #footnav ul.footnav_2 li a:hover { background-color: #000000; color: #FFFFFF; } footer #footnav ul.footnav_2 li:nth-child(4) a { padding:0 5px; } footer #footnav ul.footnav_2 li:nth-child(5) a { padding:0 10px; } footer .copy { text-align: center; font-size: 14px; margin: 0 auto; /*margin: 50px auto 0; */ padding-top: 10px; padding-bottom: 10px; background-color: #E2E2E2; color: #4C4948; } /*pagetop*/ #page-top { position: fixed; bottom: 40px; left: 50%; margin-left: 635px; z-index: 3000; } @media (max-width:1470px){ #page-top { right: 20px; left: auto; margin-left: 0; } } #page-top a { /*background: url("../images/pagetop.svg") center center no-repeat;*/ text-align: center; display: block; width: 78px; height: 78px; position: relative; /*padding-top: 23px; text-align: center; font-family: "hannari"; font-size: 17px; color: #F3A83B;*/ } /*#page-top a:before { content: "\f106"; font-family: FontAwesome; position: absolute; top:17px; left: 40px; color: #dbab4d; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }*/ /*#page-top a:hover { padding-top: 18px; }*/ /*#page-top a:hover:before { top:13px; }*/ #page-top.stop { position: absolute; bottom: 500px; /*bottom: 347px;*/ } /*common*/ article { /*background-image:url(../images/bg_body_pc.png); background-repeat: repeat-y; background-position: center top;*/ /*background-size: 100%;*/ } .mainw { width: 1100px; margin: 0 auto; } .ww { width: 1100px; margin: 0 auto; } h2.mainh2 { background: url("../images/bg_ttl.jpg") center center no-repeat; height: 90px; text-align: center; font-size: 36px; line-height: 22px; padding-top: 23px; border-bottom: #0c0c0c 1px solid; } h2.mainh2 span { font-size: 11px; color: #e2b065; } #mv { width: 100%; height: auto; overflow: hidden; text-align: center; position: relative; margin-bottom:25px; } #mv h2 { position: absolute; top: 50%; left: 50%; } /*#mv img { position: absolute; top:50%; left: 50%; }*/ .left { float: left; } .right { float: right; } p.lead { font-size: 18px; line-height: 28px; text-align: left; margin-bottom: 30px; } .lead { text-align: center; margin-bottom: 70px; } .lead h4 { font-size: 33px; text-align: left; margin-bottom: 5px; line-height: 1.5; color: #42210B; font-family: marugame; } .lead p { font-size: 18px; line-height: 2; text-align: left; } h3.ch3 { text-align: center; margin-bottom: 85px;color: #91643C; background: url("../images/icon_ttl_w.svg") center center no-repeat; background-size: auto; font-size: 21px; font-family: 游明朝,"Yu Mincho",YuMincho; letter-spacing: 1.5px; } h3.ch3 span { display: block; color: #4C4948; margin-top: 35px; font-size: 14px; font-weight: normal; font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体"; letter-spacing: normal; } /* .cb h3.ch3 { color: #91643C; background: url("../images/icon_ttl_w.svg") center top no-repeat; } .cb h3.ch3 span { color: #4C4948; } h3.ch3_2 { text-align: center; margin-bottom: 35px; font-size: 22px; line-height: 24px; } h3.ch3_2 span { font-size: 12px; color: #2C3280; } */ h4.ch4 { font-size: 23px; margin-bottom: 22px; /*border-left: #9186b8 4px solid;*/ height: 40px; /*padding-left: 15px;*/ line-height: 40px; text-align: center; } h5.ch5 { border-bottom: 1px #666666 solid; padding-bottom: 10px; margin-bottom: 30px; font-size: 16px; position: relative; } /*h5.ch5:before { content: "●"; color: #9388ba; }*/ .cmenu { width: 100%; height: 35px; position: relative; text-align: center; /*background: url(../images/shadow.jpg) center bottom no-repeat;*/ } .cmenu ul { text-align: center; height: 35px; margin: 90px auto 0; } .cmenu li { display: inline-block; width: 223px;} .cmenu li a { display: block; height: 35px; position: relative; font-size: 14px; line-height: 35px; width: 223px; border-bottom: #333333 1px dotted; /*padding: 0 25px;*/ } /*.cmenu li a.l2 { padding-top: 0; line-height: 18px; font-size: 14px; }*/ .cmenu li a:hover, .cmenu li a.active { background-color: #000000; color: #FFFFFF; opacity: 1; } /* .cmenu li a:after { content: "\f107"; font-family: FontAwesome; position: absolute; color: #2C3280; bottom: 7px; left: 50%; margin-left: -5px; line-height: 18px; border-top: rgba(44,50,128,0); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cmenu li a:hover,.cmenu li:first-child a { opacity: 1; border-top: #2C3280 1px solid; } .cmenu li a:hover:after { bottom: 2px; } */ /*section .bx-wrapper .bx-viewport { left:0; }*/ /*cb...color box*/ .cb { background: url("../images/cb.jpg") repeat; } /*.cb2 { background: #F4F1E9; border-top: #E8E3D3 10px solid; margin: 80px 0 0; }*/ /*bb...border bottom*/ /*.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 15px; margin-bottom: 70px; }*/ /*cbd...common border*/ .cbd { height: 12px; width: 100%; background: url("../images/border.jpg") repeat-x; } .cbtn { font-size: 16px; display: block; text-align: center; line-height: 80px; color: #FFFFFF; width: 560px; height: 80px; position: relative; background: url("../images/arrow_right.svg") right 30px center no-repeat #ED6C00; } .cbtn:hover { opacity: 1; background-position: right 25px center; } /*.cbtn:hover div { width: 266px; }*/ .cbtn2 { font-size: 14px; color: #ffffff; display: block; text-align: center; line-height: 37px; width: 240px; height: 40px; background: url("../images/icon_arrow.svg") right 20px center no-repeat #2C3280; background-size: 5px auto; } .cbtn2:hover { opacity: 1; background-position: right 15px center; background-color: rgba(44,50,128,0.7); } .cbtn_ora { display: block; width: 300px; height: 50px; line-height: 50px; margin:auto; position: relative; background-color: #E46826; text-align: center; color: #FFFFFF; border-radius: 25px; font-size: 17px; } .cbtn_ora::after { position: absolute; right: 20px; content: "\f105"; font-family: FontAwesome; } .cbtn_pur { display: block; width: 155px; height: 30px; line-height: 30px; margin:auto; position: relative; text-align: center; color: #FFFFFF; border-radius: 15px; font-size: 12px; background:url(../images/icon_arrow_r_pc.svg) center right 10px no-repeat rgba(111,51,128,0.5) ; border: solid 1px rgba(255,255,255,0.8); } table.ctable { border-collapse: collapse; width: 100%; border-top: rgba(51,51,51,0.25) 1px solid; } /*table.ctable tr:first-child th { border-top: #282828 1px solid; } table.ctable tr:first-child td { border-top: #282828 1px solid; }*/ table.ctable th,table.ctable td { border-bottom: rgba(51,51,51,0.25) 1px solid; min-height: 70px; line-height: 50px; padding: 10px 0; font-size: 14px; } table.ctable td { text-align: left; } table.ctable th { width: 270px; text-align: left; padding-left: 15px; } table.ctable .long { line-height: 26px; padding: 10px; } table.ctable2 { border-collapse: collapse; width: 100%; border-top: #717071 1px solid; border-left: #717071 1px solid; } /*table.ctable2 tr:first-child th { border-top: #282828 1px solid; } table.ctable2 tr:first-child td { border-top: #282828 1px solid; }*/ table.ctable2 th,table.ctable2 td { border-bottom: #717071 1px solid; min-height: 47px; line-height: 27px; padding: 10px 0; font-size: 14px; border-right: #717071 1px solid; } table.ctable2 td { text-align: center; font-size: 14px; } table.ctable2 th { text-align: center; /*background: #9388ba; color: #ffffff;*/ font-size: 17px; } table.ctable2 .long { line-height: 26px; padding: 10px; } /*.cb table.ctable2 { border-top: #D8CAAD 1px solid; border-bottom: #565656 1px dashed; } .cb table.ctable2 th,.cb table.ctable2 td { border-bottom: #565656 1px dashed; } .cb table.ctable2 th { border-right: #565656 1px dashed; }*/ .u_line { border-bottom:1px solid #42210B; } .u_line2 { border-bottom:1px dotted #42210B; } .u_line3 { border-bottom:1px dashed #42210B; } /*table.ctable .bdr { border-right: #282828 1px solid; }*/ .cul li { line-height: 37px; font-size: 14px; } .cul li:before { content: "●"; color: #9388ba; } /*cdl...common dl*/ /*.cdl { width: 100%; border-top: #e0e0e0 2px solid; font-size: 16px; } .cdl dt { text-align: center; border-bottom: #e0e0e0 1px solid; float: left; background: #eeeeee; height: 40px; line-height: 40px; border-top: #eeeeee 2px solid; text-align: left; padding-left: 15px; } .cdl dt:first-child { border-top: #80ad1f 2px solid; } .cdl dd { border-bottom: #e0e0e0 1px solid; float: left;height: 40px; line-height: 40px; border-top: #ffffff 2px solid; text-align: left; padding-left: 15px; } .cdl dt.l2 { height: 65px; } .cdl dd.l2 { height: 65px; line-height: 26px; padding-top: 8px; } .cdl dt.l3 { height: 90px; line-height: 90px; } .cdl dd.l3 { height: 90px; line-height: 26px; padding-top: 8px; } .cdl dt.l4 { height: 125px; line-height: 125px; } .cdl dd.l4 { height: 125px; line-height: 26px; padding-top: 10px; } .cdl dt.l5 { height: 145px; line-height: 145px; } .cdl dd.l5 { height: 145px; line-height: 26px; padding-top: 5px; } .cdl dt.l6 { height: 200px; line-height: 199px; } .cdl dd.l6 { height: 200px; line-height: 26px; padding-top: 26px; }*/ /*ul.bn { text-align: center; margin: 60px auto 110px; } ul.bn li { float: left; } ul.bn li:last-child { float: right; } ul.bn li img { width: 550px; }*/ } @-moz-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes scale_a { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes scale_a { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @-o-keyframes scale_a { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @-ms-keyframes scale_a { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @media (max-width:750px){ body { font-size: 3.8vw; line-height: 1.5; } .mb20 { margin-bottom: 2.6vw !important; } .mb25 { margin-bottom: 3.3vw !important; } .mb30 { margin-bottom: 4vw !important; } .mb40 { margin-bottom: 5.3vw !important; } .mb50 { margin-bottom: 6.6vw !important; } .mb60 { margin-bottom: 8vw !important; } .mb70 { margin-bottom: 9.3vw !important; } .mb80 { margin-bottom: 10.6vw !important; } .mb90 { margin-bottom: 12vw; } .mb100 { margin-bottom: 13.3vw !important; } .mb120 { margin-bottom: 16vw !important; } .pt50 { padding-top: 6.6vw !important; } .ls-1 { letter-spacing: -1px; } .ls-2 { letter-spacing: -2px; } .ls-3 { letter-spacing: -3px; } .ls-4 { letter-spacing: -4px; } body { width:100%; } .wrap { width: 100%; overflow: hidden;} .for_pc { display: none; } .cf_s:before,.cf_s:after { content:""; display:table; } .cf_s:after { clear:both; } .cf_s { zoom:1; } #fnav { width:100%; position:fixed; left:0; bottom:0; z-index:20000; } #foot_spnav { width:100%; /*height:15.2vw;*/ height: 30.4vw } #foot_spnav .est_contact {width: 100%; height: 15.2vw; background-color: #ED6C00; } #foot_spnav .est_contact a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #FFFFFF; font-size: 3.2vw; text-align: center; } #foot_spnav .est_contact a span { display: block; font-size: 4vw; font-weight: bold; } #foot_spnav ul { width:100%; height:15.2vw; } #foot_spnav ul li { float: left; /*width:33%; width: -webkit-calc(100% / 3); width: calc(100% / 3);*/ height:15.2vw; text-align: center; position: relative; } #foot_spnav ul li { width:26%; } #foot_spnav ul li:first-child { width:48%; } #foot_spnav ul li a { display:block; width:100%; height:15.2vw; text-align: center; color: #ffffff; padding-top: 3vw; background: #FFFFFF; vertical-align: middle; } #foot_spnav ul li:nth-child(2) a { /*background: #2C3280;*/ border-left:1px solid #E2690D; border-right: 1px solid #E2690D; } /*#foot_spnav ul li a img { width:5.3vw; }*/ #foot_spnav ul li:nth-child(1) a img { height: 8.7vw; vertical-align: middle; } #foot_spnav ul li:nth-child(2) a img { height: 8.7vw; vertical-align: middle; } #foot_spnav ul li:nth-child(3) a img { height: 8.7vw; vertical-align: middle; } #fnav_in { display: none; position: fixed; left: 0; bottom: 0; width: 100%; color: #FFFFFF; text-align: center; background: rgba(255,255,255,1); /*height: 90vh;*/ overflow: auto; } #fnav_in .logo_fnav_in_sp { width: 100%; top:0; left: 0; height: 20vw; position: relative; z-index: 10; background-color: #FFFFFF; } #fnav_in .logo_fnav_in_sp .mainw { width: 100%; } #fnav_in .logo_fnav_in_sp h2 { position: absolute; text-align: center; top:2vw; left: 50%; margin-left: -31vw; } #fnav_in .logo_fnav_in_sp h2 img { height: 12vw; } #fnav_in.mainw { width: 100%; } #fnav_in .menuhead { height: 22vw; width: 100%; text-align: center; position: relative; } #fnav_in .menu_close { width: 10vw; display: block; position: absolute; top:6.6vw; text-align: center; right: 6.6vw; } #fnav_in .menu_close img { width: 5.3vw; margin-bottom: 1vw; } #fnav_in .menu_close span { display: block; width: 10vw; text-align: center; color: #E2690D; font-size: 3vw; } #fnav_in h2 { margin: 4vw auto; width: 54vw; text-align: center; } #fnav_in ul.f_gnav { width: 100%; text-align: left; /*margin: 0 auto 6.4vw;*/margin:0 auto 3.2vw; border-top: #E2690D 1px solid; border-bottom: #E2690D 1px solid; } #fnav_in ul.f_gnav li { border-bottom: #E2690D 1px dashed; height: 11.3vw; line-height: 11.3vw; width: 88vw; margin-right: auto; margin-left: auto; } #fnav_in ul.f_gnav li:last-child { border-bottom: none; } /*#fnav_in ul li { border-bottom: #9FA0A0 1px dashed; height: 16vw; line-height: 16vw; width: 50%; float: left; }*/ /*#fnav_in ul li:nth-child(odd) { border-right: #9FA0A0 1px dashed; }*/ #fnav_in ul.f_gnav li a { display: block; width: 100%; height: 11.3vw; color: #4C4948; position: relative; font-size: 3.5vw; text-align: center; font-weight: bold; } #fnav_in ul.f_gnav li a span { background-color: #F2A73B; padding:0.6vw 11.3vw; color: #4C4948;} #fnav_in ul.f_gnav li a::after { content: "\f105"; color: #E2690D; position: absolute; right: 0.5vw; font-family: "FontAwesome"; } #fnav_in ul.f_gnav li a img { vertical-align: middle; height: 4.6vw; } /*#fnav_in ul li a.gm3::after{ content: "+"; color: #FFFFFF; } #fnav_in ul li a.gm3.active::after{ content: "－"; }*/ #fnav_in ul.f_gnav li.gnav_submenu { height: auto; /*min-height: 11.3vw;*/ /*border-bottom: none;*/ } #fnav_in ul.f_gnav li.gnav_submenu .gnav_subwrap { margin-bottom:0; /* border-bottom: #9FA0A0 1px dashed; */ background-color: #3d3d3d; } #fnav_in ul.f_gnav li.gnav_submenu .gnav_subwrap li:last-child { border-bottom: none; } #fnav_in p.note { display: none; } /* #fnav_in ul li.gnav_submenu .gnav_subwrap li { width: 50%; border-bottom: none; height: 11.3vw; line-height: 11.3vw; width: 50%; float: left;border-bottom: #9FA0A0 1px dashed; } #fnav_in ul li.gnav_submenu .gnav_subwrap li:nth-child(odd) { border-right: #9FA0A0 1px dashed; } #fnav_in ul li.gnav_submenu .gnav_subwrap li a { text-align: left; padding-left:0.8em; line-height: 11.3vw; height: 11.3vw; font-size: 3.3vw;} #fnav_in ul li.gnav_submenu .gnav_subwrap li a i { color:#9FA0A0; } */ /* #fnav_in ul li.gnav_submenu .gnav_subwrap li:last-child a { border-bottom: none; } #fnav_in ul li.gnav_submenu .gnav_subwrap li a::after {content: "";} #fnav_in ul li.gnav_submenu .gnav_subwrap li a:hover { background-color: #FFFFFF; color:#F3A83B; } #fnav_in ul li.gnav_submenu .gnav_subwrap li a span { display:block; width: 155px; height: 35px; margin:0 auto; border-bottom: 1px dotted rgba(255,255,255,1); line-height: 1;padding-top:9px; padding-bottom: 4px; line-height: 1} #fnav_in ul li.gnav_submenu .gnav_subwrap li:last-child a span { border-bottom:none; } */ #fnav_in .subnav_sp { width: 74vw; margin:0 auto 3.3vw; background-color: #FFFFFF; color: #333333; padding:3.8vw 0 7.3vw; } #fnav_in .subnav_sp ul { border:none; margin-bottom: 8vw; } #fnav_in .subnav_sp ul li { /*display: inline-block;*/ border-bottom:none; /*vertical-align: top;*/ height: auto; line-height: 1.2; margin-bottom: 2.6vw; } /*#fnav_in .subnav_sp ul li:first-child { width: 30%; background:url(../images/marker.svg) left center no-repeat; background-size:4.3vw; padding-top:3vw; height: 8.3vw;}*/ /*#fnav_in .subnav_sp ul li:last-child { text-indent: -1.2em; }*/ #fnav_in .subnav_sp ul li a { border-bottom: none; line-height: 1.2; height: auto; text-decoration: underline; color: #333333;} #fnav_in .subnav_sp ul li a img { width: 100%; } #fnav_in .subnav_sp i { color: #8F633C; font-size: 7vw;} #fnav_in .subnav_sp p { text-align: left; line-height: 1.2; /*width: 88vw;*/ margin:0 auto 1.3vw; } /*#fnav_in .subnav_sp p span { font-size: 8.7vw; font-weight: bold; color: #8F633C; }*/ #fnav_in .subnav_sp p.tel_sp { line-height: 1; } #fnav_in .subnav_sp p.tel_sp a { display: block; font-size: 8.7vw; font-family: "HindGuntur-M"; font-weight: bold; letter-spacing: 1vw; color: #8F633C; } #fnav_in .subnav_sp p.fax_sp { font-size: 3.8vw; font-weight: bold; margin-bottom: 6vw; color: #606060; } /*#fnav_in ul li:nth-child(even) a { padding-left: 3.6vw; }*/ /*#fnav_in ul li.btn_rsv { background: #2C3280; }*/ /*#fnav_in ul li:last-child { border: none; height: 14vw; margin: 6.4vw auto; width: 74vw; }*/ /*#fnav_in .btn_rsv { width: 74vw; height: 14vw; line-height: 14vw; text-align: left; background: #2C3280; font-size: 4vw; display: block; margin: 0 auto 6vw auto; color: #ffffff; padding-left: 4.8vw; position: relative; } #fnav_in .btn_rsv:after { content: "\f105"; font-family: FontAwesome; position: absolute; right: 4vw; }*/ .contact_fs { text-align: center; } #fnav_in p { font-size: 3.4vw; margin-bottom: 2vw; text-align: center; } #fnav_in .tel_fs { text-align: center; margin: 0 auto 4vw; padding: 0; color: #2e2624; display: block; font-size: 9.8vw; } #fnav_in .tel_fs:before { content: "\f095"; font-family: FontAwesome; color: #9a792e; padding-right: 3vw; } /*header*/ #header_wrap { width: 100%; /*border-bottom: solid 1.5vw #F3A83B; border-top: solid 1.3vw #F3A83B;*/ height: 18.7vw; margin-bottom: 0;} header { width: 100%; top:0; left: 0; height: 18.7vw; /*border-top: 0.6vw solid #F5C75D; border-bottom: 0.6vw solid #F5C75D;*/ /*position: absolute;*/position: relative; z-index: 10;/*background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));*/ } header .mainw { width: 100%; } header h1 { position: absolute; /*width: 54vw;*/ text-align: center; top: 3vw; left: 6%; /*margin-left: -36vw;*/ } header h1 img { height: 9.2vw; } /* .member { width: 100%; margin: 0 auto; } .member li { font-size: 4vw; line-height: 8vw; height: 24vw; width: 42vw; float: left; } .member li:nth-child(2) { float: right; } .member li:last-child { text-align: left; margin: 6vw auto; width: auto; height: auto; clear: both; } .member li a { display: block; width: 100%; height: 100%; color: #ffffff; padding-top: 7.4vw; position: relative; background: url(../images/icon_arrow.svg) center bottom 6vw no-repeat ; text-align: center; } .member li:first-child a { background-color: #2C3280; } .member li:nth-child(2) a { background-color: #A89480; } .member li:last-child a { color: #1A1B21; padding-top: 0; } .member li:last-child a:before { content: "-"; color: #2C3280; } #rsv_i .tel { width: 66vw; margin: 0 auto; padding-bottom: 13vw; } */ /*footer*/ #pagetop_sp { width:20.2vw; height: 20.2vw; margin: 16vw auto 9.2vw; position: relative; z-index: 20; } #pagetop_sp a { display: block; width: 20.2vw; height: 20.2vw; font-family: "hannari"; text-align: center; position: relative; /*padding-top: 4vw;*/ /*background: url("../images/pagetop.svg") center center no-repeat;*/ font-size: 4vw; color: #E56826; } #pagetop_sp a img { width: 100%; } footer { margin-bottom: 30.4vw; color: #534741; background-size: 100% auto; text-align: center; position: relative; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Sawarabi Gothic","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; } footer .bg_foot { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: -6vw; height: 7.9vw; } footer h2 { width: 75vw; margin: 0 auto 5vw 0; position: relative; z-index: 20; text-align: left; } footer h2 a img { width: 100%; } footer address { font-style: normal; text-align: left; } footer address p { font-size: 3.7vw; line-height: 1.2; text-align: left; margin-bottom: 1vw; } footer address p:first-child { font-size:3.8vw; } footer address p:nth-child(2) { font-size:5.9vw; font-weight: bold; color: #E2690D; font-family: "HindGuntur-M"; letter-spacing: 0.3vw; } footer address p:nth-child(3) { color: #606060; font-weight: bold; font-family: "HindGuntur-M"; letter-spacing: 0.3vw; } footer .left dl { border-top: #3F4249 1px solid; border-bottom: #3F4249 1px solid; height: 13vw; line-height: 13vw; padding: 0 4vw; width: 62vw; margin: 0 auto 6vw; } footer .left dl dt { float: left; font-size: 3.4vw; padding-left: 2vw; } footer .left dl dd { float: right; width: 8vw; height: 13vw; line-height: 12vw; margin-left: 2vw; } footer .left dl dd a { color: #CCCCCC; font-size: 7vw; } footer .right .bns { width: 100%; } footer .right .bns li { /*float: left;*/ width: 42vw; margin: 0 auto; } footer .right .bns li img { width: 100%; } /*footer .right .bns li:last-child { float: right; }*/ footer .footer_up { padding-top: 5.2vw; padding-bottom: 8vw; color: #221714; background-color: rgba(237, 108, 0, 0.1); } footer .footer_up .mainw { width: 74.7vw; margin: 0 auto; } footer .footer_up .contact_foot .c_copy { text-align: center; font-size: 3.9vw; font-weight: bold; /*font-family: "minamoto_l"; */ margin-bottom: 3.3vw; line-height: 5.2vw; color: #4C4948; letter-spacing: -0.1vw; /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/ } footer .footer_up .mainw .left { margin-bottom: 5.2vw; } footer .footer_up .mainw .right p { margin-bottom: 2vw; color: #4C4948; font-size: 3.4vw; } footer .footer_down { /*background-color: #ED972E;*/ padding-top: 9.2vw; padding-bottom: 4.2vw; } footer .footer_down .mainw { width: 100%; } footer .footer_down .right { border-top: #ED6C00 1px solid; border-bottom: #ED6C00 1px solid; margin-bottom: 5.9vw; } footer .footer_down .right #footnav { width: 88vw; margin-right: auto; margin-left: auto; } footer .footer_down ul.footnav_1 { width: 88vw; text-align: left; margin:0 auto; /*border-top: #B98151 1px solid; border-bottom: #B98151 1px solid;*/ } footer .footer_down ul.footnav_1 li { border-bottom: rgba(203,108,0,1) 1px dashed; height: 11.3vw; line-height: 11.3vw; width: 100%; } footer .footer_down ul.footnav_1 li:last-child { border-bottom: none; } footer .footer_down ul.footnav_1 li a { display: block; width: 100%; height: 11.3vw; color: #4C4948; position: relative; font-size: 3.5vw; text-align: center; } footer .footer_down ul.footnav_1 li a::after { content: "\f105"; color: #ED6C00; position: absolute; right: 0.5vw; font-family: "FontAwesome"; } /*footer .footer_down ul.footnav_1 li a.gm3::after{ content: "+"; } footer .footer_down ul.footnav_1 li a.gm3.active::after{ content: "－"; }*/ footer .footer_down ul.footnav_1 li a span { /*background-color: #F2A73B; padding:0.6vw 11.3vw; color: #FFFFFF;*/} footer .footer_down ul.footnav_1 li a img { vertical-align: middle; height: 4.6vw; } footer .footer_down ul.footnav_1 li.gnav_submenu { height: auto; /*border-bottom: none;*/ } footer .footer_down ul.footnav_1 li.gnav_submenu .gnav_subwrap { margin-bottom:0; border-top: #9FA0A0 1px dashed; background-color: #f5f5f5; } footer .footer_down ul.footnav_1 li.gnav_submenu .gnav_subwrap li:last-child { border-bottom: none; } /*footer .footer_down ul.footnav_1 li.gnav_submenu .gnav_subwrap li { width: 50%; border-bottom: none; height: 11.3vw; line-height: 11.3vw; width: 50%; float: left;border-bottom: #40220F 1px dashed; } footer .footer_down ul.footnav_1 li.gnav_submenu .gnav_subwrap li:nth-child(odd) { border-right: #40220F 1px dashed; } footer .footer_down ul.footnav_1 li.gnav_submenu .gnav_subwrap li a { text-align: left; padding-left:0.8em; line-height: 11.3vw; height: 11.3vw; font-size: 3.3vw;} footer .footer_down ul.footnav_1 li.gnav_submenu .gnav_subwrap li a i { color:#F2A73B; }*/ footer .footer_down .address_wrap { width: 88vw; margin-right: auto; margin-left: auto; } footer .copy { font-size: 3.2vw; padding: 1vw 0 ; color: #4C4948; text-align: center; background-color: #E3E2E2; } /*common*/ article { /*background-image:url(../images/bg_body_sp.png);*/ background-repeat: repeat-y; background-position: center top; background-size: contain; } .mainw { width: 88vw; margin: 0 auto; } p.lead { font-size: 3.4vw; line-height: 5.3vw; text-align: center; /*width: 92vw;*/ margin: 0 auto 5vw; } h2.mainh2 { background: url("../images/bg_ttl_sp.jpg") center center no-repeat; height: 18vw; text-align: center; font-size: 8.2vw; line-height: 5vw; padding-top: 4vw; background-size: cover; border-bottom: #0c0c0c 1px solid; } h2.mainh2 span { font-size: 2.6vw; color: #e2b065; } #mv { width: 100%; height: 43.8vw; /*text-align: center;*/ padding-top: 26vw; position: relative; } #mv h2 { position: absolute; top: 50%; left: 50%; } #mv h2 { visibility: hidden; } #mv h2 img { height:22vw; } /*#mv p { width: 64vw; margin: 12vw auto 22vw; font-size: 3.7vw; line-height: 9vw; }*/ .lead { text-align: center; margin-bottom: 6vw; } .lead h4 { font-size: 4.5vw; text-align: center; margin-bottom: 2vw; line-height: 6.5vw; color: #42210B; font-family: marugame; letter-spacing: 0.5vw; } .lead p { font-size: 3.7vw; line-height: 6vw; text-align: center; } h3.ch3 { text-align: center; margin-bottom: 8vw; color: #91643C; background: url("../images/icon_ttl_w.svg") center center no-repeat; background-size: 9.2vw auto ; font-size:5vw; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; line-height: 1; } h3.ch3 span { display: block; color: #4C4948; margin-top: 5.2vw; font-size: 3.4vw; line-height: 1; font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";} h4.ch4 { font-size: 4vw; margin-bottom: 4vw; /*border-left: #9186b8 4px solid;*/ height: 8vw; /*padding-left: 3vw;*/ line-height: 8vw; text-align: center; } h5.ch5 { border-bottom: 1px #666666 solid; padding-bottom: 2vw; margin-bottom: 4vw; font-size: 3.7vw; position: relative; } /*h5.ch5:before { content: "●"; color: #9388ba; }*/ .cmenu { width: 88vw; position: relative; text-align: center; margin: 8vw auto 0; } .cmenu li { width: 33%; width: -webkit-calc(100% / 3); width: calc(100% / 3); height: 6vw; line-height: 6vw; border-bottom: #333333 1px dotted; font-size: 3.7vw; display: inline-block; } .cmenu li a { display: block; width: 100%; height: 6vw; position: relative; text-align: center; } .cmenu li a.active { background-color: #000000; color: #FFFFFF; } /*cb...color box*/ .cb { background: url("../images/cb.jpg") repeat; } .cbd { height: 2.6vw; width: 100%; background: url("../images/border.jpg") repeat-x; background-size: auto 2.6vw; } .cbtn { font-size: 3.7vw; display: block; text-align: center; line-height: 10.4vw; width: 100%; height: 10.4vw; color: #FFFFFF; position: relative; background: url("../images/arrow_right.svg") right 4vw center no-repeat #ED6C00; background-size: 9.2vw auto; } .cbtn2 { font-size: 3.7vw; color: #ffffff; display: block; text-align: left; width: 88vw; height: 13vw; line-height: 13vw; padding-left: 4vw; background: url("../images/icon_arrow.svg") right 4vw center no-repeat #2C3280; background-size: 1.2vw auto; } .cbtn_ora { display: block; width: 100%; height: 14.5vw; line-height: 14.5vw; margin:auto; position: relative; background-color: #E46826; text-align: center; color: #FFFFFF; border-radius: 7vw; font-size: 4.5vw; } .cbtn_ora::after { position: absolute; right: 5.2vw; content: "\f105"; font-family: FontAwesome; } .cbtn_white { display: block; width: 88vw; height: 14.5vw; line-height: 14.5vw; margin:auto; position: relative; background-color: #FFFFFF; text-align: center; color: #333333; border-radius: 7vw; font-size: 4.5vw; background:url(../images/icon_arrow_r_sp.svg) center right 4vw no-repeat ; border: solid 1px #595757; background-size: 6.6vw auto; } /*.cbtn_white::after { position: absolute; right: 5.2vw; content: "\f105"; font-family: FontAwesome; }*/ .cbtn_pur { display: block; width: 36vw; height: 6.6vw; line-height: 6.6vw; margin:auto; position: relative; text-align: center; color: #FFFFFF; border-radius: 3.3vw; font-size: 3.2vw; background:url(../images/icon_arrow_r_white_sp.svg) center right 0.7vw no-repeat rgba(111,51,128,0.5) ; border: solid 1px rgba(255,255,255,0.8); background-size: 5.2vw auto; } table.ctable { border-collapse: collapse; width: 100%; border-top: rgba(51,51,51,0.25) 1px solid; } /*table.ctable tr:first-child th { border-top: #282828 1px solid; } table.ctable tr:first-child td { border-top: #282828 1px solid; }*/ table.ctable th,table.ctable td { border-bottom: rgba(51,51,51,0.25) 1px solid; min-height: 10vw; line-height: 6vw; text-align: left; padding: 2vw; display: block; } table.ctable th { text-align: left; background: #f8f8f8; } table.ctable .long,table.ctable .long_sp { line-height: 5.3vw; } table.ctable2 { border-collapse: collapse; width: 100%; border-top: #717071 1px solid; border-left: #717071 1px solid; font-size: 3.2vw; } /*table.ctable2 tr:first-child th { border-top: #282828 1px solid; } table.ctable2 tr:first-child td { border-top: #282828 1px solid; }*/ table.ctable2 th,table.ctable2 td { border-bottom: #717071 1px solid; min-height: 10vw; line-height: 6vw; text-align: center; padding: 2vw; border-right: #717071 1px solid; } table.ctable2 th { text-align: center; /*background: #9388ba; color: #ffffff;*/ } table.ctable2 .long,table.ctable2 .long_sp { line-height: 5.3vw; } .cul li { line-height: 8vw; } .cul li:before { content: "●"; color: #9388ba; } /*cdl...common dl*/ /*.cdl { width: 90vw; margin: 3vw auto; } .cdl dt { text-align: center; border-bottom: #e0e0e0 1px solid; min-height: 8vw; line-height: 8vw; font-size: 4.2vw; background: #eeeeee; text-align: left; padding-left: 2vw; } .cdl dt:first-child { border-top: #80ad1f 2px solid; } .cdl dd { border-bottom: #e0e0e0 1px solid; min-height: 8vw; line-height: 8vw; font-size: 4.2vw; padding: 2vw; text-align: left; } ul.bn { text-align: center; margin: 13vw auto 20vw; } ul.bn li { margin-bottom: 2.6vw; }*/ .u_line { border-bottom:1px solid #42210B; } .u_line2 { border-bottom:1px dotted #42210B; } .u_line3 { border-bottom:1px dashed #42210B; } }