<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
html{
margin:0;
padding:0;
border:0;
vertical-align:baseline
}
body,article,section,nav,aside,h1,h2,h3,h4,h5,h6,header,footer,address,p,pre,blockquote,ol,ul,li,dl,dt,dd,figure,figcaption,div,main,a,em,strong,small,s,cite,q,dfn,abbr,data,time,code,var,samp,kbd,sub,sup,i,b,u,mark,span,ins,del,img,iframe,embed,object,video,audio,table,caption,tbody,thead,tfoot,tr,td,th,form,label,fieldset,legend,canvas{
margin:0;
padding:0;
border:0;
vertical-align:baseline;
font-size:100%
}
*,:before,:after{
-webkit-box-sizing:border-box;
box-sizing:border-box
}
main{
display:block
}
video,audio,progress,canvas{
display:inline-block;
vertical-align:baseline
}
audio:not([controls]){
display:none;
height:0
}
template,[hidden]{
display:none
}
html:not(.is-mobile){
overflow-y:scroll
}
html,body{
line-height:1.5;
font-size:10px;
-webkit-text-size-adjust:100%
}
body,input,textarea,select,button{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
h1,h2,h3,h4,h5,h6{
font-weight:700
}
address{
font-style:normal;
font-weight:400
}
blockquote{
quotes:none
}
blockquote:before,blockquote:after{
content:'';
content:none
}
hr{
overflow:visible;
height:0;
margin:0
}
pre{
overflow:auto
}
ol,ul{
list-style:none
}
a{
background-color:transparent;
-webkit-text-decoration-skip:objects
}
a:hover,a:active{
outline:0
}
em,strong,b{
font-style:normal;
font-weight:700
}
small{
font-size:1em
}
q{
quotes:none
}
q:before,q:after{
content:'';
content:none
}
dfn{
font-style:italic
}
abbr[title]{
border-bottom:none;
text-decoration:underline;
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
code,kbd,pre,samp{
font-size:1em;
font-family:monospace,monospace
}
sub,sup{
position:relative;
vertical-align:baseline;
line-height:0;
font-size:10px
}
sub{
bottom:-.25em
}
sup{
top:-.5em
}
mark{
background-color:inherit;
color:inherit;
font-weight:700
}
img{
border:0;
vertical-align:top;
-ms-interpolation-mode:bicubic
}
iframe,embed,object{
max-width:100%;
outline:none;
vertical-align:top
}
svg:not(:root){
overflow:hidden
}
table{
border-spacing:0;
border-collapse:collapse
}
caption{
text-align:left
}
th,td{
vertical-align:top
}
label{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
input,textarea,select,optgroup,button{
margin:0;
padding:0;
color:inherit;
vertical-align:top;
font:inherit;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
input,textarea{
border-radius:0
}
input{
line-height:normal
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
-webkit-appearance:none;
appearance:none
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
height:auto
}
textarea{
overflow:auto;
resize:vertical
}
select{
background-color:#fff;
text-transform:none
}
select::-ms-expand{
display:none
}
select:-moz-focusring{
color:transparent;
text-shadow:0 0 0 #000
}
optgroup{
font-weight:700
}
input[type=submit],button{
cursor:pointer;
-webkit-appearance:button;
-moz-appearance:button;
appearance:button
}
input[disabled],button[disabled]{
cursor:default
}
input::-moz-focus-inner,button::-moz-focus-inner{
padding:0;
border:0
}
button{
overflow:visible;
text-transform:none
}
[tabindex='-1']:focus{
outline:0
}
body{
font-weight:300;
font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif
}
.win body{
font-weight:500;
font-family:YuGothic,Yu Gothic,Meiryo,sans-serif
}
.ie body{
font-weight:400;
font-family:Meiryo,sans-serif
}
h1,h2,h3,h4,h5,h6,em,strong,b,mark,optgroup{
font-weight:700
}
html,body{
min-height:100%;
}

body{
background-color:#fcf8ec;
color:#333;
line-height:1.5;
font-size:2.4em;
letter-spacing:0
}
main *+section{
margin-top:70px
}
main section *+section{
margin-top:55px
}
main section section *+section{
margin-top:40px
}
head&gt;img,body&gt;img,head&gt;iframe,body&gt;iframe{
position:absolute;
top:-100%;
left:-100%
}
a:link{
color:#1061f4;
-webkit-transition:color .25s cubic-bezier(.215,.61,.355,1),background-color .25s cubic-bezier(.215,.61,.355,1);
transition:color .25s cubic-bezier(.215,.61,.355,1),background-color .25s cubic-bezier(.215,.61,.355,1)
}
a:visited{
color:#1061f4
}
html:not(.is-mobile) a:hover{
color:#094dc8
}
::-webkit-input-placeholder{
color:#888
}
::-moz-placeholder{
color:#888
}
:-ms-input-placeholder{
color:#888
}
.e-ol{
counter-reset:ol
}
.e-ol:before,.e-ol:after{
content:'';
display:block;
height:1px
}
.e-ol:before{
margin-bottom:-1px
}
.e-ol:after{
margin-top:-1px
}
.e-ol&gt;li:not(:first-child){
margin-top:8px
}
.e-ol&gt;li:first-child{
margin-top:-6px
}
.e-ol&gt;li:last-child{
margin-bottom:-6px
}
.e-ol&gt;li{
counter-increment:ol;
position:relative;
padding-left:38px;
list-style-type:none
}
.e-ol&gt;li:before{
content:counters(ol, "-", decimal) '.';
position:absolute;
top:0;
left:0
}
.e-ol:not(:first-child){
margin-top:40px
}
.e-ol&gt;li:before{
font-weight:700
}
.e-ol-notes{
counter-reset:ol
}
.e-ol-notes:before,.e-ol-notes:after{
content:'';
display:block;
height:1px
}
.e-ol-notes:before{
margin-bottom:-1px
}
.e-ol-notes:after{
margin-top:-1px
}
.e-ol-notes&gt;li:not(:first-child){
margin-top:8px
}
.e-ol-notes&gt;li:first-child{
margin-top:-6px
}
.e-ol-notes&gt;li:last-child{
margin-bottom:-6px
}
.e-ol-notes&gt;li{
counter-increment:ol;
position:relative;
padding-left:2.2em;
list-style-type:none
}
.e-ol-notes&gt;li:before{
content:'â€»' counters(ol, "-", decimal);
position:absolute;
top:0;
left:0
}
.e-ol-notes:not(:first-child){
margin-top:40px
}
.e-ul:before,.e-ul:after{
content:'';
display:block;
height:1px
}
.e-ul:before{
margin-bottom:-1px
}
.e-ul:after{
margin-top:-1px
}
.e-ul&gt;li:not(:first-child){
margin-top:8px
}
.e-ul&gt;li:first-child{
margin-top:-6px
}
.e-ul&gt;li:last-child{
margin-bottom:-6px
}
.e-ul&gt;li{
position:relative;
padding-left:38px
}
.e-ul&gt;li:before{
content:'';
position:absolute;
top:13px;
left:5px;
width:10px;
height:10px;
border-radius:50%;
background-color:#333
}
.e-ul:not(:first-child){
margin-top:40px
}
.e-ul-notes:before,.e-ul-notes:after{
content:'';
display:block;
height:1px
}
.e-ul-notes:before{
margin-bottom:-1px
}
.e-ul-notes:after{
margin-top:-1px
}
.e-ul-notes&gt;li:not(:first-child){
margin-top:8px
}
.e-ul-notes&gt;li:first-child{
margin-top:-6px
}
.e-ul-notes&gt;li:last-child{
margin-bottom:-6px
}
.e-ul-notes&gt;li{
position:relative;
padding-left:1.1em
}
.e-ul-notes&gt;li:before{
content:"â€»";
position:absolute;
top:0;
left:0
}
.e-ul-notes:not(:first-child){
margin-top:40px
}
.MainContent{
position:relative
}
.MainContent,.MainContent&gt;.inner,.MainContent__body{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1
}
.MainContent&gt;.inner{
width:580px;
margin:0 auto
}
.MainContent__body{
padding:60px 0 100px
}
.MainContent__body.-fullWidth{
margin:0 -30px
}
.MainContent__body.-noSpace{
padding-top:0;
padding-bottom:0
}
.Page{
min-width:640px
}
.PageContainer{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
overflow:hidden;
position:relative;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
width:100%;
min-height:100%;
max-width:640px;
margin:0 auto
}
.PageFooter{
background-color:#382921;
color:#fff
}
.PageFooter&gt;.inner{
width:580px;
margin:0 auto;
padding:50px 0
}
.PageHeader{
background-color:#fff;
color:#333;
}
.PageHeader&gt;.inner{
width:580px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin:0 auto;
padding:20px 0
}
.Button{
margin:0;
padding:15px 65px;
border:none;
border-radius:45px;
background-color:#b50f18;
cursor:pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
line-height:1;
font-size:3rem;
letter-spacing:.03em;
position:relative;
width:100%;
height:90px;
color:#fff;
font-weight:700
}
.Button:after{
top:0;
right:35px;
bottom:0;
content:'';
position:absolute;
width:19px;
height:19px;
border-width:4px 4px 0 0;
border-style:solid;
border-color:#fff #fff transparent transparent;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
margin:auto 0
}
.DataTable:not(:first-child){
margin-top:40px
}
.DataTable&gt;div&gt;dt{
padding:22px 30px;
line-height:1.5;
font-size:2.8rem;
letter-spacing:0;
background-color:#f7f7f7;
color:#182f58;
font-weight:700
}
.DataTable&gt;div&gt;dd{
padding:26px 30px
}
.DataTable&gt;div&gt;dd&gt;p:not(:first-child){
margin-top:28px
}
.PageIndicator{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.PageIndicator&gt;div{
width:17px;
height:17px;
border-radius:50%;
background-color:#c3c3c3
}
.PageIndicator&gt;div:not(:first-child){
margin-left:15px
}
.PageIndicator&gt;div.-current{
background-color:#333
}
.PageTitle{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
line-height:1.45;
font-size:4rem;
letter-spacing:.05em;
height:182px;
margin:0 -30px;
padding:30px;
border-top:2px solid #ededed;
border-bottom:2px solid #ededed;
color:#182f58
}
.Paragraphs:before,.Paragraphs:after{
content:'';
display:block;
height:1px
}
.Paragraphs:before{
margin-bottom:-1px
}
.Paragraphs:after{
margin-top:-1px
}
.Paragraphs&gt;p:not(:first-child){
margin-top:18px
}
.Paragraphs&gt;p:first-child{
margin-top:-6px
}
.Paragraphs&gt;p:last-child{
margin-bottom:-6px
}
.Paragraphs:not(:first-child){
margin-top:40px
}
.TelInformation{
padding:31px 15px 26px;
border:2px solid #c3c3c3;
border-radius:6px;
text-align:center
}
.TelInformation:not(:first-child){
margin-top:40px
}
.TelInformation__message{
line-height:1;
font-size:2.4rem;
letter-spacing:0;
font-weight:700
}
.TelInformation__number{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
font-size:3.6rem;
letter-spacing:0;
margin-top:15px;
color:#ea1717;
font-weight:700
}
.TelInformation__number:before{
content:'';
position:relative;
top:1px;
width:23px;
height:30px;
margin-right:8px;
background:url(../images/components/TelInformation/bg_number_before.svg) no-repeat
}
.FooterCopyright{
margin-top:72px;
margin-bottom:-3px;
line-height:1.27272727273;
font-size:2.2rem;
letter-spacing:.05em;
text-align:center
}
.FooterCopyright:first-child{
margin-top:-3px
}
.FooterCopyright__mark{
font-family:Helvetica,Arial,sans-serif
}
.FooterNav__pageList{
line-height:1;
font-size:2.4rem;
letter-spacing:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.FooterNav__pageList&gt;li{
width:290px;
margin-top:39px;
padding-right:20px
}
.FooterNav__pageList&gt;li:nth-child(-n+2){
margin-top:0
}
.FooterNav__pageList&gt;li&gt;a{
display:inline-block;
position:relative;
padding-left:18px;
vertical-align:top;
text-decoration:none
}
.FooterNav__pageList&gt;li&gt;a,html:not(.is-mobile) .FooterNav__pageList&gt;li&gt;a:hover{
color:inherit
}
.FooterNav__pageList&gt;li&gt;a:before{
top:8px;
left:-3px;
content:'';
position:absolute;
width:9px;
height:9px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#fff #fff transparent transparent;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.HeaderPageId{
line-height:1;
font-size:3rem;
letter-spacing:.03em;
font-weight:300
}
.HeaderPageId&gt;a{
text-decoration:none
}
.HeaderPageId&gt;a,html:not(.is-mobile) .HeaderPageId&gt;a:hover{
color:inherit
}
.Form__item&gt;dd{
margin-top:32px
}
.Form__itemLabel{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start
}
.Form__itemLabel:before,.Form__itemLabel:after{
content:'';
display:block;
height:1px
}
.Form__itemLabel:before{
margin-bottom:-1px
}
.Form__itemLabel:after{
margin-top:-1px
}
.Form__itemName{
margin-top:-6px;
margin-bottom:-6px;
line-height:1.4;
font-size:3rem;
letter-spacing:0;
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
color:#182f58;
font-weight:700
}

.attention{
color:#333;
font-weight:400;
font-size: 2.1rem;
padding-left: 1ex;
}
.Form__itemType{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
font-size:2rem;
letter-spacing:.05em;
-webkit-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0;
width:70px;
height:34px;
margin:-2px 20px -2px 0;
padding-left:.05em;
border-radius:4px;
color:#fff;
font-weight:700
}
.Form__itemType.-optional{
background-color:#1592c6
}
.Form__itemType.-required{
background-color:#d93535
}
.Form__holder.has-select{
position:relative
}
.Form__holder.has-select:after{
top:0;
right:24px;
bottom:8px;
content:'';
position:absolute;
width:18px;
height:18px;
border-width:4px 4px 0 0;
border-style:solid;
border-color:#909090 #909090 transparent transparent;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
margin:auto 0;
pointer-events:none
}
.Form__holder.has-inputLabel{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-webkit-align-items:flex-end;
-ms-flex-align:end;
align-items:flex-end
}
.Form__input,.Form__textarea,.Form__select{
padding:18px 21px;
line-height:1.5;
font-size:3.2rem;
letter-spacing:0;
width:100%;
min-width:0;
border:2px solid #c3c3c3;
border-radius:6px;
-webkit-transition:border-color .25s cubic-bezier(.215,.61,.355,1),background-color .25s cubic-bezier(.215,.61,.355,1);
transition:border-color .25s cubic-bezier(.215,.61,.355,1),background-color .25s cubic-bezier(.215,.61,.355,1);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.Form__input:focus,.Form__textarea:focus,.Form__select:focus{
border-color:#666;
outline:none
}
.Form__input.is-error,.Form__textarea.is-error,.Form__select.is-error{
border-color:#d93535;
background-color:#ffeded
}
.Form__select{
padding-right:57px;
background-color:#fff;
cursor:pointer
}
.Form__select::-ms-expand{
display:none
}
.Form__inputLabel{
line-height:1;
font-size:3rem;
letter-spacing:0;
-webkit-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0;
margin-left:40px;
font-weight:700
}
.Form__inputList{
line-height:1.4;
font-size:3rem;
letter-spacing:0
}
.Form__inputList:before,.Form__inputList:after{
content:'';
display:block;
height:1px
}
.Form__inputList:before{
margin-bottom:-1px
}
.Form__inputList:after{
margin-top:-1px
}
.Form__inputList&gt;li:not(:first-child){
margin-top:20px
}
.Form__inputList&gt;li:first-child{
margin-top:-6px
}
.Form__inputList&gt;li:last-child{
margin-bottom:-6px
}
.Form__inputList&gt;li{
overflow:hidden;
position:relative
}
.Form__inputList&gt;li&gt;label{
display:inline-block;
vertical-align:top;
cursor:pointer
}
.Form__inputList&gt;li&gt;label&gt;input{
position:absolute;
right:120%
}
.Form__inputList&gt;li&gt;label&gt;span{
display:inline-block;
padding-left:62px;
vertical-align:top
}
.Form__inputList&gt;li&gt;label&gt;span:before{
top:2px;
left:0;
content:'';
position:absolute;
width:38px;
height:38px;
border:2px solid #c3c3c3
}
.Form__inputList&gt;li&gt;label&gt;span:after{
content:'';
position:absolute;
opacity:0;
-webkit-transition:opacity .25s cubic-bezier(.215,.61,.355,1);
transition:opacity .25s cubic-bezier(.215,.61,.355,1)
}
.Form__inputList&gt;li&gt;label&gt;:checked+span:after{
opacity:1
}
.Form__inputList.-radio&gt;li&gt;label&gt;span:before{
border-radius:50%
}
.Form__inputList.-radio&gt;li&gt;label&gt;span:after{
top:10px;
left:8px;
width:22px;
height:22px;
border-radius:50%;
background-color:#3e4042
}
.Form__inputList.-checkbox&gt;li&gt;label&gt;span:before{
border-radius:6px
}
.Form__inputList.-checkbox&gt;li&gt;label&gt;span:after{
top:13px;
left:6px;
width:26px;
height:11px;
border-bottom:3px solid #3e4042;
border-left:3px solid #3e4042;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.Form__radioButtonList{
line-height:1.26923076923;
font-size:2.6rem;
letter-spacing:0;
font-weight:700
}
.Form__radioButtonList&gt;li{
overflow:hidden;
position:relative
}
.Form__radioButtonList&gt;li:not(:first-child){
margin-top:30px
}
.Form__radioButtonList&gt;li&gt;label{
display:block;
cursor:pointer
}
.Form__radioButtonList&gt;li&gt;label&gt;input{
position:absolute;
right:120%
}
.Form__radioButtonList&gt;li&gt;label&gt;span{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
height:100px;
padding:15px;
border-radius:6px;
background-color:#fedddd;
text-align:center;
-webkit-transition:background-color .25s cubic-bezier(.215,.61,.355,1),color .25s cubic-bezier(.215,.61,.355,1);
transition:background-color .25s cubic-bezier(.215,.61,.355,1),color .25s cubic-bezier(.215,.61,.355,1)
}
.Form__radioButtonList&gt;li&gt;label&gt;:checked+span{
background-color:#b50f18;
color:#fff
}
.Form__supplement{
margin-top:23px;
margin-bottom:-7px;
line-height:1.5;
font-size:3rem;
letter-spacing:0
}
.Form__supplement:first-child{
margin-top:-7px
}
.Form__error{
margin-top:24px;
margin-bottom:-6px;
line-height:1.5;
font-size:2.6rem;
letter-spacing:0;
color:#d93535
}
.Form__error:first-child{
margin-top:-6px
}
.PrivacyPolicy__revision{
margin-top:70px;
text-align:right
}
.Section:before,.Section:after{
content:'';
display:block;
height:1px
}
.Section:before{
margin-bottom:-1px
}
.Section:after{
margin-top:-1px
}
.Section__title{
margin-top:-8px;
line-height:1.5;
font-size:3.2rem;
letter-spacing:0;
padding-bottom:20px;
border-bottom:2px solid #ededed;
color:#182f58
}
.Section .Section .Section__title{
margin-top:-7px;
margin-bottom:-7px;
line-height:1.5;
font-size:2.8rem;
padding-bottom:0;
border-bottom:none
}
.Section .Section .Section .Section__title{
margin-top:-6px;
margin-bottom:-6px;
line-height:1.5;
font-size:2.4rem
}
.Section__content{
margin-top:50px
}
.Section .Section .Section__content{
margin-top:30px
}
.SectionContainer:not(:first-child){
margin-top:70px
}
.SectionContainer .SectionContainer:not(:first-child){
margin-top:55px
}
.SectionContainer .SectionContainer .SectionContainer:not(:first-child){
margin-top:40px
}
.Test{
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
padding:0 30px 120px;
background:url(../img/bg2.png) no-repeat left 0px top 5px,url(../img/bg.png) no-repeat center bottom #F3FBE2
}
.Test__title{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:flex-end;
line-height:1;
font-size:4rem;
letter-spacing:.1em;
height:200px;
color:#fff;
text-shadow: 2px 2px 2px  #003064;
}
.Test__title.-ex2{
font-size:2.8rem;
letter-spacing:0;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
height:200px;
padding-top:24px
}
.Test__title.-ex2&gt;b{
font-size:6.4rem;
letter-spacing:0;
display:block;
margin-top:12px
}
.Test__title img{
width: 100%;
margin:  0 auto;
}

.Test__content{
position:relative;
padding:50px 30px;
border-radius:10px;
background-color:#fff
}
.Test__notes{
margin-top:-6px;
margin-bottom:-6px;
text-align:center
}
.Test__itemContainer{
margin-top:40px
}
.Test__item:not(:first-child){
margin-top:50px
}
.Test__submit{
margin-top:60px
}
.Test__back{
margin-top:44px;
margin-bottom:-6px;
line-height:1.5;
font-size:2.6rem;
letter-spacing:0;
font-weight:700
}
.Test__back:first-child{
margin-top:-6px
}
.Test__back&gt;a{
display:inline-block;
position:relative;
padding-left:32px;
vertical-align:top;
text-decoration:none
}
.Test__back&gt;a,html:not(.is-mobile) .Test__back&gt;a:hover{
color:inherit
}
.Test__back&gt;a:before{
top:0;
right:0;
bottom:0;
left:5px;
content:'';
position:absolute;
width:20px;
height:20px;
border-width:4px 4px 0 0;
border-style:solid;
border-color:#333 #333 transparent transparent;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
margin:auto 0
}
.TestResult__lead{
margin-top:-6px;
margin-bottom:-6px;
line-height:1.4;
font-size:3rem;
letter-spacing:0;
color:#182f58;
text-align:center
}
.TestResult__description:before,.TestResult__description:after{
content:'';
display:block;
height:1px
}
.TestResult__description:before{
margin-bottom:-1px
}
.TestResult__description:after{
margin-top:-1px
}
.TestResult__description&gt;p:not(:first-child){
margin-top:28px
}
.TestResult__description&gt;p:first-child{
margin-top:-6px
}
.TestResult__description&gt;p:last-child{
margin-bottom:-6px
}
.TestResult__description:not(:first-child){
margin-top:40px
}
.TestResult.-thanks .TestResult__description{
text-align:center
}
.u-hidden{
clip:rect(0 0 0 0);
overflow:hidden;
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
border:0
}
.u-space-section-far{
margin-top:70px!important
}
.u-space-section{
margin-top:55px!important
}
.u-spaace-section-near{
margin-top:40px!important
}

/*エラーメッセージ*/
#alert {
    margin: 15px 0;
    padding: 14px 10px;
    border: 3px solid #d93535;
    text-align: left;
    border-radius: 10px;
    background: #ffdddd;
}
#alert p {
    padding: 14px 0;
    color: #d93535;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #fff;
}
#alert li {
    background: #ffdddd;
    color: #d93535;
    border: none;
    margin: 10px;
    padding: 5px;
    font-size: 1em;
}
#alert a {
    color: #d93535;
    text-decoration: none;
    font-weight: bold;
}


/*モーダル追記*/

.modal-btn {
    background-color: #fff;
    background-repeat: no-repeat;

    display: block;
    text-align: left;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-position: right;
    background-size: 40px;
    
    padding: 18px 21px;
    line-height: 1.5;
    font-size: 3.2rem;
    letter-spacing: 0;
    width: 100%;
    min-width: 0;
    border: 2px solid #c3c3c3;
    border-radius: 6px;
    padding-right: 57px;
    cursor: pointer;
    transition: border-color .25s cubic-bezier(.215,.61,.355,1),background-color .25s cubic-bezier(.215,.61,.355,1);
    appearance: none;
}


.modal-body .chiiki ul{
	border: 1px solid rgba(0,0,0,.125);
}

.modal li.list-group-item{
	cursor: pointer;
}
.modal .list-group-item-success.active {
	background-color: #155724;
	border-color: #155724;
}

.modal-backdrop {
    width: 100%;
    height: 100%;
}
.close {
    font-size: 3rem;
    font-weight: 400;
}

.thanks-tel{
width: 100%;
margin: 20px auto;
border: 2px #333 solid;
border-radius: 15px;
padding: 25px 20px;
}
.thanks-tel ul li{
list-style: none;
font-size: 4rem;
font-weight: 600;
padding-top: 5px;
margin-left: 10px;
}
.thanks-tel ul li::before{
content: "";
display: inline-block;
background: url("../img/tel.svg") no-repeat;
background-size: contain;
width: 3.5rem;
height: 3.5rem;
margin-right: 6px;
margin-bottom: -3px;
}
.txt-size-s{
font-size: 2.2rem;
}

@media only screen and (max-width: 520px) {
.modal{
font-size: 3rem;
line-height: 2;
}
.modal-header .close {
    padding: 3rem 3rem;
    margin: -3rem -3rem -3rem auto;
}
.close {
    font-size: 4rem;
}
}
/*last_coment*/

.last_coment{
background-color: #FFFBBF;
padding: 20px 10px;
width: 100%;
margin: 0px auto 30px;
border-radius: 14px;
text-align: center;
font-size: 2.6rem;
font-weight: bold;
color: #DC1F3D;
}

.last_coment span{
font-weight: 400;
color: #333;
font-size: 1.8rem;
}



/*thanks-estate サンクス不動産リンク*/
.thanks-estate{
width: 100%;
padding: 20px;
background-color: #3F3833;
color: #fff;
text-align: center;
margin-top: 30px;
}
.thanks-estate p{
font-size: 2rem;
}
.thanks-estate p span{
font-size: 2.3rem;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  width:100%;
  margin: 10px auto;
  font-size: 2rem;
  border-radius: 60px;
  position: relative;
  font-weight: bold;
  text-align: left;
  padding: 10px 20px;
  border-bottom: 5px solid #b84c00;
}

.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
  margin: 15px auto 10px;
  border-bottom: none;
  transition-duration: 0.2s;
}
a.btn--orange p{
    color: #fff;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.fa-position-left {
  position: absolute;
  top: calc(50% - 0.8em);
  left: 2rem;
}
.fa-home::before {
  font-size: 3rem;
  color: #eb6100;
  background-color: #fff;
  padding: 1rem 0.8rem;
  border-radius: 3rem;
}
.fa-chevron-right::before{
  font-size: 3rem;
  color: #fff;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - 0.9em);
  right: 3rem;
}
a.btn--orange p{
font-size: 2.2rem;
}
a.btn--orange span.t-y{
color: #FFED9E;
}
a.btn--orange span.t-big{
font-size: 2.6rem;
}

.btn--radius,
a.btn--radius,
button.btn--radius
{
    border-radius: 100vh;
}

/*プライバシーチェック用*/
.pp-check{
    font-size: 2.5rem;
    letter-spacing: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #182f58;
    font-weight: 500;
}

.pp-check input[type=checkbox] {
  position: relative;
  width: 3rem;
  height: 3rem;
  border: 1px solid gray;
  /* Adjusts the position of the checkboxes on the text baseline */
  vertical-align: -2px;
  /* Set here so that Windows' High-Contrast Mode can override */
  color: #444;
}

.pp-check input[type=checkbox]::before {
  content: "✔";
  position: absolute;
  font-size: 3rem;
  right: 0;
  top: -1rem;
  visibility: hidden;
}

.pp-check input[type=checkbox]:checked::before {
  /* Use `visibility` instead of `display` to avoid recalculating layout */
  visibility: visible;
}

.pp-check input[type=checkbox]:disabled {
  border-color: black;
  background: #ddd;
  color: gray;
}

.color_disabled {
background-color: #ddd !important;
}

.display_disabled {
display: none;
}

.Button em span {
    -webkit-animation: letter_anime 1s ease -2s infinite alternate;
    animation: letter_anime 1s ease -2s infinite alternate;
    /*
    position: relative;
    font-size:20px;
    font-size:2.0rem;
    */
}
@-webkit-keyframes letter_anime {
    from {
    opacity: 0;
    }
    to {
    opacity: 1;
    }
}
@keyframes letter_anime {
    from {
    opacity: 0;
    }
    to {
    opacity: 1;
    }
}

.Button em span:nth-of-type(2) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.Button em span:nth-of-type(3) {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}
.Button em span:nth-of-type(4) {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}
.Button em span:nth-of-type(5) {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
.Button em span:nth-of-type(6) {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.annotation {
  margin-top: 20px;
  font-size: 2.5rem;
}

</pre></body></html>