@charset "utf-8";
/* CSS Document */

/*----------------------
	デフォルトスタイル
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,
header,footer,nav,section{
	border:none;
	outline:none;
	font-weight:normal;
}
*{
	 margin:0;
    padding:0;
}
html{
	font-size:62.5%;/* 10(base font size) / 16(Browser Default font size) = 0.625em * 100 = 62.5%  ベースフォントを10にする*/
}

img{
	vertical-align:top;
	width: 100%;
	height: auto;
}

li{
	list-style:none;
}
em{
	font-style: normal;
}


input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	letter-spacing: 2px;

}

/*　基本レイアウト
-----------------------*/
body{
	background-color: #fff;
	line-height: 2;
	font-family:  "Noto Sans Japanese","Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "YuGothic M", meiryo, sans-serif;
	font-size: 1.6rem;
	font-weight: 900;
	color: #6d3a17;
	letter-spacing: 0.1em;
	min-width: 300px;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
a{
	color: #6d3a17;
	text-decoration:none;
}
.linkStyle{
	color: #6d3a17;
}
.linkStyle:hover{
	color: #6d3a17;
}
#wrap{
	margin: 0 auto;
	width: 100%;
}
.RoundedMplus{
	font-family: "Rounded Mplus 1c";
	transform: rotate(0.001deg);
}
@media all and (-ms-high-contrast: none){
  .RoundedMplus{
	font-family:  "Noto Sans Japanese","Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "YuGothic M", meiryo, sans-serif;
  }
}
.dot_border{
	background-image: url(../images/dot_border.png);
	background-repeat: repeat-x;
	height: 8px;
	border: none;
	margin: 10px 0px 20px 0px;
}
header{
	width: 1000px;
	margin: 0 auto;
}
header h1{
	float: left;
}
header h1 img{
	width: 386px;
	height: 76px;
}
.header_contact{
	float: right;
	width: 240px;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.header_contact p:first-of-type{
	margin-right: 20px;
}
.header_contact p a{
	display: block;
	text-align: center;
	font-size: 1.2rem;
}
.header_contact div{
	width: 100%;
}
.header_contact div a{
	display: block;
	background-color: #E53D0A;
	color: #fff;
	font-size: 1.6rem;
	padding: 4px 0px;
}
.header_contact div a i{
	padding-right: 4px;
}

.pc_nav{
	margin: 20px 0px;
	width: 100%;
	float: left;
}
.pc_nav ul{
	display: flex;
	justify-content: space-between;
}
.pc_nav ul li{
	width: auto;
	border-left: 1px solid #6d3a17;
	display: flex;
	align-items: center;
	font-size: 1.4rem;
}
.pc_nav ul li a{
	display: block;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 0px 19px;
}
.pc_nav ul li:last-of-type{
	border-right: 1px solid #6d3a17;
}
.pc_nav ul li a i{
	font-size: 1.6rem;
}
#pagetitle{
	border-top: 4px solid #E53D0A;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 2px solid #6d3a17;
}
#pagetitle figure{
	margin-bottom: 20px;
}
#pagetitle p{
	font-size: 1.2rem;
	margin-bottom: 20px;
}
#pagetitle p span{
	padding: 0px 10px;
}
#pagetitle p a:last-of-type{
	color: #E53D0A;
}
#pagetitle h2{
	font-family: "Rounded Mplus 1c";
	font-weight: bold;
	line-height: 28px;
}
#pagetitle h2 span{
	display: block;
	font-size: 1.4rem;
	opacity: 0.6;
	padding-top: 6px;
}
main{
	width: 1000px;
	margin: 0 auto;
	display: block;
	margin-top: 60px;
}
article{
	width: 660px;
	margin-right: 40px;
	float: left;
}
aside{
	width: 300px;
	float: right;
}
.aside_line{
	background-color: #F5F2EA;
	text-align: center;
	width: 100%;
	padding: 20px 40px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.aside_line h3{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.aside_line p{
	font-weight: bold;
	margin-top: 20px;
}
.aside_contact{
	border: 2px solid #6d3a17;
	padding: 20px 40px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 32px;
}
.aside_contact h3{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin: -40px 0px 10px;
	background-color: #fff;
}
.aside_contact p{
	font-size: 1.6rem;
	font-weight: bold;
}
.aside_contact p i{
	margin-right: 4px;
	font-size: 2rem;
}
.aside_link a{
	display: block;
	border: 2px solid #6d3a17;
	padding: 10px 0px;
	margin-bottom: 32px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}

.hr{
	display: block;
	background-color: #F5F2EA;
	height: 20px;
	border: none;
	margin-bottom: 40px;
}
#footer_company{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	margin-bottom: 40px;
}
#footer_company div{
	width: 100%;
	box-sizing: border-box;
}
#footer_company div:first-of-type{
	margin-right: 2%;
}
#footer_company div:last-of-type{
	border: 2px solid #6d3a17;
	padding: 20px 40px;
}
#footer_company div dl dt{
	color: #E53D0A;
	font-weight: bold;
}
#footer_company div h4{
	width: 300px;
	margin-bottom: 20px;
}
#footer_company div p a{
	color: #E53D0A;
	font-size: 2rem;
	font-weight: bold;
}
/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
    top: 0;
    left: 0;
    height: 240px;
    overflow: hidden;
    position: absolute;
}
 
.loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 240px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.loopSlider ul {
    height: 240px;
    float: left;
    overflow: hidden;
}
 
.loopSlider ul li {
    width: 320px;
    height: 240px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}
.headerWrapper{
	display: none;
}
#pageTitle h2{
	font-size: 2.4rem; 
}
#map{
	width: 100%;
	height: 320px;
}
.gmnoprint{display: none;}

/*　フッター
-----------------------*/
footer{
	background-color: #6d3a17;
	width: 100%;
	padding: 40px 60px;
	box-sizing: border-box;
}
.footer_nav{
	float: left;
}
.footer_nav ul li{
	display: inline-block;
	margin-right: 10px;
}
.footer_nav ul li a{
	color: #fff;	
	font-size: 1.2rem;
}

#copy{
	float: right;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}
#copy a{
	color: #fff;
	font-size: 1.2rem;
}

/*　ページトップ
-----------------------*/
#pageTop{
    bottom: 0px;
    right: 40px;
	position: fixed;
}
#pageTop a img{
	transition: 0.6s;
}
#pageTop a:hover img{
	opacity: 0.6;
}
.hide {display:none;}

.clearfix:after{
	clear:both;
	content:".";
	visibility:hidden;
	display:block;
	height:0;
}
.pcbr{	display: block;}

.spbr{display: none;}
/*ここからタブレット用（900px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 1110px){
header,main,#footer_company{width: 90%;}
article{
	width: 67%;
	margin-right: 3%;
}
aside{
	width: 30%;
}
.pc_nav ul li a{
	padding: 0px;
}
.pc_nav ul li{
	border-left: none;
}
.pc_nav ul li:last-of-type{
	border-right: none;
}

}

/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 800px ){
.pc_nav{display: none;}
.headerWrapper{	display: block;}

header{
	margin-bottom: 20px;
	}
header h1 img{
	width: 300px;
	height: 60px;
}
article{
	width: 100%;
	margin-right: 0px;
}
aside{
	width: 100%;
}
.aside_line img{
	width: 300px;
}
/*.aside_link{
	display: flex;
}*/
.aside_link a{
	margin-right: 2%;
}
.aside_link a:last-of-type{
	margin-right: 0px;
	}
footer{
	padding: 40px 5%;
}
}
/*ここからタブレット用（900px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 700px){
.spbr{	display: block;	}
.pcbr{	display: none;	}
#pageTitle{
	margin-bottom: 0px;
	border-bottom: 2px solid #fff;
}
.aside_line img{
	width: 100%;
}
header h1{
	float: none;
}
.header_contact{
	display: none;
}
#footer_company{
	display: block;
}
#footer_company div p a{
	display: block;
	margin-bottom: 20px;
}
.footer_nav{
	float: none;
	text-align: center;
	margin-bottom: 20px;
}
#copy{
	float: none;
	}
}

@media only screen and (max-device-width:768px ) and (orientation:landscape) {
	#global-nav {
	overflow: scroll;
	height: 80vh;
}
}
/*2025/1/24追記*/
.aside_contact p:nth-of-type(2) {
	display: none;
}