@charset "UTF-8";

/*==================================================================================
　共通設定
==================================================================================*/

.nav-conversion{
	background: #EAEAEA;
}

.nav-conversion_inner{
	width: 1000px;
	margin: 0 auto;	
}

.nav-conversion ul{
	display: block;
}
.nav-conversion li{
	float: left;
	width: 485px;
}
.nav-conversion li:nth-child(2){
	float: right;
}
.nav-conversion li img{
	width: 100%;
}

section#reason h2 img,
section#check h2 img,
section#result h2 img,
section#result02 h2 img,
section#price h2 img,
section#shops h2 img{
	width: 550px;
}

section#check p.txt-checklist,
section#check .box-seniorcomment p,
section#result p.txt-lead,
section#result .box-result p,
section#pdca p.txt-lead,
section#price p.txt-lead,
section#shops p.txt-lead{
	line-height: 1.5rem;
	font-size: 1rem;
}

/*==================================================================================
　サイト内リンク
==================================================================================*/
nav.pc {
	display: block!important;
	width: 100%;
	position: fixed;
	top:0;
	z-index:10;
}
nav.pc ul{
	width: 1100px;
	margin: 0 auto;
}
nav.pc li{
	float: left;
	width: 182px;
	background: #fff;
	border-right: 1px solid #fff;
}
nav.pc li:nth-child(1){
	border-left: 1px solid #fff;
}
nav.pc li img{
	width: 100%;
}


/*==================================================================================
　ファーストビュー
==================================================================================*/
main{
	padding-top: 67px!important;
}

#top .mainVisual{
	width: 1100px;
	padding-bottom: 0!important;
	position: relative;
	z-index: 1;
}
#top .mainVisual li{
	position: absolute;
}
#top .mainVisual li img{
	width: 214px;
	height: auto;
}
#top .mainVisual li.btn-mainVisual-01{
	top:370px;
	left:43px;
}
#top .mainVisual li.btn-mainVisual-02{
	top:370px;
	left:279px;
}
#top .mainVisual li.btn-mainVisual-03{
	top:447px;
	left:43px;
}
#top .mainVisual li.btn-mainVisual-03 img{
	width: 450px;
	height: auto;
}

#top .mainVisual li a:hover {
      opacity: 1; 
}
/*==================================================================================
　ファーストビュー(index2.html)
==================================================================================*/

#index2 #top .mainVisual{
	width: 1100px;
	padding-bottom: 0!important;
	position: relative;
	z-index: 1;
}
#index2 #top .mainVisual li{
	position: absolute;
}
#index2 #top .mainVisual li img{
	width: 280px;
	height: auto;
}
#index2 #top .mainVisual li.btn-mainVisual-01{
	top:619px;
	left:475px;
  width: 280px;
}
#index2 #top .mainVisual li.btn-mainVisual-02{
	top:619px;
	left:765px;
}
#index2 #top .mainVisual li.btn-mainVisual-03{
	top:697px;
	left:475px;
}
#index2 #top .mainVisual li.btn-mainVisual-03 img{
	width: 570px;
	height: auto;
}

#index2 #top .mainVisual li a:hover {
      opacity: 1; 
}

/*==================================================================================
　選ばれる理由
==================================================================================*/

section#reason{
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

section#reason .box-reason{
	
}

section#reason .box-reason  p{
	float: left;
	width: 485px;
}
section#reason .box-reason  p:nth-child(2){
	float: right;	
}
section#reason .box-reason  p img{
	width: 100%;
}

/*==================================================================================
　婚活セルフチェック
==================================================================================*/

section#check{
	width: 1030px;
	margin: 0 auto;
	padding: 0;
}

section#check .box-checklist{
	width: 515px;
	float: left;
	padding-bottom: 30px;
}
section#check .box-checklist:nth-child(3),
section#check .box-checklist:nth-child(5){
	float: right;
}
section#check .box-checklist:nth-child(4){
	clear: both;
}

section#check .box-checklist img{
	width: 100%;
}
section#check .txt-checklist img{
	float: left;
	margin-right: 3.33%;
	width: 27.5%;
	display: none;
}

section#check .mod-checklist-list,
section#check .txt-checklist,
section#check .img-checklist{
	padding: 0 15px 15px 15px;
}
section#check .box-seniorcomment{
	margin: 0 15px 15px 15px;	
	padding: 10px 15px 15px 15px;
}

section#check p.notes_wrap{
	padding: 0 15px 15px 15px;
}

/*==================================================================================
　実績データ
==================================================================================*/

section#result{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}


section#result p{
	padding: 0 0 15px 0;
}
section#result .box-result{
	padding: 30px;
}

section#result .box-result p.box-data01{
	float: left;
	width: 455px;
	padding: 0;
}
section#result .box-result .box-data01-txt{
	float: right;
	width: 455px;
}


section#result .box-result p strong{
	font-size: 1.5rem;
	display: block;
	padding-bottom: 15px;
	font-weight: bold;
	line-height: 2rem;
	color: #333;
}
section#result .box-result p.ttl-result{
	padding-top: 30px;
	text-align: center;
}
section#result .box-result p.ttl-result img{
	width: 475px;
}


section#result .box-result p.box-data02{
	float: left;
	width: 455px;
	padding: 0;
}
section#result .box-result p.box-data03{
	float: right;
	width: 455px;
	padding: 0;
}
section#result .box-result p.box-data01 img,
section#result .box-result p.box-data02 img,
section#result .box-result p.box-data03 img{
	width: 100%;
}

section#result02{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}
section#result02 .box-couple-wrap{
	float: left;
	width: 485px;
}
section#result02 .box-couple-image{
	height: 100px;
}
section#result02 .box-couple{
	padding: 0;
}
section#result02 .box-trend{
	float: right;	
	width: 485px;
	padding: 0;
}
section#result02 .box-couple-wrap img,
section#result02 .box-trend img{
	width: 100%;
}

/*==================================================================================
　婚活のPDCA
==================================================================================*/

section#pdca{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}

/*
section#pdca .box-pdca p:nth-child(1){
	float: left;
	width: 485px;
}
section#pdca .box-pdca p:nth-child(2){
	float: right;
	width: 485px;
}
*/
section#pdca .box-pdca p{
	padding-bottom: 20px;
}
section#pdca .box-pdca p img{
	width: 100%;
}


/*==================================================================================
　コースと料金
==================================================================================*/

section#price{
	padding: 0 0 0 0;
}


/*==================================================================================
　店舗一覧
==================================================================================*/

section#shops{
	padding: 0 0 0 0;
}

#top .shops .shopList > li .areaName:before {
	border-top: 8px solid #667ea6!important;
}