@charset "UTF-8";

/*----------------------------------------------------
	☆TOP
----------------------------------------------------*/

/*--page name--*/

#mv2{
	background-image: url("../img/mv.jpg");
}
#ct #ctin #form table{
	width: 100%;
	margin: 0 auto;
}
#ct #ctin #form tr{
	border-bottom: #9a9a9a 1px dotted;
}
#ct #ctin #form th{
	box-sizing: border-box;
    font-size: 14px;
	font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.5;
    padding: 20px 0;
    text-align: left;
    width: 30%;
}
#ct #ctin #form th span{
	font-size: 11px;
	padding: 3px;
	background: #ee6754;
	color: #fff;
	margin-right: 10px;
}
#ct #ctin #form td{
	padding: 20px 0;
	line-height: 1.7;
}
#ct #ctin #form td span{
	margin-bottom: 10px;
}
#ct #ctin .send{
	margin: 30px auto 0 auto;
	width: 500px;
	font-size: 15px;
	font-weight: bold;
}

#ct #ctin .send .resert{
	float: left;
	width: 240px;
}
#ct #ctin .send .ok{
	float: right;
	width: 240px;
}
#ct #ctin p #bgimg2{
	background: #182a60;
    color: #fff;
    height: 45px;
    width: 250px;
	border: none;
}
#ct #ctin p #bgimg{
	background: #fff;
    color: #182a60;
    height: 45px;
    width: 250px;
	border: 1px solid #182a60;
	box-sizing: border-box;
}



.wrapper{
  width: 860px;
  margin: 0 auto;
  margin-bottom: 80px;
}
.mv3{
	width: 100%;
	background-position: center;
	background-size: cover;
	background-image: url("../img/Cookie_mv.jpg");
	margin-bottom: 50px;
}
.mv3 .cookie{
  width: 300px;
	margin: auto;
	padding: 60px 0;
}
.mv3 .cookie img{
  width: 100%;
}
.ber01_text{
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #1a2a5b;
	font-family: "ＭＳ Ｐ明朝","游明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","serif";
	line-height: 1.8;
	padding-bottom: 20px;
}
.flex{
	display: flex;
}
.btw{
	justify-content: space-between;
}
.box{
  width: 48%;
}
.box img{
  width: 100%;
}
.box .width02{
	width: 40%;
	display: block;
	margin: 0 auto;
}
.block{
  margin-top: 5%;
}
.block .mission{
  background: #f5f3e5;
	border-left: #1a2a5b solid 5px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 20px;
}

@media only screen and (max-width: 959px) {

#ct #ctin #form th{
   box-sizing: border-box;
    display: block;
    padding: 20px 0 5px;
    text-align: left;
    width: 100%;
}
#ct #ctin #form td{
	display: block;
	padding: 0 0 20px 0;
}
input.wS, input.wM, input.wL{
	width: 100%;
	background-color: #f2f2f2;
    border: medium none;
    border-radius: 3px;
    line-height: 140%;
    padding: 8px;
	box-sizing: border-box;
}
#ct #ctin .send{
	width: 100%;
}

#ct #ctin .send .resert{
	float: left;
	width: 49%;
}
#ct #ctin .send .ok{
	float: right;
	width: 49%;
}
#ct #ctin p #bgimg2{
    width: 100%;
}
#ct #ctin p #bgimg{
    width: 100%;
}
	
	
	

.mv3{
	margin-bottom: 30px;
}
.mv3 .cookie{
  width: 150px;
	padding: 30px 0;
}
.sp_none{
  display: none;
}
.width03{
  width: 100%;
}
	
}

