@charset "UTF-8";

/*======= reset =======*/
html {
	color: #525252;
	background: #FFF;
	height: auto;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5,h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, thead,
article, aside, figure, footer, header,
hgroup, menu, section, nav, audio, video,
canvas, input, textarea {
	margin: 0;
	padding: 0;
}

/*article, aside, figcaption, figure, footer,
header, hgroup, menu, nav, section {
	display: block;
}
*/
/*======= body anchor heading =======*/

body {
	width: auto;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	/*font-family: '秀英丸ゴシック B','秀英丸ゴシック L',"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;*/
	font-size: 16px;
	line-height: 1.2;
	color: #171c61;
	font-weight: bold;
}

a {
	color: #171c61;
	/*text-decoration: none;*/
}
a:hover {
	color: #187fc4;
	/*text-decoration: none;*/
}
a:hover img {
	opacity: 0.7;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

/*======= table list =======*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
}

address, caption, cite, code,
dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul, li {
	list-style:none
}


/*======= others =======*/

blockquote, q {		/* quote=引用 引用符を指定する際に使用*/
	quotes: none;
}

q:before, q:after {
	content: '';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

fieldset, img {
	border: none;
}

legend {
	color: #525252;
}

/*input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

input, textarea, select {
	*font-size:100%;
}
*/

/*====== clearfix =======*/
/*.cf:after {
	content: '';
	display: block;
	clear: both;
}*/

/*===== その他レイアウト =====*/
.gray {color: #c0c0c0!important;}
.yellow {color: #fff500!important;}
.txt_r {text-align: right;}
.txt_l {text-align: left;}
.txt_c {text-align: center;}


/*==========================
=                          =
=        PC LAYOUT         =
=                          =
 =========================*/
#wrapper {
	width: 100%;
}
.pc {display: block;}
.sp {display: none;}
br.pc {display: inline-block;}

.inner {
	width: 1200px;
	margin: 0 auto;
}
section {
	width: 1000px;
	margin: 0 auto;
}

/*====== Header ======*/
header {
	background: url(../images/common/bg_header.jpg) no-repeat;
	background-size: 100% 100%;
	font-family: '秀英丸ゴシック L';
}
header .inner {
	position: relative;
}
header h1 {
	padding-top: 20px;
	max-width: 324px;
	width: 27.4%;
    margin: 0 auto;
}
header h1 img {
	width: 100%;
}
header .h_tel {
	max-width: 285px;
    max-height: 102px;
    width: 24.1%;
    height: 50.5%;
	background: url(../images/common/header_tel.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 14px;
}
header .h_tel .tel_number {
	margin: 5px 0 0 85px;
}
header .h_tel .tel_number span {
	font-size: 24px;
	font-family: '秀英丸ゴシック B';
}
header .h_tel p:last-child {
	margin-left: 30px;
}

/*====== Navigation ======*/
nav {
	font-family: '秀英丸ゴシック B';
	margin: 35px auto;
	max-width: 1200px;
	width: 100%;
	font-size: 24px;
}
nav ul {
	clear: both;
	overflow: hidden;
}
nav ul li {
	float: left;
	margin-left: 5%;
	padding-bottom: 6px;
}
nav ul li a {
	padding-bottom: 1px;
    border-bottom: 2px solid #171c61;
    text-decoration: none;
}
nav ul li a:hover {
    border-bottom: 2px solid #187fc4;
}
nav ul li:nth-child(2) {
	margin-left: 17%;
}

/*====== Main_visual ======*/
.main_visual {
    width: 1086px;
    margin: 0 auto;
	font-family: '秀英丸ゴシック B';
}
.main_visual img {
    width: 100%;
    margin: 0 auto;
    vertical-align: bottom;
}

/*====== パンくず ======*/
.pankuzu {
    width: 1000px;
    margin: 0 auto 20px;
}
.pankuzu img {
	margin-right: 15px;
    vertical-align: text-bottom;
}

/*====== Headline ======*/
h1 a:hover img {
	opacity: 1;
}
h2 {
	text-align: center;
	margin-top: 6.5%;
}
section h3 {
	font-family: '秀英丸ゴシック B';
	color: #187fc4;
	font-size: 26px;
	margin: 0 auto 35px;
	/*border-left: 4px solid #187fc4;*/
	background: url(../images/common/icon_h3.png) no-repeat left top;
	padding-left: 30px;
    padding-bottom: 5px;
	line-height: 1.2;
}
section h4 {
    border-bottom: 4px solid yellow;
    display: inline;
}


/*====== Footer ======*/
footer{
	font-family: '秀英丸ゴシック B';
	background: url(../images/common/bg_footer.jpg) no-repeat;
	background-size: 100% 100%;
	min-height: 266px;
	line-height: 1.8;
}
footer .inner {
	padding-top: 60px;
}
footer .l_box {
	width: 470px;
    position: relative;
}
footer .l_box p {
	position: absolute;
}
footer .l_box p.addr {
	position: absolute;
	top: 60px;
	left: 145px;
	line-height: 1.6;
}
footer .sub_navi {
    width: 550px;
    height: 132px;
    float: right;
    font-size: 18px;
}
footer .sub_navi a {
	text-decoration: none;
	padding-bottom: 1px;
    border-bottom: 2px solid #171c61;
}
footer .sub_navi a:hover {
    border-bottom: 2px solid #187fc4;
}
footer .sub_navi ul {
	clear: both;
	overflow: hidden;
	margin: 15px 0;
}
footer .sub_navi ul li {
	float: left;
	margin-right: 29px;
}
footer .sub_navi ul li:last-child {
	margin-right: 0;
}
footer p.txt_c {
    clear: both;
    overflow: hidden;
    padding-top: 35px;
}

/*====== Pagetop ======*/
#page_top {
	position: relative;
	width: 100%;
	height: 100%;
}
#page_top p {
    position: fixed;
    bottom: 10px;
    right: 20px;
}

/*====== Google Map API ======*/
/*.map_box {
	width: 1000px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
}
*/
/*
#shimano-ok-shika-map {
    height:390px;
    width:1000px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
}

.gm-style-iw * {
    display: block;
    width: 100%;
}

.gm-style-iw h4, .gm-style-iw p {
    margin: 0;
    padding: 0;
}

.gm-style-iw a {
    color: #4272db;
}
*/

/*==========================
=                          =
=        SP LAYOUT         =
=                          =
 =========================*/

/* W1200px over時のfont-size対策
@media (min-width: 1200px) {
	header .h_tel .tel_number span {
		font-size: 170%;
	}

	header .h_tel {
		font-size: 14px;
	}
	nav {
		font-size: 24px;
	}
}

/* W840~600px 時のfont-size対策
@media (max-width: 840px) and (min-width: 600px) {
	header .h_tel {
		background: url(../images/pc/top/header_tel2.png) no-repeat;
		background-size: 100% 100%;
	}

	header .h_tel p {
		display: none;
	}
}
*/
@media (max-width: 767px) {
	body {
		width: auto;
		font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
		/*font-family: '秀英丸ゴシック B','秀英丸ゴシック L',"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;*/
		font-size: 4.4vw;
		line-height: 1.2;
		color: #171c61;
		font-weight: bold;
	}
	#wrapper {
		width: 100%;
		position: relative;
	}

	.pc {display: none;}
	.sp {display: block;}
	br.pc {display: none;}
	br.sp {display: inline-block;}
	img {width: 100%;}

	.main_visual {
	    width: 100%;
	    margin: 3% auto 0;
	}
	.inner,
	section {
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
    	padding: 0 7.5%;
    	box-sizing: border-box;
    }

	/*====== Header ======*/
	header {
		background: url(../images/common/sp/bg_header.jpg) no-repeat;
		background-size: 100% 100%;
	    padding-bottom: 7%;
	}
	header .inner {
		position: static;
		clear: both;
    	overflow: hidden;
    	padding: 0;
	}
	header h1 {
		padding-top: 0;
		max-width: 100%;
		width: 67.5%;
	    margin: 0;
	    float: left;
	}
	header h1 img {
		width: 100%;
	}
	header .menu {
		width: 15.5%;
		float: right;
	}
	header .menu .off {
		display: none;
	}

	/*====== Navigation ======*/
	nav {
		font-family: '秀英丸ゴシック B';
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		font-size: 5.0vw;
		display: none;
	    position: absolute;
		z-index: 10;
		background: #fff;
	}
	nav ul {
		clear: both;
		overflow: hidden;
	}
	nav ul li {
		float: none;
		margin-left: 19.5%;
		margin-bottom: 5%;
		padding-bottom: 4px;
	}
	nav ul li:nth-child(2) {
		margin-left: 19.5%;
	}
	nav ul li a {
		padding-bottom: 1px;
	    border-bottom: none;
	    text-decoration: underline;
	}
	nav ul li a:hover {
	    border-bottom: none;
	}
	nav ul li a span.sp {
		display: inline;
	}

	/*====== パンくず ======*/
	.pankuzu {
	    width: 100%;
	    margin: 0 auto 3.1%;
	    padding: 0 7.5%;
		box-sizing: border-box;
    	font-size: 3vw;
	}
	.pankuzu img {
		width: 3.5%;
		margin-right: 1.5%;
	    vertical-align: text-bottom;
	}

	/*====== Headline ======*/
	section h3 {
		font-family: '秀英丸ゴシック B';
		color: #187fc4;
		font-size: 5vw;
		margin: 0 auto 7%;
		/*border-left: 2px solid #187fc4;*/
		background: url(../images/common/sp/icon_h3.png) no-repeat left top;
		background-size: 6%;
		padding-left: 10%;
	    padding-bottom: 1%;
		line-height: 1.2;
	}
	section h4 {
	    border-bottom: 4px solid yellow;
	    display: inline;
	    font-size: 4.4vw;
	}

	/*====== Footer ======*/
	footer{
		font-family: '秀英丸ゴシック B';
		background: url(../images/common/sp/bg_footer.jpg) no-repeat;
		background-size: 100% 100%;
		min-height: 100%;
		line-height: 1.8;
	}
	footer .inner {
		padding-top: 6.5%;
	}
	footer .t_box {
	    clear: both;
	    overflow: hidden;
	}
	footer .t_box div {
		float: left;
	}
	footer .t_box .logo {
		width: 21.5%;
	}
	footer .t_box .name {
		width: 75%;
		float: right;
		line-height: 1.2;
	}
	footer .t_box p.addr {
		font-size: 3.2vw;
    	margin-top: 1%;
		line-height: 1.2;
	}
	footer .sub_navi {
	    width: 100%;
	    height: 100%;
	    margin: 0 auto;
	    float: none;
	    font-size: 3.2vw;
	}
	footer .sub_navi a {
		text-decoration: underline;
		padding-bottom: 0;
	    border-bottom: none;
	}
	footer .sub_navi a:hover {
	    border-bottom: none;
		text-decoration: underline;
	}
	footer .sub_navi ul {
		clear: both;
		overflow: hidden;
	}
	footer .sub_navi ul li {
		float: left;
		margin-right: 5%;
		padding-right: 5%;
    	border-right: 1px solid #171c61;
	}
	footer .sub_navi ul li:first-child {
		padding-left: 5%;
    	border-left: 1px solid #171c61;
	}
	footer .sub_navi ul li:last-child {
		margin-right: 0;
	}
	footer p.txt_c {
	    clear: both;
	    overflow: hidden;
	    padding-top: 0%;
	}

	/*====== Pagetop ======*/
	#page_top {
		position: relative;
		width: 100%;
		height: 100%;
	}
	#page_top p {
	    width: 12.5%;
	    position: fixed;
	    bottom: 17.5%;
	    right: 3.15%;
	}

	/*====== Fixed_Button ======*/
	.fix_btn {
		width: 100%;
	    padding: 2.5% 2.5% 2%;
	    box-sizing: border-box;
		font-family: '秀英丸ゴシック B';
		font-size: 3.0vw;
		text-align: center;
		line-height: 1.0;
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    background: url(../images/common/sp/bg_fixed.png) no-repeat;
	    background-size: 100%;
	}
	.fix_btn ul {
		clear: both;
		overflow: hidden;
		margin-bottom: 1.5%;
	}
	.fix_btn ul li {
		width: 49%;
		float: left;
		margin-right: 2%;
	}
	.fix_btn ul li:last-child {
		margin-right: 0;
	}

	.fix_btn .fix_time ul {
		width: 82%;
		margin: 2% auto 0;
	}
	.fix_btn .fix_time ul li {
		width: 27.5%;
		float: left;
		margin-right: 2%;
	}
	.fix_btn .fix_time ul li:last-child {
		width: 70%;
		margin-right: 0;
	}
}

/* Add 250623 */
.fsPDFlink{
	width: 55%;
	margin: auto;
}
.fsPDFlink a{
	padding: 1.5em 1em;
	color: #fff;
	font-family: '秀英丸ゴシック B';
	font-size: 18px;
	font-weight: bold;
	text-indent: -0.5em;
	text-decoration: none;
	border-radius: 10px;
	overflow: hidden;
  display: flex;
	justify-content: center;
	align-items: center;
  background: url(/common/images/common/btn_bg.svg) no-repeat center center;
	background-size: cover;
  position: relative;
}
@media screen and (hover: hover){
	.fsPDFlink a:hover{ opacity: 0.7; }
}
.fsPDFlink a::after{
	content: "";
	width: 1.5em;
	height: 1.5em;
	background: url(/common/images/common/icon_pdf.svg) no-repeat center center;
	background-size: contain;
	position: absolute;
	top: calc((100% - 1.6em) / 2);
	right: 1em;
}
@media (max-width: 767px){
	.fsPDFlink{
		width: 100%;
	}
	.fsPDFlink a{
		padding: 1.0em 0.5em;
		font-size: 1em;
		text-indent: 0;
		text-align: center;
		border-radius: 5px;
	}
	.fsPDFlink a span{
		display: block;
		margin-left: -1.25em;
	}
}