@charset "UTF-8";
/*
* "Noto Sans CJK JP" licensed under the SIL Open Font License
* https://www.google.com/get/noto/#/（配布元のURL）
*/
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../font/notosans-thin.eot'); /* IE9 Compat Modes */
    src: url('../font/notosans-thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/notosans-thin.woff') format('woff'), /* Modern Browsers */
    url('../font/notosans-thin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../font/notosans-light.eot');
    src: url('../font/notosans-light.eot?#iefix') format('embedded-opentype'),
    url('../font/notosans-light.woff') format('woff'),
    url('../font/notosans-light.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/notosans-demilight.eot');
    src: url('../font/notosans-demilight.eot?#iefix') format('embedded-opentype'),
    url('../font/notosans-demilight.woff') format('woff'),
    url('../font/notosans-demilight.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/notosans-regular.eot');
    src: url('../font/notosans-regular.eot?#iefix') format('embedded-opentype'),
    url('../font/notosans-regular.woff') format('woff'),
    url('../font/notosans-regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../font/notosans-medium.eot');
    src: url('../font/notosans-medium.eot?#iefix') format('embedded-opentype'),
    url('../font/notosans-medium.woff') format('woff'),
    url('../font/notosans-medium.ttf')  format('truetype');
}
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
}
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}

h1, h2, h3, h4, h5{
	letter-spacing: 4px;
	margin: 0;
	padding: 0;
}
.clearfix:after { /*float解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.ovh{overflow: hidden;}

/* ボディー
---------------------------------------------------- */
body {
	width: 100%;
/*	height: 100%;
*/	font-size: 14px;font-size: 1.4rem;
	letter-spacing: 1px;
	font-weight: 300;
	margin: 0 ;
	padding: 0;
	color: #282828;
	font-family: 'Noto Sans Japanese', sans-serif, 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体';
}


#wrapper  {
overflow: hidden;
padding: 0;
margin: 0;
width: 100%;
}

#a ,#b ,#c ,#d ,#e{
}

/* リンク
---------------------------------------------------- */
a.hover_img {
	background-color:#fff; /*背景に白を設定*/
	display:block; /*ブロック化重要！*/
}
a.hover_img img{
	transition: 0.4s;
	color: #FFF;
	border: none;
}
a:hover.hover_img img{
	-moz-opacity: 0.7;
	opacity: 0.7;}

a:link { color: #282828;text-decoration: none; }
a:visited { color: #282828;text-decoration: none; }
a:hover { color: #AC006D; text-decoration: none;}
a:active { color: #AC006D;}
/*hover div*/
a.hover_div {
	background-color:#fff; /*背景に白を設定*/
	display:block; /*ブロック化重要！*/
}
a.hover_div div{
	border: none;
}
a:hover.hover_div div{
	-moz-opacity: 0.6;
	opacity: 0.6;
}

::selection {background: #AC006D; color: #fff;}
::-moz-selection {background: #AC006D; color: #fff;}
/*chromeフォーム*/
input::selection,
textarea::selection {
  color: #000;
}

.cursor_defalt{cursor: default;}

/* 画像
---------------------------------------------------- */
img {
	height: auto;
	line-height: 0;
}
/* メインナビ
---------------------------------------------------- */
header{
/*	border-top: 3px solid ;#AC006D ;*/
	position: fixed;
	background: #FFF;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.logo{
	padding-top: 20px;
	padding-bottom: 30px;
	border-top: 3px solid #AC006D;
}
.logo_sp{
	float: left;
	margin: 10px 0;
}
.logo_line{
	border-top:3px solid #ac006d;
	width: 945px;
	position: absolute;
	float: left;
	margin-left: -700px;
}
#pc_menu{
	float: right;
	background: #FFF;
	font-weight: 300;
}
#about{
	border-right: 1px solid #BBB2AD;
	width:23%;
	float: left;
}
#service{
	border-right: 1px solid #BBB2AD;
	width:23%;
	float: left;
	height: 40px;
}
#news{
	border-right: 1px solid #BBB2AD;
	width:18%;
	float: left;
}
#seminer{
	border-right: 1px solid #BBB2AD;
	width:18%;
	float: left;
}
#company{
	width:18%;
	float: left;
}
.icon-mail{font-size: 26px;font-size: 2.6rem;}
.icon-edit{font-size: 22px;font-size: 2.2rem;}
.icon-down-dir{line-height: 25px;}


.inquiry{
	font-size: 11px;font-size: 1.1rem;
	font-weight: 500;
	float: right;
	text-align: center;
	line-height: 20px;
	width: 80px;
	height: 60px;
	margin: 5px 0 0 10px;
	padding-top: 5px;
	background: #0E163F;
	border: 1px solid #0E163F;
	letter-spacing: 0;
}
.application{
	font-size: 11px;font-size: 1.1rem;
	font-weight: 500;
	float: right;
	text-align: center;
	line-height: 20px;
	width: 80px;
	height: 60px;
	margin: 5px 0 0 5px;
	padding-top: 8px;
	background: #AC006D;
	border: 1px solid #AC006D;
}

.btn_field01 a:link { color: #fff;  transition: .6s; }
.btn_field01 a:visited { color: #fff; }
.btn_field01 a:hover { color: #fff;}
.btn_field01 a:active { color: #fff;}


/*ドロップメニュー*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 500px;
  margin: 15px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #282828;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  font-size: 13px;font-size: 1.3rem;
  font-weight: 500;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin-top: 25px;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
  background: #FFF;
}
.dropmenu li ul li a{
  padding: 15px 15px;
  border-bottom: 1px solid #282828;
  text-align: left;
  font-size: 11px;font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 20px;
  /* box-shadow */
/* box-shadow */
box-shadow:rgba(70, 70, 70, 0.0980392)  0px 6px 1px -1px;
-webkit-box-shadow:rgba(70, 70, 70, 0.0980392)  0px 6px 1px -1px;
-moz-box-shadow:rgba(70, 70, 70, 0.0980392)  0px 6px 1px -1px;
}
.dropmenu li:hover > a{
  background: #fff;
}
.dropmenu li a:hover{
  background: #fff;
}

/*フェードイン*/
.dropmenu li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0.9s;
}
.dropmenu li:hover ul{
  visibility: visible;
  opacity: 1;
}
.dropmenu li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
.dropmenu li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

.dropmenu li a:link { color: #282828;}
.dropmenu li a:visited { color: #282828; }
.dropmenu li a:hover { color: #AC006D;}
.dropmenu li a:active { color: #AC006D;}

.dropmenu a:link { color: #282828;}
.dropmenu a:visited { color: #282828; }
.dropmenu a:hover { color: #AC006D;}
.dropmenu a:active { color: #AC006D;}

/* モバイルメニュー
---------------------------------------------------- */

.icon-list{
	font-size: 30px;font-size: 3rem;
	color: #ac006d;
	z-index: 1000;
	position: fixed;
	right: 25px;
	top: 20px;
}
.menu-btn{
	font-size: 11px;font-size: 1.1rem;
	color: #AC006D;
	font-weight: 500;
	letter-spacing: 0;
	padding: 0;
	float: right;
	margin: 38px 4px 0 0;
	text-align: left;
	position: fixed;
	right: 26px;
	top: 15px;
}
.cancel_btn{
	font-size: 25px;font-size: 2.5rem;
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 20px;
}
.close{
	font-size: 11px;font-size: 1.1rem;
	position: absolute;
	left: 0;
	top: 33px;
	color: #ac006d;
	margin-left: 20px;
}
#mobile_menu{
	margin-top: 10px;
}
#m_tilte{
	text-align: center;
	padding: 20px;
	margin-top: 10px;
}
#st_mmenu_3 li{
	padding: 5px 0;
}

/* パンくず
---------------------------------------------------- */
#pankuzu{
	height: 34px;
	background: #AC006D;
	border-bottom: 1px solid #e6e1d5;
}
#pankuzu ul{
	float: right;
	list-style-type: none;
}
#pankuzu ul li{
	display: inline-block;
	font-size: 12px;font-size: 1.2rem;
	color: #FFF;
	font-weight: 300;
	padding-top: 8px;
}
#pankuzu a:link { color: #fff;  transition: .6s; text-decoration: underline;}
#pankuzu a:visited { color: #fff; }
#pankuzu a:hover { color: #fff;text-decoration: none;}
#pankuzu a:active { color: #fff;}

/* ライン
---------------------------------------------------- */




/* map
---------------------------------------------------- */
.inquiry_btn{
	font-size: 20px;font-size: 2rem;
	font-weight: 400;
	text-align: center;
	margin: 0 auto 50px;
	color: #fff;
	width: 350px;
	padding: 12px 0 17px;
	background: #0E163F;
}
.inquiry_btn_sp{
	font-size: 13px;font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0;
	text-align: center;
	margin: 10px auto 50px;
	color: #fff;
	width: 50%;
	padding: 12px 0 17px;
	background: #0E163F;
}
.item02{
	font-size: 20px;font-size: 2rem;
	margin-right: 5px;
	padding-bottom: -30px;
}

#map_field a:link { color: #fff;  transition: .6s; }
#map_field a:visited { color: #fff; }
#map_field a:hover { color: #fff;}
#map_field a:active { color: #fff;}
#map_field{
	background: #fbf9f3;
	padding: 50px 0 120px;
}
#map_canvas{
	width: 100%;
	height: 320px;
	margin-bottom: 30px;
}

.map_title{
	font-size: 13px;font-size: 1.3rem;
	text-align: center;
	font-weight: 500;
	padding-top: 50px!important;
}
.adress{
	font-size: 12px;font-size: 1.2rem;
	text-align: center;
	margin-top: 10px;
}


#form_navi_field{
	background: url(../img/bg_form_navi.jpg) no-repeat;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	background-attachment: fixed;
	padding: 50px 0 ;
}
#form_navi_field a:link { color: #fff;  transition: .6s; }
#form_navi_field a:visited { color: #fff; }
#form_navi_field a:hover { color: #fff;}
#form_navi_field a:active { color: #fff;}

.form_title03{
	font-size: 30px;font-size: 3rem;
	font-weight: 200;
	border-bottom: 1px solid #fff;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	max-width: 320px;
	margin: 0 auto;
}
.from_subtxt{
	color: #FFF;
	padding: 5px 0 30px;
	text-align: center;
}
/*オビ

---------------------------------------------------- */
.inner_obi{
	height: 49px;
	background: #0E163F;
	text-align: right;
	color: #FFF;
	margin-top: -10px;
}
.item01{
	font-size: 18px;font-size: 1.8rem;
	margin-left: 10px;
}
.top_btn{
	font-size: 10px;font-size: 1rem;
	font-weight: 500;
	text-align: center;
	float: right;
	color: #fff;
	width: 123px;
	height: 49px;
	padding: 8px 0 13px;
	background: #AC006D;
	border: 1px solid #AC006D;
}

.inner_obi a:link { color: #fff;  transition: .6s;font-weight: 500!important; }
.inner_obi a:visited { color: #fff; }
.inner_obi a:hover { color: #fff;}
.inner_obi a:active { color: #fff;}

/* フッタ
---------------------------------------------------- */
footer {padding: 20px 0 120px;}

#f_menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
#f_menu02 {
	list-style: none;
	margin: 0;
	padding: 0;
}
#f_menu03 {
	list-style: none;
	float: right;
}

#f_menu li {
	display: inline-block;
	padding-right: 30px;
	font-size: 13px;font-size: 1.3rem;
	font-weight: 500;
	line-height: 30px;
}
#f_menu02 li {
	display: inline-block;
	padding-right: 30px;
	font-size: 13px;font-size: 1.3rem;
	font-weight: 500;
}
#f_menu03 li {
	display: inline-block;
	padding: 0;
	font-size: 12px;font-size: 1.2rem;
	font-weight: 500;
	line-height: 30px;
}
.f_list01{
	font-size: 12px;font-size: 1.2rem!important;
}
#copyright {
	font-size: 10px;font-size: 1rem;
	float: right;
	color: #BABABA;
	text-align: right;
	letter-spacing: 0;
	clear: both;
}
.f_line{
	border-top: 1px solid #E3E1D7;
}
.f_txt{
	font-size: 11px;font-size: 1.1rem;
	color: #646464;
	line-height: 17px;
	letter-spacing: 0;
}
footer a:link { color: #282828;  transition: .0.9s; }
footer a:visited { color: #282828; }
footer a:hover { color: #AC006D;}
footer a:active { color: #AC006D;}
/* 単品パーツ
---------------------------------------------------- */
.postmetadata { clear: both; }
.clear{clear: both;}
.img_center{display: block;margin: 0 auto;}
.attention{color: #c80000;}

.center {text-align: center;margin: 0 auto;}
.left {text-align: left;}
.right{text-align: right!important;}
.bd {font-weight: 400;}
.regular{font-weight: 400;}
.flr{float: right;}
.fll{float: left;}
.ls1{letter-spacing: 1px;}

.ea{color: #EAE8E8!important;}
.red {color: #c80000;}
.wh{color: #FFF!important;}
.bk01{color: #464646;}
.bk02{color: #231815;}
.glayout02{color: #CACACA;}
.orange{color: #ffcc00;}
.ce{color: #CEC6A2!important;}
.blue{color: #3A5897;}
.mc{color: #604c3f;}
.bb{color: #BBB;margin-left: 10px;}
.msc{color: #6D4F94;}
.ac{color: #AC006D;}
.c_st{color: #c55683;}
.c_ms{color: #6d4f94;}
.c_ec{color: #3a6590;}

.bgf5{background: #faf7f1;}
.bgff{background: #FFF;}
.bgf6{background: #F6F4F0;font-weight: 500;}
.bgf3{
	background: #FBF9F3;
	border: 1px solid #e6e1d5;
}
.no_line{border: none!important;}

.p10{font-size: 10px;font-size: 1rem!important;}
.p11{font-size: 11px;font-size: 1.1rem;}
.p12{font-size: 12px;font-size: 1.2rem;}
.p13{font-size: 13px;font-size: 1.3rem;}
.p14{font-size: 14px;font-size: 1.4rem;}
.p15{font-size: 15px;font-size: 1.5rem;}
.p16{font-size: 16px;font-size: 1.6rem;}
.p17{font-size: 17px;font-size: 1.7rem;}
.p18{font-size: 18px;font-size: 1.8rem;}
.p19{font-size: 19px;font-size: 1.9rem;}
.p20{font-size: 20px;font-size: 2rem;}
.p25{font-size: 25px;font-size: 2.5rem;}
.p30 {font-size: 30px;font-size: 3rem;}
.p34{font-size: 34px;font-size: 3.4rem;}
.p45{font-size: 45px;font-size: 4.5rem;}

.lh28{line-height: 28px;}

.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml50{margin-left: 50px!important;}
.ml18 {margin-left: 18px;}
.ml30{margin-left: 30px!important;}
.ml-20{margin-left: -20px;}

.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr50{margin-right: 50px!important;}
.mr80{margin-right: 80px!important;}
.mr90{margin-right: 90px!important;}
.mr100{margin-right: 100px!important;}

.mr-30{margin-right: -30px;}
.mr-150{margin-right: -150px;}


.m15{margin-left: 15px;margin-right: 15px;}
.m40{margin-left: 40px;margin-right: 40px;}
.m30 {margin: 30px;}
.m10{margin: 10px;}

.mt-5{margin-top: -5px;}
.mt-10{margin-top: -10px;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt28{margin-top: 28px!important;}
.mt30{margin-top: 30px!important;}
.mt33{margin-top: 33px!important;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt100{margin-top: 100px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.mtb15 {margin-top: 15px;margin-bottom: 15px;}
.mtb20{margin-top: 20px;margin-bottom: 20px;}
.mtb30{margin-top: 30px;margin-bottom: 30px;}
.mtb50{margin-top: 50px;margin-bottom: 50px;}
.mtb100{margin-top: 100px;margin-bottom: 100px;}

.mt-40{margin-top: -40px;}

.mb1{margin-bottom: 1px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb18{margin-bottom: 18px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40 {margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb53{margin-bottom: 55px;}
.mb70{margin-bottom: 70px;}
.mb100{margin-bottom: 100px;}
.mb120{margin-bottom: 120px;}

.mb-5{margin-bottom: -5px;}
.ml-10{margin-left: -10px;}
.ml-15{margin-left: -15px;}

.pl15{padding-left: 15px;}
.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt18{padding-top: 18px!important;}
.pt50{padding-top: 50px;}
.pt30{padding-top: 30px!important;}
.pl70{padding-left: 70px;}

.pb70{padding-bottom: 70px;}
.pb50{padding-bottom: 50px;}
.pb30{padding-bottom: 30px;}
.pb20{padding-bottom: 20px;}
.pb15{padding-bottom: 15px;}
.pb80{padding-bottom: 80px;}
.pb120{padding-bottom: 120px;}
.pb100{padding-bottom: 100px;}

.pdL-50 {padding-left: -50px;}

.ptb15{right: 15px 0;}
.ptb20{padding: 20px 0;}
.ptb30{ padding: 30px 0;}
.ptb50{padding: 50px 0 70px;}

.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w220{width: 220px;}
.w230{width: 230px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w320{width: 320px;}
.w340{width: 340px;}
.w330{width: 330px;}
.w350{max-width: 350px;}
.w360{width: 360px;}
.w370{width: 370px;}
.w380{max-width: 380px;}
.w390{width: 390px;}
.w400{max-width: 400px;}
.w450{width: 450px;}