@charset "UTF-8";

* {margin:0 0; padding:0 0; box-sizing:border-box;}
html, body {max-width:3840px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.sp_img {display:none;}

ul {list-style:none;}
a {display:inline-block; text-decoration:none; transition:background, 0.2s;}

h1 {margin:0 auto; padding:0 0; font-size:68px; line-height:1.5; color:#222; letter-spacing:0.5px; text-align:center; font-weight:600;}
h2 {margin:0 auto; padding:0 0; font-size:38px; line-height:1.6; color:#222; letter-spacing:0.5px; text-align:center; font-weight:600;}
h3 {margin:0 auto; padding:0 0; font-size:20px; line-height:1.6; color:#222; letter-spacing:0.5px; text-align:center; font-weight:400;}
h1 span,h2 span,h3 span,p.tp_a_txt span {display:inline-block;}
p {margin:0 auto; padding:0 0; font-size:14px; line-height:1.8; color:#222; letter-spacing:0.5px; text-align:center; font-weight:400;}
p.tp_a_txt {margin:0 auto 20px auto; padding:0 0; font-size:18px; line-height:1.8;}
p.tp_a_img {margin:0 auto; padding:0 0; line-height:0.5; text-align:center;}
p.tp_a_img img {width:auto; height:auto; max-width:100%;}
p.tp_a_img a:hover {opacity:0.7;}
p.tp_a_btn {margin:0 auto; padding:0 0; text-align:center;}
p.tp_a_btn a {display:inline-block; margin:0 0; padding:20px 20px; min-width:240px; font-size:18px; line-height:1.6; color:#fff; letter-spacing:0.5px; font-weight:600; text-align:center; text-decoration:none; background:#0077c3; border-radius:50px; border:none; transition:.2s;}
p.tp_a_btn a:hover {color:#0077c3; text-decoration:none !important; background:#ffd770;}
p.tp_a_btn a span {position:relative;}
p.tp_a_btn a span::after {font-family:'icomoon' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e900"; width:15px; height:15px; font-size:14px; margin-left:10px; display:inline-block;}

section#tp_a_08 {position:relative; z-index:10; margin:0 auto; padding:0 0; background:#fff;}
section#tp_a_08 > div {margin:0 auto; padding:90px 0; text-align:center; max-width:1250px;}
section#tp_a_08 h2 {display:inline-block; margin:0 auto 10px auto; font-size:26px; color:#0077c3; letter-spacing:1.5px; border-bottom:2px solid #0077c3;}
section#tp_a_08 p.tp_a_img {margin:50px auto 40px auto;}
section#tp_a_08 p.tp_a_img + p.tp_a_txt {margin:0 auto; font-size:14px;}
section#tp_a_08 ul#logo_sld {margin:40px auto; padding:0 0; max-width:920px;}
section#tp_a_08 ul#logo_sld li {margin:0 auto; padding:0 0; overflow:hidden;}
section#tp_a_08 ul#logo_sld li img {width:auto; height:auto; max-width:100%;}
section#tp_a_08 ul#logo_sld + p.tp_a_txt {margin:0 auto; font-size:14px;}

section#tp_b_05 > div > h3 {margin:60px auto 20px auto; padding:0 0; font-size:30px; font-weight:600; color:#0077c3;}
section#tp_b_05 > div > div {margin:0 auto; padding:0 0 10px 0; width:100%; max-width:720px;}
section#tp_b_05 > div > div a {position:relative; display:flex; justify-content:center; align-items:center; background:#000;}
section#tp_b_05 > div > div a:hover {filter:brightness(1.1);}
section#tp_b_05 > div > div a::before {display:block; content:""; width:70px; height:50px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); background:#f00 url(../img/movie_btn.png) no-repeat left 50% top 50% / contain; transition:0.2s; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5); border-radius:15px; overflow:hidden;}
section#tp_b_05 > div > div a img {width:auto; height:auto; max-width:100%;}


@media only screen and (max-width: 768px) {
h1 {font-size:40px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
p {font-size:12px;}
p.tp_a_txt {font-size:16px;}
p.tp_a_btn a {font-size:20px; padding:20px 30px;}
section#tp_a_08 {margin:0 auto;}
section#tp_a_08 > div {padding:50px 4%;}
section#tp_a_08 h2 {font-size:40px; margin:0 auto 0 auto;}
section#tp_a_08 p.tp_a_img {margin:20px -2% 25px -2%;}
section#tp_a_08 p.tp_a_img + p.tp_a_txt {margin:0 auto; font-size:12px;}
section#tp_a_08 ul#logo_sld {margin:20px auto 25px auto;}
section#tp_a_08 ul#logo_sld + p.tp_a_txt {margin:0 auto; font-size:12px;}

section#tp_b_05 > div > h3 {margin:40px auto 20px auto; font-size:22px;}
section#tp_b_05 > div > div {padding:0 0;}
}


@media only screen and (max-width: 420px) {
.pc_img {display:none;}
.sp_img {display:block;}

h1 {font-size:26px; line-height:1.4;}
h2 {font-size:16px; margin:0 auto 10px auto;}
h3 {font-size:14px;}
p {font-size:12px;}
p.tp_a_txt {font-size:14px; line-height:1.6;}
p.tp_a_btn a {display:block; margin:0 auto !important; padding:20px 20px; font-size:16px;}
p.tp_a_btn a:nth-of-type(n+2) {margin:20px auto 0 auto !important;}

section#tp_a_08 h2 {font-size:26px; margin:0 auto 10px auto;}
section#tp_a_08 p.tp_a_txt {text-align:left;}
section#tp_a_08 p.tp_a_txt span {display:inline;}
}


@media only screen and (max-width: 330px) {
p {font-size:11px;}
}


section#tp_a_mv {position:fixed; top:50px; width:100%; margin:0 auto; padding:20px 0 50px 0; background:linear-gradient(20deg,#ffffff,#f4f4f4);}
section#tp_a_mv > div#mv_box {position:relative; margin:0 auto; padding:0 20px; text-align:left; max-width:1240px;}
section#tp_a_mv > div#mv_box::after {content:""; display:block; position:absolute; right:90px; bottom:-40px; padding-top:calc(65.22% * 0.5); width:50%; height:0; background:url(../img/tp_a_01_3.webp) no-repeat right 0 top 0 / contain;}

section#tp_a_mv > div#mv_box > div {position:relative; margin:20px 0 0 100px; padding:0 0; text-align:left;}
section#tp_a_mv > div#mv_box > div:nth-of-type(1) {margin:0 0 0 100px;}
section#tp_a_mv > div#mv_box > div:nth-of-type(1)::after {content:""; display:inline-block; margin:5px 0 0 20px; width:300px; height:60px; background:url(../img/logo.png) no-repeat 50% 50% / contain; vertical-align:middle;}

section#tp_a_mv > div#mv_box > div h1 {position:relative; display:inline-block; margin:0 0; font-size:34px; font-weight:600; line-height:1.2; letter-spacing:1px; color:#fff; text-align:left; text-shadow:0px 0px 4px #1B2F3A; vertical-align:middle;}
section#tp_a_mv > div#mv_box > div h1::after {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#fff;}
section#tp_a_mv > div#mv_box > div h1 span:nth-of-type(2) {margin:0 5px; font-size:150%; font-family:'Noto Sans JP', sans-serif;}
section#tp_a_mv > div#mv_box > div h1 span:nth-of-type(4) {margin:0 0 0 5px; font-size:150%; font-family:'Noto Sans JP', sans-serif;}

section#tp_a_mv > div#mv_box > div p:nth-of-type(1) {margin:0 665px 0 0; font-size:28px; line-height:1.2; text-align:left; color:#fff; text-shadow:0px 0px 4px #1B2F3A;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span:nth-of-type(1) {font-size:180%; line-height:1.1; font-weight:600; font-family:'Noto Sans JP', sans-serif;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span:nth-of-type(2) {margin:0 5px; font-size:125%; font-weight:600;}

section#tp_a_mv > div#mv_box > div p:nth-of-type(2) {margin:0 665px 0 0; font-size:28px; line-height:1.2; text-align:right; color:#fff; text-shadow:0px 0px 4px #1B2F3A;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(2) span:nth-of-type(1) {font-size:180%; line-height:1.1; font-weight:600; font-family:'Noto Sans JP', sans-serif;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(2) span:nth-of-type(2) {font-size:135%; font-weight:600; font-family:'Noto Sans JP', sans-serif;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(2) span:nth-of-type(3) {margin:0 5px;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(2) span:nth-of-type(4) {font-size:125%; font-weight:600;}

section#tp_a_mv > div#mv_box > div p:nth-of-type(3) {margin:5px 665px 0 0; font-size:12px; text-align:right; color:#fff; text-shadow:0px 0px 4px #1B2F3A;}

section#tp_a_mv > div#mv_box > p.tp_a_mv_catch {display:block; margin:20px 0 20px 100px; font-size:21px; line-height:1.7; text-align:left; color:#fff; text-shadow:0px 0px 4px #1B2F3A;}

section#tp_a_mv > div#mv_box > ul {position:relative; display:block; margin: 0 0 0 150px; padding: 0 0; text-align:left;}
section#tp_a_mv > div#mv_box > ul::before {position:absolute; left:400px; top:-20px; content: ""; display: block; padding-top:calc(109.82% * 0.14); width:14%; height:0; background: url(../img/tp_a_01_mdl_a.webp) no-repeat right 0 top 0 / contain; z-index:100;}
section#tp_a_mv > div#mv_box > ul::after {position:absolute; left:550px; top:-20px; content: ""; display: block; padding-top:calc(109.82% * 0.14); width:14%; height:0; background: url(../img/tp_a_01_mdl_b.webp) no-repeat left 0 top 0 / contain; z-index:100;}

section#tp_a_mv > div#mv_box > ul li {margin:0 0; padding:0 0;}
section#tp_a_mv > div#mv_box > ul li:nth-of-type(2) {margin:20px 0 0 0;}
section#tp_a_mv > div#mv_box > ul li p {display:inline-block; margin:0 auto; padding:0 0;}
section#tp_a_mv > div#mv_box > ul li p a {position:relative; display:inline-block; margin:0 0; padding:15px 20px; min-width:280px; font-size:18px; line-height:1.6; color:#15619d; letter-spacing:0.5px; font-weight:600; text-align:center; text-decoration:none; background:#ffc633; border-radius:50px;}
section#tp_a_mv > div#mv_box > ul li p a:hover {color:#15619d; text-decoration:none !important; background:#ffd770;}
section#tp_a_mv > div#mv_box > ul li p a span {position:relative;}
section#tp_a_mv > div#mv_box > ul li p a span::after {font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e900"; width: 15px; height: 15px; font-size: 14px; margin-left: 10px; display: inline-block; transition: .2s;}

section#tp_a_mv > div#mv_box > ul li:nth-of-type(2) p a {padding:13px 18px; color:#15619d; background:#fff; border:2px solid #fff;}
section#tp_a_mv > div#mv_box > ul li:nth-of-type(2) p a:hover {color:#15619d; background:#ffd770; border:2px solid #ffd770;}
section#tp_a_mv > div#mv_box > ul li:nth-of-type(2) p a span::after {color:#15619d;}
section#tp_a_mv > div#mv_box > ul li:nth-of-type(2) p a:hover span::after {color:#15619d;}


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

section#tp_a_mv {position:relative; top:auto; padding:0px 0 50px 0;}
section#tp_a_mv > div#mv_box {padding:0 0; text-align:center;}
section#tp_a_mv > div#mv_box::after {content:none;}

section#tp_a_mv > div#mv_box > div {margin:15px auto; padding:0 4%; font-size:0; letter-spacing:0;}
section#tp_a_mv > div#mv_box > div:nth-of-type(1) {margin:0 auto 15px auto; text-align:center;}
section#tp_a_mv > div#mv_box > div:nth-of-type(1)::after {margin:15px auto 0 auto;}

section#tp_a_mv > div#mv_box > div h1 {margin:0 auto; font-size:30px; letter-spacing:0.5px; text-align:center;}
section#tp_a_mv > div#mv_box > div h1::after {height:4px;}

section#tp_a_mv > div#mv_box > div p:nth-of-type(1) {display:inline-block; width:50%; margin:0 0; padding:0 15px 0 0; font-size:28px; text-align:right;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(2) {display:inline-block; width:50%; margin:0 0; padding:0 0 0 15px; font-size:28px; text-align:left;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(3) {display:block; margin:0 0; padding:0 0; font-size:12px;}

section#tp_a_mv > div#mv_box > p.tp_a_mv_catch {position:relative; margin:0 auto 20px auto; padding:0 0; font-size:28px; line-height:1.6; text-align:center;}
section#tp_a_mv > div#mv_box > p.tp_a_mv_catch::before {content:""; display:inline-block; margin:0 0 0 24%; padding-top:calc(65.22% * 0.76); width:76%; height:0; background:url(../img/tp_a_01_3.webp) no-repeat right 0 bottom 0 / contain;}
section#tp_a_mv > div#mv_box > p.tp_a_mv_catch::after {position:absolute; left:4%; top:0; content: ""; display: block; padding-top:calc(65.22% * 0.76); width:24%; height:0; background:url(../img/tp_a_01_mdl_b.webp) no-repeat right 0 bottom 0 / contain,url(../img/tp_a_01_mdl_a.webp) no-repeat right 0 top 0 / contain;}

section#tp_a_mv > div#mv_box > ul {display:flex; margin:0 4%; padding:0 0; gap:0 20px;}
section#tp_a_mv > div#mv_box > ul::before {content:none;}
section#tp_a_mv > div#mv_box > ul::after {content:none;}
section#tp_a_mv > div#mv_box > ul li {flex-basis:calc((100% - 40px) / 2); margin:0 0; padding:0 0;}
section#tp_a_mv > div#mv_box > ul li:nth-of-type(2) {margin:0 0;}
section#tp_a_mv > div#mv_box > ul li p {display:block;}
section#tp_a_mv > div#mv_box > ul li p a {width:100%; min-width:0;}
    
}


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

section#tp_a_mv > div#mv_box > div {margin:5px auto 15px auto;}
section#tp_a_mv > div#mv_box > div:nth-of-type(1)::after {width:280px; height:50px;}

section#tp_a_mv > div#mv_box > div h1 {font-size:18px;}
section#tp_a_mv > div#mv_box > div h1::after {height:2px;}
section#tp_a_mv > div#mv_box > div h1 span:nth-of-type(2) {margin:0 3px;}
section#tp_a_mv > div#mv_box > div h1 span:nth-of-type(4) {margin:0 0 0 3px;}

section#tp_a_mv > div#mv_box > div p:nth-of-type(1) {width:100%; margin:0 0; padding:0 0 0 10px; font-size: 24px; text-align: left;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(2) {width:100%; margin:0 0; padding:0 10px 0 0; font-size: 24px; text-align: right;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(3) {margin:0 auto 5px auto; font-size: 10px;}

section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span:nth-of-type(2) {margin:0 2px;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(2) span:nth-of-type(3) {margin:0 2px;}

section#tp_a_mv > div#mv_box > p.tp_a_mv_catch {font-size:22px; line-height:1.4;}
section#tp_a_mv > div#mv_box > p.tp_a_mv_catch span {display:inline-block;}

section#tp_a_mv > div#mv_box > ul {display:block;}
section#tp_a_mv > div#mv_box > ul li:nth-of-type(n+2) {margin:20px 0 0 0;}
section#tp_a_mv > div#mv_box > ul li p a {padding:15px 10px; font-size:16px;}
section#tp_a_mv > div#mv_box > ul li:nth-of-type(2) p a {padding:13px 8px;}
    
}


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

section#tp_a_mv > div#mv_box > div {margin:5px auto 20px auto;}
section#tp_a_mv > div#mv_box > div::before {right:8%; bottom:-15px; width:62%; height:145px;}
section#tp_a_mv > div#mv_box > div::after {margin:0 0 0 7%; width:23%; height:125px;}

section#tp_a_mv > div#mv_box > div h1 {font-size:16px;}

section#tp_a_mv > div#mv_box > div p:nth-of-type(1) {font-size:11px;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(2) {font-size:11px;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(3) {margin:5px auto 10px auto; font-size:10px;}

section#tp_a_mv > div#mv_box > p.tp_a_mv_catch {margin:0 auto 10px auto; font-size:13px;}
    
}


section[id^="tp_a_"] > div h2 {color:#222;}
section[id^="tp_b_"] > div h2 {font-size:40px; line-height:1.5; color:#222; max-width:1000px;}
section[id^="tp_b_"] > div h2 span:nth-of-type(1) {display:block; font-size:30px;}
section[id^="tp_b_"] > div h3 {font-size:38px;}
section[id^="tp_b_"] > div img {width:auto; height:auto; max-width:100%;}
section[id^="tp_b_"] > div span {display:inline-block;}


#tp_b_01a {position:relative; z-index:10; margin:0 auto; padding:0 0; background:#f5f5f5;}
#tp_b_01a > div {padding:90px 0; text-align:center;}
#tp_b_01a > div h2 {display:inline-block; margin:0 auto 20px auto; font-size:20px; font-weight:600; color:#0077c3; border-bottom:2px solid #0077c3;}
#tp_b_01a > div h3 {display:block; margin:0 auto 20px auto; font-size:40px; font-weight:600; color:#0077c3}
#tp_b_01a > div h3 + p {font-size:18px; font-weight:600;}

#ftrs_01 {margin:40px auto 0 auto; padding:0 0; text-align:center; width:100%; max-width:820px;}
#ftrs_01_single {position:relative; display:inline-block; width:calc(100% / 6); padding: 0 0; font-size: 16px; line-height: 1.6; font-weight:600; color:#0077c3;}
#ftrs_01_single span:nth-of-type(1) {display:block; margin: 0 auto; padding:0 10px; width:auto; height:auto;}
#ftrs_01_single span img {width:auto; height:auto; max-width:100%;}
#ftrs_01_single::after {content: ""; display:block; position:absolute; left:0; bottom:0; transform:translate(-85%, 0); -webkit-transform:translate(-85%, 0); -ms-transform:translate(-85%, 0); width:135px; height:130px; background: url(../img/icon_b_etc_02.png) no-repeat 50% 50% / contain;}

#ftrs_01_multi {position:relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap:0 0; margin: 0 auto; padding: 0 0;}
#ftrs_01_multi::before {content: ""; display:block; margin:0 auto 10px auto; width:100%; height:0; padding-top:calc(((100% / 6) * 5) * 0.0926); background: url(../img/icon_b_bg_01.png) no-repeat 50% 50% / contain;}
#ftrs_01_multi::after {content: ""; display:block; position:absolute; right:calc((100% / 12) + 5px); top:0; transform:translate(0, -85%); -webkit-transform:translate(0, -85%); -ms-transform:translate(0, -85%); width:215px; height:130px; background: url(../img/icon_b_etc_03.png) no-repeat 50% 50% / contain;}

#ftrs_01_multi li {flex-basis:calc(100% / 6); padding: 0 0; font-size: 16px; line-height: 1.6; font-weight:600; text-align: center; color: #0077c3;}
#ftrs_01_multi li span:nth-of-type(1) {display:block; margin:0 auto; padding:0 10px; width:auto; height:auto;}
#ftrs_01_multi li span img {width:auto; height:auto; max-width:100%;}

#ftrs_01_multi + p {margin:10px auto 0 auto; font-size:12px;}


#tp_b_01b {position:relative; z-index:10; margin:0 auto; padding:0 0; background:#fff;}
#tp_b_01b > div {padding:90px 0; text-align:center;}
#tp_b_01b > div h2 {display:inline-block; margin:0 auto 20px auto; font-size:20px; font-weight:600; color:#0077c3; border-bottom:2px solid #0077c3;}
#tp_b_01b > div h3 {display:block; margin:0 auto 20px auto; font-size:40px; font-weight:600; color:#0077c3}
#tp_b_01b > div h3 + p {font-size:18px; font-weight:600;}

#ftrs_02 {margin:40px auto 0 auto; padding:0 0; text-align:center; width:100%; max-width:820px;}
#ftrs_02_info {position:relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 0 0; margin: 0 auto; padding: 0 0;}
#ftrs_02_info::after {content: ""; display:block; margin:0 auto 5px auto; width:calc((100% / 6) * 5); height:0; padding-top:calc(((100% / 6) * 4) * 0.1174); background: url(../img/icon_b_bg_02.png) no-repeat 50% 50% / contain;}
#ftrs_02_info li {flex-basis: calc(100% / 6); padding: 0 0; font-size: 16px; line-height: 1.6; font-weight:600; text-align: center; color: #0077c3;}
#ftrs_02_info li span:nth-of-type(1) {display:block; margin:0 auto; padding:0 10px; width:auto; height:auto;}
#ftrs_02_info li span:nth-of-type(1) img {width:auto; height:auto; max-width:100%;}

#ftrs_02_scene {position:relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 0 0; margin: 0 auto; padding: 0 0; width:calc((100% / 6) * 4.5);}
#ftrs_02_scene li {flex-basis:calc(100% / 3); padding: 0 0; font-size: 16px; line-height: 1.6; font-weight:600; text-align: center; color: #0077c3;}
#ftrs_02_scene li span {margin:0 auto; width:auto; height:auto;}
#ftrs_02_scene li span:nth-of-type(1) {display:block; padding:0 10px;}
#ftrs_02_scene li span img {width:auto; height:auto; max-width:100%; max-height:130px;}


#tp_b_02 {position:relative; z-index:10; background:#f5f5f5;}
#tp_b_02 > div {margin:0 auto; padding:90px 0 100px 0; text-align:center; max-width:1250px;}
#tp_b_02 h2 {margin:0 auto 30px auto;}
#tp_b_02 div ul {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; gap:15px 15px; max-width:920px; margin:0 auto; padding:0 0;}
#tp_b_02 div ul li {flex-basis:calc((100% - 45px) / 4); padding:0 0 45px 0; font-size:20px; line-height:1.2; font-weight:bold; text-align:center; color:#0077c3; background-color:#FAFAFA;}
#tp_b_02 div ul li span:nth-of-type(1) {display:block; width:auto; height:auto; margin:50px 70px 10px 70px; padding:0 0;}


#tp_b_03 {position:relative; z-index:10; margin:0 auto; padding:0 0; background:#fff;}
#tp_b_03 > div {margin:0 auto; padding:90px 0; text-align:center; max-width:100%;}
#tp_b_03 h2 {margin:0 auto; padding:0 0; text-align:center; font-weight:bold; max-width:1250px;}
#tp_b_03 h2:nth-of-type(2) {margin:0 auto 40px auto;}
#tp_b_03 p.rsn_a_txt {max-width:1000px;}
#tp_b_03 p.rsn_a_img {margin:60px auto 100px auto;}
#tp_b_03 p.rsn_a_btn.with_mgn {margin:100px auto;}
#tp_b_03 ol {display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px 20px; max-width:920px; margin:60px auto 0 auto; padding:0 0; list-style:none; text-align:left;}
#tp_b_03 ol > li {position:relative; display:inline-block; width:calc((100% - 40px) / 3); margin:0 0; padding:0 0;}
#tp_b_03 ol > li:nth-of-type(1)::before {content:""; display:block; width:100%; height:0; padding:94.60% 0 0 0; background:url(../img/tp_b_03_01.png) no-repeat left 0 top 0 / contain;}
#tp_b_03 ol > li:nth-of-type(2)::before {content:""; display:block; width:100%; height:0; padding:85.14% 0 0 0; background:url(../img/tp_b_03_02.png) no-repeat left 0 top 0 / contain;}
#tp_b_03 ol > li:nth-of-type(3)::before {content:""; display:block; width:100%; height:0; padding:78.38% 0 0 0; background:url(../img/tp_b_03_03.png) no-repeat left 0 top 0 / contain;}

#tp_b_03 ol > li:nth-of-type(1) div {position:absolute; left:0; top:0; width:100%; height:100%;}
#tp_b_03 ol > li:nth-of-type(2) div {position:absolute; left:0; top:0; width:100%; height:100%;}
#tp_b_03 ol > li:nth-of-type(3) div {position:absolute; left:0; top:0; width:100%; height:100%;}

#tp_b_03 ol li ul:nth-of-type(1) {list-style:disc; margin:10px 0 10px 55px; padding:0 0 0 1em; text-align:left;}
#tp_b_03 ol li ul:nth-of-type(2) {margin:0 0 0 30px; text-align:left;}
#tp_b_03 ol li ul:nth-of-type(1) li {font-size:14px; line-height:1.5; color:#222;}
#tp_b_03 ol li ul:nth-of-type(2) li {padding:0 0 0 20px; font-size:16px; line-height:1.5; color:#222; font-weight:bold; background:url(../img/tp_b_icon_check_blk.png) no-repeat left 0 top 50%; background-size:14px auto;}
#tp_b_03 ol li h3 {font-size:20px; line-height:1.5; font-weight:600; margin:20px auto 0 auto; text-indent:-25px; color:#0077c3; text-align:center;}


#tp_b_04 {position:relative; z-index:10; margin:0 auto; padding:0 0; background:#f5f5f5;}
#tp_b_04 > div {margin:0 auto; padding:90px 0 100px 0; text-align:center; max-width:920px;}
#tp_b_04 h2 {margin:0 auto 20px auto; padding:0 0; text-align:center; font-weight:bold; max-width:1250px;}
#tp_b_04 h2:nth-of-type(2) {margin:0 auto 40px auto;}
#tp_b_04 p.rsn_a_txt {max-width:1000px; font-size:18px;}
#tp_b_04 p.rsn_a_img {margin:60px auto 100px auto; max-width:820px;}
#tp_b_04 div ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:25px 25px; margin:60px auto 0 auto; padding:0 0;}
#tp_b_04 div ul li {position:relative; flex-basis:calc((100% - 25px) / 2); margin:0 0; padding:0 0; background:#fafafa;}
#tp_b_04 div ul li::before {content:""; display:block; width:100%; height:0; padding-top:66.67%; background:no-repeat 50% 0 / contain;}
#tp_b_04 div ul li:nth-of-type(1)::before {background-image:url(../img/tp_b_04_01.webp);}
#tp_b_04 div ul li:nth-of-type(2)::before {background-image:url(../img/tp_b_04_02.webp);}
#tp_b_04 div ul li:nth-of-type(3)::before {background-image:url(../img/tp_b_04_03.webp);}
#tp_b_04 div ul li:nth-of-type(4)::before {background-image:url(../img/tp_b_04_04.webp);}
#tp_b_04 div ul li h3 {margin:20px auto 10px auto; padding:0 0; font-size:24px; font-weight:600; color:#0077c3;}
#tp_b_04 div ul li p {margin:0 10px 20px 10px; padding:0 0; font-size:16px; text-align:center;}
#tp_b_04 div ul + p {margin:20px auto 0 auto;}


#tp_b_05 {position:relative; z-index:10; background:#fff;}
#tp_b_05 > div {margin:0 auto; padding:90px 0 100px 0; text-align:center; max-width:1250px;}
#tp_b_05 h2 {margin:0 auto 20px auto; padding:0 0; text-align:center; font-weight:bold;}
#tp_b_05 div {margin:0 auto; padding:90px 0;}
#tp_b_05 div h3 {margin:0 auto 20px auto; padding:0 0; text-align:center; font-size:28px; line-height:1.6; color:#333; font-weight:600;}
#tp_b_05 div ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto; padding:0 0; max-width:1200px; list-style:none;}
#tp_b_05 div ul li {flex-basis:32%; text-align:left; margin:0 auto; padding:0 0; list-style:none;}
#tp_b_05 div ul li p.cs_img {margin:0 auto; padding:0 0;}
#tp_b_05 div ul li p.cs_img a {line-height:0.5;}
#tp_b_05 div ul li p.cs_img a:hover {text-decoration:none; opacity:0.7;}
#tp_b_05 div ul li p.cs_img a img {width:auto; height:auto; max-width:100%;}
#tp_b_05 div ul li dl dt {margin:0 auto 10px auto; padding:0 0; min-height:0; font-size:16px; line-height:28px; color:#0077c3; font-weight:600;}
#tp_b_05 div ul li dl dt span {display:inline-block;}
#tp_b_05 div ul li dl dd span,
#tp_b_05 div ul li dl dd a {position:relative; display:inline-block; background:#0a70b6; color:#fff; font-size:12px; line-height:1.8; padding:0 10px; margin:5px 0; border-radius:5px; margin-right:10px; -webkit-transition:all 0.2s; transition:all 0.2s; opacity:1;}
#tp_b_05 div ul li dl dd a:hover {text-decoration:none; opacity:0.7;}
#tp_b_05 div ul li dl dd.c1 span,
#tp_b_05 div ul li dl dd.c1 a {color:#0a70b6; background:#fff; border:1px solid #0a70b6;}


#tp_b_08 {position:relative; z-index:10; margin:0 auto; padding:0 0 0 0; background:#0077c3 url(../img/tp_a_01_2_bg.webp) no-repeat 50% 50% / cover;}
#tp_b_08 > div {margin:0 auto; padding:90px 0 100px 0; text-align:center; max-width:1250px;}
#tp_b_08 h2 {margin:0 auto 30px auto; padding:0 0; text-align:center; color:#fff; font-weight:bold;}
#tp_b_08 > div p.tp_a_btn {display:flex; flex-wrap:wrap; justify-content: center; align-items: flex-end; margin: 0 auto; padding: 0 0; gap: 0 40px;}
#tp_b_08 > div p.tp_a_btn a {position:relative; display:inline-block; margin: 0 0; padding: 15px 10px; min-width: 320px; font-size:20px; line-height:1.5; color:#15619d; letter-spacing: 0.5px; font-weight: 600; text-align: center; text-decoration: none; background: #ffc633; border-radius: 50px;}
#tp_b_08 > div p.tp_a_btn a:nth-of-type(2) {padding: 13px 8px; color: #15619d; background: #fff; border: 2px solid #fff;}
#tp_b_08 > div p.tp_a_btn a:hover {color:#15619d; text-decoration:none !important; background:#ffd770;}
#tp_b_08 > div p.tp_a_btn a:nth-of-type(2):hover {color:#15619d; background:#ffd770; border:2px solid #ffd770;}

@media only screen and (min-width: 769px) {
#tp_b_03 p.tab_img {display:none;}
}

@media only screen and (max-width: 768px) {
section[id^="tp_b_"] > div {padding: 50px 4% !important;}
section[id^="tp_b_"] > div h2 {font-size:40px;}
section[id^="tp_b_"] > div h3 {font-size:40px;}

#tp_b_01a > div h3,
#tp_b_01b > div h3 {font-size:22px; line-height:1.5;}
#tp_b_01a > div h3 + p,
#tp_b_01b > div h3 + p {font-size:16px; line-height:1.5;}

#ftrs_01 {margin:20px auto 0 auto;}
#ftrs_02 {margin:20px auto 0 auto;}

#ftrs_01_single {font-size:14px;}
#ftrs_01_single::after {width:115px; height:110px;}
#ftrs_01_multi::after {width:180px; height:110px;}
#ftrs_01_multi li {font-size:12px;}
#ftrs_02_info li {font-size:12px;}
#ftrs_02_scene li {font-size:14px;}
#ftrs_02_scene li span img {max-height:110px;}

#tp_b_02 div ul {margin:0 auto 10px auto; gap:10px 10px;}
#tp_b_02 div ul li {flex-basis:calc((100% - 30px) / 4); padding:0 0 20px 0; font-size:18px;}
#tp_b_02 div ul li span:nth-of-type(1) {margin:20px 20px 10px 20px;}

#tp_b_03 p.bg_arw,
#tp_b_03 p.tab_img {display:none;}
#tp_b_03 ol {margin:20px auto 0 auto; width:100%; gap:20px 10px;}
#tp_b_03 ol > li {width:calc((100% - 20px) / 3);}
#tp_b_03 ol li h3 {margin:15px 0 0 0; font-size:18px; text-indent:-15px;}
#tp_b_03 ol li ul:nth-of-type(1) {margin:5px 0 5px 35px;}
#tp_b_03 ol li ul:nth-of-type(1) li {font-size:12px; line-height:1.4;}
#tp_b_03 ol li ul:nth-of-type(2) {margin: 0 0 0 15px;}
#tp_b_03 ol li ul:nth-of-type(2) li {padding:0 0 0 15px; font-size:14px; line-height:1.4; background:url(../img/tp_b_icon_check_blk.png) no-repeat left 0 top 50% / 10px auto;}

#tp_b_04 p.rsn_a_img {margin:30px auto 60px auto;}
#tp_b_04 div ul {gap:20px 20px; margin:30px auto 10px auto;}
#tp_b_04 div ul li {flex-basis:calc((100% - 20px) / 2);}
#tp_b_04 div ul li h3 {font-size:20px;}
#tp_b_04 div ul li p {font-size:16px; line-height:1.6; text-align:left;}
#tp_b_04 div ul li p span {display:inline;}

#tp_b_05 div {margin:0 auto;}
#tp_b_05 div ul {margin:0 auto 10px auto;}
#tp_b_05 div ul li {flex-basis:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto 20px auto; padding:0 0 15px 0; border-bottom:1px dotted #ccc;}
#tp_b_05 div ul li:nth-last-of-type(1) {margin:0 auto; padding:0 0; border-bottom:none;}
#tp_b_05 div ul li p.cs_img {flex-basis:40%; margin:0 0; padding:0 0;}
#tp_b_05 div ul li dl {flex-basis:56%; margin:0 0; padding:0 0;}
#tp_b_05 div ul li dl dt {min-height:0;}

#tp_b_08 > div p.tp_a_btn {gap:0 20px; width:92%;}
#tp_b_08 > div p.tp_a_btn a {flex-basis:calc((100% - 40px) / 2); min-width:0;}
}


@media only screen and (max-width:420px) {
section[id^="tp_a_"] > div h2 {font-size:24px;}
section[id^="tp_b_"] > div h2 {font-size:22px;}
section[id^="tp_b_"] > div h2 span:nth-of-type(1) {font-size:18px;}
section[id^="tp_b_"] > div h3 {font-size:24px;}

#ftrs_01_single {width: calc(100% / 3);}
#ftrs_01_multi {margin:30px auto 0 auto; padding:20px 0; gap:10px 0; border:3px dotted #202933; border-radius:10px;}
#ftrs_01_multi li {flex-basis: calc(100% / 3);}
#ftrs_02_info {margin:0 auto 50px auto; padding:20px 0; gap:10px 0; border:3px dotted #202933; border-radius:10px;}
#ftrs_02_info li {flex-basis: calc(100% / 3);}
#ftrs_02_scene {width:100%; margin:0 auto;}
#ftrs_02_scene li span {display:block; line-height:1.4;}
#ftrs_01_single::after {height:80px; left:0; top:0; bottom:auto; background-position:right 0 bottom 0;}
#ftrs_01_multi::before {position:absolute; left:calc(50% - 2px); top:-36px; margin:0 0; padding:0 0; width:0; height:30px; border-right:3px dotted #202933;}
#ftrs_01_multi::after {height:80px; right: 0; top: -5px; transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); background-position:right 0 bottom 0;}
#ftrs_02_info::after {content:none;}
#ftrs_02_scene::before {position:absolute; content:""; left:50%; top:-25px; margin:0 0; padding:0 0; width:calc((100% / 6) * 4); transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); height:22px; border:3px dotted #202933; border-bottom:none; border-radius:10px 10px 0 0;}
#ftrs_02_scene::after {position:absolute; content:""; left:calc(50% - 2px); top:-50px; margin:0 0; padding:0 0; width:0; height:50px; border-right:3px dotted #202933;}

#tp_b_02 div ul {margin:0 auto 10px auto;}
#tp_b_02 div ul li {flex-basis:calc((100% - 10px) / 2); font-size:16px; text-align:center;}
#tp_b_03 ol {display:inline-block; margin:20px auto 0 auto; text-align:center;}
#tp_b_03 ol > li {width:260px; margin:0 auto 20px auto;}
#tp_b_03 ol > li:nth-last-of-type(1) {margin:0 auto;}
#tp_b_03 ol li ul:nth-of-type(1) li {font-size:14px; line-height:1.5;}
#tp_b_03 ol li ul:nth-of-type(2) li {line-height:1.5;}
#tp_b_03 p.rsn_a_img {margin:20px auto 20px auto;}
#tp_b_04 p.rsn_a_txt {font-size:14px; line-height:1.6;}
#tp_b_04 p.rsn_a_img {margin:20px auto 0 auto;}
#tp_b_04 div ul {margin:20px auto 10px auto;}
#tp_b_04 div ul li {flex-basis:100%;}
#tp_b_04 div ul li h3 {margin:15px auto 5px auto; font-size:20px;}
#tp_b_04 div ul li p {margin:0 10px 15px 15px; font-size:14px; line-height:1.6;}
#tp_b_05 div ul li p.cs_img {flex-basis:100%;}
#tp_b_05 div ul li dl {flex-basis:100%;}
#tp_b_08 > div p.tp_a_btn {padding:0 0;}
#tp_b_08 > div p.tp_a_btn a {flex-basis:100%;}
}


@media only screen and (max-width: 330px){
#ftrs_01_single {font-size:10px;}
#ftrs_01_multi li {font-size:10px;}
#ftrs_01_multi + p {font-size:10px;}
#ftrs_02_info li {font-size:10px;}
#ftrs_02_scene li {font-size:10px;}
}


header#hdr-v2 {position:fixed; left:0; top:0; width:100%; background:#15619d; box-shadow:0 2px 6px -2px #aaa; z-index:5;}
header#hdr-v2 div#hdr-wrap {position:relative; margin:0 auto; padding:0 0; width:100%; height:100%; max-width:1200px;}
header#hdr-v2 ul {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 20px; position:absolute; right:0; top:0; height:80px; z-index:20;}
header#hdr-v2 ul li {width:auto; height:auto; margin:0 0; text-align:center;}
header#hdr-v2 ul li a {display:inline-block; padding:12px 15px; width:100%; font-size:16px; line-height:1.2; color:#15619d; background:#fff; border:2px solid #fff; border-radius:30px;}
header#hdr-v2 ul li:nth-of-type(2) a {color:#fff; background:#15619d;}
header#hdr-v2 ul li a:hover {background:#ffd770; border:2px solid #ffd770;}
header#hdr-v2 ul li:nth-of-type(2) a:hover {color:#15619d;}
header#hdr-v2 ul li a span {display:inline-block; position:static; -webkit-transform:none; -ms-transform:none; transform:none;}
header#hdr-v2 ul li a span::before {content:none;}

#contents-wrap #contents-body {margin-top:0; border-top:none; padding-top:50px;}

@media only screen and (min-width:769px) {
header#hdr-v2 div.logo {line-height:1;}
header#hdr-v2_240215bk div.logo::after {content:"営業活動を効率化するCRM/SFA"; display:inline-block; margin:6px 0 0 2px; font-size:10px; line-height:1; color:#fff; letter-spacing:1px;}
}

@media only screen and (max-width:768px) {
header#hdr-v2 ul {gap:0 10px; right:10px; top:0; height:50px;}
header#hdr-v2 ul li a {padding:8px 15px; font-size:14px; border-radius:8px;}
header#hdr-v2 ul li:nth-of-type(2) a {border-radius:8px;}
#contents-wrap #contents-body {padding-top:50px;}
}

@media only screen and (max-width:420px) {
header#hdr-v2, header#hdr-v2:after {position:absolute;}
header#hdr-v2 ul {width:100%; background:#15619d; position:fixed; right:0; top:auto; bottom:0; padding:0 4%;}
header#hdr-v2 ul li {flex-basis:calc((100% - 10px) / 2)}
header#hdr-v2 ul li a {padding:5px 5px; font-size:14px; line-height:1.5;}
}





header .logo .inner a img {width:auto; height:auto; max-height:30px;}
.logocommon {height:30px;}

header#hdr-v2 {height:50px; z-index:100;}
header#hdr-v2 ul {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 20px; z-index:20; position:static; height:auto;}

#hdr-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:0 20px;}

section {letter-spacing:0.5px;}

#tp_b_05 div ul li dl dd {font-size:14px;}
#tp_b_05 div ul li dl dd a {line-height:1.8;}

#footer {position:relative; z-index:10; background:#1b2f3a; height:auto; padding:20px 0 80px 0;}
#footer .inner {width:92%; height:100%; max-width:1200px; margin:0 auto; position:relative;}
#footer .inner > p {margin:0 auto 20px auto; padding:0 0; width:auto; height:30px; text-align:center; line-height:0.5;}
#footer .inner > p a {width:auto; height:100%;}
#footer .inner > p img {width:auto; height:auto; max-width:100%; max-height:100%;}
#footer .inner small {display:block; width:70%; text-align:right; font-size:12px; line-height:1.4; color:#fff; position:absolute; top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); right:0;}

@font-face {
  font-family: 'icomoon';
  src: url("/fonts/icomoon.eot?4hmkpr");
  src: url("/fonts/icomoon.eot?4hmkpr#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?4hmkpr") format("truetype"), url("/fonts/icomoon.woff?4hmkpr") format("woff"), url("/fonts/icomoon.svg?4hmkpr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}


@media only screen and (min-width: 769px) {
#footer .inner small {width:30% !important; position:static; top:auto; transform:none; font-size:12px; text-align:center; margin:0 auto 0 auto; padding:0 0;}
div#page-top {display:block; position:fixed; right:40px; bottom:60px; margin-top:0; z-index:1100;}
div#page-top > a {overflow:hidden; display:block; width:62px; height:62px; transition:all 0.3s ease 0s; background:url(../img/up_btn.png) no-repeat 0 50%;}
div#page-top > a span {display:none;}
}


@media only screen and (max-width: 768px) {
header#hdr-v2 {height:50px; padding:0 10px 0 20px;}
header .logo .inner a img {max-height:25px;}
header#hdr-v2 ul {gap:0 10px;}
#page-top {background:#f3f3f3;}
#page-top a {display:block; position:relative; font-size:14px; text-align:center; padding:10px 0; color:#15619d;}
#page-top a span::before {font-family:'icomoon' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e903"; display:inline-block; margin-right:10px;}
#footer {padding:0 0 80px 0;}
#footer .inner {padding:20px 0 0 0;}
#footer .inner > p {margin:0 auto 20px auto; height:30px;}
#footer .inner small {width: 100% !important; position:static; top:auto; transform:none; font-size:12px; text-align:center; margin:0 auto; padding:0 0;}
#footer .inner small span {display:block;}
}


@media only screen and (max-width: 420px) {
header#hdr-v2 ul {width:100%; background:#15619d; position:fixed; right:0; top:auto; bottom:0; padding:0 4%; height:50px;}
}




section#tp_a_mv > div#mv_box > div {font-family:'Noto Sans JP', sans-serif;}
section#tp_a_mv > div#mv_box > div:nth-of-type(1)::before {content:""; display:inline-block; position:absolute; left:620px; top:10px; margin:0 0; width:300px; height:60px; background:url(../img/logo.png) no-repeat 50% 50% / contain;}
section#tp_a_mv > div#mv_box > div:nth-of-type(1)::after {content:none;}

section#tp_a_mv > div#mv_box > div p:nth-of-type(1) {margin:0 0 25px 0; line-height:1.3;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span {display:block;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span:nth-of-type(1) {margin:0 0; font-size:130%; letter-spacing:2px;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span:nth-of-type(2) {margin:0 0; font-size:230%; letter-spacing:8px;}

section#tp_a_mv > div#mv_box > div h1 {margin:0 0 35px 0; line-height:1.15;}
section#tp_a_mv > div#mv_box > div h1 span {display:block;}
section#tp_a_mv > div#mv_box > div h1 span:nth-of-type(1) {margin:0 0; font-size:130%;}
section#tp_a_mv > div#mv_box > div h1 span:nth-of-type(2) {margin:0 0; font-size:210%; letter-spacing:8px;}

section#tp_a_mv > div#mv_box > p.tp_a_mv_catch {display:inline-block; position:absolute; left:0; top:-100px; margin:0 0; padding:0 0; font-size:0; color:#0077c3;}
section#tp_a_mv > div#mv_box > p.tp_a_mv_catch span {opacity:0;}

@media only screen and (max-width: 768px) {
section#tp_a_mv > div#mv_box > div:nth-of-type(1) {padding:0 4% 60px 4%;}
section#tp_a_mv > div#mv_box > div:nth-of-type(1)::before {display:inline-block; left:50%; top:auto; bottom:0; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);}

section#tp_a_mv > div#mv_box > div p:nth-of-type(1) {margin:0 auto 10px auto; padding:0 0; text-align:center; width:100%;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span {display:inline;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span:nth-of-type(1) {font-size:110%; letter-spacing:0.5px;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span:nth-of-type(2) {font-size:110%; letter-spacing:0.5px;}

section#tp_a_mv > div#mv_box > div h1 {margin:0 auto 20px auto;}
section#tp_a_mv > div#mv_box > div h1 span {display:inline;}
section#tp_a_mv > div#mv_box > div h1 span:nth-of-type(1) {font-size:130%;}
section#tp_a_mv > div#mv_box > div h1 span:nth-of-type(2) {font-size:140%; letter-spacing:0.5px;}

section#tp_a_mv > div#mv_box > p.tp_a_mv_catch {position:relative; left:auto; top:auto; display:block; margin:0 auto 20px auto;}
}


@media only screen and (max-width: 420px) {
section#tp_a_mv > div#mv_box > div:nth-of-type(1) {padding:0 4% 50px 4%;}
section#tp_a_mv > div#mv_box > div:nth-of-type(1)::before {width:280px; height:50px;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) {font-size:18px;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span:nth-of-type(1) {font-size:100%;}
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) span:nth-of-type(2) {font-size:100%;}
section#tp_a_mv > div#mv_box > div h1 {margin:0 auto 15px auto;}
}

@media only screen and (max-width: 330px) {
section#tp_a_mv > div#mv_box > div p:nth-of-type(1) {font-size:16px;}
section#tp_a_mv > div#mv_box > div h1 {font-size:16px;}
}


#fixed_cta {position:fixed; left:0; bottom:0; width:100%; height:auto; margin:0 0; padding:5px 4%; background:#15619d; z-index:200;}
.sc_cta div {position:relative; width:100%; height:auto; margin:0 0; padding:15px 4%; background:#15619d; z-index:10;}

ul.cta_wrap {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 20px; margin:0 auto; padding:0 0; width:100%; height:100%;}
ul.cta_wrap li {margin:0 0; padding:0 0;}
ul.cta_wrap li a {position:relative; display:inline-block; padding:15px 20px; font-size:16px; line-height:20px; text-align:center; font-weight: 600; color:#fff; background:#f00; border-radius:50px;}
ul.cta_wrap li.btn_a a {color:#15619d; background:#ffc633;}
ul.cta_wrap li.btn_b a {color:#15619d; background:#fff;}
ul.cta_wrap li.btn_a a:hover {background:#ffd770;}
ul.cta_wrap li.btn_b a:hover {background:#ffd770;}
ul.cta_wrap li a span {display:inline-block;}

#fixed_cta ul.cta_wrap li a {padding:10px 20px;}

@media only screen and (max-width: 768px) {
#fixed_ctazzz {padding:10px 4%;}
ul.cta_wrap li a {padding:15px 20px;}
}

@media only screen and (min-width: 431px) {
ul.cta_wrap li a {min-width:200px;}
}

@media only screen and (max-width: 420px) {
ul.cta_wrap {justify-content:space-around; gap:0 10px;}
ul.cta_wrap li {flex-basis:calc((100% - 10px) / 2);}
ul.cta_wrap li a {width:100%; padding:15px 5px;}
#fixed_cta ul.cta_wrap li a {padding:10px 5px;}
}

@media only screen and (max-width: 320px) {
ul.cta_wrap {gap:0 5px;}
ul.cta_wrap li {flex-basis:auto;}
ul.cta_wrap li a {padding:15px 10px; font-size:14px;}
}


/* 240401 新MV2 ここから */
section#tp_a_mv > div#mv_box_2 {position:relative; margin:0 auto; padding:0 20px; text-align:left; max-width:1240px;}
section#tp_a_mv > div#mv_box_2::before {content:""; display:block; position:absolute; right:7.5%; bottom:-6%; padding-top:calc(70.57% * 0.42); width:42%; height:0; background:url(../img/tp_a_01_2.webp) no-repeat right 0 top 0 / contain;}
section#tp_a_mv > div#mv_box_2::after {content:""; display:block; position:absolute; right:27.5%; bottom:-4%; padding-top:calc(54% * 0.24); width:24%; height:0; background: url(../img/tp_a_01_mdl_a.webp) no-repeat left 0 top 0 / contain, url(../img/tp_a_01_mdl_b.webp) no-repeat right 0 top 0 / contain;}

section#tp_a_mv > div#mv_box_2 h1 {position:relative; display:inline-block; margin:15px 0 0 60px; font-size:25px;}
section#tp_a_mv > div#mv_box_2 h1 span {text-decoration:underline;}
section#tp_a_mv > div#mv_box_2 h1::after {content:""; display:block; margin:10px 0 0 30px; width:400px; height:60px; background:url(../img/logo_remix.png) no-repeat 50% 50% / contain;}

section#tp_a_mv > div#mv_box_2 p {display:block; margin:20px 0 0 90px; font-size:38px; line-height:1.4; font-weight:600; text-align:left; letter-spacing:1px;}
section#tp_a_mv > div#mv_box_2 p strong {margin:0 5px; font-size:115%; color:#0077c3;}

section#tp_a_mv > div#mv_box_2 > ul {position:relative; display:flex; gap:20px 20px; margin:15px 0 0 90px; padding:0 0; text-align:left;}
section#tp_a_mv > div#mv_box_2 > ul li {margin:0 0; padding:0 0;}
section#tp_a_mv > div#mv_box_2 > ul li p {display: inline-block; margin: 0 auto; padding: 0 0;}
section#tp_a_mv > div#mv_box_2 > ul li p a {position:relative; display: inline-block; margin: 0 0; padding: 15px 20px; min-width: 200px; font-size: 18px; line-height: 1.6; color: #15619d; letter-spacing: 0.5px; font-weight: 600; text-align: center; text-decoration: none; background: #ffc633; border-radius: 50px;}
section#tp_a_mv > div#mv_box_2 > ul li p a:hover {color:#fff; background:#0077c3;}
section#tp_a_mv > div#mv_box_2 > ul li:nth-of-type(2) p a {color:#fff; background:#0077c3;}
section#tp_a_mv > div#mv_box_2 > ul li:nth-of-type(2) p a:hover {color:#15619d; background:#ffc633;}
section#tp_a_mv > div#mv_box_2 > ul li p a span {position:relative;}
section#tp_a_mv > div#mv_box_2 > ul li p a span::after {font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e900"; width: 14px; height: 14px; font-size: 14px; margin-left: 10px; display: inline-block;}


@media only screen and (max-width: 768px) {
section#tp_a_mv > div#wn_box {margin:0 auto 0 auto;}

section#tp_a_mv > div#mv_box_2 {padding:35px 0 0 0; text-align:center;}
section#tp_a_mv > div#mv_box_2::before {content:none;}
section#tp_a_mv > div#mv_box_2::after {content:none;}

section#tp_a_mv > div#mv_box_2 h1 {margin:0 auto 0 auto;}
section#tp_a_mv > div#mv_box_2 h1::after {margin:15px auto 0 auto;}

section#tp_a_mv > div#mv_box_2 p {position:relative; margin:20px auto 0 auto; text-align:center;}
section#tp_a_mv > div#mv_box_2 > p::before {content:""; display:block; margin:0 0 10px 0; padding-top:calc(70.57% * 0.75); width:100%; height:0; background:url(../img/tp_a_01_2.webp) no-repeat right 12% top 0 / contain;}
section#tp_a_mv > div#mv_box_2 > p::after {position:absolute; left:8%; top:2%; content:""; display:block; padding-top:calc(65.22% * 0.76); width:24%; height:0; background:url(../img/tp_a_01_mdl_b.webp) no-repeat right 0 bottom 0 / contain, url(../img/tp_a_01_mdl_a.webp) no-repeat right 0 top 0 / contain;}

section#tp_a_mv > div#mv_box_2 > ul {justify-content:center; margin:15px auto 0 auto; text-align:center;}
}

@media only screen and (max-width: 430px) {
section#tp_a_mv > div#mv_box_2 h1 {font-size:24px;}
section#tp_a_mv > div#mv_box_2 h1::after {margin:10px auto 0 auto; width:100%; height:45px;}

section#tp_a_mv > div#mv_box_2 p {font-size:24px;}

section#tp_a_mv > div#mv_box_2 > p::after {left:6%; top:0;}

section#tp_a_mv > div#mv_box_2 > ul {flex-wrap:wrap;}
section#tp_a_mv > div#mv_box_2 > ul li {flex-basis:92%;}
section#tp_a_mvzzz > div#mv_box_2 > ul li:nth-of-type(1) {padding:0 0;}
section#tp_a_mv > div#mv_box_2 > ul li p {width:100%;}
section#tp_a_mv > div#mv_box_2 > ul li p a {width:100%;}
}
/* 240401 新MV2 ここまで */


/* 240401 新MV2の下に新セクション追加 ここから */
section#tp_a_09 {position:relative; z-index:10; margin:410px auto 0 auto; padding:0 0; background:#F5F5F5;}
section#tp_a_09 > div {margin:0 auto; padding:35px 0 45px 0; text-align:center; max-width:1250px;}
section#tp_a_09 h2 {display:inline-block; margin:0 auto 10px auto; font-size:26px; color:#0077c3; letter-spacing:1.5px;}
section#tp_a_09 > div > ul {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:20px 20px; margin:10px auto 0 auto; max-width:730px; }
section#tp_a_09 > div > ul li {flex-basis:calc((100% - 40px) / 3); padding:15px 10px; text-align:center; background:#fff;}
section#tp_a_09 > div > ul li > span {display:block; font-size:16px; font-weight:600;}
section#tp_a_09 > div > ul li a {display:block; margin:5px 5px 0 5px; padding:10px 10px; font-size:18px; font-weight:600; color:#fff; background:#0077c3;}
section#tp_a_09 > div > ul li a:hover {text-decoration:none !important; color:#15619d; background:#ffd770;}
section#tp_a_09 > div > ul li a span {position:relative;}
section#tp_a_09 > div > ul li a span::after {font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e900"; width: 14px; height: 14px; font-size: 14px; margin-left: 10px; display: inline-block; vertical-align: middle; transform: rotate(90deg); transition: .2s;}

@media only screen and (max-width: 768px) {
section#tp_a_09 {margin:0 auto 0 auto;}
section#tp_a_09 > div {padding:50px 4%;}
section#tp_a_09 > div > ul li {padding:10px 10px;}
section#tp_a_09 > div > ul li > span {font-size: 14px;}
section#tp_a_09 > div > ul li a {margin:5px auto 0 auto; padding:10px 5px; font-size:16px;}
}


@media only screen and (max-width: 430px) {
section#tp_a_09 h2 {font-size:18px;}
section#tp_a_09 > div > ul li {flex-basis:100%;}
}
/* 240401 新MV2の下に新セクション追加 ここまで */


/* 240402 ボタンの上にミニメッセージ追加 ここから */
a > small {display:inline-block !important; position:absolute; left:50%; top:0; transform:translate(-50%, -100%); -webkit-transform:translate(-50%, -100%); -ms-transform:translate(-50%,-100%); font-weight:400; text-align:center; white-space:nowrap;}
a > small::before {content:"＼"; display:inline;}
a > small::after {content:"／"; display:inline;}

#tp_a_mv a > small {font-size:14px; line-height:20px; color:#222;}
.cta_wrap a > small {font-size:14px; line-height:20px; color:#fff;}
.tp_a_btn a > small {font-size:16px; line-height:25px; color:#fff;}

@media only screen and (max-width: 420px) {
.cta_wrap a > small {font-size:12px;}
.tp_a_btn a > small {font-size:14px; line-height:20px;}
}
/* 240402 ボタンの上にミニメッセージ追加 ここまで */