@charset "utf-8";

.lp_base {
	-webkit-text-size-adjust: none;
	background:#FFF;
	font-size:14px;
	color: #383838;
	line-height:1.4;
	margin:0;
}
.lp_base ul{
	padding:0;
  list-style:none;
}
.lp_base li {
  margin-bottom: 0;
}
.lp_base a{
	text-decoration:none;
	display: block;
	font-size:14px;
}

.lp_base p {
	margin: 0;
  text-align: left;
}
img, object, embed {
  height: auto !important;
  max-width: 100% !important;
}
.lp_base img {
  width:100%;
  vertical-align:top;
}

/*header
---------------------------------------------------*/
.header {
  margin-bottom: -5px;
}

#lp_header {
  overflow: hidden;
  background: #0099FF;
  font-size: 100%;
  text-align: center;
  padding: 2% 0 1% 0;
}
#lp_header img {
  width: 22%;
}

/*header2
---------------------------------------------------*/
#lp_header2 {
  background: #0099FF;
  font-size: 100%;
  text-align: center;
  padding: 4px 0px 1px 0;
}
#lp_header2 img {
	vertical-align:bottom;
}
#lp_header2 .headersitelogo2{
	float:right;
	margin-top:3px;
}
#lp_header2 .headerinfo{
	float:left;
}

#headerbar {
  background-color: #0173de;
  color: #fff;
  width: 100%;
}
.headerbarinner {
  padding: 6px 0 5px 0;
  font-size:10px;
  line-height:1.4;
  text-align:center;
}
.headerbarinner a {
  color: #fff;
  text-decoration: underline;
}
.headerLeft,.headerRight {
  float: left;
  width: 28%;
}
.headerCenter {
  float: left;
  width: 44%;
}



/*footer
---------------------------------------------------*/
footer {
    background: #0088FF;
    clear: both;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
}
footer img {
	width:88.125%;
}
footer a {
	margin:0 auto;
	text-align:center;
}
footer p{
	text-align:center;
	margin:0 auto;
}
.footer_box {
  width: 90%;
  margin: 0 auto;
  padding: 0 5% 5% 5%;
  font-size: 14px;
  color: #00c0ff;
  background-color: #fafafa;
}

.cr_rev_img {
  padding: 5% 0 5% 0;
}

/*blockbtn
---------------------------------------------------*/
.blockbtn {
  background:#ffffff;
}
.blockbtn .sectionTitle{
	margin:0 0 4% 0;
}
.blockbtn .stitle{
  margin-top:20px;
}
.blockbtn .line{
  border-bottom: 1px solid #b5b5b5;
  margin: 7px 10px 7px 10px;
}
.fund_btn {
  margin: 0 5% 0 5%;
  width: 90% !important;
  height: auto !important;
}

.blockbtn .link {
  padding: 2% 0 10%;
  background: url(../img/cta_bg1.png) left top no-repeat;
  background-size: 20%;
  margin: 4% auto 0 auto;
  text-align: center;
}
.blockbtn .link a {
  margin: 0 4% 0 12%;
  color:#0099ff;
  text-decoration: underline;
}
.blockbtn .link2 {
  width: 90%;
  padding: 2% 0 2%;
  margin: 4% auto 0 auto;
  text-align: left;
}
.blockbtn .link2 a {
  color: #0099ff;
  text-decoration: underline;
}

.cr_blockbtn .link2 {
  width: 90%;
  padding: 2% 0 2%;
  margin: 4% auto 4% auto;
  text-align: left;
}
.cr_blockbtn .link2 a {
  color: #0099ff;
  text-decoration: underline;
}
.blockBtn .title01{
  color: #0099ff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.blockBtn span{
	color: #0099ff;
	font-weight: bold;
}

.blockbtnback1 {
  background:#f3e9d3;
  padding-bottom: 20px;
}
.blockbtn_gray{
  background:#ececec !important;
}


/*floatbtn
---------------------------------------------------*/
#floatbtn {
  display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  padding: 2% 0 1% 0;
  background: #ffffff;
}
#floatbtn .floatTitle {
  display: inline-block;
  width: 26%;
  margin: 0 0 0 2%;
}
#floatbtn .btnArea {
  display: inline-block;
  width: 34%;
  margin: 0 0 0 0;
}
#floatbtn .btnArea a {
  width: 100%;
}
#floatbtn .btnArea .fundBtn {
  height: auto !important;
}



/*guideArea
---------------------------------------------------*/

.guideArea {
  margin: 5% auto 5% auto;
  width: 82%;
  font-size: 12px;
  min-height: 20px;
  padding: 2% 3% 1%;3%
  background-color: #fff;
  color: #5f4c41;
  border: 2px dotted #c7c7c7;
}
.guideArea p {
  margin: 2%;
  width: 94%;
  font-weight: bold;
}
.guideArea span {
  width: 3%;
}

.guideArea p,.guideArea span {
  display: inline-block;
}
.guideArea a {
  font-size: 12px;
  width: 42%;
  display: inline-block;
  padding-left: 6%;
  background: url(../img/guide_bg1.png) left no-repeat;
  background-size: 15%;
  color: #5f4c41;
  text-decoration: underline;
  margin-bottom: 4%;
}
.guide_box {
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto 5% auto;
  font-size: 12px;
  border: 3px solid #afd6f1;
  padding: 2%;
}
.guide_box a {
  color:#0099ff;
  display: inline-block;
}


/*sbArea
---------------------------------------------------*/
.sbArea {
  width: 90%;
  margin: 5% auto 5% auto;
  border: 5px solid #dcdcdc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color:#666666;
}
.sbBox {
  padding: 5% 2%;
  border: 1px solid #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
	background-color:#ffffff;
}
.sbBox .sbleft{
	display:inline-block;
	width:26%;
	float:left;
}
.sbBox .sbright{
	display:inline-block;
	width:68%;
}
.sbBox a {
  box-sizing:border-box;
  margin: 0 0 10px 8% ;
}
.sbBox p {
  margin: 0 1%;
  font-size: 12px;
}
.sbBox .sbtext1 {
  padding: 0 0 10px 8% ;
}
.sbBox .sbtext2 {
  padding-top: 2%;
}

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

.sbBox2_wrap {
  background-color: #fff;
  font-size: 12px;
  margin: 0 4%;
  padding: 1% 0 3% 4%;
  border: 5px solid #dcdcdc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;

}
.sbBox2 {
}
.sbBox2 .sbleft {
  display: inline-block;
  width: 26%;
  float:left;
  margin:0 5% 0 5%;
}
.sbBox2 .sbright {
  display: inline-block;
  width: 55%;
  float:left;
}
.sbBox2 .sbright a{
  padding-top:15px;
}
.sbBox2 .sbtext {
  padding-top: 2%;
}

.sb2 {
  width: 100%;
  background: #f7f7f7;
  color: #000000;
}
.sb2 .contents_box{
  background: #f7f7f7;
  width: 96%;
  margin: 0 2% 10px 2%;
  border-bottom: 1px dotted #4b4847;
}
.sb2 .contents_box2{
  border-bottom: none !important;
}
.sb2 .text0 {
  font-size: 12px;
  padding: 5px 3% 15px 3%;
  color: #4b4847;
  float: left;
}
.sb2 .img1 {
  padding: 5% 0 0 3%;
  width: 30%;
  float: left;
}
.sb2 .text1 {
  font-size: 14px;
  padding: 15px 3% 20px 3%;
  color: #4b4847;
  width: 61%;
  float: left;
}
.sb2 .text1 a {
  font-size: 14px;
  color: #0099ff;
  text-decoration: underline;
}
.sb2 .img2 {
  padding: 3% 0 0 0;
  width: 40%;
  float: right;
}
.sb2 .text2 {
  font-size: 14px;
  padding: 15px 3% 15px 3%;
  color: #000;
  width: 54%;
  float: left;
}
.sb2 .text0 span {
  font-weight: bold;
  color: #3797ce;
}

.sb2 .contents_box3{
  background: #eaf7ff;
  padding: 4%;
  font-size:14px;
  text-align:center;
}
.sb2 .contents_box3 a{
  color:#0099ff;
  text-decoration: underline;
}

.DescriptionText {
  color: #444444;
  font-size: 12px;
  line-height: 1.4;
  margin: 0 10px;
  margin-top:10px;
}

.blockBtn {
    border: 2px solid #0099FF;
    margin: 20px auto 20px auto;
    padding: 15px 0;
    width: 92%;
    box-sizing: border-box;
}
.blockBtn .boxRight {
    float: right;
    margin: 2% 6% 0 0;
    width: 56%;
}
.blockBtn .boxRight .btn {
    margin-left: 5px;
}
.blockBtn .stext {
    font-size: 12px;
    margin: 5% 8% 0 8%;
}

.blockBtn .stext {
    font-size: 12px;
    margin: 5% 8% 0 8%;
}
.blockBtn .img {
    margin-top: 10px;
    width: 24%;
    margin-left: 8%;
}
.blockBtn2 {
    border: 2px solid #0099FF;
    margin: 10px auto 5px auto;
    padding: 15px 0;
    width: 92%;
    box-sizing: border-box;
}
.blockBtn2 .boxRight {
    float: right;
    margin-right: 6%;
    width: 56%;
}
.blockBtn2 .boxRight .btn {
    margin-left: 5px;
}
.blockBtn2 .stext {
    font-size: 12px;
    margin: 5% 8% 0 8%;
}

.blockBtn2 .stext {
    font-size: 12px;
    margin: 5% 8% 0 8%;
}
.blockBtn2 .img {
    margin-top: 10px;
    width: 24%;
    margin-left: 8%;
}


/*メインコンテンツ
---------------------------------------------------*/

.main_img {
  padding: 0 !important;
}

/*--------------------*/
.sectionintro1 {
  background: #f4ebd8;
}
.sectionintro2 .contents_box{
  display: inline-block;
  vertical-align: middle
  margin:0 auto 3% auto;
}
.sectionintro1 .contents_box p {
  float: left;
  font-size: 17px;
  padding:5%;
  line-height: 27px;
  color: #3d3d3d;
}
.sectionintro1 .contents_box p img {
  float: left;
  margin: -2% 0 0 -4% ;
  width: 30%;
}
.sectionintro1 .contents_box p span {
  font-weight: bold;
  background-color: #f4de00;
}

.sectionintro2 {
  background: #f4ebd8;
}
.sectionintro2 .contents_box{
  display: inline-block;
  vertical-align: middle
  margin:0 auto 3% auto;
}
.sectionintro2 .contents_box p {
  float: left;
  font-size: 17px;
  padding:5%;
  line-height: 27px;
  color: #3d3d3d;
}
.sectionintro2 .contents_box p img {
  float: right;
  margin: 0 0 0 0 ;
  width: 30%;
}
.sectionintro2 .contents_box p span {
  font-weight: bold;
  background-color: #f4de00;
}



/*--------------------*/
.section01 {
  width: 100%;
  background: #ede0be;
  padding: 20px 0;
}
.section01 .contents_box {
  width: 90%;
  margin: 0 auto;
}
.section01 .contents_box p {
  font-size: 19px;
  padding:5%;
  line-height: 27px;
  color: #725252;
  padding: 1% 0 6% 0;
}
.section01 .contents_box p img {
  width: 40%;
  float: left;
  margin: 0 15px 0 0;
}

.section01 .contents_box p span {
  color: #ff7800;
  font-weight: bold;
}

.video_wrap {
  width: 90%;
  margin: 20px auto 0 auto;
}
.video {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*--------------------*/
.section02 {
  width: 100%;
  background-color: #ffffff;
}
.section02 .contents_box {
  margin: 0 auto;
}
.section02 .contents_box p {
  font-size: 17px;
  padding:5%;
  line-height: 27px;
}
.section02 .contents_box p span {
  font-weight: bold;
  color: #0188d5;
}


/*--------------------*/
.section03 {
  width: 100%;
  background: #ffffff;
}
.section03 .contents_box {
  width: 100%;
  margin: 0 auto;
}
.section03 .contents_box img {
  display: inline-block;
}


/*--------------------*/
.section04{
  width: 100%;
  background-color: #f8f2e9;
  color: #666666;
  padding:0 0 5% 0;
}
.section04 .cont1 .bg{
  background: url("../img/intro_s14.png");
  padding-top: 56.25%;
  background-size: contain;
  padding: 0 11% 4% 11%;
  border-bottom:2px solid #f8f2e9;
}
.section04 .cont1 .bg span {
  font-weight: bold;
  color: #ff8e29;
}



/*--------------------*/
.section05 {
  width: 100%;
  background: #ffffff;
  color: #725252;
  padding:0 0 5% 0;
}
.section05 img{
  vertical-align:bottom;
}
.section05 .text1{
  font-weight:bold;
  margin:5% 5% 1% 5%;
  text-align:center;
}
.section05 .text2{
  font-weight:bold;
  margin:1% 5% 5% 5%;
  text-align:center;
}
.section05 .contents_box{
  background: url("../img/intro_s18.png");
  padding-top: 56.25%;
  background-size: contain;
  padding: 0 10% 4% 10%;
}
.section05 h3{
  color:#009feb;
  font-size:16px;
  font-weight: bold;
  padding:3% 0 3% 0;
}
.section05 .contents_box img{
	float:right;
	width:45%;
	margin:0 5% 2% 3%;
}


/*--------------------*/
.sectionInfo{
	background: #ffffff;
	padding:0 0 5% 0;
}
.sectionInfo .sectionTitle{
	margin:0 0 4% 0;
}
.sectionInfo .sectionBody{
  width: 90%;
  margin:0 auto 0 auto;
}
.sectionInfo .sectionBody .box{
	margin:0 0 4% 0;
	background-color:#009fec;
}
.sectionInfo .sectionBody .img{
	float:left;
	width:35%;
}
.sectionInfo .sectionBody .textbox{
	float:left;
	width:65%;
	height:116px;
	color:#ffffff;
}
.sectionInfo .sectionBody .text{
	color:#ffffff;
	font-size: 13px;
	padding:2px 3% 0 3%;
	min-width:118px;
}
.sectionInfo .sectionBody .text span{
	color:#f4fd71;
	font-weight:bold;
}
.sectionInfo .bottomtext{
	color:#666666;
	font-size:10px;
	padding:0 5%;
}


/*--------------------*/
.sectionHowto{
  background: #e8f5fd;
  color:#444444;
}
.sectionHowto .sectionTitle1 {
  margin: 0;
  padding: 8% 0 8% 5%;
  background-color: #009fec;
}
.sectionHowto .sectionTitle1 a {
  background: url(../../img/201705/title_close.png) 95% center no-repeat;
  background-size: 7%;
}
.sectionHowto .sectionTitle1 a.active {
  background: url(../../img/201705/title_open.png) 95% center no-repeat;
  background-size: 7%;
}
.sectionHowto .sectionTitle1 img {
  width:85%;
  vertical-align:middle;
}
.sectionHowto_wrap {
  padding-top: 15px;
  background: #e7f5fd;
}
.sectionHowto_wrap .txt {
  width: 87.7%;
  margin: 0 auto 10px auto;
  line-height: 1.5;
  font-size: 15px;
}
.sectionHowto_wrap .txtLast{
  margin-bottom: 25px;
}
.sectionHowto_wrap .note {
  text-align: right;
  font-size: 9px;
  margin: 5px 2% 10px;
}

.sectionHowto_inner {
  width: 94%;
  margin: 0 3% 0 3%;
  padding-bottom: 17px;
}
.sectionHowto_inner a {
  display: inline-block;
  color: #0099ff;
  text-decoration: underline;
}
.sectionHowto_inner span{
  color: #0099ff;
}
.sectionHowto_inner .leftbox{
  width: 50%;
  display: inline-block;
  float:left;
}
.sectionHowto_inner .rightbox{
  width: 40%;
  padding-left: 5%;
  display: inline-block;
}
.fontlarge {
}
.pt15 {
  padding-top: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.sectionHowto .about {
  width: 90%;
  margin: 0 auto;
}
.sectionHowto .about span {
  float: left;
  margin: 10% 0 0 10px;
}
.sectionHowto .about img {
  width: 30%;
  float: left;
}
.linktext1 {
  text-decoration: underline;
}

.howto_top_box {
  width: 84%;
  padding: 3%;
  margin: 0 auto;
  background: #0099ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.howto_top_box .text1 {
    margin: 5px 0 10px 0;
}
.howto_top_box .text1, .howto_top_box .text2 {
    font-size: 12px;
    text-align: center;
    color: #0099ff;
    display: block;
    padding: 4% 2%;
    background: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

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

.sectionreport {
  background: #fff none repeat scroll 0 0;
  color: #444444;
  padding:1%;
}
.sectionreport .contents_box {
  background: #fff none repeat scroll 0 0;
  padding: 0 2%;
  width: 96%;
}
.sectionreport .img1 {
  float: left;
  padding: 0 0 15px 0;
  width: 42%;
}
.sectionreport .text1 {
  font-size: 16px;
  float: left;
  padding: 5px 3% 15px;
  width: 52%;
}
.sectionreport .text1 span{
  color: #009fec;
  font-weight: bold;
}
.sectionreport .title {
  padding: 2% 0 5% 0;
}
.sectionreport .stitle {
  padding:0 0 4% 0;
}

/*--------------------*/
.sectionActive {
  margin-bottom: 15px;
}
.sectionActive .sectionTitle1 a {
  padding: 20px 10px;
  font-size: 16px;
  background: #13a8ee url(../img/title_close.png) 95% center no-repeat;
  background-size: 28px;
}
.sectionActive .sectionTitle1 a.active {
  background: #13a8ee url(../img/title_open.png) 95% center no-repeat;
  background-size: 28px;
}
.sectionActive .sectionTitle1 img {
	width:85%;
	vertical-align:middle;
}
.sectionActive .sectionBody {
  padding-top: 15px;
  padding-bottom: 10px;
  background: #ddf4ff;
}
.sectionActive .wrapper {
  margin: 0 3% 20px 3%;
  width: 94%;
}
.sectionActive .wrapper .text {
  margin-top: 10px;
  color:#383838;
}

/*--------------------*/
.foot_btn {
	margin:5% auto 5% auto;
	padding:5% 4% 5% 4%;
	background:#c7ebfd;
}
.foot_btn .btn1{
	margin:0 3% 0 0;
	float:left;
	width:48%;
}
.foot_btn .btn2{
	margin:0 0 0 0;
	float:right;
	width:48%;
}



/*--------------------*/
.sectionTax{
  margin-top:20px;
  padding: 0 5%; 
}
.sectionTax .sectionBody{
	background:#0099ff;
	padding: 5px; 
}
.sectionTax .text{
	background:#FFF;
	padding: 10px 5px; 
	font-weight:bold;
	color:#666666;
}
.sectionTax .text a{
	display:inline;
	color:#0099ff;
}
.sectionTax .link{
	text-align:right;
	padding:5px;
}
.sectionTax .link a{
	color:#FFFFFF;
}
.sectionTax .link span{
	padding-left:20px;
}

/*--------------------*/
.sectionSns  {
	margin-top:20px;
	margin-left:5%;
	margin-right:5%;
}

.sectionSns .btn {
	float:left;
	margin-right:15px;
}

/*--------------------*/
.sectionContact {
	background:#0088FF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	clear:both;
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
	width:90%;
}
.sectionContact p{
	text-align:center;
}
.sectionContact img {
	width:88.125%;
}
.sectionContact a {
	margin:0 auto;
	text-align:center;
}

/*--------------------*/
.tel_bottom_wrap {
  width: 88%;
  margin: 10px 6% 0 6%;
}
.tel_bottom_wrap .fcb{
  color: #00c0ff;
}

/*--------------------*/
.blockbottom {
	margin: 5% 0;
}
.blockbottom .pagetop {
	background-image: url(../../img/201705/iconpagetop.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:20px auto;
	margin-left: 0;
	padding-right: 8%;
	padding-top: 2%;
	padding-bottom: 2%;
	float: right;
}
.blockbottom .home {
	background-image: url(../../img/201705/iconhome.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:20px auto;
	margin-left: 0;
	padding-right: 8%;
	padding-top: 2%;
	padding-bottom: 2%;
	float: right;
}
.blockbottom .home2 {
	background-image: url(../../img/201705/iconhome.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:20px auto;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 0;
	padding-right: 8%;
	padding-top: 2%;
	padding-bottom: 2%;
	float: right;
}
.blockbottom a {
	font-weight:bold;
	color:#0096ff;
}
.blockbottom2 {
	margin-bottom:5%;
	text-align:center;
}
.blockbottom2 ul li a {
  font-size: 12px!important;
  display: inline-block;
  color:#0096ff;
  line-height: 4.2vw;
  padding:5px 10px;
}
.blockbottom2 ul li a span {
	background: url(../..//img/201705/blockbottom_icon.gif) no-repeat left center;
	padding-left:15px;
	background-size:7px auto;
	color:#0096ff !important;
}


/*--------------------*/
.credit {
  font-size: 9px;
  margin: 2% 5% 5%;
}

.creditheader{
float:none;
}
#credit .title {
	font-size: 18px;
	margin-left: 5%;
	line-height: 22px;
	margin-top: 10px;
}
#credit a {
    text-decoration: none;
}
#credit .blockbottom .pagetop a {
}

#credit ul{
margin:0;
padding:0;
}
#credit ul li{
margin:0;
padding:0;
}
#credit ul li{
list-style:none;
}

#credit ul.main {
	margin-left: 5%;
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
}



/*現地レポート
---------------------------------------------------*/
.cr_wrapper {
  background: #ceeffb;
  color:#725252;
}
.cr_wrapper .box p {
	padding:15px 5% 5% 5%;
}
.cr_wrapper .box img{
  width: 100%;
}
.cr_wrapper .box2{
	padding:15px 5% 5% 5%;
}
.cr_wrapper .box2 img{
	float:left;
	width:50%;
	margin:0 5% 2% 3%;
}

.ptn_a_stitle {
  margin-bottom: 6px;
}
.ptn_a_bg {
  width: 100%;
  height: auto;
  background: #ececec;
  padding: 0 0 10px 0;
  overflow: hidden;
}
.ptn_a_fund img {
  width: 47%;
  float: left;
  height: auto;
  margin-left: 2%;
}

/*blockbtn*/

.cr_blockbtn {
}
.cr_blockbtn .sectionTitle{
	margin:0 0 4% 0;
}
.cr_blockbtn .stitle{
  margin-top:20px;
}
.cr_blockbtn .line{
  border-bottom: 1px solid #b5b5b5;
  margin: 7px 10px 7px 10px;
}
.cr_blockbtn .fund_btn {
  margin: 0 5% 0 5%;
  width: 90% !important;
  height: auto !important;
}
.cr_blockbtn .link{
	margin:4% auto 5% auto;
	text-align:center;
}
.cr_blockbtn .link a{
	color:#0099ff;
	text-decoration:underline;
}





/*PC切り替え
---------------------------------------------------*/
.blockpcbtn {
	background: #fafafa;
	border-style: none;
	padding-top: 5%;
	padding-bottom: 5%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;

}
.blockpcbtn p{
	margin-left: 10%;
	margin-right: 10%;
}


/*---------------------------------------------------*/
.kazashite_top {
  margin: 5px 0 0 0;
  padding-bottom:20px;
  border-bottom:1px solid #b5b5b5;
}
.kazashite_top .sectionTitle {
	margin:0 5% 0 5%;
}
.kazashite_top .contents {
	margin:15px 5% 0 5%;
}
.kazashite_top .contents .left{
  margin:0 0 0 0;
  width: 18%;
  height: auto !important;
  float:left;
}
.kazashite_top .contents .center{
  margin:3% 3% 0 3%;
  width: 26%;
  height: auto !important;
  float:left;
}
.kazashite_top .contents .right{
  margin:1% 0 0 0;
  width: 50%;
  height: auto !important;
  float:right;
}

/*--------------------*/
.kazashite_bottom {
	border:5px solid #e4e4e4;
  margin: 20px 5% 20px 5%;
}

.kazashite_bottom .sectionbody .contents{
	padding:15px 0 15px 0;
}
.kazashite_bottom .sectionbody .contents .left{
  margin:1% 2% 0 2%;
  width: 18%;
  height: auto !important;
  float:left;
}
.kazashite_bottom .sectionbody .contents .right{
  margin:0 2% 0 0;
  width: 76%;
  height: auto !important;
  float:right;
}
.kazashite_bottom .sectionbody .contents .text{
  text-align:right;
  font-size:10px;
  margin-top:5px;
}

.kazashite_bottom .sectionbody .contents2{
	padding:10px 2% 0 2%;
	border-top:1px dotted #c2c2c2;
}
.kazashite_bottom .sectionbody .contents2 .title{
	border-bottom: 1px solid #0099ff;
	color:#0099ff;
	margin-bottom:5px;
	padding:0 0 2px 3px;
}
.kazashite_bottom .sectionbody .contents2 .text{
	margin-bottom:15px;
	padding:0 3px 0 3px;
}
.kazashite_bottom .sectionbody .contents2 .text span{
	color:#0099ff;
	font-weight:bold;
}

.kazashite_bottom .sectionbody .contents3{
	padding:0 2% 15px 2%;
	border-bottom:1px dotted #c2c2c2;
}
.kazashite_bottom .sectionbody .contents3 .title{
	padding:3px 0;
	background:#c4e7ff;
	text-align:center;
	font-weight:bold;
}
.kazashite_bottom .sectionbody .contents3 ul li{
	margin-top:10px;
	padding:0 3px 0 3px;
}
.kazashite_bottom .sectionbody .contents3 ul li span.blue{
	color:#0099ff;
}
.kazashite_bottom .sectionbody .contents3 ul li span.bold{
	font-weight:bold;
}
/* -----------------------------
	20170208追加スタイル
----------------------------- */
.blockOfferFooter,.blockOfferFooter2 {
	text-align:center;
}
.blockOfferFooter a,.blockOfferFooter2 a {
	display:inline-block;
	margin:5px 15px;
}
/* offer 
---------------------------------------------------*/
.blockOffer img{
width:100%;
}
.blockOffer{
  margin:10px 0;
  background:#0099ff;
  padding-bottom:20px;
}
.blockOfferTitle{
  padding:10px 0;
}
.blockOfferTitle .icon{
  float:right;
}
.blockOfferBody{
  text-align:center;
}

.blockOfferFooter a{
  color:#FFF;
  margin-top:10px;
  margin-left:10px;
}
.blockOfferFooter .credit{
  text-decoration: underline;
}
.blockOfferFooter .bank{
	background: url(../images/201602/blockarrow.png) no-repeat 160px center;
	background-size:18px;
}
.blockOfferFooter span{
  text-decoration: underline;
}

.blockOfferFooter2 a{
  color:#FFF;
  margin-top:10px;
  margin-left:10px;
}
.blockOfferFooter2 .credit{
  text-decoration: underline;
}
.blockOfferFooter2 .bank{
	background: url(../images/201602/blockarrow2.png) no-repeat 160px center;
	background-size:18px;
}
.blockOfferFooter2 span{
  text-decoration: underline;
}

.border_none {
  border: 0;
}
.text_color_blue {
  font-weight: bold;
  color: #3797ce;
}
.footer_bnr_Area {
  width: 90%;
  margin: 0 auto;
}


/*youtube responsive
---------------------------------------------------*/

.youtube-area {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.youtube-area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*検証
---------------------------------------------------*/
.sectionintro1  {
  padding-bottom:10px;
}
.sectionintro1 .contents_box_a {
  display:table;
	margin:0 2%;
	border-bottom:1px dotted #a18871;
}
.sectionintro1 .contents_box_a.nobor {
	border-bottom:none;
}

.sectionintro1 .contents_box_a p {
  float: none;
  font-size: 17px;
  padding:5% 2%;
  line-height: 1.6;
  color: #3d3d3d;
	display:table-cell;
	width:70%;
	vertical-align: middle;
}
.sectionintro1 .contents_box_a .imgArea {
  display:table-cell;
	width:30%;
	vertical-align: middle;
}
.sectionintro1 .contents_box_a .imgArea img {
  width:100%;
	height:auto;
}

.sectionintro1 .contents_box_a p span {
  font-weight: bold;
  background-color: #f4de00;
}

.blockBtn {
    background:#fff;
}

.sectionInfo .sectionBody_a{
  width: 90%;
  margin:0 auto 0 auto;
}
.sectionInfo .sectionBody_a .box{
	margin:0 0 4% 0;
	background-color:#fff;
}
.sectionInfo .sectionBody_a .box .ttl{
	margin:0 0 5px 0;
}
.sectionInfo .sectionBody_a .box .ttl_marb{
	margin:0 0 10px 0;
}
.sectionInfo .sectionBody_a .textbox{
	display:table;
	width:100%;
	color:#333;
	overflow:hidden;
}
.sectionInfo .sectionBody_a .img{
	display:table-cell;
	width:35%;
	vertical-align: middle;
}
.sectionInfo .sectionBody_a .text{
	color:#333;
	font-size: 13px;
	padding:2px 3% 0 3%;
	min-width:118px;
	display:table-cell;
	width:65%;
	vertical-align: middle;
}
.sectionInfo .sectionBody_a .text span{
	color:#0b82db;
	font-weight:bold;
}

/*検証（栄養）
---------------------------------------------------*/
.sectionintro3  {
  padding-bottom:0;
	background:#e2d7ce;
	margin-bottom:10px;
}
.sectionintro3  h2{
  margin:0;
	padding:0;
}
.sectionintro3  h2 img{
  display:block;
	margin-top:-1.5%;
}
.sectionintro3 .contents_box1,.sectionintro3 .contents_box2,.sectionintro3 .contents_box3 {
  	display:block;
	margin:0;
	padding-bottom:10px;
}
.sectionintro3 .contents_box2 {
  	background:#fff;
}
.sectionintro3 .contents_box2 h2{
  	background:#e2d7ce;
}
.sectionintro3 .contents_box3 {
  	background:#fbf8c9;
}
.sectionintro3 .contents_box3 h2{
  	background:#fff;
}

.sectionintro3 p {
  float: none;
  font-size: 18px;
  padding:1% 5.75% 15px;
  line-height: 1.6;
  color: #3d3d3d;
	display:table-cell;
	width:70%;
	vertical-align: middle;
}
.sectionintro3 .contents_box2 p{
  padding:20px 5.75% 15px;
}
.sectionintro3 .contents_box3 p {
  padding:15px 5.75% 2%;
}
.sectionintro3 p span{
background: linear-gradient(transparent 60%, #fbea04 60%);
	font-weight:bold;
}

.section002 h2 {
	padding:0 2%;
}
.section002 .contbox {
	background:#cce5f7;
	padding:15px;
}
.section002 .contbox img{
	display:block;
}
.section002 .contbox .photo{
	margin-bottom:10px;
}

.sectionInfo2{
	background: #ffffff;
	padding:0 0 5% 0;
}
.sectionInfo2 .sectionTitle{
	margin:0 0 4% 0;
}
.sectionInfo2 .sectionBody_a{
  width: 90%;
  margin:0 auto 0 auto;
}
.sectionInfo2 .sectionBody_a .box{
	margin:0 0 4% 0;
	background-color:#009fec;
}
.sectionInfo2 .box {
	display:table;
	width:100%;
}
.sectionInfo2 .box .photo {
	display:table-cell;
	width:35%;
	float:none;
	padding:0;
}
.sectionInfo2 .box .photo img {
	width:100%;
}
.sectionInfo2 .box .rightside {
	display:table-cell;
	background:#1f9ceb;
}
.sectionInfo2 .sectionBody_a .text {
    color: #333;
    font-size: 13px;
    padding: 0 4%;
    display: table-cell;
    width: auto;
    vertical-align: middle;
	color:#fff;
}
.sectionInfo2 .sectionBody_a .text span{
	color:#fcff00;
}
.sectionInfo2 .bottomtext{
	color:#666666;
	font-size:10px;
	padding:0 5%;
}

.youtube-area {
    width: 94%;
	margin-left:3%;
	margin-right:3%;
}


/*検証（緊急訴求）
---------------------------------------------------*/
.intro1Title {padding:5% 10%}
.intro2Title {padding:8% 2% 5% 2%}
.intro1 p {padding:5% 4%;background:#ebdecf;font-size: 18px;}
.intro1 p span {border-bottom:1px solid #333;font-weight:bold;}
.intro2 .small {padding:2% 2% 8%;}
.intro2 .intro2_block {padding:0 0 2%;}
.intro2 .intro2_block h3 {padding:0;}
.intro2 .intro2_block p {padding:4%;font-size:18px;}
.secSupport p{padding:4%;background:#eee;margin-bottom:20px;font-size:18px;}
.secSupport h3{display: flex;align-items: center;color:#0197fd;font-size:18px;}
.secSupport h3:before, .secSupport h3:after {content: "";flex-grow: 1;height: 1px;background: #0197fd;display: block;}
.secSupport h3:before {margin-right: .4em;}
.secSupport h3:after {margin-left: .4em;}
.secSupport .goalList {margin-bottom:35px;}
.secSupport .goalList img{margin-top:10px;display:block;width:96%;}
.secSupport .goalList img.left{margin-right:4%;}
.secSupport .goalList img.right{margin-left:4%;}

.sectionInfo .bottomMessage{padding:8% 6%;background:#e6f7fd;margin-top:5%;margin-bottom:-5%;}

.sectionHowto_wrap .graph2017{width:92%;margin:6% 4% 5%;}

.sectionDonationWrap {padding:0 4%;}
.sectionDonationWrap .btn{padding:4% 0;border-bottom:1px solid #ccc;}
.sectionDonationWrap .btn:nth-child(2){border-bottom:none;}
.sectionDonationWrap a{display:inline;font-size:12px;text-decoration:underline;}
.sectionDonationWrap p{font-size:12px;}

.stext a{font-size:12px;text-decoration:underline;}
.stext span{color:#0099ff font-weight:bold;}



/*検証（ドネーションサンプル）
---------------------------------------------------*/
.sectionInfo3{
	background: #ffffff;
	padding:0 0 5% 0;
}
.sectionInfo3 .sectionTitle{
	margin:0;
}
.sectionInfo3 h3{
	margin:-8% 0 0 0;
}
.sectionInfo3 .sectionBody_a{
  width: 100%;
  margin:0 auto;
}
.sectionInfo3 .sectionBody_a .box{
	margin:0 0 6% 0;
}
.sectionInfo3 .sectionBody_a .catch{
	width:90%;
	margin:0 5% 2%;
}
.sectionInfo3 .box .photo {
	display:block;
	width:100%;
	float:none;
	margin-bottom:3%;
	padding:0;
}
.sectionInfo3 .sectionBody_a .text {
    color: #333;
    font-size: 13px;
    padding: 0 3% 3%;
}
.sectionInfo3 .sectionBody_a .text span{
	color:#0b82db;
	font-weight:bold;
}
.sectionInfo3 .sectionBody_a .infoCtaBtn{
	width:96%;
	margin:0 2%;
	display:block;
}
.sectionInfo3 .bottomtext{
	color:#666666;
	font-size:10px;
	padding:0 3%;
}


/* 2021.12 ドネーションサンプル追加 */
.sectionReport > .body {
  margin-left: auto;
  margin-right: auto;
  padding: 15px 1% 15px;
  width: 95.3%;
  color: #444444;
}
.sectionReport_item_wide, .sectionReport_item {
  margin-top: 15px;
  padding: 0 2%;
  width: 96%;
  background-color: #fff;
}
.sectionReport_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.clearfix {
  min-height: 1px;
}
.sectionReport_item .sectionReport_item_img {
  width: 42%;
}
.sectionReport_item .sectionReport_item_text {
  width: 52%;
}
.sectionReport_item .sectionReport_item_text {
  padding-top: 5px;
}
.sectionReport_item_wide .sectionReport_item_text {
  padding-top: 10px;
}
.sectionReport_item_text {
  padding-left: 3%;
  padding-right: 3%;
  font-size: 16px;
}
.sectionReport_item_text em {
  color: #009fec;
  font-weight: bold;
  font-style:normal;
}


/*検証（100円）
---------------------------------------------------*/
.sectionintro100 {
	padding-top:2%;
}
.sectionintro100 h2{
	margin:0 2%;
}
.sectionintro100 h3{
	padding:5% 0;
	margin:0 25%;
}
.sectionintro100 .water{
	padding:15% 0 2%;
	margin:0;
	background:#fff url(../../img/201705/test6/intro_bg.png) left top no-repeat;
	background-size:100% auto;
}
.sectionintro100 .water img{
	width:50%;
	margin:0 25%;
}
.sectionintro100 p{
	padding:4% 0 2% 0;
	margin:0 2%;
	color:#fff;
	font-size:80%;
}
.section100_02 {
	background:#f3d4aa;
	position:relative;
	padding:0 0 3%;
}
/*.section100_02::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-6vw;
	margin-left:-47vw;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6vw 47vw 0 47vw;
	border-color: #f3d4aa transparent transparent transparent;
}*/
.section100_02 h2{
	margin:0 0 3%;
}
.section100_02 h2 img{
	display:block;
}
.section100_02 > .contents_box_a{
	display:table;
	width:96%;
	margin:0 2%;
}
.section100_02 > .contents_box_a .imgArea{
	display:table-cell;
	vertical-align: middle;
	width:42%;
}
.section100_02 > .contents_box_a p{
	display:table-cell;
	vertical-align: middle;
	padding:0 0 0 3%;
	font-size:4.5vw;
}
.section100_02 > .contents_box_a:nth-of-type(2) p{
	display:table-cell;
	vertical-align: middle;
	padding:0 3% 0 0;
}
.section100_02 > .contents_box_a p .small{
	font-size:50%;
}
.section100_02 > p.small{
	font-size:50%;
	padding:2%;
}
.section100_02 > .contents_box_a:nth-of-type(1) p .color{
	background:#6b3f22;
	color:#fff;
	display:inline-block;
	padding:2px 3px;
}
.section100_02 > .contents_box_a:nth-of-type(2) p .color{
	background:#8a8000;
	color:#fff;
	display:inline-block;
	padding:2px 3px;
}
.section100_02 > .contents_box_a:nth-of-type(3) p .color{
	background:#ac6a00;
	color:#fff;
	display:inline-block;
	padding:2px 3px;
}
.section100_03 {
	position:relative;
	padding:0 0 3%;
}
.section100_03 h2{
	margin:0 0 4%;
}
.section100_03 h2 img{
	display:block;
}
.section100_03 h3{
	margin:0 0 4%;
	padding:0 4%;
}
.section100_03 h3 img{
	display:block;
}
.section100_03 > .contents_box_a{
	display:table;
	width:96%;
	margin:0 2% 3%;
	background:#d4ebfa;
}
.section100_03 > .contents_box_a .imgArea{
	display:table-cell;
	vertical-align: top;
	width:36%;
}
.section100_03 > .contents_box_a .contArea{
	display:table-cell;
	vertical-align: top;
	padding:0;
}
.section100_03 > .contents_box_a .contArea h4{
	padding:0;margin:0;
}
.section100_03 > .contents_box_a p{
	display:table-cell;
	vertical-align: middle;
	padding:2%;
	font-size:4.5vw;
}
.section100_03 > .contents_box_a p span{
	color:#0099ff;
	font-weight: bold;
}
.section100_03 > .small{
	font-size:60%;
	padding:0 2%;
}
.section100_04{
	background:#d4ebfa;
	margin:10% 0 0;
	padding:4% 2%;
}
.section100_04 h2{
	margin:0 0 5%;
	padding:0 2%;
	width:80%;
}
.section100_04 .youtube-area{
	margin-bottom:3%;
}
.section100_04 p{
	padding:0 3%;
	font-size:4.5vw;
}
.section100_04 a{
	display:block;
	padding:2% 3%;
	font-size:4.5vw;
}
.section100_05{
	margin:-1px 0 0 0;
	padding:0 0 1%;
}
.section100_05 h2{
	margin:0;
	padding:0;
}
.section100_05 > .contents_box_a{
	display:table;
	width:100%;
	margin:0;
	border-bottom:1px dotted #999;
}
.section100_05 > .contents_box_a .indexArea{
	display:table-cell;
	vertical-align: middle;
	width:40%;
	background:#fff;
	padding:3% 4%;
	position:relative;
}
.section100_05 > .contents_box_a .indexArea .arrow{
	position:absolute;
	top:50%;
	right:-8px;
	width:16px;
	height:auto;
	z-index:1;
	margin-top:-12px;
}
.section100_05 > .contents_box_a .contArea{
	display:table-cell;
	vertical-align: middle;
	padding:2% 3%;
	background:#d4ebfa;
	font-size:4.5vw;
}
.section100_05 > .contents_box_a .contArea span{
	color:#0099ff;
	font-weight: bold;
}
.section100_05 > .small{
	font-size:60%;
	padding:2% 2%;
}
.section100_05 > h3{
	width:100%;
	margin:5% 0;
}
.section100_05 + .blockBtn{
	margin-bottom:10%;
}
.sectionHowto100{
	margin:1px 0 0;
}
.sectionHowto100 h2{
	margin:0;
}
.sectionHowto100 .sectionTitle1 img{
	width:100%;
}
.sectionHowto100 .sectionTitle1 a{
	position:relative;
	display:block;
}
.sectionHowto100 .sectionTitle1 a::after{
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	background: url(../../img/201705/test6/icon_open.png) 95% center no-repeat;
    background-size: 100% auto;
	z-index:1;
	top:50%;
	right:3%;
	margin-top:-10px;
}
.sectionHowto100 .sectionTitle1 a.active::after{
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	background: url(../../img/201705/test6/icon_close.png) 95% center no-repeat;
    background-size: 100% auto;
	z-index:1;
	top:50%;
	right:3%;
	margin-top:-10px;
}
.blockBtn .btnMessage{
	text-align:center;
	font-size:90%;
	padding-bottom:2%;
}


/*自然災害緊急募金
---------------------------------------------------*/
.disaster_index {
  position:relative;
	margin:0;
	padding:0;
}

.disaster_main_img {
  position:relative;
}

.disaster_index span {
  position:absolute;
	display:block;
	background:rgba(57,27,21,.9);
	padding:10px;
	text-align:left;
	color:#fff;
	font-size:11px;
	bottom:0;
	left:0;
	font-weight:normal;
}

.intro_area{
	background:none;
}
.intro_area .sectionTitle{
	width:90%;
	margin:15px auto;
}
.intro_box{
	background:#e3ccba;
}
.intro_box h2{
	background:#c90303;
	color:#fff;
	font-size:16px;
	padding:10px 0;
	text-align:center;
	margin-top:0;
}
.intro_box h2 span{
	display:block;
	color:#fde905;
	font-size:20px;
}
.intro_box .inner{
	padding:15px 15px;
}
.intro_box .photo_area{
	background:#fff;
	margin-bottom:15px;
}
.intro_box .photo_area img{
	display:block;
}
.intro_box .photo_area p{
	padding:10px;
	text-align:left;
}
.intro_box .photo_area span{
	font-weight:bold;
}
.intro_box p{font-size:16px;}
.section1_area{
	padding:20px 0 10px;
}
.section1_area .about{
	margin:0 auto 30px;
	width:94%;
}
.section1_area .example{
	margin:0 auto 20px;
	width:94%;
}
.section1_area .message{
	margin:0 auto 20px;
	width:90%;
}
.section2_area{
	background: #e3ccba url("../../img/201705/disaster/section2_bg.png") left 5px no-repeat;
	background-size:100% auto;
	margin-bottom:30px;
	margin-top:30px;
}
.section2_area h2{
	padding:0;
	margin:0 0 20px;
}
.section2_area .inner_pcont{
	padding:0 15px 15px;
	margin:0;
}
.section2_area .inner_pcont span{
	color:#c90303;
	font-weight:bold;
}
.section2_area .inner_pcont .photo_l{
	width:50%;
	float:left;
	margin-right:3%;
	margin-bottom:5px;
}
.section2_area .inner_pcont .photo_r{
	width:50%;
	float:right;
	margin-left:3%;
	margin-bottom:5px;
}
.section2_area .inner_pcont .text{
	overflow:hidden;
	font-size:16px;
}
.section3_area{
	background: #e8f5fd;
	padding:0;
	width:94% ;
	margin:0 auto 30px;
}
.section3_area h2{
	background: #fff;
	margin-bottom:0;
}
.section3_area .inner {
	padding:15px;
	text-align:center;
}
.section3_area .inner p{
	text-align:center;
	font-size:16px;
}
.section3_area .icons{
	display:block;
	margin:15px 0;
}
.section3_area .example{
	margin:25px 0 0;
}
.section3_area .example_list li {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	border-bottom:1px dashed #ccc;
	padding:15px 0;
}
.section3_area .example_list p{
	text-align:left;
	font-size:16px;
}
.section3_area .example_list span{
	color:#0099ff;
	font-weight:bold;
}
.section3_area .example_list li:first-child {
	padding:0 0 15px;
}
.section3_area .example_list li:last-child {
	border:none;
	padding-bottom:0;
}
.section3_area .example_list .photo {
	width:45%;
}
.section3_area .example_list .text {
	width:50%;
}
.section3_area .example_list .text_full {
	width:auto;
	flex:1;
	font-size:80%;
	margin-top:10px;
}
.section4_area{
	padding:0;
}
.section4_area h2{
	width:74%;
	margin:0 auto 15px;
}
.section4_area .example_list li{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding-bottom:15px;
}
.section4_area .example_list li:last-child{
	padding-bottom:5px;
}
.section4_area .example_list h3{
	margin:0 0 5px;
	width:100%;
}
.section4_area .example_list .photo{
	width:30%;
	align-self:center;
	padding:0;
}
.section4_area .example_list .text{
	width:60%;
	text-align:left;
	align-self:center;
	margin-right:3%;
	font-size:16px;
}
.section4_area .example_list span{
	color:#0099ff;
	font-weight:bold;
}
.section4_area .small{
	font-size:80%;
	padding:0 3%;
	margin-bottom:50px;
}
.sectionHowto_unicef{
	width:94%;
	margin:15px 3% 0;
}
.pay_btn_area{
	width:94%;
	margin:15px auto 0;
}
.blockBtn .title_black{
  color: #000;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
margin-bottom:10px;
}
.blockBtn .min30{
	color:#fd6600;
	text-align:center;
	margin-bottom:5px;
	display:block;
	font-size:14px;
}
.disasterDescriptionText {
    color: inherit;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 10px;
    margin-top: 10px;
}