@charset "UTF-8";

/* 上部ライン */
@media only screen and (max-width: 720px) {
  .header__body__top {
    display: block;
  }
}


/* header 上書き */
.header__body__middle .header__body__left {
  float: left;
  width: 204px;
  margin: 0px;
}

@media only screen and (max-width: 720px) {
  .header__body__middle .header__body__left {
    width: 35%;
    margin: 15px 0 15px 15px;
  }
  .header__body__middle .header__body__left .logo {
    width: auto;
    height: auto;
  }
  .header__body__middle .header__body__left .logo img {
    width: auto;
    height: auto;
  }
}

  
  .header__body__right{
  margin-left: 0;
  text-align:right;
  }

.headerUtility__item {
  position: relative;
  margin: 15px 0 15px 15px;
}



h1.header_h1{
line-height: 100%;
height:1.2em !important;
color:#333 !important;
}


.lp-heading {
  position: relative;
  height: 360px;
  overflow: hidden;
}


@media only screen and (max-width: 720px) {
  .lp-heading {
    margin-top: 15px;
    height: 300px;
  }
  
  .header__body__right{
  float: right;
  margin: 0 0 15px 0;
  margin-left: 0;
  width:50%;
  text-align:right;
  }
  
  .headerUtility__item {
  position: relative;
  margin: 15px 15px 10px 0px;
}

}

@media only screen and (max-width: 720px) {
  h2 {
  font-size:18px;
  }
  
  h3{
  font-size:17px;
}

 h4,
 c-h4{
  font-size:16px;
}
}

.lp_text{
  width:960px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  margin:0 auto;
}

.lp-heading h2 {
position:relative;
  margin-top: 30px;
  margin-left: 550px;
  font-size:36px;
  width:410px;
  }
  
  .lp-heading h2 span {
  color: #fff;
  padding-left: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 0px 0px 20px #000000,
	rgba(0,0,0,0.3) 0px 0px 10px,
	rgba(0,0,0,0.2) 1px 1px 1px,
	rgba(0,0,0,0.2) -1px -1px 1px,
	rgba(0,0,0,0.2) 1px -1px 1px,
	rgba(0,0,0,0.2) -1px 1px 1px;
/* text-shadow: 0px 0px 20px #000000; change 201711*/
}
  
.lp-heading p.lp_copy {
position:relative;
  margin-top: 10px;
  margin-left: 550px;
  font-size:18px;
  font-weight: bold;
  color: #fff;
    text-shadow: 0px 0px 10px #000000,
	rgba(0,0,0,0.2) 1px 1px 1px,
	rgba(0,0,0,0.2) -1px -1px 1px,
	rgba(0,0,0,0.2) 1px -1px 1px,
	rgba(0,0,0,0.2) -1px 1px 1px;
  }
.lp-heading div.lp_btn {
  margin-top: 10px;
  margin-left: 550px;
  }

.lp_sub_text{
  margin-top: 15px;
  margin-left: 550px;
}

.lp_sub_text span{
 padding:3px 10px;
 display: inline-box;
 background-color: rgba(0,0,0,0.2);
 color:#fff;
}

.lp_sub_text span a{
 color:#fff;
}

@media only screen and (max-width: 720px) {
.lp_text{
  position: absolute;
    top: 3vh;
    left: 45vw;
    width: 55vw;
    text-align:left;
    padding-right:10px;
    box-sizing: border-box;
}

.lp-heading h2 {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  font-size:20px;
  width:auto;
  }

  
.lp-heading p.lp_copy {
  margin-top: 5px;
  margin-left: 0;
  font-size:14px;
  font-weight: normal;
  }
.lp-heading div.lp_btn {
  margin-top: 0;
  margin-left: 0;
  }

.lp_btn .btn-w470 span {
    width: 50vw;
    min-width: 160px;
  }
  
.lp_sub_text{
  margin-top: 15px;
  margin-left: 0;
}
}
.lp-heading .lp__img {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200%;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .lp-heading .lp__img {
    position: relative;
    top: 0;
    left: 0;
    width: auto !important;
    height: auto;
  }
}
.lp-heading .lp__img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}


.contents__Body-auto wrap{
width:960px;
margin:0 auto;}

@media only screen and (max-width: 720px) {
  h2 {
    line-height: 30px;
  }
  
    .lp-heading .lp__img img {
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    min-width: 1%;
    min-height: 1%;
  }
  
  .lp-heading {
    margin-top: 0px;
}
.contents__Body-auto wrap{
width:auto;
}

}


#nav {
  list-style: none;
  overflow: hidden;
  width:960px;
  text-align:center;
  margin:0 auto;
  border-left:1px solid #fff;
}
 
#nav li {
  width: 190px;
  text-align: center;
  float: left;
  border-right:1px solid #fff;
  margin:0;
  vertical-align:middle;
}
 
#nav li a {
position: relative;
  font-weight: bold;
  padding: 0.5em;
  display: block;
  height:3.5em;
  vertical-align:middle;
  text-decoration: none;
}
#nav li a span{
  text-decoration: none;
  color: #fff;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
width: 100%;
text-align: center;/*一応BOX内の文字も中央寄せ*/
}

h3.donate_ttl{
  color: #00549f;
  font-weight: bold;
  background: none !important;
  padding: 0px 0px 0px;
  margin: 0 0px;
  
}

@media only screen and (max-width: 720px) {
  .lp_navi {
  padding:10px 0;
}
  #nav {
  list-style: none;
  overflow: hidden;
  width:100%;
  text-align:left;
  margin:0px;
  border-left:none;
}
 
#nav li {
  width: auto;
  text-align: center;
  float: left;
  border-right:none;
  margin:0;
  vertical-align:middle;
}

#nav li:not(:last-child)::after{
content: "｜";
color: #fff;
}
 
#nav li a {
position: relative;
  font-weight: normal;
  padding: 0.5em;
  display: inline;
  height:auto;
  vertical-align:middle;
}



#nav li a span{
text-decoration: underline;
color: #fff;
position: relative;
top: 0;
left: 0;
-ms-transform: translate(0%,0%);
-webkit-transform : translate(0%,0%);
transform : translate(0%,0%);
width: 100%;
text-align: left;
line-height: 175%;
}

#nav li a span::before{
content: "\e904";
font-size:0.8em;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



  
}

em.vn{
    font-family: 'Veneer';
    font-weight: 400;
    line-height: 1.1;
    text-rendering: optimizeLegibility;
    font-size: 1.5em;
}

p.set-right.color-blue{
line-height: 160%;
}


em.em_yellow{
    background: linear-gradient(transparent 80%, #f6d230 80%);
}


.bgpaper_pink {
	background : url(../img/bg_pk.png);
}



  .kifu_button_selected + .kifuMsg {
  width: 222px;
}


.faq .faq__item {
  border-bottom: 1px solid #dad8d6;
  font-size: 16px;
  line-height: 178%;
}

@media only screen and (max-width: 720px) {

  .btn-w222 span {
    flex
    width: 80px;
  }

  .kifu_button_selected + .kifuMsg {
 /* display: flex;*/
  width: 100px;
}

.faq .faq__item {
  border-bottom: 1px solid #dad8d6;
  font-size: 12px;
  line-height: 125%;
}
}




.bgpaper_beige {
	background : url(../img/bg_bg.png);
}

.bgpaper_pink {
	background : url(../img/bg_pk.png);
}

.bgpaper_blue {
	background : url(../img/bg_sand.png);
}

.em_pink {
background: linear-gradient(transparent 80%, #f1b8d2 80%);
}

@media only screen and (max-width: 720px) {
.category-heading h2 span{
  font-size: 20px;
}
}


.points {display: inline-block;
list-style-type: none;
margin-left: 0px;}
.points li {
          text-indent: -1em;
          padding-left: 1em;
          text-align: left}

p.blur{  text-shadow: 0px 0px 10px #fff,
	rgba(225,225,225,0.5) 0px 0px 10px,
	rgba(225,225,225,0.5) 2px 2px 2px,
	rgba(225,225,225,0.5) -2px -2px 2px,
	rgba(225,225,225,0.5) 2px -2px 2px,
	rgba(225,225,225,0.5) -2px 2px 2px;
	margin-bottom: 20px;}

.font10 {
  font-size: 62%;
}
@media only screen and (max-width: 720px) {
  .font10 {
    font-size: 75%;
  }
}


/* scroll */
.slider-pro {
  position                      : relative;
  margin                        : 20px auto 0;
  -moz-box-sizing               : content-box;
  box-sizing                    : content-box;
}

@media only screen and (max-width: 720px) {
  .slider-pro {
    margin                        : 10px auto 0;
  }
}


.sp-horizontal .sp-previous-arrow {
  left  : 20px;
}

.sp-horizontal .sp-next-arrow {
  right : 20px;
}

.sp-horizontal .sp-previous-arrow,
.sp-horizontal .sp-next-arrow {
  color: #00549f;
  font-size: 40px;
  text-shadow: none;
}

  .comment .comment__body {
    padding: 30px ;
  }

@media only screen and (max-width: 720px) {
  .sp-horizontal .sp-previous-arrow {
    left  : 7px;
  }

  .sp-horizontal .sp-next-arrow {
    right : 7px;
  }

  .sp-horizontal .sp-previous-arrow,
  .sp-horizontal .sp-next-arrow {
    font-size: 15px;
    text-shadow: none;
  }
  
  
  .comment .comment__body {
    padding: 20px 30px ;
  }

.sp-vertical .sp-previous-arrow {
  top   : 20px;
}

.sp-vertical .sp-next-arrow {
  bottom: 20px;
}

}

.sp-buttons {
	position : relative;
	width : 100%;
	text-align : center;
	padding-top : 10px;
}
.sp-button {
	width : 10px;
	height : 10px;
	border : 1px solid #00549f;
	border-radius : 0%;
	margin : 4px;
	display : inline-block;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	cursor : pointer;
}
.sp-selected-button {
	background-color : #00549f;
}
@media only screen and (max-width: 720px)  {
.sp-button {
	width : 12px;
	height : 12px;
}
}


.sp-slide.sp-selected {opacity:1;}
.sp-slide {opacity:0.4;}



/* Float */

@media only screen and (max-width: 720px) {
.btn-306 span {
    min-width: 130px !important;
  }
}


.contents__Body-auto .wrap.pd-small {
  padding: 30px 0 30px;
}

@media only screen and (max-width: 720px) {
  .contents__Body-auto .wrap.pd-small {
    padding: 20px 0 20px;
  }
  
    .btn-w306 span {
    width: auto;
    min-width: 130px;
  }
}

.icon-question:before {
 content: "\e907";
     color: #67c5d7;
    margin-left: 5px;
    font-size: 120%;
    margin-bottom: -5px;
}

.tip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.tip .tiptext {
	position: absolute;
	z-index: 1;
	top: 110%;
	right: -30px;
	visibility: hidden;
	width: 200px;
	padding: 0.3em 0.5em;
	transition: opacity 1s;
	text-align: center;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #67c5d7;
	font-size: 85%;
    line-height: 145%;
}
.tip .tiptext::after {
	position: absolute;
	bottom: 100%;
	right: 20%;
	margin-right: -10px;
	content: ' ';
	border: 5px solid transparent;
	border-bottom-color: #67c5d7;
}
.tip:hover .tiptext {
	visibility: visible;
	opacity: 0.8;
}

w-auto {
    width: auto;
  }