@charset "UTF-8";
/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
*/
/*---------------------------
リセット
---------------------------*/
*,
*::before,
*::after {
box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

html {
font-family: 'Noto Sans JP', sans-serif;
}

body {
line-height: 1;
color: #555;
font-size: 16px;
font-weight: 500;
}

html,
body {
overflow-x: hidden;
}

footer address {
font-style: normal;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}

nav ul {
list-style: none;
}

blockquote,
q {
quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}

a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}

li {
list-style: none;
}

ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}

mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}

del {
text-decoration: line-through;
}

abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}

input,
select {
vertical-align: middle;
}

p {
line-height: 1.8;
margin-bottom: 20px;
font-weight: 600;
font-size: 18px;
}

img {
width: 100%;
max-width: 100%;
vertical-align: bottom;
}

.sp {
display: none;
}

/*---------------------------
PC
---------------------------*/
header {
height: 200px;
background: url(img/fv_bg.webp) no-repeat center / cover;
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding-top: 58px;
z-index: 1;
overflow: hidden;
margin: 0 0 30px;
}

.header-text {
line-height: 1.6;
text-align: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.header-text .bottom{
background: #f69493;
color: #fff;
display: block;
font-size: 12px;
padding: 5px 0;
}

.header-in {
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
color:#333;
}


.header-in img {
width: 400px;
}

section h2 {
border-bottom: 2px solid #e71a20;
}

section h2 span {
position: relative;
display: block;
width: fit-content;
margin: 0 auto;
padding: 50px 0;
font-size: 30px;
font-weight: 800;
}

section h2 span:before,
section h2 span:after {
content: '';
display: block;
width: 60px;
height: 80px;
background: url(img/h1_ashirai.png) no-repeat center / contain;
position: absolute;
opacity: 0.6;
transform: rotate(8deg);
}

section h2 span:before {
left: -80px;
top: 16px;
}
section h2 span:after {
right: -80px;
bottom: 16px;
}
section h3 {
font-weight: 700;
font-size: 30px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
section h3:before {
content: '';
width: 28px;
height: 28px;
display: inline-block;
background: url(img/h2_ashirai.svg) no-repeat center / contain;
}


.area-wrap{
text-align: center;
padding: 0px 10px 30px;
position: relative;
}
section .area-wrap h2 span{
position: relative;
display: block;
width: fit-content;
margin: 0 auto;
padding: 30px 0;
font-size: 30px;
font-weight: 800;
}
section .area-wrap h2 span:before,
section .area-wrap h2 span:after {
content: '';
display: block;
width: 50px;
height: 80px;
background: url(img/h1_ashirai.png) no-repeat center / contain;
position: absolute;
opacity: 0.6;
transform: rotate(8deg);
}
section .area-wrap h2 span:before {
left: -80px;
top: 5px;
}
section .area-wrap h2 span:after {
right: -80px;
bottom: 5px;
}
.area-txt-box{
padding:20px;
background: #fffbf5;
width:550px;
margin:20px auto 0;
border-radius:5px;
font-size:13px;
}

.flow-wrap,
.qa-wrap,
.end-btn-wrap {
text-align: center;
padding: 40px 10px;
position: relative;
}

.flow-wrap,
.end-btn-wrap {
background: #ffe3e3;
}

.area-wrap .text {
margin-top: 30px;
font-weight: 600;
font-size: 18px;
}

.area-img {
width: 430px;
display: block;
margin: 16px auto 6px;
}

.area-btn {
margin-bottom: 30px;
position: relative;
}

.area-btn .top,
.area-btn .bottom {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 30px;
}

.area-btn a,
.btn-red,
.btn-orange {
width: 480px;
height: 90px;
background: #fff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border:0px solid #e71a20;
color: #ffffff;
background: #e71a20;
gap: 8px;
font-size: 28px;
font-weight: 700;
box-shadow: 0 4px 3px rgba(0, 0, 0, 10%);
padding-left: 1px;
}
.area-btn a{
height: 80px;
font-size: 24px;
margin: 0;
}
.area-btn a:before {
content: '';
display: block;
width: 44px;
height: 44px;
background: url(img/plug.png) no-repeat center / contain;
}

.area-btn a:after,
.btn-red:after,
.btn-orange:after {
display: block;
content: '';
width: 16px;
height: 16px;
border-top: solid 5px #FFF;
border-right: solid 5px #FFF;
transform: rotate(45deg);
margin-left: 3px;
}
.area-btn a:after{
width: 14px;
height: 14px;
}

.area-btn a .s,
.btn-red .s {
position: absolute;
left: 0;
right: 0;
bottom: 12px;
text-align: center;
font-size: 15px;
}

.area-btn .bottom a:last-child .s {
font-size: 12px;
}

.area-btn .bottom a {
border-color: #0080cc;
color: #0080cc;
padding-bottom: 10px;
}

.area-btn .bottom a:before {
background: url(img/stop.png) no-repeat center / contain;
}

.area-btn .bottom a:after {
border-top-color: #0080cc;
border-right-color: #0080cc;
}

.area-btn .bottom a:last-child {
border-color: #23a84b;
color: #23a84b;
}

.area-btn .bottom a:last-child:before,
.btn-red:before {
background: url(img/tell_g.png) no-repeat center / contain;
width: 30px;
height: 30px;
transform: rotate(10deg);
}

.btn-red:before {
content: '';
display: block;
background: url(img/tell_r.png) no-repeat center / contain;
}

.area-btn .bottom a:last-child:after {
border-top-color: #23a84b;
border-right-color: #23a84b;
}

.btn-red,
.btn-orange {
width: 650px;
margin: 0 auto;
border: 0;
}

.btn-red {
padding-bottom: 8px;
}

.btn-red .s {
font-size: 18px;
}

.btn-orange {
color: #FFF;
font-size: 29px;
margin-top: 50px;
background: #ff9022;
border: 0px;
}

.btn-orange:before {
content: '';
display: block;
width: 34px;
height: 34px;
background: url(img/net.png) no-repeat center / contain;
}

.btn-orange:after {
border-top-color: #FFF;
border-right-color: #FFF;
margin-left: 10px;
}

.text-red {
color: #e71a20;
font-size: 24px;
font-weight: 800;
margin: 50px 0 0;
}

.flow-wrap ol {
display: flex;
justify-content: center;
gap: 30px;
margin: 82px 0 52px;
}

.flow-wrap li {
background: #fff;
border-radius: 10px;
box-shadow: 0 0 0 5px #dd5252;
width: 310px;
height: 310px;
display: flex;
flex-direction: column;
padding: 8px 20px;
position: relative;
}

.flow-wrap .step {
position: absolute;
left: -7px;
top: -36px;
background: #fabe00;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 110px;
height: 100px;
font-size: 24px;
font-weight: 600;
}

.flow-wrap .step .num {
font-size: 42px;
}

.flow-wrap li .img,
.flow-wrap li .text {
height: 50%;
display: flex;
justify-content: center;
align-items: center;
}

.flow-wrap li .img {
border-bottom: 1px solid #dd5252;
}

.flow-wrap li .img img {
width: 54px;
}

.flow-wrap li .text {
color: #dd5252;
line-height: 1.6;
font-size: 24px;
font-weight: 600;
}

.flow-wrap li:nth-child(2) {
box-shadow: 0 0 0 5px #0080cc;
}

.flow-wrap li:nth-child(3) {
box-shadow: 0 0 0 5px #23a84b;
}

.flow-wrap li:nth-child(2) .img {
border-bottom-color: #0080cc;
}

.flow-wrap li:nth-child(3) .img {
border-bottom-color: #23a84b;
}

.flow-wrap li:nth-child(2) .img img {
width: 74px;
}

.flow-wrap li:nth-child(3) .img img {
width: 100px;
}

.flow-wrap li:nth-child(2) .text {
color: #0080cc;
}

.flow-wrap li:nth-child(3) .text {
color: #23a84b;
}

.flow-wrap li:after {
content: '';
display: block;
width: 56px;
height: 56px;
position: absolute;
right: -42px;
top: 0;
bottom: 0;
margin: auto;
background: url(img/sankaku_r.svg) no-repeat center / contain;
z-index: 2;
}

.flow-wrap li:nth-child(2):after {
background: url(img/sankaku_b.svg) no-repeat center / contain;
}

.flow-wrap li:nth-child(3):after {
display: none;
}


.qa-acd {
max-width: 1000px;
width: 100%;
margin: 74px auto 0;
text-align: left;
}

.qa-acd .acd-wrap {
border-bottom: 2px solid #dd5253;
}

.qa-acd .acd-wrap:first-child {
border-top: 2px solid #dd5253;
}

.qa-acd .acd-head {
cursor: pointer;
position: relative;
padding: 10px 64px;
font-size: 18px;
line-height: 1.4;
height: 86px;
display: flex;
align-items: center;
margin: 0;
justify-content: flex-start;
min-height: max-content;
}

.qa-acd .acd-head:before,
.qa-acd .acd-cont:before {
content: 'Q';
position: absolute;
width: auto;
height: auto;
left: 30px;
top: 0;
bottom: 6px;
margin: auto;
background: none;
display: flex;
align-items: center;
font-size: 26px;
font-weight: 800;
}

.qa-acd .acd-cont:before {
content: 'A';
bottom: 2px;
left: 32px;
}

.qa-acd .pulamai {
position: absolute;
width: 16px;
height: 16px;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
pointer-events: none;
}

.qa-acd .pulamai span {
position: relative;
display: block;
width: 100%;
height: 100%;
}

.qa-acd .pulamai:before,
.qa-acd .pulamai:after {
content: '';
display: block;
width: 100%;
height: 3px;
background: #dd5253;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}

.qa-acd .pulamai:after {
transform: rotate(90deg);
transition: 0.3s;
}

.qa-acd .acd-on .pulamai:after {
transform: rotate(0deg);
}

.qa-acd .acd-cont {
height: 0;
overflow: hidden;
transition: height 0.3s, padding 0.3s;
padding: 0 20px 0 64px;
position: relative;
background: #fff5f5;
font-size: 18px;
font-weight: 700;
margin: 0;
display: flex;
align-items: center;
line-height: 1.4;
}

.qa-acd .acd-on .acd-cont {
height: 86px;
min-height: max-content;
padding-top: 10px;
padding-bottom: 10px;
}


footer {
background: #525252;
padding: 15px 0;
}

footer ul {
display: flex;
justify-content: center;
gap: 100px;
}

footer ul a {
color: #fff;
font-size: 14px;
}

img[class*="header-bg"] {
position: absolute;
z-index: -1;
}

.header-bg1 {
left:-600px;
top:0;
bottom:-58px;
right:0;
margin:auto;
width: 100px;
}

.header-bg2 {
left:-850px;
top:0;
bottom:-58px;
right:0;
margin:auto;
width: 100px;
}

.header-bg3 {
left:850px;
top:0;
bottom:-58px;
right:0;
margin:auto;
width: 100px;
}

.header-bg4 {
left:600px;
top:0;
bottom:-58px;
right:0;
margin:auto;
width: 100px;
}

img[class*="bg-ashirai"] {
position: absolute;
opacity: 0.6;
transform: rotate(8deg);
}

.bg-ashirai1 {
left:65%;
top: 50px;
margin-left: -1100px;
width: 250px;
}

.bg-ashirai2 {
top: -100px;
right: 50%;
width: 500px;
margin-right: -1200px;
}

.bg-ashirai3 {
left: 50%;
top: -80px;
margin-left: -960px;
width: 210px;
}

.bg-ashirai4 {
top: -250px;
right: 50%;
width: 470px;
margin-right: -1160px;
}

.bg-ashirai5 {
top: -150px;
right: 50%;
width: 250px;
margin-right: -1000px;
}

.bg-ashirai6 {
left: 50%;
top: -200px;
margin-left: -1160px;
width: 470px;
}
.modal-btn,.modal-btn4{
cursor: pointer;
}
.modal,.modal4{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
z-index: 100;
}
.modal-on{
display: flex;
}
.modal-close,.modal-close4{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1;
}
.modal-cont{
width: 500px;
background: #ffe3e3;
padding: 40px 30px 50px;
border-radius: 20px;
position: relative;
z-index: 2;
}
.modal2 .modal-cont,.modal3 .modal-cont{
background: #fdfdfd;
}
.modal2 .modal-cont p,.modal3 .modal-cont p{
font-size:13px;
font-weight:normal;
}
.modal-cont:before{
content: '';
display: block;
width: 100px;
height: 100px;
background: url(img/attention.png) no-repeat center / contain;
margin: 0 auto 24px;
}
.modal-cont p,.modal-cont .text-red{
font-weight: 700;
text-align: center;
font-size: 18px;
line-height: 1.5;
}
.modal-cont p{
margin-bottom: 30px;
}
.tel-btn{
width: 100%;
background: #e71a20;
height: 85px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 100px;
color: #FFF;
gap: 6px;
font-weight: 600;
font-size: 14px;
position: relative;
}
.tel-btn .middle{
display: flex;
justify-content: center;
align-items: center;
font-size: 26px;
}
.tel-btn .middle:before{
content: '';
display: block;
background: url(img/tell_r.png) no-repeat center / contain;
width: 22px;
height: 22px;
transform: rotate(10deg);
margin-right: 4px;
}
.tel-btn:after{
display: block;
content: '';
width: 16px;
height: 16px;
border-top: solid 5px #FFF;
border-right: solid 5px #FFF;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 64px;
margin: auto;
}
.modal .btn-orange,.modal4 .btn-orange{
width: 100%;
height: 85px;
box-shadow: inset 0 0 0 3px #ff9022, 0 4px 3px rgba(0, 0, 0, 10%);
position: relative;
font-size: 20px;
padding-right: 40px;
margin-top: 30px;
}
.modal .btn-orange:before,.modal4 .btn-orange:before{
width: 24px;
height: 24px;
}
.modal .btn-orange:after,.modal4 .btn-orange:after{
position: absolute;
top: 0;
bottom: 0;
right: 64px;
margin: auto;
}
.flow-wrap .btn-red.sp, .end-btn-wrap .btn-red.sp{
display: none;
}

@media only screen and (orientation:landscape) and (min-width : 813px),
(orientation:portrait) and (min-width : 753px) {
a:hover,.modal-btn:hover,.modal-btn4:hover {
opacity: 0.6;
transition: 0.3s;
}
}

/*---------------------------
SP
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
.sp {
display: block;
}
.pc{
display: none;
}

header {
padding-top: 0;
background: url(img/fv_bg-sp.webp) no-repeat center / cover;
height:auto;
margin: 0;
display: block;
}


.header-in {
width: 90%;
height: 150px;
border-radius: 14px;
display: none;
}

.header-in img {
width: 270px;
}
.header-text{
position: static;
}

.header-bg1 {
top: 52px;
width: 110px;
left: 50%;
margin-left: -120px;
display: none;
}

.header-bg2 {
top: 50px;
width: 120px;
right: 50%;
margin-right: -200px;
display: none;
}

.header-bg3 {
bottom: 10px;
width: 120px;
left: 50%;
margin-left: -188px;
display: none;
}

.header-bg4 {
bottom: 9px;
width: 117px;
right: 50%;
margin-right: -140px;
display: none;
}
header .sp{
display: flex;
gap: 10px;
padding: 10px 0;
justify-content: center;
}
.sp .header-bg1,.sp .header-bg2,.sp .header-bg3,.sp .header-bg4{
display: block;
position: static;
margin: 0;
width: 20%;
}
section h2 span {
padding: 60px 0;
font-size: 26px;
}

section h2 span:before {
left: -55px;
top: 10px;
}

section h2 span:after {
right: -55px;
bottom: 10px;
}

.flow-wrap,
.qa-wrap,
.end-btn-wrap {
padding: 30px 10px;
}
.area-wrap{
padding: 0px 10px 24px;
}
section h3 {
font-size: 24px;
}

section h3:before {
width: 26px;
height: 26px;
}

.area-wrap .text {
margin-top: 20px;
font-size: 16px;
}

.area-img {
max-width: 94%;
display: none;
}

.area-wrap p {
font-size: 12px;
background: #fffbf5;
padding: 13px;
border-radius: 10px;
margin: 10px 0;
text-align: left;
width:100%;
}

.area-btn .top,
.area-btn .bottom {
display: grid;
margin-top: 20px;
gap: 0px;
}

.area-btn a,
.btn-red,
.btn-orange {
max-width: 100%;
height: 70px;
font-size: 24px;
border-width: 4px;
}

.area-btn a:before {
width: 30px;
height: 30px;
}

.area-btn .bottom a:last-child:before,
.btn-red:before {
width: 26px;
height: 26px;
}

.area-btn a:after,
.btn-red:after,
.btn-orange:after {
width: 12px;
height: 12px;
border-top-width: 4px;
border-right-width: 4px;
}

.area-btn .bottom a:last-child {
margin-top: 34px;
}

.area-btn a .s,
.btn-red .s {
font-size: 10px;
bottom: 12px;
}

/* .area-btn .bottom a:last-child .s {
font-size: 10px;
} */

.btn-red,
.btn-orange {
font-size: 22px;
}

.btn-orange {
margin-top: 30px;
font-size: 23px;
}

.btn-orange:before {
width: 30px;
height: 30px;
}

.btn-orange:after {
margin-left: 5px;
}

.area-wrap .text-red {
text-align: center;
font-size: 18px;
}

.flow-wrap ol {
margin: 50px 10px 0;
gap: 20px;
}

.flow-wrap li {
margin: 0 auto 36px;
height: 160px;
box-shadow: 0 0 0 3px #dd5252;
width: calc((100% - 20px) / 3);
padding: 8px 10px;
}
.flow-wrap li:nth-child(2) {
box-shadow: 0 0 0 3px #0080cc;
}
.flow-wrap li:nth-child(3) {
box-shadow: 0 0 0 3px #23a84b;
}
.flow-wrap .step {
left: -10px;
top: -20px;
width: 50px;
height: 50px;
font-size: 12px;
}
.flow-wrap .step .num {
font-size: 20px;
}
.flow-wrap li:last-child {
margin-bottom: 0;
}

.flow-wrap li:after {
width: 28px;
height: 28px;
right: -24px;
}
.flow-wrap li .text{
font-size: 12px;
}
.flow-wrap li:nth-child(2) br{
display: none;
}
.flow-wrap li .img img {
width: 32px;
}
.flow-wrap li:nth-child(2) .img img {
width: 46px;
}
.flow-wrap li:nth-child(3) .img img {
width: 50px;
}
.qa-acd {
width: auto;
margin: 25px auto 0;
}

.qa-acd .acd-head {
padding: 0 50px;
font-size: 16px;
}

.qa-acd .acd-head:before,
.qa-acd .acd-cont:before {
left: 16px;
font-size: 24px;
}

.qa-acd .pulamai {
right: 16px;
}

.qa-acd .acd-cont {
font-size: 16px;
padding: 0 14px 0 50px;
}

footer {
padding: 10px 0;
}

footer ul {
gap: 30px;
}

footer ul a {
font-size: 12px;
}

.area-btn:before,
.bg-ashirai1,
.bg-ashirai2,
.flow-wrap:after,
.qa-wrap:before,
.end-btn-wrap:before {
display: none;
}

.bg-ashirai3 {
left: -120px;
top: -24px;
margin-left: 0;
width: 140px;
}

.bg-ashirai4 {
top: -116px;
right: -118px;
width: 160px;
margin-right: 0;
}

.bg-ashirai5 {
top: -112px;
right: -82px;
width: 130px;
margin-right: 0;
}

.bg-ashirai6 {
left: 0;
top: -25px;
margin-left: -25px;
width: 60px;
}
.modal-cont{
max-width: calc(100% - 40px);
padding: 30px 14px 40px;
}
.modal-cont:before{
width: 60px;
height: 60px;
margin: 0 auto 20px;
}
.modal-cont p, .modal-cont .text-red{
font-size: 15px;
}
.tel-btn:after,.modal .btn-orange:after{
right: 30px;
}
.modal .btn-orange,.modal4 .btn-orange{
font-size: 18px;
padding-right: 20px;
}
.modal .btn-orange:before,.modal4 .btn-orange:before {
width: 22px;
height: 22px;
}
}

@media screen and (max-width : 391px) {
.header-in img {
width: 250px;
}

.area-wrap p {
font-size: 13px;
}

/* .area-btn .bottom a:last-child .s {
bottom: 28px;
} */

.btn-red {
font-size: 20px;
}

.btn-orange {
font-size: 21px;
}
.modal-cont {
max-width: calc(100% - 30px);
}
}

@media screen and (max-width : 376px) {
.area-wrap{
padding:0px 5px 24px;
}
.flow-wrap,
.qa-wrap,
.end-btn-wrap {
padding:30px 5px;
}

.area-wrap p {
font-size: 12px;
}

.area-btn a,
.btn-red,
.btn-orange {
gap: 6px;
padding-left: 0px;
border-width: 3px;
}

.area-btn a:after,
.btn-red:after,
.btn-orange:after {
margin-left: 0px;
}

.area-btn a .s,
.btn-red .s {
font-size: 12px;
}

.btn-red {
box-shadow: inset 0 0 0 3px #e71a20, 0 4px 3px rgba(0, 0, 0, 10%);
}

.btn-orange {
box-shadow: inset 0 0 0 3px #ff9022, 0 4px 3px rgba(0, 0, 0, 10%);
}

.area-wrap .text-red {
font-size: 18px;
}
.modal-cont {
max-width: calc(100% - 24px);
padding: 30px 12px 40px;
}
.modal-cont p, .modal-cont .text-red {
font-size: 14px;
}
}

@media screen and (max-width : 361px) {
section h2 span {
font-size: 24px;
}

section h3 {
font-size: 22px;
}

/* .area-btn .bottom a:last-child .s {
bottom: 30px;
} */
.tel-btn:after, .modal .btn-orange:after,.modal4 .btn-orange:after {
right: 24px;
}
}


/*---------------------------
追加CSS
---------------------------*/


@media only screen and (orientation:landscape) and (max-width : 1300px),
(orientation:portrait) and (min-width : 754px) {
.header-in img {
width: 200px;
}
.sp-br {
display: block;
}
}

@media only screen and (orientation:landscape) and (max-width : 901px),
(orientation:portrait) and (min-width : 751px) {
.bottom {
display: inline-flex;
align-content: flex-end;
flex-wrap: wrap;
}
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.area-btn .bottom a .s {
bottom: 10px;
line-height: 16px;
}
}

@media only screen and (orientation:landscape) and (max-width : 1000px),
(orientation:portrait) and (min-width : 900px) {

.flow-wrap:after {
margin-left: -640px;
}
}

@media screen and (max-width : 500px) {
.area-btn .top,
.area-btn .bottom {
display: block;
}
}


/*---------------------------
下層
---------------------------*/
.lower{
padding-bottom: 80px;
}
.lower section{
position: relative;
}
.lower section h1 {
border-bottom: 2px solid #e71a20;
margin-bottom: 120px;
}
.lower section h1 span{
position: relative;
display: block;
width: fit-content;
margin: 0 auto;
padding: 90px 0;
font-size: 40px;
font-weight: 800;
}
.lower section h1 span:before,.lower section h1 span:after{
content: '';
display: block;
width: 60px;
height: 80px;
background: url(img/h1_ashirai.png) no-repeat center / contain;
position: absolute;
opacity: 0.6;
transform: rotate(8deg);
}
.lower section h1 span:before{
left: -80px;
top: 16px;
}
.lower section h1 span:after{
right: -80px;
bottom: 16px;
}
.lower section h2 {
font-weight: 700;
font-size: 26px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin: 40px auto 30px;
border: 0;
border-bottom: 1px dashed #ccc;
padding: 0 0 25px;
width: 95%;
}
.lower section h2:before{
content: '';
width: 28px;
height: 28px;
display: inline-block;
background: url(img/h2_ashirai.svg) no-repeat center / contain;
}
.lower p{
text-align: center;
}
.bikkuri{
position: relative;
font-size: 20px;
font-weight: 700;
}
.bikkuri:before{
content: '';
display: block;
width: 60px;
height: 60px;
background: url(img/attention.png) no-repeat center / contain;
position: absolute;
left: 0;
right: 0;
top: -80px;
margin: auto;
}
.lower form dl{
display: flex;
width: 1000px;
margin: 0 auto 20px;
}
.lower form dt {
width: 320px;
font-weight: 800;
font-size: 18px;
display: flex;
align-items: center;
}
.lower form dt:before{
content: '必須';
display: inline-block;
width: 62px;
line-height: 20px;
border-radius: 30px;
background: #e71a20;
color: #fff;
font-size: 10px;
text-align: center;
margin-right: 10px;
}
.lower form dt.ninni:before{
content: '任意';
background: #707070;
}
.lower form dt .s {
font-size: 14px;
margin-left: -3px;
margin-bottom: -4px;
}
.lower form dd{
width: calc(100% - 320px);
}
.lower form .kome {
font-size: 12px;
font-weight: 500;
color: #7f7f7f;
}
.lower form dt .kome{
margin-left: 5px;
}
.lower form input,.lower form select{
border: 2px solid #f69293;
border-radius: 5px;
display: block;
width: 100%;
line-height: 56px;
height: 56px;
outline: none;
font-size: 16px;
font-weight: 500;
padding-left: 20px;
box-shadow: 0 0 5px 0px rgb(0 0 0 / 10%);
}
.lower form .tel dd{
position: relative;
}
.lower form .tel .kome {
position: absolute;
left: 0;
top: 100%;
line-height: 1.4;
padding-top:10px;
}
.lower .text-privacy,.lower .text-privacy2{
color: #7f7f7f;
margin-top: 130px;
font-size: 14px;
font-weight: 500;
}
.lower .text-privacy2{
font-size: 12px;
margin-top: 30px;
}
.lower .text-privacy a,.lower .text-privacy2 a{
text-decoration: underline;
color: #0080cc;
}
.form-btn-red,.form-btn-gray{
display: flex;
justify-content: center;
align-items: center;
width: 400px;
height: 100px;
border: 5px solid #e71a20;
color: #e71a20;
border-radius: 100px;
margin: 50px auto 0;
background: none;
cursor: pointer;
font-size: 28px;
font-weight: 600;
box-shadow: 0 4px 3px rgba(0, 0, 0, 10%);
}
.form-btn-gray{
border-color: #707070;
color: #FFF;
border: 0;
background: #eaeaea;
color: #707070;
}
.form-btn-red{
background: #e71a20;
color: #FFF;
}
.form-btn-red:after{
display: block;
content: '';
width: 16px;
height: 16px;
border-top: solid 5px #FFF;
border-right: solid 5px #FFF;
transform: rotate(45deg);
right: -35px;
position: relative;
}
.form-btn-gray:before{
display: block;
content: '';
width: 16px;
height: 16px;
border-left: solid 5px #707070;
border-bottom: solid 5px #707070;
transform: rotate(45deg);
left: -35px;
position: relative;
}
.lower .bg-ashirai1{
top: 240px;
}
.lower .bg-ashirai2{
top: -60px;
}
.lower .bg-ashirai3{
top: 80%;
}
.lower .bg-ashirai4{
top: 70%;
}
.lower.confirmation section h1{
margin-bottom: 90px;
}
.lower.confirmation form dt:before{
display: none;
}
.lower.confirmation form dt{
width: 230px;
}
.lower.confirmation form dd {
width: calc(100% - 230px);
font-size: 18px;
border-bottom: 2px solid #f69293;
padding: 20px 0;
color:#666;
}
.lower.confirmation .text-red {
font-size: 24px;
font-weight: 700;
}
.lower.confirmation .f18{
font-size: 20px;
margin-top: 30px;
}
.lower.confirmation form dl{
margin-bottom: 40px;
}
.lower.confirmation .text-sousin {
margin-top: 80px;
}
.form-btn-red.submit{
position: relative;
}
.form-btn-red.submit input{
border: 0;
background: none;
border-radius: 0;
line-height: 1;
height: 100%;
padding: 0;
font-size: 28px;
font-weight: 600;
cursor: pointer;
color: #FFF;
box-shadow: 0 0 0 0;
}
.form-btn-red.submit:after{
position: absolute;
top: 0;
bottom: 0;
right: 40px;
margin: auto;
}
.must-read{
width: 1000px;
margin: 40px auto 0;
background: #ffe3e3;
text-align: center;
border-radius: 4px;
padding: 40px 0;
}
div.must-read p,.must-read .text-red {
font-weight: 700;
font-size: 20px;
}
.must-read .tel-num {
font-weight: 700;
font-size: 50px;
color: #e71a20;
margin-bottom: 20px;
}
.must-read .tel-num:before{
content: '';
display: block;
background: url(img/tell_r.png) no-repeat center / contain;
width: 30px;
height: 30px;
transform: rotate(10deg);
}

@media only screen and (orientation:landscape) and (min-width : 813px),(orientation:portrait) and (min-width : 753px){
.form-btn-red:hover,.form-btn-gray:hover{
opacity: 0.6;
transition: 0.3s;
}
}

/*---------------------------
下層SP
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.lower {
padding-bottom: 60px;
}
.lower section h1 {
margin-bottom: 100px;
}
.lower section h1 span{
padding: 60px 0;
font-size: 26px;
}
.lower section h1 span:before{
left: -55px;
top: 10px;
}
.lower section h1 span:after{
right: -55px;
bottom: 10px;
}
.bikkuri {
font-size: 16px;
}
.bikkuri:before{
width: 50px;
top: -72px;
}
.lower section h2{
font-size: 20px;
margin: 40px auto 10px;
border-bottom: 1px dashed #ccc;
padding: 0 0 10px;
width: 95%;
}
.lower section h2:before{
width: 26px;
height: 26px;
}
.lower form dl {
display: block;
width: auto;
margin: 0 10px 20px;
}
.lower form dt {
width: auto;
margin-bottom: 14px;
}
.lower form dd {
width: auto;
}
.lower form input, .lower form select{
font-size: 16px;
padding-left: 12px;
box-shadow: 0 0 5px 0px rgb(0 0 0 / 10%);
}
.lower form .kome {
font-size: 11px;
}
.lower .text-privacy, .lower .text-privacy2 {
margin-top: 100px;
font-size: 12px;
}
.lower .text-privacy2{
margin-top: 30px;
}
.form-btn-red, .form-btn-gray{
max-width: calc(100% - 20px);
height: 80px;
font-size: 24px;
border-width: 4px;
margin: 20px auto 0;
}
.form-btn-red:after{
width: 14px;
height: 14px;
border-top-width: 4px;
border-right-width: 4px;
}
.form-btn-gray:before{
width: 14px;
height: 14px;
border-left-width: 4px;
border-bottom-width: 4px;
}
.lower .bg-ashirai3 {
top: auto;
bottom: -50px;
}
.lower .bg-ashirai4 {
top: auto;
bottom: 382px;
right: -130px;
}
.lower.confirmation section h1 {
margin-bottom: 60px;
}
.lower.confirmation .text-red {
font-size: 20px;
}
.lower.confirmation .f18 {
font-size: 16px;
margin-top: 20px;
padding: 0 10px;
}
.lower.confirmation form dt {
width: auto;
margin-bottom: 0;
}
.lower.confirmation form dd{
width: auto;
line-height: 1.4;
padding: 16px 0;

}
.lower.confirmation .text-sousin {
margin-top: 50px;
font-size: 16px;
}

.form-btn-red.submit input{
font-size: 24px;
}
.lower.confirmation .bg-ashirai3 {
bottom: -135px;
}
.lower.confirmation .bg-ashirai4{
bottom: 342px;
}
}

@media screen and (max-width : 376px){
.bikkuri {
font-size: 15px;
}
.lower .text-privacy, .lower .text-privacy2 {
font-size: 11px;
}
.lower.confirmation .f18 {
font-size: 14px;
}
.lower.confirmation .text-sousin {
font-size: 15px;
}
}

@media screen and (max-width : 361px){
.lower section h1 span {
font-size: 24px;
}
.lower section h2 {
font-size: 20px;
}
.lower form dt{
font-size: 18px;
}
}

/*---------------------------
下層追記
---------------------------*/
.thanks .bikkuri{
font-size: 22px;
}
.must-read .tel-num{
display: flex;
justify-content: center;
align-items: center;
}
.must-read .tel-num:before{
width: 50px;
height: 34px;
margin: 8px 5px 0 0;
}
.must-read .tel-btn{
width: 440px;
margin: 0 auto;
}
.thanks .form-btn-gray{
margin-top: 80px;
}

.err_msg{
color: #e71a20;
margin:10px 0 0;
display:block;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.thanks .bikkuri {
font-size: 20px;
}
.must-read{
max-width: calc(100% - 30px);
margin: 30px auto 0;
}
div.must-read p, .must-read .text-red {
font-size: 16px;
}
.must-read .tel-btn{
max-width: calc(100% - 20px);
}
.must-read .tel-num {
font-weight: 700;
font-size: 34px;
color: #e71a20;
margin-bottom: 20px;
}
.must-read .tel-num:before{
width: 25px;
height: 30px;
margin: 5px 5px 0 0;
}
}

@media screen and (max-width : 391px) {
div.must-read p, .must-read .text-red {
font-size: 15px;
}
}

@media screen and (max-width : 376px) {
div.must-read p, .must-read .text-red {
font-size: 14px;
}
}

@media screen and (max-width : 361px) {
.must-read {
max-width: calc(100% - 20px);
}
}


/*---------------------------
モーダル追加
---------------------------*/
.area-btn button {
width: 480px;
height: 80px;
background: #fff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border: 0px solid #e71a20;
color: #e71a20;
gap: 8px;
font-size: 24px;
font-weight: 700;
box-shadow: 0 4px 3px rgba(0, 0, 0, 10%);
padding-left: 1px;
cursor: pointer;
}
.area-btn button:before {
content: '';
display: block;
width: 30px;
height: 30px;
background: url(img/plug.png) no-repeat center / contain;
}
.area-btn button:after{
display: block;
content: '';
width: 14px;
height: 14px;
border-top: solid 5px #fff;
border-right: solid 5px #fff;
transform: rotate(45deg);
margin-left: 3px;
}
.area-btn .bottom button {
padding-bottom: 25px;
background: #aaa;
color: #fff;
}
.area-btn .bottom button:before {
background: url(img/stop.png) no-repeat center / contain;
}
.area-btn .bottom button:last-child:before{
background: url(img/tell_g.png) no-repeat center / contain;
width: 24px;
height: 24px;
transform: rotate(10deg);
}
.area-btn button .s{
position: absolute;
left: 0;
right: 0;
bottom: 12px;
text-align: center;
font-size: 12px;
font-weight:normal;
}
.area-btn .bottom button:last-child .s {
font-size: 12px;
}
.modal2,.modal3{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
z-index: 100;
}
.modal-on{
display: flex;
}
.modal-close2,.modal-close3{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1;
}
.gray-btn {
width: 100%;
background: #aaa;
height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 100px;
box-shadow: 0 4px 3px rgba(0, 0, 0, 10%);
color: #fff;
font-weight: 600;
font-size: 18px;
position: relative;
}
.gray-btn:after {
display: block;
content: '';
width: 16px;
height: 16px;
border-top: solid 5px #fff;
border-right: solid 5px #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 38px;
margin: auto;
display: none;
}
.modal2 .modal-cont:before,.modal3 .modal-cont:before{
display: none;
}

@media only screen and (orientation:landscape) and (min-width : 813px),
(orientation:portrait) and (min-width : 753px) {
.area-btn button:hover {
opacity: 0.6;
transition: 0.3s;
}
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
.area-btn button{
max-width: 100%;
height: 70px;
font-size: 18px;
}
.area-btn button:before {
width: 24px;
height: 24px;
}
.area-btn button:after{
width: 12px;
height: 12px;
border-top-width: 4px;
border-right-width: 4px;
}
.area-btn button .s{
font-size: 10px;
bottom: 12px;
}
.area-btn .bottom button .s {
bottom: 8px;
line-height: 1.3;
}
.area-btn .bottom button:last-child {
margin-top:20px;
}
.area-btn .bottom button:last-child .s {
font-size: 10px;
}
.area-btn .bottom button:last-child:before{
width: 20px;
height: 20px;
}
.modal2 .modal-cont p,.modal3 .modal-cont p{
text-align: left;
}
}

@media screen and (max-width : 376px) {
.area-btn button{
gap: 6px;
padding-left: 0px;
}
.area-btn button:after{
margin-left: 0px;
}
.area-btn button .s{
font-size: 10px;
}
}

.footernone{
display: none;
}




.header-text .top{
display: block;
font-size: 10px;
background: #fff;
color: #333;
padding: 3px 0;
}
.area-btn .modal-btn4{
padding-bottom: 24px;
}
.area-btn .modal-btn4 .s{
position: absolute;
left: 0;
right: 0;
bottom: 12px;
text-align: center;
font-size: 12px;
font-weight:normal;
}
.area-btn .modal-btn4:before{
font-family: 'Material Symbols Outlined';
content: '\e86a';
background: none;
width: auto;
height: auto;
font-size: 34px;
transform: none;
}
.flow-wrap .btn-red,.end-btn-wrap .btn-red{
padding-bottom: 12px;
}
.flow-wrap .btn-red .s,.end-btn-wrap .btn-red .s{
bottom: 8px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
.header-text .top{
font-size: 8px;
}
section .area-wrap h2 span{
font-size: 24px;
padding: 20px 0 20px;
}
section .area-wrap h2 span:before{
left: -70px;
}
section .area-wrap h2 span:after{
right: -70px;
}
.area-btn .modal-btn4 .s{
font-size: 10px;
}
.area-btn .modal-btn4:before{
font-size: 28px;
}
.area-btn .bottom,.area-btn .modal-btn4,.area-btn .bottom button:last-child{
margin-top: 12px;
}
.area-btn a{
font-size: 18px;
}
.flow-wrap .btn-red.sp,.end-btn-wrap .btn-red.sp{
display: flex;
}
}

.tel-btn .middle.sp{
display: none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
.tel-btn .middle.sp{
display: flex;
font-size:24px;
}
.tel-btn .middle.pc{
display:none;
}
}


/*---------------------------
調整20250212
---------------------------*/
section .area-wrap h2 span:before, section .area-wrap h2 span:after,img[class*="bg-ashirai"]{
display: none;
}
.header-text .top {
background: #f5f5f5;
color: #888;
}
.header-text .bottom {
background: #e71a20;
}
.area-wrap .text{
display: block;
font-size: 15px;
margin: 0;
font-weight: 800;
}
.area-wrap .mt{
display: block;
margin-top: 10px;
}
.area-txt-box{
margin-top: 30px;
}
.area-btn .top .btn-red.modal-btn{
padding-bottom: 0;
}
.area-btn a, .btn-red, .btn-orange,.area-btn .modal-btn4,.area-btn .bottom button,.flow-wrap .btn-red, .end-btn-wrap .btn-red{
flex-direction: column;
padding: 0;
line-height: 1.4;
gap: 3px;
}
.area-btn a .s, .btn-red .s,.area-btn .modal-btn4 .s,.area-btn button .s{
position: static;
}
.btn-red:before,.btn-orange:before,.area-btn button:before{
position: absolute;
left: 24px;
top: 0;
bottom: 0;
margin: auto;
}
.area-btn .bottom button:last-child:before{
left: 30px;
}
.area-btn a:after, .btn-red:after, .btn-orange:after,.area-btn button:after{
position: absolute;
right: 24px;
top: 0;
bottom: 0;
margin: auto;
}
.area-btn .modal-btn4:before{
height: fit-content;
}
.area-btn .bottom button:before{
width: 42px;
height: 34px;
}
.area-btn button .s,.area-btn .bottom button:last-child .s {
font-size: 11px;
}
.area-wrap .text-red{
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.area-wrap .text-red:before{
content: '';
display: inline-block;
width: 34px;
height: 34px;
background: url(img/syoruibatu.png) no-repeat center / contain;
}
section h3:before{
display: none;
}
.flow-wrap li,.flow-wrap li:nth-child(2),.flow-wrap li:nth-child(3){
box-shadow: 0 0 0 5px #aaaaaa;
}
.flow-wrap li .img,.flow-wrap li:nth-child(2) .img,.flow-wrap li:nth-child(3) .img {
border-bottom: 1px solid #aaa;
}
.flow-wrap li .text,.flow-wrap li:nth-child(2) .text,.flow-wrap li:nth-child(3) .text{
color: #555;
}
.flow-wrap li:after{
background: url(img/sankaku_b.svg) no-repeat center / contain;
filter: grayscale(1) contrast(0) brightness(1.2);
}
.flow-wrap .step{
background: #e71a20;
}
.flow-wrap-img{
width: 780px;
display: block;
margin: 60px auto 40px;
max-width: 100%;
}
.flow-wrap .btn-red,.end-btn-wrap .btn-red{
gap: 0;
line-height: 1.2;
height: 100px;
}
.flow-wrap .btn-red .top,.end-btn-wrap .btn-red .top{
font-size: 18px;
}
.flow-wrap .btn-red .middle,.end-btn-wrap .btn-red .middle{
font-size: 30px;
font-weight: 800;
}
.flow-wrap .btn-red .bottom,.end-btn-wrap .btn-red .bottom{
font-size: 15px;
}
.flow-wrap .btn-red:before,.end-btn-wrap .btn-red:before{
display: none;
}
.flow-wrap .btn-red .middle:before,.end-btn-wrap .btn-red .middle:before{
content: '';
display: inline-block;
width: 34px;
height: 34px;
transform: rotate(10deg);
background: url(img/tell_r.png) no-repeat center / contain;
vertical-align: middle;
position: relative;
bottom: 3px;
}
.end-btn-wrap .btn-orange{
height: 100px;
}
.qa-acd .acd-on .acd-cont{
height: auto;
min-height: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.btn-orange{
background: #e71a20;
}
.btn-orange:before{
width: 44px;
}
.modal .btn-orange, .modal4 .btn-orange{
box-shadow: inset 0 0 0 3px #e71a20, 0 4px 3px rgba(0, 0, 0, 10%);
}
.modal .btn-orange:before, .modal4 .btn-orange:before {
width: 34px;
height: 24px;
}
.tel-btn:after,.modal .btn-orange:after, .modal4 .btn-orange:after{
right: 24px;
}
.modal .btn-orange, .modal4 .btn-orange{
padding: 0;
}
.modal .btn-orange:before, .modal4 .btn-orange:before {
width: 44px;
height: 34px;
}
.tel-btn .middle{
font-weight: 800;
}
.tel-btn .middle:before{
width: 28px;
height: 26px;
margin-right: 1px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.area-wrap .area-txt-box{
margin-top: 20px;
font-size: 11px;
}
.area-btn .bottom button:before {
width: 34px;
height: 24px;
}
.area-btn .bottom button:last-child:before {
left: 32px;
}
.area-btn .bottom button{
gap: 0;
}
.area-wrap .text-red{
text-align: left;
font-size: 15px;
line-height: 1.4;
justify-content: flex-start;
}
.area-wrap .text-red:before{
width: 40px;
height: 40px;
}
.flow-wrap li, .flow-wrap li:nth-child(2), .flow-wrap li:nth-child(3) {
box-shadow: 0 0 0 3px #aaaaaa;
}
.flow-wrap .btn-red, .end-btn-wrap .btn-red {
height: 70px;
}
.flow-wrap .btn-red .top, .end-btn-wrap .btn-red .top,.tel-btn .top {
font-size: 12px;
}
.flow-wrap .btn-red .middle, .end-btn-wrap .btn-red .middle {
font-size: 24px;
}
.flow-wrap .btn-red .bottom, .end-btn-wrap .btn-red .bottom,.tel-btn .bottom {
font-size: 11px;
}
.flow-wrap .btn-red .middle:before, .end-btn-wrap .btn-red .middle:before,.tel-btn .middle:before{
width: 24px;
height: 24px;
}
.qa-acd .acd-on .acd-cont {
padding-top: 20px;
padding-bottom: 20px;
}
.end-btn-wrap .btn-orange {
height: 70px;
font-size: 18px;
}
.btn-orange:before {
width: 36px;
}
.modal .btn-orange:before, .modal4 .btn-orange:before {
width: 36px;
left: 16px;
}
.tel-btn,.modal .btn-orange, .modal4 .btn-orange,.gray-btn{
height: 70px;
}
.tel-btn .middle.sp {
font-weight: 700;
font-size: 22px;
}
.tel-btn{
gap: 2px;
line-height: 1.2;
box-shadow: inset 0 0 0 3px #e71a20, 0 4px 3px rgba(0, 0, 0, 10%);
}
}

@media screen and (max-width: 376px) {
.btn-orange {
box-shadow: inset 0 0 0 3px #e71a20, 0 4px 3px rgba(0, 0, 0, 10%);
}
}


/*---------------------------
調整20250401
---------------------------*/
header {
height: auto;
background: #fffdee;
display: block;;
padding-top: 0px;
}
.header-text{
background: #f2f2f2;
line-height: 1.5;
padding: 8px 0 10px;
position: static;
}
.header-text .top {
background: none;
color: #0d88d6;
font-size: 16px;
font-weight: 600;
padding: 0;
}
.header-text .bottom {
background: none;
color: #808080;
font-size: 11px;
padding: 0;
}
.header-in {
display: block;
padding: 35px 0;
width: 560px;
margin: 0 auto;
font-size: 60px;
font-weight: 800;
letter-spacing: 2px;
line-height: 1.23;
position: relative;
}
.header-in:before {
content: '';
display: block;
width: 40px;
height: 40px;
position: absolute;
left: -48px;
top: -1px;
background: url(img/new-fv-icon-l.svg) no-repeat center top / contain;
}
.header-in:after{
content: '';
display: block;
width: 226px;
height: 150px;
position: absolute;
right: 0;
bottom: 28px;
background: url(img/new-fv-icon-r.svg) no-repeat center / contain;
}
.orange{
color: #ff6d25;
}
.area-wrap-head {
display: flex;
justify-content: center;
gap: 15px;
}
.area-wrap-head h2{
border: 0;
font-weight: 500;
font-size: 11px;
color: #333;
min-width: max-content;
padding-top: 1px;
}
.area-wrap-head h2:after{
content: '';
display: block;
width: 32px;
height: 40px;
background: url(img/new-area-icon.svg) no-repeat center / contain;
margin: 10px auto 0;
}
.area-wrap-head h3 {
background: #333333;
color: #fff;
width: fit-content;
font-size: 16px;
font-weight: 500;
padding: 5px 14px;
margin-bottom: 5px;
}
.area-wrap-head-in p{
text-align: left;
margin: 0;
font-size: 13px;
line-height: 1.7;
color: #333;
padding-left: 10px;
}
.area-wrap .none-document {
border: 1px solid #f4f4f4;
border-radius: 10px;
width: 400px;
max-width: 100%;
margin: 50px auto 0;
padding: 15px 0;
color: #777;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
text-align: center;
}
.area-wrap .none-document:before{
content: '';
display: block;
width: 50px;
height: 50px;
background: url(img/new-fv-icon-ng.svg) no-repeat center / contain;
margin: 0 auto 4px;
}
.area-wrap{
padding-bottom: 40px;
}
.flow-wrap{
background: #f2f2f2;
padding-bottom: 70px;
}
.flow-wrap h3,.qa-wrap h3{
color: #333;
position: relative;
font-size: 36px;
}
.flow-wrap h3:after,.qa-wrap h3:after {
content: '';
display: block;
width: 70px;
height: 6px;
border-radius: 30px;
position: absolute;
left: 0;
right: 0;
bottom: -30px;
margin: auto;
background: #1c83c5;
}
.flow-wrap li{
width: 260px;
height: 260px;
border-radius: 50%;
}
.flow-wrap li, .flow-wrap li:nth-child(2), .flow-wrap li:nth-child(3){
box-shadow: 0 0 0 5px #0e89cc;
}
.flow-wrap li .img, .flow-wrap li:nth-child(2) .img, .flow-wrap li:nth-child(3) .img {
border-bottom: 0;
height: 48%;
align-items: flex-end;
}
.flow-wrap li .img img {
width: 84px;
}
.flow-wrap li:nth-child(2) .img img {
width: 100px;
}
.flow-wrap li:nth-child(3) .img img {
width: 90px;
}
.flow-wrap li .text, .flow-wrap li:nth-child(2) .text, .flow-wrap li:nth-child(3) .text {
color: #333;
font-size: 20px;
display: block;
padding-top: 20px;
}
.flow-wrap .step {
background: #fddb5d;
width: 82px;
height: 82px;
font-size: 15px;
left: -4px;
top: -12px;
}
.flow-wrap .step .num {
font-size: 36px;
}
.flow-wrap li:after,.flow-wrap li:nth-child(2):after{
background: url(img/new-icon-step-yaji.svg) no-repeat center / contain;
filter: none;
right: auto;
left: 100%;
width: 48px;
height: 48px;
}
.qa-wrap h3:after{
background: #e6e6e6;
}
.qa-acd{
margin-top: 74px;
}
.qa-acd .acd-wrap {
border-bottom: 7px solid #ddf3ff;
}
.qa-acd .acd-wrap:first-child {
border-top: 7px solid #ddf3ff;
}
.qa-acd .acd-wrap.acd-on{
border-bottom: 0;
}
.qa-acd .acd-cont {
background: #ddf3ff;
color: #2f373a;
}
.qa-wrap .acd-wrap h3:after{
display: none;
}
.qa-acd .acd-head:before, .qa-acd .acd-cont:before{
content: '';
width: 26px;
height: 30px;
bottom: 0;
left: 30px;
}
.qa-acd .acd-head,.qa-acd .acd-cont{
padding-left: 80px;
}
.qa-acd .acd-head:before {
background: url(img/new-icon-q.svg) no-repeat center / contain;
}
.qa-acd .acd-cont:before{
background: url(img/new-icon-a.svg) no-repeat center / contain;
}
.qa-acd .pulamai{
width: 26px;
height: 26px;
}
.qa-acd .pulamai:before, .qa-acd .pulamai:after{
height: 4px;
background: #0c8fd5;
}
.qa-acd .acd-head{
height: auto;
min-height: 80px;
}
.end-btn-wrap{
background: none;
padding: 30px 10px 70px;
}
footer{
background: #f2f2f2;
}
footer ul a {
color: #333;
}
.area-btn a,.btn-red,.tel-btn{
background: #ff6c22;
box-shadow: 0 6px 0 #d44304;
}
.area-btn a,.area-btn button {
height: 70px;
}
.area-btn a:before,.area-btn .modal-btn4:before {
background: url(img/new-fv-bt-icon-01.svg) no-repeat center / contain;
transform: none;
width: 30px;
height: 40px;
left: 30px;
content: '';
}
.area-btn .modal-btn4:before{
background: url(img/new-fv-bt-icon-02.svg) no-repeat center / contain;
}
.area-btn a:after, .btn-red:after, .btn-orange:after,.area-btn button:after,.tel-btn:after{
border-top-width: 4px;
border-right-width: 4px;
}
.area-btn .bottom button,.gray-btn {
background: #b3b3b3;
box-shadow: 0 6px 0 #999999;
}
.area-btn .bottom button:before{
display: none;
}
.btn-wrap .micro {
font-size: 12px;
color: #75706c;
margin-top: 14px;
display: block;
}
.flow-wrap .btn-red .middle:before, .end-btn-wrap .btn-red .middle:before,.tel-btn .middle:before{
display: none;
}
.flow-wrap .btn-red, .end-btn-wrap .btn-red,.tel-btn,.modal .btn-orange{
height: 90px;
line-height: 1.1;
}
.btn-red, .btn-orange{
width: 560px;
}
.flow-wrap .btn-red .top, .end-btn-wrap .btn-red .top,.tel-btn .top {
font-size: 14px;
}
.flow-wrap .btn-red .middle, .end-btn-wrap .btn-red .middle,.tel-btn .middle {
font-size: 34px;
letter-spacing: 2px;
font-weight: 700;
margin: 1px 0;
}
.flow-wrap .btn-red .bottom, .end-btn-wrap .btn-red .bottom,.tel-btn .bottom {
font-size: 14px;
}
.btn-red {
box-shadow: 0 7px 0 #d44304;
}
.end-btn-wrap .btn-orange,.modal .btn-orange,.modal4 .btn-orange{
height: 90px;
background: #0f88cd;
box-shadow: 0 7px 0 #025b87;
font-size: 28px;
}
.modal .btn-orange,.modal4 .btn-orange{
font-size: 24px;
}
.flow-wrap .btn-red:before, .end-btn-wrap .btn-red:before,.tel-btn:before{
content: '';
display: block;
width: 28px;
height: 34px;
position: absolute;
left: 36px;
top: 0;
bottom: 0;
margin: auto;
background: url(img/new-icon-bt-tel.svg) no-repeat center / contain;
transform: none;
}
.area-btn a,.area-btn button{
width: 440px;
}
.tel-btn{
gap: 0;
}
.end-btn-wrap .btn-orange{
margin-top: 30px;
}
.btn-orange:before,.modal .btn-orange:before, .modal4 .btn-orange:before{
background: url(img/new-icon-mail.svg) no-repeat center / contain;
width: 28px;
height: 34px;
left: 36px;
}
.modal-cont .tel-btn:before,.modal .btn-orange:before, .modal4 .btn-orange:before{
left: 30px;
}
.modal .btn-orange, .modal4 .btn-orange {
font-size: 23px;
}
.modal-cont{
background: #fffdee;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
header{
margin-bottom: 30px;
}
.header-text .top {
font-size: 14px;
}
.header-text .bottom {
font-size: 10px;
}
.header-in{
height: auto;
border-radius: 0;
max-width: 100%;
}
.area-wrap-head {
gap: 12px;
}
.area-wrap-head-in p{
padding: 0;
border-radius: 0;
}
.area-wrap .sp-mt{
margin-top: 10px;
display: block;
}
.area-wrap p{
background: none;
}
.flow-wrap {
padding-bottom: 50px;
}
.flow-wrap h3:after, .qa-wrap h3:after{
width: 60px;
height: 5px;
bottom: -24px;
}
.flow-wrap ol {
margin: 64px 0px 0;
gap: 30px;
}
.flow-wrap li{
width: calc((100% - 60px) / 3);
height: calc((100vw - 80px) / 3);
}
.flow-wrap li, .flow-wrap li:nth-child(2), .flow-wrap li:nth-child(3){
box-shadow: 0 0 0 3px #0e89cc;
}
.flow-wrap li:nth-child(2) br {
display: block;
}
.flow-wrap li .text, .flow-wrap li:nth-child(2) .text, .flow-wrap li:nth-child(3) .text {
font-size: 18px;
padding-top: 24px;
}
.qa-acd {
margin-top: 64px;
}
.qa-acd .acd-head:before, .qa-acd .acd-cont:before {
left: 17px;
width: 22px;
}
.qa-acd .acd-head, .qa-acd .acd-cont {
padding-left: 56px;
}
.qa-acd .acd-head{
padding-right: 46px;
}
.area-btn a, .btn-red, .btn-orange{
border: 0;
}
.btn-wrap .micro {
font-size: 11px;
}
.flow-wrap h3, .qa-wrap h3 {
font-size: 28px;
}
.flow-wrap .btn-red, .end-btn-wrap .btn-red, .tel-btn, .modal .btn-orange{
line-height: 1.2;
}
.flow-wrap .btn-red .top, .end-btn-wrap .btn-red .top, .tel-btn .top {
font-size: 12px;
}
.flow-wrap .btn-red .bottom, .end-btn-wrap .btn-red .bottom, .tel-btn .bottom {
font-size: 12px;
}
.flow-wrap .btn-red .middle, .end-btn-wrap .btn-red .middle, .tel-btn .middle{
font-size: 24px;
}
.qa-acd .acd-wrap{
border-bottom-width: 6px;
}
.qa-acd .acd-wrap:first-child{
border-top-width: 6px;
}
.qa-acd .pulamai {
width: 20px;
height: 20px;
}
.flow-wrap .btn-red, .end-btn-wrap .btn-red,.end-btn-wrap .btn-orange,.tel-btn,.modal .btn-orange, .modal4 .btn-orange {
height: 70px;
}
.btn-red {
box-shadow: 0 6px 0 #d44304;
}
.end-btn-wrap .btn-orange, .modal .btn-orange, .modal4 .btn-orange{
box-shadow: 0 6px 0 #025b87;
}
.end-btn-wrap .btn-orange{
font-size: 22px;
}
.modal .btn-orange, .modal4 .btn-orange{
font-size: 19px;
}
.area-btn a,.area-btn .bottom button{
font-size: 22px;
line-height: 1;
}
.gray-btn{
font-size: 20px;
line-height: 1;
}
.area-btn .bottom, .area-btn .modal-btn4 {
margin-top: 18px;
}
.area-btn .bottom .btn-wrap:last-child {
margin-top: 12px;
}
.flow-wrap .btn-red:before, .end-btn-wrap .btn-red:before, .tel-btn:before,.btn-orange:before, .modal .btn-orange:before, .modal4 .btn-orange:before{
width: 24px;
left: 28px;
}
.modal-cont .tel-btn:before, .modal .btn-orange:before, .modal4 .btn-orange:before {
left: 22px;
}
}

@media screen and (max-width : 700px){
.flow-wrap .step {
width: 70px;
height: 70px;
font-size: 14px;
left: -5px;
top: -10px;
}
.flow-wrap .step .num {
font-size: 26px;
}
.flow-wrap li .text, .flow-wrap li:nth-child(2) .text, .flow-wrap li:nth-child(3) .text {
font-size: 16px;
padding-top: 20px;
}
}

@media screen and (max-width : 630px){
.flow-wrap ol {
gap: 22px;
}
.flow-wrap li {
width: calc((100% - 44px) / 3);
height: calc((100vw - 64px) / 3);
}
.flow-wrap li:after, .flow-wrap li:nth-child(2):after{
width: 38px;
}
.flow-wrap li .img img {
width: 70px;
}
.flow-wrap li:nth-child(2) .img img {
width: 90px;
}
.flow-wrap li:nth-child(3) .img img {
width: 80px;
}
.flow-wrap .step {
width: 60px;
height: 60px;
font-size: 12px;
}
}

@media screen and (max-width : 600px){
.flow-wrap li .text, .flow-wrap li:nth-child(2) .text, .flow-wrap li:nth-child(3) .text {
font-size: 14px;
padding-top: 14px;
}
.flow-wrap li .img, .flow-wrap li:nth-child(2) .img, .flow-wrap li:nth-child(3) .img {
height: 49%;
}
}

@media screen and (max-width : 530px){
.header-in {
font-size: 44px;
padding: 28px 20px;
letter-spacing: 1px;
width: 424px;
}
.header-in:before{
width: 32px;
left: -4px;
}
.header-in:after{
width: 156px;
height: 108px;
right: 8px;
bottom: 23px;
}
.flow-wrap li .img img {
width: 60px;
}
.flow-wrap li:nth-child(2) .img img {
width: 76px;
}
.flow-wrap li:nth-child(3) .img img {
width: 66px;
}
.flow-wrap li .text, .flow-wrap li:nth-child(2) .text, .flow-wrap li:nth-child(3) .text {
font-size: 13px;
padding-top: 12px;
}
}

@media screen and (max-width : 480px){
.flow-wrap li:after, .flow-wrap li:nth-child(2):after {
width: 24px;
}
.flow-wrap ol {
gap: 16px;
}
.flow-wrap li {
width: calc((100% - 32px) / 3);
height: calc((100vw - 52px) / 3);
}
.flow-wrap li .text, .flow-wrap li:nth-child(2) .text, .flow-wrap li:nth-child(3) .text {
padding-top: 8px;
}
.flow-wrap .step {
width: 50px;
height: 50px;
font-size: 10px;
left: -7px;
top: -7px;
}
.flow-wrap .step .num {
font-size: 22px;
}
}

@media screen and (max-width : 429px){
.flow-wrap li .text, .flow-wrap li:nth-child(2) .text, .flow-wrap li:nth-child(3) .text {
font-size: 12px;
padding-top: 5px;
}
.flow-wrap li .img img {
width: 50px;
}
.flow-wrap li:nth-child(2) .img img {
width: 62px;
}
.flow-wrap li:nth-child(3) .img img {
width: 54px;
}
.flow-wrap-img {
margin: 46px auto 30px;
}
}

@media screen and (max-width : 415px){
.header-in {
font-size: 42px;
}
.header-in:after {
width: 156px;
height: 106px;
bottom: 21px;
}
.area-wrap-head-in p{
font-size: 12px;
}
.flow-wrap li .text, .flow-wrap li:nth-child(2) .text, .flow-wrap li:nth-child(3) .text{
font-size: 11px;
}
.flow-wrap .step{
width: 44px;
height: 44px;
}
.flow-wrap .step .num {
font-size: 20px;
}
}

@media screen and (max-width : 391px){
.header-in {
font-size: 40px;
}
.header-in:after {
width: 144px;
height: 102px;
}
.area-wrap-head h3{
font-size: 14px;
}
.area-wrap-head-in p {
font-size: 11px;
}
.flow-wrap li:after, .flow-wrap li:nth-child(2):after {
width: 20px;
}
.flow-wrap ol {
gap: 14px;
}
.flow-wrap li {
width: calc((100% - 28px) / 3);
height: calc((100vw - 48px) / 3);
}
.flow-wrap li .img img {
width: 40px;
}
.flow-wrap li:nth-child(2) .img img {
width: 52px;
}
.flow-wrap li:nth-child(3) .img img {
width: 44px;
}
.end-btn-wrap .btn-orange {
font-size: 20px;
}
.modal .btn-orange, .modal4 .btn-orange {
font-size: 18px;
}
}

@media screen and (max-width : 376px){
.header-text .bottom {
font-size: 9px;
}
.header-in {
font-size: 38px;
}
.header-in:after {
width: 138px;
height: 96px;
}
.btn-wrap .micro {
font-size: 10px;
}
.flow-wrap ol {
margin: 64px 5px 0;
gap: 13px;
}
.flow-wrap li {
width: calc((100% - 26px) / 3);
height: calc((100vw - 46px) / 3);
}
.flow-wrap li:after, .flow-wrap li:nth-child(2):after {
width: 18px;
}
.flow-wrap li .text, .flow-wrap li:nth-child(2) .text, .flow-wrap li:nth-child(3) .text {
font-size: 10px;
}
.end-btn-wrap {
padding: 30px 5px 70px;
}
.end-btn-wrap .btn-orange {
font-size: 19px;
}
.modal .btn-orange, .modal4 .btn-orange {
font-size: 17px;
}
.gray-btn {
font-size: 18px;
}
}

@media screen and (max-width : 361px){
.header-in {
font-size: 36px;
}
.header-in:after {
width: 134px;
height: 92px;
}
.area-wrap-head h2{
font-size: 10px;
}
.area-wrap-head {
gap: 10px;
}
.flow-wrap li .text, .flow-wrap li:nth-child(2) .text, .flow-wrap li:nth-child(3) .text {
font-size: 10px;
}
}


/*---------------------------
調整20260130
---------------------------*/
.header-in{
width: 300px;
padding: 20px 0;
}
.header-in:before{
left: 0;
}
.header-in:after{
position: static;
margin-left: auto;
}
.area-wrap-head h2 {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
background: #333333;
color: #fff;
width: fit-content;
font-size: 16px;
font-weight: 500;
padding: 5px 14px;
margin: 0 auto 5px;
}
.area-wrap-head h2:after{
display: none;
}
.area-wrap-head-in p{
padding: 0;
text-align: center;
}
.area-btn a:before{
display: none;
}
.lower.form-wrap{
margin-top: 40px;
}
.lower.form-wrap h3{
margin-bottom: 30px;
}
.lower.form-wrap .heading-bottom-t{
padding: 0 10px;
}
.lower.form-wrap form{
margin-top: 50px;
}
.lower.form-wrap .text-privacy{
margin-top: 60px;
}
.lower.form-wrap .form-btn-red{
height: 90px;
line-height: 1.1;
width: 560px;
box-shadow: 0 7px 0 #ad2e32;
border: 0;
position: relative;
margin-top: 20px;
}
.lower.form-wrap .form-btn-red:after{
position: absolute;
right: 24px;
top: 0;
bottom: 0;
margin: auto;
border-top-width: 4px;
border-right-width: 4px;
}
.end-btn-wrap{
padding-top: 0;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.lower.form-wrap {
padding-bottom: 50px;
}
.lower.form-wrap .form-btn-red{
height: 70px;
line-height: 1.2;
box-shadow: 0 6px 0 #ad2e32;
font-size: 22px;
}
.lower.form-wrap .form-btn-red:after{
width: 12px;
height: 12px;
}
}

@media screen and (max-width : 530px){
.header-in {
width: 190px;
padding: 20px 0 14px;
}
.header-in:after {
width: 156px;
height: 108px;
}
.lower.form-wrap .heading-bottom-t {
font-size: 16px;
}
}

@media screen and (max-width: 391px) {
.lower.form-wrap .form-btn-red{
font-size: 20px;
}
}


/*---------------------------
調整
---------------------------*/
.lower.form-wrap .heading-bottom-t{
margin-bottom: 0;
}
.lower.form-wrap form {
margin-top: 0px;
}
.thanks .must-read .tel-num:before{
background: none;
background-color: #e71a20;
-webkit-mask-image: url(img/new-icon-bt-tel.svg);
mask-image: url(img/new-icon-bt-tel.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
margin: 0;
transform: none;
transform: translateY(4px);
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.thanks .must-read .tel-num:before{
transform: translateY(2px);
width: 22px;
height: 26px;
margin-right: 8px;
}
.lower form input, .lower form select {
box-sizing: border-box;
width: 100%;
max-width: 100%;
-webkit-appearance: none; /* iOSのデフォルトスタイルを無効化 */
appearance: none;
}
.lower form dl {
display: block;
width: auto;
margin: 0 0px 20px;
box-sizing: border-box;
}
.lower form dl dd{
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.lower.form-wrap form {
margin-top: 0px;
padding:0 10px;
box-sizing: border-box;
}
}

input[name="preferred_date"] {
position: relative;
cursor: pointer; 
}
input[name="preferred_date"]::-webkit-calendar-picker-indicator {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
cursor: pointer;
opacity: 0;
}


/*---------------------------
プライバシーポリシー PC
---------------------------*/
section > .privacy {
width: 1000px;
margin: 40px auto 80px;
}
.privacy h2, .privacy h3, .privacy h4 {
line-height: 1.6;
font-weight: 700;
}
.privacy h2 {
font-size: 30px;
margin:40px 0;
border-bottom: none;
}
.privacy h3 {
font-size: 24px;
margin-top: 40px;
margin-bottom: 20px;
border-bottom: none;
display: block;
}
.privacy h4 {
font-size: 20px;
margin-top: 40px;
margin-bottom: 20px;
}
.privacy p, .privacy table, .privacy ol {
line-height: 1.6;
font-weight: 600;
}
.privacy p.leading-text {
font-size: 18px;
margin-bottom: 40px;
}
.privacy p {
font-size: 16px;
}
.privacy table, .privacy ol {
font-size: 16px;
}
.privacy table {
width: 100%;
margin-bottom: 20px;
text-align: left;
border: 1px solid #ccc;
border-collapse: collapse;
box-sizing: border-box;
}
.privacy table th, .privacy table td {
word-break: break-all;
}
.privacy table td {
padding: 15px;
border: 1px solid #ccc;
}
.privacy table td.left {
background: #f2f2f2;
}
.privacy ol {
padding-left: 0;
margin-left: 24px;
margin-bottom: 20px;
}
.privacy ol li {
padding-left: 10px;
list-style: decimal;
}
.privacy .privacy-info {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
padding-top: 25px;
padding-bottom: 25px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.privacy .privacy-info:first-of-type {
margin-top:80px;
}
.privacy .privacy-info:last-of-type {
border-top: none;
}
.privacy .privacy-info h5 {
width: 280px;
color: #000;
font-size: 14px;
font-weight: 700;
}
.privacy .privacy-info p {
width: calc(100% - 280px);
font-size: 14px;
}


/*---------------------------
プライバシーポリシー SP
---------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
section > .privacy {
width: calc(100% - 30px);
margin: 40px auto 80px;
}
.privacy h2 {
font-size: 26px;
text-align: center;
margin:40px 0 20px;
}
.privacy h3 {
font-size: 20px;
border-bottom: none;
display: block;
}
.privacy h4 {
font-size: 18px;
}
.privacy p.leading-text, .privacy p {
font-size: 16px;
}
.privacy table, .privacy ol {
font-size: 16px;
}
.privacy table {
width: 100%;
border-bottom: none;
}
.privacy table th, .privacy table td {
display: inline-block;
width: 100%;
float: left;
border: initial;
border-bottom: 1px solid #ccc;
}
.privacy ol {
padding-left: 0;
margin-left: 24px;
margin-bottom: 20px;
}
.privacy .privacy-info {
display: block;
padding-top: 20px;
padding-bottom: 20px;
}
.privacy .privacy-info:first-of-type {
margin-top:80px;
}
.privacy .privacy-info h5 {
width: 100%;
margin-bottom: 20px;
}
.privacy .privacy-info p {
width: 100%;
margin-bottom: 0;
}
}