@charset "utf-8";

@import "base.css";

/* --------------------------------------------------------------------
   DEFAULT
-------------------------------------------------------------------- */

body {
    font-family:"メイリオ","ＭＳ Ｐゴシック","Meiryo","ヒラギノ角ゴ Pro W3 / W6","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
    font-size: 12px;
    line-height: 1.6;
	background-color:#eeeeee;
	-webkit-text-size-adjust: none;
}
p{ color:#333;}

a,a:link, a:visited{
	text-decoration:none;
	color:#333;
}

a:hover img{
  opacity:0.8;
  filter: alpha(opacity=80);
}
.clr00{ clear:both;}


/*invite
----------------------------------------*/

/* ===========================
	PC
=========================== */

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

.sp {
	display:none;
}
	
body#invite{
	background-color:#FFF;
	background: url(../../img/invite_bg.png) repeat 0 bottom;
}
#inviteWrap{
	margin:0 auto;
	width:100%;
}
.inviteheader{
	background: url(../../img/invite_bg_header.jpg) no-repeat center top;	
	text-align:center;
}
#inviteWrap h1{
	text-align:center;
	padding:30px 0 80px 0;
}
#inviteWrap h2{
	text-align:center;
	padding:30px 0 35px 0;
}
#inviteWrap .entryBtn{
	width:514px;
	margin:0 auto;
	padding:0 0 25px 0;
}
#inviteWrap .entryBtn span{
	display:block;
	text-align:center;
	margin-bottom:50px;
	font-size:140%;
}
#inviteWrap #sb{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin:30px auto;
	width:270px;
}
#inviteWrap #sb li{
	margin:0 10px;
}
#inviteWrap .plan01{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin:0 auto 80px;
	width:1000px;	
}
#inviteWrap .plan02{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin:0 auto;
	max-width:1500px;
}
#inviteWrap .plan03{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin:0 auto 50px;
	max-width:1500px;
}
#inviteWrap .plan01 .project_l{
	margin:0 10px;
	width:50%;	
}
#inviteWrap .plan01 .project_r li img{
	max-width:413px;
}
#inviteWrap .plan01 .project_l li{
	color:#333;
	font-size:130%;
	line-height:1.9em;
	padding:0 0 15px 0;	
}
#inviteWrap .plan02 .project_l{
	width:50%;
	/*background-color:#fefff4;*/
	padding-top:52px;
	padding-bottom:50px;
}
#inviteWrap .plan02 .project_l li{
	width:430px;
	margin:0 auto;
	color:#000;
	font-size:120%;
	text-align:left;
	padding-bottom:15px;
}

#inviteWrap .plan02 .project_l .project_ttl{
	text-align:center;
}
#inviteWrap .plan02 .project_r{
	text-indent:-1000em;
	width:50%;
	background: url(../../img/invite_ph2.png) no-repeat center top;
    background-size: cover;
}
#inviteWrap .plan03 .project_l{
	padding-top:60px;
	width:50%;
	height:460px;
	background-color:#80c269;
}
#inviteWrap .plan03 .project_l li{
	width:400px;
	margin:0 auto;
	padding-top:5px;
	color:#FFF;
	font-size:130%;
}
#inviteWrap .plan03 .project_l li span{
	color:#FFF;
	font-size:85%;
}
#inviteWrap .plan03 .project_l .project_ttl{
	text-align:center;
	margin-bottom:10px;
}
#inviteWrap .plan03 .project_r{
	text-indent:-1000em;
	width:50%;
	height:520px;
	background: url(../../img/invite_ph3.png) no-repeat center top;
    background-size: cover;
}
.project_interview{
	padding-top:20px;
	text-align:center;
}
.thanks{
	margin:15px 0;
	font-size:160%;
	font-weight:bold;
	color:#F00;	
}
.bnrTxt{
	margin:0 auto;
}
.bnrTxt a{
	color:#126537;
	text-decoration:underline;
}
.entryTxt{
	max-width:900px;
	margin:0 auto;
}

}

@media screen and (max-width: 960px) {
	
/* ===========================
	SP
=========================== */

.pc {
	display:none;
}

body#invite img {
	max-width : 100% ;
	height : auto ;
	vertical-align: bottom;
}
body#invite{
	max-width:960px;
	overflow:hidden;
	background-color:#FFF;
	background: url(../../img/invite_bg.png) repeat 0 bottom;
}
#inviteWrap{
	margin:0 auto;
	width:100%;
}
.inviteheader{
	margin-bottom:20px;
	background: url(../../img/invite_bg_header.jpg) no-repeat center top;
	background-size:160% 50%;
	text-align:center;
}
#inviteWrap h1{
	text-align:center;
	padding:30px 10px 20px 10px;
}
.inviteheader span{
	font-size:85%;
}
#inviteWrap h2{
	text-align:center;
	padding:30px 0 35px 0;
}
#inviteWrap .entryBtn{
	width:90%;
	margin:0 auto;
	padding:0 0 25px 0;
}
#inviteWrap .entryBtn span{
	display:block;
	text-align:center;
	margin-bottom:10px;
}
#inviteWrap #sb{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin:30px auto;
	width:230px;
}
#inviteWrap #sb li{
	margin:0 10px;
}
#inviteWrap .plan01{
	margin:0 auto 30px;
	width:100%;
	text-align:center;
}
#inviteWrap .plan02{
	margin:0 auto 30px;
	width:100%;
}
#inviteWrap .plan03{
	margin:0 auto 20px;
	width:100%;	
}
#inviteWrap .plan01 .project_l{
	padding:0 10px;
}
#inviteWrap .plan01 .project_l li{
	color:#333;
	font-size:100%;
	line-height:1.9em;
	padding:0 0 15px 0;	
}
#inviteWrap .plan01 .project_r{
	padding:0 10px;
}
#inviteWrap .plan01 .project_r li span{
	font-size:85%;
}
#inviteWrap .plan01 .project_r li{
	padding:5px 0;
}
#inviteWrap .plan02 .project_l{
	width:100%;
}
#inviteWrap .plan02 .project_l li{
	padding:0 10px;
	margin:0 auto 20px;
	color:#000;
	font-size:100%;
	text-align:center;
}

#inviteWrap .plan02 .project_l .project_ttl{
	text-align:center;
}
#inviteWrap .plan02 .project_l .project_ttl img{
	width:90%;
}
#inviteWrap .plan02 .project_r{
	width:100%;
	background: url(../../img/invite_ph2.png) no-repeat center top;
}
#inviteWrap .plan03 .project_l{
	background-color:#80c269;
	padding:30px 10px;
}
#inviteWrap .plan03 .project_l li{
	width:100%;
	margin:0 auto;
	padding:3px 0;
	color:#FFF;
	text-align:center;
}
#inviteWrap .plan03 .project_l li span{
	color:#FFF;
	font-size:85%;
}
#inviteWrap .plan03 .project_l .project_ttl{
	text-align:center;
	margin-bottom:5px;
}
#inviteWrap .plan03 .project_l .project_ttl img{
	width:90%;
}
#inviteWrap .plan03 .project_r{
	width:100%;
}
.project_interview{
	text-align:center;
}
.thanks{
	margin:15px 0;
	font-size:120%;
	font-weight:bold;
	color:#F00;	
}
.bnrTxt{
	margin:0 auto;
}
.bnrTxt a{
	color:#126537;
	text-decoration:underline;
}
.entryTxt{
	padding:0 10px;
	margin:0 auto;
	padding-bottom:20px;
	font-size:90%;
}

}

/*field
----------------------------------------*/
#field{
	margin-bottom:20px;
	width:780px;
	height:280px;
	overflow:hidden;
	background:url(../../img/fieldwork/pc_header_close.jpg) repeat 0 0;
	position:relative;
}
.fieldMenu{
	width:80%;
	margin: 0 auto;
	display:flex;
    display: -webkit-box;
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
	position:absolute;
	bottom:-18px;
	left:0;
	right:0;
}
#field .sol{
	position:absolute;
	width:251px;
	top:5px;
	right:10px;
}
#field .sol img{
	opacity: 1.0;
}
.fieldMenu li.sol img{
	width:234px;
	text-align:center;
	margin:0 20px 0 0;
}
.fieldMenu li.opt{
	width:200px;
	text-align:center;
	margin:0 20px 0 -40px;
	padding-right:35px;
}
.fieldMenu li.opt img{
	width:234px;
	text-align:center;
	margin:0 20px 0 0;
}
.fieldMenu li{
	width:200px;
	text-align:center;
	margin:0 20px 0 0;
}
.fieldMenu li a{
	width:200px;
	display:block;
	color:#000;
	text-decoration:none;
	transition: 0.3s;
}
.fieldMenu li a:hover{
	-webkit-transform: translate(0,-30px);
	-moz-transform: translate(0,-30px);
	-ms-transform: translate(0,-30px);
	-o-transform: translate(0,-30px);
	transform: translate(0,-30px);
}
.fieldMenu li img{
	opacity: 1.0;
}
.fieldItem{
	padding:15px;
	display:flex;
    display: -webkit-box;
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
	margin-bottom:40px;
}
.fieldLeft{
	width:45%;
	margin-right:10px;
}
.fieldRight{
	width:55%;
}
.fieldLeft h2,
.fieldRight h2{
	font-size:18px;
	margin-left:10px;	
}
.fieldLeft h2 span,
.fieldRight h2 span{
	display:block;
	font-size:12px;
	font-weight:normal;
	line-height:1.4em;
}
.fieldLeft img,
.fieldRight img{
	float:left;
	margin-right:10px;
}
.fieldwork{
	clear:both;
	padding:10px 18px 0;
}
.fieldwork h2{
	margin-bottom:10px;	
}
.fieldwork .mirai{
	text-align:center;
}
.fieldwork .field_ttl{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border:3px solid #DEDEDE;
	margin-bottom:20px;
	padding:19px;
	font-size:16px;
	font-weight:normal;
	color:#126537;
}
.fieldwork h3{
	margin-top:7px;
	margin-left:10px;
	margin-right:8px;
	margin-bottom:15px;
	width: 50px;
	-webkit-border-radius: 25px;/* width,heightの半分 */
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: #126537;/* 円の色 */
	color:#FFF;
	padding:15px 0;
	font-size:12px;
	text-align:center;
	display:inline-block;
	float:left;
}
.field_wrap{
	margin-bottom:40px;
}
.fieldwork .field_txt{
	padding-top:5px;
	font-size:14px;
	vertical-align:top;
	line-height:1.4em;
	vertical-align:top;
	margin-right:10px;
	float:left;
}
.fieldwork .field_img {
	text-align:center;
}
.fieldwork .field_img img{
	width:600px;
	margin:0 auto 20px;
}
.fieldwork p{
	font-size:14px;
	margin-bottom:15px;
}
.fieldwork p span{
	color:#c71444;
}
.champaign{
	margin-top:40px;	
}
.fieldwork .field_frame{
	width:600px;
	margin:0 auto 20px;
}

#field02,#field03{
	margin-top:10px;	
}
.ex{
	border-top:7px solid #DEDEDE;
	padding:10px;
	font-size:13px;
	font-weight:normal;
	margin:10px 15px 0 15px;
}
/*entryForm
----------------------------------------*/
.entryForm h2{
	font-size:22px;
	color:#333;
	margin-bottom:5px;
}
.entryForm h2 span{
	color:#c71444;
}
.entryForm .stepWrap{
	padding:30px 0 0 0;
	background-color:#fdeff5;
	font-size:13px;	
}
.entryForm .stepWrap ul{
	display:flex;
    display: -webkit-box;
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.entryForm .step_f{
	position:relative;
	max-width:25%;
	margin:15px;
	padding:30px 15px 50px 15px;
	border:1px dashed #c71444;
	background-color:#FFF;	
}
.entryForm .step_f img{
	position:absolute;
	top:-35px;
	left:35%;
}
.entryForm .step_f a{
	color:#ae2b39;
	text-decoration:underline;
}
.entryForm .step_f span a{
	position:absolute;
	bottom:10px;
	left:15%;
	text-align:center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	background-color:#000;
	color:#FFF;
	padding:5px 50px;
	text-decoration:none;
}
.entryForm .mid{
	position:relative;
	max-width:25%;
	margin:15px;
	padding:50px 15px 25px 15px;
	border:1px dashed #c71444;
	background-color:#FFF;	
}
.entryForm .ar{
	padding-top:60px;
}
.entryForm .ar img{
	height:23px;
}
.btn_submit{
	margin:20px 0 30px;
	text-align:center;	
}
.btn_submit img{
	width:373px;
}

/*twitterForm
----------------------------------------*/

.twitterForm{
	position:relative;	
}
.twitterForm h2{
	font-size:22px;
	color:#333;
	margin-bottom:5px;
}
.twitterForm h2 span{
	color:#19a6ce;
}
.twitterForm .stepWrap{
	width: 100%;
	padding:30px 0 0 0;
	background-color:#e2f2ff;
	font-size:13px;
	margin-bottom:20px;	
}
.twitterForm .stepWrap ul{
	width:780px;
	display:flex;
    display: -webkit-box;
    display: -webkit-flex; /* safari */
    display: -ms-flexbox; /* IE */
}
.twitterForm .step_1{
	position:relative;
	/*width:35%;*/
	width:140px;
	margin:15px;
	padding:30px 15px 50px 15px;
	border:1px dashed #19a6ce;
	background-color:#FFF;	
}
.twitterForm .step_1 span a{
	position:absolute;
	bottom:10px;
	left:5%;
	text-align:center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	background-color:#000;
	color:#FFF;
	padding:5px 50px;
	text-decoration:none;
}
.twitterForm .step_2{
	position:relative;
	/*width:15%;*/
	width:65px;
	margin:15px;
	padding:40px 15px 0 15px;
	border:1px dashed #19a6ce;
	background-color:#FFF;	
}
.twitterForm .step_3{
	position:relative;
	/*width:20%;*/
	width:90px;
	margin:15px;
	padding:30px 15px 0 15px;
	border:1px dashed #19a6ce;
	background-color:#FFF;	
}
.twitterForm .step_4{
	position:relative;
	/*width:20%;*/
	width:140px;
	margin:15px;
	padding:30px 15px 15px 15px;
	border:1px dashed #19a6ce;
	background-color:#FFF;	
}
.twitterForm .step_1 img,
.twitterForm .step_4 img{
	position:absolute;
	top:-35px;
	left:35%;
}
.twitterForm .step_2 img{
	position:absolute;
	top:-35px;
	left:22%;	
}
.twitterForm .step_3 img{
	position:absolute;
	top:-35px;
	left:28%;		
}
.twitterForm .step_1 a,
.twitterForm .step_3 a{
	color:#ae2b39;
	text-decoration:underline;
}
.twitterForm .ar{
	padding-top:80px;
}
.twitterForm .ar img{
	height:23px;
}
.twitterForm #tw_wig{
	position:relative;
	height:510px;
}
.twitterForm .follow{
	position:absolute;
	top:30px;
	right:40px;
}
.att{
	margin-top:40px;
	font-size:90%;
	padding:0 20px;
	margin-bottom:20px;
	color:#666;
}
.fieldbnr{
	padding:0 20px;
	margin-bottom:20px;
}
.fieldlink{
	text-align:center;
	padding:10px 0;
}
.fieldlink img{
	width:730px;
	margin:0 auto;
}
.switchBtn{
	margin:0 auto;
	padding:12px 0 10px 0;
	cursor: pointer;
	width:300px;
	color:#FFF;
	background-color:#126537;
	font-size:16px;
	text-align:center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
.closeBtn{
	margin:0 auto;
	padding:18px 0 16px 0!important;
	cursor: pointer;
	width:300px;
	color:#FFF;
	background-color:#3D3D3D;
	font-size:16px;
	text-align:center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}


/*field_form
----------------------------------------*/
#field_form{
	width:780px;
	height:270px;
	overflow:hidden;
	background:url(../../img/fieldwork/pc_header.jpg) no-repeat 0 top;	
}
.frame iframe{
	width:780px;
	height:1200px;
	padding-top:30px;
}
.frame h2{
	padding:20px 20px 0 20px;
	font-size:20px;
	margin-left:-15px;
}
.frame h3{
	padding:20px;
	font-size:15px;
	font-size:18px;
}
.frame h3 span{
	color:#c71444;
}
.frame p{
	padding:0 20px;
	font-size:12px;
}