#stage, h3, h4, h5, h6, section p { margin-left:auto; margin-right:auto; } #header #headerrightarea, #header .headertop { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; } #feature-1 .ytb, #nav-list a { text-decoration:none; } html { font-size:62.5%; } body { font-size:10px; font-size:1rem; font-family:'Noto Sans JP', Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif; word-wrap:break-word; margin:0 auto; } #site-nav { font-weight: normal; } h1, h2, h3, h4, h5, h6 { text-align:center; font-size:250%; margin-top:0; } h2 { margin-bottom:5rem; font-size:330%; } h2, h3, h4, h5, h6 { width:96%; margin-bottom:1.5rem; text-align:center; font-size:6.4vw; font-weight:400; font-weight:normal; margin:0 auto 1.5rem auto; } h4, h5, h6 { font-size:200%; } a img, img { border:0; } figure>figcaption { text-align:center; font-size:2vw; padding-top:1rem; padding-bottom:2rem; } section>div { margin-bottom:0; padding-top:3rem; } /*section:nth-child(even)>div { background-color:#f0f0f0; }*/ #feature-5 { background-color:#f0f0f0; } section p { font-size:1.8rem; font-weight:400; line-height:1.5; width:90%; margin-bottom:10rem; } .textsmall { font-size:86% !important;} #stage { width:100%; min-width:320px; min-width:32rem; overflow:hidden; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAAF0lEQVQYV2N88eLFfwYSAOP///9J0gAAHPsHtgDKa8YAAAAASUVORK5CYII=) left bottom repeat-x #f0f0f0; } #header { border-bottom:1px solid #ccc; border-bottom:.1rem solid #ccc; width:100%; box-sizing:border-box; background-color:#fff; background:-webkit-linear-gradient(bottom, #fff 0, #efefef 3%, #fff 10%, #fff 100%); background:linear-gradient(to top, #fff 0, #efefef 3%, #fff 10%, #fff 100%); box-shadow:0 0 3px #ccc; box-shadow:0 0 .3rem #ccc; margin:0 auto 1.5rem; position:relative; z-index:1000; } #header #corporatesymbol { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; font-size:0; margin:0; } #header #corporatesymbol a { display:block; } #header #corporatesymbol img { max-width:55px; max-width:5.5rem; height:auto; line-height:0; } #header #headerrightarea { -webkit-box-flex:5; -webkit-flex:5; -ms-flex:5; flex:5; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } #header #headerrightarea img { max-width:100%; height:auto; } #header .headertop { display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; border:0; padding:.5rem 1.1rem .8rem; background:0 0; } #header .container { min-width:320px; min-width:32rem; } #site-nav { position: absolute; top: 126px; margin-bottom:3rem; background-color:#fcfcfc; z-index:10; zoom:1; width:100%; height:auto; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #site-nav.nav-fixed { position:fixed; top:0; box-shadow:1px 1px 10px #ccc; box-shadow:.1rem .1rem 1rem #ccc; } #site-nav.nav-fixed .nav-w { padding-top:1rem; border-radius:0 0 .5rem .5rem; background-color:#fcfcfc; } #site-nav #site-nav-headline { position:relative; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding:0 1.1rem 1rem; } #site-nav #site-nav-headline h1, #site-nav #site-nav-headline h2, #site-nav #site-nav-headline h3, #site-nav #site-nav-headline h4, #site-nav #site-nav-headline h5, #site-nav #site-nav-headline h6 { color:#666; margin:0; -webkit-box-flex:2; -webkit-flex:2; -ms-flex:2; flex:2; text-align:left; } #site-nav #site-nav-headline button { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; padding:.7rem 0; background-color:#333; border:0; font-size:160%; color:#fff; cursor:pointer; } #site-nav #site-nav-headline button:active, #site-nav #site-nav-headline button:focus { outline:0; } #site-nav #site-nav-headline button i { -webkit-transition:all .3s; transition:all .3s; -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #site-nav #site-nav-headline button i:before { font-size:130%; } #site-nav #site-nav-menu { display:none; width:100%; height:auto; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch; list-style-type:none; margin:0; padding-left:0; padding-bottom:1rem; position:absolute; z-index:10; zoom:1; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #site-nav #site-nav-menu li { position:relative; font-size:150%; color:#333; background-image:-webkit-linear-gradient(top, #f7f7f7 0, #ebebeb 100%); background-image:linear-gradient(to bottom, #f7f7f7 0, #ebebeb 100%); border-bottom:1px solid #d1d1d1; border-bottom:.1rem solid #d1d1d1; } #site-nav #site-nav-menu li:first-child { border-top:1px solid #d1d1d1; border-top:.1rem solid #d1d1d1; } #site-nav #site-nav-menu li:after { content:"\f054"; font-family:FontAwesome; position:absolute; top:16px; top:1.6rem; right:12px; right:1.2rem; } #site-nav #site-nav-menu a { display:block; position:relative; padding:1.5rem 3.5rem 1.4rem 1.2rem; text-decoration:none; font-weight:600; color:#333; } #site-nav .container.nav-w { width:100%; } #site-nav .nav-w { position:relative; } #content { background-color:#fff; } #feature-1, #feature-1 .ytb, { position:relative; } #location { display:none; } #feature-1 h1 img, #feature-1 h2 img, #feature-1 h3 img, #feature-1 h4 img, #feature-1 h5 img, #feature-1 h6 img { margin-right:2rem; } #feature-1 { background: #FFFFFF; margin-top: -16px; padding-bottom: 20px; } @media screen and (min-width:769px) { #feature-1 .respon-img{ height: 750px; } } #feature-1 div { padding: 0; } #feature-1 .mart-price p { margin-bottom: 0px; margin-top: 5px; } #feature-1 figure{ margin: 0 0 0 -300px; } #feature-1 .container { padding-top: 135px; } #feature-1 h1 .pc { margin: 45% 0 0; } #feature-1 h1 .sp { margin: 25% 0 0; } #feature-1 .che3_title { width: 100%; } @media screen and (min-width: 769px) { #feature-1 .che3_title { margin-left: 12%; } } #feature-1 h1 img { margin-right:0; opacity:1; width: 100%; max-width: 580px; height:auto; } #feature-1 h1 img.pc { max-width: 430px; } #feature-1 h1 .sp img { width:100%; } #feature-1 h1 > img:last-child { margin: 15px auto 0; width: 100px; display: block; } #feature-1 h1 img + img { margin-top: 50px; } #feature-1 #lead { margin-top:0; margin-bottom:4.5rem; width:80%; font-size:9.5vw; font-weight:100; line-height:1; text-align:center; opacity:1; } #feature-1 #lead small { font-size:40%; letter-spacing:3px; letter-spacing:.3rem; opacity:1; } #feature-1 .respon-img { opacity:1; } #feature-1 .respon-img.right { margin-right:auto; width:100%; height:auto; max-width:870px; margin-bottom:0; } @media screen and (max-width:768px) {/*sp*/ #feature-1 { margin-top: 0; } #feature-1 figure{ margin: 0 } #feature-1 figure img.respon-img{ max-width:100%; margin: 0 auto; } } #feature-1 .mar_lr0 { margin: 0 -20px !important; } #feature-1 .flex-box div h1.ahc2_title { width:100%; } #feature-1 .link_youTube { margin: 10em auto; } #feature-1 .ytb { display:block; margin-left:auto; margin-right:auto; } #feature-1 .ytb:hover { opacity:.8; } #feature-2{ position: relative; background: #fff; background-size: 100%; padding-top: 0; } #feature-2 .flex-box>div:first-child figure img { margin-bottom:5rem; } #feature-2 .flex-box > div:last-child:before { content: ""; display: block; padding-top: 76%; } #feature-2 div[class*="feature_accordion_bg"] { padding-top: 3rem; } #feature-2 .feature_accordion--wrap { margin-top: -80px; } #feature-2 .feature_accordion_bg_01{ background-color: #efe2ab; } #feature-2 .feature_accordion_bg_02{ background-color: #624c43; } #feature-2 .feature_accordion_txt_02{ color: #fff; } #feature-2 .feature_accordion_bg_03{ background-color: #4e4e4e; } #feature-2 .feature_accordion_txt_03{ color: #fff; } #feature-4{ position: relative; background: #fff; background-size: 100%; padding-top: 0; } #feature-4 .flex-box>div:first-child figure img { margin-bottom:5rem; } /* #feature-4 .flex-box > div:last-child:before { content: ""; display: block; padding-top: 76%; } */ #feature-4 div[class*="feature_accordion_bg"] { padding-top: 3rem; } #feature-4 .feature_accordion--wrap { margin-top: -80px; } #feature-4 .feature_accordion_bg_01{ background-color: #efe2ab; } #feature-4 .feature_accordion_bg_02{ background-color: #624c43; } #feature-4 .feature_accordion_txt_02{ color: #fff; } #feature-4 .feature_accordion_bg_03{ background-color: #4e4e4e; } #feature-4 .feature_accordion_txt_03{ color: #fff; } #feature-6 { background: #FAFAFA; } #feature-6 .txt_c img { max-width:100%; margin: auto; } #feature-6 > div:first-child{ position: relative; background: #f0f0f0; padding-bottom: 80px; width: 100%; } #feature-6 > div .feature-6_txt h2{ font-weight: 800; } #feature-6 > div .feature-6_txt p{ line-height: 1.4; font-weight: bold; max-width: 1280px; } #feature-6 .f6_fourth { max-width: 1617px; margin: 60px auto 0; padding: 4%; background-color: #fff; border-radius: 15px; display: flex; align-items: center; } #feature-6 .f6_fourth h3 { font-weight: 800; text-align: center; margin: auto; } #feature-6 .f6_fourth_text { margin: auto; } #feature-6 .f6_fourth h3 span, #feature-6 .f6_first_1 h3 span.span_nowrap, #feature-6 .f6_second_1 h3 span.span_nowrap { white-space: nowrap; } #feature-6 .f6_fourth h3 span.h3_small { font-weight: 400; text-align: center; font-size: clamp(24px, 2.8vw, 35px); } #feature-6 .f6_first_1 h3 span.h3_small, #feature-6 .f6_second_1 h3 span.h3_small { font-weight: 400; text-align: center; font-size: clamp(24px, 2.8vw, 35px); } #feature-6 .f6_third { margin-top: 60px; } #feature-6 .f6_third p { width: 100%; margin-top: 0; } #feature-8 { background: #FAFAFA; } #feature-8 > div:first-child{ position: relative; background: #fafafa; width: 100%; } #feature-8 > div .feature-8_txt { width: 100%; position: absolute; top: 50%; color: #FFF; text-shadow: 0 0 10px #000; } #feature-8 .f8_fourth { max-width: 1617px; margin: 60px auto 0; padding: 4%; background-color: #fff; border-radius: 15px; display: flex; } #feature-8 .f8_fourth_text { margin: auto; } #feature-8 .f8_fourth_img p { margin-top: 0px; text-align: center; } #feature-4 .feature_accordion--contents .f4_first_note, #feature-6 .feature_accordion--contents .f6_fourth_note, #feature-8 .feature_accordion--contents .f8_fourth_note { font-size: 16px; width: 93.2%; padding: 15px 3.4% 0; margin: 0; } #feature-8 .feature_accordion--contents .f8_fourth_note { } #feature-6 .feature_accordion--contents .f6_fourth_note { } .col_text_box{ margin: 0 10px; } #feature-5>.virtual-p { width:100%; margin-bottom:3rem; } #feature-5 .flex-box>div figure, #nav-list dl { margin:0; } #feature-5>.virtual-p:before { content:""; display:block; padding-top:75%; } #feature-5 h2, #feature-5 h3, #feature-5 h4, #feature-5 h5, #feature-5 h6 { font-weight:800; width:96%; } #feature-5 img.respon-img { /* max-width:640px; max-width:64rem; width:100%; */ } #feature-5 .btn-1:hover { -webkit-animation-play-state:paused; animation-play-state:paused; } #sns { display:none; } #sns .sns-logo { font-size:20px; color:#666; } #sns .sns-logo a { color:#666; opacity:.8; -webkit-transform:rotate(0) scale(1, 1); -ms-transform:rotate(0) scale(1, 1); transform:rotate(0) scale(1, 1); -webkit-transition:all .3s cubic-bezier(.4, 0, .2, 1); transition:all .3s cubic-bezier(.4, 0, .2, 1); -webkit-backface-visibility:hidden; backface-visibility:hidden; } #sns .sns-logo a:hover { opacity:1; -webkit-transform:rotate(360deg) scale(1.5, 1.5); -ms-transform:rotate(360deg) scale(1.5, 1.5); transform:rotate(360deg) scale(1.5, 1.5); -webkit-backface-visibility:hidden; backface-visibility:hidden; } #nav-list dl>dt>button>i, #pagetop { -webkit-backface-visibility:hidden; } #sns .sns-logo .fa-stack-1x { color:#fff; } #sns .sns-logo.tw a:hover { color:#5ea9dd; } #sns .sns-logo.fb a:hover { color:#385185; } #sns .sns-logo.gp a:hover { color:#db4437; } #nav-list { padding-left:0; padding-right:0; } #nav-list dl>dt { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin:0; border-top:1px solid #bbb; border-top:.1rem solid #bbb; padding:.3rem 1.5rem .3rem 1.2rem; position:relative; background:-webkit-linear-gradient(top, #f0f0f0 0, #f7f7f7 100%); background:linear-gradient(to bottom, #f0f0f0 0, #f7f7f7 100%); } #pagetop a, .virtual-p { background-repeat:no-repeat; } #nav-list dl>dt>a, #nav-list dl>dt>span { font-size:13px; font-size:1.3rem; font-weight:600; } #nav-list dl>dt>button { font-size:20px; font-size:2rem; cursor:pointer; margin-left:auto; } #nav-list dl>dt>button>i { -webkit-transform:rotateX(0); transform:rotateX(0); -webkit-transition:all .3s linear; transition:all .3s linear; backface-visibility:hidden; } #nav-list dl>dt>button.open>i { -webkit-transform:rotateX(180deg); transform:rotateX(180deg); } #nav-list dl>dd { margin:0; font-size:12px; font-size:1.2rem; overflow:hidden; } #nav-list dl>dd>ul { list-style-type:none; margin:0; padding:0; height:auto; } #nav-list dl>dd>ul>li { position:relative; border-top:1px solid #bbb; border-top:.1rem solid #bbb; padding:1.2rem 2rem 1.2rem 1.2rem; } #nav-list dl>dd>ul>li:after { position:absolute; right:24px; right:2.4rem; content:"\f054"; font-family:FontAwesome; color:#333; } #nav-list dl>dd>ul>li>a { display:inline; color:#333; } #nav-list a:hover { text-decoration:underline; cursor:pointer; } #nav-list a:visited { color:#609; } #nav-list a:link { color:#039; } #nav-list .nav-w { width:100%; } #pagetop { position:relative; border-top:1px solid #b8b8b8; border-top:.1rem solid #b8b8b8; height:60px; height:6rem; backface-visibility:hidden; } #pagetop a, #pagetop img { width:49px; opacity:1; -webkit-backface-visibility:hidden; } #pagetop p { position:absolute; margin:0; line-height:0; right:10px; right:1rem; bottom:5px; bottom:.5rem; z-index:1; display:block; } #pagetop img { width:4.9rem; height:auto; -webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transform-origin:bottom; -ms-transform-origin:bottom; transform-origin:bottom; backface-visibility:hidden; } #pagetop a { display:block; width:4.9rem; height:49px; height:4.9rem; -webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transform-origin:bottom; -ms-transform-origin:bottom; transform-origin:bottom; backface-visibility:hidden; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABiCAYAAACrpQYOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NTg5RUFCODUwMjA2ODExODIyQUVDQjZGNUVENjEyQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NEIwRkY3QUQ1QUExMUU0OEI5NDkyODdGQ0QwNDlENSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NEIwRkY3OUQ1QUExMUU0OEI5NDkyODdGQ0QwNDlENSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIwMjIxNGY0LWRmZmYtNDcxZS05YzJkLTFjMmYwODg1ZTVlMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NTg5RUFCODUwMjA2ODExODIyQUVDQjZGNUVENjEyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmu0M5EAAAhDSURBVHja7J1rTBRXFMdnZnEVWQ26VKzuKtEorNamqESIQqsGwYBgqZVKhfqIJsYo+kFjlNj4+GBsohGIiWLBKka2UR6KIqJFWmqo0ocmFChIFCp9IVCzPlhhp+cgQ8flDrDLgsQ9/+SGncvM3eT/m3PvubMzc3me5zk7ZNdBTiTR1gNc+mA8wVCGwNsKxsVGALxVHe+EUSP2EoIo25fv6ViXXhrJW0Gw/kz632RRBkRkABFtAcEzACgVgtEVQneFt1gs7fsLgtAtCBYEQfqbkpLiHh4ebhg5cuQEtVqthcaGw4CvcmoKomhubW01QXkMqr1+/XrFypUrm+Bflg7zLfLdwbNOGJ2mW2VN1hA6AaSmprovW7bsfY1G433kyBGhuLiYq6ys5BoaGjiz2ezU4eDm5saNGzeO0+v13Ny5c7n4+HjRZDJVGI3Gb9etW2cNRLSKoC4gWBDaS1lZ2VQfH5+w/fv3q5OTk7m2tjYaEboRdjmbNm3iEhISzDU1NVenTJlS1gHBogSDBUKQgVDV1dX5jR8/fn50dDQPIUcu2yB/f38uNzdXrK+vv6HT6W5BVRuju3oFhDwaOiOhqqpq+uTJk8OhQb66upqctUOTJk3ibt26Jd67dy9XITJejhsK8wQexwRoJCQiIoIg9EHQNXHoIXoJic4oRsbJWUeEPBpUMPpHHD582AADM7npAMEAzm3durUCss0cWRfVOV4IrIzp5MmT7pAd+SQlJZGDDhJ6iRknesuafwmsGXRISIghMTERc11y0EFCL9FT9JZ1qUhgpa44WcN5AsmxQk/RW9ZVCWbXBDNmj/LycnLOwUJP0VulrqnLzBomJK6PHj0i5xws9BS9tYbAAiFlUipnv2zRH0JPO67LdblIKpA9g+SyCFlAIEgEYnCDoJ88B148RQR1TSQCQSBIBIJAkAgEgSDZK5fX+eUNDQ2fDyYzPDw89lBEUEQ45xlIYwSJQBAIEoEgECTnA3H8+PGg1NTUDyh9fV1nkSBwGRkZoQsWLJiD25mZmcOXL1+e19raKlJEDJBcXV2Fy5cvfyhBQAUFBfnl5eVFubm5qQjEAGj06NFD8vPzo2fPnv2u9f98fX3fuXr16gqtVjuEQPSjdDrdMDB65bRp06Yq7ePt7T352rVrcRMnTnQlEP0gg8GguXLlyiovL68JUt0LkPTZLLtPVK/X66CbWj1jxowRBMKB8vf3H5WTk7Nm7NixnlJdSUnJL4WFhbel7Rs3bpQWFxf/KG2PGTPmraysrDWBgYFaAuEAhYaGep49e3YNjA2jpLqCgoKbERERORbZ0zT4eenSpbkwiH8n1bmDTp8+vXrJkiVvE4g+aMWKFfoTJ06sGjFihAa3RVHkjEbjNagvUHqiKS4u7pszZ87k474ojUbjduzYsc+g3otA2KGNGzdOOXToUOwwUMcZL4KhF6D++56OjY+PL0lOTs6WIkatVg89ePDgp1u2bPEmEDYoISFhxu7duz8ZAsJtmKS1HThw4Guo/7m3bezZs+fOvn37jDCet7bPXkE7d+6M3rt373sEoheCKJgDZ3SUSqUSpGxox44d6VBfYWtbSUlJv23bti29paXlecdsnN+wYUMk1AcQiG6UlpY2H/ryUOnVFE9BYNxJ0H1720xPT3+wfv36r0wg3Ma2YYxZBPUL5a/qIRAv+3A+MzMzDLKbIKmuubn539jY2FRIW//oa/uXLl36MyYmJq2pqalZlo3Ng7aX4HcTCK79NTsqMOqjoKCg2VLdP6CoqKjUoqIihz1VefPmzUZIb7/8GyTVBQQEzMzPz/8YsjKV04O4cOFClK+v73Rpu66u7uHixYvT7t69+9jR31VWVmaCSEh78ODB71IdzL4NcCIsd3oQ2dnZd6Q3elVVVdUsWrTo1P3795/11/fV1tY+Dw4OPlVRUVEtpcXnzp376XV6MCh+j8DMRq/X582cOXNiZGRk1pMnT/r9zVyNjY0vQkJCMmBciqyurv4rMTGx0ulBoLZv334b0vzSgfxRB4GHhYVlDYYfkgZV+vo6DBksv+bRzQM0oSMRCAJBIhAEgkQgCASJQBAIEoEgECRHie94OTgWVQcYF4vFss3Dw4Pc6QfhwieCIHwBH/HOErzVBy/5ixQR1DWRCASBIPUGhEh2DLhEigjqmkgEgkCQ7AEhgtrUajW542Chp+gtKzESWKO4xWJ5ptVqyTkHCz1Fb1lZKit9Fc1mc4OPjw8552AZDAZ86KaBYywaK1hDwIJLAQcGBpJzDta8efM49JZjLBorMPorsaCgoHzz5s3iYHma5o0YjMFL9BS9ZXlu3TW1l7i4uGaTyVSJSwGTHCP0Ej1Fb7lXV3xnjhFSsRiNxiJcjzkgIIBc7KPQQ/QSPeVeXc+6y8LitIxyP8nLy4srLS3t9TLKolVUtO8IB/768OHDwpKSEnHhwoXkqo3ChcURQn19fRF6yXWzwjtzQicHotfrb5eXl2dnZGSYcSlgGsB7NzCjVxcvXjTX1NRc0ul0Pyh1SZJU0vPMsq6pC5ijR482QoiVr127VrNr1y7t0KFDeZVKxbW0tLQXZ1/lF1+O4Onpyfn5+XGxsbHc+fPnxVmzZlWmp6dnBwcH18ogMKNBPkawYMhXIpeWWxZSUlLcw8PDDbgKLS6ACvSHQxtOHSaiKOIrP57iZA3nCYWFhRUxMTFNCgCkqxevTA9YIJRgKBWlSHIqFoxuXalw0hO0chAu3TTMyw5mGU8QlGGwoHByCF3OfIWIUBozuqxMbsOxb5rhPf2PNSgrHtsTiO5MpUjoPage7wdwsbNxnqObDeyNGqb+E2AAo+p8NjuUv3EAAAAASUVORK5CYII=); background-position:center center; background-size:cover; } #pagetop a:hover, #pagetop a:hover img { opacity:.8; } #pagetop.fixed { display:none; } #pagetop.fixed.display-block { display:block; -webkit-animation:anime-opacity 1.5s ease-out 0s 1 normal; animation:anime-opacity 1.5s ease-out 0s 1 normal; -webkit-animation-fill-mode:backwards; animation-fill-mode:backwards; } #pagetop.fixed p { position:fixed; bottom:40px; bottom:4rem; } .block-center, .block-left, .container, .virtual-p { margin-right:auto; } .block-center, .block-right, .container, .virtual-p { margin-left:auto; } #creditline p a { color:#fff; text-decoration:none; } #creditline .flex-box div:first-child, .pc, .pc-inline { display:none; } .sp { display:block; } .sp-inline { display:inline; } .display-none, .read-only { display:none; } .display-block { display:block; } .display-inline { display:inline; } .display-inline-block { display:inline-block; } .display-flex { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; } .display-table { display:table; } .display-table-cell { display:table-cell; } .container { max-width:100%; } .container.nav-w { position:relative; } .virtual-p { background-position:50% 50%; background-size:contain; } .clearfix:after, .container:after { content:""; display:block; clear:both; } .block-center, .block-left, .block-right { display:block; } .bg-ececec { color:#666; background-color:#ececec; } .btn-1 { display:block; font-size:1.8rem; width:200px; width:20rem; text-align:center; border:1px solid #999; border:.1rem solid #999; padding:1rem 0; margin:2rem auto; text-decoration:none; color:#fff; background:url(/fmv/dh_s/2501/images/arrow_r.png) no-repeat right 50% #2878c8; -webkit-transition:all .3s; transition:all .3s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .btn-1:hover { background-color:#5393d3; border-color:#bcbcbc; box-shadow:0 0 2rem #bcbcbc; color:#fff; } .b-l, .b-lr { border-left:1px solid transparent; } .b-lr, .b-r { border-right:1px solid transparent; } .series-name { color:#fff; white-space:nowrap; padding:4px 8px; font-size:140%; } .dropdown:after { content:"\f0d7"; font-family:FontAwesome; } .bgcolor-rh { background-color:#286f93; } .bgcolor-qh33 { background-color:#e8be00; } .bgcolor-ah-g { background-color:#38464e; } .bgcolor-ah { background-color:#941c61; } .bgcolor-sh { background-color:#04626e; } .bgcolor-ch { background-color:#635100; } .bgcolor-uh { background-color:#c7000d; } .bgcolor-gh { background-color:#9b9b79; } .bgcolor-fh { background-color:#00376f; } .bgcolor-wh { background-color:#c66121; } .bgcolor-dh { background-color:#006634; } /* .cstmTableTab_area */ .cstmTableTab_area{ margin: 15px 0 0; padding: 0; width: 100%;} .cstmTableTab_area .cstmTableTab{ display: inline-block; width: 50%; list-style: none;} .cstmTableTab_area .cstmTableTab a{ display: block; padding: 1em 1.5em; background-color: #ffffff; color: #323232; font-size: 160%; font-weight: bold; text-align: center; text-decoration: none; border: solid 1px #696969; } .cstmTableTab_area .cstmTableTab:first-child a{ margin-right: 10px;} .cstmTableTab_area .cstmTableTab:last-child a{ margin-left: 10px;} .cstmTableTab_area .cstmTableTab a.current{ background-color: #323232; color: #FFFFFF; border: solid 1px #323232;} @media screen and (max-width:768px) { .cstmTableTab_area .cstmTableTab a{ font-size: 130%;} } /* .cstmTable */ .ttl_lv4_02 { background-color: #E5E5E5; padding: 10px 0 10px 10px; border-bottom: 2px solid #696969; text-align: left; margin: 0; font-size: 1.625rem; width: 100%; } .cstmTable_02 { width: 100%; font-size: 120%; line-height: 1.6; border-spacing: inherit; border-collapse: collapse; table-layout: fixed; } /*.cstmTable_02 tbody { border-top: 2px solid #696969; }*/ .cstmTable_02 th, .cstmTable_02 td { padding: 15px 0; } .cstmTable_02 th { width: 30%; background-color: #f5f5f5; border-bottom: 2px solid #696969; } .cstmTable_02 td { width: 70%; padding-left: 20px; } .cstmTable_02 .flex-box div:first-child { width: 70%; } .cstmTable_02 .flex-box div:last-child { width: 30%; } .lastCol { border-bottom: 2px solid #696969; } .cstmTable_02 td:not(.lastCol) { border-bottom: 1px solid #696969; } .cstmTableTab_area { display: flex; padding: 0; justify-content: space-between; margin-bottom: 30px; } .cstmTableTab_area .cstmTableTab { display: flex; list-style: none; width: 50%; } .cstmTableTab_area .cstmTableTab a { position: relative; width: 100%; display: block; padding: 1em; background-color: #F5F5F5; color: #000000; font-size: 160%; font-weight: bold; text-align: center; text-decoration: none; /*margin-left: 2%;*/ } .cstmTableTab_area .cstmTableTab a.current { background-color: #4C4C4C; color: #FFFFFF; } .cstmTable_area { display: none; } /* .fmlistnone */ .fmlistnone{ margin-top:0; padding-left:10px;} .fmlistnone li{ list-style:none;} /* .fmv5_footnote */ .fmv5_footnote { text-align:left; width: 90%; margin: 0 auto 20px; line-height:1.6;} .fmv5_footnote dt, .fmv5_footnote dd { float:left; font-size:120%; margin:0;} .fmv5_footnote dt:after { content:" : "; width:0.5em; height:auto; margin-left:0.5em; display:block; float:right;} .fmv5_footnote dt { width:40px;} .fmv5_footnote dd { width:calc(100% - 40px);} .fmv5_footnote.diff-numnone dt:after { margin-left:0;} .fmv5_footnote.diff-numnone dt { width:25px;} .fmv5_footnote.diff-numnone dd { width:calc(100% - 25px);} @media screen and (min-width: 1040px) { .col_text_box{ margin: 0 auto; max-width: 960px; } } @media screen and (max-width:950px) { .more7_flex{ display: block;} .more7_flex_item{ width: 90%; margin: 0 auto;} } @media screen and (max-width:950px) { .cstmMdlImg{ background-size: 105%;} .cstmMdlImg:before{ padding-top:80%;} } #feature-1 .mv-tit-wrap .btn-arrow3 { position: relative; color: #2878c8; font-size: 12px; margin-top: 34px; display: block; text-align: center; } #feature-1 .mv-tit-wrap .btn-arrow3 span { font-size: 16px; } #feature-1 .mv-tit-wrap .btn-arrow3::after { position: absolute; content: ""; box-sizing: border-box; width: 4px; height: 4px; border: 6px solid transparent; border-left: 10px solid #2878c8; top: 50%; right: -21px; margin-top: -5px; } #feature-2 .feature_accordion--contents { margin-top: -10px; } #feature-2 .f2_first, #feature-2 .f2_second, #feature-2 .f2_third { padding: 3%; background-color: #fff; border-radius: 15px; } #feature-2 .f2_first h3, #feature-2 .f2_second h3, #feature-2 .f2_third h3 { margin: 0; text-align: left; font-weight: 800; } #feature-2 .f2_first img, #feature-2 .f2_second img, #feature-2 .f2_third img { width: 100%; margin: 2%; 0 0; } #feature-2 .f2_first p, #feature-2 .f2_second p #feature-2 .f2_third p { width: 100%; margin: 0 auto; padding-top: 6%; } #feature-4 { background-color: #f0f0f0; } #feature-4 .feature_accordion--contents { margin-top: -10px; } #feature-4 .container p { text-align: left; } #feature-4 .f4_first, #feature-4 .f4_second, #feature-4 .f4_third { padding: 4%; background-color: #fff; border-radius: 15px; } #feature-4 .f4_first h3, #feature-4 .f4_second h3, #feature-4 .f4_third h3 { margin: 0; text-align: left; font-weight: 800; } #feature-4 .f4_first img, #feature-4 .f4_second img/*, #feature-4 .f4_third img*/ { width: 100%; } #feature-4 .f4_first p, #feature-4 .f4_second p { width: 100%; margin: 0 auto; padding-top: 6%; } #feature-6 .feature_accordion--contents { margin-top: -10px; } #feature-6 .container p { text-align: left; } #feature-6 .f6_first, #feature-6 .f6_second, #feature-6 .f6_third { padding: 4%; background-color: #fff; border-radius: 15px; } #feature-6 h3 { margin: 0; font-weight: 800; } #feature-6 img { /* width: 100%;*/ max-width: 100%; } #feature-6 .f6_first p, #feature-6 .f6_second p { width: 100%; margin: 0 auto; padding-top: 6%; } #feature-8 p, #feature-8 h3 { font-weight: 800; } #feature-8 img { max-width: 100%; } #feature-8 .f8_fourth_img img { display: block; margin: 0 auto; } @media screen and (min-width:769px) { #feature-2 .feature_accordion--contents, #feature-4 .feature_accordion--contents { background: #FAFAFA; padding: 60px 3%; } #feature-2 .feature_accordion--contents .row, #feature-4 .feature_accordion--contents .row { margin: 0 auto; max-width: 1617px; } #feature-2 .f2_third h3, #feature-2 .f2_third p, #feature-4 .f4_third h3, #feature-4 .f4_third p { width: 100%; } #feature-2 .f2_first_second { display: flex; margin: 0 auto 4%; max-width: 1617px; } #feature-2 .f2_first { margin-right: 3%; width: 48.5%; } #feature-2 .f2_second { width: 48.5%; } #feature-2 .f2_first h3, #feature-2 .f2_second h3 { padding-bottom: 7%; } #feature-2 .f2_third { max-width: 1617px; margin: 0 auto; padding: 0; } #feature-2 .f2_third > div { padding: 4% 4% 40px; } #feature-2 .f2_third .f2_third_flex { display: flex; } #feature-2 .f2_third p{ margin: 0; padding: 0; } #feature-2 .f2_third .f2_third_flex .f2_third_01 { width: 50%; padding-right: 3%; } #feature-2 .f2_third .f2_third_flex .f2_third_02 { position: relative; width: 50%; padding-left: calc(3% + 1.4%); } #feature-2 .f2_third .f2_third_text { padding: 1.5em 0 0; text-align: center; } #feature-2 .f2_third .f2_third_text p { text-align: left; display: inline-block; width: auto; } #feature-4 .feature_accordion--contents { background: #FAFAFA; padding: 60px 3% 0; } #feature-4 .feature_accordion--contents .row { margin: 0 auto; max-width: 1617px; } #feature-4 .f4_third { max-width: 1617px; margin: 0% auto 0; padding: 0; } #feature-4 .f4_third > div { padding: 4% 4% 40px; } #feature-4 .f4_third img { margin: 0 0 2%; max-width: 100%; } #feature-4 .f4_third_flex { display: flex; margin: 2% auto 0; width: 90%; align-items: center; } #feature-4 .f4_first_second { display: flex; margin: 0 auto 4%; max-width: 1617px; } #feature-4 .f4_first { margin-right: 3%; width: 48.5%; } #feature-4 .f4_second { width: 48.5%; } #feature-4 .f4_first h3, #feature-4 .f4_second h3 { padding-bottom: 7%; } #feature-6 > div .feature-6_txt p{ font-size: 19px; font-size: clamp(19px, 2.4vw, 28px); } #feature-6 .f6_fourth h3 { font-size: 28px; font-size: clamp(28px, 4.0vw, 48px); } #feature-6 .f6_fourth2 h3 { font-size: 33px; font-size: clamp(33px, 4.4vw, 52px); } #feature-6 > div .feature-6_txt { width: 100%; } #feature-6 .feature_accordion--contents { background: #FAFAFA; padding: 0 3% 60px; max-width: 1617px; margin: auto; } #feature-6 .feature_accordion--contents .row { margin: 60px auto 0; max-width: 1617px; } #feature-6 .img-box-inner{ margin: 0px auto 4%; max-width: 94%; } #feature-6 .f6_third > div { } #feature-6 .f6_third img { margin: 2% auto 0; display: block; } #feature-6 .feature_accordion--contents .f6_third .row { margin: 0; } #feature-6 > div > .f6_fourth > div, #feature-8 > div > .f8_fourth > div { flex: 1; } #feature-6 > div > .f6_fourth p { font-size: 19px; font-size: clamp(19px, 1.8vw, 21px); line-height: 1.4; font-weight: bold; margin-top: 50px; } #feature-6 .f6_fourth2 .f6_fourth_text p span { word-break: break-all; overflow-wrap: break-word; white-space: pre-wrap; white-space: break-spaces; } #feature-6 .f6_fourth2 .f6_fourth_text p span span { white-space: nowrap; } #feature-8 .feature_accordion--contents { background: #FAFAFA; padding: 0 3% 100px; max-width: 1617px; margin: auto; } #feature-8 .feature_accordion--contents .row { margin: 60px auto 0; max-width: 1617px; } #feature-8 .img-box-inner{ margin: 0px auto 4%; max-width: 94%; } #feature-8 .f6_third > div { } #feature-8 .f8_third img { margin: 2% 0 0; } #feature-8 .feature_accordion--contents .f8_third .row { margin: 0; } #feature-8 > div:first-child div{ max-width: 1920px; margin: 0 auto; } } @media screen and (max-width:768px) {/*sp*/ #feature-2 .container, #feature-4 .container, #feature-6 > div.container:first-child, #feature-8 > div.container:first-child { background-color: #F0F0F0; padding-bottom: 10px; } #feature-6 > div.container:first-child { padding-bottom: 20px; } #feature-2{ background: #FAFAFA; } #feature-2 .feature_accordion--contents { padding: 30px 5% 30px; margin: 0; } #feature-2 .f2_first { background-size:contain; max-width: 769px; } #feature-2 .f2_third { position: relative; /* margin: 5.5% auto 0;*/ padding: 1% 1% 7%; padding: 5.5%; } #feature-2 .f2_third h3 { left: 5%; width: 100%; margin: 0 auto 20px; /* font-size: 25px; font-size: clamp(25px, 6vw, 42px);*/ text-align: center; } #feature-2 .f2_third p { width: 100%; margin: 3% auto 0; padding: 0; } #feature-2 .f2_third p:first-child { margin: 3% auto 3%; } #feature-2 .f2_third .f2_third_01 img { margin-top: 24px; } #feature-4{ background: #FAFAFA; } #feature-4 .feature_accordion--contents { padding: 30px 5% 30px; margin: 0; } #feature-4 .f4_first { background-size:contain; max-width: 769px; } #feature-4 .f4_third { position: relative; /* margin: 5.5% auto 30px;*/ margin-bottom: 20px; padding: 1% 1% 7%; padding: 5.5%; } #feature-4 .f4_third h3 { left: 5%; width: 100%; margin: 0 auto; /* font-size: 25px; font-size: clamp(25px, 6vw, 42px);*/ text-align: center; } #feature-4 .f4_third p { width: 100%; margin: 3% auto 0; padding: 0; } #feature-4 .f4_third p:first-child { margin: 3% auto 3%; } #feature-4 .f4_third .f4_third_01 img { display: block; margin: 24px auto 0; } #feature-6{ background: #F6F6F6; padding-top: 0; } #feature-6 .feature_accordion--contents { padding: 30px 5% 30px; margin: 0; } #feature-6 .img-box { margin: 6% auto 0; } #feature-6 .img-box-inner{ margin: 0px auto 6%; } #feature-6 .img-box p { width: 90%; margin: 0 auto; font-size: clamp(12px, calc(10px + 0.6vw), 14px); } #feature-6 .f6_fourth { position: relative; margin: 0% auto 20px; padding: 1% 1% 7%; padding: 6%; } #feature-6 .f6_fourth_text { margin: 0 auto 0; } #feature-6 .f6_third { position: relative; margin: 20px auto 0; padding: 1% 1% 7%; padding: 6%; } #feature-6 .f6_third h3 { width: 100%; margin: 0 auto 20px; /* font-size: 25px; font-size: clamp(25px, 6vw, 42px);*/ text-align: center; } #feature-6 .f6_third p { width: 100%; margin: 3% auto 0; padding: 0; } #feature-6 .f6_third img { margin: 10px auto 0; } #feature-8{ padding-top: 0; } #feature-8 .feature_accordion--contents { padding: 30px 5% 30px; margin: 0; } #feature-8 > div .feature-8_txt h2{ font-size: 25px; font-size: clamp(25px, 8vw, 42px); font-weight: 800; position: absolute; top: 40%; } #feature-8 > div .feature-8_txt { position: static; } #feature-8 .f8_fourth { display: block; padding: 5.5%; margin: 0% auto; padding: 5.5%; } #feature-8 .f8_fourth p { width: 100%; margin: 3% auto 0; padding: 0; } #feature-8 .f8_fourth_img p { } #feature-8 .f8_fourth_img p span { white-space: nowrap; } #feature-8 > div.container:first-child { padding-bottom: 0; } #feature-8 .feature-8-x .f8_first_1 { margin-top: 20px; } #feature-5 .custom-box-inner .custom-box-text-area p:first-child { font-size: 16px; } #feature-5 .custom-box .custom-box-inner p.custom-box-text { font-size: 18px; } } #feature-2 h2,#feature-4 h2,#feature-6 h2, #feature-2 p, #feature-4 p,#feature-6 p, #feature-2 h3, #feature-4 h3, #feature-6 h3 { letter-spacing: -0.1rem; } @media screen and (max-width:768px) {/*sp*/ #feature-2 .txt_c_child, #feature-4 .txt_c_child, #feature-6 .txt_c_child { display: inline-block; margin-bottom: 0; padding-bottom: 0; text-align: left; } #feature-2 h2, #feature-4 h2, #feature-6 h2, #feature-8 h2 { width: 100%; margin: 0 0 2.5rem; font-size: 25px; font-size: clamp(25px, 8vw, 42px); font-weight: 800; padding-top: 3%; } #feature-2 p, #feature-4 p, #feature-6 p, #feature-8 p { width: 100%; margin: 3% auto 0; padding: 0; font-size: 14px; font-size: clamp(14px, 2.8vw, 17px); line-height: 1.4; font-weight: bold; } #feature-2 .f2_first, #feature-4 .f4_first, #feature-2 .f2_second, #feature-4 .f4_second { padding: 7% 5% 7%; } #feature-2 .f2_first, #feature-4 .f4_first { margin: 0 auto; } #feature-2 .f2_second, #feature-4 .f4_second { margin: 5.5% auto 0; } #feature-2 .f2_first h3, #feature-2 .f2_second h3, #feature-4 .f4_first h3, #feature-4 .f4_second h3 { width: 100%; margin: 0rem auto 3rem; font-size: 25px; font-size: clamp(25px, 7vw, 42px); text-align: center; } #feature-4 h3 span { font-size: 25px; font-size: clamp(16px, 5vw, 30px); } #feature-2 .f2_first p, #feature-2 .f2_second p, #feature-4 .f4_first p, #feature-4 .f4_second p { width: 100%; margin: 3% auto 0; padding: 0; } #feature-2 .f2_first, #feature-4 .f4_first { margin: 5.5% auto 0; } #feature-6 .feature_accordion--contents .f6_fourth_note { margin-top: -25px; margin-bottom: 20px; } } .f2_first_second_x .f2_first_1, .f2_first_second_x .f2_second_1, .f4_first_second_x .f4_first_1, .f4_first_second_x .f4_second_1, .f8_first_second_x .f8_first_1, .f8_first_second_x .f8_second_1, .f6_first_second_x .f6_first_1, .f6_first_second_x .f6_second_1 { border-radius: 15px 15px 0 0; padding: 6% 3% 0 3%; display: table; } #feature-2 .f2_first_second_x .f2_first_1 h3, #feature-2 .f2_first_second_x .f2_second_1 h3, #feature-4 .f4_first_second_x .f4_first_1 h3, #feature-4 .f4_first_second_x .f4_second_1 h3, #feature-8 .f8_first_second_x .f8_first_1 h3, #feature-8 .f8_first_second_x .f8_second_1 h3, #feature-6 .f6_first_second_x .f6_first_1 h3, #feature-6 .f6_first_second_x .f6_second_1 h3 { padding-bottom: 7%; margin-bottom: 0; display: table-cell; vertical-align: middle; font-weight:800; } .f2_first_second_x .f2_first_2, .f2_first_second_x .f2_second_2, .f2_first_second_x .f2_first_3, .f2_first_second_x .f2_second_3, .f4_first_second_x .f4_first_2, .f4_first_second_x .f4_second_2, .f4_first_second_x .f4_first_3, .f4_first_second_x .f4_second_3, .f8_first_second_x .f8_first_2, .f8_first_second_x .f8_second_2, .f8_first_second_x .f8_first_3, .f8_first_second_x .f8_second_3, .f6_first_second_x .f6_first_2, .f6_first_second_x .f6_second_2, .f6_first_second_x .f6_first_3, .f6_first_second_x .f6_second_3 { padding: 0 6%; } .f2_first_second_x .f2_first_2 p, .f2_first_second_x .f2_second_2 p, .f4_first_second_x .f4_first_2 p, .f4_first_second_x .f4_second_2 p, .f8_first_second_x .f8_first_2 p, .f8_first_second_x .f8_second_2 p, .f6_first_second_x .f6_first_2 p, .f6_first_second_x .f6_second_2 p { padding: 30px 0; margin: 0; width: 100%; } .f2_first_second_x .f2_first_3 img, .f2_first_second_x .f2_second_3 img, .f4_first_second_x .f4_first_3 img, .f4_first_second_x .f4_second_3 img, .f8_first_second_x .f8_first_3 img, .f8_first_second_x .f8_second_3 img, .f6_first_second_x .f6_first_3 img, .f6_first_second_x .f6_second_3 img { width: 100%; } .f2_first_second_x .f2_first_2, .f2_first_second_x .f2_second_2, .f4_first_second_x .f4_first_2, .f4_first_second_x .f4_second_2, .f8_first_second_x .f8_first_2, .f8_first_second_x .f8_second_2, .f6_first_second_x .f6_first_2, .f6_first_second_x .f6_second_2 { border-radius: 0 0 15px 15px; } .feature-2-x > div > div, .feature-4-x > div > div, .feature-8-x > div > div, .feature-6-x > div > div { background-color: #fff; } .f4_first_second_x .f4_first_4, .f4_first_second_x .f4_second_4 { background-color: #fafafa; } @media screen and (min-width:769px) { #globalNaviArea>.globalNaviBlock,#globalNaviArea>.globalNaviBlock ul.menu{ width:100%; max-width: 980px; } .f2_first_second_x, .f4_first_second_x, .f8_first_second_x, .f6_first_second_x { display: grid; grid-template-columns: 50% 50%; } .f2_first_second_x .f2_first_2:first-child, .f2_first_second_x .f2_second_2:first-child { margin-bottom: 3%; } .f4_first_second_x { margin: 60px 0; } .f2_first_second_x .f2_first_1, .f2_first_second_x .f2_first_2, .f2_first_second_x .f2_first_3, .f4_first_second_x .f4_first_1, .f4_first_second_x .f4_first_2, .f4_first_second_x .f4_first_3, .f8_first_second_x .f8_first_1, .f8_first_second_x .f8_first_2, .f8_first_second_x .f8_first_3, .f6_first_second_x .f6_first_1, .f6_first_second_x .f6_first_2, .f6_first_second_x .f6_first_3 { margin-right: 3%; } .f2_first_second_x .f2_second_1, .f2_first_second_x .f2_second_2, .f2_first_second_x .f2_second_3, .f4_first_second_x .f4_second_1, .f4_first_second_x .f4_second_2, .f4_first_second_x .f4_second_3, .f8_first_second_x .f8_second_1, .f8_first_second_x .f8_second_2, .f8_first_second_x .f8_second_3, .f6_first_second_x .f6_second_1, .f6_first_second_x .f6_second_2, .f6_first_second_x .f6_second_3 { margin-left: 3%; } #feature-2 .f2_first_second_x .f2_first_1 h3, #feature-2 .f2_first_second_x .f2_second_1 h3, #feature-4 .f4_first_second_x .f4_first_1 h3, #feature-4 .f4_first_second_x .f4_second_1 h3, #feature-8 .f8_first_second_x .f8_first_1 h3, #feature-8 .f8_first_second_x .f8_second_1 h3, #feature-8 .f8_fourth h3, #feature-6 .f6_first_second_x .f6_first_1 h3, #feature-6 .f6_first_second_x .f6_second_1 h3 { font-size: 33px; font-size: clamp(33px, 4.4vw, 52px); text-align: center; } #header .headertop, section>div { padding-bottom:0; padding-top:0; } #site-nav.nav-fixed .nav-w, section>div { padding-top:0; } #globalNaviArea .globalNavi:hover>.menuListBlock, #location, img.block-img { display:block; } #feature-1, #header { min-height:1px; } #feature-1 #lead, #header, #site-nav, section p { margin-bottom:0; } #nav-list, #pagetop { background-color:#f5f5f5; background-image:-webkit-linear-gradient(top, #f5f5f5 0, #ddd 100%); } h1, h2, h3, h4, h5, h6 { font-size:140%; } h2, h4, h5, h6 { font-size:300%; /* letter-spacing:-1px; letter-spacing:-.1rem;*/ font-weight:normal; } h3{ font-size:250%; letter-spacing:-1px; letter-spacing:-.1rem; font-weight:normal; } img.block-img.left { margin-right:auto; } img.block-img.center { margin-left:auto; margin-right:auto; } img.block-img.right { margin-left:auto; } figure>figcaption { position:absolute; bottom:0; left:35%; font-size:120%; font-weight:300; color:#666; } section p { font-size:180%; line-height: 1.8; text-align:justify; text-justify:inter-ideograph; } section .container>.flex-box>div:first-child, section .container>.flex-box>div:last-child { width:80%; } #header { border:0; box-shadow:none; background-image:none; } #header #corporatesymbol img { max-width:none; } #feature-1 .container:last-child, #site-nav #site-nav-menu { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; } #globalNaviArea .globalNavi:hover>.menuListBlock td, #globalNaviArea .globalNavi:hover>.menuListBlock th { font-size:14px; font-size:1.4rem; line-height:25px; line-height:2.5rem; text-align:center; } #globalNaviArea .globalNavi:hover>.menuListBlock li { font-size:14px; font-size:1.4rem; line-height:25px; line-height:2.5rem; } #globalNaviArea .globalNavi:hover>.menuListBlock a:link { color:#039; } #globalNaviArea .globalNavi:hover>.menuListBlock a:visited { color:#609; } #site-nav #site-nav-headline { display:block; position:static; padding:0; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; } #site-nav #site-nav-headline.sp { display:none; } #site-nav #site-nav-headline h1, #site-nav #site-nav-headline h2, #site-nav #site-nav-headline h3, #site-nav #site-nav-headline h4, #site-nav #site-nav-headline h5, #site-nav #site-nav-headline h6 { text-align:center; } #site-nav #site-nav-headline button { display:none; } #site-nav #site-nav-menu { position:static; padding:0; min-width:inherit; -webkit-box-flex:5; -webkit-flex:5; -ms-flex:5; flex:5; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } #site-nav #site-nav-menu li { font-size:140%; color:#666; background-image:none; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; text-align:center; border-bottom:0 none; border-left:1px solid #d1d1d1; } #site-nav #site-nav-menu li:first-child { border-top-color:transparent; } #site-nav #site-nav-menu li:last-child { border-bottom-color:transparent; } #site-nav #site-nav-menu li:after { position:static; content:""; } #site-nav #site-nav-menu li:hover:after { color:#000; text-shadow:3px 2px 8px #ccc; width:100%; } #site-nav #site-nav-menu a { display:inline-block; font-weight: normal; color:#999; padding:0; } #site-nav #site-nav-menu a:hover { text-decoration:none; } #site-nav #site-nav-menu a:hover:after { font-weight: normal; color:#000; border-bottom:.2rem solid #000; width:100%; } #site-nav #site-nav-menu a:after { content:attr(data-text); position:absolute; width:0; height:100%; overflow:hidden; top:0; left:0; color:transparent; -webkit-transition:color .3s linear .2s, border .3s linear 0s; transition:color .3s linear .2s, border .3s linear 0s; -webkit-backface-visibility:hidden; backface-visibility:hidden; border-bottom:.2rem solid transparent; } #site-nav .container>div { height:40px; padding:0 10px; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; } #site-nav .container.nav-w { width:980px; } #location { background:#f7f7f7; border:1px solid #eee; padding:0; margin-bottom:15px; text-align:left; } #location ol { padding:7px 10px; margin:0; list-style:none; font-size:130%; } #location ol.location-inside { font-weight:400; } #location li { display:inline; margin:0 2px 0 0; line-height:1.3; } #location li a { margin-right:2px; } #location li a:active, #location li a:link, #location li a:visited { margin-right:2px; text-decoration:none; } #location li a:link { color:#003399; } #location li a:hover { margin-right:2px; text-decoration:underline; } #productPage a:active { color: #cc3300; } #feature-1 #lead { width:auto; margin-top:120px; font-size:720%; line-height:.8; } #feature-1 .container { width: 1600px; height: 750px; justify-content: center; align-items: center; margin-top: 184px; } #feature-1 h1 img{ margin-left: 10%; } #feature-1 .respon-img.right { margin-left: 38%; } #feature-1 .flex-box>div:first-child { display: block; } #feature-1 .flex-box>h2.ahc2_title { margin:0; max-width:none; } #feature-1 .flex-box>div:last-child { width:760px; } #feature-1 .ytb { max-width:650px; z-index: 50; } #feature-1 { margin-bottom: 0; background: url(/fmv/dh_s/2501/images/main_visual.png) no-repeat center top #fff; background-size: 1920px 901px; /* background-size: auto;*/ height: 901px; max-width: 1920px; margin: 0 auto; } #feature-2 { margin-bottom: 0; background-color: #f0f0f0; } #feature-2 > div:first-child { background: url(/fmv/dh_s/2501/images/feature02.png) no-repeat right top #f0f0f0; background-size: auto; max-width: 1920px; margin: 0 auto; } #feature-2 .container>.flex-box>div:first-child { max-width: 600px; } #feature-2 .container>.flex-box>div:first-child p, #feature-2 .container>.flex-box>div:first-child h2 { width: 100%; margin-left: 0; margin-right: 0; } #feature-2 .container>.flex-box>div:first-child p{ /*max-width: 600px;*/ } #feature-2 p { margin-top:0; margin-bottom:10px; } #feature-2 .txt_c_child { display: inline-block; width: 548px; margin-bottom: 0; padding-bottom: 0; text-align: left; } #feature-2 .flex-box { height:750px; color:#000; align-items: flex-start; /* padding-top: 5em;*/ } #feature-2 .flex-box>div:first-child figure { width:90%; } #feature-2 .flex-box>div:first-child figure img { display:block; max-width:70%; height:auto; margin:4rem auto 0; } #feature-2 .flex-box>div:last-child:before { display:inline; } #feature-2 .flex-box>div:last-child { width:15%; /* width:50%;*/ } #feature-2 .flex-box>div:last-child figure img { width:auto; max-width: 100%; height: auto; } #feature-2 .feature_accordion--wrap { width: auto; margin-top: -100px; } #feature-2 div[class*="feature_accordion_bg"]{ padding-top: 0; } #feature-2 .feature_accordion_bg_01 { } #feature-2 div[class*="feature_accordion_bg"] .flex-box { position: relative; max-width: 1280px; margin: 0 auto; justify-content: space-between; flex-direction:row; } #feature-2 div[class*="feature_accordion_bg"] .flex-box h3, #feature-2 div[class*="feature_accordion_bg"] .flex-box p{ margin-left: 0; margin-right: 0; } #feature-2 div[class*="feature_accordion_txt"]{ z-index: 2; } #feature-2 .feature_accordion_bg_01 .flex-box{ align-items: flex-end; } #feature-2 .feature_accordion_txt_01{ max-width: 500px; margin-bottom: 60px; } #feature-2 .feature_accordion_img_01{ width: 100%; } #feature-2 .feature_accordion_img_01 img{ position: absolute; z-index: 1; top: 0; left: -170px; } #feature-2 .flex-box>div.feature_accordion_img_01:before #feature-2 .flex-box>div.feature_accordion_img_02:before, #feature-2 .flex-box>div.feature_accordion_img_03:before{ content: none; } #feature-2 .feature_accordion_bg_02 { } #feature-2 .feature_accordion_img_02 img{ position: absolute; z-index: 1; top: 0; right: 0; } #feature-2 .feature_accordion_txt_02{ max-width: 500px; margin-bottom: 60px; } #feature-2 .feature_accordion_bg_03 { } #feature-2 .feature_accordion_bg_03 .flex-box{ align-items: flex-end; } #feature-2 .feature_accordion_txt_03 { max-width: 500px; margin-bottom: 60px; } #feature-2 .feature_accordion_img_03 img{ position: absolute; z-index: 1; top: 0; right: 0; } #feature-4 .flex-box { flex-direction: row-reverse; } #feature-4 .container>.flex-box>div:first-child { max-width: 550px; margin: 0 auto; } #feature-4 .container>.flex-box>div:first-child p, #feature-2 .container>.flex-box>div:first-child h2 { width: 100%; margin-left: 0; margin-right: 0; } #feature-4 .flex-box>div:last-child figure img { position: absolute; top: 10rem; right: -140px; } section .container > .flex-box > div:first-child, section .container > .flex-box > div:last-child { width: 50%; } #feature-4 .flex-box > div:last-child { position: relative; height: 750px; } #feature-4 div[class*="feature_accordion_bg"]{ padding-top: 0; } #feature-4 .feature_accordion_bg_01 { } #feature-4 div[class*="feature_accordion_bg"] .flex-box { position: relative; max-width: 1280px; margin: 0 auto; justify-content: space-between; flex-direction:row; } #feature-4 div[class*="feature_accordion_bg"] .flex-box h3, #feature-4 div[class*="feature_accordion_bg"] .flex-box p{ margin-left: 0; margin-right: 0; } #feature-4 div[class*="feature_accordion_txt"]{ z-index: 2; } #feature-4 .feature_accordion_bg_01 .flex-box{ align-items: flex-end; } #feature-4 .feature_accordion_txt_01{ max-width: 500px; margin-bottom: 60px; } #feature-4 .feature_accordion_img_01{ width: 100%; } #feature-4 .feature_accordion_img_01 img{ position: absolute; z-index: 1; top: 0; left: -170px; } #feature-4 .flex-box>div.feature_accordion_img_01:before #feature-4 .flex-box>div.feature_accordion_img_02:before, #feature-4 .flex-box>div.feature_accordion_img_03:before{ content: none; } #feature-4 .feature_accordion_bg_02 { } #feature-4 .feature_accordion_img_02 img{ position: absolute; z-index: 1; top: 0; right: 0; } #feature-4 .feature_accordion_txt_02{ max-width: 500px; margin-bottom: 60px; } #feature-4 .feature_accordion_bg_03 { } #feature-4 .feature_accordion_bg_03 .flex-box{ align-items: flex-end; } #feature-4 .feature_accordion_txt_03 { max-width: 500px; margin-bottom: 60px; } #feature-4 .feature_accordion_img_03 img{ position: absolute; z-index: 1; top: 0; right: 0; } /* #feature-6 { margin-bottom: 0; background: url(/fmv/dh_s/2501/images/feature06.png) no-repeat center top #f0f0f0; background-size: 1920px 840px; } */ .fmv5_footnote{ width:100%; } #feature-5>.clearfix, #feature-5>.container { width:100%; margin-bottom:30px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } #feature-5>.virtual-p { max-width:1200px; } #feature-5>.virtual-p:before { padding-top:78%; } #feature-5 h2, #feature-5 h3, #feature-5 h4, #feature-5 h5, #feature-5 h6 { margin:0; width:auto; font-weight:800; letter-spacing:.1rem; } #feature-5 img.respon-img { /* max-width:90%; */ max-height:680px; /* max-height:64rem; */ width:auto; height:auto; } #feature-5 .container { margin-bottom:0; } #feature-5 .flex-box { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around; } #feature-5 .flex-box>div:first-child { padding-top:50px; padding-bottom:20px; width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } #feature-5 .flex-box.custom-box.sp { display: none; } #nav-list div, #sns { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; } #feature-5 .flex-box>div:last-child { width:100%; } #feature-5 .btn-1 { margin:0; -webkit-animation:none; animation:none; } #feature-2 .container>.flex-box>div:first-child, #feature-4 .container>.flex-box>div:first-child, #feature-6 .container>.flex-box>div:first-child { padding-left: 10px; padding-top: 30px; } #feature-2 .container>.flex-box>div:first-child { padding-top: 0; margin: auto 0; } #feature-4 .container>.flex-box>div:first-child { padding-top: 0px; padding-left: 30px; } #feature-2 h2, #feature-4 h2, #feature-6 h2, #feature-8 h2 { text-align: center; } #feature-2 h2, #feature-4 h2, #feature-6 h2, #feature-8 h2 { width: 100vw; margin: 0 0 4rem; font-size: 42px; font-size: clamp(42px, 5.4vw, 64px); font-weight: 800; } #feature-2 .container p, #feature-4 .container p , #feature-6 .container p { font-size: 19px; font-size: clamp(19px, 2.4vw, 28px);; line-height: 1.4; font-weight: bold; } #feature-2 h2 { /* text-shadow: 0 0 10px #fff;*/ text-shadow: #fff 1px 1px 15px, #fff -1px 1px 15px, #fff 1px -1px 15px, #fff -1px -1px 15px; } #feature-2 .container p { /* text-shadow: 0 0 5px #fff;*/ text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px; } #feature-2 .f2_first_2, #feature-2 .f2_second_2 { margin-bottom: 60px } #feature-4 h2 { width: 100%; } #feature-4 .container p { } #feature-2 .feature_accordion--contents p, #feature-4 .feature_accordion--contents p, #feature-8 .feature_accordion--contents p, #feature-6 .feature_accordion--contents p { font-size: 19px; font-size: clamp(19px, 1.8vw, 21px); line-height: 1.4; font-weight: bold; } #feature-2 .f2_first h3, #feature-2 .f2_second h3, #feature-2 .f2_third h3, #feature-6 .f6_first h3, #feature-6 .f6_second h3, #feature-6 .f6_third h3, #feature-8 .f8_first h3, #feature-8 .f8_second h3, #feature-8 .f2_third h3, #feature-4 .f4_first h3, #feature-4 .f4_second h3, #feature-4 .f4_third h3 { font-size: 33px; font-size: clamp(33px, 4.4vw, 52px); text-align: center; height: 2.3em; position: relative; } #feature-2 .f2_first h3 span { position: absolute; bottom: 45%; width: 100%; right: 0%; } #feature-4 .f4_first h3 span { font-size: clamp(24px, 3vw, 32px); } #sns { display:flex; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin-bottom:80px; } #sns .flex-box { width:16%; -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around; } #nav-list .nav-w, .container, .container.nav-w { width:1280px; } .container { width:1280px; /* width:1380px;*/ } #nav-list { padding-top:22px; padding-bottom:25px; border-top:1px solid #d2d2d2; background-image:linear-gradient(to bottom, #f5f5f5 0, #ddd 100%); } #nav-list div { display:flex; -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; } #nav-list dl>dt { display:block; border-top:0 none; border-bottom:1px solid #bbb; padding:0 0 5px 9px; } #nav-list dl>dt .sp-list-btn { display:none; } #nav-list dl>dd { padding:3px 0 0 9px; } #nav-list dl>dd>ul>li { position:static; margin-top:5px; border-top:0 none; padding:0; line-height:1.9; } #nav-list dl>dd>ul>li:after { position:static; content:""; } #nav-list dl>dd>ul>li>a { text-decoration:none; padding:0; color:#2f3e8d; } #nav-list dl>dd>ul>li>a:hover { text-decoration:underline; } #pagetop { border-top:0 none; height:0; background-image:linear-gradient(to bottom, #f5f5f5 0, #ddd 100%); } #pagetop p { bottom:10px; } #pagetop.fixed p { bottom:50px; } .pc-inline { display:inline; } .virtual-p { background-size:cover; } .flex-box { display:flex; justify-content:left; align-items:stretch; } .flex-box>div:first-child { display:flex; flex-direction:column; justify-content:center; } .float-left { float:left; } .float-right { float:right; } .pc { display:block; } .sp, .sp-inline { display:none; } } @media screen and (max-width:768px) { figure { margin: 1em 10px; } .sp_disNon{ display:none !important;} #feature-1 h1.ahc2_title{ text-align:center; margin-top:30px; } #feature-1 h1.ahc2_title img{ width:85%; display:block; margin-left:auto; margin-right:auto; } #feature-1 h1 img + img { margin-top: 5%; } img.respon-img.pc{ display: none; } img.respon-img { display: block; max-width: 90%; height: auto; } #feature-1 .mv-tit-wrap img { margin: 0 auto; } #feature-2, #feature-4, #feature-6 > div:first-child, #feature-8 > div:first-child { background: #FAFAFA; } #feature-2 .flex-box, #feature-6 .feature-6_txt { width: 90%; margin: 0 auto; } #feature-6 .flex-box>div { position: absolute; margin: 0 5%; } #feature-2 .flex-box>div { color: #000; left: 0; right: 0; display: inline-block; margin: auto; } #feature-4 .flex-box>div { margin: 0 5%; } #feature-2 .container p { display: table; margin: auto; width: auto; } #feature-2 .txt_c img, #feature-4 .txt_c img { margin: 0 auto; } #feature-4 img, #feature-6 img { max-width: 100%; } #feature-6 .f6_fourth { display: block; } .f2_first_second_x, .f4_first_second_x, .f8_first_second_x, .f6_first_second_x { display: flex; flex-flow: column; } .f2_first_second_x .f2_first_1, .f2_first_second_x .f2_first_2, .f2_first_second_x .f2_first_3, .f4_first_second_x .f4_first_1, .f4_first_second_x .f4_first_2, .f4_first_second_x .f4_first_3, .f6_first_second_x .f6_first_1, .f6_first_second_x .f6_first_2, .f6_first_second_x .f6_first_3, .f8_first_second_x .f8_first_1, .f8_first_second_x .f8_first_2, .f8_first_second_x .f8_first_3, .f2_first_second_x .f2_second_1, .f2_first_second_x .f2_second_2, .f2_first_second_x .f2_second_3, .f4_first_second_x .f4_second_1, .f4_first_second_x .f4_second_2, .f4_first_second_x .f4_second_3, .f8_first_second_x .f8_second_1, .f8_first_second_x .f8_second_2, .f8_first_second_x .f8_second_3, .f6_first_second_x .f6_second_1, .f6_first_second_x .f6_second_2, .f6_first_second_x .f6_second_3 { background-color: #FFF; } .f2_first_second_x .f2_first_1, .f2_first_second_x .f2_first_2, .f2_first_second_x .f2_first_3, .f4_first_second_x .f4_first_1, .f4_first_second_x .f4_first_2, .f4_first_second_x .f4_first_3, .f8_first_second_x .f8_first_1, .f8_first_second_x .f8_first_2, .f8_first_second_x .f8_first_3, .f6_first_second_x .f6_first_1, .f6_first_second_x .f6_first_2, .f6_first_second_x .f6_first_3 { margin-right: 0; } .f2_first_second_x .f2_second_1, .f2_first_second_x .f2_second_2, .f2_first_second_x .f2_second_3, .f4_first_second_x .f4_second_1, .f4_first_second_x .f4_second_2, .f4_first_second_x .f4_second_3, .f8_first_second_x .f8_second_1, .f8_first_second_x .f8_second_2, .f8_first_second_x .f8_second_3, .f6_first_second_x .f6_second_1, .f6_first_second_x .f6_second_2, .f6_first_second_x .f6_second_3 { margin-left: 0; } .f2_first_second_x .f2_first_1, .f4_first_second_x .f4_first_1, .f8_first_second_x .f8_first_1, .f6_first_second_x .f6_first_1 { order: 0; } .f2_first_second_x .f2_first_3, .f4_first_second_x .f4_first_3, .f8_first_second_x .f8_first_3, .f6_first_second_x .f6_first_3 { order: 1; } .f2_first_second_x .f2_first_2, .f4_first_second_x .f4_first_2, .f8_first_second_x .f8_first_2, .f6_first_second_x .f6_first_2 { order: 2; padding-bottom: 6%; } .f2_first_second_x .f2_second_1, .f8_first_second_x .f8_second_1, .f6_first_second_x .f6_second_1 { order: 3; } .f4_first_second_x .f4_first_4 { order: 3; } #feature-4 .f4_first_second_x .f4_first_4 .f4_first_note { padding-top: 5px; } .f2_first_second_x .f2_second_3, .f8_first_second_x .f8_second_3, .f6_first_second_x .f6_second_3 { order: 4; } .f4_first_second_x .f4_second_1 { order: 4; margin-top: 20px; } .f2_first_second_x .f2_second_2, .f8_first_second_x .f8_second_2, .f6_first_second_x .f6_second_2 { order: 5; padding-bottom: 6%; } .f4_first_second_x .f4_second_3 { order: 5; } .f4_first_second_x .f4_second_2 { order: 6; padding-bottom: 6%; } .f6_first_second_x .f6_first_2, .f6_first_second_x .f6_second_2 { margin-bottom: 20px } #feature-6 .f6_fourth h3 span.h3_small, #feature-6 .f6_first_1 h3 span.h3_small, #feature-6 .f6_second_1 h3 span.h3_small { font-size: 4.5vw; } #feature-4 .feature_accordion--contents .f4_first_note, #feature-6 .feature_accordion--contents .f6_fourth_note, #feature-8 .feature_accordion--contents .f8_fourth_note { font-size: clamp(12px, calc(10px + 0.6vw), 14px); } #feature-2 h3, #feature-4 h3, #feature-6 h3, #feature-8 h3 { font-size: 5.7vw; } img.respon-img { display:block; max-width:90%; height:auto; } img.respon-img.left { margin-right:auto; } img.respon-img.center { margin-left:auto; margin-right:auto; } img.respon-img.right { margin-left:auto; } .container.link_youTube figure{ margin:0; } } @media screen and (min-width:460px) { .cstmMdlTxt{width: 100%; text-align: center;} } @media screen and (max-width:479px) { #header #headerrightarea { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-box-orient:vertical; -webkit-box-direction:reverse; -webkit-flex-direction:column-reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; } } @media screen and (min-width: 769px){ h5.ttl_lv3.custom{ width:89%;} } @-webkit-keyframes btn-shadow { from, to { box-shadow:0 0 0 #transparent; } 25%, 75% { box-shadow:0 0 2rem #bcbcbc; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } 50%, 60% { box-shadow:0 0 2rem #585858; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }; } @keyframes btn-shadow { from, to { box-shadow:0 0 0 #transparent; } 25%, 75% { box-shadow:0 0 2rem #bcbcbc; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } 50%, 60% { box-shadow:0 0 2rem #585858; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; }; } @-webkit-keyframes feature-1-text-effect { from { -webkit-transform:scale(500); transform:scale(500); opacity:0; -webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1); animation-timing-function:cubic-bezier(0, 0, .2, 1); } 90% { -webkit-transform:scale(10); transform:scale(10); opacity:.2; } to { -webkit-transform:scale(1); transform:scale(1); opacity:1; }; } @keyframes feature-1-text-effect { from { -webkit-transform:scale(500); transform:scale(500); opacity:0; -webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1); animation-timing-function:cubic-bezier(0, 0, .2, 1); } 90% { -webkit-transform:scale(10); transform:scale(10); opacity:.2; } to { -webkit-transform:scale(1); transform:scale(1); opacity:1; }; } @-webkit-keyframes feature-1-img-effect { from { -webkit-transform:scale(500); transform:scale(500); opacity:0; -webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1); animation-timing-function:cubic-bezier(0, 0, .2, 1); } 90% { -webkit-transform:scale(10); transform:scale(10); opacity:0; } to { -webkit-transform:scale(1); transform:scale(1); opacity:1; }; } @keyframes feature-1-img-effect { from { -webkit-transform:scale(500); transform:scale(500); opacity:0; -webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1); animation-timing-function:cubic-bezier(0, 0, .2, 1); } 90% { -webkit-transform:scale(10); transform:scale(10); opacity:0; } to { -webkit-transform:scale(1); transform:scale(1); opacity:1; }; } @-webkit-keyframes feature-3-img-effect { from { -webkit-transform:scale(0); transform:scale(0); opacity:0; -webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1); animation-timing-function:cubic-bezier(0, 0, .2, 1); } 90% { -webkit-transform:scale(1); transform:scale(1); opacity:.8; } to { -webkit-transform:scale(1); transform:scale(1); opacity:1; }; } @keyframes feature-3-img-effect { from { -webkit-transform:scale(0); transform:scale(0); opacity:0; -webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1); animation-timing-function:cubic-bezier(0, 0, .2, 1); } 90% { -webkit-transform:scale(1); transform:scale(1); opacity:.8; } to { -webkit-transform:scale(1); transform:scale(1); opacity:1; }; } @-webkit-keyframes feature-3-img-effect-2 { from { -webkit-transform:translateX(20rem); transform:translateX(20rem); opacity:0; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 80% { -webkit-transform:translateX(20rem); transform:translateX(20rem); opacity:0; } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1; }; } @keyframes feature-3-img-effect-2 { from { -webkit-transform:translateX(20rem); transform:translateX(20rem); opacity:0; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 80% { -webkit-transform:translateX(20rem); transform:translateX(20rem); opacity:0; } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1; }; } @-webkit-keyframes feature-text-effect { from { -webkit-transform:scale(0); transform:scale(0); opacity:0; -webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1); animation-timing-function:cubic-bezier(0, 0, .2, 1); } 90% { -webkit-transform:scale(1); transform:scale(1); opacity:.2; } to { -webkit-transform:scale(1); transform:scale(1); opacity:1; }; } @keyframes feature-text-effect { from { -webkit-transform:scale(0); transform:scale(0); opacity:0; -webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1); animation-timing-function:cubic-bezier(0, 0, .2, 1); } 90% { -webkit-transform:scale(1); transform:scale(1); opacity:.2; } to { -webkit-transform:scale(1); transform:scale(1); opacity:1; }; } @-webkit-keyframes feature-text-effect-ltr { from { -webkit-transform:translateX(-20rem); transform:translateX(-20rem); opacity:0; -webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1); animation-timing-function:cubic-bezier(0, 0, .2, 1); } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1; }; } @keyframes feature-text-effect-ltr { from { -webkit-transform:translateX(-20rem); transform:translateX(-20rem); opacity:0; -webkit-animation-timing-function:cubic-bezier(0, 0, .2, 1); animation-timing-function:cubic-bezier(0, 0, .2, 1); } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1; }; } @-webkit-keyframes anime-opacity { from { opacity:0; } to { opacity:1; }; } @keyframes anime-opacity { from { opacity:0; } to { opacity:1; }; } @-webkit-keyframes anime-scale { from { -webkit-transform:scale(0); transform:scale(0); } to { -webkit-transform:scale(1); transform:scale(1); }; } @keyframes anime-scale { from { -webkit-transform:scale(0); transform:scale(0); } to { -webkit-transform:scale(1); transform:scale(1); }; } @-webkit-keyframes anime-scaleX { from { -webkit-transform:scaleX(0); transform:scaleX(0); } to { -webkit-transform:scaleX(1); transform:scaleX(1); }; } @keyframes anime-scaleX { from { -webkit-transform:scaleX(0); transform:scaleX(0); } to { -webkit-transform:scaleX(1); transform:scaleX(1); }; } @-webkit-keyframes anime-scaleY { from { -webkit-transform:scaleY(0); transform:scaleY(0); } to { -webkit-transform:scaleY(1); transform:scaleY(1); }; } @keyframes anime-scaleY { from { -webkit-transform:scaleY(0); transform:scaleY(0); } to { -webkit-transform:scaleY(1); transform:scaleY(1); }; } @-webkit-keyframes anime-scale3d { from { -webkit-transform:scale3d(0, 0, 0); transform:scale3d(0, 0, 0); -webkit-transform-origin:25% 75%; transform-origin:25% 75%; } to { -webkit-transform:scale3d(1, 1, .1); transform:scale3d(1, 1, .1); }; } @keyframes anime-scale3d { from { -webkit-transform:scale3d(0, 0, 0); transform:scale3d(0, 0, 0); -webkit-transform-origin:25% 75%; transform-origin:25% 75%; } to { -webkit-transform:scale3d(1, 1, .1); transform:scale3d(1, 1, .1); }; } @-webkit-keyframes anime-scale-2 { from { -webkit-transform:scale(0); transform:scale(0); } 90% { -webkit-transform:scale(1.2); transform:scale(1.2); } to { -webkit-transform:scale(1); transform:scale(1); }; } @keyframes anime-scale-2 { from { -webkit-transform:scale(0); transform:scale(0); } 90% { -webkit-transform:scale(1.2); transform:scale(1.2); } to { -webkit-transform:scale(1); transform:scale(1); }; } @-webkit-keyframes anime-scale-3 { from { -webkit-transform:scale(1.2); transform:scale(1.2); } to { -webkit-transform:scale(1); transform:scale(1); }; } @keyframes anime-scale-3 { from { -webkit-transform:scale(1.2); transform:scale(1.2); } to { -webkit-transform:scale(1); transform:scale(1); }; } @-webkit-keyframes anime-rotate { from { -webkit-transform:rotate(0); transform:rotate(0); } to { -webkit-transform:rotate(360deg); transform:rotate(360deg); }; } @keyframes anime-rotate { from { -webkit-transform:rotate(0); transform:rotate(0); } to { -webkit-transform:rotate(360deg); transform:rotate(360deg); }; } @-webkit-keyframes anime-rotateX { from { -webkit-transform:rotateX(0); transform:rotateX(0); } to { -webkit-transform:rotateX(360deg); transform:rotateX(360deg); }; } @keyframes anime-rotateX { from { -webkit-transform:rotateX(0); transform:rotateX(0); } to { -webkit-transform:rotateX(360deg); transform:rotateX(360deg); }; } @-webkit-keyframes anime-rotateY { from { -webkit-transform:rotateY(0); transform:rotateY(0); } to { -webkit-transform:rotateY(360deg); transform:rotateY(360deg); }; } @keyframes anime-rotateY { from { -webkit-transform:rotateY(0); transform:rotateY(0); } to { -webkit-transform:rotateY(360deg); transform:rotateY(360deg); }; } @-webkit-keyframes anime-rotateXYZ { from { opacity:0; -webkit-transition:rotateX(45deg) rotateY(90deg) rotateZ(180deg); transition:rotateX(45deg) rotateY(90deg) rotateZ(180deg); } to { opacity:1; -webkit-transform:scale(1) rotateX(0) rotateY(0) rotateZ(0); transform:scale(1) rotateX(0) rotateY(0) rotateZ(0); }; } @keyframes anime-rotateXYZ { from { opacity:0; -webkit-transition:rotateX(45deg) rotateY(90deg) rotateZ(180deg); transition:rotateX(45deg) rotateY(90deg) rotateZ(180deg); } to { opacity:1; -webkit-transform:scale(1) rotateX(0) rotateY(0) rotateZ(0); transform:scale(1) rotateX(0) rotateY(0) rotateZ(0); }; } @-webkit-keyframes anime-skew { from { -webkit-transform:skew(45deg, 45deg); transform:skew(45deg, 45deg); } to { -webkit-transform:skew(0, 0); transform:skew(0, 0); }; } @keyframes anime-skew { from { -webkit-transform:skew(45deg, 45deg); transform:skew(45deg, 45deg); } to { -webkit-transform:skew(0, 0); transform:skew(0, 0); }; } @-webkit-keyframes anime-skewX { from { -webkit-transform:skewX(90deg); transform:skewX(90deg); } to { -webkit-transform:skewX(0); transform:skewX(0); }; } @keyframes anime-skewX { from { -webkit-transform:skewX(90deg); transform:skewX(90deg); } to { -webkit-transform:skewX(0); transform:skewX(0); }; } @-webkit-keyframes anime-skewY { from { -webkit-transform:skewY(90deg); transform:skewY(90deg); } to { -webkit-transform:skewY(0); transform:skewY(0); }; } @keyframes anime-skewY { from { -webkit-transform:skewY(90deg); transform:skewY(90deg); } to { -webkit-transform:skewY(0); transform:skewY(0); }; } @-webkit-keyframes anime-transleteX-200to0 { from { -webkit-transform:translateX(200px); transform:translateX(200px); } to { -webkit-transform:translateX(0); transform:translateX(0); }; } @keyframes anime-transleteX-200to0 { from { -webkit-transform:translateX(200px); transform:translateX(200px); } to { -webkit-transform:translateX(0); transform:translateX(0); }; } @-webkit-keyframes anime-translate3d--300to0 { from { -webkit-transform:translate3d(-300px, 0, -30px); transform:translate3d(-300px, 0, -30px); } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }; } @keyframes anime-translate3d--300to0 { from { -webkit-transform:translate3d(-300px, 0, -30px); transform:translate3d(-300px, 0, -30px); } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }; } @-webkit-keyframes anime-skewX-45degto0-rotateX--45degto0 { from { -webkit-transform:skewX(45deg) rotateX(-45deg); transform:skewX(45deg) rotateX(-45deg); } to { -webkit-transform:skewX(0) rotateX(0); transform:skewX(0) rotateX(0); }; } @keyframes anime-skewX-45degto0-rotateX--45degto0 { from { -webkit-transform:skewX(45deg) rotateX(-45deg); transform:skewX(45deg) rotateX(-45deg); } to { -webkit-transform:skewX(0) rotateX(0); transform:skewX(0) rotateX(0); }; } @-webkit-keyframes anime-nanika { from { -webkit-transform:rotateX(45deg) translate(0, 0); transform:rotateX(45deg) translate(0, 0); } to { -webkit-transform:rotateX(45deg) translate(0, -10000px); transform:rotateX(45deg) translate(0, -10000px); }; } @keyframes anime-nanika { from { -webkit-transform:rotateX(45deg) translate(0, 0); transform:rotateX(45deg) translate(0, 0); } to { -webkit-transform:rotateX(45deg) translate(0, -10000px); transform:rotateX(45deg) translate(0, -10000px); }; } @-webkit-keyframes anime-pagetop { from, to { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); } 60% { opacity:.8; -webkit-transform:translateY(-100px); transform:translateY(-100px); }; } @keyframes anime-pagetop { from, to { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); } 60% { opacity:.8; -webkit-transform:translateY(-100px); transform:translateY(-100px); }; } @-webkit-keyframes anime-shine { from { -webkit-transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -120%, 0); transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -120%, 0); background:rgba(255,255,255,.5); } to { -webkit-transform:rotate3d(0, 0, 1, -25deg) translate3d(0, 150%, 0); transform:rotate3d(0, 0, 1, -25deg) translate3d(0, 150%, 0); background:rgba(255,255,255,.5); }; } @keyframes anime-shine { from { -webkit-transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -120%, 0); transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -120%, 0); background:rgba(255,255,255,.5); } to { -webkit-transform:rotate3d(0, 0, 1, -25deg) translate3d(0, 150%, 0); transform:rotate3d(0, 0, 1, -25deg) translate3d(0, 150%, 0); background:rgba(255,255,255,.5); }; } @-webkit-keyframes anime-blur-rotate { from { -webkit-filter:grayscale(30%) blur(10px); filter:grayscale(30%) blur(10px); -webkit-transform:rotateX(-90deg) rotateY(-45deg); transform:rotateX(-90deg) rotateY(-45deg); } to { -webkit-filter:grayscale(0) blur(0); filter:grayscale(0) blur(0); -webkit-transform:rotateX(0) rotateY(0); transform:rotateX(0) rotateY(0); }; } @keyframes anime-blur-rotate { from { -webkit-filter:grayscale(30%) blur(10px); filter:grayscale(30%) blur(10px); -webkit-transform:rotateX(-90deg) rotateY(-45deg); transform:rotateX(-90deg) rotateY(-45deg); } to { -webkit-filter:grayscale(0) blur(0); filter:grayscale(0) blur(0); -webkit-transform:rotateX(0) rotateY(0); transform:rotateX(0) rotateY(0); }; } /* ------------------------------------------------------------------ プロモーションページ旧機種化用 ------------------------------------------------------------------ */ /* Header */ #header { margin: 0 auto 1.5rem; } #header div.headertop { border: none; padding: 0px 7px;} /* Fujitsu logo */ #header div#corporatesymbol { margin-top:-1px;} #header div#corporatesymbol p { margin: 0px; line-height: 1; } #header div#corporatesymbol img { vertical-align: bottom; } #header .headerrightarea{ margin: 8px 11px 7px 0;} /* FMWORLD logo */ #header div#headerrightarea { padding-top:2px;} /* AzbyClub logo */ #header div#azbylogo { width: 626px; } #header div#azbylogo p { margin: 0 0 5px; line-height: 1; text-align: right;} #header div#azbylogo img { vertical-align: bottom; } /* azbynavi */ #header #azbynavi { width: 626px; font-size: 120%; } #header #azbynavi ul { float: right; margin: 0px; padding: 0px; list-style: none; } #header #azbynavi ul li { float: left; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 14px; background: url(/images/common/images/head-icon-arrow.gif) no-repeat left 0.1em; } #header #azbynavi ul li a:link { color:#003399; text-decoration:none;} #header #azbynavi ul li a:hover { text-decoration:underline;} #header #azbynavi ul li a:visited { color: #660099;} #header #azbynavi ul li a:active { color: #cc3300;} /* 旧機種コメント */ .lyt-top p.kakokisyu{ font-size:120%; text-align:left; } /* azbyfooter調整 */ .contentsarea.pPage { width: 980px; margin:0 auto; font-size:130%; margin-bottom:35px; } .contentsarea.pPage a:link { color:#003399; text-decoration:none;} .contentsarea.pPage a:hover { text-decoration:underline;} .contentsarea.pPage a:visited { color: #660099;} .contentsarea.pPage a:active { color: #cc3300;} @media print,screen and (min-width:769px) { /* header調整 */ .header_sp{ display:none; } /* メインビジュアル位置調整 */ .lyt-top .flex-box{ height: 535px; } .lyt-top .bg1{ height: 700px; } #feature-1 .bg1{ background-position: center 70px; } #content #feature-1 div { padding-left: 0; padding-right: 0; } #content #feature-1 .flex-box { width: 1280px; justify-content: flex-start; align-items: flex-start; padding-top: 80px; padding-bottom: 50px; } } @media print,screen and (max-width:768px) { /* header調整 */ #header{ min-height:40px; } #corporatesymbol_sp{ position:absolute; left:5px; top:3px; } #sitelogo_sp{ text-align:center; padding:10px 0 0 0; } #sitelogo_sp a img{ margin-top:-5px; } } /* ------------------------------------------------------------------ オンライン最適PCロゴ UH用 ------------------------------------------------------------------ */ @media print,screen and (min-width:769px) { section #feature-1 .container { height: auto; max-height: 750px; } .container .new-nomal-logo { margin-right: 65.1%; margin-bottom: 15.2%; } } /* ------------------------------------------------------------------ プロモーションページ旧機種化用 用 ------------------------------------------------------------------ */ .lyt-top { width: 100%; max-width: 980px; margin: 0 auto; } .slide-area { max-width: 1920px; inset: 0; margin: auto; } .slide-area .slider { margin: 0; padding: 0; } .slide-area .slider .slick-arrow { width: 60px; height: 60px; border-radius: 50%; background-color: #fff; cursor: pointer; border: none; outline: none; font-size: 0; position: absolute; top: 155px; top: clamp(155px, 50%, 50%); z-index: 1; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); } .slide-area .slider .slick-arrow::before { content: ''; display: block; width: 12px; height: 12px; border: 1px solid #09000d; border-width: 3px 3px 0 0; position: absolute; top: 24px; transform: rotate(45deg); } .slide-area .slider .slick-next::before { left: 20px; } .slide-area .slider .slick-prev::before { border-width: 0 0 3px 3px; right: 20px; } @media print,screen and (min-width:769px) { .slide-area .slider .slick-next { top: 50%; transform: translateY(-50%); right: 20px; } .slide-area .slider .slick-prev { top: 50%; transform: translateY(-50%); left: 20px; } } @media screen and (max-width:768px) { .slide-area .slider .slick-next { right: 4%; } .slide-area .slider .slick-prev { left: 4%; } .slide-area .slider .slick-arrow::before { width: 10px; height: 10px; top: 14px; } .slide-area .slider .slick-arrow { width: 40px; height: 40px; } .slide-area .slider .slick-next::before {left:11px;} .slide-area .slider .slick-prev::before {right:11px;} } @media print,screen and (max-width:768px) { .mar_b1rem { margin-bottom: 1rem!important; } } .top-bnr-area .pc{ display: block; } .top-bnr-area .sp{ display: none; } .top-bnr-area{ position: relative; max-width: 1000px; width: 95%; margin: 0 auto; } .top-bnr-area img{ width: 100%; } .top-bnr-area .item-02{ position: absolute; width: 43%; right: 0; top: 0; } @media screen and (max-width: 768px) { .top-bnr-area .pc{ display: none; } .top-bnr-area .sp{ display: block; } .width100p{ width: 100%!important; } .top-bnr-area .item-02 { width: 77%; left: 0; right: 0; margin: 0 auto; top: auto; bottom: 1%; } } .custom-box{ margin: 0px auto 50px; } .custom-box h2{ font-size: 240%; margin-bottom: 28px; margin-top: 6rem; } .custom-box-inner{ margin: 0 auto 30px; text-align: center; } .flex-box > div.custom-box-inner{ display: block; margin-bottom: 50px; } .flex-box > div.custom-box-inner:first-child{ display: block; } .custom-box-inner p{ margin: 0.5em auto; text-align: center; } .custom-box .custom-box-inner p.custom-box-text{ /* width: 260px;*/ /* display: flex;*/ padding: 1em 0 1em 0; border-top: solid 1px #999; align-items: center; justify-content: center; /* text-align: left;*/ margin-bottom: 2rem; font-size: 20px; font-weight:bold; } .custom-mart p.txt_l { margin: 0 auto; line-height: 1.5; font-size: 1.5em; font-weight: bold; } .custom-box .custom-box-inner .btn-1 { display: block; font-size: 1.8rem; width: 200px; width: 20rem; text-align: center; border: 1px solid #999; border: .1rem solid #999; padding: 1rem 0; margin: 2rem auto; text-decoration: none; color: #fff; background: url(/fmv/dh_s/2501/images/arrow_r.png) no-repeat right 50% #2878c8; -webkit-transition: all .3s; transition: all .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .custom-box .custom-box-inner .btn-1:hover { background: url(/fmv/dh_s/2501/images/arrow_r.png) no-repeat right 50% #5393d3; border-color: #bcbcbc; box-shadow: 0 0 2rem #bcbcbc; color: #fff; } .custom-box-inner> p:first-of-type { font-size: 20px; font-weight: bold; } .custom-box-inner .col_text_box p, .custom-box-inner .col_text_box h3 { font-weight: bold; } .custom-box .img-box { height: 600px; position: relative; } .custom-box .img-box .custom-box-img { min-width: 700px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .custom-box .col_pad .col_text_box h3 { width: 100%; margin: 15px 0 5px 0; font-size: 1.6rem; } .custom-box .col_pad .col_text_box p { font-size: 1.8rem; } .custom-box .custom-box-caution { display: inline-block; margin: 30px auto 0; text-align: left; } .custom-box .custom-box-caution li { display: block; margin-top: 5px; font-size: 1.4rem; } .custom-box .btn-1 { width: 180px !important; } /* .cstmMdl */ .cstmMdlImg{ position:relative; width:100%; background:url(/fmv/mh/2401/images/img_custommaid.png) no-repeat 50% top / 100%; } .cstmMdlImg.pc:before{ content:""; display:block; padding-top:46.9%;} .cstmMdlImg.sp:before{ content:""; display:block; padding-top:100%;} .cstmMdlTxt{ max-width: 1280px; margin-bottom: 1.8rem; margin-top:0; font-size:180%; font-weight:bold; } @media screen and (max-width:768px) { .cstmMdlImg{ background:url(/fmv/mh/2401/images/img_custommaid_sp.png) no-repeat 50% 0px / 100%;} .cstmMdlImg.sp{ margin-top: -3rem;} .cstmMdlImg.sp:before{ padding-top:84%;} .cstmTable_02 th{ text-align: center; } .cstmTable_02 .flex-box div:first-child { width: auto; } .cstmTable_02 .flex-box div:last-child { width: auto; } .cstmTableTab_area { display: block; margin-bottom: 20px; } .cstmTableTab_area .cstmTableTab { display: block; width: 100%; margin-bottom: 10px; } .cstmTableTab_area .cstmTableTab:last-child { margin-bottom: 0; } .cstmTable_02 th { text-align: center; } .cstmTable_02 .flex-box div:first-child { width: auto; } .cstmTable_02 .flex-box div:last-child { width: auto; } .cstmTableTab_area .cstmTableTab a { position: relative; width: 100%; display: block; padding: 1em; background-color: #F5F5F5; color: #000000; font-size: 160%; font-weight: bold; text-align: center; text-decoration: none; margin-left: 0; } .cstmTableTab_area .cstmTableTab a:before { content: none; } .cstmTableTab_area .cstmTableTab a.current { background-color: #4C4C4C; color: #FFFFFF; } .cstmTableTab_area .cstmTableTab:last-child a{ margin-left: 0; } .custom-box .img-box { height: 350px; } .custom-box .img-box .custom-box-img { width: 420px; min-width: 420px; } .custom-box .custom-box-caution li { font-size: 1.5rem; } } #soft_btn { padding-top:50px; background-color: #F6F6F6; } #soft_btn h2 { font-size: 33px; font-size: clamp(33px, 4.4vw,52px); font-weight: bold; } #soft_btn ul { max-width: 1560px; margin: 40px auto 25px; list-style-type:none; padding: 0; } #soft_btn ul li a{ display: block; margin: 0; padding: 0; } #soft_btn ul li a img{ width: 100%; margin: 0; padding: 0; } #soft_btn ul li { } #soft_btn ul li:nth-child(1) a{ background: url("/fmv/dh_s/2501/images/soft_btn09_ov.png") no-repeat; background-size:100%; } #soft_btn ul li:nth-child(2) a{ background: url("/fmv/dh_s/2501/images/soft_btn01_ov.png") no-repeat; background-size:100%; } #soft_btn ul li:nth-child(3) { background: url("/fmv/dh_s/2501/images/soft_btn02_ov.png") no-repeat; background-size:100%; } #soft_btn ul li:nth-child(4) { background: url("/fmv/dh_s/2501/images/soft_btn03_ov.png") no-repeat; background-size:100%; } #soft_btn ul li:nth-child(5) { background: url("/fmv/dh_s/2501/images/soft_btn04_ov.png") no-repeat; background-size:100%; } #soft_btn ul li:nth-child(6) { background: url("/fmv/dh_s/2501/images/soft_btn05_ov.png") no-repeat; background-size:100%; } #soft_btn ul li:nth-child(7) { background: url("/fmv/dh_s/2501/images/soft_btn06_ov.png") no-repeat; background-size:100%; } #soft_btn ul li:nth-child(8) { background: url("/fmv/dh_s/2501/images/soft_btn07_ov.png") no-repeat; background-size:100%; } #soft_btn ul li a { display: inline-block; width: 100%; } #feature-5 .custom-box, #feature-5 .custom-table th, #feature-5 .custom-table { font-weight: bold; } #feature-5 .custom-table th { font-size: 1.6rem; } #feature-5 .custom-table td { font-size: 1.8rem; } #feature-5 .custom-box-text-area p, #feature-5 .txt_caution { font-weight: bold; } #feature-5 .custom-table .btn-1, #feature-5 .custom-box .btn-1 { display: block; font-size: 1.8rem; width: 200px; width: 20rem; text-align: center; border: 1px solid #999; border: .1rem solid #999; padding: 1rem 0; margin: 2rem auto; text-decoration: none; color: #fff; background: url(/fmv/dh_s/2501/images/arrow_r.png) no-repeat right 50% #2878c8; -webkit-transition: all .3s; transition: all .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #feature-5 .custom-table .btn-1:hover { background: url(/fmv/dh_s/2501/images/arrow_r.png) no-repeat right 50% #5393d3; border-color: #bcbcbc; box-shadow: 0 0 2rem #bcbcbc; color: #fff; } #feature-5 .txt_caution { margin: 0 auto; } #feature-5 p.txt_l { margin: 0 auto; line-height: 1.5; font-size: 1.5em; font-weight: bold; } #feature-5 p.txt_l:last-child { padding-bottom: 2em; } @media screen and (min-width:769px) { #soft_btn { margin: 0 auto 20px; padding-bottom:50px; } #soft_btn ul { padding: 0 5%; display: flex; flex-wrap: wrap; justify-content: space-between; } #soft_btn ul li { width: 46%; max-width: 704px; max-height: 288px; } #soft_btn ul li img { max-width: 704px; max-height: 288px; } #soft_btn ul li a:hover img { visibility: hidden; } #soft_btn ul li:nth-child(even) { float: right; } #soft_btn ul li:nth-child(odd) { float: left; } .custom-mart p.txt_l { min-width: 85vw; } } @media screen and (max-width:768px) {/*sp*/ #soft_btn { margin: 0 auto; padding-bottom:10px; } #soft_btn h2 { font-size: 25px; font-size: clamp(25px, 7vw, 42px); } #soft_btn ul { width: 90%; margin: 30px auto 25px; } #soft_btn ul li a:active img { visibility: hidden; } #soft_btn p { font-size: 4vw; margin-bottom: 2em; } } #feature-1 .mv-tit-wrap .text-flex p:not(:last-child) { margin-right: 3%; } #feature-1 .mv-tit-wrap .text-flex p { width: auto; margin: 0; } #feature-1 .text-flex { display: flex; justify-content: center; flex-wrap: wrap; } #feature-1 .mv-tit-wrap h1 { width: 100%; margin: 0; font-weight: 800; } #feature-1 .mv-tit-wrap p { width: 100%; font-weight: bold; text-align: center; line-height: 1.4; } @media print, screen and (min-width: 769px) {/*pc*/ #content #feature-1 .flex-box { align-items: center; } #content #feature-1 .mv-tit-wrap { z-index: 5; } #feature-1 .mv-tit-wrap h1 { font-size: 70px; /* font-size: clamp(32px, 3.8vw, 52px);*/ } #feature-1 .mv-tit-wrap > p { font-size: 18px; margin-top: 12px; } #feature-1 .text-flex { margin-top: 5px; } #feature-1 .text-flex p { font-size: 13px; } .container .section .txt_center { font-size: 330%; font-weight: 800; } #feature-5 h2 { font-size: 330%; } } @media screen and (max-width: 768px) {/*sp*/ #feature-1 .mv-tit-wrap { margin: 0% 0 5%; } #feature-1 .mv-tit-wrap h1 { font-size: 50px; font-size: clamp(50px, calc(14px + 10vw), 88px); } #feature-1 .mv-tit-wrap p { margin: 0; padding: 0; } #feature-1 .mv-tit-wrap > p { font-size: 14px; font-size: clamp(14px, 2.8vw, 17px); margin-top: 11px; } #feature-1 .text-flex { margin-top: 5px; } #feature-1 .text-flex p { font-size: clamp(12px, calc(9px + 0.7vw), 15px); } #feature-1 .mv-tit-wrap .btn-arrow3 { margin: 22px auto 0; width: fit-content; } #feature-1 .mv-tit-wrap .btn-arrow3, #feature-1 .mv-tit-wrap .btn-arrow3 span { font-size: clamp(14px, 2.8vw, 17px) } #feature-1 .mv-tit-wrap .btn-arrow3::after { right: -20px; } .container .section .txt_center { font-weight: 800; } #feature-2 .flex-box div.pc { display: none; } #feature-2 .f2_second_2 { margin-bottom: 20px; } } #feature-1 .mart-price2{ width: 100%; } #feature-1 .mart-price2 p .spanNowrap { white-space: nowrap; } #feature-1 .mart-price2 a { font-size: 14px; text-decoration: none; font-weight: normal; } #feature-1 .mart-price2 a:hover{ color: #fff; text-decoration: none; font-weight: bold; } #feature-1 .mart-price2 .site-nav-menu_webmart_btn { margin-top: 0px; } @media print, screen and (min-width: 769px) {/*pc*/ #feature-1 .mart-price2{ margin: 60px auto 0; } #feature-1 .mart-price2 p:first-child { font-size: 22px; } } @media screen and (max-width: 768px) {/*sp*/ #feature-1 .mart-price2 p:first-child { font-size: 16px; } #feature-1 .mart-price2{ margin: 4% auto 6%; } #feature-1 .mart-price2 .site-nav-menu_webmart_btn { margin-top: 10px; } #feature-1 .mart-price2 .site-nav-menu_webmart_btn a { margin: 0px; padding: 7px 22px; font-size: 15px; } #feature-1 .mv-tit-wrap.sp { margin: 0 0 5%; } } @media only screen and (max-width: 768px) and (min-width: 376px) { #feature-8 .container .txt_c img.pc { height: 540px; width: auto; object-fit: cover; display: block; } #feature-8 .container .txt_c img.sp { display: none; } }