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

/*PC*/
@media print, screen and (min-width: 769px) {
.hedImg_in::after {
  content: '';
  display: inline-block;
  width: 70%;
  height: 180px;
  background: url("../images/reason/hed_img.jpg")  center center no-repeat;
  background-size: cover;
  margin-top: 20px;
}

.comBtn03, .comBtn04 {
    margin-top: 60px;
}
#contents p {
    line-height: 1.8;
}

/* index
--------------------------------------------*/
.rrv {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.idx03Box_list {

}
.idx03Box_listIn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom: 50px;
position: relative;
z-index: 1;
}
.idx03Box_listIn:nth-child(1)::before {
position: absolute;
content: 'HIGH QUALITY';
font-size: 8rem;
line-height: 1;
top: 0px;
right: -100px;
color: #ccc;
opacity: 0.4;
font-family: 'Chango', cursive;
font-weight: 800;
}
.idx03Box_listIn:nth-child(2)::before {
position: absolute;
content: 'PROPOSAL';
font-size: 8rem;
line-height: 1;
top: 0px;
left: -100px;
color: #ccc;
opacity: 0.4;
font-family: 'Chango', cursive;
font-weight: 800;
}
.idx03Box_listIn:nth-child(3)::before {
position: absolute;
content: 'RESPONSE';
font-size: 8rem;
line-height: 1;
top: 0px;
right: -80px;
color: #ccc;
opacity: 0.4;
font-family: 'Chango', cursive;
font-weight: 800;
}
.idx03Box_listIn:last-child {
margin-bottom: 0;
}
.idx03Box_listIn-img {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
margin-bottom: 50px;
position: relative;
box-shadow: 0 0 20px rgba(0,0,0,.2)
}
.idx03Bg01 {
background: url("../images/index/idx03_img01.jpg") center center no-repeat;
background-size: cover;
}
.idx03Bg02 {
background: url("../images/index/idx03_img02.jpg") center center no-repeat;
background-size: cover;
}
.idx03Bg03 {
background: url("../images/index/idx03_img03.jpg") center center no-repeat;
background-size: cover;
}
.idx03Bg04 {
background: url("../images/index/idx03_img04.jpg") center center no-repeat;
background-size: cover;
}


.idx03Box_listIn-txt {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
margin-left: -50px;
margin-top: 50px;
box-sizing: border-box;
padding: 60px 40px 60px 90px;
background: -webkit-gradient(linear, left top, right top, from(#0083B0), to(#00B4DB));
background: linear-gradient(90deg, #0083B0, #00B4DB);
color: #fff;
}

.idx03Box_listIn-txt2 {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
margin-left: -50px;
margin-top: 50px;
box-sizing: border-box;
padding: 60px 40px 60px 90px;
background: -webkit-gradient(linear, left top, right top, from(#4e54c8), to(#8f94fb));
background: linear-gradient(90deg, #4e54c8, #8f94fb);
color: #fff;
}

.idx03Box_listIn-txt3 {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
margin-left: -50px;
margin-top: 50px;
box-sizing: border-box;
padding: 60px 40px 60px 90px;
background: -webkit-gradient(linear, left top, right top, from(#F37335), to(#FDC830));
background: linear-gradient(90deg, #F37335, #FDC830);
color: #fff;
}

.idx03Box_listIn-txt4 {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
margin-left: -50px;
margin-top: 50px;
box-sizing: border-box;
padding: 60px 40px 60px 90px;
background: -webkit-gradient(linear, left top, right top, from(#0ECC8A), to(#C8F54A));
background: linear-gradient(90deg, #0ECC8A, #C8F54A);
color: #fff;
}


.rrv .idx03Box_listIn-txt,
.rrv .idx03Box_listIn-txt2,
.rrv .idx03Box_listIn-txt3,
.rrv .idx03Box_listIn-txt4{
margin-left: 0px;
margin-right: -50px;
padding: 60px 90px 60px 40px;
}

.idx03Box_listIn-txt h4,
.idx03Box_listIn-txt2 h4,
.idx03Box_listIn-txt3 h4,
.idx03Box_listIn-txt4 h4{
color: #fff;
font-size: 2.4rem;
margin-bottom: 20px;
}

.idx03Box_listIn-txt h5,
.idx03Box_listIn-txt2 h5,
.idx03Box_listIn-txt3 h5,
.idx03Box_listIn-txt4 h5{
color: #fff;
font-size: 2.6rem;
font-weight: 500;
margin-bottom: 10px;
}


/* 01
--------------------------------------------*/
.rsGbox {
background-color: #f4f4f4;
padding: 30px;
margin-top: 20px;
}
.rsGbox h5 {
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 10px;
}
.rsGbox h6 {
display: inline-block;
padding: 10px 20px;
font-size: 1.7rem;
color: #fff;
border-radius: 100px;
font-weight: 500;
background: -webkit-gradient(linear, left top, right top, from(#2084B9), to(#00C9ED));
background: linear-gradient(90deg,
#2084B9, #00C9ED);
position: relative;
margin-bottom: 20px;
}

.rsGbox h6:before {
content: "";
position: absolute;
top: 100%;
left: 12%;
border: 10px solid transparent;
border-top: 10px solid #2084B9;
}
.rsGbox p {
color: #008CA7;
}

.rsImgBox {
margin-top: 40px;
}
.rsImgBox img {
margin-bottom: 10px;
}

.rsList {
margin-top: 20px;
background: -webkit-gradient(linear, left top, right top, from(#EAFDFD), to(#FAFFFA));
background: linear-gradient(90deg,
#EAFDFD, #FAFFFA);
padding: 30px;
}
.rsList li {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: #ccc dashed 1px;
}
.rsList li i {
color: #C8200F;
margin-right: 10px;
}

/*20200525追加------*/
.dpWrap {
box-sizing: border-box;
margin: 0 auto 70px;
border: #0ECC8A 2px solid;
padding: 40px;
background: #fff;
position: relative;
border-radius: 10px;
box-shadow: 5px 5px 0 #0ECC8A;
}
.dpTtl  {
text-align: center;
}
.dpTtl  h4 {
position: relative;
display: inline-block;
padding: 15px 70px;
background: #faf221;
font-size: 3rem;
letter-spacing: 0.05em;
border-radius: 100px;
margin-bottom: 40px;
}
.dpTtl  h4  span {
font-size: 5rem;
position: relative;
}
.dot-text::before {
position: absolute;
content: "";
width: 0.2em;
height: 0.2em;
border-radius: 50%;
background-color: #333;
top: 0;
left: 45%;
transform: translate(-50%, 0);
}
.dpTtl_sub {
font-size: 2rem;
font-weight: 500;
text-align: center;
margin-bottom: 40px;
}
.dpFlex {
position: relative;
margin-bottom: 60px;
}

.dpFlex::before {
content: "";
position: absolute;
top: 126%;
left: 50%;
margin-left: -30px;
border: 30px solid transparent;
border-top-color: transparent;
border-top-style: solid;
border-top-width: 30px;
border-top: 20px solid #ff7f7f;
}

.dpFlexList {
}
.dpFlexList h5 {
text-align: center;
margin-bottom: 30px; 
}
.dpFlexList h5 span {
font-size: 2.4rem;
background:linear-gradient(transparent 75%, #ff7f7f 75%);
display: inline;
padding: 0 2px 0px;
}
.dpFlexList ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dpFlexList li {
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
font-size: 1.5rem;
padding-bottom: 5px;
border-bottom: #ff7f7f dotted 2px;
}
.dpFlexList li i {
color: #ff7f7f;
font-weight: bold;
margin-right: 5px;
}
.dpTxt {
text-align: center;
color: #0ECC8A;
font-size: 2rem;
}


/*add20210224
--------------------------------------------*/
.dpWrap2 {
width: 80%;
box-sizing: border-box;
margin: 40px auto 0;
border: #0ECC8A 2px solid;
padding:40px 20px;
background: #fff;
position: relative;
border-radius: 10px;
box-shadow: 5px 5px 0 #0ECC8A;
}

.dpFlexList2 {
}

.dpFlexList2 h5 {
text-align: center;
margin-bottom: 30px; 
}

.dpFlexList2 h5 span {
font-size: 2rem;
background:linear-gradient(transparent 50%, #0ECC8A 100%);
display: inline;
padding: 0 2px 0px;
}


.dpFlexList2 .txt {
background: #F1F1F1;
box-sizing: border-box;
padding: 20px;
text-align: center;
margin-bottom: 30px;
font-size: 0.9em;
}

.dpFlexList2 .soufu_img {
width: 80%;
margin: auto;
}

/* 02
--------------------------------------------*/
.flexBox_bw-2col {
position: relative;
}
.rs02_icon {
position: absolute;
top: -30px;
left: -20px;
width: 150px;
}
.rskome {
margin-top: 10px;
color: #fff;
padding: 20px;
background: -webkit-gradient(linear, left top, right top, from(#2084B9), to(#00C9ED));
background: linear-gradient(90deg, #2084B9, #00C9ED);
}


/* 03
--------------------------------------------*/
.rs03_icon {
position: absolute;
top: -10px;
left: -10px;
display: inline-block;
padding: 10px 20px;
font-size: 1.7rem;
background: -webkit-gradient(linear, left top, right top, from(#2084B9), to(#00C9ED));
background: linear-gradient(90deg, #2084B9, #00C9ED);
color: #fff;
}

.kaku3::before{
content: "";
position: absolute;
top: 50%;
left: -65px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
margin: auto;
box-sizing: border-box;
border: 50px solid transparent;
border-left: 80px solid #C8200F;
z-index: 5;
}


/*add20210621
--------------------------------------------*/
.comTit01_reason01,
.comTit01_reason02,
.comTit01_reason03{
text-align: center;
margin-bottom: 60px;
}

.comTit01_reason01 h3,
.comTit01_reason02 h3,
.comTit01_reason03 h3{
font-size: 2.6rem;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.1em;
position: relative;
display: inline-block;
}

.comTit01_reason01 h3::before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 3px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;
background: -webkit-gradient(linear, left top, right top, from(#0083B0), to(#00B4DB));
background: linear-gradient(90deg, #0083B0, #00B4DB);
}

.comTit01_reason02 h3::before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 3px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;
background: -webkit-gradient(linear, left top, right top, from(#4e54c8), to(#8f94fb));
background: linear-gradient(90deg, #4e54c8, #8f94fb);
}

.comTit01_reason03 h3::before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 3px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;
background: -webkit-gradient(linear, left top, right top, from(#F37335), to(#FDC830));
background: linear-gradient(90deg, #F37335, #FDC830);
}

}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {
.hedImg_in::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100px;
  background: url("../images/reason/hed_img.jpg")  center center no-repeat;
  background-size: cover;
  margin-top: 10px;
}
.comBtn03, .comBtn04 {
    margin-top: 40px;
}

/* index
--------------------------------------------*/
.rrv {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.idx03Box_list {

}
.idx03Box_listIn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
margin-bottom: 40px;
position: relative;
z-index: 1;
}
/*.idx03Box_listIn:nth-child(1)::before {
position: absolute;
content: 'HIGH QUALITY';
font-size: 8rem;
line-height: 1;
top: 0px;
right: -100px;
color: #ccc;
opacity: 0.4;
font-family: 'Chango', cursive;
font-weight: 800;
}
.idx03Box_listIn:nth-child(2)::before {
position: absolute;
content: 'PROPOSAL';
font-size: 8rem;
line-height: 1;
top: 0px;
left: -100px;
color: #ccc;
opacity: 0.4;
font-family: 'Chango', cursive;
font-weight: 800;
}
.idx03Box_listIn:nth-child(3)::before {
position: absolute;
content: 'RESPONSE';
font-size: 8rem;
line-height: 1;
top: 0px;
right: -80px;
color: #ccc;
opacity: 0.4;
font-family: 'Chango', cursive;
font-weight: 800;
}*/
.idx03Box_listIn:last-child {
margin-bottom: 0;
}
.idx03Box_listIn-img {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
position: relative;
box-shadow: 0 0 20px rgba(0,0,0,.2)
}
.idx03Bg01 {
background: url("../images/index/idx03_img01.jpg") center center no-repeat;
background-size: cover;
padding: 100px 0;
}
.idx03Bg02 {
background: url("../images/index/idx03_img02.jpg") center center no-repeat;
background-size: cover;
padding: 100px 0;
}
.idx03Bg03 {
background: url("../images/index/idx03_img03.jpg") center center no-repeat;
background-size: cover;
padding: 100px 0;
}
.idx03Bg04 {
background: url("../images/index/idx03_img04.jpg") center center no-repeat;
background-size: cover;
padding: 100px 0;
}


.idx03Box_listIn-txt {
-ms-flex-preferred-size: 96%;
flex-basis: 96%;
max-width: 96%;
margin: -20px auto 0;
box-sizing: border-box;
padding: 20px;
background: -webkit-gradient(linear, left top, right top, from(#0083B0), to(#00B4DB));
background: linear-gradient(90deg, #0083B0, #00B4DB);
color: #fff;
position: relative;
}

.idx03Box_listIn-txt2 {
-ms-flex-preferred-size: 96%;
flex-basis: 96%;
max-width: 96%;
margin: -20px auto 0;
box-sizing: border-box;
padding: 20px;
background: -webkit-gradient(linear, left top, right top, from(#4e54c8), to(#8f94fb));
background: linear-gradient(90deg, #4e54c8, #8f94fb);
color: #fff;
position: relative;
}

.idx03Box_listIn-txt3 {
-ms-flex-preferred-size: 96%;
flex-basis: 96%;
max-width: 96%;
margin: -20px auto 0;
box-sizing: border-box;
padding: 20px;
background: -webkit-gradient(linear, left top, right top, from(#F37335), to(#FDC830));
background: linear-gradient(90deg, #F37335, #FDC830);
color: #fff;
position: relative;
}

.idx03Box_listIn-txt4 {
-ms-flex-preferred-size: 96%;
flex-basis: 96%;
max-width: 96%;
margin: -20px auto 0;
box-sizing: border-box;
padding: 20px;
background: -webkit-gradient(linear, left top, right top, from(#0ECC8A), to(#C8F54A));
background: linear-gradient(90deg, #0ECC8A, #C8F54A);
color: #fff;
position: relative;
}


.idx03Box_listIn-txt h4,
.idx03Box_listIn-txt2 h4,
.idx03Box_listIn-txt3 h4,
.idx03Box_listIn-txt4 h4{
color: #fff;
font-size: 2rem;
margin-bottom: 20px;
}

.idx03Box_listIn-txt h5,
.idx03Box_listIn-txt2 h5,
.idx03Box_listIn-txt3 h5,
.idx03Box_listIn-txt4 h5{
color: #fff;
font-size: 1.7rem;
font-weight: 500;
margin-bottom: 10px;
}


/* 01
--------------------------------------------*/
.rsGbox {
background-color: #f4f4f4;
padding: 20px;
margin-top: 20px;
}
.rsGbox h5 {
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 10px;
}
.rsGbox h6 {
display: inline-block;
padding: 10px 20px;
font-size: 1.7rem;
color: #fff;
border-radius: 100px;
font-weight: 500;
background: -webkit-gradient(linear, left top, right top, from(#2084B9), to(#00C9ED));
background: linear-gradient(90deg,
#2084B9, #00C9ED);
position: relative;
margin-bottom: 20px;
}

.rsGbox h6:before {
content: "";
position: absolute;
top: 100%;
left: 12%;
border: 10px solid transparent;
border-top: 10px solid #2084B9;
}
.rsGbox p {
color: #008CA7;
}

.rsImgBox {
margin-top: 40px;
}
.rsImgBox img {
margin-bottom: 10px;
}

.rsList {
margin-top: 20px;
background: -webkit-gradient(linear, left top, right top, from(#EAFDFD), to(#FAFFFA));
background: linear-gradient(90deg,
#EAFDFD, #FAFFFA);
padding: 20px;
}
.rsList li {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: #ccc dashed 1px;
}
.rsList li i {
color: #C8200F;
margin-right: 10px;
}

/*20200525追加------*/
.dpWrap {
box-sizing: border-box;
margin: 0 auto 50px;
border: #0ECC8A 2px solid;
padding: 20px;
background: #fff;
position: relative;
border-radius: 10px;
box-shadow: 3px 3px 0 #0ECC8A;
}
.dpTtl  {
text-align: center;
}
.dpTtl  h4 {
position: relative;
display: inline-block;
padding: 15px 20px;
background: #0ECC8A;
font-size: 1.8rem;
letter-spacing: 0.05em;
border-radius: 100px;
margin-bottom: 20px;
}
.dpTtl  h4  span {
font-size: 2.6rem;
position: relative;
}
.dot-text::before {
position: absolute;
content: "";
width: 0.2em;
height: 0.2em;
border-radius: 50%;
background-color: #333;
top: 0;
left: 45%;
transform: translate(-50%, 0);
}
.dpTtl_sub {
font-size: 1.6rem;
font-weight: 500;
/*text-align: center;*/
margin-bottom: 30px;
}
.dpFlex {
position: relative;
margin-bottom: 40px;
}

.dpFlex::before {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 30px;
    border-top: 20px solid #ff7f7f;
}

.dpFlexList {
}
.dpFlexList h5 {
text-align: center;
margin-bottom: 30px; 
}
.dpFlexList h5 span {
font-size: 1.8rem;
background:linear-gradient(transparent 75%, #ff7f7f 75%);
display: inline;
padding: 0 2px 0px;
}
.dpFlexList ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.dpFlexList li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
font-size: 1.5rem;
padding-bottom: 5px;
border-bottom: #ff7f7f dotted 2px;
}
.dpFlexList li:nth-child(n+2) {
margin-top: 20px;
}
.dpFlexList li i {
color: #ff7f7f;
font-weight: bold;
margin-right: 5px;
}
.dpTxt {
color: #0ECC8A;
font-size: 1.8rem;
}



/*add20210224
--------------------------------------------*/
.dpWrap2 {
width: 100%;
box-sizing: border-box;
margin: 30px auto 0;
border: #0ECC8A 2px solid;
padding:40px 20px;
background: #fff;
position: relative;
border-radius: 10px;
box-shadow: 5px 5px 0 #0ECC8A;
}

.dpFlexList2 {
}

.dpFlexList2 h5 {
text-align: center;
margin-bottom: 30px; 
}

.dpFlexList2 h5 span {
font-size: 1.6rem;
background:linear-gradient(transparent 50%, #0ECC8A 100%);
display: inline;
padding: 0 2px 0px;
}


.dpFlexList2 .txt {
background: #F1F1F1;
box-sizing: border-box;
padding: 10px;
box-sizing: border-box;
text-align: left;
margin-bottom: 20px;
font-size: 0.9em;
}

.dpFlexList2 .soufu_img {
width: 100%;
margin: auto;
}


/* 02
--------------------------------------------*/
.flexBox_bw-2col {
position: relative;
}
.rs02_icon {
position: absolute;
top: -30px;
left: -20px;
width: 100px;
}
.rskome {
margin-top: 10px;
color: #fff;
padding: 20px;
background: -webkit-gradient(linear, left top, right top, from(#2084B9), to(#00C9ED));
background: linear-gradient(90deg, #2084B9, #00C9ED);
}


/* 03
--------------------------------------------*/
.rs03_icon {
position: absolute;
top: -5px;
left: -5px;
display: inline-block;
padding: 10px 20px;
font-size: 1.6rem;
background: -webkit-gradient(linear, left top, right top, from(#2084B9), to(#00C9ED));
background: linear-gradient(90deg, #2084B9, #00C9ED);
color: #fff;
}

.kaku3::before{
content: "";
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
margin: auto;
box-sizing: border-box;
border: 30px solid transparent;
border-top: 60px solid #C8200F;
z-index: 5;
}



/*add20210621
--------------------------------------------*/
.comTit01_reason01,
.comTit01_reason02,
.comTit01_reason03{
text-align: center;
margin-bottom: 30px;
}

.comTit01_reason01 h3,
.comTit01_reason02 h3,
.comTit01_reason03 h3{
font-size: 2rem;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.1em;
position: relative;
display: inline-block;
}

.comTit01_reason01 h3::before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 3px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;
background: -webkit-gradient(linear, left top, right top, from(#0083B0), to(#00B4DB));
background: linear-gradient(90deg, #0083B0, #00B4DB);
}

.comTit01_reason02 h3::before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 3px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;
background: -webkit-gradient(linear, left top, right top, from(#4e54c8), to(#8f94fb));
background: linear-gradient(90deg, #4e54c8, #8f94fb);
}

.comTit01_reason03 h3::before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 3px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
border-radius: 2px;
background: -webkit-gradient(linear, left top, right top, from(#F37335), to(#FDC830));
background: linear-gradient(90deg, #F37335, #FDC830);
}



}