@charset "utf-8";

body {
    margin:0;
	/*自動でテキスト拡大をしない*/
	-webkit-text-size-adjust : none;
}

.pc {display: none;}
.sp {display: block;}

@media screen and (min-width: 670px) {
.sp {display: none;}
.pc {display: block !important;}

.wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
}

/*header
---------------------------------------------------*/
header {
	background-color: #0099ff;
  width:100%;
  height: auto !important;
  margin: 0 auto;
  padding: 0;
	font-size:0;
  overflow:hidden;
}
header p {
  width: 55%;
  margin: 10px;
}
header p a {
  display: block;
  line-height: 1;
}
header p a img {
  max-width: 100% !important;
  height: auto !important;
  width: 100%;
}
@media screen and (min-width: 670px) {
  header p {
    width: 35%;
  }
}

/*footer
---------------------------------------------------*/
footer {
	background:#0088FF;
	clear:both;
	padding:20px 0;
	margin:0 auto;
	text-align:center;
}
footer img {
	/*width:72%;*/
}
footer a {
	margin:0 auto;
	text-align:center;
}

@media screen and (min-width: 670px) {

#footer {
    width: 100%;
    background-color: #0099ff;
    margin: 0px;
    padding: 0px;
}
.footinner  {
    margin: 0 auto;
    overflow: hidden;
    max-width: 1000px;
    padding-bottom:10px;
}
.footinner .footerleft{
float:left;
}

.footinner .footernav{
    overflow: hidden;
		margin: 0;
		padding: 0;
		list-style-type: none;
}
.footinner .footernav .text1{
    float: left;
    margin-right: 20px;
    margin-top: 15px;
}
.footinner .footernav .text2{
    float: left;
    margin-top: 15px;
}
.footinner .copyright{
    margin-top: 10px;
    padding-bottom:15px;
}
.footinner .footerright{
    margin-top: 15px;
    float: right;
}

}

.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;
}

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

.designated {
	width: 92%;
	margin: 20px auto 40px;
}
	.designated p a {
		display: block;
    font-size: 14px;
	}

@media screen and (min-width: 670px) {
	.designated {
		margin: 20px auto;
	}
  .designated p a {
		margin-left: 1em;
	}
}

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

.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;
  margin-bottom: 5%;
}
.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;
}
@media screen and (min-width: 670px) {
  .lp_base ul{
    margin-bottom: 0%;
  }
}

/* sectionMv */
.sectionMv{
  filter: drop-shadow(0px 2px 1px rgba(0,0,0,0.6));
}
.sectionMv h1 {
}
.sectionMv h1 img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 670px) {
	.sectionMv{
	  position: relative;
		background: url(../img/secMV_bg.jpg) center center no-repeat;
	  background-size: cover;
	  width: 100%;
	  height: 600px;
	}
	.sectionMv h1 {
	  position: absolute;
	  top: 10%;
		right: 50%;
	  transform: translateX(500px);
	}
	.sectionMv h1 img {
	  width: 100%;
	  height: auto;
	}
}

@media screen and (max-width: 999px) {
  .sectionMv{
    height: 600px;
  }
  .sectionMv h1 {
		right: 0%;
    transform: translateX(0%);
  }
}
@media screen and (max-width: 669px) {
  .sectionMv{
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 78.4%;
  }
	.sectionMv h1 img {
		position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
  }
}

.main_sub {
  background: url(../img/main_sub_bg.jpg) left top repeat;
  width: 100%;
}
.main_sub p {
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 10px;
}

/*--------------------*/
.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%;
}

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

/* sectionSns */
.sectionSns  {
  margin-top: 20px;
	padding:10px 0;
}
.sectionSns .btn {
	float:left;
	margin-right:15px;
}
@media screen and (max-width: 669px) {
.sectionSns {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
}
}

/*--------------------*/
.credit {
  font-size: 9px;
  margin: 2% 5% 5%;
	line-height: 1.4;
}
@media screen and (min-width: 670px) {
.credit {
    font-size: 9px;
    margin: 2% auto 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;
}

/*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%;
}


/*検証
---------------------------------------------------*/

.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;
}

@media screen and (min-width: 670px) {
	.sectionInfo .sectionBody_a {
		width: 100%;
		text-align: center;
	}
	.sectionInfo .sectionBody_a .box{
		display: inline-block;
		width: 47%;
		vertical-align: top;
		padding: 0 1%;
	}
	.sectionInfo .sectionBody_a .box .ttl{
		margin-bottom: 10px;
	}

}

/*検証（緊急訴求）
---------------------------------------------------*/
.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%;}


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


@media screen and (min-width: 670px) {

.intro1 h2, .intro2 h2 {
	text-align: center;
}
.intro1 h2 img, .intro2 h2 img {
	width: auto;
	max-height: 100px;
}
.intro1 .pic, .intro2 .pic {
	display: table-cell;
	width: 50%;
	padding: 0;
	vertical-align: top;
}
.intro1 .txt, .intro2 .txt {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.intro2 .txt .intro2_block {
	margin-left: 4%;
}

.secSupport .goalList { font-size:0;}
.secSupport .goalList img {
	display: inline-block;
	width: 48%;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding: 0 1%;
}

}


/* sec05 */
.sec05 {
}
.sec05 h2 {
  background-color: #0099ff;
  margin-bottom: 15px;
  padding: 10px;
  color: #fff;
  text-align: center;
}
.sec05 .box {
  margin: 0 auto;
  width: 92%;
}
.sec05 .sec05_movie {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
}
.sec05 .sec05_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.sec05 .box p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.sec05 .box p.fs_s {
  font-size: 12px;
}
.sec05 .box ul li {
  margin-bottom: 8px;
}
.sec05 .box ul li:first-child {
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 8px;
}
.sec05 .box .sec05_sb {
  border: 2px solid #0099ff;
  margin: 0 auto 20px auto;
  padding: 15px;
}

.sec05 .bottomMessage {
  padding:8% 6%;
  background:#e6f7fd;
  margin-top:5%;
  margin-bottom:5%;
  text-align: center;
}
@media screen and (min-width: 670px) {
  .sec05 .bottomMessage {
    padding:3% 6%;
    margin-top:3%;
    margin-bottom:0%;
  }
  .sec05 .bottomMessage img {
    max-width: 800px !important;
  }
}

@media screen and (min-width: 670px) {

.sec05 .sec05_movie_wrap {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.sec05 .sec05_txt_wrap {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.sec05 .sec05_txt_wrap p {
  padding-left: 4%;
}
.sec05 .box ul {
  text-align: center;
}
.sec05 .box ul li {
  display: inline-block;
  width: 48%;
  margin: 4% 0.5% 2%;
}
.sec05 .box ul li:first-child {
  border-bottom: none;
  padding-bottom: 0;
}
.sec05 .box .sec05_sb {
  border: none;
  margin: 0 auto;
  padding: 0;
}
.sec05 .box .sec05_sb a {
  width: 30%;
}

}