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

/*PC*/
@media print, screen and (min-width: 769px) {
.btnList_f {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.btnList_f li {
  width: 30%;
  margin-bottom: 20px;
}
.btnList_f li:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.btnList_f li a {
font-family: 'M PLUS Rounded 1c', sans-serif;
display: block;
text-align: center;
font-size: 2.5rem;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 500;
background-color: #e60012;
color: #fff;
border-radius: 8px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
padding: 5px;
box-sizing: border-box;
}

.btnList_f li a span {
padding: 10px 25px;
border: #fff 2px dotted;
border-radius: 8px;
display: block;
}

.btnList_f li.btnList_f2 a,
.btnList_f li.btnList_f3 a {
background-color: #f6ac19;
}

.btnList_f li.btnList_f4 a {
background-color: #f29a76;
}

.comTitSub h3 {
font-size: 2.8rem;
}

.fdBox {
background-color: #fff;
border-radius: 18px;
padding: 40px 60px 50px;
margin-bottom: 60px;
}

.fdBox:last-child {
margin-top: 0px;
}

.fdBox_hed {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}

.fdBox_hed-icon {
-ms-flex-preferred-size: 17%;
flex-basis: 17%;
width: 17%
}

.fdBox_hed-tit {
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
width: 80%;
border-bottom: #c64d97 3px dotted;
padding-bottom: 5px;
}

.fdBox_hed-tit h4 {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 3.2rem;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 700;
margin-bottom: 5px;
}

.fdBox_hed-tit p {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 2rem;
line-height: 1.2;
font-weight: 700;
margin-bottom: 10px;
}
    .fdBox_hed-tit p.pFieldName {
      font-family: "メイリオ", "Meiryo", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
      font-weight: 400;
    }

.fdBox_hed-tit p span {
font-size: 1.6rem;
}

.fdBox_txt p {
font-size: 1.8rem;
line-height: 2;
text-indent: 1.8rem;
}

.fdBox_voice {
margin-top: 50px;
}

.fdBox_voice-tit {
background-color: #c64d97;
padding: 10px 30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.fdBox_voice-icon {
-ms-flex-preferred-size: 45px;
flex-basis: 45px;
width: 45px;
}

.fdBox_voice-tit h5 {
color: #fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 2.5rem;
line-height: 1.2;
font-weight: 700;
padding-left: 20px;
}

.fdBox_voice-txt {
background-color: #fffcdb;
border: #c64d97 1px solid;
padding: 25px 30px;
font-size: 1.8rem;
}

.fdBox_voice-txt p{
  text-indent: 1.8rem;
}

/*---------*/
.fbtnBox {
margin-top: 30px;
background-color: #fffcd1;
padding: 40px 0;
}

.fbtnList {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.fbtnList li {
-ms-flex-preferred-size: 18%;
flex-basis: 23%;
width: 23%;
}

.fbtnList li a {
box-sizing: border-box;
display: block;
background-color: #f6ac19;
color: #fff;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 2.5rem;
line-height: 1.2;
height: 100%;
padding: 10px 5px;
border-radius: 10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.fbtnList li a:hover {
background-color: #303030;
}

}





/*-PC SP---------------------------------------------------*/
/* Radial Out */
.hvr-radial-out2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #303030;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out2:hover, .hvr-radial-out2:focus, .hvr-radial-out2:active {
  color: white;
}
.hvr-radial-out2:hover:before, .hvr-radial-out2:focus:before, .hvr-radial-out2:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
/*---------*/
.comTitSub h3::before, .comTitSub h3::after {
position: absolute;
top: 50%;
content: '';
width: 400%;
height: 7px;
margin-top: -4px;
background: repeating-linear-gradient(-45deg, #c64d97, #c64d97 5px, #fff0fc 0px, #fff0fc 8px);
}

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





/*sp*/
@media only screen and (max-width: 768px) {
.btnList_f {
width: 100%;
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;
}

.btnList_f li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}

.btnList_f li:nth-child(n+2) {
margin-top: 15px;
}

.btnList_f li a {
font-family: 'M PLUS Rounded 1c', sans-serif;
display: block;
text-align: center;
font-size: 1.8rem;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 500;
background-color: #e60012;
color: #fff;
border-radius: 8px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
padding: 5px;
box-sizing: border-box;
}

.btnList_f li a span {
padding: 10px 25px;
border: #fff 2px dotted;
border-radius: 8px;
display: block;
}

.btnList_f li.btnList_f2 a,
.btnList_f li.btnList_f3 a {
background-color: #f6ac19;
}

.btnList_f li.btnList_f4 a {
background-color: #f29a76;
}

.comTitSub h3 {
font-size: 2rem;
}

.fdBox {
background-color: #fff;
border-radius: 18px;
padding: 20px 20px;
margin-bottom: 40px;
}

.fdBox:last-child {
margin-top: 0px;
}

.fdBox_hed {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}

.fdBox_hed-icon {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
text-align: center;
margin-bottom: 10px;
}

.fdBox_hed-icon img {
width: 90px;
}

.fdBox_hed-tit {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
border-bottom: #c64d97 3px dotted;
padding-bottom: 5px;
}

.fdBox_hed-tit h4 {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 2.4rem;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 700;
margin-bottom: 5px;
}

.fdBox_hed-tit p {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 1.8rem;
line-height: 1.2;
font-weight: 700;
margin-bottom: 10px;
}

.fdBox_hed-tit p span {
font-size: 1.6rem;
}

.fdBox_txt p {
font-size: 1.6rem;
line-height: 1.8;
text-indent: 1.6rem;
}

.fdBox_voice {
margin-top: 30px;
}

.fdBox_voice-tit {
background-color: #c64d97;
padding: 10px 15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.fdBox_voice-icon {
-ms-flex-preferred-size: 40px;
flex-basis: 40px;
width: 40px;
}

.fdBox_voice-tit h5 {
color: #fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 1.9rem;
line-height: 1.2;
font-weight: 700;
padding-left: 20px;
}

.fdBox_voice-txt {
background-color: #fffcdb;
border: #c64d97 1px solid;
padding: 15px 15px;
font-size: 1.6rem;
}
.fdBox_voice-txt p{
  text-indent: 1.6rem;
}


/*---------*/
.fbtnBox {
margin-top: 30px;
background-color: #fffcd1;
padding: 30px 0;
}

.fbtnList {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.fbtnList li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
width: 48%;
}

.fbtnList li:nth-child(n+3) {
margin-top: 20px;
}

.fbtnList li a {
box-sizing: border-box;
display: block;
background-color: #f6ac19;
color: #fff;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 1.8rem;
line-height: 1.2;
height: 100%;
padding: 15px 5px;
border-radius: 10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.fbtnList li a:hover {
background-color: #303030;
}


}