@charset "utf-8";
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
margin: 0;
padding: 0;
border: 0;
background: 0 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
box-sizing: border-box
}
body,html {
position: relative;
width: 100%;
margin: 0;
padding: 0;
color: #000;
line-height: 1;
font-weight: 500;
font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif
}
body>iframe,body>img {
display: none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
nav ul,ol,ul {
list-style: none
}
blockquote,q {
quotes: none
}
blockquote:after,blockquote:before,q:after,q:before {
content: '';
content: none
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: 700
}
del {
text-decoration: line-through
}
abbr[title],dfn[title] {
border-bottom: 1px dotted;
cursor: help
}
table {
border-collapse: collapse;
border-spacing: 0
}
input,select {
vertical-align: middle;
-webkit-appearance: button;
}
img {
display: block;
width: 100%;
height: auto;
vertical-align: bottom
}
svg {
fill: currentColor;
}
a{color: currentColor;}

body>iframe,body>img {
display: none
}
#noscript {
display: table;
margin: 0 auto;
padding: 20px 10px;
color: red;
font-size: 16px;
line-height: 1.2
}
.red{color:#ce0000;}

.txt_link{
text-decoration: none;
position: relative;
padding-left: 1.3rem;
color: #1565c0;
}
.txt_link:hover{color: #f00;}

.txt_link:after{
content:"";
position:absolute;
left: 0;
bottom: 30%;
width: 7px;
height: 7px;
border-top: 3px solid #004066;
border-right: 3px solid #004066;
transform: rotate(45deg);
}
.clearfix:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:block;
zoom: 1;
}
#header {
width: 100%;
}
.header_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
width: 100%;
height: 12vw;
margin: 0 auto;
padding: 0 2.67vw
}
.header_h1 {
font-weight: 500;
font-size: 3.2vw;
line-height: 1.25;
text-align: right
}
.header_logo {
width: 32vw;
}
#mv {  padding: 0 0 1px;}
.mv_txt{
margin: 1rem;
font-size: 0.85rem;
line-height: 1.2;
}
.section_title{
padding: 3rem 0.5rem 2rem;
margin-bottom: 2rem;
font-weight: bold;
font-size: 1.3rem;
line-height: 1.267;
text-align: center;
position:relative;
}
.section_title:after{
content:"";
display:block;
position:absolute;
bottom:0;
left: 50%;
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
width:100px;
height:5px;
background:#004066;
}
.titleBalloon {
display: table;
margin: 0 auto 2vw;
font-size: 1.2rem;
}
.section_txt{
line-height: 1.6;
margin: 0 1rem 1.5rem;
text-align: center;
}
.line_ttl{
padding: 2.6rem 0 3rem;
font-weight: bold;
font-size: 1.3rem;
line-height: 1.267;
text-align: center;
background: url(/lp/campaign/sumikae/images/img_line.png) no-repeat center 100%;
background-size:90%;
margin: 0 0 2rem;
color: #004066;
}
.img_CP{
max-width: 463px;
margin: 0 auto;
}
#Bukken {
overflow: hidden;
}
#Support{
background: #effaff;
margin-top: 1rem;
}
.Bukken_block01 {
margin: 0 1rem 1rem;
background: #f7f3e9;
padding: 1rem;
}
.Bukken_block01 ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.Bukken_block01 ul li{
width: 48%;
margin: 0 0 1rem;
}
.Bukken_block01 .LinkButton{
background: #e38b00;
border: 1px solid #e38b00;
width: 100%;
margin: 0;
font-weight: bold;
}
.Bukken_block01 .LinkButton:hover ,
.Bukken_block01 .LinkButton:focus  {
color: #e38b00;;
background-color: #fff;
opacity: 1;
}
.Bukken_block01 p{
margin-top: 0.4rem;
text-align: center;
line-height: 1.3;
letter-spacing: -0.01rem;
font-size: 0.85rem;
}
.Bukken_block01 p em{font-size: 1.4rem;font-style: normal;}

.Support_block01{
margin: 0 1rem;
}
.Support_block01 ul li{
margin: 0 0 1.4rem;
}
#Support .Bukken_block01 {
background: none;
padding: 0 0 1rem;
}
.Servicet_block01{
margin: 0 1rem 0;
}
.Purchase__contentList{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-around;
}
.Purchase__contentList li{
width: 47%;
background: #f7f3e9;
margin-bottom: 1rem;
}
.Purchase__contentList li span{
text-align: center;
font-weight: bold;
line-height: 1.4;
font-size: 0.9rem;
display: block;
padding: 0.6rem 0;
}
.Purchase__contentList li:nth-of-type(1) span,
.Purchase__contentList li:nth-of-type(2) span{padding: 1.2rem 0;}
@media (max-width: 767px) {
.Proposition__questionsBaloons .Baloons:first-child {
margin-right: auto;
margin-left: auto;
}
}
.Proposition__questionsBaloons .Baloons:first-child::after {
border-width: 8px 6px 0 6px;
}
.Proposition__questionsBaloons .Baloons:nth-child(2)::after {
border-width: 8px 0 0 12px;
}
.Proposition__questionsBaloons .Baloons:last-child::after {
border-width: 8px 12px 0 0;
}
@media (max-width: 767px) {
.Proposition__questionsBaloons.-noArrow .Baloons:first-child {
width: 47.5%
}
}
.Proposition__questionsBaloons.-noArrow .Baloons::after {
content: none;
}
.Proposition__questionsIcon {
width: 3rem;
margin: 0 1rem 0 auto;
}
.Proposition__questionsIcon img {
display: block;
width: 100%;
height: auto;
}
.lst__note {
list-style: none;
counter-reset: note;
color: #303030;
padding: 10px 10px;
margin: 1rem auto 2rem;
max-width: 1000px;
}
.lst__note li {
font-size: 14px;
font-size: .875rem;
line-height: 1.3;
counter-increment: note;
padding-left: 14px;
padding-left: 1rem;
text-indent: -14px;
text-indent: -1rem;
}
.lst__note_ttl {
margin: 1.4rem 0 0.4rem;
font-size: 0.9rem;
font-weight: bold;
}
.lst__note_ttl02 {
margin: 10px 0 5px;
font-size: 0.9rem;
font-weight: bold;
}
.lst__note li a{  color:#1565c0;}
.lst__note li a:hover{text-decoration:none;}

.LinkButton {
/* NOTE: blue background button */
color: #fff;
text-align: center;
text-decoration: none;
background-color: #004066;
border: 1px solid #004066;
transition-duration: 400ms;
transition-property: color, background-color;
font-size: 4.3vw;
position: relative;
display: block;
width: 90%;
margin: 2rem auto 0;
line-height: 1.3;
padding: 21px 10px;
}
a:hover .LinkButton,
a:focus .LinkButton {
color: #004066;
color: var(--color-blue);
background-color: #fff;
opacity: 1;
}
.LinkButton svg {
position: absolute;
top: 50%;
right: 5%;
z-index: 1;
width: 0.4em;
transform: rotate(0) translateY(-50%);
transform-origin: top left;
}
.footer_logo {
width: 60.13vw;
margin: 0 auto 6.67vw
}
#page_top {
display: none;
position: fixed;
bottom: 2.67vw;
right: 2.67vw;
z-index: 9999;
width: 15.47vw
}
#page_top a {
display: block
}
#page_top a:hover {
opacity: .8
}
#footer {
padding: 5.33vw 0 21.33vw;
background-color: #a1a0a0
}
.footer_flex {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 2vw
}
.footer_flex li {
padding: 0 2vw;
border-right: 1px solid #fff
}
.footer_flex li:last-child {
border: none
}
.footer_flex li a {
color: #fff;
font-weight: 700;
font-size: 2.67vw;
text-decoration: none
}
.footer_flex li a:hover {
text-decoration: underline
}
.copyright {
color: #fff;
font-size: 2.67vw;
text-align: center
}
@media (max-width: 750px) {
.el_pc {
display:none
}
}
@media (min-width: 751px) {
.el_sp {
display:none
}
.header_wrapper {
width: 95.24vw;
height: 6.48vw;
margin: 0 auto;
padding: 0
}
.header_h1 {
font-size: 1.81vw
}
.header_logo {
width: 17vw;
}
#mv {
margin: 0 auto;
}
.mv_title {
margin: 0 auto;
height: 280px;
background: url(/lp/campaign/sumikae/images/main_cp_pc.jpg) no-repeat center center;
background-size: cover;
}
.section_title{
font-size: 1.75rem;
}
.titleBalloon {
margin: 0 auto 1.86vw;
font-size: 1.4rem;
}
.line_ttl{
background-size: 60%;
}
.kaikae_block01{
width: auto;
margin: 0 auto 4vw;
}
.Bukken_block01 ul li{
width: 24%;
}
.Support_block01 ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 1rem 0;
}
.Support_block01 dl{
width: 49%;
margin: 0 0 1rem;
line-height: 1.8;
}
.Support_block01 ul li{
width: 49%;
}

.Purchase__contentList li{
width: 30%;
}
.LinkButton:hover {
	color: #004066;
	background-color: #fff;
}
.LinkButton {
font-size: 0.9rem;
}
.LinkButton {
max-width: 400px;
width: 100%;
padding: 1.7rem 2rem 1.7rem 1rem;
margin-top: 30px;
line-height: 1.71;
font-size: 1rem;
}

.lst__note li{font-size: 1rem;line-height: 1.4;}

.footer_logo {
width: 28.67vw;
margin: 0 auto 4.29vw;
padding: 1.9vw 0 0
}
#page_top {
width: 6.67vw
}
#footer {
padding: 2.86vw 0
}
.footer_flex {
margin: 0 0 1.9vw
}
.footer_flex li {
padding: 0 2.86vw
}
.footer_flex li a {
font-size: 1.33vw
}
.copyright {
font-size: 1.14vw
}
.form_title{
font-size: 3vw;
}
.form_title span{
font-size: 1.2rem;
margin-right: 10px;
}
.form_field {
padding: 1.9vw 0;
display: -webkit-box;/*--- Androidブラウザ用 ---*/
display: -ms-flexbox;/*--- IE10 ---*/
display: -webkit-flex;/*--- safari（PC）用 ---*/
display: flex;
width: 100%;
}
.form_field ul {
display: flex;
justify-content: center;
align-items: center;
width: 75%;
}
.form_field li {
width: 20vw;
height: 5.71vw;
margin: 0 5vw 0 .95vw;
padding: .19vw;
}
.form_field li:before {
right: 1.43vw;
width: .95vw;
height: .95vw;
border-bottom: .29vw solid #000;
border-left: .29vw solid #000;
transform: rotate(-45deg) translate(50%,-50%)
}
.form_field li:after {
right: -4.24vw;
width: 3.5vw;
height: 3.5vw;
}
.form_field li select {
padding: 0 1.9vw;
font-size: 1.9vw;
}
.__assessment {
margin: 0;
position: static;
}
.__assessment:before {
/* top: -3.62vw; */
/* border-top: 2.38vw solid #87a3bc; */
/* border-left: 4.29vw solid rgba(255,255,255,0); */
/* border-right: 4.29vw solid rgba(255,255,255,0) */
content: none;
}
.btn__assessment {
height: auto;
font-size: 2.2vw;
width: auto;
padding: 10px;
}
.btn__assessment:disabled {
}
}
@media (min-width: 1050px) {
.header_wrapper {
width: 1000px;
height: 68px
}
.header_h1 {
font-size: 19px
}
.header_logo {
width: 153px;
}
.mv_title {
height: 408px;
background-size: 1900px 408px;
}
.mv_txt {width: 1000px;margin: 1rem auto;}

.section_title{
 margin: 1.5rem auto 2rem;
 font-size: 30px;
}
.line_ttl{
background-size: 501px;
font-size: 1.6rem;
}
.titleBalloon { margin: 0 auto 10px;}

.LinkButton{ font-size: 1.1rem;}

.Bukken_block01{
max-width: 1000px;
margin: 0 auto;
}
.Bukken_block01 p{
font-size: 1.1rem; 
}
.Bukken_block01 p em{
font-size: 1.6rem;
}
#Support{
margin-top: 3rem;
}
.Support_block01{
max-width: 1000px;
margin: 0 auto;
}
.Purchase__contentList{
max-width: 1000px;
margin: 0 auto;
}
.Purchase__contentList li{
width: 19%;
}
.footer_logo {
width: 276px;
margin: 0 auto 45px;
padding: 20px 0 0
}
#page_top {
width: 70px
}
#footer {
padding: 30px 0
}
.footer_flex {
margin: 0 0 20px
}
.footer_flex li {
padding: 0 30px
}
.footer_flex li a {
font-size: 14px
}
.copyright {
font-size: 12px
}
.form_title{
font-size: 1.6rem;
padding: 14px 0 5px;
}
.form_title span{
font-size: 1.5rem;
}
.blk__select-field {
width: 1000px;
padding: 0 0 4rem;
}
.form_field {
padding: 20px 0
}
.form_field li {
width: 210px;
height: 50px;
margin: 0 50px 0 10px;
padding: 2px;
}
.form_field li:before {
right: 15px;
width: 10px;
height: 10px;
border-bottom: 3px solid #000;
border-left: 3px solid #000
}
.form_field li:after {
right: -40px;
width: 35px;
height: 35px;
}
.form_field li select {
padding: 0 20px;
font-size: 18px;
}
.__assessment {
/* margin: 50px 0 0; */
width: 220px;
}
.__assessment:before {
}
.btn__assessment {
font-size: 22px;
}
}