@charset "utf-8";

/* --------------------------------
	Common style
-------------------------------- */

html {
    font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」 */
}
body {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: helvetica Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
    line-height: 1.4;
	width:100%;
	max-width:1180px;
	height:auto;
	margin:0 auto;
	
}
a:focus,
a:active { color: inherit;text-decoration: none; outline: none;}
textarea { /* for chrome fontsize bug */
    font-family: sans-serif;
}
ul, ol {
    list-style: none;
    margin: 0; padding: 0;
}
dl, dt, dd, li{
    margin: 0; padding: 0;
}
img {
    max-width: 100%;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 600px) {
.sm-img {
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 140px;/* トリミングしたい枠の高さ */
    position: relative;
}
}
/*-------------------------------------------------*/

/*.gfont { font-family:"Sawarabi Mincho", serif; }*/
.gfont { font-family: 'Noto Serif JP', serif; }

.container {
  width: 93%;
  margin:0 auto;
}

.container h1 {
	font-size:1.5em;
	padding:1em 0;
}

@media screen and (max-width: 600px) {
.container h1 {
	font-size:1em;
	padding:0.7em 0;
	text-align:center;
}	
}

slide-left,
slide-right,
slide-top,
.slide-bottom {
	z-index:500;
	}




/*　会社概要　*/
.gaiyo-wrap {
	width: 93%;
	margin:0 auto;
}

.gaiyo-wrap img {
	position:relative;
	width:64%;
	z-index:50;
	}

.gaiyo-wrap .wh-box {
	position:relative;
	background-color:rgba(255,255,255,0.98);
	width:64%;
	margin:-30% 0 5em 36%;
	padding:0 0 20px 0;
	z-index:100;
	border-top:#F7F7F7 solid 1px;
	box-shadow: 0px 20px 20px 2px rgba(0,0,0,0.05);
	}

.gaiyo-wrap .wh-box h3 {
	padding:0 4.4%;
	font-size:2em;
	}
	
.gaiyo-wrap .wh-box dl {
	margin:0 4.4% 1em;
	padding:0 0 0.5em;
	border-bottom:#CCCCCC dotted 1px;
	}
	
.gaiyo-wrap .wh-box dl dt {
	width:22%;
	font-size:0.9em;
	float:left;
	}
	
.gaiyo-wrap .wh-box dl dd {
	width:78%;
	font-size:0.9em;
	float:left;
	}

@media screen and (max-width: 600px) {
.gaiyo-wrap {
	width: 100%;
}

.gaiyo-wrap img {
	width:100%;
	}
	
.gaiyo-wrap .wh-box {
	width:100%;
	margin:0;
	z-index:100;
	}
	
.gaiyo-wrap .wh-box {
	background-color:#FFFFFF;
	width:100%;
	height:auto;
	}
	
.gaiyo-wrap .wh-box {
	background-color:#FFFFFF;
	width:100%;
	margin:0;
	border-top:none;
	box-shadow:none;
	}

.gaiyo-wrap .wh-box h3 {
	padding:0 4.4%;
	font-size:1.3em;
	text-align:center;
	}
	
.gaiyo-wrap .wh-box dl dt {
	width:100%;
	float:none;
	}
	
.gaiyo-wrap .wh-box dl dd {
	width:100%;
	float:none;
	}
}



/*　沿革　*/
.en-wrap {
	width: 93%;
	margin:0 auto;
	text-align:right;
}

.en-wrap img {
	position:relative;
	width:64%;
	z-index:50;
	}

.en-wrap .wh-box {
	position:relative;
	background-color:rgba(255,255,255,0.98);
	width:64%;
	margin:-30% 36% 5em 0;
	padding:0 0 20px 0;
	z-index:100;
	border-top:#F7F7F7 solid 1px;
	box-shadow: 0px 20px 20px 2px rgba(0,0,0,0.05);
	text-align:left;
	}

.en-wrap .wh-box h3 {
	padding:0 4.4%;
	font-size:2em;
	}
	
.en-wrap .wh-box dl {
	margin:0 4.4% 1em;
	padding:0 0 0.5em;
	border-bottom:#CCCCCC dotted 1px;
	}
	
.en-wrap .wh-box dl dt {
	width:22%;
	font-size:0.9em;
	float:left;
	}
	
.en-wrap .wh-box dl dd {
	width:78%;
	font-size:0.9em;
	float:left;
	}

@media screen and (max-width: 600px) {
.en-wrap {
	width: 100%;
}

.en-wrap img {
	width:100%;
	}
	
.en-wrap .wh-box {
	width:100%;
	margin:0;
	z-index:100;
	}
	
.en-wrap .wh-box {
	background-color:#FFFFFF;
	width:100%;
	height:auto;
	}
	
.en-wrap .wh-box {
	background-color:#FFFFFF;
	width:100%;
	margin:0;
	border-top:none;
	box-shadow:none;
	}

.en-wrap .wh-box h3 {
	padding:0 4.4%;
	font-size:1.3em;
	text-align:center;
	}
	
.en-wrap .wh-box dl dt {
	width:100%;
	float:none;
	}
	
.en-wrap .wh-box dl dd {
	width:100%;
	float:none;
	}
}



/*　事業内容　*/
.jigyo-wrap {
	width: 93%;
	margin:0 auto;
}

.jigyo-wrap img#jigyo-bg {
	position:relative;
	width:64%;
	z-index:1;
	}

.jigyo-wrap .wh-box {
	position:relative;
	background-color:rgba(255,255,255,0.98);
	width:64%;
	margin:-30% 0 5em 36%;
	padding:0 0 20px 0;
	z-index:100;
	border-top:#F7F7F7 solid 1px;
	box-shadow: 0px 20px 20px 2px rgba(0,0,0,0.05);
	}

.jigyo-wrap .wh-box h3 {
	padding:0 4.4%;
	font-size:2em;
	}
	
.jigyo-wrap .wh-box dl {
	margin:0 4.4% 1em;
	padding:0 0 0.5em;
	border-bottom:#CCCCCC dotted 1px;
	}
	
.jigyo-wrap .wh-box dl dt {
	/*width:34%;*/
	font-size:0.9em;
	/*float:left;*/
	margin: 0 0 1em 0;
	padding: 0.3em 0.5em;
	background-color:#EDEDED;
	}
	
.jigyo-wrap .wh-box dl dd {
	/*width:66%;*/
	font-size:0.9em;
	/*float:right;*/
	margin:0 0 2em 0;
	padding: 0 0 0 0.5em;
	}

@media screen and (max-width: 600px) {
.jigyo-wrap {
	width: 100%;
}

.jigyo-wrap img#jigyo-bg {
	width:100%;
	}
	
.jigyo-wrap .wh-box {
	width:100%;
	margin:0;
	z-index:100;
	}
	
.jigyo-wrap .wh-box {
	background-color:#FFFFFF;
	width:100%;
	height:auto;
	}
	
.jigyo-wrap .wh-box {
	background-color:#FFFFFF;
	width:100%;
	margin:0;
	border-top:none;
	box-shadow:none;
	}
	
.jigyo-wrap .wh-box h3 {
	padding:0 4.4%;
	font-size:1.3em;
	text-align:center;
	}
		
.jigyo-wrap .wh-box dl dt {
	width:100%;
	float:none;
	margin:0.5em;
	font-size:1.1em;
	}
	
.jigyo-wrap .wh-box dl dd {
	width:100%;
	float:none;
	}
}



/*　プライバシーポリシー　*/
.pp-wrap {
	width: 93%;
	margin:0 auto;
}

.pp-wrap .wh-box {
	background-color:#FFFFFF;
	width:100%;
	margin:0 0 1em 0;
	padding:0 0 20px 0;
	border-top:#F7F7F7 solid 1px;
	box-shadow: 0px 20px 20px 2px rgba(0,0,0,0.05);
	}
	
.text-wrap {
	width:90%;
	margin:0 auto;
	font-size:0.9em;
	}
	
.pp-wrap .wh-box h3 {
	padding:0 4.4%;
	font-size:2em;
	text-align:center;
	}
	
.pp-01 {
	border-bottom:#CCCCCC dotted 1px;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	}
	
.pp-02 {
	border-top:#CCCCCC dotted 1px;
	padding:2em 0 0 0;
	}
	
.pp-wrap .wh-box dl {
	margin:0 0 2em 0;
	}
	
.pp-wrap .wh-box dl dt {
	width:100%;
	}
	
.pp-wrap .wh-box dl dt h4 {
	margin:0 0 1em 0;
	}
		
.pp-wrap .wh-box dl dd {
	width:100%;
	}
	
.pp-wrap .wh-box dl dd p.sttl {
	margin:0 0 0.5em 0;
	}
	
.pp-wrap .wh-box dl dd p.pp-txt {
	margin:0 0 1.5em 0;
	padding:0 0 0 2.4em;
	}

@media screen and (max-width: 600px) {
.pp-wrap {
	width: 93%;
	margin:0 auto;
}
	
.pp-wrap .wh-box {
	background-color:#FFFFFF;
	width:100%;
	margin:0 0 1em 0;
	padding:0 0 20px 0;
	border-top:#F7F7F7 solid 1px;
	box-shadow: 0px 20px 20px 2px rgba(0,0,0,0.05);
	}
	
.text-wrap {
	width:94%;
	margin:0 auto;
	font-size:0.9em;
	}

.pp-wrap .wh-box h3 {
	padding:0 3%;
	font-size:1.3em;
	text-align:center;
	}
	
.pp-01 {
	border-bottom:none;
	margin:0;
	}

.pp-wrap .wh-box dl dt {
	width:100%;
	float:none;
	}
	
.pp-wrap .wh-box dl dt h4 {
	background-color:#F0F0F0;
	margin:0 0 1em 0;
	padding:0.5em 0.5em 0 0.5em;
	}
	
.pp-wrap .wh-box dl dd {
	width:100%;
	float:none;
	}
}



/* Copyrights */

#copyrights {
  padding: 20px 0;
  text-align: center;
}

#copyrights p {
	font-size:0.8em;
	margin-bottom: 5px;
}

@media screen and (max-width: 600px) {
#copyrights p {
	font-size:0.7em;
	margin-bottom: 5px;
}	
}