.header_bg {
  background: url("../images/kikki/mainimg.jpg") no-repeat center center;
  background-size: cover;}
@media only screen and (max-width:560px) {
  .header_bg {
    background: url("../images/kikki/mainimg_sp.jpg") no-repeat center center;
    background-size: cover;}}
.h1_area {
  text-align: center;}
.h1_area h1 {
  font-size: 40px;
  font-weight: 700;
  padding: 5.4% 0;}
@media only screen and (max-width:560px) {
  .h1_area h1 {
    font-size: 24px;}}
.h1_area .page_nav {
  padding: 0 0 11%;}
.h1_area .page_nav ul li {
  display: inline-block;
  padding: 0 2%;}
@media only screen and (max-width:560px) {
  .h1_area .page_nav ul li {
    display: block;
    padding: 2.6% 0;}}

.sec_kikki .sec_profile .character_inner {
  margin: 50px auto 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;}
/*@media only screen and (max-width: 960px) {
  .sec_kikki .sec_profile .character_inner {
	display: block;
	margin: 0 auto;}
  .sec_kikki .sec_profile .character_inner .p_img, .sec_kikki .sec_profile .character_inner .c_img{
	text-align: center;}}*/
@media only screen and (max-width: 559px) {
  .sec_kikki .sec_profile .character_inner {
	display: block;
	margin: 0 auto;}
  .sec_kikki .sec_profile .character_inner .p_img, .sec_kikki .sec_profile .character_inner .c_img{
	text-align: center;}
  .sec_kikki .sec_profile .character_inner .p_img img{
	width: 53%;}}
.sec_kikki .sec_profile .mascot_inner {
  margin: 40px auto 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;}
/*@media only screen and (max-width: 960px) {
  .sec_kikki .sec_profile .mascot_inner {
	display: block;
	margin: 30px auto 0;}
  .sec_kikki .sec_profile .mascot_inner .c_img {
	text-align: center;}}*/
@media only screen and (max-width: 559px) {
  .sec_kikki .sec_profile .mascot_inner {
	display: block;
	margin: 0 auto;}
  .sec_kikki .sec_profile .mascot_inner .c_img {
	text-align: center;}}
.sec_kikki .sec_profile .friends_inner {
  margin: 130px auto 180px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;}
@media only screen and (max-width: 559px) {
  .sec_kikki .sec_profile .friends_inner {
	display: block;
	margin: 20px auto 120px;}
  .sec_kikki .sec_profile .friends_inner .c_img {
	text-align: center;
	padding: 15px 0}}

.sec_kikki .sec_original .title_footsteps {
  text-align: center;}
.sec_kikki .sec_original .title_footsteps h3 {
  display: inline-block;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.45;
  position: relative;}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_original .title_footsteps h3 {
    font-size: 20px;
    padding: 24% 0 0;}}
.sec_kikki .sec_original .title_footsteps h3:before {
  position: absolute;
  top: -10%;
  left: -70%;
  content: "";
  background: url("../images/common/footsteps.png") no-repeat center center;
  background-size: cover;
  width: 35%;
  aspect-ratio: 449/383;
  transform: rotate(-30deg);}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_original .title_footsteps h3:before {
    width: 40%;
    top: 0;
    left: 25%; }}
.sec_kikki .sec_original .title_footsteps h3:after {
  position: absolute;
  top: -10%;
  right: -70%;
  content: "";
  background: url("../images/common/footsteps.png") no-repeat center center;
  background-size: cover;
  width: 35%;
  aspect-ratio: 449/383;
  transform: rotate(-30deg);}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_original .title_footsteps h3:after {
    display: none;}}
.sec_kikki .sec_original .title_footsteps .info {
  padding: 3.6% 9% 9%;}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_original .title_footsteps .info {
    padding: 12% 0 16%; }}

.sec_kikki .sec_original .original_inner {
  padding: 6% 0 14.5%;
  display: flex;
  justify-content: space-between;}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_original .original_inner {
    flex-wrap: wrap;
    padding: 12% 0 0;}}
.sec_kikki .sec_original .original_inner .box {
  width: 47%;}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_original .original_inner .box {
    width: 100%;
    padding: 0 0 16%;}}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_original .original_inner .box .img {
    text-align: center; }}
.sec_kikki .sec_original .original_inner .box .img img {
  border-radius: 30px;}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_original .original_inner .box .img img {
    width: 90%;
    margin: 0 auto;}}
.sec_kikki .sec_original .original_inner .box h4 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  padding: 4.7% 0;}

.sec_kikki .sec_souvenir .title_footsteps {
  text-align: center;}
.sec_kikki .sec_souvenir .title_footsteps h3 {
  display: inline-block;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.45;
  position: relative;}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_souvenir .title_footsteps h3 {
    font-size: 20px;
    padding: 24% 0 0;}}
.sec_kikki .sec_souvenir .title_footsteps h3:before {
  position: absolute;
  top: -10%;
  left: -70%;
  content: "";
  background: url("../images/common/footsteps.png") no-repeat center center;
  background-size: cover;
  width: 42%;
  aspect-ratio: 449/383;
  transform: rotate(-30deg);}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_souvenir .title_footsteps h3:before {
    width: 54%;
    top: 0;
    left: 20%; }}
.sec_kikki .sec_souvenir .title_footsteps h3:after {
  position: absolute;
  top: -10%;
  right: -70%;
  content: "";
  background: url("../images/common/footsteps.png") no-repeat center center;
  background-size: cover;
  width: 42%;
  aspect-ratio: 449/383;
  transform: rotate(-30deg);}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_souvenir .title_footsteps h3:after {
    display: none;}}
.sec_kikki .sec_souvenir .featuring_list {
  padding: 6% 0 0;
  display: flex;
  flex-wrap: wrap;}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_souvenir .featuring_list {
    padding: 12% 0 0;}}
.sec_kikki .sec_souvenir .featuring_list .box {
  width: 30.9%;
  margin-right: 3.6%;
  padding: 0 0 6%;}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_souvenir .featuring_list .box {
    width: 100%;
    margin-right: 0;
    padding: 0 0 16%;}}
.sec_kikki .sec_souvenir .featuring_list .box:nth-of-type(3n) {
  margin-right: 0;}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_souvenir .featuring_list .box .img {
    text-align: center;}}
.sec_kikki .sec_souvenir .featuring_list .box .img img {
  border-radius: 30px;}
@media only screen and (max-width:560px) {
  .sec_kikki .sec_souvenir .featuring_list .box .img img {
    width: 90%; }}
.sec_kikki .sec_souvenir .featuring_list .box h4 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  padding: 4.7% 0;}

.sec_kikki .sign {
  text-align: center;
  padding: 8% 0 20%;}
@media only screen and (max-width:960px) {
  .sec_kikki .sign img {
    width: 50%;}}
@media only screen and (max-width:560px) {
  .sec_kikki .sign {
    padding: 5% 0 30%;}
  .sec_kikki .sign img {
    width: 80%;}}
 
 
 /*.sec_kikki {
  background: url("../images/common/hr_white.png") no-repeat center bottom;
  background-size: 100% auto;
  padding: 0 0 10%;}
@media only screen and (max-width:560px) {
  .sec_kikki {
    background: url("../images/common/hr_white_sp.png") no-repeat center bottom;
    background-size: 100% auto;
    padding: 0 0 20%;}}*/
 
 
/*# sourceMappingURL=about.css.map */