@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
/* Global Styles */
/**/	
a, a::before, a::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
html, body {
	height: 100%;
	width: 100%;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, sans-serif;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
h2 {
	font-size: 30px;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}
h3 {
	font-size: 20px;
	line-height: 30px;
	font-family: 'Roboto', sans-serif;
}
h4 {
	font-size: 17px;
	line-height: 24px;
	font-family: 'Roboto', sans-serif;
}
p {
	font-size: 1em
}
.note {
	font-size: 12px;
	color: #838383;
}
.lead {
	font-size: 17px;
	line-height: 26px;
}
.lead-s {
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
}
.text_blue {
	color: #063664;
}
.text_white {
	color: #ffffff;
}
.text_gray {
	color: #999999
}
.bg_gray {
	/*background-color:#e1e1e1*/
	background-color: #f5f5f5;
}
.gray_bdr {
	border-bottom: 1px solid #DCDCDD
}
.gray_bdr_up {
	border-top: 1px solid #ffffff
}
.push50 {
	margin-top: 50px;
}
.filter {
	cursor: pointer;
}
.btn {
	background-color: #063664;
	color: #ffffff
}
.btn:hover {
	background-color: #727171;
	color: #ffffff
}
.btn:visited {
	color: #ffffff
}
.small_btn {
	font-size: 13px !important;
}
/*header*/
.uper {
	z-index: 900;
	position: fixed;
	top: 150px;
	right: 0px;
	height: 60px;
	background-color: rgba(255,255,255,0.95);
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.uper h1 {
	margin: 0px !important;
	padding: 0px !important;
	display: inline-block;
	float: left;
}
.uper h1 img {
	margin: 0px !important;
	padding: 0px !important;
}
.uper h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	display: inline-block;
	font-size: 12px;
	color: #5F5F5F;
	float: left;
}
.head_left {
	float: left;
	width: auto
}
.head_right {
	float: right;
	width: auto
}
.head_mail a {
	float: right;
	display: block;
	background-color: #063664;
	color: #ffffff;
	width: 80px;
	height: 60px;
	text-align: center;
	font-size: 24px;
	padding-top: 10px;
	margin-left: 0px;
}
.head_mail a:hover {
	background-color: #727171;
	text-decoration:none
}
.head_news a {
	float: right;
	display: block;
	background-color: #063664;
	color: #ffffff;
	width: 80px;
	height: 60px;
	text-align: center;
	font-size: 24px;
	padding-top: 10px;
	margin-left: 20px;
	border-right: 1px #ffffff solid;
	cursor: pointer;
}
.head_news a:hover {
	background-color: #727171;
		text-decoration:none

}
.head_spmenu a {
	float: right;
	display: block;
	background-color: #063664;
	color: #ffffff;
	width: 60px;
	height: 60px;
	text-align: center;
	font-size: 24px;
	padding-top: 10px;
	margin-left: 20px;
	border-right: 1px #ffffff solid;
	cursor: pointer;
	display: none;
}
.head_spmenu a:hover {
	background-color: #727171
}
.header_date {
	font-size: 16px;
	margin: 0px;
	margin-top: 3px;
	text-align: right
}
.header_tel {
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
	letter-spacing: 0.1em
}
.header_tel i {
	font-size: 20px
}
.head_txt {
	font-size:9px;
	display:block;
	}

.gmenu {
	z-index: 900;
	position: fixed;
	top: 90px;
	right: 0px;
	background-color: rgba(255,255,255,0.8);
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
	-webkit-box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
	-moz-box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
}
.gmenu ul {
	font-size: 12px;
}
.gmenu ul li a {
	display: block;
	text-align: center;
	color: #000000;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.gmenu ul li a:hover {
	background-color: rgba(208,208,208,1.00)
}
.gmenu ul .gmr01 a:hover {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}
.gmenu ul .gmr02 a:hover {
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}

/*==================*/



@media (max-width: 768px) {
    .uper {
    	height: auto !important;
    }
    .head_left {
    	float: none;
    	width: 100%
    }
    .uper h1 {
    	float: none;
    	padding: 0px;
    	margin: 0px;
    }
    .uper h2 {
    	float: none;
    	padding-top: 0px;
    	text-align: center;
    	display: block;
    	display: none;
    }
    .head_right {
    	float: none;
    	background-color: #D6D6D6
    }
    .head_mail a {
    	position: fixed;
    	right: 40px;
    	top: 0px;
    	float: none;
    	width: 40px;
    	height: 60px;
    	font-size: 18px;
    	padding-top: 15px;
    	border-right: 1px #ffffff solid;
    }
    .head_news a {
    	position: fixed;
    	right: 80px;
    	top: 0px;
    	float: none;
    	width: 40px;
    	height: 60px;
    	font-size: 18px;
    	padding-top: 15px;
    }
    .head_spmenu a {
    	position: fixed;
    	right: 0px;
    	top: 0px;
    	float: none;
    	width: 40px;
    	height: 60px;
    	font-size: 18px;
    	padding-top: 15px;
    	display: block;
    }
    .head_spmenu a.active {
    	background-color: #727171
    }
    .header_date {
    	font-size: 13px;
    	margin-top: 0px;
    	margin-left: 10px;
    	margin-right: 10px;
    	text-align: left;
    	display: inline-block;
    }
    .header_tel {
    	font-size: 18px;
    	margin-top: 0px;
    	margin-bottom: 0px;
    	letter-spacing: 0.1em;
    	display: inline-block;
    }
    .header_tel i {
    	font-size: 16px
    }
    .head_txt {
    	display:none;
    }
    .gmenu {
    	display: none
    }
    .gmenu {
    	z-index: 900;
    	position: fixed;
    	top: 90px;
    	/*left: 0px;*/
    	/*width: 100%;*/
    	background-color: rgba(255,255,255,0.8);
    	-webkit-border-radius: 6px;
    	-moz-border-radius: 6px;
    	border-radius: 6px;
    	/* 分割バージョン */
        left: 5%;
        width: 90%;
        /*-webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;*/
        padding: 9px 6px 6px;
    }
    .gmenu ul {
    	font-size: 16px;
    }
    .gmenu ul li a {
    	/*padding-top: 7px;
    	padding-bottom: 7px;
    	border-bottom: #063664 1px solid;*/
    	/* 分割バージョン */
    	padding-top: 15px;
        padding-bottom: 15px;
        border: #063664 1px solid;
        /*margin:1%;*/
        margin:1.5%;
        width:47%;
        display:inline-block;
        float:left;
    }
}
/*==================*/

/*トップファーストビュー*/
.layer_box {
	background-color: rgba(255,255,255,0.6);
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-border-radius: 2px;
	-moz-border-topleft: 2px;
	border-radius: 2px;
	box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
	-webkit-box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
	-moz-box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
	border: 1px #ffffff solid
}
.layer_box h2 {
	color: #063664;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #063664
}
.layer_box p {
	font-size: 18px;
}
/*円型*/
.layer_box2 {
	background-color: rgba(255,255,255,0.6);
	width: 300px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 45px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 150px;
	-moz-border-topleft: 150px;
	border-radius: 150px;
	box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
	-webkit-box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
	-moz-box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
}
.layer_box2 h2 {
	color: #063664;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #063664
}
.layer_box2 p {
	font-size: 18px;
}
/*トップセクション01*/
.sec01 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.sec01 h2 {
	margin: 0px;
	color: #999999;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.sec01link p a {
	display: block;
	background-color: #ffffff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px solid #ffffff;
	text-decoration: none;
	font-size: 18px;
}
.sec01link01 a {
	color: #709aaf
}
.sec01link01 p a:hover {
	border: 2px solid #709aaf
}
.sec01link02 a {
	color: #76955c
}
.sec01link02 p a:hover {
	border: 2px solid #76955c
}
.sec01link03 a {
	color: #d49300
}
.sec01link03 p a:hover {
	border: 2px solid #d49300
}
.sec01link04 a {
	color: #756d90
}
.sec01link04 p a:hover {
	border: 2px solid #756d90
}
.sec01link05 a {
	color: #3e8b95
}
.sec01link05 p a:hover {
	border: 2px solid #3e8b95
}
.sec01link06 a {
	color: #898119
}
.sec01link06 p a:hover {
	border: 2px solid #898119
}
.sec01link07 a {
	color: #d29bb4
}
.sec01link07 p a:hover {
	border: 2px solid #d29bb4
}
.sec01link08 a {
	color: #717071
}
.sec01link08 p a:hover {
	border: 2px solid #717071
}
.sec01link p a span {
	font-size: 14px;
	display: block;
	text-align: left;
	color: rgba(0,0,0,1.00);
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
}
.sec01link p a span.btn {
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
}





/*トップサードビュー*/
.sec02 {
	background: url(../images/index_bg_01.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 30px;
}
.sec02 h2 {
	width: 700px;
	color: #063664;
	margin: 0px auto 20px auto;
	border-top: 3px solid #063664;
	border-bottom: 3px solid #063664;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.sec02 h3 {
	text-align: center
}
.sec02_lead {
	text-align: center;
	font-size: 22px;
}
.sec02_box {
	background-color: rgba(255,255,255,0.8);
	-webkit-border-radius: 6px;
	-moz-border-topleft: 6px;
	border-radius: 6px;
	box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
	-webkit-box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
	-moz-box-shadow: rgba(52, 53, 54, 0.2) 0px 0px 6px 3px;
	padding: 10px;
	margin-bottom: 80px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.sec02_box h3 {
	color: #063664;
	text-align: center;
	font-size: 20px;
}
.sec02_box p {
	text-align: center
}

/*==================*/
@media (max-width: 480px) {
.sec02 h2 {
	width: 100%;
}
.sec02_box {
	width: 90%
}
}
/*==================*/


/*トップサンプル*/

.top_spl {
	background-color: rgba(0,0,0,0.6);
	padding-top: 20px;
	padding-bottom: 20px;
}
.top_spl h3 {
	color: #ffffff;
	font-size: 26px;
	margin: 0px;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.top_spl h4 {
	color: #ffffff;
	font-size: 20px;
	margin: 0px;
	text-align: center;
	margin-top: 10px;
	font-weight: normal;
}
.top_sml li {
	width: 33.3333%;
	height: auto;
	display: block;
	float: left;
}
.top_sml li img {
	width: 100%;
	height: auto
}
.top_sml figure {
	position: relative;
	overflow: hidden;
}
.top_sml figcaption {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.6);
	-webkit-transition: .4s;
	transition: .4s;
	opacity: 1;
}
.top_sml figcaption h3 {
	color: #063664;
	font-size: 16px;
}
.top_sml figcaption p {
	color: #063664;
	font-size: 70px;
	text-align: center;
}
.top_sml figure:hover figcaption {
	top: 0;
	left: 0;
}


/*==================*/
@media (max-width: 480px) {
.top_sml li {
	width: 90%;
	height: auto;
	display: block;
	float: none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
.top_sml li img {
	width: 100%;
	height: auto
}



}
/*==================*/


/*問い合わせ*/
.foot_info {
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
.foot_info h3 {
	color: #ffffff;
	text-align: center;
}
.foot_info_num {
	font-size: 30px;
	letter-spacing: 0.1em
}
.foot_info_date {
	font-size: 16px;
}
.foot_info_box {
	border: 1px solid #ffffff;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(255,255,255,0.7);
	color: #063664
}
.foot_info .btn {
	border: 1px #ffffff solid;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.foot_info .btn i {
	font-size: 20px;
	margin-right: 5px;
}
/*フッター*/
.footer_copy {
	text-align: center;
}
.footer_copy {
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer_copy h1 {
	margin: 0px
}
.footer_copy h2 {
	font-size: 14px;
	color: #5F5F5F;
	margin: 0px
}
.footerbody {
	background-color: #e1e1e1;
	color: #999999;
	padding-bottom: 20px;
	padding-top: 20px;
}
.footerbody a {
	color: #999999;
}
.footerbody a:visited {
	color: #999999;
}
.footerbody h3 {
	color: #999999;
	font-size: 12px;
	margin: 15px 0px 5px 0px
}
.footerbody h4 {
	color: #999999;
	font-size: 12px;
	margin: 15px 0px 5px 0px;
	border-bottom: solid 1px #999999
}
.footerbody ul {
	font-size: 10px;
}
.footerbody ul li {
	margin-bottom: 5px
}
.footerbody p {
	font-size: 10px;
}
.foot_nav_under {
	border-top: solid 1px #999999;
	padding-top: 10px;
}
.foot_nav_under p {
	display: inline-block;
	float: left;
	margin-right: 20px;
}
.copyright {
	text-align: center;
	background-color: #063664;
	color: #b5c3d1;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footbtn {
	margin-top: 10px;
}
.footbtn li {
	display: inline-block;
	float: left;
	font-size: 30px !important;
	margin-right: 20px;
}
.footbtn li a {
	display: inline-block
}
.footbtn li a:hover {
	color: #063664;
}
/*========下層ページ========*/	
.fstvew {
	max-height: 500px;
	overflow: hidden;
}
.top_copy {
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 300;
	text-align: left
}
.top_copy h2 {
	font-size: 60px;
	letter-spacing: 0.1em
}
.top_copy h3 {
	font-size: 20px;
}
.top_copy p {
	border: 1px #ffffff solid;
	background-color: rgba(255,255,255,0.8);
	width: auto;
	display: inline-block;
	padding: 10px;
}
.sec_box {
	padding-top: 40px;
	padding-bottom: 40px;
}
.point {
	width: 220px;
	height: 220px;
	background-color: #ffffff;
	-webkit-border-radius: 110px;
	-moz-border-topleft: 110px;
	border-radius: 110px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #ffffff;
}
.point span {
	font-size: 30px;
	display: block;
	padding-top: 50px;
	margin-bottom: 10px;
}
.point_w {
	width: 220px;
	height: 220px;
	background-color: rgba(255,255,255,0.8);
	-webkit-border-radius: 110px;
	-moz-border-topleft: 110px;
	border-radius: 110px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #063664;
}
.point_w span {
	font-size: 30px;
	display: block;
	padding-top: 50px;
	margin-bottom: 10px;
}
.sol {
	border: 2px solid #000000;
	text-align: center
}
.sol_icon {
	font-size: 30px;
	text-align: center;
	margin-top: 10px
}
.sol_price {
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 10px
}
.sol_price span {
	font-size: 1.5em
}


.flow {
		color:#ffffff;
	}
.flow h4 {
			color:#ffffff;
			font-size:30px;
	}

.flow  p {
	margin-bottom:1em;
}
.flow_arw:after {
	content: "";
	position: absolute;
	top: 50%; right: 0px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	}

/*==================*/
@media (max-width: 480px) {
	.top_copy_wrap {
	height: 100px ;
}
	.top_copy {
	
	left: 10px;
}
.top_copy h2 {
	font-size: 30px;
}
.top_copy h3 {
	font-size: 18px;
}



}
/*==================*/

/*サービストップビジュアル*/
.service_top_pc {
	width: 500px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.service_top_pc img {
	position: absolute;
	cursor: pointer;
}
.service_top_pc img:hover {
	cursor:pointer}
	
.service_top_pc01 {
	left: 185px;
	top: 0px;
}
.service_top_pc02 {
	left: 335px;
	top: 45px;
}
.service_top_pc03 {
	left: 380px;
	top: 180px;
}
.service_top_pc04 {
	left: 335px;
	top: 320px;
}
.service_top_pc05 {
	left: 185px;
	top: 390px;
}
.service_top_pc06 {
	left: 50px;
	top: 320px;
}
.service_top_pc07 {
	left: 0px;
	top: 180px;
}
.service_top_pc08 {
	left: 40px;
	top: 45px;
}
.service_top_pc p {
	position: absolute;
	width: 200px;
	border: 2px #ffffff solid;
	background-color: #ffffff;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-topleft: 5px;
	border-radius: 5px;
	z-index: 100;
}
.service_top_pc p:before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #ffffff transparent transparent transparent;
	z-index: 0;
}
.service_top_pc p:after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	z-index: -1;
}
/*ツールチップ1*/		
.tt1,.tt2,.tt3,.tt4,.tt5,.tt6,.tt7,.tt8{
	display:none}			
.service_top_pc01_tt {
	/*left: 150px;*/
	left: 105px;
	top: -30px;
	color: #709BB0;
	border-color: #709BB0 !important;
}
.service_top_pc01_tt:after {
	border-color: #709BB0 transparent transparent transparent;
}
/*ツールチップ2*/					
.service_top_pc02_tt {
	/*left: 300px;*/
	left: 255px;
	top: 15px;
	color: #76965C;
	border-color: #76965C !important;
}
.service_top_pc02_tt:after {
	border-color: #76965C transparent transparent transparent;
}
/*ツールチップ3*/					
.service_top_pc03_tt {
	/*left: 350px;*/
	left: 305px;
	top: 150px;
	color: #D59400;
	border-color: #D59400 !important;
}
.service_top_pc03_tt:after {
	border-color: #D59400 transparent transparent transparent;
}
/*ツールチップ4*/					
.service_top_pc04_tt {
	/*left: 300px;*/
	left: 255px;
	top: 290px;
	color: #756D91;
	border-color: #756D91 !important;
}
.service_top_pc04_tt:after {
	border-color: #756D91 transparent transparent transparent;
}
/*ツールチップ5*/					
.service_top_pc05_tt {
	/*left: 150px;*/
	left: 105px;
	top: 360px;
	color: #3E8C96;
	border-color: #3E8C96 !important;
}
.service_top_pc05_tt:after {
	border-color: #3E8C96 transparent transparent transparent;
}
/*ツールチップ6*/					
.service_top_pc06_tt {
	/*left: 15px;*/
	left: -30px;
	/*top: 290px;*/
	top: 275px;
	color: #8A8219;
	border-color: #8A8219 !important;
}
.service_top_pc06_tt:after {
	border-color: #8A8219 transparent transparent transparent;
}
/*ツールチップ7*/					
.service_top_pc07_tt {
	/*left: -35px;*/
	left: -80px;
	top: 150px;
	color: #D39CB5;
	border-color: #D39CB5 !important;
}
.service_top_pc07_tt:after {
	border-color: #D39CB5 transparent transparent transparent;
}
/*ツールチップ8*/					
.service_top_pc08_tt {
	/*left: 5px;*/
	left: -35px;
	top: 15px;
	color: #727171;
	border-color: #727171 !important;
}
.service_top_pc08_tt:after {
	border-color: #727171 transparent transparent transparent;
}


/*伝え方*/
.service01_top_pc01 {
	left: 185px;
	top: 0px;
}
.service01_top_pc02 {
	left: 380px;
	top: 120px;
}
.service01_top_pc03 {
	left: 300px;
	top: 350px;
}
.service01_top_pc04 {
	left: 65px;
	top: 350px;
}
.service01_top_pc05 {
	left: 0px;
	top: 120px;
}

.service_top_pc p {
	position: absolute;
	width: 200px;
	border: 2px #ffffff solid;
	background-color: #ffffff;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-topleft: 5px;
	border-radius: 5px;
	z-index: 100;
}
.service_top_pc p:before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #ffffff transparent transparent transparent;
	z-index: 0;
}
.service_top_pc p:after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	z-index: -1;
}
/*ツールチップ1*/		
.s01_tt1,.s01_tt2,.s01_tt3,.s01_tt4,.s01_tt5{
	display:none}			
.service01_top_pc01_tt {
	left: 150px;
	top: -30px;
	border-color: #709BB0 !important;
}
.service01_top_pc01_tt:after {
	border-color: #709BB0 transparent transparent transparent;
}
/*ツールチップ2*/					
.service01_top_pc02_tt {
	left: 345px;
	top: 85px;
	border-color: #76965C !important;
}
.service01_top_pc02_tt:after {
	border-color: #76965C transparent transparent transparent;
}
/*ツールチップ3*/					
.service01_top_pc03_tt {
	left: 270px;
	top: 320px;
	border-color: #D59400 !important;
}
.service01_top_pc03_tt:after {
	border-color: #D59400 transparent transparent transparent;
}
/*ツールチップ4*/					
.service01_top_pc04_tt {
	left: 30px;
	top: 320px;
	border-color: #756D91 !important;
}
.service01_top_pc04_tt:after {
	border-color: #756D91 transparent transparent transparent;
}
/*ツールチップ5*/					
.service01_top_pc05_tt {
	left: -35px;
	top: 85px;
	border-color: #D39CB5 !important;
}
.service01_top_pc05_tt:after {
	border-color: #D39CB5 transparent transparent transparent;
}





/*つよみ*/	
.fstvew_bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed
}
.top_copy_wrap {
	height: 250px;
}
.sp_lead_box {
	background: rgba(255,255,255,0.8);
	width: auto;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	-webkit-border-radius: 15px;
	-moz-border-topleft: 15px;
	border-radius: 15px;
	color: #063664;
	padding: 5px 20px 5px 20px;
	border: 1px solid #ffffff;
	margin-bottom: 0px;
}
/*実績*/
.cat a {
	background-color: #ffffff !important
}
.cat h5 {
	font-size: 16px;
	line-height: 24px;
}
.cat h5 span {
	font-size: 11px;
	color: #ffffff;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-topleft: 2px;
	border-radius: 2px;
}
.cat p {
	font-size: 12px;
}
.cat img {
	margin-top: 5px;
	margin-bottom: 5px;
}
.cat a {
	color: #000000;
	display: block;
	border: 2px solid #f5f5f5;
	padding: 10px;
}
.cat a:hover {
	text-decoration: none;
}
.cat_01 h5 {
	color: #709aaf
}
.cat_01 a:hover {
	border: 2px solid #709aaf
}
.cat_01 .cat_bnn {
	background-color: #709aaf
}
.cat_02 h5 {
	color: #76955c
}
.cat_02 a:hover {
	border: 2px solid #76955c
}
.cat_02 .cat_bnn {
	background-color: #76955c
}
.cat_03 h5 {
	color: #d49300
}
.cat_03 a:hover {
	border: 2px solid #d49300
}
.cat_03 .cat_bnn {
	background-color: #d49300
}
.cat_04 h5 {
	color: #756d90
}
.cat_04 a:hover {
	border: 2px solid #756d90
}
.cat_04 .cat_bnn {
	background-color: #756d90
}
.cat_05 h5 {
	color: #3e8b95
}
.cat_05 a:hover {
	border: 2px solid #3e8b95
}
.cat_05 .cat_bnn {
	background-color: #3e8b95
}
.cat_06 h5 {
	color: #898119
}
.cat_06 a:hover {
	border: 2px solid #898119
}
.cat_06 .cat_bnn {
	background-color: #898119
}
.cat_07 h5 {
	color: #d29bb4
}
.cat_07 a:hover {
	border: 2px solid #d29bb4
}
.cat_07 .cat_bnn {
	background-color: #d29bb4
}
.cat_08 h5 {
	color: #717071
}
.cat_08 a:hover {
	border: 2px solid #717071
}
.cat_08 .cat_bnn {
	background-color: #717071
}
/*実績検索窓*/
#searchform {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 34px;
	position: relative;
}
#keywords {
	width: 250px;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 2px solid #E8E8E8;
	-webkit-border-radius: 10px;
	-moz-border-topleft: 10px;
	border-radius: 10px;
	height: 34px;
	padding-left: 5px;
	padding-right: 50px;
}
#searchBtn {
	position: absolute;
	top: 2px;
	left: 210px;
}
/*実績-詳細*/
.w_problem {
	background-color: #AFC7E0;
	position: relative;
	text-align: center;
	z-index: 10
}
.w_problem:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #AFC7E0 transparent transparent transparent;
}
.w_suggestion {
	background-color: #CDDFEF;
	position: relative;
	text-align: center;
	z-index: 9
}
.w_suggestion:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #CDDFEF transparent transparent transparent;
}
.w_solution {
	background-color: #E6EBEE;
}
.worktitle {
	font-size: 26px;
}
.worktitle i {
	font-size: 50px;
	margin-bottom: 10px;
}
.worktitle span {
	font-size: 16px !important;
}
.workvideo {
	width: 60%;
	margin-left: auto !important;
	margin-right: auto !important;
}
.workvideo video {
	width: 100%;
	height: auto;
}
.workscat h5 span {
	font-size: 18px !important
}
/*会社概要*/
.ggmap {
	position: relative;
	padding-bottom: 40%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 480px) {
	.ggmap iframe, .ggmap object, .ggmap embed {
	
	width: 90%;
	height: 100%;
}
}
/*価格*/
.price_title {
	background-color: #063664;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-topleft: 10px;
	border-radius: 10px;
	color: #ffffff;
}
.bg_price01 {
	background-color: #E5EBEE;
}
.bg_price02 {
	background-color: #CAD5DB;
}
.bg_price03 {
	background-color: #D4D6BD;
}
/*faq*/
.faq {
	background: #ffffff;
	padding: 60px 0px 50px 0px;
	margin-top: -20px;
	z-index: 20 !important;
}
.faq_box {
	background-color: #ffffff;
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.faq_a {;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 15px;
}
.faq_q {
	font-size: 18px;
	line-height: 24px;
	color: #063664;
}
.faq_q i {
	font-size: 30px;
	margin-right: 5px;
}
/*会社概要*/
/*.profile_tbl {
	white-space: nowrap;
}*/
.profile_tbl th{
    white-space: nowrap;
}
.histry_tbl {
	margin-top: 15px;
}
.histry_tbl th {
	white-space: nowrap;
	background-color: #E9E5E2;
}
.histry_tbl th, .histry_tbl td {
	padding: 15px !important;
}
.table {
	border-bottom: #dddddd 1px solid
}
.staff_post {
	color: #063664;
}
.staff_name {
	color: #063664;
	font-size: 18px;
	border-bottom: #063664 1px solid
}
.tab_bdr .nav-tabs li {
	width: 25%;
	text-align: center;
}
.tab_bdr {
	border-bottom: #dddddd 1px solid
}
.tab_bdr .nav-tabs {
	border-bottom: none
}
/*モーダル*/
.modal-header {
	border-bottom: none;
	padding-bottom: 0px;
}
.modal-footer {
	border-top: none;
}
/*プライバシーポリシー*/	
.ml1em {
	margin-left: 1em
}
.ml2em {
	margin-left: 2em
}
/*ボイス*/
.com_list li {
	display: inline-block;
	float: left;
	margin-right: 30px;
	font-size: 0.9em
}

/*====メソッド====*/

.methoddiv {
	padding:0px !important;}
.methoddiv h2 {
	background-color:#063664;
	width:140px;
	height:140px;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	color:#ffffff;
	font-size:16px;
	text-align:center;
	}
.methodbox p {
	background-color:#ffffff;
	padding:10px;
	text-align:center;
	border:1px solid #063664;
	}	

.methodfoot {
	padding-top:0px}
.methodfoot p {
	text-align:center;
	color:#ffffff;
	font-size:24px;
	}	
.methodfoot h5 {
	text-align:center;
	background-color:#ffffff;
	display:block;
	padding:10px;
	font-size:18px;
	width:79%;
	margin-left:auto ;
	margin-right:auto ;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:20px;
	}	
.cxpoint i {
	font-size:60px;}	

/* タブレットでヘッダーの連絡先が落ちる */
@media (max-width: 860px) {
    .uper h2 {
        display:none;
    }
}