@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------
particles
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Merienda');
#canvas {
width: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
z-index:0;
}

/*----------------------------------------------------------
load
----------------------------------------------------------*/
#loading-bg{
width: 100%;
height: 100vh;
background: #fff;
position: fixed;
left: 0;
top: 0;
z-index: 10;
}
#loading-bg .circle{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#loading-bg .circle span{ 
width: 15px;
height: 15px;
background: linear-gradient(#48c384, #0d9851);
border-radius: 50%;
padding: 5px; 
display: inline-block;
}

#loading-bg .circle span:nth-child(1){
animation: circleAnim 0.5s ease-in-out infinite;
}

#loading-bg .circle span:nth-child(2){
animation: circleAnim 0.5s ease-in-out infinite 0.05s;
}

#loading-bg .circle span:nth-child(3){
animation: circleAnim 0.5s ease-in-out infinite 0.1s;
}

#loading-bg .circle span:nth-child(4){
animation: circleAnim 0.5s ease-in-out infinite 0.15s;
}

#loading-bg .circle span:nth-child(5){
animation: circleAnim 0.5s ease-in-out infinite 0.2s;
}

@keyframes circleAnim{
0%{ transform: translateY(0); }
50%{ transform: translateY(-30px); }
100%{ transform: translateY(0); }
}

#loading-bg .txt{
color: #0d9851;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 3px;
margin: 10px auto 0;
position: absolute;
left: 50%;
top: calc(50% + 30px);
transform: translate(-50%, calc(-50% - 15px));
}

/*----------------------------------------------------------
wrapper
----------------------------------------------------------*/
.setsumon{
min-height: 100vh;
background: #e7f1eb;
}
.setsumon #header{
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.setsumon #footer{
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
}
.setsumon .container{
padding: 160px 0;
}
.result .container{
background: url("../img/webp/result/bg_01.webp");
padding: 20px 0 40px;
}
@media (max-width: 768px){
.setsumon .container{
padding: 9.0rem 0 8.0rem;
}
.result .container{
background-size: 150% auto;
background-position: 20% 0;
padding: 2.0rem 0 4.0rem;
}
}

.result {
background: #e7f1eb;
}
.result .container > .txt{
width: 940px;
background: linear-gradient(#48c384, #0d9851);
color: #fff;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
letter-spacing: 3px;
border-radius: 10px;
margin: 0 auto 20px;
padding: 10px 0 7px;
position: relative;
}
.result .container > .txt::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 10px 0 10px;
border-color: #0d9851 transparent transparent transparent;
position: absolute;
left: 50%;
bottom: -14px;
margin-left: -10px;
}
@media (max-width: 768px){
.result {
padding: 0 0 5.5rem;
}
.result .container > .txt{
width: auto;
font-size: 1.4rem;
border-radius: 0.5rem;
margin: 0 1.5rem 2.25rem;
padding: 0.8rem 0 0.5rem;
}
.result .container > .txt::before{
border-width: 1.0rem 0.8rem 0 0.8rem;
bottom: -0.9rem;
margin-left: -0.8rem;
}
}

/*----------------------------------------------------------
button
----------------------------------------------------------*/
.btnTypeA01{
width: 100%;
text-align: center;
}
.btnTypeA01 a,
.btnTypeA01 #submitBtn{
color: #fff;
font-size: 2.4rem;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 1.0;
letter-spacing: 3px;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 5px solid #d59202;
border-radius: 5px;
padding: 25px 120px 22px;
display: inline-block;
position: relative;
cursor: pointer;
}
.btnTypeA01 a{
background: #ffaf03;
}
.btnTypeA01 #submitBtn{
background: url("../img/webp/setsumon/btn_ico_01.webp"),#ffaf03;
background-size: 12px auto, 100% 100%;
background-repeat: no-repeat, no-repeat;
background-position: bottom 50% right 20px, top center;
}
.btnTypeA01 a::before{
content: "";
width: 12px;
height: 12px;
border-right: 3px solid #fff;
border-top: 3px solid #fff;
position: absolute;
right: 20px;
top: 50%;
margin-top: -8px;
transform: rotate(45deg);
}
.result .sectionB01 .btnTypeA01{
margin-top: 40px;
}
@media (min-width: 769px){
.result .btnTypeA01 a:hover{
background: #ff9300!important;
border-bottom: 5px solid #ef5000;
}
}
@media (max-width: 768px){
.btnTypeA01{
width: auto;
}
.sectionC01 .btnTypeA01,
.sectionE01 .btnTypeA01{
width: 100%;
padding: 0 1.5rem;
}
.btnTypeA01 a,
.btnTypeA01 #submitBtn{
font-size: 1.8rem;
border-bottom: 0.5rem solid #d59202;
border-radius: 0.5rem;
padding: 1.5rem 0 1.2rem;
display: block;
}
.btnTypeA01 #submitBtn{
width: 100%;
background-size: 0.9rem auto, 100% 100%;
background-repeat: no-repeat, no-repeat;
background-position: bottom 50% right 2.0rem, top center;
}
.btnTypeA01 a::before{
width: 0.8rem;
height: 0.8rem;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
right: 1.5rem;
margin-top: -0.4rem;
}
.setsumon .btnTypeA01{
padding: 0 1.5rem;
}
.result .sectionB01 .btnTypeA01{
margin: 1.5rem 1.5rem 0;
}
}

/*----------------------------------------------------------
block
----------------------------------------------------------*/
[class^="blockTypeA"]{
width: 940px;
background: #fff;
border: 3px solid #ebeef2;
border-radius: 20px;
-moz-box-shadow: 0px 5px 0px 0px rgba(17, 40, 74, 1);
-webkit-box-shadow: 0px 5px 0px 0px rgba(17, 40, 74, 1);
-ms-box-shadow: 0px 5px 0px 0px rgba(17, 40, 74, 1);
box-shadow: 0px 5px 0px 0px rgba(17, 40, 74, 1);
margin: 0 auto;
}
@media (max-width: 768px){
[class^="blockTypeA"]{
width: auto;
border: 2px solid #ebeef2;
border-radius: 2.0rem;
-moz-box-shadow: 0px 0.5rem 0px 0px rgba(17, 40, 74, 1);
-webkit-box-shadow: 0px 0.5rem 0px 0px rgba(17, 40, 74, 1);
-ms-box-shadow: 0px 0.5rem 0px 0px rgba(17, 40, 74, 1);
box-shadow: 0px 0.5rem 0px 0px rgba(17, 40, 74, 1);
margin: 0 1.5rem;
}
}

.blockTypeA01{
color: #11284a;
}
.blockTypeA01 .inner{
padding: 60px 0;
}
.blockTypeA01 .inner .title{
font-size: 2.4rem;
font-weight: bold;
text-align: center;
margin: 0 0 30px;
padding: 80px 0 0;
position: relative;
}
.blockTypeA01 .inner .title::before{
content: "";
width: 60px;
height: 60px;
background: url("../img/webp/start/ico_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 50%;
top: 0;
margin-left: -30px;
}
.blockTypeA01 .inner .text{
font-size: 1.8rem;
text-align: center;
margin: 0 0 40px;
}
@media (max-width: 768px){
.blockTypeA01 .inner{
padding: 2.5rem 1.5rem;
}
.blockTypeA01 .inner .title{
font-size: 1.8rem;
margin: 0 0 2.0rem;
padding: 6.0rem 0 0;
}
.blockTypeA01 .inner .title::before{
width: 4.0rem;
height: 4.0rem;
margin-left: -2.0rem;
}
.blockTypeA01 .inner .text{
font-size: 1.4rem;
margin: 0 0 2.0em;
}
}

.blockTypeA02{
color: #11284a;
}
.blockTypeA02 .inner{
padding: 60px 0;
}
.blockTypeA02 .inner .number{
text-align: center;
margin: 0 0 40px;
}
.blockTypeA02 .inner .number img{
width: 120px;
}
.blockTypeA02 .inner .text{
font-size: 3.2rem;
font-weight: bold;
text-align: center;
margin: 0 0 40px;
}
.blockTypeA02 .inner .text#last_txt{
font-size: 2.8rem;
margin: 0 0 20px;
}
.blockTypeA02 .inner .normal_btn{
width: 100%;
margin: 0 0 40px;
padding: 0 40px;
display: flex;
}
.blockTypeA02 .inner .normal_btn > li{
width: 25%;
text-align: center;
position: relative;
}
.blockTypeA02 .inner .normal_btn > li input[type="radio"]{
width: 100%;
height: 100%;
margin: 0;
position: absolute;
left: 0;
top: 0;
display: block;
cursor: pointer;
opacity: 0;
z-index: 2;
}
.blockTypeA02 .inner .normal_btn > li label{
font-size: 1.8rem;
font-weight: bold;
padding: 100px 0 0;
display: block;
position: relative;
}
.blockTypeA02 .inner .normal_btn > li label::before{
content: "";
width: 90px;
height: 90px;
background: #ebeef2;
border-radius: 100px;
position: absolute;
left: 50%;
top: 0;
margin-left: -45px;
}
.blockTypeA02 .inner .normal_btn > li input[type="radio"]:checked + label::before{
background: #ffaf03;
}
.blockTypeA02 .inner .normal_btn > li label::after{
content: "";
width: 40px;
height: 40px;
background: #fff;
border-radius: 100px;
position: absolute;
left: 50%;
top: 25px;
margin-left: -20px;
}
.blockTypeA02 .inner .last_btn{
width: 100%;
margin: 0 0 40px;
padding: 0 40px;
display: flex;
flex-wrap: wrap;
}
.blockTypeA02 .inner .last_btn > li{
width: 50%;
text-align: center;
margin: 0 0 20px;
padding: 0 10px;
position: relative;
}
@media (min-width: 769px){
.blockTypeA02 .inner .last_btn > li:nth-last-child(-n+2){
margin-bottom: 0;
}
}
.blockTypeA02 .inner .last_btn > li input[type="radio"]{
width: 100%;
height: 100%;
margin: 0;
position: absolute;
left: 0;
top: 0;
display: block;
cursor: pointer;
opacity: 0;
z-index: 2;
}
.blockTypeA02 .inner .last_btn > li label{
background: #ebeef2;
font-size: 2.2rem;
font-weight: bold;
border-radius: 10px;
padding: 15px 0 12px;
display: block;
position: relative;
}
.blockTypeA02 .inner .last_btn > li input[type="radio"]:checked + label{
background: #ffaf03;
color: #fff;
}
@media (max-width: 768px){
.blockTypeA02 .inner{
padding: 2.5rem 0;
}
.blockTypeA02 .inner .number{
margin: 0 0 2.5rem;
}
.blockTypeA02 .inner .number img{
width: 8.0rem;
}
.blockTypeA02 .inner .text{
font-size: 1.6rem;
margin: 0 0 3.5rem;
}
.blockTypeA02 .inner .text#last_txt{
font-size: 1.6rem;
margin: 0 0 1.5rem;
}
.blockTypeA02 .inner .normal_btn{
margin: 0 0 3.5rem;
padding: 0;
}
.blockTypeA02 .inner .normal_btn > li label{
font-size: 1.0rem;
letter-spacing: -1px;
padding: 7.0rem 0 0;
}
.blockTypeA02 .inner .normal_btn > li label::before{
width: 6.0rem;
height: 6.0rem;
margin-left: -3.0rem;
}
.blockTypeA02 .inner .normal_btn > li label::after{
width: 2.4rem;
height: 2.4rem;
top: 1.8rem;
margin-left: -1.2rem;
}
.blockTypeA02 .inner .last_btn{
margin: 0 0 3.5rem;
padding: 0 1.5rem;
display: block;
}
.blockTypeA02 .inner .last_btn > li{
width: 100%;
margin: 0 0 1.5rem;
padding: 0;
}
.blockTypeA02 .inner .last_btn > li label{
width: 100%;
font-size: 1.6rem;
border-radius: 1.0rem;
padding: 1.0rem 0 0.7rem;
}
}

.blockTypeB01{
margin: 40px 0 80px;
padding: 0 60px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blockTypeB01 .block{
width: 390px;
background: #f3f8fc;
border-radius: 20px;
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
margin: 0 0 25px;
overflow: hidden;
}
@media (min-width: 769px){
.blockTypeB01 .block:nth-child(odd){
margin-right: 25px;
}
.blockTypeB01 .block:nth-last-child(-n+2){
margin-bottom: 0;
}
}
.blockTypeB01 .block .ttl{
background: linear-gradient(#3db3e9, #0084c1);
text-align: center;
padding: 15px 0 12px;
}
.blockTypeB01 .block .ttl span{
color: #fff;
font-size: 1.8rem;
font-weight: bold;
padding: 0 0 0 40px;
display: inline-block;
position: relative;
}
.blockTypeB01 .block .ttl span b{
margin: 0 0 0 10px;
display: inline-block;
}
.blockTypeB01 .block:nth-child(1) .ttl span::before{
content: "";
width: 30px;
height: 30px;
background: url("../img/webp/result/point_ico_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: 50%;
margin-top: -16px;
}
.blockTypeB01 .block:nth-child(2) .ttl span::before{
content: "";
width: 40px;
height: 28px;
background: url("../img/webp/result/point_ico_02.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: -16px;
top: 50%;
margin-top: -15px;
}
.blockTypeB01 .block:nth-child(3) .ttl span::before{
content: "";
width: 28px;
height: 34px;
background: url("../img/webp/result/point_ico_03.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: 50%;
margin-top: -17px;
}
.blockTypeB01 .block:nth-child(4) .ttl span::before{
content: "";
width: 40px;
height: 31px;
background: url("../img/webp/result/point_ico_04.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: -12px;
top: 50%;
margin-top: -15px;
}
.blockTypeB01 .block .txt{
font-size: 1.6rem;
padding: 20px;
}
.blockTypeB01 .block .txt b{
background: linear-gradient(transparent 55%, #ffd67f 55%);
font-weight: bold;
}
@media (max-width: 768px){
.blockTypeB01{
margin: 2.0rem 0 2.0rem;
padding: 0 1.5rem;
display: block;
}
.blockTypeB01 .block{
width: 100%;
border-radius: 1.0rem;
-moz-box-shadow: 0.25rem 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0.25rem 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0.25rem 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0.25rem 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.1);
margin: 0 0 1.0rem;
}
.blockTypeB01 .block:nth-last-child(1){
margin-bottom: 0;
}
.blockTypeB01 .block .ttl{
text-align: left;
padding: 1.0rem 0 1.0rem 1.5rem;
}
.blockTypeB01 .block .ttl span{
font-size: 1.4rem;
padding: 0 0 0 4.0rem;
}
.blockTypeB01 .block .ttl span b{
margin: 0 0 0 1.0rem;
}
.blockTypeB01 .block:nth-child(1) .ttl span::before{
width: 2.5rem;
height: 2.5rem;
margin-top: -1.25rem;
}
.blockTypeB01 .block:nth-child(2) .ttl span::before{
width: 2.9rem;
height: 1.9rem;
left: 0;
margin-top: -0.85rem;
}
.blockTypeB01 .block:nth-child(3) .ttl span::before{
width: 2.3rem;
height: 2.7rem;
left: 0.4rem;
margin-top: -1.35rem;
}
.blockTypeB01 .block:nth-child(4) .ttl span::before{
width: 2.9rem;
height: 2.2rem;
left: -0.1rem;
margin-top: -1.1rem;
}
.blockTypeB01 .block .txt{
font-size: 1.4rem;
padding: 1.5rem;
}
}

.blockTypeC01{
text-align: center;
margin: 0 auto 40px;
padding: 0 60px;
}
.blockTypeC01 > .ttl{
font-size: 2.6rem;
font-weight: bold;
text-align: center;
margin: 0 0 40px;
}
.blockTypeC01 > .ttl b{
color: #0084c1;
}
.blockTypeC01 > .list{
margin: 0 0 120px;
padding: 0 0 0 320px;
list-style: none;
display: inline-block;
position: relative;
}
.blockTypeC01 > .list::before{
content: "";
width: 270px;
height: 168px;
background: url("../img/webp/result/menu_photo_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: 50%;
margin-top: -84px;
}
.blockTypeC01 > .list::after{
content: "";
width: 80px;
height: 42px;
background: url("../img/webp/result/menu_ico_02.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 50%;
bottom: -87px;
margin-left: -40px;
}
.blockTypeC01 > .list > li{
font-size: 2.2rem;
font-weight: bold;
text-align: left;
line-height: 1.0;
margin: 0 0 35px;
padding: 0 0 0 50px;
position: relative;
}
.blockTypeC01 > .list > li:last-child{
margin-bottom: 0;
}
.blockTypeC01 > .list > li span{
width: 40px;
height: 40px;
background: linear-gradient(#3db3e9, #0084c1);
color: #fff;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 50%;
margin-top: -20px;
}
.blockTypeC01 > .list > li b{
color: #0084c1;
}
.blockTypeC01 .block{
background: #fff;
border: 2px solid #0084c1;
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.blockTypeC01 .block + .block{
margin: 20px 0 0;
}
.blockTypeC01 .block .ttlBlock{
background: linear-gradient(#3db3e9, #0084c1);
color: #fff;
padding: 15px 20px;
display: flex;
justify-content: space-between;
}
.blockTypeC01 .block .ttlBlock .ttl > span{
font-size: 2.2rem;
font-weight: bold;
padding: 0 0 0 30px;
display: inline-block;
position: relative;
}
.blockTypeC01 .block .ttlBlock .ttl > span .small{
font-size: 1.6rem;
margin: 0 0 0 10px;
display: inline-block;
}
.blockTypeC01 .block .ttlBlock .ttl > span::before{
content: "";
width: 25px;
height: 25px;
background: url("../img/webp/result/menu_ico_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: 2px;
}
.blockTypeC01 .block .ttlBlock .tag{
display: flex;
align-items: center;
}
.blockTypeC01 .block .ttlBlock .tag > li{
width: 6.0rem;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
border-radius: 10px;
padding: 3px 0;
}
.blockTypeC01 .block .ttlBlock .tag > li + li{
margin-left: 10px;
}
.blockTypeC01 .block .ttlBlock .tag > li.type01{
background: #f78082;
}
.blockTypeC01 .block .ttlBlock .tag > li.type02{
background: #08b30c;
}
.blockTypeC01 .block .ttlBlock .tag > li.type03{
background: #d1d100;
}
.blockTypeC01 .block .ttlBlock .tag > li.type04{
display: none;
}
.blockTypeC01 .block .subBlock{
width: 100%;
text-align: left;
margin: 0 0 20px;
display: flex;
}
.blockTypeC01 .block .subBlock .image{
width: 390px;
padding: 20px 40px 0 30px;
}
.blockTypeC01 .block .subBlock .textBlock{
width: 420px;
padding: 35px 30px 0 0;
}
.blockTypeC01 .block .subBlock .textBlock .ttl02{
margin: 0 0 12px;
}
.blockTypeC01 .block .subBlock .textBlock .ttl02 span{
background: #0084c1;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.0;
padding: 7px 10px;
display: inline-block;
}
.blockTypeC01 .block .subBlock .textBlock .list{
list-style: none;
margin: 0 0 15px;
}
.blockTypeC01 .block .subBlock .textBlock .list > li{
font-size: 1.8rem;
font-weight: bold;
margin: 0 0 10px;
}
.blockTypeC01 .block .subBlock .textBlock .btn a{
background: #ffaf03;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
line-height: 1.0;
letter-spacing: 3px;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 3px solid #d59202;
border-radius: 5px;
padding: 12px 0;
display: block;
position: relative;
cursor: pointer;
}
.blockTypeC01 .block .subBlock .textBlock .btn a::before{
content: "";
width: 8px;
height: 8px;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
position: absolute;
right: 20px;
top: 50%;
margin-top: -4px;
transform: rotate(45deg);
}
@media (min-width: 769px){
.blockTypeC01 .block .subBlock .textBlock .btn a:hover{
background: #ff9300!important;
border-bottom: 3px solid #ef5000;
}
}
.blockTypeC01 .block .text{
font-size: 1.6rem;
text-align: left;
padding: 0 30px 20px;
}
@media (max-width: 768px){
.blockTypeC01{
margin: 0 auto 2.0rem;
padding: 0 1.5rem;
}
.blockTypeC01 > .ttl{
font-size: 2.0rem;
margin: 0 0 2.0rem;
}
.blockTypeC01 > .list{
margin: 0 0 8.5rem;
padding: 0;
}
.blockTypeC01 > .list::before{
display: none;
}
.blockTypeC01 > .list::after{
width: 6.7rem;
height: 3.5rem;
bottom: -7.0rem;
margin-left: -3.35rem;
}
.blockTypeC01 > .list > li{
font-size: 1.6rem;
margin: 0 0 2.0rem;
padding: 0 0 0 3.5rem;
}
.blockTypeC01 > .list > li span{
width: 2.8rem;
height: 2.8rem;
margin-top: -1.4rem;
}
.blockTypeC01 > .list > li b{
font-size: 1.8rem;
}
.blockTypeC01 .block{
-moz-box-shadow: 0.25rem 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0.25rem 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0.25rem 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.1);
box-shadow: 0.25rem 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.1);
}
.blockTypeC01 .block + .block{
margin: 1.5rem 0 0;
}
.blockTypeC01 .block .ttlBlock{
padding: 1.0rem 0.5rem;
display: block;
}
.blockTypeC01 .block .ttlBlock .ttl{
margin: 0 0 0.7rem;
}
.blockTypeC01 .block .ttlBlock .ttl > span{
font-size: 1.4rem;
padding: 0 0 0 2.0rem;
}
.blockTypeC01 .block .ttlBlock .ttl > span::before{
width: 1.5rem;
height: 1.5rem;
top: 0.2rem;
}
.blockTypeC01 .block .ttlBlock .ttl > span .small{
display: none;
}
.blockTypeC01 .block .ttlBlock .tag{
justify-content: center;
}
.blockTypeC01 .block .ttlBlock .tag > li{
width: 5.0rem;
font-size: 1.2rem;
border-radius: 0.5rem;
padding: 0.3rem 0;
}
.blockTypeC01 .block .ttlBlock .tag > li + li{
margin-left: 1.0rem;
}
.blockTypeC01 .block .ttlBlock .tag > li.type04{
width: auto;
display: inline-block;
}
.blockTypeC01 .block .subBlock{
width: 100%;
margin: 0 0 2.0rem;
display: block;
}
.blockTypeC01 .block .subBlock .image{
width: 100%;
margin: 0 0 1.5rem;
padding: 1.5rem 3.0rem 0;
}
.blockTypeC01 .block .subBlock .textBlock{
width: 100%;
padding: 0 1.5rem;
}
.blockTypeC01 .block .subBlock .textBlock .ttl02{
margin: 0 0 1.0rem;
}
.blockTypeC01 .block .subBlock .textBlock .ttl02 span{
font-size: 1.2rem;
padding: 0.6rem 1.0rem;
}
.blockTypeC01 .block .subBlock .textBlock .list{
margin: 0 0 1.0rem;
}
.blockTypeC01 .block .subBlock .textBlock .list > li{
font-size: 1.5rem;
margin: 0 0 0.8rem;
}
.blockTypeC01 .block .subBlock .textBlock .list.small > li{
font-size: 1.3rem;
}
.blockTypeC01 .block .subBlock .textBlock .btn a{
font-size: 1.4rem;
border-bottom: 0.3rem solid #d59202;
border-radius: 0.5rem;
padding: 1.2rem 0;
}
.blockTypeC01 .block .subBlock .textBlock .btn a::before{
width: 0.6rem;
height: 0.6rem;
right: 1.5rem;
margin-top: -0.3rem;
}
.blockTypeC01 .block .text{
font-size: 1.4rem;
padding: 0 1.5rem 1.0rem;
}
}

.blockTypeD01{
margin: 0 0 100px;
}
.blockTypeD01 > .title{
font-size: 3.4rem;
font-weight: bold;
text-align: center;
margin: 0 0 50px;
}
.blockTypeD01 > .title span{
font-size: 2.4rem;
display: inline-block;
position: relative;
}
.blockTypeD01 > .title span img{
width: 125px;
height: auto;
position: absolute;
left: -145px;
top: -50px;
}
.blockTypeD01 .logo{
margin: 0 120px 40px;
}
.blockTypeD01 .blockInner{
margin: 0 0 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blockTypeD01 .blockInner .block{
width: 257px;
margin: 0 10px 20px;
position: relative;
z-index: 1;
}
@media (min-width: 769px){
.blockTypeD01 .blockInner .block:nth-last-child(-n+2){
margin-bottom: 0;
}
}
.blockTypeD01 .blockInner .block::after{
content: "";
width: 100%;
height: 100%;
background: linear-gradient(#48c384, #0d9851);
position: absolute;
left: 5px;
top: 5px;
}
.blockTypeD01 .blockInner .block .inner{
width: 100%;
background: #fff;
text-align: center;
border: 1px solid #0d9851;
padding: 20px 0;
position: relative;
z-index: 2;
}
.blockTypeD01 .blockInner .block .inner .image{
width: 80px;
margin: 0 auto 20px;
}
.blockTypeD01 .blockInner .block .inner .ttl{
color: #0d9851;
font-size: 1.9rem;
font-weight: bold;
margin: 0 0 10px;
}
.blockTypeD01 .blockInner .block .inner .text{
font-size: 1.6rem;
}
@media (max-width: 768px){
.blockTypeD01{
margin: 0 0 4.0rem;
}
.blockTypeD01 > .title{
font-size: 1.6rem;
margin: 0 0 2.0rem;
}
.blockTypeD01 > .title span{
font-size: 1.4rem;
}
.blockTypeD01 > .title span img{
width: 6.5rem;
left: -7.1rem;
top: -2.6rem;
}
.blockTypeD01 .btnTypeA01{
margin: 0 1.5rem;
}
.blockTypeD01 .logo{
margin: 0 1.5rem 2.0rem;
}
.blockTypeD01 .blockInner{
margin: 0 1.5rem 2.0rem;
display: block;
}
.blockTypeD01 .blockInner .block{
width: 100%;
margin: 0;
}
.blockTypeD01 .blockInner .block + .block{
margin-top: 1.5rem;
}
.blockTypeD01 .blockInner .block::after{
left: 0.5rem;
top: 0.5rem;
}
.blockTypeD01 .blockInner .block .inner{
padding: 1.5rem;
}
.blockTypeD01 .blockInner .block .inner .image{
width: 3.6rem;
margin: 0 auto 1.0rem;
}
.blockTypeD01 .blockInner .block .inner .ttl{
font-size: 1.6rem;
margin: 0 0 1.0rem;
}
.blockTypeD01 .blockInner .block .inner .text{
font-size: 1.4rem;
}
}

.blockTypeD02{
margin: 0 0 70px;
}
.blockTypeD02 .title{
width: 100%;
color: #fff;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
background: linear-gradient(#48c384, #0d9851);
margin: 0 0 80px;
padding: 20px 0 13px;
position: relative;
}
.blockTypeD02 .title::before{
content: "";
width: 100%;
height: 30px;
background: #0d9851;
-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
position: absolute;
left: 0;
bottom: -29px;
}
.blockTypeD02 .blockInner{
margin: 0 60px 40px;
}
.blockTypeD02 .blockInner .block{
width: 100%;
background: #fff;
border-radius: 20px;
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 5, 103, 0.05);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 5, 103, 0.05);
-ms-box-shadow: 0px 0px 10px 5px rgba(0, 5, 103, 0.05);
box-shadow: 0px 0px 10px 5px rgba(0, 5, 103, 0.05);
padding: 20px 0 20px 20px;
display: table;
position: relative;
}
.blockTypeD02 .blockInner .block::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 35px 0 35px;
border-color: #0d9851 transparent transparent transparent;
position: absolute;
left: 50%;
bottom: -30px;
margin-left: -35px;
}
.blockTypeD02 .blockInner .block.last::before{
display: none;
}
.blockTypeD02 .blockInner .block + .block{
margin-top: 40px;
}
.blockTypeD02 .blockInner .block .image{
width: 180px;
padding: 0 20px 0 0;
display: table-cell;
vertical-align: middle;
}
.blockTypeD02 .blockInner .block .textBlock{
display: table-cell;
vertical-align: middle;
}
.blockTypeD02 .blockInner .block .textBlock .ttl{
color: #0d9851;;
font-size: 2.6rem;
font-weight: bold;
margin: 0 0 10px;
}
.blockTypeD02 .blockInner .block .textBlock .text{
font-size: 1.8rem;
}
.blockTypeD02 .blockInner .block.last{
text-align: center;
padding: 40px 0;
}
.blockTypeD02 .blockInner .block.last .textBlock{
display: block;
}
.blockTypeD02 .blockInner .block.last .textBlock .ttl{
font-size: 3.2rem;
margin: 0 0 5px;
}
@media (max-width: 768px){
.blockTypeD02{
margin: 0 0 3.0rem;
}
.blockTypeD02 .title{
font-size: 1.7rem;
margin: 0 0 2.5rem;
padding: 1.0rem 0 0.5rem;
}
.blockTypeD02 .title::before{
height: 1.0rem;
bottom: -0.9rem;
}
.blockTypeD02 .btnTypeA01{
margin: 0 1.5rem;
}
.blockTypeD02 .blockInner{
margin: 0 1.5rem 2.0rem;
}
.blockTypeD02 .blockInner .block{
border-radius: 1.0rem;
padding: 1.5rem 1.5rem 1.5rem 1.0rem;
}
.blockTypeD02 .blockInner .block::before{
border-width: 1.4rem 2.5rem 0 2.5rem;
bottom: -2.5rem;
margin-left: -2.5rem;
}
.blockTypeD02 .blockInner .block + .block{
margin-top: 3.5rem;
}
.blockTypeD02 .blockInner .block .image{
width: 8.0rem;
padding: 0 1.0rem 0 0;
}
.blockTypeD02 .blockInner .block .textBlock .ttl{
font-size: 1.4rem;
margin: 0 0 0.5rem;
}
.blockTypeD02 .blockInner .block .textBlock .text{
font-size: 1.2rem;
}
.blockTypeD02 .blockInner .block.last{
padding: 2.0rem;
}
.blockTypeD02 .blockInner .block.last .textBlock .ttl{
font-size: 2.0rem;
margin: 0 0 0.5rem;
}
}

.sliderBlock{
margin: 0 40px 80px;
}
.sliderBlock .notes{
font-size: 1.2rem;
text-align: right;
margin: 10px 0 0;
}
.sliderBlock .slider .slide{
margin: 0 10px 10px;
position: relative;
z-index: 1;
}
.sliderBlock .slider .slide::after{
content: "";
width: 100%;
height: 100%;
background: linear-gradient(#48c384, #0d9851);
position: absolute;
z-index: -1;
left: 5px;
top: 5px;
}
.sliderBlock .slider .slide .inner{
min-height: 238px;
background: #fff;
border: 1px solid #0d9851;
padding: 20px 15px;
position: relative;
z-index: 2;
}
.sliderBlock .slider .slide .inner .level{
line-height: 1.0;
margin: 0 0 15px;
display: flex;
align-items: center;
justify-content: center;
}
.sliderBlock .slider .slide .inner .level b{
font-size: 1.8rem;
font-weight: bold;
margin: 0 10px 0 0;
padding: 4px 0 0;
}
.sliderBlock .slider .slide .inner .level img{
width: 145px;
height: auto;
}
.sliderBlock .slider .slide .inner .txt{
font-size: 1.6rem;
}
@media (max-width: 768px){
.sliderBlock{
margin: 0 3.0rem 4.0rem;
}
.sliderBlock .notes{
font-size: 1.0rem;
text-align: center;
margin: 1.0rem 0 0;
}
.sliderBlock .slider .slide{
margin: 0 1.5rem 0.5rem;
}
.sliderBlock .slider .slide::after{
left: 0.5rem;
top: 0.5rem;
}
.sliderBlock .slider .slide .inner{
min-height: 19.4rem;
padding: 2.0rem 1.5rem;
}
.sliderBlock .slider .slide .inner .level{
margin: 0 0 1.5rem;
}
.sliderBlock .slider .slide .inner .level b{
font-size: 1.8rem;
margin: 0 1.0rem 0 0;
padding: 0.3rem 0 0;
}
.sliderBlock .slider .slide .inner .level img{
width: 14.5rem;
}
.sliderBlock .slider .slide .inner .txt{
font-size: 1.4rem;
}
}

.lineBlock{
background: #d6f2de;
border-radius: 0 0 20px 20px;
padding: 0 0 40px;
position: relative;
}
.lineBlock::before{
content: "";
width: 100%;
height: 50px;
background: #fff;
-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
position: absolute;
left: 0;
top: -1px;
z-index: 2;
}
.lineBlock .title{
background: #07b53b;
color: #fff;
font-size: 2.6rem;
font-weight: bold;
text-align: center;
margin: 0 0 40px;
padding: 160px 0 90px 360px;
position: relative;
}
.lineBlock .title strong{
font-size: 3.6rem;
margin: 20px 0 0;
display: block;
}
.lineBlock .title::before{
content: "";
width: 360px;
height: 358px;
background: url("../img/webp/result/service_line_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 20px;
bottom: 0;
}
.lineBlock .title.type02{
margin-top: 40px;
}
.lineBlock .title.type02::before{
background: url("../img/webp/result/service_line_03.webp") no-repeat;
background-size: 100% auto;
}
.lineBlock .title.type02::after{
content: "";
width: 100%;
height: 50px;
background: #d6f2de;
-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
position: absolute;
left: 0;
top: -1px;
z-index: 2;
}
.lineBlock .textBlock{
width: 690px;
background: #fff;
text-align: center;
border-radius: 20px;
border-right: 10px solid #07b53b;
border-bottom: 10px solid #07b53b;
padding: 30px 0;
margin: 0 auto 40px;
}
.lineBlock .textBlock .ttl{
margin: 0 0 15px;
}
.lineBlock .textBlock .ttl span{
background: linear-gradient(transparent 65%, #ffea00 65%);
font-size: 2.2rem;
font-weight: bold;
display: inline;
}
.lineBlock .textBlock .text{
font-size: 1.8rem;
line-height: 1.8;
}
.lineBlock .lineBtn{
text-align: center;
}
.lineBlock .lineBtn a{
background: #00b900;
color: #fff;
font-size: 2.4rem;
font-weight: bold;
border-bottom: 8px solid #058c2d;
border-radius: 100px;
padding: 20px 60px 20px 100px;
display: inline-block;
position: relative;
}
.lineBlock .lineBtn a::before{
content: "";
width: 54px;
height: 50px;
background: url("../img/webp/result/service_line_02.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 25px;
top: 50%;
margin-top: -25px;
}
.lineBlock .lineBtn a::after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 16px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
right: 25px;
top: 50%;
margin-top: -10px;
}
@media (max-width: 768px){
.lineBlock{
border-radius: 0 0 2.0rem 2.0rem;
padding: 0 0 3.0rem;
}
.lineBlock::before{
height: 2.0rem;
}
.lineBlock .title{
font-size: 1.6rem;
margin: 0 0 2.0rem;
padding: 5.0rem 0 24.5rem;
}
.lineBlock .title strong{
font-size: 2.2rem;
margin: 1.0rem 0 0;
}
.lineBlock .title::before{
width: 23.0rem;
height: 22.8rem;
left: 50%;
margin-left: -11.5rem;
}
.lineBlock .title.type02{
margin-top: 3.0rem;
}
.lineBlock .title.type02::after{
height: 2.0rem;
}
.lineBlock .textBlock{
width: auto;
border-radius: 1.0rem;
border-right: 0.4rem solid #07b53b;
border-bottom: 0.4rem solid #07b53b;
margin: 0 1.5rem 2.0rem;
padding: 2.0rem 0;
}
.lineBlock .textBlock .ttl{
margin: 0 0 1.0rem;
}
.lineBlock .textBlock .ttl span{
font-size: 1.6rem;
}
.lineBlock .textBlock .text{
font-size: 1.2rem;
}
.lineBlock .lineBtn{
padding: 0 1.5rem;
}
.lineBlock .lineBtn a{
font-size: 1.6rem;
border-bottom: 0.4rem solid #058c2d;
padding: 1.5rem 0 1.5rem 1.5rem;
display: block;
}
.lineBlock .lineBtn a::before{
width: 3.4rem;
height: 3.2rem;
left: 1.8rem;
margin-top: -1.6rem;
}
.lineBlock .lineBtn a::after{
border-width: 0.65rem 0 0.65rem 1.2rem;
right: 1.5rem;
margin-top: -0.65rem;
}
}

/*----------------------------------------------------------
result
----------------------------------------------------------*/
.result .sectionA01{
padding: 40px 60px 60px;
}
.result .sectionA01 .title{
width: 590px;
margin: 0 auto 30px;
}
.result .sectionA01 .image{
width: 570px;
margin: 0 auto 40px;
}
.result .sectionA01 .lead{
font-size: 2.4rem;
font-weight: bold;
text-align: center;
line-height: 1.6;
margin: 0 0 40px;
}
.result .sectionA01 .lead span{
display: block;
}
.result .sectionA01 .lead span + span{
margin-top: 20px;
}
.result .sectionA01 .text{
font-size: 1.8rem;
line-height: 1.8;
}
.result .sectionA01 .text + .text{
margin-top: 20px;
}
@media (max-width: 768px){
.result .sectionA01{
padding: 3.5rem 1.5rem 3.0rem;
}
.result .sectionA01 .title{
width: 100%;
margin: 0 auto 1.5rem;
}
.result .sectionA01 .image{
width: 100%;
margin: 0 auto 3.0rem;
}
.result .sectionA01 .lead{
font-size: 1.6rem;
margin: 0 0 3.0rem;
}
.result .sectionA01 .lead span + span{
margin-top: 1.5rem;
}
.result .sectionA01 .text{
font-size: 1.4rem;
}
.result .sectionA01 .text + .text{
margin-top: 1.5rem;
}
}

.result .sectionB01{
margin: 0 0 100px;
}
.result .sectionB01 .title{
width: 100%;
text-align: center;
background: linear-gradient(#48c384, #0d9851);
margin: 0 0 80px;
padding: 30px 0 28px;
position: relative;
}
.result .sectionB01 .title::before{
content: "";
width: 100%;
height: 30px;
background: #0d9851;
-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
position: absolute;
left: 0;
bottom: -29px;
}
.result .sectionB01 .title span{
color: #fff;
font-size: 2.4rem;
font-weight: bold;
text-align: left;
display: inline-block;
padding: 0 0 0 80px;
position: relative;
}
.result .sectionB01 .title span::before{
content: "";
width: 50px;
height: 60px;
background: url("../img/webp/result/title_ico_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: 50%;
margin-top: -29px;
}
.result .sectionB01 .block{
padding: 0 60px;
}
.result .sectionB01 .block + .block{
margin-top: 60px;
}
.result .sectionB01 .block .ttl{
font-size: 2.4rem;
font-weight: bold;
border-bottom: 2px solid #0d9851;
margin: 0 0 30px;
padding: 0 0 0 40px;
position: relative;
}
.result .sectionB01 .block .ttl::before{
content: "";
width: 25px;
height: 25px;
background: url("../img/webp/result/title_ico_02.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 7px;
top: 5px;
}
.result .sectionB01 .block .text{
font-size: 1.8rem;
line-height: 1.8;
}
.result .sectionB01 .block .text + .text{
margin-top: 20px;
}
.result .sectionB01 .block .notes{
color: #0d9851;
font-size: 1.6rem;
margin: 20px 0 0;
padding: 0 0 0 18px;
position: relative;
}
.result .sectionB01 .block .notes::before{
content: "※";
position: absolute;
left: 0;
}
.result .sectionB01 .block .text a,
.result .sectionB01 .block .notes a{
color: #0d9851;
font-weight: bold;
text-decoration: underline;
display: inline;
}
@media (min-width: 769px){
.result .sectionB01 .block .text a:hover,
.result .sectionB01 .block .notes a:hover{
color: #ffaf03;
}
}
@media (max-width: 768px){
.result .sectionB01{
margin: 0 0 4.0rem;
}
.result .sectionB01 .title{
margin: 0 0 5.0rem;
padding: 2.5rem 0 2.2rem;
}
.result .sectionB01 .title::before{
height: 2.0rem;
bottom: -1.9rem;
}
.result .sectionB01 .title span{
font-size: 1.6rem;
line-height: 1.4;
padding: 0 0 0 5.5rem;
}
.result .sectionB01 .title span::before{
width: 3.8rem;
height: 4.4rem;
margin-top: -2.2rem;
}
.result .sectionB01 .block{
padding: 0 1.5rem;
}
.result .sectionB01 .block + .block{
margin-top: 4.5rem;
}
.result .sectionB01 .block .ttl{
font-size: 1.6rem;
margin: 0 0 1.5rem;
padding: 0 0 0 3.0rem;
}
.result .sectionB01 .block .ttl::before{
width: 2.0rem;
height: 2.0rem;
left: 0;
top: 0.2rem;
}
.result .sectionB01 .block .text{
font-size: 1.4rem;
}
.result .sectionB01 .block .text + .text{
margin-top: 1.5rem;
}
.result .sectionB01 .block .notes{
font-size: 1.2rem;
margin: 1.5rem 0 0;
padding: 0 0 0 1.5rem;
}
}

.result .sectionC01{
padding: 0 0 60px;
}
.result .sectionC01 .title{
margin: 0 0 40px;
}
.result .sectionC01 .formBlock .title02{
text-align: center;
margin: 0 0 20px;
}
.result .sectionC01 .formBlock .title02 span{
font-size: 2.4rem;
font-weight: bold;
text-align: center;
padding: 0 40px;
display: inline-block;
position: relative;
}
.result .sectionC01 .formBlock .title02 span::before{
content: "";
width: 25px;
height: 25px;
background: url(../img/webp/result/title_ico_02.webp) no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: 5px;
}
.result .sectionC01 .formBlock .title02 span::after{
content: "";
width: 25px;
height: 25px;
background: url(../img/webp/result/title_ico_02.webp) no-repeat;
background-size: 100% auto;
position: absolute;
right: 0;
top: 5px;
}
.result .sectionC01 .formBlock .qubo-iframe{
width: 815px;
border: 2px solid #ebeef2;
margin: 0 auto;
}
.result .sectionC01 .formBlock .qubo-iframe iframe{
width: 100%;
height: 600px;
margin: 0 auto;
}
.result .sectionC01 > .text{
font-size: 1.8rem;
text-align: center;
}
.result .sectionC01 > .text + .text{
margin-top: 20px;
}
.result .sectionC01 > .text b{
background: linear-gradient(transparent 55%, #ffd67f 55%);
font-weight: bold;
}
@media (max-width: 768px){
.result .sectionC01{
padding: 0 0 2.0rem;
}
.result .sectionC01 .title{
margin: 0 0 2.0rem;
}
.result .sectionC01 .formBlock .title02{
margin: 0 0 1.5rem;
}
.result .sectionC01 .formBlock .title02 span{
font-size: 1.4rem;
padding: 0 2.5rem;
}
.result .sectionC01 .formBlock .title02 span::before{
width: 1.6rem;
height: 1.6rem;
top: 0.3rem;
}
.result .sectionC01 .formBlock .title02 span::after{
width: 1.6rem;
height: 1.6rem;
top: 0.3rem;
}
.result .sectionC01 .formBlock .qubo-iframe{
width: auto;
margin: 0 1.5rem;
}
.result .sectionC01 .formBlock .qubo-iframe iframe{
width: 100%;
height: 35.0rem;
}
.result .sectionC01 .formBlock .qubo-iframe iframe html{
overflow-x: hidden;
}
.result .sectionC01 > .text{
font-size: 1.4rem;
}
.result .sectionC01 > .text + .text{
margin-top: 1.5rem;
}
}

.result .sectionD01 > .title{
margin: 0 0 45px;
}
.result .sectionD01 .title02{
text-align: center;
margin: 0 0 40px;
position: relative;
}
.result .sectionD01 .title02::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 10px 0 10px;
border-color: #0d9851 transparent transparent transparent;
position: absolute;
left: 50%;
bottom: -14px;
margin-left: -10px;
}
.result .sectionD01 .title02 span{
background: linear-gradient(#48c384, #0d9851);
color: #fff;
font-size: 2.2rem;
font-weight: bold;
line-height: 1.0;
border-radius: 10px;
padding: 15px 60px;
display: inline-block;
}
.result .sectionD01 .formBlock{
margin: 0 60px 110px;
}
.result .sectionD01 .formBlock .inner{
border: 2px solid #0d9851;
margin: 0 0 20px;
}
.result .sectionD01 .formBlock .inner iframe{
width: 100%;
height: 435px;
}
.result .sectionD01 .formBlock .imageBlock{
display: flex;
flex-wrap: wrap;
}
.result .sectionD01 .formBlock .imageBlock .image{
width: 196px;
}
@media (min-width: 769px){
.result .sectionD01 .formBlock .imageBlock .image + .image{
margin-left: 10px;
}
}
@media (max-width: 768px){
.result .sectionD01 > .title{
margin: 0 0 2.0rem;
}
.result .sectionD01 .title02{
margin: 0 0 1.5rem;
padding: 0 1.5rem;
}
.result .sectionD01 .title02::before{
border-width: 1rem 0.8rem 0 0.8rem;
bottom: -0.9rem;
margin-left: -0.8rem;
}
.result .sectionD01 .title02 span{
font-size: 1.4rem;
border-radius: 0.5rem;
padding: 1.0rem 0;
display: block;
}
.result .sectionD01 .formBlock{
margin: 0 1.5rem 6.0rem;
}
.result .sectionD01 .formBlock .inner{
margin: 0 0 1.5rem;
}
.result .sectionD01 .formBlock .inner iframe{
height: 37.0rem;
}
.result .sectionD01 .formBlock .imageBlock{
justify-content: space-between;
}
.result .sectionD01 .formBlock .imageBlock .image{
width: 49%;
}
.result .sectionD01 .formBlock .imageBlock .image:nth-last-child(-n+2){
margin-top: 2%;
}
}

.result .sectionE01{
margin: 0 0 60px;
}
.result .sectionE01 .lead{
font-size: 2.2rem;
font-weight: bold;
text-align: center;
margin: 0 0 20px;
padding: 0 0 50px;
position: relative;
}
.result .sectionE01 .lead::before{
content: "";
width: 140px;
height: 30px;
background: #dbf5f2;
clip-path: polygon(50% 100%, 0 0, 100% 0);
position: absolute;
left: 50%;
bottom: 0;
margin-left: -70px;
}
.result .sectionE01 .secInner{
background: #dbf5f2;
padding: 40px 60px;
}
.result .sectionE01 .secInner .block{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.result .sectionE01 .secInner .block .ttl01{
width: 450px;
}
.result .sectionE01 .secInner .block .point{
width: 340px;
background: #fff;
text-align: center;
border: 1px solid #0d9851;
margin: 20px 0 0;
padding: 35px 0 20px;
position: relative;
}
.result .sectionE01 .secInner .block .point .ttl02{
width: 100%;
position: absolute;
left: 0;
top: -20px;
}
.result .sectionE01 .secInner .block .point .ttl02 span{
background: linear-gradient(#48c384, #0d9851);
color: #fff;
font-size: 1.8rem;
font-weight: bold;
padding: 5px 10px 3px;
display: inline-block;
position: relative;
}
.result .sectionE01 .secInner .block .point .ttl02 span::before{
content: "";
width: 15px;
height: 100%;
background: linear-gradient(#48c384, #0d9851);
clip-path: polygon(100% 100%, 0 50%, 100% 0);
position: absolute;
left: -14px;
top: 0;
}
.result .sectionE01 .secInner .block .point .ttl02 span::after{
content: "";
width: 15px;
height: 100%;
background: linear-gradient(#48c384, #0d9851);
clip-path: polygon(0 0, 100% 50%, 0 100%);
position: absolute;
right: -14px;
top: 0;
}
.result .sectionE01 .secInner .block .point .list{
text-align: left;
display: inline-block;
}
.result .sectionE01 .secInner .block .point .list > li{
font-size: 1.7rem;
font-weight: bold;
margin: 0 0 5px;
}
.result .sectionE01 .secInner .block .point .list > li:last-child{
margin-bottom: 0;
}
.result .sectionE01 .secInner .block .text{
font-size: 1.7rem;
line-height: 1.8;
margin: 30px 0;
}
.result .sectionE01 .secInner .block .text + .text{
margin-top: 0;
}
@media (max-width: 768px){
.result .sectionE01{
margin: 0 0 2.0rem;
}
.result .sectionE01 .lead{
font-size: 1.6rem;
margin: 0 0 1.5rem;
padding: 0 0 3.0rem;
}
.result .sectionE01 .lead::before{
width: 9.5rem;
height: 1.5rem;
margin-left: -4.75rem;
}
.result .sectionE01 .secInner{
padding: 0 0 2.0rem;
}
.result .sectionE01 .secInner .block{
display: block;
}
.result .sectionE01 .secInner .block .ttl01{
width: 100%;
margin: 0 0 3.0rem;
}
.result .sectionE01 .secInner .block .point{
width: auto;
margin: 0 1.5rem 2.0rem;
padding: 3.0rem 0 1.5rem;
}
.result .sectionE01 .secInner .block .point .ttl02{
top: -1.4rem;
}
.result .sectionE01 .secInner .block .point .ttl02 span{
font-size: 1.4rem;
padding: 0.5rem 1.0rem 0.3rem;
}
.result .sectionE01 .secInner .block .point .ttl02 span::before{
width: 1.0rem;
left: -0.9rem;
}
.result .sectionE01 .secInner .block .point .ttl02 span::after{
width: 1.0rem;
right: -0.9rem;
}
.result .sectionE01 .secInner .block .point .list > li{
font-size: 1.4rem;
margin: 0 0 5px;
}
.result .sectionE01 .secInner .block .text{
font-size: 1.4rem;
margin: 0 1.5rem 2.0rem;
}
}

/*----------------------------------------------------------
float
----------------------------------------------------------*/
.result .float{
width: 300px;
display: flex;
position: fixed;
right: 0;
bottom: 0;
z-index: 2;
}
.result .float [class^="btn"]{
width: 300px;
}
.result .float [class^="btn"] a{
height: 65px;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
line-height: 1.4;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: 0.3s;
}
.result .float [class^="btn"] a::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
right: 15px;
top: 50%;
margin-top: -5px;
}
.result .float .btn01 a{
background: #ffaf03;
}
.result .float .btn02 a{
background: #00b900;
}
@media (min-width: 769px){
.result .float .btn01 a:hover{
background: #ff9300;
}
.result .float .btn02 a:hover{
background: #009300;
}
}
@media (max-width: 768px){
.result .float{
width: 100%;
}
.result .float [class^="btn"]{
width: 100%;
}
.result .float [class^="btn"] a{
height: 5.5rem;
font-size: 1.4rem;
}
.result .float [class^="btn"] a::before{
border-width: 0.5rem 0 0.5rem 0.8rem;
right: 1.0rem;
margin-top: -0.4rem;
}
}