@charset "UTF-8";

/* 応募フォーム　個別レイアウト用CSS
-------------------------------------------------------------*/
.notesText a{
	line-height: 1.6;
}


span.attention{
	color:#c00000;
}

.attention_btn{
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	text-indent: -1em;
	padding-left: 1em;
	color:#c00000;
	font-weight:bold;
}

p.imgTxt{
	text-align:center;
	margin-bottom:25px;
}

div.intro_inner{
	width:1070px;
	padding:25px 0 0 25px;
	background-color:#f8fbf5;
}

#wrapper {
	background: none;
}

#enq #container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.h1Wrapper {
	display: flex;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #e1e1e1;
}
.h1Wrapper img {
	width: 200px;
	height: 200px;
	margin-right: 30px;
}
.cmtNumH {
	width: 70px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	position: relative;
	margin-right: 20px;
	height: 70px;
}

.cmtNumHCap {
	position: absolute;
	width: 100%;
	border-radius: 0 0 3px 3px;
	background: #ff6407;
	color: #fff;
	font-weight: bold;
	font-size: 81.25%;
	bottom: 0;
	text-align: center;
}
.cmtNum {
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	top: 20%;
	bottom: 0;
	margin: auto;
	color: #ff6407;
	font-weight: bold;
}

#enq h1 {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	width: 100%;
	text-align: left;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: none;
}

#enq h1 .sub {
    display: block;
	font-size: 50%;
	font-weight: normal;
	line-height: 1.5;
}

.contentsWrapper {
	margin: 50px auto;
	width: 1076px;
	text-align: left;
}

.pageInfoBox {
	display: flex;
}

.pageInfo {
	font-size: 87.5%;
}

.tag i {
	padding-right: 0.2em;
	color: #00c3b2;
}
.pageRate {
	margin-left: auto;
}

.pageText {
	margin: 30px auto 0;
	font-size: 100%;
	line-height: 2;
}

div.contentsEnqBox h2,
div.attention_Box h2 {
	border-left:4px solid #82ae41;
	padding-left:16px;
	margin-bottom:5px;
	font-size:22px;
}

.enqList.imageLine li {
}

.enqList.imageLine li.q99 label {
	min-height: 50px;
	height: auto;
	line-height: 1.2;
	padding-top: 16px;
}

.enqList.imageLine li.q99 {
	width: 100%;
	clear:both;
}

.enqList.imageLine label img {
	width:auto!important;
	max-height: 360px;
	margin-left: 10px;
}


.projectDetail {
	/*padding: 0 15px 20px;*/
	padding: 25px 20px 30px;
	border: 5px #6c6c6c solid;
	margin: 0 0 20px 0;
}

.projectDetail img {
	float: right;
}

.enqBox h4 {
    background-color: #aae8f7;
    padding: 10px;
    position: relative;
    font-weight:bold;
    margin-top: 16px;
}

.enqBox h3 {
    background-color: #f0f0e8;
    padding: 10px;
    position: relative;
    font-weight:bold;
}

.enqList.col2 li.q99 {
	width: 100%;
	margin-top: 10px;
	margin-right: 0;
	float: left;
	margin-bottom: 10px;
}

span.uline {
    text-decoration: underline;
}

div.attention_Box strong.em {
	color:#333;
}

/* アンケート部品
-------------------------------------------------------------*/
.enqList {
margin: 10px 0px 20px 0px;
overflow: hidden;
}

.enqList select {
width:96%;
margin: 7px 2% 0;
font-size: 125%;
}

#enqConf .q2 .enqList.conf li img {
	width: 25%;
	margin: 10px auto 0;
}

div.txt_Box {
	font-size:16px;
	line-height:1.5;
	margin-bottom:46px;
}

div.txt_Box:last-child {
	margin-bottom:0px;
}

div.attention_Box strong.em {
	color:#333;
}

.requireFanclLogin.noFanclLogin .submitBox,
.requireFanclLogin.noFanclLogin #enqForm,
.requireFanclLogin.afterFanclLogin #errBoxNoFancl {
	display: none;
}
.requireFanclLogin.afterFanclLogin .submitBox,
.requireFanclLogin.afterFanclLogin #enqForm,
.requireFanclLogin.noFanclLogin #errBoxNoFancl {
	display: block;
}

 .contents.noLoginCation {
display: none;
}
.noFanclLogin .contents.inputArea {
display: none;
}
.noFanclLogin .contents.noLoginCation {
display: block;
}

.comp_clip_area {
    width:423px;
    position: relative;
    background-color: #f1f4f5;
    z-index: 1;
    padding: 15px;
    margin:10px 0 20px;
}

.comp_clip_area .ttl {
    position: relative;
    text-align: left;
}

.comp_clip_area .ttl img {
    width:50%;
}

.comp_clip_area ul#rtc_foreco1{
    margin-top:15px;
}

.comp_clip_area ul#rtc_foreco1 li{
    background-color: #fff;
    box-shadow: 0 0 8px #d5d5d5;
    margin-top:15px;
}

.comp_clip_area ul#rtc_foreco1 li:first-of-type{
    margin-top:0;
}

.comp_clip_area ul#rtc_foreco1 li a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comp_clip_area ul#rtc_foreco1 li a:hover{
    opacity:.6;
}

.comp_clip_area ul#rtc_foreco1 li .figure {
    width: 132px;
}

.comp_clip_area ul#rtc_foreco1 li .figure img{
    width:100%;
}

.comp_clip_area ul#rtc_foreco1 li .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 261px;
    min-height: 130px;
    padding: 20px;
    color: #000000;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


.comp_clip_area ul#rtc_foreco1 li .box p {
    font-size: 100%;
    padding: 0px;
    font-weight: normal;
}

.comp_clip_area ul#rtc_foreco1 li .box .txt {
    margin-bottom: 5px;
    font-size: .875rem;
    padding: 0px;
    font-weight: normal;
}

.enqThanks .enqBox .contentsEnqBox p {
	font-size: 100%;
	font-weight: normal;
	padding: 0px;
}

.enqThanks .enqBox .contentsEnqBox .thanks_txt, .next2 span {
	font-size: 125%;
	font-weight: bold;
	padding: 10px;
}

.l-grid {
	justify-content: space-between;
	flex-flow: row nowrap !important;
}
.l-grid--cell2 > .l-grid_cell {
    width: auto !important;
}

.btnLink3.next {
    background: #82ae41 no-repeat scroll 10px 50%;
    border: medium none;
    border-radius: 4px;
    /*box-shadow: 0 -4px 0 0 #076b34 inset;*/
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 157%;
    height: 70px;
    line-height: 70px;
    margin: 0 auto 10px;
    text-align: center;
    text-decoration: none;
    width: 400px;
}

.btnLink3.next2 {
    background: #6ac6d1 no-repeat scroll 10px 50%;
    border: medium none;
    border-radius: 30px;
    /*box-shadow: 0 -4px 0 0 #076b34 inset;*/
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 157%;
    height: 70px;
    line-height: 70px;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    width: 600px;
}

/*===============================================
スマートフォン用
===============================================*/
@media screen and (max-width:640px){
div.intro_inner{
	width:auto;
	padding:20px 10px 0;
}

p.topTxt{
	margin:0 10px;
}

#container div.end_Box{
	width:auto;
	margin:50px 10px 50px;
}

img {
	max-width:100%;
}

div.contentsEnqBox h2,
div.attention_Box h2 {
	padding:3px 0 3px 4%;
	margin:0 0 3% 10px;
}


.projectDetail {
	text-align: center;
}

.projectDetail span{
	display: block;
	text-align: left;
}
.projectDetail img {
    float: none;
    width: 70%;
    margin: 0 auto;
    padding: 0 0 10px;
}

.enqList.imageLine li {
	width: 100%;
	float: none;
	text-align:center;
}
.enqList.imageLine li.q99 {
	text-align:left;
}
.enqList.col2 li.q99 {
	margin-top: 0px;
}

.q8 li.q99 {
	width: 100%;
}


.enqList.imageLine label img {
	width: 90%;
}

.q2 .enqList.conf li,
.q4 .enqList.conf li,
.q5 .enqList.conf li,
.q7 .enqList.conf li {
	text-align: left;
}
.enqList.conf li img {
	width: 80%!important;
	margin: 10px auto;
}

#enq h1 {
		font-size: 4.3243243243vw;
		margin: 0;
	}

#enq h1 .sub {
		font-size: 2.972972973vw;
    }



    h2 {
	font-size: 4.0vw;

    }
	
	.pageInfo {
		font-size: 2.972972973vw;
		/* margin: 0px 0px 2.4vw 0px; */
	}

.pageText {
	margin: 2.4v auto 0;
	font-size: 3.7837837838vw;
	line-height: 2;
}
.pageNotes {
	font-size: 3.2vw;
}

.contentsWrapper {
	margin: 6.666666666666667vw auto;
	width: 100%;
	   padding: 0 5.333333333333333vw;
	text-align: left;
}


.pageInfoBox {
	display: block;
	padding-bottom: 2.4vw;
	/* border-bottom: 1px solid #e1e1e1; */
}


.h1Wrapper img {
	width: 90px;
	height: 90px;
	margin-right: 15px;
}


.l-grid {
	flex-flow: row wrap !important;
}
.l-grid--cell2 > .l-grid_cell:nth-child(2) {
    padding-right: 10px;
}

.comp_clip_area {
    width: auto;
}
.comp_clip_area {
    position: relative;
    background-color: #f1f4f5;
    z-index: 1;
    padding: 15px;
    margin:10px 0 20px;
}

.comp_clip_area .ttl img {
    width:100%;
}

.comp_clip_area .ttl {
    position: relative;
    text-align: left;
    width: 50%;
}

.comp_clip_area ul {
    position: relative;
    z-index: 2;
    margin-top: 15px;
}

.comp_clip_area ul#rtc_foreco1 li{
    background-color: #fff;
    box-shadow: 0 0 8px #d5d5d5;
    margin-top:15px;
}

.comp_clip_area ul#rtc_foreco1 li:first-of-type{
    margin-top:0;
}

.comp_clip_area ul#rtc_foreco1 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comp_clip_area ul#rtc_foreco1 li .figure {
    width: 34%;
}

.comp_clip_area ul#rtc_foreco1 li .figure img {
    max-width: 100%;
    display: inline-block;
}

.comp_clip_area ul#rtc_foreco1 li .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 66%;
    min-height: auto;
    padding: 0 0 0 10px;
    color: #000000;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
}

.comp_clip_area ul#rtc_foreco1 li .box .txt {
    margin-bottom: 5px;
}

.btnLink3.next {
	height: 60px;
	line-height: 60px;
    font-size: 116%;
    width: 100%;
}


.btnLink3.next2 {
	height: 60px;
	line-height: 60px;
    font-size: 116%;
    width: 100%;
}


}


@media screen and (max-width:320px){
.comp_clip_area ul#rtc_foreco1 li a {
    align-items: flex-start;
}
}