@charset "utf-8";


/*=======================================================
	サンプルプレゼント
=======================================================*/
#campaign_index{ border: 2px solid #fff; }
#campaignCont{ padding: 15px 50px; }
.present_header{
	position: relative;
	background: url(../img/header_bg.jpg) no-repeat center top;
	width: 966px;
	height: 517px;
}
.present_header h1{
	position: absolute;
	top:42px;
	left:208px;
	margin:0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 550px;
	height: 162px;
	background: url(../img/ttl.png) no-repeat center top;
	background-size: contain;
}
.header_item{
	position: absolute;
	margin: 0;
	top:190px;
	right:64px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/item.png) no-repeat center top;
	background-size:contain;
	width: 202px;
	height: 156px;
}
.item_img{
	position: absolute;
	top:212px;
	left:248px;
}
.item_img img.item_img1{
	width:170px;
}
.item_img img.item_img2{
	width:124px;
	margin: 0 10px;
}
.item_img img.item_img3{
	width:126px;
}
.header_item_cont {
	position: absolute;
	top:438px;
	left:246px;
	width:448px;
}
ul.header_item_name {
	font-size:0;
	padding: 0;
	margin: 0;
}
ul.header_item_name li {
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 132px;
	text-align: center;
}
ul.header_item_name li:first-child {
	width: 176px;
}
ul.header_item_name li:last-child {
	width: 140px;
}
ul.header_item_name li img {
	height:20px;
}
ul.header_item_name li img:hover {
	opacity:0.7;
}
.header_note{
	position: absolute;
	top:485px;
	left:0;
	text-align: center;
	font-size: 11px; /* ie8 */
	font-size: 1.2rem;
	color: #222;
	width:100%;
}
.close_cont{
	padding: 12px 0;
	background-color: #119411;
	text-align: center;
	border-top: 5px solid #0cbb0c;
	border-bottom: 5px solid #0cbb0c;
}
.close{	
	font-size: 16px; /* ie8 */
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
}
.close_ttl{
	padding: 3px 5px;
	font-size: 0.9em;
	display: inline-block;
	color: #fff;
	line-height: 1.0;
	border: 1px solid #fff;
}
.form_info{
	margin: 0;
	padding: 10px 0 20px;
	color: #333;
	font-size: 16px; /* ie8 */
	font-size: 1.6rem;
}
.form_info img{ margin: 0; }
.form_info strong{ color: #ff2580; }
/* 商品一覧 */
#all_item-index {
	margin: 0;
	width:100%;
	text-align: center;
}
#all_item-index p.item-index {
	margin: 0 auto;
	padding: 0;
	display: block;
	width:784px;
	height: 146px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../img/all-item.png") no-repeat center top;
	background-size:contain;
}
#all_item-index p.all_item {
	width:100%;
	margin: 40px 0;
}
#all_item-index p.all_item img {
	margin: 0 auto;
}
/* 商品紹介 */
#special_cont{ padding: 0 35px 30px; }
#special_cont .special_cont_ttl{
	margin: 10px -10px 0;
	background: url(../img/special_cont_ttl_bg.png) no-repeat center 30px;
}
#special_cont .special_cont_ttl img{ margin-left: 15px; }
#special_cont .special_cont_ttl_note{
	margin: -15px 0 25px;
	text-align: center;
	font-size: 11px; /* ie8 */
	font-size: 1.1rem;
	color: #767676;
}
#special_cont_header{
	margin: 0 0 5px 0;
	text-align: center;
}
#special_cont_header h2{ margin-bottom: 15px; }
#special_cont_header p{
	font-size: 12px; /* ie8 */
	font-size: 1.2rem;
	color: #3f3d39;
}
#research_cont{ padding: 0 5px; }
.research_box{
	margin-bottom: 15px;
	padding: 15px 15px 20px;
	border: 1px solid #f0f0f0;
	text-align: center;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.research_header{
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 2px dotted #d8d8d8;
	text-align: center;
	box-sizing: border-box;
}
.research_header_note {
	text-align: center;
	font-size: 11px; /* ie8 */
	font-size: 1.2rem;

}
.research_header h3{
	font-size: 1.7rem;
	line-height: 1.3;
	display: inline-block;
}
#research_box1{
	margin: 0 15px 0 0;
	width: 476px;
}
#research_box2{
	margin: 0;
	width: 310px;
}
#catch_img1{ margin: 13px 0 15px; }
#catch_img2{ width: 236px; height: auto; }
#result_search1{
	text-align: center;
	padding: 20px 0 0;
	clear: both;
	font-size: 1.8rem;
}
#result_search2{
	margin: 0 0 20px;
	text-align: center;
	padding: 0 0 10px;
	font-size: 2.2rem;
}
#result_search1 strong,
#result_search2 strong,
.research_header h3 span{ color: #e60055; }
/* グラフ */
.research_column{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.research_column div{
	margin: 0 10px;
	text-align: center;
}
.graph_ttl{
	margin: 0 0 10px;
	font-size: 1.5rem;
}
.graph_important{
	font-weight: bold;
	font-size: 1.8rem;
}
.graph_important span{
	font-size: 1.2em;
	color: #e60055;
}
#andso{
	margin: 15px 0 25px;
}
#cotton_info_cont{
	margin: 40px 5px 0;
	padding: 30px 40px;
	position: relative;
	background: url(../img/cotton_info_cont_bg.jpg) repeat left top;
	border-radius: 15px;
}
#special_cont #feature_ttl{ margin: 0 -10px 0 -40px; }
#feature_ttl2{
	margin:0 0 30px;
	text-align: center;
}
.feature_cont{
	margin: 0 0 15px;
	padding: 25px 20px 20px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	z-index: 10;
	position: relative;
}
.feature_cont h4{
	margin-bottom: 5px;
	padding: 5px 0 0;
	font-size: 2.2rem;
	line-height: 1.3;
	color: #6d655a;
}
.feature_cont h4 span{
	margin: -20px -18px 0 -25px;
	display: block;
	float: left;
}
#feature1_cont{
	float: left;
	width: 513px;
}
#feature1_cont p{ padding-left: 95px; }
#feature1 #graph{
	float: right;
	width: 207px;
	text-align: center;
}
#feature1 #graph h5{
	margin: 0 0 5px;
	font-size: 1.3rem;
	text-align: center;
}
#feature2{
	margin-right: 15px;
	width: 325px;
	float: left;
}
#feature3{
	width: 290px;
	float: left;
}
#feature_item_img{
	position: absolute;
	bottom: 16px;
	right: -4px;
	z-index: 100;
}
.note{
	padding: 0 200px 0 0;
	clear: both;
	text-align: right;
	position: relative;
	z-index: 15;
	font-size: 1.1rem;
}
.research_note{
	padding: 10px 0 0;
	font-size: 1.1rem;
	text-align: center;
	line-height: 1.3
}

/* 概要 */
#present_outline{
	padding: 0 30px 60px 30px; 
}
#present_outline .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
}
#present_outline .cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
#present_outline .cp_actab label {
	position: relative;
	display: block;
	cursor: pointer;
	margin: 0 0 1px 0;
	background: #de4a88;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	padding: 10px 0;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 240em;
}
/* Icon */
.cp_actab label::after {
	position: absolute;
	top: 15px;
	right: 10px;
	display: block;
	width: 18px;
	height: 9px;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {/*
	content: '';
	display: block;
	width: 18px;
	height: 9px;
	background: url("../img/present-outline-arr.png") no-repeat center top;
	background-size: contain;*/
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(180deg);
}
.cp-actab-small-text {
	font-size:14px;
}
/* Outline MediaQueries  */
@media screen and (max-width: 767px) {
#crp-outline .cp_actab label {
	padding:10px 0;
	font-size: 18px;
}
.cp-actab-small-text {
	font-size:12px;
}
#crp-outline h3 {
	margin-bottom: 10px;
}
#crp-outline h4 {
	margin: 30px 0 10px 0;
}
#crp-outline dl {
	border-bottom: 1px solid #ddd;
	background: #f3eee4;
	margin: 20px 12px 10px 12px;
}
#crp-outline dt,
#crp-outline dd {
	padding: 10px 15px 8px 15px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#crp-outline dt {
	width: 100%;
	float: none;
}
#crp-outline dd {
	margin-left: 0;
	padding-bottom: 8px;
}
#crp-outline hr.terms-dl-hr {
	display: block;
	height:18px;
}
#crp-outline hr.terms-dl-hr-small {
	display: block;
	height: 10px;
}
#crp-outline a.terms-btn {
	display: block;
	width: 80%;
	padding: 10px 20px;
	text-align: center;
	margin: 0 auto 10px auto;
}
#crp-outline .addess-txt {
	font-size: 16px;
}
#crp-outline .crp-tel-link {
	font-size: 16px;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 600em;
}
/* Icon */
.cp_actab label::after {
	top: 25px;
	right: 10px;
	display: block;
}
}
#present_outline dl, dt, dd {
	box-sizing: border-box;
}
#present_outline dl {
	font-size: 14px;
	line-height: 1.6;
	color: #3e3d3b;
	border-bottom: 1px solid #c6dec6;
	background: #f6f5f4;
	margin-top: 30px;
}
#present_outline dt,
#present_outline dd {
	padding: 17px 15px 0 15px;
	border-top: 1px solid #c6dec6;
}
#present_outline dt {
	width: 28%;
	float: left;
	font-weight: bold;
}
#present_outline dd {
	margin-left: 28%;
	padding-bottom: 16px;
	background: #fff;
	line-height: 1.8;
}
#present_outline dd:after {
	content: '';
	display: block;
	clear: both;
}
#present_outline dd ul {}
#present_outline dd ul li{
	list-style: disc;
	margin-left: 1em;
	margin-bottom: 8px;
	line-height: 1.8;
}
#present_outline .m-b{
	margin-bottom:8px;
}
#present_outline .caption {
	font-size: 11px;
}

.outline_text{
	font-size: 15px; /* ie8 */
	font-size: 1.5rem;
}
#consent{
	margin: 0 50px 30px;
	padding: 5px 20px 18px;
	text-align: center;
	border: 5px solid #efefef;
}
.campaign_btn{ margin: 15px 0 0; }
.campaign_btn a{
	display: block;
	color: #5f5f5f;
	font-weight: bold;
}
.campaign_btn a img{ margin-bottom: 5px; }
.campaign_btn a:hover{
	text-decoration: none;
	opacity: 0.8; /*通常*/
	-ms-filter: "alpha(opacity=80)"; /*IE8*/
}
.free_telno {
	background: url("/inquiry/img/free_ico.png") no-repeat left center;
	padding: 0 0 0 38px;
	font-size: 18px; /* ie8 */
	font-size: 1.8rem;
	font-weight: bold;
}
.outline_note li{
	font-size: 12.5px; /* ie8 */
	font-size: 1.25rem;
}
.close_info{
	margin: 10px 0 0;
	font-size: 14px; /* ie8 */
	font-size: 1.4rem;
}
/* clearfix */
#research_cont:after,
.feature_cont:after,
#special_cont:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*---------------------------------------
  フォーム
----------------------------------------*/
#form_header{
	margin: -13px -48px 25px;
	padding: 15px 0 15px;
	background: #fdf9f6 url(../img/form_ttl_bg.jpg) no-repeat center 5px;
	box-sizing: border-box;
	border-top: 5px solid #f45899;
	height: 150px;
}
.campaign_ttl{
	margin: 0 0 0 235px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 520px;
	height: 113px;
	background: url(../img/sample_header.png) no-repeat center top;
}

#campaignCont #present_list h3{
	margin: 0 0 10px;
	padding: 10px;
	text-align: center;
	background-color: #fdeef4;
	color: #e4007f;
	font-size: 16px; /* ie8 */
	font-size: 1.6rem;
}
#campaignCont h2.form_ttl {
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #c7c1b6;
	color: #f45899;
	font-size: 18px;
	background: none;
}
#campaignCont #form_cont > h3 {
	background-color: #efeeec;
	padding: 10px;
	margin-bottom: 15px;
	margin-top: 20px;
	font-size: 15px; /* ie8 */
	font-size: 1.5rem;
	font-weight: bold;
	clear: both;
}

#campaignCont p{
	margin-bottom: 10px;
	font-size: 14px; /* ie8 */
	font-size: 1.4rem;
}
#campaignCont .input_box{ padding: 0 0 10px; }
#campaignCont .input_box p{
	margin-bottom: 0;
	line-height: 1.3;
}
#campaignCont .ceparate {
	border-top: 1px dashed #ccc;
	padding-top: 10px !important;
}
#campaignCont .formcomment {
	display: inline-block;
	vertical-align: middle;
}

select{
	margin: 0;
	padding: 3px;
	border: 1px solid #aaa;
	border-radius: 3px;
}
input[type="text"],
input[type="tel"],
input[type="email"]{
	margin: 0 3px;
	padding: 3px;
	border: 1px solid #aaa;
	border-radius: 3px;
	box-sizing: border-box;
	-webkit-appearance: none;
	font-size: 1.4rem;
}
.other_text input[type="text"]{
	margin: -2px 0 0 5px;
	display: inline-block;
	width: 260px ;
}
.other_text.text_s input[type="text"]{ width: 200px; }



/* name */
.name{
	display: inline-block;
	vertical-align: middle;
}
.name_data1,
.name_data2{
	padding: 3px  5px;
	display: inline-block;
	width: 2.1em;
	background-color: #efefef;
	border-radius: 3px;
	text-align: center;
	font-size: 12px; /* ie8 */
	font-size: 1.2rem;
}
.name_data2{ margin-left: 15px;}

#campaignCont dl#address_input,
#campaignCont dl#name_cont { margin: -8px 0 0; }
#campaignCont dl#address_input dt,
#campaignCont dl#name_cont dt {
	margin: 5px 0 0px;
	padding: 5px 5px 5px 0;
	font-weight: bold;
}
#campaignCont dl#address_input dd {
	padding: 0 0 0 5px;
	margin-bottom: 10px;
}
#campaignCont dl#address_input dd p {
	padding: 5px 0 0;
	margin-bottom: 0;
}
.text_data input { width: 250px; }
.s_br { display: none; }

/* 必須 */
.indispensable{
	margin: 0 0 0 5px;
	padding: 5px 5px 3px 3px;
	color: #fff;
	display: inline-block;
	background-color: #fd4949;
	font-size: 11.5px; /* ie8 */
	font-size: 1.15rem;
	line-height: 1.0;
	font-weight: bold;
	border-radius: 5px;
}

.choice_list li,
.choice_list_wide li {
	line-height: 1.7;
	display: inline-block;
}
.choice_list_l li {
	margin: 5px 0;
	vertical-align: top;
}
.choice_list li input,
.choice_list_l li input { vertical-align: top; }
.item_name {
	padding-left: 1.5em;
	display: block;
}
#campaignCont #applyBtn { text-align: center; }
#campaignCont #applyBtn input { margin: 20px 10px; }
.choice_list li {
	margin-right: 5px;
	display: inline-block;
}

#select_item{ margin:0 -15px 0 -15px; }
#select_item:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.item_box{
	margin: 0 15px 15px 0;
	padding-left: 1em;
	width: 190px;
	float: left;
	line-height: 1.3;
	text-align: center;
}
.item_box input{ margin: 0.1em 0 0 -1.2em; }
.item_name_form{
	padding-bottom: 10px;
	display: inline-block;
	vertical-align: top;
}
.item_name_form .br_pc{ display: inline-block; }
.presentitem_note{ margin-top: 5px; }
#campaignCont dd{ overflow: hidden; }
.item_img_form{
	margin: 0 auto;
	display: block;
}
.item_img_form img{ margin-left: -10px; }
#present4{ margin-left: -20px; }

input[type="text"],
select{
	font-size: 13px; /* ie8 */
	font-size: 1.3rem;
}
#input_address4 input { margin: 0 5px 0; }
#input_address4 input:first-child { margin-left: 0; }
.age_input input{ margin-right: 3px; }


/* 確認画面 */
#campaignCont h3{
	margin: 15px 0 5px;
	padding: 5px 10px;
	background: #efeeec;
	font-size: 15px; /* ie8 */
	font-size: 1.5rem;
}

.btn{
	border: none;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
.btn:hover{
	opacity: 0.8; /*通常*/
	-ms-filter: "alpha(opacity=80)"; /*IE8*/
}
#btn_submit{
	background: url(../img/btn_submit.png) no-repeat left top;
	width: 215px;
	height: 56px;
}
#btn_submit2{
	background: url(../img/btn_submit2.png) no-repeat left top;
	width: 215px;
	height: 56px;
}
#btn_back{
	background: url(../img/btn_back.png) no-repeat left top;
	width: 215px;
	height: 56px;
}

#campaignCont #form_cont > h3 span.q_num,
#campaignCont h3 span.q_num{
	padding-right: 8px;
	display: inline-block;
}

/* 完了画面 */
#campaignCont #thanksTxt{
	padding: 0 0 100px;
	font-size: 16px; /* ie8 */
	font-size: 1.6rem;
}

/* 終了案内 */
.campaign_end{
	font-size: 26px; /* ie8 */
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	display: block;
	line-height: 1.4;
}
#consent .campaign_end{ padding: 15px 0 0; }
#bnr-linecam {
	text-align:center;
}
#bnr-linecam p{
	text-align:center;
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 600;
}
#bnr-linecam p span {
	font-size: 14px;
}
#bnr-linecam img {
	width:60%;
	margin: 20px auto 40px auto;
}

.img-pc {
	display: block !important;
}
.img-sp {
	display: none !important;
}
@media only screen and (max-width: 768px) {
.img-pc {
	display: none !important;
}
.img-sp {
	display: block !important;
}
}
/* ===========================================
	MediaQueries
=========================================== */

/* スマホ----------------------------- */
@media screen and (max-width: 767px) {
	#campaign_index{
		margin-bottom: 40px;
		padding: 0 0 15px;
		border: none;
	}
	#campaignCont {
		margin-bottom: 0px;
		padding: 0;
	}
	.present_header{
		padding-top: 122.26% ;
		background: url(../img/s/header_bg.jpg) no-repeat center top;
		background-size:contain;
		width:100%;
		height: 0;
	}
	.present_header h1{
		margin: 0 auto;
		padding: 29.28% 0 0 0;
		width: 90.13%;
		height: 0;
		top:5.23%;
		left:0;
		right:0;
	}
	.header_item{
		top:27.0%;
		left:0;
		right:0;
		margin:0 auto;
		background: url(../img/s/item.png) no-repeat left top;
		background-size:contain;
		width: 79.47%;
		height: 0;
		padding: 28.86% 0 0 0;
	}
	.item_img{
		top:43.23%;
		left:0;
		right:0;
		margin:0 auto;
		width:100%;
		text-align: center;
	}
	.item_img img.item_img1{
		width:33.87%;
	}
	.item_img img.item_img2{
		width:24.53%;
		margin: 0 2.13%;
	}
	.item_img img.item_img3{
		width:25.07%;
	}
	.header_item_cont{
		top:79.29%;
		left:0;
		right:0;
		margin: 0 auto;
		width:91.7%;
		text-align: center;
	}
	ul.header_item_name li {
		width: 25.5%;
		height: 18px;
		text-align: center;
	}
	ul.header_item_name li:first-child {
		width: 41%;
	}
	ul.header_item_name li:last-child {
		width: 32.5%;
	}
	ul.header_item_name li img {
		width:59px;
		height: 18px;
	}
	ul.header_item_name li:first-child img {
		width:86px;
	}
	ul.header_item_name li:last-child img {
		width:108px;
	}
	.header_note{
		top:85.69%;
		left:0;
		font-size: 10px; /* ie8 */
	}
	
	.close_cont{ padding: 10px 5%; }

	#consent{
		margin: 0 10px 20px;
		padding: 15px 20px 20px;
		text-align: center;
		border: 5px solid #efefef;
	}
	.form_info{
		padding: 5px 0 0;
		font-size: 1.4rem;
	}
	/* 商品一覧 */
	#all_item-index {
		padding:10px 0 0 0;
	}
	#all_item-index p.item-index {
		padding: 41.47% 0 0 0;
		width:91.06%;
		height: 0;
		background: url("../img/s/all-item.png") no-repeat center top;
		background-size:contain;
	}
	#all_item-index p.all_item {
		width:100%;
		margin: 20px 0;
	}
	#all_item-index p.all_item img {
		width:92%;
	}
	/* 商品紹介 */
	.research_box{
		padding: 15px;
		float: none;
	}
	#special_cont{ padding: 0 10px 30px; }
	#special_cont .special_cont_ttl{
		margin: 10px -20px 0 ;
		background: none;
	}
	#special_cont .special_cont_ttl img{ margin-left: 0; }
	#special_cont .special_cont_ttl_note{ margin: -5px 0 15px; }
	#special_cont_header{ margin-top: 15px; }

	.research_header h3{ font-size: 1.5rem; }
	#research_box1,
	#research_box2{
		margin: 0 0 10px;
		width: auto;
	}
	#cotton_info_cont{
		margin: 25px -10px 0;
		padding: 22px 0 0;
		border-radius: 0;
	}
	#special_cont h2{
		margin: 0 15px 5px;
		padding: 0 0 15%;
		text-align: center;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		height: 0;
		background: url(../img/s/catch_ttl.png) no-repeat center top;
		background-size: 100% auto;
	}
	#cotton_info_cont #andso{
		margin: 10px 0 0;
		padding: 0 0 14%;
		text-indent: 200%;
		white-space: nowrap;
		overflow: hidden;
		height: 0;
		background: url(../img/s/andso.png) no-repeat center top;
		background-size: 90% auto;
	}
	#special_cont #feature_ttl{
		margin: 0;
		padding: 0 0 33.8%;
		background: url(../img/s/feature_ttl.png) no-repeat center top;
		background-size: 100% auto;
		height: 0;
	}
	#feature_ttl2{
		margin: -9% 0 15px;
		padding: 0 20%;
		text-align: center;
	}
	.feature_cont h4{ font-size: 1.7rem; }
	.feature_cont h4 span{
		margin: -20px -12px 0 -25px;
		width: 80px;
	}
	#feature1_cont p,
	.feature_cont p{
		clear: both;
		padding-left: 0;
	}
	#feature2 h4 span,
	#feature3 h4 span{ margin-bottom: -10px; }
	.feature_cont{ padding: 25px 25px 20px; }
	#feature1 #graph,
	#feature1,
	#feature2,
	#feature3{
		margin: 0 10px 10px;
		width: auto;
		float: none;
	}
	#feature1_cont{
		margin: 0 0 10px;
		width: auto;
		float: none;
	}
	#feature_item_img{
		position: absolute;
		width: 120px;
		bottom: 10px;
		right: 0;
	}
	#feature1 #graph{
		margin: 0 auto 10px;
		padding-right: 20px;
		width: 250px;
	}
	
	#feature1 #graph p{ text-align: center; }
	.note{ padding: 0 125px 10px 10px; }
	#research_box2 .cotton_voice{ margin-top: 0; }
	#catch_img1{ margin: 0; }
	
	/* グラフ */
	.research_column div{
		margin: 0 10px 40px;
	}
	.research_column div:last-child{
		margin: 0 10px 20px;
	}
	.graph_ttl{
		margin: 0;
		font-size: 1.5rem;
	}
	#campaign_cont{
		margin: 20px auto;
		width: 300px;
	}
	#campaign_cont a{
	margin: 0 auto;
	padding: 20px 15px 17px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;

	height: 128px;
	box-sizing: border-box;
	text-align: center;
	border: 3px solid #fff;
	background: url(../img/s/campaign.png) no-repeat 22px center;
		background-size: 266px auto;
		display: block;
		-webkit-box-shadow: 0 0 5px #fff inset;
		box-shadow: 0 0 5px #fff inset;
	}


	/* 概要 */
	#present_outline{
		margin: 0;
		padding: 0 10px 30px;
	}
	#present_outline{
		padding: 0 10px 30px 10px; 
	}
	#present_outline .cp_actab label {
		font-size: 18px;
		padding: 10px 0;
	}
	/* :checked */
	.cp_actab input:checked ~ .cp_actab-content {
		max-height: 800em;
	}
	/* Icon */
	.cp_actab label::after {
		top: 15px;
		right: 10px;
		width: 18px;
		height: 9px;
	}
	.cp_actab input[type=checkbox] + label::after {
		width: 18px;
		height: 9px;
	}
	#present_outline dl {
		margin-top: 20px;
	}
	#present_outline dt,
	#present_outline dd {
		padding: 12px 12px;
		border-top: 1px solid #c6dec6;
		border-right: 1px solid #c6dec6;
		border-left: 1px solid #c6dec6;
	}
	#present_outline dt {
		width: 100%;
		float: none;
	}
	#present_outline dd {
		margin-left: 0;
		padding-bottom: 12px;
	}
	.campaign_btn{ margin: 5px 0 0; }

	/* フォーム */
	#form_header{
		margin: 0 -10px 15px;
		padding: 2% 3% 1% 6%;
		background-position: 51% 10px;
		background-size: 120% auto;
		height: auto;
	}
	#campaignCont{ padding: 0 10px 20px; }
	
	.campaign_ttl{
		margin: 0 auto;
		padding: 0 0 22%;
		width: 80%;
		height: 0;
		background: url(../img/s/sample_header.png) no-repeat center top;
		background-size: 100% auto;
	}
	#campaignCont #form_cont { margin-top: 10px; }
	#campaignCont dl#address_input,
	 #campaignCont dl#name_cont {
		margin: 0 0 0;
		font-size: 1.4rem;
	}
	#campaignCont h2.form_ttl {
		margin: 0 0 10px;
		padding: 0;
	}
	#campaignCont #form_cont > h3 {
		margin: 20px 0 15px;
		padding: 10px;
		font-size: 1.5rem;
		line-height: 1.4;
	}
	#campaignCont dd { margin-bottom: 15px; }
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	select { font-size: 1.6rem; }
	
	input[type="text"],
	input[type="tel"],
	input[type="email"] {
		margin: 0 3px 0 0;
		padding: 3px;
		border: 1px solid #a9a9a9;
	}
	input[type="tel"] { width: 60px; }

	.other_text input[type="text"],
	.other_text.text_s input[type="text"]{
		margin: 0 0 0 3px;
		display: block;
		width: 85% ;
	}
	.choice_list li input{ margin-top: 0.4em; }

	.name{
		margin: 5px 0;
		display: block;
		overflow: hidden;
	}
	.name input{
		margin-right: 0;
		float: left;
		width: 81%;
		max-width: 400px;
		box-sizing: border-box;
	}
	.name_data1,
	.name_data2{
		margin-right: 2%;
		display: block;
		float: left;
		width: 12%;
	}
	.name_data2{ margin-left: 0;}
	.text_data input {
		padding: 3px;
		width: 97%;
		-moz-box-sizing: border-box; /* Firefox */
		box-sizing: border-box;
	}
	.choice_list_l li,
	.choice_list .list_l{
		margin: 0 0 8px;
		font-size: 1.5rem;
		padding-left: 1.2em;
		text-indent: -1.2em;
		line-height: 1.3;
		display: block;
	}
	.presentitem_note li{
		margin: 0 0 2px 5px;
		padding-left: 1em;
		text-indent: -1em;
		font-size: 1.2rem;
	}
	
	#campaignCont #applyBtn input{
		margin: 20px auto 0;
		width: 280px;
		height: 75px;
	}
	.item_name_form,
	.choice_list li{ font-size: 1.5rem; }

	#applyBtn input{ margin: 5px 10px 10px; }
	#thanks_cont{ padding-bottom: 0; }
	
	#btn_submit{
		background: url(../img/s/btn_submit.png) no-repeat left top;
		background-size: 100% auto;
	}
	#btn_submit2{
		background: url(../img/s/btn_submit2.png) no-repeat left top;
		background-size: 100% auto;
	}
	#btn_back{
		background: url(../img/s/btn_back.png) no-repeat left top;
		background-size: 100% auto;
	}
	
	#campaignCont .input_box p{ margin-bottom: 10px; }
	#campaignCont .input_box p:nth-last-of-type(1){ margin-bottom: 0; }
	
	#select_item{ margin: 0; }
	.item_box{
		margin: 0 0 10px;
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
		border: 1px solid #ccc;
		display: block;
		border-radius: 10px
	}
	.item_box input{
		margin: 0.2em 10px 0 0;
		vertical-align: middle;
		display: block;
		float: left;
	}
	
	.item_name_form{
		margin: 0;
		padding: 0;
		text-align: left;
		display: block;
		float: left;
		width: 86%;
		
	}
	.item_img_form{
		text-align: center;
	}
	.item_img_form img{
		margin-left: 0;
		width: 140px;
	}
	#present4{
		margin-left: 0;
		width: 170px;
	}
	.item_name_form .br_pc{ display: none; }
	
	#campaignCont #thanksTxt{ padding: 0 0 40px; }

	/* 終了案内 */
	.campaign_end{
		padding: 0;
		font-size: 2.0rem;
	}
	#consent .campaign_end{ padding: 10px 0 0; }
	#bnr-linecam p{
		font-size: 16px;
	}
	#bnr-linecam p span {
		font-size: 12px;
	}
	#bnr-linecam img {
		width:80%;
		margin: 10px auto 30px auto;
	}
}
@media screen and (min-width: 768px) {
.br-pc {
	display: block;
}
.br-sp {
	display: none;
}
}

@media screen and (max-width: 768px) {
.br-pc {
	display: none;
}
.br-sp {
	display: block;
}
}