@charset "utf-8";

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

	ヘッダー

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

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

header .head{
	width:94%;
/*	padding:10px 0;*/
	margin:0px auto;
	text-align:center;
}

header .head h1{
	width:100%;
	padding:0;
	margin:0;
	font-size:0;
	line-height:0;
}

header .head h1 img{
	width:100%;
	max-width:383px;
	height:auto;
}

header ul,
header ul li{
	width:100%;
	text-align:center;
}


header ul li img{
	width:70%;
	max-width:254px;
	height:auto;
	margin:0px auto;
}

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

}

header .head li a{
	display:block;
	padding:3px 0;
	width:90%;
	background:#0099CC;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff;
	text-align:center;
	margin:0px auto;
}

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

	メインビジュアル

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

.mv{
	width:100%;
	background:#DDEFF3;
}

.mainimg img{
	width:100%;
	height:auto;
}

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

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

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

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

.contactinfo img{
	max-width:380px;
	width:100%;
	height:auto;
}

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

.f-tel a {
	font-size: 150%;
	display:block;
	padding:10px 0;
	width:100%;
	background:#0099CC;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff!important;
	text-align:center;
	margin:0px auto;
    background:linear-gradient(0deg,#058cbb 0%, #058cbb 50%,#0099CC 50%,#0099CC 100%);
}

.top_navi_tell {
	font-size: 150%;
	display:block;
	padding:10px 0;
	width:100%;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff!important;
	text-align:center;
	margin:0px auto;
}

.top_navi_tell{color:#000;}


.top_navi_tell02 {
	font-size: 120%;
	display:block;
	padding:10px 0;
	width:100%;
	background:#ed7d31;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff!important;
	text-align:center;
	margin:10px auto;
    background:linear-gradient(0deg,#dc7731 0%, #dc7731 50%,#ed7d31 50%,#ed7d31 100%);
}

.tel_deliver03 {
	padding:0;
	margin:0;
	background:initial;
}

.btn{
	width:100%;
	margin:10px auto 0px;
}

.btn img{
	width:100%;
	height:auto;
}

.first-problem{
	width:100%;
	background:#2282AE;
	padding-bottom:30px;
}

.inport{
	width:94%;
	padding:110px 0 0;
	margin:0px auto 0px;
	position:relative;
}

.imples img,
.inport img{
	width:100%;
	height:auto;
}

.first-problem .imples{
	position:absolute;
	top:10px;
}

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

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

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

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

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

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

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

.change-bg{
	width:100%;
	margin:0px auto;
	padding-bottom:50px;
}

.change h2{
	width:94%;
	margin:0px auto;
	text-align:center;
}

.change img{
	width:100%;
	height:auto;
}

.change-bg ul{
	width:94%;
	margin:0px auto 30px;
}

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

.hit{
	width:94%;
	margin:0px auto;
}

.answer{
	text-align:center;
	z-index:20 !important;
	margin-top:-80px;
	padding-top:20px;
}

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

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

.cant{
	width:94%;
	margin:0px auto;
	font-size:110%;
	line-height:150%;
	font-weight:bold;
	margin-top:30px;
}

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

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

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

.mind{
	margin:0px auto;
	width:100%;
}

.mind p img{
	width:100%;
	height:auto;
}

.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;
	width:90%;
	padding:0 5%;
	margin:0px auto 70px;
}

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

.action div img{
	width:100%;
	height:auto;
}

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

.ac-tel a{
	display:block;
	padding:10px 0;
	width:100%;
    background:linear-gradient(0deg,#058cbb 0%, #058cbb 50%,#0099CC 50%,#0099CC 100%);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff;
	text-align:center;
	margin:0px auto;
}

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

.ac-tel02 a{
	display:block;
	padding:10px 0;
	width:100%;
    background:linear-gradient(0deg,#dc7731 0%, #dc7731 50%,#ed7d31 50%,#ed7d31 100%);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff!important;
	text-align:center;
	margin:0px auto;
}



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

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

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

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

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

.point-base img{
	width:100%;
	height:auto;
	margin:0px auto;
}

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

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

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

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

.release{
	width:90%;
	border-bottom:5px solid #C8C8C8;
	padding:30px 5% 20px;
	position:relative
}

.release:before{
	content: "";
	border: 20px solid transparent;
	border-top: 20px solid #C8C8C8;
	position: absolute;
	right: 44%;
	bottom: -45px;
}

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

.release img{
	width:100%;
	height:auto;
}

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

.case{
	background:#fff;
	margin:0px auto 0px;
	width:94%;
	padding:30px 3%;
}

.case img{
	width:100%;
	height:auto;
}

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

.case ul li{
	width:100%;
	margin:0 20px 0 0;
	list-style:none;
}

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

.case1{
	text-align:center;
	background:#3381A6;
	padding:3%;
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	width:94%;
	margin-bottom:15px;
}
.case ul li dl{
	margin-bottom:20px;}

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

.case ul li dd{
	padding:0;
	margin:20px 0 0 ;
	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 top #fff;
	position:relative;
	width:100%;
	margin-bottom:40px;
}

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


.movie h3{
	font-size:140%;
	line-height:150%;
	color:#fff;
	margin-bottom:15px;
	text-align:center;
}

.movie .area{
	width:94%;
	margin:0px auto;
	position:relative;
	padding:30px 0 38px;
}

.movie-frame iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.movie-frame{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	background:url(../img/movie-frame.gif) no-repeat center center;
}

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

	心配は一切いりません。

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

.safety{
	width:94%;
	margin:0px auto 50px;
}

.safety img{
	width:100%;
	height:auto;
}

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

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

.extl{
	padding:5%;
	border-bottom:5px solid #CCCCCC;
}

.extl strong{
	font-weight:bold;
}

.extl span{
	color:#E46565;
}

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

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

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

.propose li:last-child{
	border:none;
	padding-bottom:0;
}

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

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

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

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

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

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

.important-base img{
	width:100%;
	height:auto;
}

.important-base ul{
	background:#fff;
	padding:10% 5%;
	list-style:none;
	margin-bottom:5px;
}

.important-base ul li{
	width:100%;
	margin:0 0 30px;
	list-style:none;
}

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

.important-base ul li dt{
	font-weight:bold;
	color:#1372B1;
	border-bottom:1px dotted #ccc;
}

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

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

.imp-case03{
	background:url(../img/imp-case03.gif) no-repeat left center;
	background-size:46px auto;
	padding:10px 0 10px 56px;
}

.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:94%;
	padding:30px 3%;
	margin:0px auto;
	position:relative;
}

.tvision p img{
	width:100%;
	height:auto;
}

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


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

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


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

#media h2 img{
	width:100%;
	height:auto;
}

#media ul {
	list-style: none;
}

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

#media ul.tv li{
	width:48%;
	float:left;
	margin:0 4% 30px 0;
}

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

#media ul.tv li img{
	width:100%;
	height:auto;
}


#media div.magazine {
	background: url(../img/media_bg_magazine.png) no-repeat bottom center;
	background-size:100% auto;
}

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

#media div.magazine ul li{
	width:48%;
	float:left;
	margin:0 4% 20px 0;
}

#media div.magazine ul li:nth-child(2n){
	margin:0 0 20px 0;
}

#media div.magazine ul li img{
	width:100%;
	height:auto;
}

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

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

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

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

.ideal{
	margin:50px auto;
	width:94%;
}

.ideal img{
	width:100%;
	height:auto;
}

.ideal dl img{
	width:85%;
	height:auto;
	margin: 5% auto 0;
	display: block;
}

.ideal dl p{
	width:95%;
	height:auto;
	margin: 5% auto 0;
	display: block;
}


.ideal dl dt{
	width:100%;
}

.ideal dl dd{
	width:100%;
	padding:10px 0 0;
}

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

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

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

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

.staff img{
	width:100%;
	height:auto;
}

.staff dl{
	padding:6%;
}

.step-1{
	background:url(../img/one-bg01.png) no-repeat left top;
}

.step-2{
	background:url(../img/one-bg02.png) no-repeat left top;
}

.step-3{
	background:url(../img/one-bg03.png) no-repeat left top;
}

.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:20px 0 0 0;}

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

.delt{
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
}

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

.staff dl li:last-child{
	margin:0;}

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

	ご相談～ご依頼の流れ

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

.flow{
	box-shadow: 0 0 0 4px #999 inset;
	padding:5%;
	width:90%;
	margin:60px auto 30px;
	position:relative;
}

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

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

.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 img{
	width:100%;
	height:auto;
}

.flow li.fl{
	width:100%;
	padding:0 0 0 0%;
	margin-bottom:20px;
}

.flow li.no01{	
	background:url(../img/flow-01.gif) no-repeat left top;
	background-size:40px auto;
}

.flow li.no02{	
	background:url(../img/flow-02.gif) no-repeat left top;
	background-size:40px auto;
}

.flow li.no03{	
	background:url(../img/flow-03.gif) no-repeat left top;
	background-size:40px auto;
}

.flow li.no04{	
	background:url(../img/flow-04.gif) no-repeat left top;
	background-size:40px auto;
}

.inchant {
    font-size: 180%;
    line-height: 120%;
    padding-left: 14%;
    padding-bottom: 3%;
	padding-top:1%;
}

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

.folows{
	width:94%;
	margin:0px  auto 60px;
}

.folows img{
	width:100%;
	height:auto;
}

.folows .fl{
	width:48%;
	float:left;
}

.folows .fr{
	width:48%;
	float:right;
}

.folows .fl img{
	width:100%;
	height:auto;
}

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

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

	原一探偵事務所のご案内

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

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

.cp-bg img{
	width:100%;
	height:auto;
}

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

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

.data{
	width:94%;
	margin:0px auto 50px;
}

.data table{
	width:100%;
	margin:0 0 40px 0;
}

.data table th{
	display:block;
	width:100%;
	padding:2% 0 0;
	text-align:left;
	font-size:90%;
}

.data table td{
	display:block;
	width:100%;
	padding:0 0 2%;
	text-align:left;
	font-size:90%;
}

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

.sub-list li{
	width:100%;
	margin:0px 0 0;
	font-size:80%;
	line-height:150%;
	list-style:none;
}

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

.sub-list li dd{
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}



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

	お問い合わせ

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

.inqtit img{
	width:100%;
	height:auto;
}

ul.inq-tel,
ul.inq-tel li{
	width:100%;
	text-align:center;
}


ul.inq-tel li img{
	width:70%;
	max-width:254px;
	height:auto;
	margin:0px auto;
}

ul.inq-tel li{
	list-style:none;
	text-align:center;
	color:#323232;
	font-size:150%;
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}

ul.inq-tel li a{
	display:block;
	padding:10px 0;
	width:90%;
    background:linear-gradient(0deg,#058cbb 0%, #058cbb 50%,#0099CC 50%,#0099CC 100%);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff;
	text-align:center;
	margin:0px auto;
}

ul.inq-tel02,
ul.inq-tel02 li{
	width:100%;
	text-align:center;
}


ul.inq-tel02 li img{
	width:70%;
	max-width:254px;
	height:auto;
	margin:0px auto;
}

ul.inq-tel02 li{
	list-style:none;
	text-align:center;
	color:#323232;
	font-size:140%;
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}

ul.inq-tel02 li a{
	display:block;
	padding:3px 0;
	width:90%;
    background:linear-gradient(0deg,#dc7731 0%, #dc7731 50%,#ed7d31 50%,#ed7d31 100%);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff;
	text-align:center;
	margin:0px auto;
}


ul.inq-tel02 li a{
	display:block;
	padding:10px 0;
	width:90%;
    background:linear-gradient(0deg,#dc7731 0%, #dc7731 50%,#ed7d31 50%,#ed7d31 100%);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	color:#fff!important;
	text-align:center;
	margin:10px auto;
}

#inquiry{
	width:84%;
	margin:20px auto;
	padding:5%;
	background:#E7ECEF;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */
}
.formWrap{
	width:84%;
	margin:20px auto 0px;
	padding:5%;
	background:#E7ECEF;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */
}

.single img{
	width:100%;
	height:auto;
}

#inquiry dl{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

#inquiry img{
	width:100%;
	height:auto;
}

#inquiry dt.required{
	background:url(../img/inquiry_icon_required.png) no-repeat left top;
	background-size: auto 20px;
	padding:0 0 0 50px;
	margin-bottom:10px;
}

#inquiry .long input,
#inquiry .long textarea{
	padding:2%;
	width:96%;
}

#inquiry .short input{
	padding:2%;
}

.submit{
	background:url(../img/submint.jpg) no-repeat left top;
	background-size:100% auto;
	border:none;
	width:100%;
	height:50px;
	margin:0px auto;
	text-indent:-9999px;
	text-align:center;
}

address{
	padding:20px 0;
	text-align:center;
}

.ERR{	color:#C00;}

.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 {
	width: 92%;
	margin: auto auto;
}
.coupon img{
	width: 100%;
}
/* -------------------------------------------------------------------------------------

	#followFoot

-------------------------------------------------------------------------------------- */
#followFoot{
	width:100%;
	background: #0283c9;
	overflow: hidden;
	padding: 10px 0  0;
	position: fixed;
	bottom: 0;
	z-index: 1000;
}
#followFoot .inner{
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}
#followFoot ul{
	overflow: hidden;
}
#followFoot .txt{
	color: #222;
	/* margin-bottom: 5px; */
	font-size: 13px;
	background: #eee;
	text-align: center;
}
#followFoot li{
	list-style: none;
}
#followFoot li img{
	width: 100%;
}
#followFoot .left{
	float: left;
	width: 48%;
	padding-left: 1%;
       margin-top:2%;
}
#followFoot .right{
	float: right;
	padding-top: 9px;
	width: 48%;
	padding-right: 1%;
}


#followFoot .left02{
	float: left;
	width: 48%;
	padding-left: 1%;
}
#followFoot .center02{
	float:right;
	width: 48%;
	padding-right: 1%;
}
#followFoot .right02{
	float: right;
	/* padding-top: 5px; */
	width: 32%;
	padding-right: 1%;
}

#followFoot .right03{
   margin:0 auto;
	width: 98%;
	padding-right: 1%;
}


.ranking img{
	display: block;
	width:100%;
	margin: 0 auto;
}



.cp_boxleft{

}

.cp_boxright{

}

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

.cp_boxleft02{

}

.cp_boxright02{

}

.cp_boxleft02 img{
	width: 35%;
display: block;
margin: 0 auto;	
}

.cpbox00 {
	margin: -2% auto;
}


.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: 2%;
  background-color: #a7d5ed;;
  display: inline-block;     /* 横幅を自動で変更 */
   margin:2% 2%;	
}

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

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

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

.cp_txt02 {
    font-size: 91%;
    line-height: 120%;
}

.mail_box img {
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 auto;
        margin-bottom: 0px;
}
.mail_box{
	background-color: #036787;
	padding-bottom:2%;
}

@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
  font-display: swap;
}


.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '↓'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
    background-color: #1f4356;
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 380px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '↑'' 閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

.c_rink {
    font-weight: bold;
    color: #0283c9 !important;
    border-bottom: 1px dotted #0283c9;
    font-size: 93%;
}
.c_rink span{font-size:80%;}
.c_rink_box{
    display: block;
    margin: 2% 0 0;
}




.bt_left{
	width:47%;
	float: left;
	margin-left: 2%;
	margin-right:1%;
}
.bt_left img{width:100%;}
.bt_right{
	width:47%;
	float: right;
	margin-right: 2%;
	margin-left:1%;
}
.bt_right img{width:100%;}
#followFoot .bt_right02 {
    width: 96%;
    float: right;
    margin-right: 2%;
    margin-left: 1%;
}

#followFoot .bt_right02 img {
    width: 100%;
}
#followFoot li img {
    width: 96%;
    position: relative;
    top: 8%;
    margin: 0% auto 0.5%;
    display: block;
}



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

	#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(0/750*100vw);
    width: calc(636/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 (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(100/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(26/750*100vw);
  }
}

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

#followFoot ul {
    overflow: hidden;
    margin: 0% auto 2%;
}

#footer{
  margin-bottom: 15%;
}