@charset "UTF-8";
/* CSS Document */
*{
	box-sizing: border-box;
	margin:0;
	padding:0;
}

a{
	text-decoration: none;
}

ul,li{
	text-decoration: none;
	list-style: none;
	font-size:0;
}
img{
	 display: block;
}


.clear{
	clear: both;
}

.clearfix::after{
    content:"";
    clear:both;
    overflow:hidden;
}

.contents{
	width:100%;
	height: auto;
}
.bold{
	font-weight: 600;
}

/*============================================
header
============================================*/
#pc_header{
    width:1200px;  
	/*width:100%;*/
	height:100px;
	margin:0 auto;
	position:fixed;
	top:20px;
	z-index: 10;
    left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform : translateX(-50%);
    transform : translateX(-50%);;
	background-color: #fff;
}

.h1{
	display: none;
	width:100% ;
	height:20px;
	background-color: #000;
	/*position: fixed;
    z-index: 100;*/
}
h1{
	display: none;
	height:20px;
	width:1200px;
	font-size:8px;
	font-weight:normal;
	color:#fff;
	text-align:right;
	line-height: 20px;
	margin:a auto;
}


/*


.main_logo{
	width:200px;
	height:100px;
	background-color: #0CE4BF;
	text-align: center;
	line-height: 5px;
	padding-top: 5px;
	display: block;
}
.main_logo p{
	color:#fff;
}

.logo{
	font-size:25px;
	font-weight:bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.nav{
	width:1200px;
	margin: 0 auto;
	
}

#dropmenu{
  list-style-type: none;
  width: 1200px;
  height: 100px;
  margin: 0 auto ;
  padding: 0;
  background: #fff;
  float:left;
  top:0;
}*/

.g-menu{
	height: 100px !important;
}

#dropmenu li{
  position: relative;
  height:100px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 100px;
	
}
#dropmenu li a{
  display: block;
  margin: 0;
  /*padding: 15px 0 11px;*/
  color: #3D3D3D;
  font-size: 14px;
}
#dropmenu li:hover > a{
  background-color: #3D3D3D;;
  color: #fff;
}
#dropmenu > li:hover > a{
  /*border-radius: 3px 3px 0 0;*/
 background-color: #727272;
  color: #fff;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  
  /*border-radius: 0 0 3px 3px;*/
}
/*#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}*/

#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background-color: #3D3D3D;;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid  #727272;
  border-bottom: 1px solid #727272;
}
/*#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}*/


#dropmenu{
  list-style-type: none;
  width: 1200px;
  height: 100px;
/*  margin: 30px auto 300px;*/
  padding: 0;
  background: #fff;
/*  border-bottom: 5px solid #535d09;
  border-radius: 3px 3px 0 0;*/
}
#dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 50px 0 11px;
  color: #3D3D3D;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #3D3D3D;
  color: #fff;
  padding: 50px 0 11px;	
}


/*ul.ddmenu ul li a:hover {
    background-color: #303030;
    color: #999999;
}*/

#dropmenu > li:hover > a{
/*  border-radius: 3px 3px 0 0;*/
  height:100px;
	 color: #fff;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
/*  border-radius: 0 0 3px 3px;*/
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 210%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #eee;
  color:#fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #3D3D3D;
  border-bottom: 1px solid #3D3D3D;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}



/*===================================================

Template/Start

===================================================*/


/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 0px; /* メニューバー内側の余白(左に15px) */
   background-color: #fff; /* バーの背景色(濃い赤色) ※変更*/
	height:100px;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
  /* width: 125px;  */         /* メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
   top:-4px;
}
ul.ddmenu a {
   background-color: #fff; /* メニュー項目の背景色(濃い赤色) ※変更*/
   color: #434343;              /* メニュー項目の文字色(白色)※変更 */
   line-height: 100px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
   font-size:14px;
}
ul.ddmenu a:hover {
   background-color: #3C3C3C; /* メニュー項目にマウスが載ったときの背景色(淡いピンク)※変更 */
   color: #fff;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色)※変更 */
}

/* ▼サブメニューは、とりあえず非表示にしておく */
ul.ddmenu ul {
   display: none;         /* ★5:非表示にする */
}


/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {   /* ※A */
   width: 200%;               /* サブメニュー1項目の横幅(135px) ※変更*/
	border-bottom: 1px solid #3C3C3C; /* 項目上側の枠線(ピンク色で1pxの実線)※変更 */
}
ul.ddmenu ul li a {   /* ※B */
   line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
   text-align: left;    /* 文字列の配置(左寄せ) */
   padding-left: 5px;   /* 文字列前方の余白(5px) */
   font-weight: normal; /* 太字にはしない */
　 font-size: 14px;
　 background-color: #727272 !important;
}

ul.ddmenu ul li a:hover {   /* ※C */
   background-color: #3C3C3C; /* サブメニュー項目にマウスが載ったときの背景色*/
   color: #fff;             /* サブメニュー項目にマウスが載ったときの文字色*/
}

.logo{
	font-size:25px;
	font-weight:bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

/*.main_logo{
	width:200px;
	height:100px;
	background-color: #0CE4BF;
	text-align: center;
	line-height: 5px;
	padding-top: 5px;
	display: block;
}*/


/*===================================================

Template/End

===================================================*/





/*=========================================
=========================================
*/

/*.top-img{
	width:100%;
	height:500px;
	background-image: url(../imgs/top/top_bg.png);
	background-size: cover;
	background-attachment: fixed;
	margin:0 auto;
	position:relative;
	top:120px;
	z-index: 1;
}*/
.top-area{
	width:1200px;
	height:500px;
	margin: 0 auto;
		
}
.top-text{
	width:400px;
	height:500px;
	background-color:rgba(255, 255, 255, 0.8);
	/*margin-left:10%;*/
}

h2{
	padding-top: 69px;
	text-align: center;
	margin:0;
}

.top-text p{
	padding:5%;
	font-size: 16px;
}

/*=========================================
=========================================
*/

footer{
	height: 80px;
	width: 100%;
	background-image: url(../imgs/common/footer_bg.jpg);
	background-repeat: repeat-x;
	color: #fff;
	text-align: center;
	/*text-shadow: 1px 1px 1px #999999;*/
	position:relative;
	top:80px;
	/*margin-top: 60px;*/
}
.layer{
	height: 80px;
	width: 100%;
	background-color: rgba(67,66,66,0.4)
		
}
footer li {
    float: left;
    width: 32.5%;
    height: 60px;
    border-right: 2px solid #FFF;
    line-height: 60px;
    margin-top: 10px;
	font-size:16px;
	
}

.footer{
	width: 1200px;
	height:80px;
	text-align: center;
	margin: 0 auto;
	
}
.footer a{
	color:#fff;
	font-weight:600;
}

.footer a :hover{
	color:#37F3C6;
}
.fa-angle-right{
	padding-right:10px;
}

footer p{
	background-color: #000;
/*	margin-top: 30px;*/
}
@media ( min-width : 768px ) {
	header{
		display: none;
	}
	}
@media ( max-width : 768px ) {
	#pc_header{
		display: none;	
	}
		.footer{
	width: 100%;
	}
}
@media ( max-width : 414px ) {
#contents_wrap {
    margin-bottom: 10%;
}
footer {
    height: 44px;
	/*top: 240px;*/
	}
.footer{
	width: 100%;
	height:40px;
}
footer li {
    width: 38.5%;
    height: 28px;
    border-right: 1px solid #FFF;
    line-height: 1.5em;
    /* margin-top: 10px; */
    margin: 2% 0;
    font-size: 0.7em;
}
	.layer {
    height: 44px;
	}
	.about_us{
		padding-top: 2%;
	}
	.blog{
		padding-top: 2%;
		width:20.5%;
	}
}