@charset "utf-8";

/* -------------------------------------------------------------------------------------

	ヘッダー

-------------------------------------------------------------------------------------- */

header{
	width:100%;
	background:#fff;
}

header .head{
	width:1270px;
	padding:10px 0 0;
	margin:0px auto;
}

header .head h1{
	float:left;
	width:383px;
}

header ul{
	float:right;
	width:887px;
}

header .head li{
	list-style:none;
	float:left;
	text-align:center;
	color:#323232;
	font-size:200%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

header .head li .tel{	margin-top:7px;}

header .head li:last-child{
	width:326px;
	float:right;
}

.head li img{width:100%; height: auto;}
.new_plan{width:30%; float: left;}
.new_plan img{width: 80%; height:auto; margin: 0 auto; display: block;}
/* -------------------------------------------------------------------------------------

	再度固定ナビ

-------------------------------------------------------------------------------------- */

.side{
	position:fixed;
	right:0;
	top:20px;
	z-index: 999 !important;
}

.side li{
	list-style:none;
	font-size:0;
	line-height:0;
	margin-bottom:5px;
}

/* -------------------------------------------------------------------------------------

	メインビジュアル

-------------------------------------------------------------------------------------- */

.mv {
    width: 100%;
    background: url(../img/top_nbg.gif) repeat-x center 5px #DDEFF3;
}

.mv_in{
    background: url(../img/mv-bg.png) no-repeat center 5px ;
    margin: auto;
	height:781px;
}

.mv ul{
    width: 1120px;
    margin: 0px auto -22px;
    min-width: 1120px;	
}

.mv ul li{
	list-style:none;
}

.mv ul li.fl{
	float:left;
	width:582px;
	padding-top:14px;
}

.mv ul li.fl dd{
	float:left;
	margin:0 10px 0 0;
}
.mv ul li.fl dd:last-child{ margin:0;}

.mv ul li.fr{
	float:right;
	width:420px;
	padding-top:481px;
	text-align:center;
}

.mv_b {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    bottom: 66px;
	height: 126px;
}

.mv_bt {
  display: block;
  margin: 0 auto;
  width: 1024px;
  min-width: 1120px;	
}

.mv_bt a{
float: right;
  margin-top: 56px;
  margin-right: -398px;
  display: block;
}


/* -------------------------------------------------------------------------------------

	証拠が無ければはじまりません！

-------------------------------------------------------------------------------------- */

.f-action{
	background-color: rgba(255,255,255,0.8);
	padding:95px 15px 15px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	position:relative;
	min-height:40px;
	margin-bottom:40px;
}

.contactinfo{
	position:absolute;
	top:-39px;
	left:5px;
}

.f-tel{
	color:#323232;
	font-size:230%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.first-problem{
	width:100%;
	background:#2282AE;
}

.inport{
	width:1000px;
	padding:270px 0 0;
	margin:0px auto;
	position:relative;
}

.first-problem .imples{
	position:absolute;
	top:20px;
	left:75px;
}

.inport ul{
	margin:40px 0 0;}

.inport li{
	float:left;
	list-style:none;
	width:27.5%;
	margin:0 1% 0 0;
}

.inport li:first-child{
	width:40%;
	float:left;
	margin:0 4% 0 0;
}

.inport li:last-child{
	margin:0;
}

/* -------------------------------------------------------------------------------------

	あなたのパートナーにこんな変化はありませんか？

-------------------------------------------------------------------------------------- */

.change{
	width:100%;
	margin:90px auto;
}

.change-bg{
	background:url(../img/change-bg.jpg) no-repeat left 180px;
	width:1000px;
	margin:0px auto;
	padding-bottom:50px;
}

.change h2{
	text-align:center;
}

.change-bg ul li{
	list-style:none;
	background:url(../img/icon-check.png) no-repeat left center;
	font-size:120%;
	line-height:150%;
	padding:0 0 0 30px;
}

.change-bg ul.work{	margin:100px 0 0 573px;	}
.change-bg ul.attitude{	margin:70px 0 0 700px;	}
.change-bg ul.mobile{	margin:70px 0 0 643px;	}
.hit{	margin:60px 0 0 508px;	}


.answer{
	background:url(../img/answer.png) no-repeat center top;
	text-align:center;
	z-index:20 !important;
	margin-top:-80px;
	padding-top:70px;
}

.bg-blue{
	width:100%;
	background:#D7E9F5;
	padding:20px 0 50px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.bg-blue:before{
	content: "";
	border: 40px solid transparent;
	border-top: 40px solid #ccc;
	position: absolute;
	right: 48%;
	bottom: -81px;
}
.bg-blue:after{
	content: "";
	border: 40px solid transparent;
	border-top: 40px solid #D7E9F5;
	position: absolute;
	right: 48%;
	bottom: -80px;
}

.cant{
	font-size:160%;
	line-height:150%;
	font-weight:bold;
	margin-top:50px;
}

/* -------------------------------------------------------------------------------------

	このようなあなたの気持ち、お察しします

-------------------------------------------------------------------------------------- */

.mind{
	margin:0px auto;
	width:1040px;
}

.mind .mb-txt{
	padding:30px 0;
	text-align:center;
}

.mind .mb-txt p{
	margin-bottom:20px;
}

.mind .mb-txt p:last-child{
	margin:0;
}

.nopro{
	font-size:0;
	line-height:0;
}

/* -------------------------------------------------------------------------------------

	コンバージョンエリア

-------------------------------------------------------------------------------------- */

.action{
	box-shadow: 0 0 0 4px #ccc inset;
	background:url(../img/action-bg.jpg) no-repeat left center;
	width:1040px;
	margin:0px auto 70px;
}

.action div{
	width:50%;
	padding:18px 0 18px 50%;
	text-align:center;
}

.ac-tel{
	color:#323232;
	font-size:260%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:15px;
}


/* -------------------------------------------------------------------------------------

	原一が選ばれる7つのポイント

-------------------------------------------------------------------------------------- */

.pointarea{
	background:url(../img/point-bg.gif) repeat left top;
	padding:70px 0;
}

.point-base{
	width:1040px;
	margin:0px auto;
}

.point-base ul li{
	background:#fff;
	padding-top:50px;
	padding-bottom:50px;
	list-style:none;
	margin-bottom:5px;
}

.point-base ul li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .point-base ul li { zoom:1; }
*:first-child+html .point-base ul li { zoom:1; }

.point-base ul li.point01{
	padding-left:50px;
}

.point-base ul li.point01 dt{
	float:right;
	width:412px;
}

.point-base ul li.point01 dd{
	float:left;
	width:520px;
}

.point-base ul li.point02{
	padding-right:50px;
}

.point-base ul li.point02 .po-tit{	margin:0 0 50px 50px;}

.point-base ul li.point02 dt{
	float:left;
	width:412px;
}

.point-base ul li.point02 dd{
	float:right;
	width:520px;
}

.point-base ul li.point04{
	padding-right:30px;
}

.point-base ul li.point04 dt{
	float:left;
	width:412px;
}

.point-base ul li.point04 dd{
	float:right;
	width:540px;
}

.point-base ul li.point07{
	padding-left:50px;
}

.point-base ul li.point07 .po-tit{	margin:0 0 50px 0;}

.point-base ul li.point07 dt{
	float:right;
	width:513px;
}

.point-base ul li.point07 dd{
	float:left;
	width:420px;
}

/* -------------------------------------------------------------------------------------

	「浮気調査事例の一部を公開します。」

-------------------------------------------------------------------------------------- */

.release{
	width:100%;
	border-bottom:10px solid #C8C8C8;
	padding:30px 0;
	position:relative
}

.release:before{
	content: "";
	border: 40px solid transparent;
	border-top: 40px solid #C8C8C8;
	position: absolute;
	right: 48%;
	bottom: -90px;
}

.release:after{
	content: "";
	border: 40px solid transparent;
	border-top: 40px solid #fff;
	position: absolute;
	right: 48%;
	bottom: -80px;
}

.exa{
	background:#DCE9F0;
	padding:80px 0 0;
}

.case{
	background:url(../img/case-time.gif) no-repeat center top #fff;
	margin:0px auto 80px;
	width:1040px;
	padding:30px 0;
	box-shadow:0 0 5px #fff, 0 0 5px #000, 0 0 1px #ccc;
	-webkit-box-shadow:0 0 5px #fff, 0 0 5px #000, 0 0 1px #ccc;
	-moz-box-shadow:0 0 5px #fff, 0 0 5px #000, 0 0 1px #ccc;
}

.case ul{
	width:580px;
	margin:0px auto;
}

.case ul li{
	float:left;
	width:280px;
	margin:0 20px 0 0;
	list-style:none;
	text-align:center;
}

.case ul li:last-child{
	margin:0;
}

.case ul li dt{
	min-height:100px;
	font-size:90%;
	line-height:150%;
}

.case ul li dd{
	padding:0;
	margin:0 0 20px;
	font-size:0;
	line-height:0;
}

.case ul li p{
	text-align:left;
	font-size:90%;
	line-height:150%;
}

/* -------------------------------------------------------------------------------------

	実際の尾行の様子をご覧ください。

-------------------------------------------------------------------------------------- */

.movie{
	background:url(../img/movie-bg.gif) repeat #fff;
	position:relative;
	margin-bottom:70px;
}

.movie:after{
	content: "";
	border: 40px solid transparent;
	border-top: 40px solid #333;
	position: absolute;
	right: 48%;
	bottom: -80px;
}


.movie h3{
	padding:0 0 30px 180px;
	font-size:200%;
	line-height:150%;
	color:#fff;
}

.movie .area{
	width:1040px;
	margin:0px auto;
	position:relative;
	padding:40px 0 38px;
}

.woman{
	position:absolute;
	right:0;
	top:-45px;
	z-index:2 !important;
}

.movie-frame iframe{
	z-index:200;}

.movie-frame{
	width:750px;
	text-align:center;
	background:url(../img/movie-frame.gif) no-repeat center center;
	margin:0px;
	padding:60px 0;
	z-index:20 !important;
}

/* -------------------------------------------------------------------------------------

	心配は一切いりません。

-------------------------------------------------------------------------------------- */

.safety{
	width:1040px;
	margin:0px auto 100px;
}

.safe{
	font-size:170%;
	line-height:150%;
	text-align:center;
}

.safe span{
	color:#E95F5D;
	font-size:130%;
	font-weight:bold;
}

.propose{
	box-shadow: 0 0 0 10px #1474B1 inset;
	background:url(../img/math.gif) repeat;
	padding:60px 80px;
	margin:50px 0 100px;
	position:relative;
}

.propose:after{
	content: "";
	border: 40px solid transparent;
	border-top: 40px solid #1474B1;
	position: absolute;
	right: 48%;
	bottom: -80px;
}

.propose li{
	list-style:none;
	background:url(../img/icon-check.png) no-repeat left center;
	font-size:150%;
	line-height:150%;
	padding:0 0 0 40px;
	margin-bottom:10px;
}

.propose li strong{	color:#1372B1;}

/* -------------------------------------------------------------------------------------

	何故調査力は重要なの！？
　　探偵事務所を選ぶ場合に重要な「調査力」！

-------------------------------------------------------------------------------------- */

.important{
	background:url(../img/important-bg.gif) repeat left top;
	padding:70px 0;
}

.important-base{
	width:1040px;
	margin:0px auto;
}

.important-base ul{
	background:#fff;
	margin:0px auto 80px;
	width:960px;
	padding:40px;
	box-shadow:0 0 5px #fff, 0 0 5px #000, 0 0 1px #ccc;
	-webkit-box-shadow:0 0 5px #fff, 0 0 5px #000, 0 0 1px #ccc;
	-moz-box-shadow:0 0 5px #fff, 0 0 5px #000, 0 0 1px #ccc;
}

.important-base ul li{
	float:left;
	width:300px;
	margin:0 20px 0 0;
	list-style:none;
}

.important-base ul li:last-child{
	margin:0;
}

.important-base ul li dt{
	font-weight:bold;
	color:#1372B1;
}

.imp-case01{
	background:url(../img/imp-case01.gif) no-repeat left center;
	padding:10px 0 10px 90px;
}

.imp-case02{
	background:url(../img/imp-case02.gif) no-repeat left center;
	padding:10px 0 10px 90px;
}

.imp-case03{
	background:url(../img/imp-case03.gif) no-repeat left center;
	padding:0 0 0 90px;
}

.important-base ul li dd p{
	margin-top:20px;
	font-size:90%;
	line-height:150%;
}

.important-base ul li dd span{
	color:#E46565;
	font-weight:bold;
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------

	テレビ各局から信頼される
	「原一探偵事務所の圧倒的な”調査力！”」

-------------------------------------------------------------------------------------- */

.tvision{
	width:100%;
	padding:30px 0;
	position:relative
}

.tvision:after{
	content: "";
	border: 40px solid transparent;
	border-top: 40px solid #fff;
	position: absolute;
	right: 48%;
	bottom: -80px;
}


#media {
    background-color: #fff;
    color: #fff;
    font-size: 87%;
    line-height: 170%;
    padding-bottom: 60px;
}

#media .boxs{
	width:1040px;
	margin:0px auto;
}


#media h2{
	text-align:center;
	margin-bottom:20px;
}

#media ul {
	list-style: none;
}

#media ul li {
	display: inline;
	float: left;
}

#media ul.tv li{
	width:340px;
	float:left;
	margin:0 10px 30px 0;
}

#media ul.tv li:nth-child(3n){
	margin:0 0 30px;
}


#media div.magazine {
	background: url(../img/media_bg_magazine.png) no-repeat bottom center;
	padding-bottom: 40px;
}

#media div.magazine ul {
	width: 822px;
	margin: 40px auto 0;
}

#media div.magazine ul li{
	width:140px;
	float:left;
	margin:0 30px 0 0;
}

#media div.magazine ul li:last-child{
	margin:0;
}

#media div.magazine ul li p { margin-bottom:5px; }

/* -------------------------------------------------------------------------------------

	原一探偵事務所はお客様のお気持ちを第一に考えます。
	お客様が理想とする結末までをしっかりサポートします。

-------------------------------------------------------------------------------------- */

.ideal{
	margin:100px auto;
	width:1040px;
}

.ideal dl:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .ideal dl { zoom:1; }
*:first-child+html .ideal dl { zoom:1; }

.ideal dl dt.sup{
	width:478px;
	float:right;
}

.ideal dl dd.sup{
	width:470px;
	float:left;
	padding:70px 0 0;
}


.ideal dl dt.second{
	width:478px;
	float:left;
}

.ideal dl dd.second{
	width:470px;
	float:right;
	padding:70px 0 0;
}

/* -------------------------------------------------------------------------------------

	原一探偵事務所のワンストップサービス。

-------------------------------------------------------------------------------------- */

.staff-bg{
	background:url(../img/staff-bg.gif) repeat;}
	
.staff{
	width:1040px;
	margin:0px auto;
	padding-bottom:60px;
}

.step-1{
	background:url(../img/one-bg01.png) no-repeat left top;
	padding:50px 4px 0 321px;
	height:319px;
}

.step-2{
	background:url(../img/one-bg02.png) no-repeat left top;
	padding:50px 4px 0 321px;
	height:315px;
}

.step-3{
	background:url(../img/one-bg03.png) no-repeat left top;
	padding:50px 4px 0 321px;
	height:315px;
}

.staff ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .staff ul { zoom:1; }
*:first-child+html .staff ul { zoom:1; }

.staff ul{
	margin:30px 20px 0 0;
    font-size: 17px;
}

.staff .name{
	font-weight:bold;
	margin-bottom:10px;
}
.staff .name span{
	font-size:90%;}

.staff dl li{
	width:48%;
	float:left;
	list-style:none;
	font-size:90%;
	line-height:150%;
}

.staff dl li:last-child{
	float:right;
}

.staff dl li .fl{
	width:110px;
	float:left;
	margin:0 20px 0 0;
}

/* -------------------------------------------------------------------------------------

	ご相談～ご依頼の流れ

-------------------------------------------------------------------------------------- */

.flow{
	box-shadow: 0 0 0 4px #999 inset;
	padding:40px;
	width:960px;
	margin:60px auto;
	position:relative;
}

.flow h4{
	text-align:center;
	background:url(../img/flow-dot.gif) repeat;
	color:#fff;
	font-size:200%;
	padding:16px 0;
}

.flow ul{	margin-top:40px;}

.flow ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .flow ul { zoom:1; }
*:first-child+html .flow ul { zoom:1; }

.flow li{
	list-style:none;}

.flow li.fl{
	float:left;
	width:464px;
	padding:0 0 0 100px;
	min-height:80px;
}

.flow li.fr{
	float:right;
	width:356px;
}

.flow li.no01{	background:url(../img/flow-01.gif) no-repeat left top;}
.flow li.no02{	background:url(../img/flow-02.gif) no-repeat left top;}
.flow li.no03{	background:url(../img/flow-03.gif) no-repeat left top;}
.flow li.no04{	background:url(../img/flow-04.gif) no-repeat left top;}

.inchant{
	font-size:240%;
	line-height:120%;
}

.subs{
	font-size:150%;
	line-height:150%;
	color:#1372B1;
	margin-bottom:20px;
}

.case-follow{
	width:880px;
	margin:0px auto;
	height:150px;
}

.case-follow p.fl{
	position:absolute;
	left:50px;
	bottom:-30px;
}

.case-follow p.fr{
	position:absolute;
	right:120px;
	bottom:-30px;
}

.folows{
	width:1040px;
	margin:0px  auto 100px;
}

.folows .fl{
	width:480px;
	float:left;
}

.folows .fr{
	width:480px;
	float:right;
}

.folows ul{
	margin:0 0 0 20px;}

/* -------------------------------------------------------------------------------------

	原一探偵事務所のご案内

-------------------------------------------------------------------------------------- */	
	
.c-name{
	text-align:center;
	font-size:250%;
	font-weight:bold;
	margin-bottom:20px;
}

.cp-bg{
	width:100%;
	background:url(../img/cp-bg.jpg) repeat center top;
	background-size:100% auto;
}

.cp-bg .caparea{
	width:1040px;
	margin:0px auto;
	background:url(../img/un-delat.png) no-repeat center top;
	padding:60px 0;
}

.cmda{
	font-size:200%;
	font-weight:bold;
	color:#1E7199;
	margin-bottom:20px;
}

.data{
	/*--width:1040px;
	margin:0px auto 50px;
	background:url(../img/f-map.png) no-repeat 70% bottom;--*/
	padding-bottom:40px;
}
.data:after,
.sub-list:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .data,
* html .sub-list { zoom:1; }
*:first-child+html .data,
*:first-child+html .sub-list { zoom:1; }

.data table{
	width:660px;
	margin:0 40px 0 0;
	float:left;
}

.data table th,
.data table td{
	padding:15px 5px;
	text-align:left;
	font-size:90%;
}

.data table th{
	width:150px;}

.data table tr{
	border-bottom:1px solid #ccc;
}

.data .comapny-photo{
	width:340px;
	float:right;
	text-align:right;
}

.sub-list li{
width:calc(92%/3);
	float:left;
	margin:0px 2.5% 0 0;
	font-size:76%;
	line-height:150%;
	list-style:none;
}

.sub-list li:last-child{
	margin:0;
}

.sub-list li dd{
	margin-bottom:20px;
}



/* DIV#INQUIRY
====================================== */
#inquiry {
	background: url(../img/bg_inquiry.png) repeat-x top #fff;
	margin: 0;
	padding: 0;
}

.inqbox{
	margin:0px auto;
	width:1040px;
}

#inquiry h2 {
	margin-bottom: 30px;
}
#inquiry div.inquiryDial {
	text-align: center;
	position: relative;
}
#inquiry div.inquiryDial div.navi_box_right {
    font-size: 260%;
    font-weight: bold;
	letter-spacing: -0.06em;
    left: 365px;
    line-height: 45px;
    position: absolute;
    top: 45px;
}

div.formWrap {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #e7ecef;
	margin-top: 40px;
	padding: 40px 0 50px;
//	font-size: 125%;
	
	margin:0px auto 100px;
	width:1040px;
}

#inquiry div.formWrap {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #e7ecef;
	margin-top: 40px;
	padding: 40px 0 50px;
//	font-size: 125%;
}
#inquiry div.formWrap dl {
	border-bottom: 1px solid #c7d3da;
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
}
#inquiry div.formWrap dl dt {
	width: 210px;
	display: inline;
	float: left;
	padding-left: 10px;
}
#inquiry div.formWrap dl dt.required { background:url("../img/inquiry_icon_required.png") no-repeat right; }
#inquiry div.formWrap dl dd {
	width: 660px;
	display: inline;
	float: right;
	padding-right: 10px;
}
#inquiry dl dd input.required,
#inquiry dl dd textarea,
#inquiry dl dd select {
	font-size: 100%;
    padding: 5px;
	-webkit-appearance: none;
	border: 1px solid #dce0e3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



address {
	font-style: normal;
	text-align: center;
	margin: 30px 0;
	font-size: 87%;
}

.tec{text-align:center;}

.submit{
	margin:20px auto;
	width:349px;
	height:59px;
	font-size:0px;
	text-indent:-9999px;
	background:url(../img/inquiry_btn_confirm.png) no-repeat left top;
}

.submit2{
	margin:0;
	width:349px;
	height:59px;
	text-indent:-9999px;
	background:url(../img/inquiry_btn_confirm2.png) no-repeat left top;
}

.reset{
	margin:0;
	width:349px;
	height:59px;
}

.ERR{color:#cc0000;}

.sb{
	margin:20px auto;
}

.mrb10{margin-bottom:10px;}

.box{
    width:1000px;
	margin:0px auto 0;
	box-shadow:0px 0px 5px #ccc;
	padding:20px;
}


.titlebar_private {
    background-color:#2884AC ;
    display: block;
    height: 60px;
    text-decoration: none;
	color:#fff;
	font-weight:bold;
    width: 100%;
	margin:20px auto;
	text-align:center;
	font-size:35px;
	line-height:160%;
	box-shadow: 0px 0px 5px #ccc;
}


.pp_title {
    border-left:10px solid #2884AC; 
	border-bottom:1px solid #2884AC; 
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 20px;
    font-weight: normal;
    height: 45px;
    line-height: 235%;
    margin: 10px 0;
    padding: 0;
    text-indent: 10px;
	font-weight:bold;
}

#cont .txt_box {
    height: auto;
    line-height: 140%;
    margin: 0 auto;
    padding: 10px;
    width: 95%;
}

.copyright {
    background-color: #2884AC;
    color: #ffffff;
    height: 40px;
    margin: 15px auto 0;
    padding-top: 15px;
	    text-align: center;
}

.coupon {
	position:relative;
	top: -60px;
}
/* -------------------------------------------------------------------------------------

	#followFoot

-------------------------------------------------------------------------------------- */

#followFoot {
    width: 96%;
    background: #0283c9;
    overflow: hidden;
    padding: 10px 2% 7px;
    position: fixed;
    bottom: 0;
    z-index: 3;
}
#followFoot .inner{
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}
#followFoot ul{
	overflow: hidden;
}
#followFoot .txt{
	color: #fff;
	margin-bottom: 5px;
}
#followFoot li{
	list-style: none;
}
#followFoot .left{
        float: left;
        width: 34%;
        font-size: 1vw;
    }
#followFoot .right {
    float: right;
    padding-top: 5px;
    width: 32%;
}
#followFoot .tel{
	color: #fff;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-family: Arial, Helvetica, sans-serif;
}

.ranking{
	margin:0 auto;
	background:#ffffff url(../img/bgranking.jpg) no-repeat center 0 / 100% auto ;
	padding:60px;
}

.ranking img{
	margin: 0 auto;
	text-align: center;
	display: block;
}


@media screen and (min-width: 641px) and (max-width: 1024px) {
.ranking {
    margin: 0 auto;
    background: #ffffff url(../img/bgranking.jpg) no-repeat center 0 / 100% auto;
    padding: 60px;
    width: 90%;
}
	
.ranking img{
	margin: 0 auto;
	text-align: center;
	display: block;
	max-width:80%;
}	
	
div#mainvisual div#mainvisualInner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}	
	
	h1 img{
		width:100%;
	}	
	
.right{
	width:81%;
	rigth:20px;
}	

.left{
	width:33%;
}		
	
div#mainvisual div#mainvisualInner p {
    position: absolute;
    width: 650px;
    height: 132px;
    top: 411px;
    left: 46px;
}	
	
div#mainvisual div#mainvisualInner div {
    position: absolute;
    width: 329px;
    height: 59px;
    top: 478px;
    left: 703px;
}
	html {
		width:143%;
		overflow-x:hidden;
	}
	
}


.cp_main{
background-color:
#aae8f7;
padding: 1% 1% 1%;
width: 1000px;
margin: 0 auto;
}

.cp_main_in{
    background: url("../img/price_cp_pc02.jpg") no-repeat scroll center 0 transparent ;
	background-color: #e0f1f9;
	width:98%;
	margin: 0% auto;
	
}

.cp_main_in02{
	background-color: #e0f1f9;
	width:98%;
	margin: 0% auto;

}

@font-face {
	font-family: 'MyFont';
	src: url(../font/A-OTF-FolkPro-Bold.otf);
}
@font-face {
	font-family: 'MyFont02';
	src: url(../font/A-OTF-FolkPro-Medium.otf);
}

.cp_d{
	background-color: #eb6fa5;
	text-align: center;
	color:#fff;
	font-size: 2em;
	font-weight: 600;
	padding:3% 0 3%;
	font-family: MyFont;
	letter-spacing: 5px;
}
.cp_ds{
	font-size: 80%;
}

.cp_box01{
padding: 8% 0 10%;
clear: both;
}

.cp_box02{
padding: 0% 0 12%;
}

.cp_box03{
padding: 0% 0 5%;
}

.cp_t01{
width: 20%;
float: left;
font-size: 300%;
color:#fff;
font-weight: bold;
line-height: 115%;
position: relative;
left: 3.5%;
font-family: MyFont02;
letter-spacing: 5px;
top: -26px;
text-shadow: 1px 1px 3px #666; 
}

.cp_t02{
width: 20%;
float: left;
font-size: 300%;
color:#fff;
font-weight: bold;
line-height: 115%;
position: relative;
left: 3.5%;
font-family: MyFont02;
letter-spacing: 5px;
top: -24px;
text-shadow: 1px 1px 3px #666; 
}

.cp_t03{
width: 20%;
float: left;
font-size: 300%;
color:#fff;
font-weight: bold;
line-height: 115%;
position: relative;
left: 3.5%;
font-family: MyFont02;
letter-spacing: 5px;
top: -28px;
text-shadow: 1px 1px 3px #666; 	
}

.cp_t03 span{font-feature-settings: "palt";}

.cp_b{
    font-weight: bold;
    font-size: 140%;
    margin-left: 22%;
}

.cp_txt{
font-size: 120%;
margin-left: 22%;
line-height: 184%;
margin-top:2%;
}

.cp_boxleft{
	width:80%;
	float: left;
}

.cp_boxright{
	width:20%;
	float: right;
	margin-top:2%;
}

.cp_boxright img{
	width: 72%;
display: block;
margin: 0 auto;
}

.cp_boxleft02{
	width:20%;
	float: left;
}

.cp_boxright02{
	width:80%;
	float: right;
}

.cp_boxleft02 img{
	width: 72%;
display: block;
margin: 20px auto 0;
}



.balloon1-right{
	background-color: #a7d5ed;
	margin: 2% 2%;
	padding:3%;
}

.cp_tb02{
	font-size: 120%;
	font-weight: bold;
}

.cp_bb02 span{
	text-align: right;
}

.cp_bb02{
	background-color: #f0c0eb;
	padding:2%;
	margin:0% auto 2%;
	font-size: 108%;
	color:#000;
	font-weight: bold;
}

/* 吹き出し本体 */
.balloon1{
  position: relative;
  padding: 20px;
  background-color: #a7d5ed;;
  display: inline-block;     /* 横幅を自動で変更 */
   margin:2% 2%;	
}

/* beforeで三角を表現 */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top:45%;	
  border-left: 15px solid #a7d5ed;;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.balloon2{
  position: relative;
  padding: 20px;
  background-color: #a7d5ed;;
  display: inline-block;     /* 横幅を自動で変更 */
   margin:2% 2%;	
}

/* beforeで三角を表現 */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top:45%;	
  border-right: 15px solid #a7d5ed;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.cp_txt02{
	font-size: 89%;
}

.cpbox00 {
	clear: both;
}



.accordion-box {
    position: relative;
}
.accordion-box label {
    height: 140px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size: 120%;
    position: absolute;
    bottom: 0;
    width: 100%;
	z-index: 999;

    /* 以下グラデーションは「背景が白」に併せて設定しています */ 
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.accordion-box input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:after {
    content: "続きをよむ"; /* ラベルの文字 */
    letter-spacing: .05em;
    line-height: 2.5rem;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #1f4356;
    width: 18.75rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.accordion-box label:before {
    content: "↓";
    font-weight: 700;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    background-color: #fff;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.accordion-box input {
    display: none;
}
.accordion-box .accordion-container {
    overflow: hidden;
    height: 200px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}


.accordion-box input:checked + label {
    /* display: none ; 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label:after {
    content: "閉じる";
}
.accordion-box input:checked + label:before {
    content: "↑";
}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.c_rink {
    font-weight: bold;
    color: #0283c9 !important;
    border-bottom: 1px dotted #0283c9;
    font-size: 120%;
}

.c_rink_box{
    display: block;
    margin: 2% 0 0;
}

.tw100 {
    width: 100%;
}

/* -------------------------------------------------------------------------------------

	#media

-------------------------------------------------------------------------------------- */




.m-works {
  background: #F4FAFF;
  margin-top: calc(-73/1366*100vw);
  padding-top: calc(168/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works {
    margin-top: -73px;
    padding-top: 168px;
  }
}

@media (max-width: 768px) {
  .m-works {
    margin-top: calc(-503/750*100vw);
    padding-top: calc(550/750*100vw);
  }
}

.m-works__body {
  background: url(../img/works-bg.svg) no-repeat top center;
  background-size: cover;
  padding: calc(30/1366*100vw) 0 calc(100/1366*100vw);
  position: relative;
  max-width: 1128px;
  width: calc(1128/1366*100vw);
  margin: 0 auto;
  text-align: left;
}

@media (min-width: 1366px) {
  .m-works__body {
    padding: 30px 0 100px;
  }
}

@media (max-width: 768px) {
  .m-works__body {
    background: url(../img/works-sp-bg.svg) no-repeat top center;
    background-size: cover;
    padding: calc(80/750*100vw) 0 calc(100/750*100vw);
    width: calc(var(--v-contentsWidthSp)/750*100%);
  }
}

.m-works__bodyBlock {
  margin: 0 auto;
  max-width: 1088px;
  width: calc(1088/1366*100vw);
}

@media (max-width: 768px) {
  .m-works__bodyBlock {
    width: 100%;
  }
}

.m-works__bodyBlockTtl {
  font-size: calc(25/1366*100vw);
  text-align: center;
  line-height: 2em;
  margin-top: calc(45/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockTtl {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockTtl {
    font-size: calc(20/750*100vw);
  }
}

@media (min-width: 1366px) {
  .m-works__bodyBlockTtl {
    margin-top: 45px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockTtl {
    text-indent: .3em;
    margin-top: calc(20/750*100vw);
  }
  .m-works__bodyBlockTtl.is-media {
    text-indent: 0;
    line-height: 2.2em;
  }
}

.m-works__bodyBlockTtl span {
  font-size: calc(40/1366*100vw);
  color: #D7BA62;
}

@media (min-width: 1366px) {
  .m-works__bodyBlockTtl span {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockTtl span {
    font-size: calc(46/750*100vw);
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockTtl span.u-spNone {
    display: none;
  }
	
  .pc_on{
    display: none!important;
  }
	
}

.m-works__bodyBlockInner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: calc(40/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner {
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
  }
}

.m-works__bodyBlockInner .inner-block {
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: calc(15/1366*100vw) 0 calc(45/1366*100vw);
  height: calc(651/1366*100vw);
  width: calc(536/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block {
    padding: 15px 0 45px;
    height: 651px;
    width: 536px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block {
    margin-top: calc(35/750*100vw);
    padding: calc(40/750*100vw) 0 calc(65/750*100vw);
    width: calc(592/750*100vw);
  }
  .m-works__bodyBlockInner .inner-block:nth-child(1) {
    height: calc(894/750*100vw);
  }
  .m-works__bodyBlockInner .inner-block:nth-child(2) {
    margin-bottom: calc(85/750*100vw);
    height: calc(1170/750*100vw);
  }
	.m-works__bodyBlockInner .inner-block .img img {
	max-width: 100%;	
	}	
	
}

.m-works__bodyBlockInner .inner-block .ttl {
  font-size: calc(30/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .ttl {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .ttl {
    font-size: calc(40/750*100vw);
  }
}

.m-works__bodyBlockInner .inner-block .txt {
  font-size: calc(16/1366*100vw);
  width: calc(326/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .txt {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .txt {
    font-size: calc(28/750*100vw);
  }
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .txt {
    width: 326px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .txt {
    width: calc(538/750*100vw);
  }
}

.m-works__bodyBlockInner .inner-block .img {
  height: calc(204/1366*100vw);
  width: calc(250/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .img {
    height: 204px;
    width: 250px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .img {
    height: calc(274/750*100vw);
    width: calc(334/750*100vw);
  }
}

.m-works__bodyBlockInner .inner-block .list .list-item {
  font-size: calc(16/1366*100vw);
  border-bottom: 1px solid #C7E8FF;
  line-height: 1.4em;
  padding: calc(10/1366*100vw) 0;
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .list .list-item {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .list .list-item {
    font-size: calc(28/750*100vw);
  }
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .list .list-item {
    padding: 10px 0;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .list .list-item {
    padding: calc(35/750*100vw) 0;
  }
}

.m-works__bodyBlockInner .inner-block .list .list-item span {
  font-size: calc(14/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .list .list-item span {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .list .list-item span {
    font-size: calc(28/750*100vw);
  }
}

.m-works__bodyBlockInner .inner-block .list .list-item:not(:nth-child(4)) {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  position: relative;
  margin: 0 auto;
  padding-left: calc(135/1366*100vw);
  height: calc(120/1366*100vw);
  width: calc(420/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .list .list-item:not(:nth-child(4)) {
    padding-left: 135px;
    height: 120px;
    width: 420px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .list .list-item:not(:nth-child(4)) {
    padding-left: calc(160/750*100vw);
    height: auto;
    width: calc(550/750*100vw);
  }
}

.m-works__bodyBlockInner .inner-block .list .list-item:not(:nth-child(4)):before {
  content: "";
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: calc(100/1366*100vw);
  width: calc(100/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .list .list-item:not(:nth-child(4)):before {
    height: 100px;
    width: 100px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .list .list-item:not(:nth-child(4)):before {
    left: calc(10/750*100vw);
    height: calc(120/750*100vw);
    width: calc(120/750*100vw);
  }
}

.m-works__bodyBlockInner .inner-block .list .list-item:nth-child(1):before {
  background: url(../img/ncia.jpg) no-repeat;
  background-size: cover;
}

.m-works__bodyBlockInner .inner-block .list .list-item:nth-child(2):before {
  background: url(../img/cii.jpg) no-repeat;
  background-size: cover;
}

.m-works__bodyBlockInner .inner-block .list .list-item:nth-child(3):before {
  background: url(../img/tlc.jpg) no-repeat;
  background-size: cover;
}

.m-works__bodyBlockInner .inner-block .list .list-item:nth-child(4) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-left: calc(55/1366*100vw);
  height: calc(120/1366*100vw);
  width: calc(420/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .list .list-item:nth-child(4) {
    padding-left: 55px;
    height: 120px;
    width: 420px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .list .list-item:nth-child(4) {
    margin: 0 auto;
    padding-left: calc(45/750*100vw);
    height: auto;
    width: calc(550/750*100vw);
  }
}

.m-works__bodyBlockInner .inner-block .list .list-item:nth-child(4):before {
  content: "";
  background: #C7E8FF;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(32/1366*100vw);
  margin: auto;
  height: calc(98/1366*100vw);
  width: calc(13/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__bodyBlockInner .inner-block .list .list-item:nth-child(4):before {
    left: 32px;
    height: 98px;
    width: 13px;
  }
}

@media (max-width: 768px) {
  .m-works__bodyBlockInner .inner-block .list .list-item:nth-child(4):before {
    left: calc(11/750*100vw);
    height: calc(203/750*100vw);
    width: calc(17/750*100vw);
  }
}

.m-works__blockList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: calc(10/1366*100vw) auto 0;
  width: calc(904/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__blockList {
    margin-top: 10px;
    width: 90%;
  }
}

@media (max-width: 768px) {
  .m-works__blockList {
    margin-top: calc(40/750*100vw);
    width: calc(536/750*100vw);
  }
}

.m-works__blockList .list-item {
  margin-top: calc(30/1366*100vw);
  height: calc(69/1366*100vw);
  width: calc(168/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__blockList .list-item {
    margin-top: 30px;
    height: 69px;
    width: 168px;
  }
}

@media (max-width: 768px) {
  .m-works__blockList .list-item {
    margin-top: calc(40/750*100vw);
    height: calc(69/750*100vw);
    width: calc(168/750*100vw);
  }
}

.m-works__blockList .list-item img {
  width: 100%;
}

.m-works__blockList .list-item:nth-child(16) {
  margin-left: calc(168/1366*100vw);
}

@media (max-width: 1000px) {
#followFoot .tel {
    color: #fff;
    font-size: 4.5vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-family: Arial, Helvetica, sans-serif;
}
	
#followFoot .txt {
    color: #fff;
    margin-bottom: 0px;
	font-size: 1.6vw;

}
	#followFoot p{
	font-size: 1.6vw!important;

	}
}


@media (min-width: 1366px) {
  .m-works__blockList .list-item:nth-child(16) {
    margin-left: 168px;
  }
}

@media (max-width: 768px) {
  .m-works__blockList .list-item:nth-child(16) {
    margin-left: 0;
  }
}

.m-works__blockList .list-item:nth-child(18) {
  margin-right: calc(168/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__blockList .list-item:nth-child(18) {
    margin-right: 168px;
  }
}

@media (max-width: 768px) {
  .m-works__blockList .list-item:nth-child(18) {
    margin-right: 0;
  }
}

.m-works__blockTxt {
  font-size: calc(15/1366*100vw);
  text-align: center;
  margin-top: calc(30/1366*100vw);
}

@media (min-width: 1366px) {
  .m-works__blockTxt {
    font-size: 17px;
    font-weight: bold;
	color:#000;
	 
  }
}

@media (max-width: 768px) {
  .m-works__blockTxt {
    font-size: calc(30/750*100vw);
  }
}

@media (min-width: 1366px) {
  .m-works__blockTxt {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .m-works__blockTxt {
    margin-top: calc(60/750*100vw);
  }
}