@charset "utf-8";
.sg_main {
	margin: 6% 2%;
}
.ttl_page {
	margin-bottom: 20px;
}
/*======= 1: service page ========*/
.style_title01 {
	margin: 30px 0 10px;
	font-size: 18px;
	font-family: "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN";
}
.style_title01 span.icon {
	color: #b59300;
	margin-right: 5px;
}
.style_title02 {
	font-family: "HiraginoKaKu","ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN";
	font-size: 18px;
	text-indent: -30px;
	margin-left: 30px;
	line-height: 1.2;
}
.style_title02 span {
	font-size: 40px;
	color: #b59300;
	margin-right: 10px;
}
.style_title02 span img {
	margin-top: 10px;
}
.box_servive {
	margin: 2%;
}
/*.box_servive p {
	width: 55%;
}
.box_servive.box_01 {
	background: url("../service/images/img_02.jpg") no-repeat right center;
	-webkit-background-size: 45%;
	background-size: 45%;
}
.box_servive.box_02 {
	background: url("../service/images/img_03.jpg") no-repeat right center;
	-webkit-background-size: 45%;
	background-size: 45%;
}*/
.style_link01 {
	font-size: 15px;
	font-weight: bold;
	color: #1c97a7;
	margin-left: 2%;
}
.box_arrow {
	position: relative;
	background: #dac97f;
	margin: 4% 2% 40px 2%;
	padding: 2%;
	border-radius: 5px;
}
.box_arrow:after {
	position: absolute;
	content: "";
	background: url("../service/images/arrow_01.jpg") no-repeat;
	-webkit-background-size: 120px;
	background-size: 120px;
	width: 120px;
	height: 20px;
	bottom: -20px;
	left: 35%;
}
.box_arrow:last-child:after {
	background: none;
}
.box_arrow .ttl {
	font-weight: bold;
	font-size: 20px;
	font-family: "HiraginoKaKu","ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN";
	text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff;
	text-align: center;
	margin-bottom: 2%;
	letter-spacing: 2px;
}
.box_arrow .infor_box {
	background: #fff;
	border-radius: 5px;
	padding: 2%;
}
.box_arrow .infor_box .img_box {
	float: right;
	width: 48%;
}
.box_arrow .infor_box .txt_box {
	float: left;
	width: 52%;
}
.box_arrow .infor_box .txt_box dt {
	float: left;
	width: 45px;
	background: #444;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 15px;
	padding: 3px 0 1px;
	margin-top: 7px;
}
.box_arrow .infor_box .txt_box dd {
	float: left;
	width: 78%;
	color: #b59300;
	font-weight: bold;
}
.box_arrow .infor_box .txt_box dd li {
	text-indent: -12px;
	margin-left: 12px;
}
.style_box01 {
	border-left: 5px solid #b59300;
	padding: 2% 2% 4%;
	-webkit-box-shadow: 0 6px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 6px 6px rgba(0,0,0,.2);
	box-shadow: 0 6px 5px rgba(0,0,0,.2);
	margin-bottom: 30px;
}
.style_box01 h3 {
	font-size: 19px;
	margin-bottom: 10px;
}
.style_box01 ul {
    background: #eaeaea;
    width: 260px;
    padding: 10px 5px 10px 20px;
    margin-top: 15px;
}
.style_box01 ul li {
	text-indent: -15px;
	margin-left: 15px;
}
.style_box01 ul li span {
	color: #c3aa68;
	font-size: 10px;
	padding-right: 5px;
}
.style_table01 {
	width: 100%;
	margin-top: 20px;
}
.style_table01 th,
.style_table01 td {
	border: 1px solid #cbbe9f;
	padding: 3% 2%;
	width: 50%;
	vertical-align: middle;
	text-align: left;
}
.style_table01 th {
	background: #dce9e7;
	font-weight: normal;
}
/*======= 2: portfolio page ========*/
.list_portfolio li {
	float: left;
	width: 49%;
	margin-bottom: 20px;
}
.list_portfolio li:nth-child(2n) {
	float: right;
}
.list_portfolio li .p_portfolio {
	margin-top: 10px;
}
.list_portfolio li .p_portfolio a {
	color: #1c97a7;
}
/*======= 3: voice page ========*/
.box_voice .inner_sec {
	background: url("../voice/images/bg_01.png") no-repeat top center;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 4% 2% 0;
}
.style_txt01 {
	text-align: center;
	color: #e9bc00;
	font-size: 17px;
	margin-bottom: 4%;
}
.box_voice .inner_sec .box_inner {
	background: #efefef;
	padding: 3%;
	margin-top: 7%;
}
.style_txt02 {
	color: #1c97a7;
	font-size: 18px;
	margin-bottom: 5px;
}
.style_txt02 span {
	font-weight: normal;
	font-size: 14px;
}
.style_title03 {
	font-size: 18px;
	padding: 10px;
	margin-top: 30px;
	box-shadow: 0 -10px 5px -5px rgba(0,0,0,0.2),0 10px 5px -5px rgba(0,0,0,0.2);
}
.style_title03 span {
	color: #ebba00;
}
.box_voice02 {
	box-shadow: 0 10px 5px -5px rgba(0,0,0,0.2);
	padding: 5% 0 4%;
}
/*======= 4: secret page ========*/
.style_title04 {
	font-weight: bold;
	font-size: 19px;
	border-left: 5px solid #e9bc00;
	padding-left: 10px;
	margin-bottom: 20px;
}
.txt_secret {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}
.txt_secret span {
	color: #34b1c1;
	text-decoration: underline;
}
.style_title05 {
	font-weight: bold;
	font-size: 18px;
	margin-top: 30px;
	text-indent: -26px;
	margin-left: 21px;
}
.style_title05 span {
	font-size: 20px;
	color: #34b1c1;
}
.style_box02 {
	border: 5px solid #dac97f;
	padding: 3% 2%;
	margin-top: 20px;
}
.style_box02 h5 {
	font-size: 18px;
	margin-bottom: 10px;
}
/*======= 5: contact page ========*/
.box_contact01 {
	background: #fcf2ce;
	padding: 4% 2%;
}
.box_contact01 h3 {
	color: #b59300;
	font-size: 18px;
	margin-bottom: 10px;
}
.box_contact01 li {
	text-indent: -18px;
	margin-left: 18px;
}
.banner_contact {
	border: 5px solid #8d8d8d;
	border-radius: 10px;
	padding: 2%;
	text-align: center;
	margin-top: 6%;
}
.banner_contact h4 {
	font-size: 18px;
	margin-bottom: 10px;
}
.arrow_contact li {
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto 30px;
	border: 4px solid #d0d0d0;
	padding: 10px 2% 5px;
	text-align: center;
	background: #fff;
}
.arrow_contact li:after {
	position: absolute;
	content: "";
	background: url("../contact/images/arrow_02.png") no-repeat;
	-webkit-background-size: 77px;
	background-size: 77px;
	width: 77px;
	height: 29px;
	bottom: -29px;
	left: 40%;
}
.arrow_contact li:first-child {
	border: 4px solid #e8bf03;
	background: #fffdf4;
}
.arrow_contact li:first-child:after {
	background: url("../contact/images/arrow_01.png") no-repeat;
	-webkit-background-size: 77px;
	background-size: 77px;
}
.arrow_contact li:last-child:after {
	background: none;
}
.arrow_contact li h5 {
	font-size: 24px;
	margin-top: 5px;
}
.arrow_contact li:before {
	position: absolute;
	content: "";
	width: 30px;
	height: 71px;
	top: 3px;
	left: 3px;
}
.arrow_contact li:first-child:before {
	background: url("../contact/images/number_1.jpg") no-repeat;
	-webkit-background-size: 30px;
	background-size: 30px;
}
.arrow_contact li:nth-child(2):before {
	background: url("../contact/images/number_2.jpg") no-repeat;
	-webkit-background-size: 30px;
	background-size: 30px;
}
.arrow_contact li:nth-child(3):before {
	background: url("../contact/images/number_3.jpg") no-repeat;
	-webkit-background-size: 30px;
	background-size: 30px;
}
.style_table02 {
	width: 100%;
	margin-top: 30px;
}
.style_table02 th {
	background: #fbf2cc;
	border: solid 1px #fbf2cc;
	padding: 10px;
	text-align: left;
}
.style_table02 th span {
	color: #9e1f24;
	margin-left: 20px;
}
.style_table02 td {
	border: solid 1px #d4d4d4;
	padding: 15px 10px;
	text-align: left;
}
/*======= 6: policy page ========*/
.policy_sec h3 {
	font-size: 18px;
	color: #c09b00;
	margin: 20px 0 5px;
}
.policy_sec li {
	text-indent: -15px;
	margin-left: 15px;
}
/*======= 7: company page ========*/
.style_title06 {
	background: #ebd7a2;
	font-size: 18px;
	padding: 10px;
	margin: 20px 0;
}
.style_table03 {
	width: 100%;
}
.style_table03 th,.style_table03 td {
	text-align: left;
	padding: 10px;
}
.style_table03 th {
	background: #e8e8e8;
	border-top: 1px solid #c8c8c8;
}
.style_table03 td:last-child {
	border-bottom: 1px solid #c8c8c8;
}
.btn_map {
	display: inline-block;
	background: linear-gradient(#81d9e0,#45abbd);
	border-radius: 5px;
	padding: 3px 10px 2px;
	font-size: 15px;
	color: #fff !important;
	text-shadow: 0 2px 2px rgba(0,0,0,.5);
	text-decoration: none !important;
	margin: 5px 0;
}
/*======= 8: news page ========*/
.box_news {
	margin-top: 30px;
}
.box_news .time_news {
	background: #f3ecd0;
	padding: 10px 5px;
	border-left: 10px solid #d7c37e;
	border-radius: 10px;
	margin-bottom: 10px;
	color: #b79c43;
	font-weight: bold;
	font-size: 13px;
}
.box_news .txt_ttl {
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}
/*======= 9: media page ========*/
.title_date {
	position: relative;
	border-bottom: 1px solid #000;
	margin: 30px 0px;
	padding: 0px 10px;
}
.title_date:after {
	position: absolute;
	content: "";
	background: #f2f2f2;
	width: 100%;
	height: 10px;
	left: 0;
	bottom: -11px;
}
.title_date span {
	display: block;
	width: 120px;
	background: #000;
	 font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 10px 10px 0 0;
}
.style_title07 {
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #b59300;
	border-left: 10px solid #b59300;
	padding-left: 2%;
	margin: 30px 0 15px;
}
.span_media {
    font-size: 12px;
    color: #999999;
}
.media_02 .clearfix, .media_03 .clearfix {
	border-bottom: dotted 1px #000000;
	padding-bottom: 30px;
}
.media_02 .clearfix:last-child, .media_03 .clearfix:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
/*======= 10: report page ========*/
.report_BHY {
	border: 1px solid #f4c035;
	padding: 2px;
}
.report_BHY .txt_box {
	background: #fcf5e8;
	padding: 2%;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}
.report_BHY .txt_box .text_name {
	font-size: 10px;
	margin-top: 6%;
	line-height: 1.5;
}
.report_page {
	background: url("../voice/images/bg_01.jpg");
	padding: 3px;
	margin: 20px auto;
	width: 305px;
}
.report_page .inner_box {
	background: #fff;
	padding: 10px 15px 0;
}
.report_page p {
	float: left;
	width: 54px;
}
.report_page ul {
	float: right;
	width: 200px;
}
.report_page ul li {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.report_page ul li:nth-child(4n) {
	margin-right: 0;
}
.report_page ul li a {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #2b8490;
	font-size: 15px;
}
.h3_report {
    background: #dbdbdb;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border: solid 1px #c5c5c5;
    padding: 5px 0;
}
.h4_report {
    font-size: 16px;
    font-weight: bold;
    color: #2b8490;
    margin: 30px 0 15px;
    text-align: center;
}
.box_report .span_001 {
    font-weight: bold;
    color: #e43452;
}
.ttl_anchor {
    background: #dbdbdb;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    border: solid 1px #c5c5c5;
    padding: 10px 0;
    margin: 30px 0;
    line-height: 1.5;
}
.ttl_anchor a {
    font-size: 20px;
    font-weight: bold;
}
.box_anchor {
	background: url("../voice/images/bg_01.jpg");
	padding: 3px;
}
.box_anchor .inner_box {
	background: #fff;
	padding: 4% 2%;
}
.box_anchor .inner_box li {
	line-height: 1.8;
	font-size: 13px;
}
.style_boxreport {
	border: solid 3px #cdeef3;
	padding: 2%;
	margin: 20px 0;
}
.box_txtreport {
	border: 1px solid #ccc;
	padding: 2%;
	margin: 20px 0px;
}
.box_txtreport span {
	font-weight: bold;
	font-size: 12px;
}
/*======= 11: voice001 page ========*/
.head_voice {
	position: relative;
	border-left: 5px solid #fff0de;
	padding: 2% 0 2% 2%;
	margin: 0 2%;
}
.head_voice .voice01_img {
	position: absolute;
	width: 27%;
	bottom: 6%;
	right: 0;
}
.ttl_voice { 
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	color: #e9bc00;
	margin-bottom: 10px;
}
.box_voice001 {
	border: 2px solid #b2b2b2;
	background: #ebebeb;
	padding: 4% 2%;
	margin-top: 30px;
}
/*============== FIX DISPLAY ==============*/
@media (max-width: 415px) {
	.box_arrow .infor_box .txt_box dd {
		width: 75%;
	}
	.style_txt01 {
		font-size: 16px;
	}
	.txt_secret {
		font-size: 18px;
	}
	.arrow_contact li:after {
		left: 38%;
	}
	.report_BHY .txt_box {
		font-size: 11px;
	}
	.report_BHY .txt_box .text_name {
		font-size: 9px;
		margin-top: 5%;
	}
}
@media (max-width: 375px) {
	.box_arrow:after {
		left: 33%;
	}
	.box_arrow .infor_box .txt_box dd {
		width: 70%;
	}
	.style_txt01 {
		font-size: 15px;
	}
	.style_title04 {
		font-size: 18px;
	}
	.txt_secret {
		font-size: 17px;
	}
	.arrow_contact li:after {
		left: 37%;
	}
	.report_BHY .txt_box {
		font-size: 10px;
	}
	.report_BHY .txt_box .text_name {
		font-size: 8px;
		margin-top: 5%;
	}
}
@media (max-width: 360px) {
	.style_txt01 {
		font-size: 14px;
	}
	.style_title04 {
		font-size: 17px;
	}
	.txt_secret {
		font-size: 16px;
	}
	.arrow_contact li h5 {
		font-size: 22px;
	}
}
@media (max-width: 320px) {
	.box_arrow:after {
		left: 30%;
	}
	.box_arrow .infor_box .txt_box dd {
		width: 68%;
	}
	.style_txt01 {
		font-size: 12px;
	}
	.style_title04 {
		font-size: 15px;
	}
	.txt_secret {
		font-size: 14px;
	}
	.arrow_contact li h5 {
		font-size: 20px;
	}
	.arrow_contact li:after {
		left: 35%;
	}
	.report_BHY .txt_box {
		font-size: 9px;
	}
	.report_BHY .txt_box .text_name {
		font-size: 7px;
		margin-top: 5%;
	}
}