@charset 'UTF-8';

/*===========================================
mv
===========================================*/
.mv{
position: relative;
}
.mv:before{
content: '';
display: block;
width: 100%;
}
.mv:before{
position: relative;
height: 0;
padding-top: 9.5%;
background-color: #FCEAEE;
background-image: linear-gradient(90deg,#FCEAEE 0%, #FCF6EE 100%);
}
.mv .mv_wrap{
display: flex;
align-items: flex-end;
justify-content: center;
margin: 0 20px;
z-index: 1;
}
.mv .mv_inner{
width: 100%;
max-width: 780px;
margin-top: -6%;
z-index: 1;
}
.mv .ttl{
position: relative;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
padding: 2.5em 20px 2.5em 20px;
background: #fff;
}
.mv .ttl:before,
.mv .ttl:after{
content: '';
display: block;
position: absolute;
height: 0;
background: center no-repeat;
background-size: contain;
}
.mv .ttl:before{
width: 11.54%;
padding-top: 13.08%;
top: -30px;
right: 3%;
background-image: url(/communication/improvement/image/shisenmabo_bg_01.png);
}
.mv .ttl:after{
width: 12.05%;
padding-top: 15.13%;
bottom: -15px;
left: 3%;
background-image: url(/communication/improvement/image/shisenmabo_bg_02.png);
}
.mv .ttl p{
position: relative;
font-size: 1.8rem;
text-align: center;
z-index: 1;
}
.mv .ttl h1{
position: relative;
padding-bottom: 24px;
font-size: 3.4rem;
text-align: center;
z-index: 1;
}
.mv .ttl h1:after{
content: '';
display: block;
position: absolute;
width: 64px;
height: 2px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #EC7992;
}
.mv .ttl span{
display: inline-block;
}

@media screen and (max-width:767px){
.mv:before{
padding-top: 48%;
}
.mv .mv_wrap{
align-items: flex-start;
}
.mv .mv_inner{
margin-top: -35%;
}
.mv .ttl{
border-radius: 10px;
padding: 3.5em 20px 3.5em 20px;
}
.mv .ttl:before{
width: 18.41%;
padding-top: 20.95%;
top: -15px;
}
.mv .ttl:after{
width: 15.23%;
padding-top: 19.05%;
bottom: 15px;
}
.mv .ttl h1{
font-size: 3rem;
}
}

/*===========================================
imgBlock
===========================================*/
.imgBlock{
margin-top: 6%;
}
.imgBlock img{
width: auto;
max-width: 100%;
margin: auto;
border: 1px solid #c6c6c6;
padding: 3%;
}
.imgBlock .mod_itemList_2_1 {
width: 70%;
margin: auto;
border: 1px solid #c6c6c6;
padding: 3%;
}
.imgBlock .mod_itemList_2_1 img{
border: none;
padding: 0%;
}
@media screen and (max-width:767px){
.imgBlock{
margin-top: 12%;
}
.imgBlock img{
padding: 10%;
}
.imgBlock .mod_itemList_2_1 {
width: 100%;
}
.imgBlock .mod_itemList_2_1 .mod_flex > * {
flex-basis: calc(100% / 2);
}
.imgBlock .mod_itemList_2_1 .mod_flex > *:nth-of-type(n + 2) {
margin-top: 0px;
}
}

/*===========================================
comment
===========================================*/
.comment .ttl:after{
background-color: #F09AAD;
}
.comment .flex{
display: flex;
justify-content: space-between;
max-width: 920px;
margin: 2em auto 0 auto;
}
.comment .img{
flex-basis: 6.41%;
}
.comment .img img{
margin-top: 10px;
backface-visibility: hidden;
}
.comment .txt{
flex-basis: 90.76%;
}
.comment .txt p{
position: relative;
border: 2px solid #f5bcc8;
border-radius: 10px;
padding: 1.5em 2em;
font-weight: bold;
background: #fff5f7;
}
.comment .txt p:after{
content: '';
display: block;
position: absolute;
width: 13px;
height: 15px;
top: 33px;
left: -13px;
margin: auto;
background: url(/communication/improvement/image/shisenmabo_bg_03.png) center no-repeat;
background-size: contain;
}
.comment .txt02 p{
margin-top: 2em;
}
@media screen and (max-width:767px){
.comment .img{
flex-basis: 11.94%;
}
.comment .img img {
margin-top: 5px;
}
.comment .txt{
flex-basis: 83.58%;
}
.comment .txt p{
padding: 1em;
line-height: 2;
}
.comment .txt p:after {
width: 13px;
height: 15px;
top: 24px;
}
}

/*===========================================
improvement
===========================================*/
.improvement .ttl:after{
background-color: #F09AAD;
}
.improvement .txt{
margin-top: 2em;
}
.improvement .img{
margin-top: 2em;
}
.improvement .img img{
width: auto;
max-width: 100%;
margin: auto;
}

@media screen and (max-width:767px){
.improvement .img{
margin-left: 20px;
margin-right: 20px;
}
}

/*===========================================
contact
===========================================*/
.contact{
max-width: 580px;
margin: 8% auto 0 auto;
border-radius: 10px;
background-color: #FCEAEE;
background-image: linear-gradient(90deg,#FCEAEE 0%, #FCF6EE 100%);
}
.contact .contact_wrap{
padding: 40px;
}
.contact .ttl{
position: relative;
padding-top: 45px;
font-size: 2.8rem;
text-align: center;
}
.contact .ttl:before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 62px;
height: 20px;
margin: auto;
background: url(/communication/improvement/image/shisenmabo_bg_04.png) center no-repeat;
background-size: contain;
}
.contact .ttl > *{
font-weight: bold;
}
.contact .txt{
position: relative;
margin-top: 1em;
padding-top: 100px;
text-align: center;
}
.contact .txt:before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 80px;
height: 80px;
margin: auto;
background: url(/communication/improvement/image/shisenmabo_icon_01.svg) center no-repeat;
background-size: contain;
}
.contact .btn{
max-width: 383px;
margin: 2em auto 0 auto;
}
.contact .btn a{
border: none;
border-radius: 10px;
padding: 1em;
font-size: 2rem;
background: #EC7992;
}

@media screen and (max-width:767px){
.contact{
margin-top: 20%;
}
.contact .contact_wrap{
padding: 30px 20px;
}
.contact .ttl{
font-size: 2.4rem;
}
}