@charset "UTF-8";


body,html {
	padding: 0;
	margin: 0;
	min-height: 100%;
	width: 100%;
    position: relative;
    word-break: normal;
}

/* 最小コンテンツの高さ */

section, *, input, textarea, input[type=text] {
	/** 明朝 **/
	/** font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"!important;
	font-weight: 500; **/
	/** or font-weight: 800;**/
	/** letter-spacing: 0.02em; **/
	
	/** ゴシック **/
	font-family: 'Noto Sans JP', '游ゴシック', "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: 400;
	/*or font-weight: 700; */
	
    font-style: normal;
    line-height: 1.5em;
}

b {
	font-weight: bold!important;
}

.SecTopSpace {
	padding: 125px 0;
}

.header_tel {
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	line-height: 1em;
	color: #fa8700;
}

.header_mobile {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	line-height: 1em;
	margin: 0 0 0 0.5em;
	vertical-align: middle;
	color: #fa8700;
}

.header_tel:hover,
.header_mobile:hover {
	color: #fabe00;
}


/* アンカーリンク（メニューの高さ） */
section {
	position: relative;
}

section .contents_box {
	width: 1000px;
}

.contents_box800 {
	width: 800px;
}

section .contents_box, .contents_box800 {
	padding: 0;
	margin: 0 auto;
}

section .edit_box {
	width: 1000px;
	padding: 250px 0 100px 0;
	margin: 0 auto;
}

section#singlePage {
	margin-top: 0;
	padding-top:0;
	position: relative;
}

a {
	color:#003399;
	text-decoration:none;
	outline: none;
}

a:hover {
	color:#5ca5ff;
	text-decoration:underline;
}

table {
    border-spacing: 0;
}

#skip_link {
    position: absolute;
    top: -50px;
    left: -2000px;
}

.tab_br {display: none;}
.mo_br {display: none;}

.center_txt {
	text-align: center;
}

.right_txt {
	text-align: right;
}

.red_txt {
	color: #000000;
}

/* form Design*/

.err_txt {
	color: #000000;
	float: none!important;
    display: inline-block;
}

/*　Modal用 */
 *:focus {
	 outline: none;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

iframe {
	margin: 0 auto;
	border: 0;
	vertical-align: bottom;
	display: block;
}

a {
	text-decoration: none;
	outline: none;
}

a, a:hover, li, li:hover, iframe:hover {
	transition: all 0.2s;
	outline: none;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.go_top_btn {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9980;
}

.clear {
	clear: both;
}

/* スクロールアップ */

.fade_out {
	opacity: 0;
}

.fade_in {
	opacity: 1.0;
	position: relative;
    animation: fade_animation 1s ease-out;
}

@keyframes fade_animation {
    0% {
        top: 80px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.ResponsiveBox {
    position: relative;
    width: 100%;
    overflow: hidden;
}

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

/* Google Map */

#google_map {
	width: 100%;
	height: 600px;
}

#map_address {
    padding: 40px 0 50px 0;
    text-align: center;
	background-image: url("../img/map_bg.jpg");
	background-size: cover;
	background-position: center;
	color: #ffffff;
}

#map_address a {
    color: #ffffff;
	z-index: 500;
}

#map_address img {
	width: 100px;
    margin: 10px auto;
}

/*MyMapのカバー
.mapAspect {
    padding-bottom: 40%;
}

#google_map_box .click_cover {
	width: 100%;
	height: 600px;
	position: absolute;
	cursor: pointer;
	background-color: rgba(0,0,0,0.3);
	display: block;
}

#google_map_box .click_cover .txt {
	width: auto;
	margin: 50px auto;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateY(0) translateX(-50%);
	color: #ffffff;
	font-size: 150%;
	display: block;
}*/


/* Slide_Box*/

#slider_box {
	width: 100%;
	padding: 0 150px;
}

#slider_box a {
	color: #000000;
	cursor: pointer!important;
}

#slider_box a:hover {
	text-decoration: none;
}

.slide_box {
	margin: 0 1vw;
	background-color: #f2f2f2;
	transition: 0.5s;
	padding: 15px 0 0 0;
}

.slide_box:hover {
	margin: 0 1vw;
	background-color: #dee3fc;
	transition: 0.5s;
}
.slide_box .main_photoBox {
	position: relative;
	height: 13vw;
	overflow: hidden;
	margin: 0 15px;
}

.slide_box .main_photo {
	width: 100%;
	height: 13vw;
	transition: 0.5s;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-size: cover;
	background-position: center;
}

.slide_box:hover .main_photo {
	transform: scale(1.1)  translateY(-50%);
	transition: 0.5s;
}

.slide_box .txtBox,
#NewsBox_Top  .txtBox {
	padding: 10px 20px;
}

.slide_box h1, .slide_box h2, .slide_box h3, .slide_box h4, .slide_box h5, .slide_box h6,
#NewsBox_Top h2, #NewsBox_Top h3, #NewsBox_Top h4, #NewsBox_Top h5, #NewsBox_Top h6 {
	text-align: left;
	font-size: 100%!important;
	display: inline!important;
	line-height: 1.8em!important;
}

.slide_box .txtBox .comment,
#NewsBox_Top .comment {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.slide_box .txtBox .titile{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.slide_box .title_box {
    background-color: #000000;
    color: #ffffff;
    margin: 0 auto;
    padding: 5px 0 8px 0;
    line-height: normal;
    border-radius: 20px;
}

.slide_box .txtBox .arrow,
#NewsBox_Top  .txtBox .arrow{
	margin: 0 10px 0 0;
	vertical-align: middle!important;
}

.slick-dots button {
	padding: 0!important;
}

/** ドットの形状 **/
.slick-dots li button,
.slick-dots li button:before {
    width: 30px;
    height: 6px;
    border-radius: 5px;
	margin: 0;
}

/** ドットの間隔 **/
.slick-dots li {
    margin: 0 10px;
    display: inline-block!important;
    width: 1em!important;
}

/** ドットベースカラー **/
.slick-dots li button:before {
    background-color: #f2f2f2;
    opacity: 1;
}

/** ドット hover focus カラー **/
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #bc002d;
}

/** コラム用と編集 **/


h1, #NewsList_List h2 {
	text-align: center;
	font-size: 120%;
}

.SecTopSpace h1,
.SecTopSpace h2 {
	font-size: 140%!important;
}

.SecTopSpace h1 {
	border: #000000 solid;
	border-width: 0 0 2px 0;
	padding: 0 0 10px 0;
}

a.sq_button {
	color: #000000;
	background-color: #ffffff;
	border: #000000 solid;
	border-width: 1px;
	padding: 10px 30px;
	display: inline-block;
	margin: 0 5px;
}

a:hover.sq_button {
	color: #ffffff!important;
	background-color: #000000;
	text-decoration: none;
}

ul.asteriskList {
	padding: 0;
	margin: 0 0 0 1.5em!important;
	list-style: none!important;
	position: relative;
}

ul.asteriskList li span {
	position: absolute;
	left: -1.5em!important;
}

/*プライバシーポリシー*/
#privacy_inline_box {
	height: 300px;
	overflow: auto;
	border: #cccccc solid;
	border-width: 1px;
	padding: 50px 100px;
}

#privacy_inline_box div {
	text-align: left;
	border: 0;
	padding: 0;
}

#privacy_inline_box h1 {
	border: #000000 solid;
	border-width: 0 0 1px 0!important;
	padding: 0 0 10px 0;
}

#privacy_inline_box ol {
	padding: 0 0 0 0;
	list-style: none;
	text-align: left;
}

#privacy_inline_box ol li {
	margin: 0 auto 0 auto;
}

#privacy_inline_box ol li .title {
	font-weight: bold;
	margin: 30px auto 10px auto;
	border: 0;
	padding: 0;
}

#privacy_inline_box ol li ol {
	padding: 10px 0 0 1.5em;
	margin: 0;
	position: relative;
}
#privacy_inline_box ol li ol li {
	margin: 0;
	padding: 0 0 5px 0;
	position: relative;
	list-style: decimal ;
}

#privacy_inline_box ol li ol li span{
	list-style: none;
	position: absolute;
	left: -2.5em;
}

#about ul {
	border: #000000 solid;
	border-width: 2px 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

#about ul li {
	border: #cccccc solid;
	border-width: 0 0 1px 0;
	vertical-align: top;
}

#about ul li div {
	padding: 10px 20px;
	vertical-align: top;
	display: inline-block;
}

#about ul li.end {
	border-width: 0;
}

#about ul li .title {
	width:  14em;
	text-align: center;
}

#about ul li .contents {
	border: #cccccc solid;
	border-width: 0 0 0 1px;
	width:  calc(100% - 14em)!important;
}

.NewsList .NewsDetail .box_photo img.file_icon {
	width: 50px!important;
	margin: 0 auto 10px auto!important;
}

.NewsList .NewsDetail .box_photo img:hover {
    opacity: 0.7;
    transition: 0.2s;
}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1440px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1250px) {
/* ------------------------------------------------------ */

section .contents_box {
	width: 100%;
	padding: 0 50px;
}

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1024px) {
/* ------------------------------------------------------ */

#privacy_inline_box {
	padding: 50px 50px;
}

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
/* スマホ横の調整 */
@media only screen and (max-width : 820px) {
/* ------------------------------------------------------ */

#map_address .addless {
		text-align: center;
	}

#slider_box {
	padding: 0 50px;
}

}

/* ------------------------------------------------------ */
/* Media Query for Lenobo to SmartPhone */
@media only screen and (max-width : 600px) {
/* ------------------------------------------------------ */
.mo_br {display: inline;}

/* 最小コンテンツの高さ */
#height-100 {
	padding: 0 0 350px 0;
}
	
#map_address {
	font-size: 90%;
}

#map_address img {
    margin: 10px auto;
}

#privacy_inline_box {
	padding: 30px 30px;
}

section .contents_box {
	padding: 0 15px!important;
}

#slider_box {
	width: 100%;
	padding: 0 15px;
}

	#i_contact .contents_box {
		    padding: 100px 15px 150px 15px!important;
		
	}
	.slide_box .main_photoBox {
		height: 200px;
	}
	.slide_box .main_photo {
		height: 200px;
	}

	#about ul li div,
	#about ul li .contents {
		display: block;
		width: 100%!important;
		text-align: center;
		border-width: 0;padding: 5px 10px;
	}
	
	#about ul li {
		border-width: 0;
	}
	
	#about ul li .title {
		background-color: #efefef;
	}
	
}

/* ------------------------------------------------------ */
/* Media Query for FAX iPhoneSE */
@media only screen and (max-width : 380px) {
/* ------------------------------------------------------ */

}