@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.mainVisual {
	margin-bottom: 15px;
	padding: 22px 0 16px;
	background-color: #FFE0A7;
}
.mainVisual h2 {
	text-align: center;
}
@media screen and (max-width: 767px){
	#container .mainVisual {
		padding: 10px 10px 0 5px;
		background: #fff !important;
		border-top: 10px solid #DFDAD1;
	}
	.mainVisual h2 img {
		width: 100%;
	}
}

#conts {
	padding: 15px 0 0 65px;
	width: 698px;
	position: relative;
	background: url(../img/choicenotknot/conts_bg.png) no-repeat 83px top;
}
#conts h3 {
	margin: 0 0 21px 48px;
}

#conts .imgBox {
	margin-bottom: 46px;
}

#conts .imgBox .photoBox {
	float: left;
}

#conts .imgBox .textBox {
	float: right;
	width: 510px;
}

#conts .imgBox .textBox .txt {
	margin-bottom: 36px;
}

#conts .imgBox .textBox .ttl {
    margin-bottom: 8px;
    font-size: 18px;
    color: #00AC8D;
    font-weight: bold;
}
@media screen and (max-width: 767px){
	#conts .imgBox .textBox .ttl {
		font-size: 16px !important;
	}
}
#conts .imgBox .textBox p {
	margin-bottom: 25px;
	font-size: 13px;
	line-height: 1.7;
	text-align: justify;
}

#conts .about {
    margin: 0 0 100px -95px;
}

#conts .about .bg {
	padding: 53px 43px 45px 53px;
	background: url(../img/aboutnotknot/bg.jpg) repeat-y left top;
}

#conts .about .imgBox {
    margin-bottom: 0;
}

#conts .about .imgBox .photoBox {
	float: left;
}

#conts .about .imgBox .textBox {
	margin-top: -5px;
	float: right;
	width: 390px;
}

#conts .about .imgBox .textBox p {
	font-size: 13px;
	line-height: 2.07;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#conts .about .imgBox .textBox .name {
	margin: 0 0 43px 5px;
	color: #3D2614;
	font-size: 21px;
	line-height: 1.6;
}

#conts .about .imgBox .textBox .name span {
	font-size: 13px;
	display: block;
}

#conts .about .txtBoxBg {
	margin: 53px 10px 12px 0;
}

#conts .about .imgBox .textBox .txtBoxBg p {
	font-size: 12px;
	line-height: 1.83;
}

#conts .about .imgBox .textBox .txtBoxBg .txt {
	margin-bottom: 9px;
	overflow: hidden;
}

#conts .about .imgBox .textBox .txtBoxBg .txt span {
	position: relative;
	color: #3D2614;
	font-size: 19px;
	display: inline-block;
}

#conts .about .imgBox .textBox .txtBoxBg .txt span:before {
	position: absolute;
	border-bottom: 1px solid #7F7F7F;
	left: 110%;
	width: 1000px;
	top: 60%;
	content: "";
}

#conts .about .imgBox .textBox .txtBoxBg .sub {
	margin-bottom: 10px;
	padding-bottom: 15px;
	position: relative;
	border-bottom: 2px solid #BFBFBF;
}

#conts .about .imgBox .textBox .txtBoxBg .sub .img {
	position: absolute;
	top: -5px;
	right: 0;
}

#conts .about .imgBox .textBox .txtBoxBg .sub .img img {
	width: 120px;
}

#conts .about .awardBox {
	margin:0;
}

#conts .about .award .imgBox .textBox {
	margin-top: 15px;
	width: 547px;
	position: relative;
}

#conts .about .award .imgBox .textBox .title {
	margin-bottom: 15px;
}

#conts .about .award .imgBox .textBox p {
	line-height: 1.64;
	font-size: 13px;
}

#conts .about .award .imgBox .textBox p a {
	color: #363636;
}

#conts .about .award .imgBox .photoBox img {
	margin: 0;
}

#conts .about .awardBox .award {
	padding: 21px 33px 25px 33px;
	position: relative;
	background-color: #E5F3E0;
}

#conts .about .awardBox .award:before {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/aboutnotknot/img.jpg) no-repeat;
	background-size: 24px 21px;
	width: 24px;
	height: 21px;
	content: "";
}

#conts .about .award .photo {
	position: absolute;
	top: -15px;
	right: 0;
}

#conts .imgBox01 {
	margin-bottom: 13px;
}

.intro {
	margin: -15px auto -33px;
	position: relative;
	width: 912px;
	padding-top: 16px;
	background: url(../img/choicenotknot/intro_box_top_bg.png) no-repeat left top;
}

.intro .introBox {
	padding: 30px 70px 55px;
	position: relative;
	background: url(../img/choicenotknot/intro_box_btm_bg.png) no-repeat left bottom;
}

.intro .introBox .textBox {
	width: 678px;
}

.intro .introBox .textBox p {
	font-size: 15px;
	line-height: 28px;
	background: url(../img/choicenotknot/intro_txt_bg.gif) repeat left bottom;
}

.intro .introBox .name {
	position: absolute;
	right: 47px;
	bottom: 55px;
}