@charset "utf-8";

/* -----------------------
// デフォルトのフォントファミリー
// -----------------------*/
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}

/* -----------------------
// WindowsXP以下用のフォントファミリー
// -----------------------*/
html:not(.not-lte-windowsXP):not(.ie) *,
html.ie.not-meiryo * {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	line-height: 1.5;
}

/* -----------------------
// 共通
// -----------------------*/
html {
	font-size: 62.5%;
	scrollbar-track-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #bbb;
	scrollbar-shadow-color: #bbb;
	scrollbar-highlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-3dlight-color: #bbb;
	overflow-x: hidden;
	overflow-y: auto;
   scroll-behavior: smooth;
}

html,body {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
}

p,span,button,input {
    font-size: 1.4rem;
}
@media (max-width: 767px) { 
    p,span,button,input {
        font-size: 1.6rem;
    }
}

/* -----------------------
// フッター最下部にするために必要なもの
// -----------------------*/
#wrapper {
	width: 100%;
	position: relative;
	min-height: 100%;
	overflow: hidden;
}

#contents {
	height: 100%;
}


@media(min-width:768px){
    .d-sp {
        display: none;
    }
}
@media (max-width: 767px) {
    .d-pc {
        display: none;
    }
}

/* -----------------------
// ヘッダー（共通）
// -----------------------*/
header {
    width:100%;
    height: 68px;
    padding-bottom: 10px;
}

#headerTop {
	height: 68px;
}

#logo {
	float: left;
}

#companyName {
	margin: 0;
	padding: 8px 8px 0 60px;
}

#companyName1,
#companyName2 {
	font-size: 3.0rem;
	font-weight: bold;
	line-height: 60px;
}

#companyName1 {
	//color: #FFF;
}

#companyName2 {
	color: #696969;
}

@media(max-width:480px){
	#companyName {
		padding-left: 20px;
	}
	#companyName1,
	#companyName2 {
		font-size: 2.5rem;
		font-weight: bold;
	}
}


/* -----------------------
// グローバルナビゲーション（共通）
// -----------------------*/
nav {
	margin-right:10px;
	float:right;
}

nav:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

@media(min-width:901px){
	nav ul li,
	nav ul li a {
		display: inline-block;
		width: 100px;
		line-height: 60px;
		text-align: center;
		font-size: 1.4rem;
		color: #333333;
	}
	
	nav .current,
	nav li:hover,
	nav a:hover {
		background: #000;
		color: #FFF;
	}

	#mobile-menu {
		display: none;
	}
}

@media(max-width:900px){
	#pc-menu {
		display: none;
	}
	.dl-menuwrapper {
		z-index: 50;
	}
	.dl-menuwrapper button {
		//background-color: #e86814;
		margin-top:20px;
	}
	.dl-menuwrapper button:hover,
	.dl-menuwrapper button.dl-active,
	.dl-menuwrapper ul {
		//background: #D35400;
	}
	.dl-menuwrapper ul {
		position: relative;
		top: 68px;
		left: -90px
	}
	.dl-menuwrapper ul,
	.dl-menuwrapper li,
	.dl-menuwrapper ul a {
		width: 150px;
		text-align: left;
		font-size: 1.4rem;
		background-color: #000;		
		/*
		opacity:0.6;
		filter:alpha(opacity=60);
		-ms-filter: "alpha( opacity=60 )";
		*/
	}
	.dl-menuwrapper li {
		border-bottom: 1px solid #FFF;
	}
	.dl-menuwrapper li:last-child {
		border-bottom: none;
	}
}

#fv ul {
    margin: 0;
}
#fv img {
    vertical-align: bottom;
}


.slider {
    padding: 0;   
}
.slider img {
    width: 100%;
}


/* -----------------------
// ヘッダー背景画像（index.html以外）（共通）
// -----------------------*/
#headerContents,
#headerContentsMain {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#headerContents {
	width: 100%;
	/*background-attachment: fixed;	*/
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#headerContentsMain {
	width: 100%;
	z-index: 30;
	position: absolute;  
	top: 200px;
	//margin: 0 auto;
	text-align: center;
}

#headerContentsMain h1,
#headerContentsMain p {
	color: #FFF;
	line-height: 180%;
	word-wrap: break-word;
}

#headerContentsMain h1 {
	font-size: 2.8rem;
	font-weight: bold;
}

#headerContentsMain p {
	font-size: 2.4rem;
}

#headerBtnArea {
	margin: 20px auto;
}

#btnHeaderInquiry {
	font-size:1.6rem;
	background-color: transparent;
	border: 2px solid #FFF;
	color: #FFF;
	padding: 5px 20px;
	border-radius: 2px;
}

#btnHeaderInquiry:hover {
	background-color: rgba(255, 255, 255, .2);
}

@media(max-width:1000px){
	#headerContentsMain {
		top: 100px;
	}
}
@media(max-width:768px){
	#headerContents {
		/*height: 400px;*/
	}	
	#headerContentsMain {
		top: 100px;
	}
	#headerContentsMain h1 {
		font-size: 2.4rem;
		font-weight: bold;
	}
	
	#headerContentsMain p {
		font-size: 1.8rem;
	}
	
	#btnHeaderInquiry {
		font-size:1.4rem;
		padding: 3px 15px;
	}
}
@media(max-width:650px){
	#headerContentsMain {
		top: 80px;
	}
}
@media(max-width:480px){
	#headerContents {
		-webkit-background-size: cover;
    	background-size: cover;
		height: 300px;
	}
	#headerContentsMain {
		top: 80px;
	}
	#headerContentsMain h1 {
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	#headerContentsMain p {
		font-size: 1.4rem;
	}
	
	#btnHeaderInquiry {
		font-size:1.4rem;
		padding: 3px 15px;
	}
}

.contentsTitle {
	font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	letter-spacing: .5rem;
	font-size: 2.8rem;
	margin-bottom: 7px;
}

.contentsSubTitle {
	font-size: 1.6rem;
}

@media(max-width:480px){
	.contentsTitle {
		letter-spacing: .4rem;
		font-size: 2.4rem;
		margin-bottom: 7px;
	}
}

/* -----------------------
// フッター（共通）
// -----------------------*/
footer {
	width: 100%;
	padding: 10px 10px;
	text-align: center;
	border-top: 1px solid #FFF;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

footer p,
footer p a,
footer ul li,
footer ul li a {
	font-size: 1.4rem;
	color: #fff;
	line-height: 160%;
	text-align: center;
}

#linkAbout,
#linkPrivacyPolicy {
	text-decoration: underline;
}

#copyright {
	padding-top: 5px;
}

footer ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

@media(min-width:481px){
	footer ul li,
	footer ul li a {
		display: inline-block;
		text-align: center;
		padding: 0 5px;
	}
}

/* -----------------------

// コントロールのデフォルト設定
// -----------------------*/
input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
}

a:link {
 	//color: #3e70a3; 
	text-decoration: none;
}
a:visited {
	//color: #3e70a3; 
	text-decoration: none;
}
a:hover {
	//color: #41aee1; 
	text-decoration: none;
}
a:active {
	//color: #41aee1; 
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6,p,a,span {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	line-height: 100%;
    color: #333333;
    word-wrap: break-word;
}

/* -----------------------
// リードモアボタン
// -----------------------*/
.btnReadMore {
	width: 120px;
	height: 30px;
	padding: 0;
	font-size:1.4rem;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #333;
	color: #333;
}

/* -----------------------
// マウスオーバーで透明化
// -----------------------*/
.hvrTrans:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	cursor: pointer;
}

.cursorDefault {
	cursor: default;
}

/* -----------------------
// 位置定義
// -----------------------*/
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

/* -----------------------
// フォント関係
// -----------------------*/
.bgDarkgray {
	background-color: #a9a9a9;
}

.bgLightGray {
	background-color: #f5f5f5;
}

.ftWhite {
	color: #fff;
}

.ftGray {
	color: #808080;
}

.ft40 {
	font-size:4.0rem;
}

.ft40b {
	font-size:4.0rem;
	font-weight: bold;
}

.ft36 {
	font-size:3.6rem;
}

.ft36b {
	font-size:3.6rem;
	font-weight: bold;
}

.ft32 {
	font-size:3.2rem;
}

.ft32b {
	font-size:3.2rem;
	font-weight: bold;
}

.ft28 {
	font-size:2.8rem;
}

.ft28b {
	font-size:2.8rem;
	font-weight: bold;
}

.ft24 {
	font-size:2.4rem;
}

.ft24b {
	font-size:2.4rem;
	font-weight: bold;
}

.ft20 {
	font-size:2.0rem;
}

.ft20b {
	font-size:2.0rem;
	font-weight: bold;
}

.ft18 {
	font-size:1.8rem;
}

.ft18b {
	font-size:1.8rem;
	font-weight: bold;
}

.ft16 {
	font-size:1.6rem;
}

.ft16b {
	font-size:1.6rem;
	font-weight: bold;
}

.ft14 {
	font-size:1.4rem;
}

.ft14b {
	font-size:1.4rem;
	font-weight: bold;
}

.ft12 {
	font-size:1.2rem;
}

.ft12b {
	font-size:1.2rem;
	font-weight: bold;
}

.ft10 {
	font-size:1.0rem;
}

.ft10b {
	font-size:1.0rem;
	font-weight: bold;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

/* -----------------------
// クリアフィックス
// -----------------------*/
.cf:after{
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

/* -----------------------
// レシポンシブルデザイン用
// -----------------------*/
@media(min-width:481px){
	.pcDisplayNone {
		display: none;
	}
}
@media(max-width:480px){
	.mobileDisplayNone {
		display: none;
	}
}


/* ---------------slick.js--------------- */
.slick-list {
    width: 100%;
}
.dots {
    margin-top: 10px;
}
.dots .slick-dots {
  text-align: center;
  padding: 0;
}
.dots .slick-dots li {
  display: inline-block;
}
.dots .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: #bcbcbc;
  border-radius: 50%;
}
.dots .slick-dots .slick-active button {
  background: #0a467d;
}