@charset "UTF-8";

@media screen and (min-width: 1060px){
	.pc_show{ display: block;}
	.sp_show{ display: none;}
}
@media screen and (max-width: 999px){
	.pc_show{ display: none;}
	.sp_show{ display: block;}
}
@media screen and (min-width: 1060px){
	.pc_hidden{ display: none;}
}

@media screen and (min-width: 961px){
.br_pc::before {content: "\A" ;
	white-space: pre ;}
}


@media screen and (min-width: 961px){
	
/*  サービス （PC）  */

.service{
	display: block;
	clear: both;
	margin: 15px 0 15px 0;
}

.service_l{
	display: block;
	float: left;
	width: 58%;
}

.service_l dt{
	display: block;
	clear: both;
	border-bottom: 2px solid #353535;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 18px;
}

.service_l dd{
	display: block;
	clear: both;
	color: #303030;
	margin: 15px 0 36px 0;
	letter-spacing: 0.02em;
}

.service_r{
	display: block;
	float: right;
	width: 42%;
}

.service_r img{
	display: block;
	float: right;
	width: 90%;
}

.taio_list{
	display: block;
	clear: both;
	margin: 15px 0 15px 0;
	padding: 20px;
	border: 1px solid #242424;
	border-radius: 1.2em;
	background-color: #F2F9FF;
}

.taio_list dt{
	display: block;
	clear: both;
	border-bottom: 1px solid #B3C8D8;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 16px;
}

.taio_list dd{
	display: block;
	clear: both;
	color: #303030;
	margin: 15px 0 5px 0;
	letter-spacing: 0.02em;
}

.list_l{
	display: block;
	float: left;
	width: 50%;
}

.list_r{
	display: block;
	float: left;
	width: 50%;
}
	
}


/*  サービス （スマホ）  */

@media screen and (max-width: 960px){
	
.service{
	display: block;
	clear: both;
	margin: 40px 0 15px 0;
}

.service_l{
	display: block;
	float: left;
	width: 100%;
}

.service_l dt{
	display: block;
	clear: both;
	border-bottom: 2px solid #353535;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 14px;
}

.service_l dd{
	display: block;
	clear: both;
	color: #303030;
	margin: 15px 0 20px 0;
	letter-spacing: 0.02em;
	font-size: 14px
}

.service_r{
	display: block;
	clear: both;
	width: 100%;
	margin: auto;
	text-align: center;
}

.service_r img{
	display: block;
	clear: both;
	width: 80%;
	margin: auto;
}

.taio_list{
	display: block;
	clear: both;
	margin: 15px 0 15px 0;
	padding: 20px;
	border: 1px solid #242424;
	border-radius: 1.2em;
	background-color: #F2F9FF;
	font-size: 13px;
}

.taio_list dt{
	display: block;
	clear: both;
	border-bottom: 1px solid #B3C8D8;
	font-weight: 700;
	letter-spacing: 0em;
	font-size: 16px;
}

.taio_list dd{
	display: block;
	clear: both;
	color: #303030;
	margin: 15px 0 5px 0;
	letter-spacing: 0em;
}

.list_l{
	display: block;
	clear: both;
	width: 90%;
}

.list_r{
	display: block;
	clear: both;
	width: 90%;
}

	
}


/*  会社案内  */

.company{
	display: block;
	clear: both;
	margin: 15px 0 15px 0;
}

.company dl{
    display: block;
	clear: both;
	margin: 0 0 25px 0;
}

.company dt{
	display: block;
	clear: both;
	border-bottom: 1px solid #0a3962;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 14px;
	background-color: #e5f2f9;
	padding: 8px 8px 8px 20px;
}

.company dd{
	display: block;
	clear: both;
	color: #000;
	margin: 11px 0 15px 20px;
	letter-spacing: 0.02em;
	font-size: 14px;
}

.company dd a{
	text-decoration: underline!important;
	color:#0037C4!important;
}


/*  会社案内 （スマホ）  */

@media screen and (max-width: 960px){
	
.company{
	display: block;
	clear: both;
	margin: 40px 0 15px 0;
}
	
}



/*  採用情報  */

.recruit{
	display: block;
	clear: both;
	margin: 15px 0 60px 0;
}

.recruit p{
	display: block;
	clear: both;
	margin: 10px 0 25px 0;
	font-size: 15px;
}

.recruit dl{
    display: block;
	clear: both;
}

.recruit dt{
	display: block;
	float: left;
	width: 10%;
	margin: 0;
	border-bottom: 1px solid #0a3962;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 14px;
	background-color: #e5f2f9;
	padding: 14px 8px 14px 20px;
}

.recruit dd{
	display: block;
	float: left;
	width: 82%;
	margin: 0;
	border-bottom: 1px solid #0a3962;
	color: #000;
	letter-spacing: 0.02em;
	font-size: 14px;
    padding: 14px 8px 14px 14px;
}


/*  採用情報 （スマホ）  */
@media screen and (max-width: 960px){
	
.recruit{
	display: block;
	clear: both;
	margin: 40px 0 60px 0;
}

.recruit p{
	display: block;
	clear: both;
	margin: 10px 0 25px 0;
	font-size: 15px;
}

.recruit dl{
    display: block;
	clear: both;
}

.recruit dt{
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	border-bottom: none;
	border-radius: 0.2em;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 14px;
	background-color: #e5f2f9;
	padding: 8px 8px 8px 14px;
}

.recruit dd{
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	border-bottom: none;
	color: #000;
	letter-spacing: 0.02em;
	font-size: 14px;
    padding: 8px 8px 8px 14px;
}

}



/*  お問い合わせ  */

.inquiry{
	display: block;
	clear: both;
	margin: 15px 0 60px 0;
}

/*  採用情報 （スマホ）  */
@media screen and (max-width: 960px){

.inquiry{
	display: block;
	clear: both;
	margin: 30px 0 60px 0;
}
	
.inquiry p{
	font-size: 15px;
	padding-bottom: 10px;
}
	
}


.fb{font-weight:bold;}
.fss{font-size:80%!important; letter-spacing:0;}

.fsss{font-size:70%!important; letter-spacing:0;}

.main_bg{
	background-color: #57636B;
}

.slider_area{
	display: block;
	width: 66%;
	position: relative;
	margin: 0 auto!important;
	padding: 0 0 25px 0 !important;
}

.slider_area img{
	border-radius: 1em;
	}

.slider_area ul{
	margin: 0 auto!important;
	padding: 0!important;
}

@media screen and (max-width: 780px){
	
.slider_area{
	display: block;
	width: 100%;
	position: relative;
	margin: 0 auto!important;
	padding: 0 0 15px 0 !important;
}

.slider_area img{
	border-radius: 0.5em;
	}

.slider_area ul{
	margin: 0 auto!important;
	padding: 0!important;
}
	
}

.top_margin{
	display: block;
	position: relative;
	margin: 136px 0 0 0;
	border: 0px;
}

.top_margin2{
	display: block;
	position: relative;
	margin: 136px 0 0 0;
	border: 0px;
	height: 374px!important;
}

.pankuzu{
	max-width: 1060px;
	display: block;
	clear: both;
	background-color: #FFFFFF;
	font-size: 13px;
	letter-spacing: 0.06em;
	height: 34px;
	padding: 8px 0 7px 0;
	margin: auto;
}

.pankuzu2{
	max-width: 1060px;
	display: block;
	clear: both;
	background-color: #FFFFFF;
	font-size: 13px;
	letter-spacing: 0.06em;
	height: 34px;
	padding: 8px 0 7px 0;
	margin: -120px auto 0 auto;
}

@media screen and (max-width: 961px){
.pankuzu{
	display: none;
}

.pankuzu2{
	display: none;
}
}
	
.list_btn{
	display: block;
	clear: both;
	margin: auto;
	width: 260px;
	padding: 30px 0 10px 0; 
}

.bg_gray{
	background-color: #f6f6f6;
	}
.bg_midori{
	background-color: #f6ffe9;
	color: #007632;
	font-size: 18px;
	}
.bg_usuao{
	background-color: #E5F8FF;
	}
.txt_l{
	text-align: left!important;
	padding-left: 15px!important;
}

@media screen and (max-width: 961px){
.bg_midori{
	background-color: #f6ffe9;
	color: #007632;
	font-size: 15px!important;
	}
.fss{font-size:70%!important; letter-spacing:0;}
}
.fs_normal{font-size:92%!important; letter-spacing:0; font-weight: normal!important;}
.fs_normal2{font-size:84%!important; letter-spacing:0; font-weight: normal!important;}
.fs{font-size:90%!important; letter-spacing:0;}
.fs2{font-size:80%!important; letter-spacing:0;}
.fs2_ml32{font-size:80%!important; letter-spacing:0; margin-left: 32px;}
.fmb{font-size:110%!important; font-weight:bold;}
/*----------------------------------------*/
/*　4.配置設定　*/
/*----------------------------------------*/
.txtC{text-align:center!important;}
.txtR{text-align:right!important;}
.cB{clear:both;}
.mb20{ margin-bottom:20px;}
.ml13{ margin-left:13px;}
.ml40{ margin-left:40px;}
.mr_3bn{ margin-right:6px!important;}
.mt{ padding-top:20px; clear: both;}
.mb{ padding-bottom:20px;}
.mt5{ padding-top:5px; clear: both;}
.mt10{ padding-top:10px; clear: both;}
.mtlong{ padding-top:30px; clear: both;}
.mtlong2{ padding-top:30px; clear: both;}
.margin_box_top{ height: 60px; width: 80%; padding-top:30px; clear: both; display: block;}
.clear_spc{display:block; clear: both; height: 15px;}

@media screen and (max-width: 961px){
.mtlong{ padding-top:16px; clear: both;}
.mtlong2{ padding-top:75px!important; clear: both;}
}


/* =========================================================
　TOPページ
========================================================= */



/*  幅1060px  */
.area1000{
	display: block;
	clear: both;
	max-width: 1060px;
	margin: auto;
}

.area1000 h2{
	display: block;
	clear: both;
	margin: auto;
	font-size: 20px;
	text-align: center;
	padding-bottom: 10px;
	font-weight: 700;
}

.area1000_analysis{
	display: block;
	clear: both;
	max-width: 1060px;
	margin: auto;
}

.area1000_analysis h2{
	display: block;
	clear: both;
	margin: auto;
	font-size: 20px;
	text-align: center;
	padding-bottom: 10px;
	font-weight: 700;
}


.area1300{
	display: block;
	clear: both;
	max-width: 1300px;
	margin: auto;
}

.area90{
	display: block;
	clear: both;
	width: 94%;
	margin: auto;
}

/*  TOP：メイン下部  */
.main_copy{
	display: block;
	position: relative;
	margin: -80px auto 0 auto!important;
	padding: 20px;
	background-color: #FFFFFF;
	border: 3px solid #9ad3f5;
	width: 360px;
	height: 80px;
	z-index: 5000;
	text-align: center;
	font-size: 21px;
	font-weight: 300;
	color: #0e3f6d;
	letter-spacing: 0.11em;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.main_txt{
	display: block;
	position: relative;
	height: 140px;
	font-size: 16px;
	text-align: left;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	padding: 25px 0 25px 0;
	background-color: #284b85;
	background-image: url("../images/bg_logo.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border-bottom: 4px solid #ff6645;
}

.main_txt h3{
	padding: 9px 0 0 15px;
	font-size: 24px;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	color: #FFFFFF;
	letter-spacing: 0.09em;
}

.main_txt p{
	color: #FFFFFF;
	padding: 0 0 0 60px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
}

.main_txt_fukuri{
	display: block;
	position: relative;
	font-size: 16px;
	text-align: left;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	padding: 25px 0 25px 0;
}

/*  TOP：水色エリア  */
.bg_mizuiro{
	display: block;
	padding: 20px 0 20px 0;
	background-color: #fff;
}

/*  TOP：バナーエリア  */
.topBn{
	display: block;
	padding: 20px 0 20px 0;
}

.topBn h2{
	display: block;
	padding: 0 0 25px 0;
	border: none;
}

.topBn a:hover{
	display: block;
	opacity: 0.8;
	text-decoration: none;
}

.topBn01{
	display: block;
	margin: 0 auto 12px auto;
}

.topBn01 p{
	display: block;
	width: 96%;
}

.topBn02{
	display: block;
	width: 48%;
	float: left;
	padding: 0;
}

.topBn02 .bn_right img{
	width: 70%;
	margin: auto;
}
.topBn02 h3{
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #104268;
	letter-spacing: 0.06em;
}
.topBn02 p{
	display: block;
	width: 94%;
	padding: 12px 0 20px 0;
	font-size: 15px;
	letter-spacing: 0.04em;
	line-height: 1.6em;
}

.bn_bg_blue{
	background-color: #d9f1ff!important;
}


.float_r{
	display: block;
	float: right!important;
}

/*  TOP：事例  */
.top_jirei_area{
	display: block;
	width: 96%;
	margin: 0 auto 0 auto;
}
.top_jirei{
	display: block;
	padding: 10px 10px 10px 16px;
	border: 1px solid #D3D3D3;
	border-radius: 0.4em;
	background-color: #FFFFFF;
	margin: 0 0 12px 0;
}

.top_jirei a{
	display: block;
	margin: 0;
}

.top_jirei h3{
	display: block;
	clear: both;
	font-weight: 700;
	color: #00417e;
	text-decoration: none!important;
	padding: 5px 0 5px 0;
}

.top_jirei img{
	display: block;
	float: left;
	border-radius: 0.3em;
	margin-right: 10px;
}

.jirei_p img{
	width: 340px!important;
}

.jirei_maru img{
	width: 156px!important;
	margin: -36px 0 0 0;
}

.top_jirei p{
	display: block;
	width: 46%!important;
	float: left!important;
	font-size: 14px;
	line-height: 1.6em;
	padding:0 10px 0 10px;
}


/*  TOP：バナー（2カラム）  */
.bn{
	display: block;
	clear: both;
	position: relative;
	width: 100%;
	min-height: 340px;
	padding: 50px 0 30px 0;
}

.bn_l{
	display: block;
	position: relative;
	float: left;
	width: 49%;
}

.bn_r{
	display: block;
	position: relative;
	float: right;
	width: 49%;
}

/*  TOP：募集要項  */
.boshu{
	display: block;
	clear: both;
	position: relative;
	width: 100%;
	min-height: 320px;
	font-size: 16px;
	text-align: left;
	letter-spacing: 0.02em;
	padding: 10px 0 60px 0;
	margin: 0 auto 0 auto;
}

.boshu dl{
	display:inline-block;
	clear: both;
	position: relative;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #c3e5f8;
	padding: 6px;
}

.boshu dt{
	display: block;
	position: relative;
	width: 18%;
	height:auto; 
	float: left;
	padding-bottom: 10px;
	line-height: 1.46em;
}

.boshu dd{
	display: block;
	position: relative;
	width: 78%;
	height:auto; 
	float: right;
	padding-bottom: 10px;
	line-height: 1.46em;
}

/*  ページ下部：問い合わせエリア  */

.toiawase{
	display: block;
	position: relative;
	clear: both;
	width: 100%;
	height: 140px;
	font-size: 16px;
	text-align: center;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	padding: 30px 0 0px 0;
	background-color: #f0faff;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #2C2C2C;
}

.w800px{
	display: block;
	clear: both;
	width: 600px;
	margin: auto;
}
	
.toiawase h3{
	font-size: 20px;
	font-weight: 700;
	padding: 15px 0 16px 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.toiawase .telbtn a{
	display: block;
	position: relative;
	width: 270px;
	border-radius: 0.36em!important;
	padding: 15px;
	color: #FFFFFF;
	float: left;
}



.toiawase .oubo_btn a{
	display: block;
	position: relative;
	width: 280px;
	float: right;
	margin: 3px 0 0 0;
}

.toiawase .oubo_btn a:hover{
	text-decoration: none;
}

.f_logo {
	display: block;
	width: 260px;
	margin: auto;
	padding: 0 0 15px 0;
}

/* =========================================================
　教育・福利厚生
========================================================= */

.kyoiku{
	display: block;
	clear: both;
	position: relative;
	width: 100%;
	min-height: 324px;
	font-size: 16px;
	text-align: left;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	padding: 30px 0 30px 0;
}

.kyoiku_l{
	display: block;
	position: relative;
	float: left;
	width: 50%;
}

.kyoiku_l img{
	display: block;
	border-radius: 0.8em;
	width: 92%;
}


.kyoiku_r{
	display: block;
	position: relative;
	float: right;
	width: 50%;
}

.kyoiku_r img{
	display: block;
	border-radius: 0.8em;
}

.aowaku{
	display: block;
	position: relative;
	width: 94%;
	background-color: #e9fbff;
	border-radius: 0.6em;
	border: 1px solid #88d3e3;
	padding: 15px 10px 15px 35px;
	margin: 14px 0 0 0;
	font-size: 15px;
	letter-spacing: 0.03em;
	line-height: 1.72em;
}

.aowaku h4{
	 font-weight: 700;
}

.aowaku ul{
	display: inline-block;
	clear: both;
	padding-left: 12px;
}


.fukuri{
	display: inline-block;
	clear: both;
	width: 100%;
	margin: 0 0 30px 0;
}

.fukuri h4{
	font-weight: 700;
}

.fukuri p{
	margin-bottom: 10px;
}

/* =========================================================
　社員インタビュー
========================================================= */

.staff_upper{
	display: inline-block;
	clear: both;
	position: relative;
	width: 100%;
	height: auto;
	font-size: 16px;
	text-align: left;
	line-height: 1.7em;
	letter-spacing: 0.04em;
	padding: 0;
	background-color: #fff;
	border: 2px solid #a3ddff;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	margin: 0 auto;
	z-index: 9000;
}

.staff_upper .ttl{
	display: block;
	clear: both;
	font-size: 22px;
	padding: 102px 0 0 0;
	font-weight: 700;
}

.staff_upper .ttl2{
	display: block;
	clear: both;
	font-size: 22px;
	padding: 85px 0 0 0;
	font-weight: 700;
	line-height: 1.4em!important;
}


.staff_upper .name{
	display: block;
	clear: both;
	width: 300px;
	font-size: 18px;
	letter-spacing: 0.06em;
	padding: 7px;
	border-radius: 1.5em;
	border: 1px solid #BDBDBD;
	margin: 15px auto 0 auto;
}

.staff_upper_l{
	display: inline-block;
	position: relative;
	float: left;
	width: 64%;
	text-align: center;
}

.staff_upper_r{
	display: inline-block;
	position: relative;
	float: right;
	width: 36%;
	height: 293px;
	overflow: hidden;
	border-top-right-radius: 0.9em;
	text-align: right;
	padding: 0;
	margin: 0 -1px 0 0;
}

.staff_under{
	display: block;
	clear: both;
	position: relative;
	width: 100%;
	min-height: 300px;
	font-size: 16px;
	text-align: left;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	padding: 30px;
	background-color: #f2fbff;
	margin: -10px auto 0 auto;
}

.staff_under_l{
	display: block;
	position: relative;
	float: left;
	width: 40%;
}

.staff_under_l img{
	display: block;
	border-radius: 0.9em;
	width: 92%;
}

.staff_under_r{
	display: block;
	position: relative;
	float: right;
	width: 60%;
}

.staff_under_r img{
	display: block;
	border-radius: 0.9em;
	width: 92%;
}

.shugo_p{
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
}


/* =========================================================
　ページ下部固定 アイコン（スマホ）
========================================================= */
@media screen and (max-width: 960px){

.footer_fix_btn_tel{
  position:fixed;
  bottom:5px;
  left:5px;
  width:34px;
  padding:0;
  text-align:center;
  background-color:transparent;
  font-size:16px;
  color:#fff;
  z-index: 10001;
}
.footer_fix_btn_tel a{
  width:34px!important;
  height: 34px!important;
  display:block;
  text-decoration:none;
}
.footer_fix_btn_tel img{
	width: 34px;
}
.footer_fix_btn_tel a:hover {
  opacity:0.8;
}
	
.footer_fix_btn_mail{
  position:fixed;
  bottom:5px;
  right:5px;
  width:34px;
  padding:0;
  background-color:transparent;
  font-size:16px;
  color:#fff;
  z-index: 10001;
}
.footer_fix_btn_mail a{
  width:34px!important;
  height: 34px!important;
  display:block;
  text-decoration:none;
}
.footer_fix_btn_mail img{
	width: 34px;
}
.footer_fix_btn_mail a:hover {
  opacity:0.8;
}
	
.r_btn{
  position:fixed;
  bottom:37px;
  right:0px;
  width:58px;
  padding:0;
  background-color:transparent;
  font-size:16px;
  color:#fff;
  z-index: 10001;
}
.r_btn a{
  width:58px!important;
  height: 58px!important;
  display:block;
  text-decoration:none;
}
.r_btn img{
	width: 58px;
}
.r_btn a:hover {
  opacity:0.8;
}
	
}

/* =========================================================
　ページ下部固定 アイコン（PC）
========================================================= */
@media screen and (min-width: 961px){

.footer_fix_box{
	display: block;
	margin: auto;
	width: 1060px!important;
	position: relative;
}
	
.footer_fix_btn_tel{
  display: none;
}
.footer_fix_btn_tel a{
  display: none;
}
.footer_fix_btn_tel img{
  display: none;
}
.footer_fix_btn_tel a:hover {
  display: none;
}
	
.footer_fix_btn_mail{
  position:fixed;
  bottom:20px;
  left:9%;
  width:60px;
  padding:0;
  background-color:transparent;
  font-size:16px;
  color:#fff;
  z-index: 10001;
}
.footer_fix_btn_mail a{
  width:60px!important;
  height: 60px!important;
  display:block;
  text-decoration:none;
}
.footer_fix_btn_mail img{
	width: 60px;
}
.footer_fix_btn_mail a:hover {
  opacity:0.8;
}
	
.r_btn{
  position:fixed;
  top:640px;
  right:12%;
  width:77px;
  padding:0;
  background-color:transparent;
  font-size:16px;
  color:#fff;
  z-index: 10001;
}
.r_btn a{
  width:77px!important;
  height: 77px!important;
  display:block;
  text-decoration:none;
}
.r_btn img{
	width: 77px;
}
.r_btn a:hover {
  opacity:0.8;
}
	

}



/* =========================================================
　base
========================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

strong{ font-weight: bold;}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.bn_spc{
	display: block;
	clear: both;
	width: 100%;
	height: 28px;
}

.ao{
	color: #2379e0!important;
}
.ao_b{
	color: #2379e0!important;
	font-weight: 700;
}

.ao_link a:link{
	color: #0826B8!important;
	text-decoration: underline;
}
.ao_link a:hover{
	color: #0033FF!important;
	text-decoration: underline;
}
.ao_link a:visited{
	color: #0826B8;
	text-decoration: underline;
}

.border-top{
	border: 1px solid #D3D3D3;
}

@media screen and (max-width: 960px){
.br_sp::before {content: "\A" ;
	white-space: pre ;}
}

.kotei_form_btn{
	display: block;
	width: 110px;
	height: 40px;
	padding: 0.5em;
	position: fixed;
	top:400px;
	right: 0px;
	z-index: 10000;
	background-color: #2d5473;
	color: #FFFFFF!important;
	border-radius: 0.4em;
	font-size: 0.82em;
	text-align: center;
}

.kotei_form_btn a{
	color: #FFFFFF!important;
}

iframe {
    vertical-align: bottom;
	margin:0px;
	padding:0px;
	border:0px;
}


/* =========================================================
　基本
========================================================= */
html { -webkit-text-size-adjust: none; 
font-size: 62.5%;
}

/* == リンク色を強制的に黒に = */
.ly_2column_tsuyomi p,.ly_2column p ,.ly_3columnMenu p{
 color: #313131!important;
}

input [type=image]:hover { opacity: 0.8; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body {  background-color: #fff; font: 1.6rem / 1.6 "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #3e3e3e;}

img { max-width: 100%; height: auto; width: auto; vertical-align: top; display: block; }

figure { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

.border_no{ border: none!important;}
.z_bottom{z-index: 0!important;}
.pTB{padding: 10px 0 50px 0;}
.v_m{ display:block; position: relative; top:150px;}
.mincho{font-family: "Yu Mincho", "YuMincho", serif;}
.fL{ font-size: 120%!important;}
.fL2{ font-size: 1.06em!important;}
.txt_center{ text-align: center!important; margin: auto;}


@media screen and (max-width: 960px){
	
#global-nav{ overflow: hidden!important; z-index: 11000!important;}
	
.detail_btn01 a{ display: block; clear: both; margin-left: auto; margin-right: auto; margin-top: 1.6em; width: 160px; } 
.detail_btn01 a:hover{ display: block; clear: both; margin-left: auto; margin-right: auto; margin-top: 1.6em; width: 160px; } 
.detail_btn02 a{ display: block; clear: both; margin-left: auto; margin-right: auto; margin-top: 1.6em; width: 160px; } 
.detail_btn02 a:hover{ display: block; clear: both; margin-left: auto; margin-right: auto; margin-top: 1.6em; width: 160px; } 
.detail_btn03 a{ display: block; clear: both; margin-left: auto; margin-right: auto; margin-top: 1.6em; margin-bottom: 2em!important; width: 160px; } 
.detail_btn03 a:hover{ display: block; clear: both; margin-left: auto; margin-right: auto; margin-top: 1.6em; margin-bottom: 2em!important; width: 160px; } 
	
}


/* clear */
.clear { clear: both !important; }

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

.js_noTransition, .js_noTransition *, .js_noTransition *:before, .js_noTransition *:after { transition: none !important; }
.js_noAnimation, .js_noAnimation *, .js_noAnimation *:before, .js_noAnimation *:after { animation: none !important; }
.js_headOverlay { display: none; transition: none; }


/* =========================================================
リンク
========================================================= */
/*a { -webkit-transition:all 0.5s; transition: all 0.5s; }*/
a:link, a:visited, a:active { ; text-decoration: none; color:#685131; }
a img { border: none; -webkit-transition:all 0.5s; transition: all 0.5s; }
a:hover { text-decoration: underline; }
a:hover img { opacity: 0.8; }

/* =========================================================
　回り込み
========================================================= */
.ly_wrap { width: 100%; margin: auto;}

.contentsWrap{
	margin:0 auto;
	padding: 0px;
	clear: both;
	display: block;
	width: 100%;
	position: relative;
	display: block;
	height: auto;
}

.contentsWrap_wide{
	margin:0 auto;
}
	.contentsWideWrap{
	margin:0 auto;
	}

@media screen and (min-width:641px){
	.contentsWrap{
	}
}

@media screen and (min-width:1060px){
	.contentsWrap{
		max-width:1060px; 
	}
	.contentsWideWrap{
		max-width:1060px; 
	}
}

.ly_btmLine{
	border-bottom: 1px #eeeeee solid;
}


/* =========================================================
コンテンツ領域
========================================================= */
#contents { width: 100%!important; margin: auto; clear: both;}


/* =========================================================
　テキスト幅
========================================================= */
.narrow{ letter-spacing: -0.18em!important;}

/* =========================================================
カラー設定
========================================================= */

.bgGray{
	background-color: #eeeeee;
}
.bgDot{
    background: #fff;
    background-image: radial-gradient(#eeeeee 7%, transparent 0), radial-gradient(#eeeeee 7%, transparent 0);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
}
.txWhite{color: #fff;}
.ak{ color: #E51818;}
.midori{ color: #41850e;}
.midori_b{ color: #41850e; font-weight: 600;}
.lightgreen{ color: #57a11f;}
.pink{ color: #ea148c;}
.pinkL{ color: #ea148c; font-size: 1.3em!important;}
.gold{ color: #b5934a!important; }
.kuro{ color: #000000!important;}

.el_ttlLv2_v1 h2.txWhite:before {
background-color: #fff;
}

/* =========================================================
　◆SP、改行
========================================================= */

.sp_disappear{
		display:none;
	}
.sp_appear{
	display: block;
}

@media screen and (min-width: 641px){
	.tabret_disappear{
	display: none;
	}
	.sp_appear{
			display:none;
		}
	.sp_disappear{
		display: block;
	}
}


/* =========================================================
　◆ページ上部へボタン
========================================================= */
#pageTop {
  position: fixed;
  bottom: 15px;
  right: 15px;
}

#pageTop i {
  padding-top: 6px
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 4px 8px 8px 8px;
  border-radius: 30px;
  width: 42px!important;
  height: 42px!important;
  background-color: #2d5473!important;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media screen and (max-width: 640px){
#pageTop {
	display: none!important;
}
}

/* =========================================================
　◆Head
========================================================= */

.ly_header_wrapper{
    width: 100%;
	height: 137px!important;
	display: block;
	clear: both;
	margin: auto;
    position: absolute;
    top: 0;
	z-index: 1000;
	text-align: center;
	border-bottom: 1px solid #0a3962;
	background-color: #FFFFFF;
	background-image: url("../images/head_bg.svg");
	background-repeat: repeat-x;
	background-size: auto;
}

.ly_header_wrapper header{
    width: 100%;
	height: 68px!important;
	display: block;
	margin:0 auto;
	position:relative;
	clear: both;
}

header .ly_headerLogo{
	display: block;
	float: left;
	width: 280px;
	height: 110px;
	padding-top: 20px;
}

header .c_Logo{
	display: block;
	float: left;
	width: 170px;
	height: 110px;
	margin-top: 30px;
	margin-left: 39px;
}

header .head_tel{
	display: block;
	position: absolute;
	width: 190px;
	margin-top: 15px;
	right: 240px;
}

header .toiawase_btn a{
	display: block;
	float: right;
	width: 220px;
	border-radius: 0.3em;
	margin-top: 0;
}

header .toiawase_btn img a:hover{
}

.inner {
    max-width: 1060px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */

.head_txt{ display: block; clear: both; width: 100%; height: 22px; color: #2E7E00; font-size: 0.8em!important; letter-spacing: 0.05em; margin: auto; text-align: center; padding: 4px!important;}


#top-head {
    top: 0px;
    position: relative;
    max-width: 1060px;
    margin-top: 0px;
	margin-left: 0 auto;
	margin-right: 0 auto;
    line-height: 1;
    z-index: 10011;
    padding-bottom: 20px;
	text-align: center;
}

.rubyposition_under{
  display: inline-block;
}
.rubyposition_under ruby{
  display: flex;
  flex-direction: column;
  text-align: justify;  /* この指定は text-align-last を IE に対応させるために必要 */
  text-align-last: justify;
  color:#00417e;
	letter-spacing: 0.18em!important;
}

rt{
	letter-spacing: 0.2em!important;
	color: #4C89C2;
}

@media screen and (min-width: 961px) {
	
#top-head {
	 max-width: 1060px!important;
	z-index: 11000!important;
	}
	
#global-nav{
	display: block;
	clear: both;
	max-width: 1060px!important;
	}
	
#global-nav ul {
	display: block;
	max-width: 1060px!important;
	background-color: #fff;
	height: 48px;
	border-top-left-radius: 0.8em;
	border-top-right-radius: 0.8em;
	}
	
}

@media screen and (max-width: 1060px) and (min-width: 961px) {
	
#top-head {
	 width: 100%!important;
	}
	
#global-nav{
	width: 100%!important;
	overflow: hidden;
	}
	
#global-nav ul {
	width: 100%!important;
	overflow: hidden;
	}
	
}


#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
	width: 100%!important;
}


#global-nav ul {
	display: block;
    list-style: none;
    position: absolute;
	top:88px;
	width: 1060px;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	clear: both!important;
	margin: auto;
}
#global-nav ul li {
	display: block;
    float: left;
	width: 265px;
	margin: 0;
	padding: 0;
	color: #2D2D2D!important;
	height: 48px;
}
#global-nav ul li a {
   display: block;
   padding: 12px 0 0 0;
   color: #2D2D2D!important;
   letter-spacing: 0.05em;
   width: 265px;
   height: 48px;
}

#global-nav .no01 a:hover {
   background-color: #E0EFFC;
}
#global-nav .no02 a:hover {
   background-color: #E0EFFC;
}
#global-nav .no03 a:hover {
   background-color: #E0EFFC;
}
#global-nav .no04 a:hover {
   background-color: #E0EFFC;
}

#global-nav .no01 .stay {
   background-color: #E0EFFC;
}
#global-nav .no02 .stay {
   background-color: #E0EFFC;
}
#global-nav .no03 .stay {
   background-color: #E0EFFC;
}
#global-nav .no04 .stay {
   background-color: #E0EFFC;
}

.no_border{
	border-right: 0px!important;
}

#global-nav ul li a:hover {
   border-bottom:2px #E0EFFC solid;
   z-index: 10000;
}
#top-head.fixed #global-nav ul li a:hover{
  border-bottom:2px #004f9b solid;
  z-index: 12000;
	width: 240px;
}

#top-head .scroll_appear{
	display: none;
}



/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 30px;
    height: 36px;
    cursor: pointer;
    z-index: 20000;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #2c5c83;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}


#top-head.fixed #header-subNav{
}


#top-head.fixed #nav-toggle span {
    background: #2c5c83;
	clear: both;
}

#top-head.fixed .scroll_appear{
	display: block;
}
#top-head.fixed .scroll_disappear{
	display: none;
}

#top-head #nav-map.fixed {
    position: absolute;
    right: 60px;
    top: 0px;
    width: 30px;
    height: 36px;
    cursor: pointer;
    z-index: 11000;
	font-size: 2.7rem;
}




/*   Fixed   */

header .fixed{
    width: 1060px!important;
	display: block;
	margin: auto;
	z-index: 18000;
}

#top-head.fixed .non-fix_show{ display: none!important;}

#top-head.fixed .inner {
    max-width: 1060px;
	display: block;
	text-align: center;
    margin: 0 auto;
	z-index: 18000;
}

#top-head.fixed .inner:after {
    content: "";
    clear: both;
    display: block;
}

.ly_header_wrapper{
	text-align: center;
	width: 100%;
}

#top-head.fixed {
	position: fixed;
	width: 100%!important;
	display: inline-block;
	text-align: center;
    margin-top: 0!important;
	margin-left: auto;
	margin-right: auto;
    top: 24px;
    left:50%;
	right:50%;
	transform: translate(-50%, -50%);
    padding-top: 0px;
    height: 50px;
    background: #fff;
    transition: top 0.4s ease-in;
    -webkit-transition: top 0.4s ease-in;
    -moz-transition: top 0.4s ease-in;
    border-bottom: 1px solid #eeeeee;
	background: #fff;
}

#top-head.fixed .wide1000{ max-width: 1060px!important; margin: auto!important; display: block; height: auto;}


#top-head.fixed header{background-color: #FFFFFF; display: block; max-width: 1060px!important; margin: auto!important;}

#top-head.fixed nav {
	display: block;
	width: 1060px;
	clear: both;
	position: absolute;
	top:16px;
	left: 0;
	right: 0;
	margin: 0 auto!important;
}

#top-head.fixed #global-nav {
	display: block;
    list-style: none;
	width: 900px;
	height: 56px;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background-color: transparent;
}

#top-head.fixed #global-nav ul li{
}

#top-head.fixed #global-nav ul li a {
	display: block;
	color: #454545;
    padding: 15px 10px 14px 0px!important;
	margin: 0;
	line-height: 1.46em;
	z-index: 22000;
}

#top-head.fixed #global-nav ul li a:hover {
   border-bottom: 1px #2d5473 solid;
}


#top-head.fixed .ly_headerLogo{
	float: left;
	width: 240px;
	height: auto;
	padding-top: 18px!important;
	display: block;
	position: relative;
	margin-left: 15px;
}

#top-head.fixed .c_Logo{
	display: block;
	float: left;
	width: 170px;
	height: 110px;
	margin-top: 22px;
	margin-left: 40px;
}

#top-head.fixed .head_tel{
	display: block;
	width: 170px;
	position: absolute;
	margin-top: 25px;
	right: 212px;
}

#top-head.fixed .toiawase_btn a{
	display: block;
	position: absolute;
	width: 200px;
	height: auto;
	margin-top: 9px;
	right: 0px;
}

#top-head.fixed .toiawase_btn a:hover{
}


/* fixed ： Toggle Button */
@media screen and (max-width: 960px) {
#top-head.fixed #nav-toggle {
    display: block;
    position: fixed;
    right: 12px;
    top: 22px!important;
    width: 30px;
    height: 36px;
    cursor: pointer;
    z-index: 22000;
}

#top-head.fixed #nav-toggle div {
    position: relative;
}

}


/*タブレット*/

@media screen and (max-width: 1412px) and (min-width: 961px) {
	
#contents { width: 100%; margin: auto; clear: both;}

.inner{
	width:961px!important;
	text-align: center;
	margin: auto;
}
header .ly_headerLogo{
	float: left;
	width: 250px;
	padding-top: 22px;
}

header .header_tel{
	float: left;
	width: 260px;
	padding-top: 42px;
	margin-left: 110px;
}

header .head3btn{
	clear: both;
	width: 360px;
}

header .login_sns_area{
	float: left;
	height: 89px;
}

header .login{
	float: left;
	width: 90px;
	height: 39px;
	display: block;
	background-color: #00B7EF;
	padding: 11px 0 0 0;
	margin: 0 0 10px 0;
	color: #FFFFFF;
	font-size: 0.8em;
	border-bottom-left-radius: 0.2em;
	border-bottom-right-radius: 0.2em;
	text-align: center;
	margin-top: 31px;
	font-weight: 600;
}

.login a:hover{
	background-color: #D6ECFF;
}

header .yoyaku{
	float: left;
	width: 118px;
	height: auto;
	display: block;
	margin: 0 0 0 15px;
	padding: 0;
	color: #FFFFFF;
	margin-top: 31px;
}

header .yoyaku img{
	width: 118px;
	height: auto;
}

header .yoyaku2{
	float: left;
	width: 118px;
	height: auto;
	display: block;
	margin: 0 5px 0 5px;
	padding: 0;
	color: #FFFFFF;
	margin-top: 31px;
}

header .yoyaku2 img{
	width: 118px;
	height: auto;
}


header .gaiyo_btn{
	display: block;
	clear: both;
	width: 80px;
	margin: 0 5px 0 16px;
	position: absolute;
	right: 60px;
	top: 79px;
}

header .gaiyo_btn a{
	display: block;
	color: #424242!important;
	font-size: 0.8em;
	letter-spacing: 0.09em;
}

	
	
/*  fixed */
#top-head.fixed .inner{
	width:961px!important;
	text-align: center;
	margin: auto;
}
	
#top-head.fixed .header_tel{
	display: none;
}

#top-head.fixed .login a:hover{
	background-color: #D6ECFF;
}

	
	
}


/*sp*/
@media screen and (max-width: 960px) {
	
#contents { width: 100%; margin: auto; clear: both;}
	
.ly_header_wrapper{
    width: 100%;
	height: 60px!important;
	display: block;
	clear: both;
	margin: auto;
    position: absolute;
    top: 0;
	z-index: 1000;
	background: url(../images/head_bg.png);
	background-repeat:repeat-x;
	text-align: center;
}

.ly_header_wrapper header{
    width: 100%;
	height: 54px!important;
	margin:0 auto;
	position:relative;
	clear: both;
}
	
.head_txt{ display: block; clear: both; width: 100%; height: 22px; color: #2E7E00; font-size: 0.79em!important; letter-spacing: 0.01em; margin: auto; text-align: center; padding: 4px!important;}

    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        /*position: fixed;*/
        margin-top: 0;
		height: 60px!important;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        width: 100%;
        height: 60px;
        z-index: 999;
        position: relative;
		clear: both;
    }
	
	header .login_sns_area{
		display: none;
		height: 0px;
}

    #global-nav {
        position: absolute;
        /* 開いてない時、画面外（上）に配置 */
        top: -770px;
		width: 100%!important;
        background: #fff!important;
        width:100%;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
		z-index: 10000;
    }
    #global-nav ul {
		width: 100%!important;
        list-style: none;
        position: static;
		background: #fff!important;
        right: 0;
        bottom: 0;
        font-size: 14px;
		clear: both!important;
    }
    #global-nav ul li {
        float: none;
        position: relative;
		width: 100%!important;
		text-align: left!important;
		clear: both!important;
		background: #fff!important;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%!important;
        display: block;
        color: #fff;
        padding: 14px 0 18px 18px;
		border-bottom: 1px #fff solid;
		font-weight: bold;
		top: 0px!important;
		clear: both!important;
  }

    #global-nav ul li a:hover {
   border-bottom:2px;
   background: #D6ECFF;
   
}
    #header-subNav{
    	display:none;
    }
	

header .ly_headerLogo{
	display: block;
	float: left;
	width: 178px;
	height: auto;
	padding-top: 17px;
	margin-left: 12px;
}

header .c_Logo{
	display: none;
}

header .head_tel{
	display: none;
}

header .toiawase_btn a{
	display: block;
	position: fixed;
	top: 0px;
	right: 50px;
	width: 120px;
	height: 34px;
	color: #FFFFFF;
	font-weight: 700;
	z-index: 20000;
}


    #nav-toggle {
        display: block;
		margin-top: 5px;
    }
	
    /* #nav-toggle 切り替えアニメーション */
    .toggle #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .toggle #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .toggle #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .toggle #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(840px);
        -webkit-transform: translateY(840px);
        transform: translateY(840px);
    }

	
	

/*   fixed （スマホ 追従メニュー）  */
	
#top-head.fixed {
    background: #fff;
    height: 68px!important;
	top:20px!important;
	width: 100%!important;
	z-index: 20000!important;
}

#top-head.fixed #global-nav {
        position: absolute;
        /* 開いてない時、画面外（上）に配置 */
        top: -772px;
        background: #fff!important;
        width:100%;
	    height: auto;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
		z-index: 20000;
    }
#top-head.fixed #global-nav ul {
	    width: 100%!important;
	    position: relative;
        list-style: none;
	    display: block;
        position: static;
		background: #fff!important;
        right: 0;
        bottom: 0;
	    top:-2px;
        font-size: 13px;
		clear: both!important;
	    float: none!important;
    }
#top-head.fixed #global-nav ul li {
	    position: relative;
	    display: block;
        float: none;
        position: relative;
	    height: 60px;
		width: 100%!important;
		text-align: center!important;
		clear: both!important;
		background: #fff!important;
	    border-bottom: 1px solid #DADADA;
	    padding: 4px 0 6px 0px!important;
	    font-size: 1em!important;
    }
#top-head.fixed #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 14px 0 18px 18px;
		border-bottom: 1px #DADADA solid;
		font-weight: bold;
		top: 0px!important;
		clear: both!important;
  }

#top-head.fixed #global-nav ul li a:hover {
   border:none;
   background: transparent!important;
}
#top-head.fixed #header-subNav{
    	display:none;
    }

#top-head.fixed .ly_headerLogo{
	float: left;
	width: 170px;
	height: auto;
	padding-top: 25px!important;
	display: block;
	position: relative;
	margin-left: 8px;
}

#top-head.fixed .c_Logo{
	display: none;
}

#top-head.fixed .head_tel{
	display: none;
}

#top-head.fixed .toiawase_btn a{
	display: block;
	float: left;
	margin-right: 50px;
	margin-top: 24px;
	top:0px;
	width: 114px;
	height: 35px;
}

}



@media screen and (max-width: 1060px ){
.ly_2columnMenu .ly_2columnMenu_item {
    width: 49%;
}
.ly_2columnMenu .ly_2columnMenu_item p{
font-size: 2vw;
}
}

@media screen and (max-width: 640px){
	.ly_2column{
	padding-left: 0em!important;
	}
	
    .ly_2columnMenu .ly_2columnMenu_item {
        width: 100%;
    }
    .ly_2columnMenu .ly_2columnMenu_item p{
        font-size: 4vw;
    }
}


/* =========================================================
　2カラムメニュー
========================================================= */

.ly_2columnMenu{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 auto;
}

.ly_2columnMenu .ly_2columnMenu_item{
display: block;
position: relative;
margin-bottom: 20px;
width:32%;
text-align: center;
}


@media screen and (min-width: 641px){

.ly_2columnMenu .ly_2columnMenu_item {
	font-size: 1.8rem;
	width: 32%;
}
.ly_2columnMenu .ly_2columnMenu_item img{
	width:100%;
}	
	
}



/* =========================================================
　◆Footer
========================================================= */

footer{}

.ly_footNavArea{
	padding: 20px 0;
    background: #2e2e2e;
    position: relative;
	font-family:YuMincho,'Yu Mincho', serif;
	font-size: 80%;
	text-align: center;
}

.ly_footNavArea_inner{
	width: 100%;
    max-width: 1140px;
    padding: 0 24px;
    margin: 0 auto;
}

.ly_footNavArea_inner ul {
  text-align: center;
}

.ly_footNavArea_inner ul li{ 	
  display: inline-block;
  padding: 0 20px;
  line-height: 100%;
}

.ly_footNavArea_inner ul li a:link,
.ly_footNavArea_inner ul li a:visited,
.ly_footNavArea_inner ul li a:active
 { color: #fff; text-decoration: none; }


.ly_footNavArea_inner ul li a:hover
 { color: #fff; text-decoration: underline; }


 .ly_companyArea{
	font-family:var(YuMincho,'Yu Mincho', serif);
	padding: 20px 0 10px 0;
	text-align: center;
	background-color: #284b85;
	color: #FFFFFF;
}

 .ly_companyArea a{
	font-size: 80%;
	 color: #5F5F5F;
}

.ly_companyArea .bl_companyNavBlock{
	text-align: center;
	margin-bottom: 20px;
	}


.ly_companyArea .bl_companyNavBlock ul li{
	display: inline-block;
  padding: 0 10px;
}

.ly_companyArea .bl_companyNavBlock small{

}

@media screen and (min-width: 1061px) {
footer{ width: 100%; display: block; clear: both; margin: auto; text-align: left!important;}
	
}

@media screen and (max-width: 1060px) {
	
footer{ width: 100%; display: block; clear: both; margin: auto;}
	
footer address{
	padding: 0 1em 0 1em;
}
	
}

#copylight{
	text-align: center;
	clear: both;
	 display: block;
    font-size: 80%;
	padding:20px 0 20px 0;
	background-color: #f0f0f0;
	 color: #696969;
}

footer address{
	padding-bottom: 0;
}

footer .c_name{
	font-size: 15px;
	line-height: 1.7em;
	letter-spacing: -0.02em!important;
	 font-weight: 700;
	color: #fff;
	display: block;
	clear: both;
	width: 260px;
	margin: auto;
}

footer .c_name img{
	display: block;
	width: 24px;
	height: auto;
	float: left;
}

footer .add{
	font-size: 0.9em;
	padding: 10px 0 10px 0;
}



@media screen and (max-width: 640px){
	
.top_margin{
	display: block;
	position: relative;
	margin: -22px 0 0 0;
	border: 0px;
}

.top_margin2{
	display: block;
	position: relative;
	margin: -22px 0 0 0;
	border: 0px;
}
	
.ly_footNavArea {
    padding: 0px 0;
}
.ly_footNavArea_inner nav ul{
 display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 auto;
}

.ly_footNavArea_inner ul li {
    display: inline-block;
    padding: 15px 0px;
    width: 33%;
}

.ly_companyArea .bl_companyNavBlock ul li {
    display: block;
    padding: 5px;
	background-color: #284b85;
	color: #FFFFFF;
}
footer #f_logo img{
	max-width: 40%;
}

}


/* =========================================================
　◆Animetion
========================================================= */

.fadeIn{
    opacity:0.0;
    transition: 1.0s;
}
.fadeIn_item{
    opacity:1.0;
}


@media screen and (max-width: 960px){

	/*   イメージを背景に  */
	.img_wrapper {
	  position:relative;
	  display:inline-block;
	  clear: both;
	  height: auto;
	  padding-top: 50px;
	}

	.label {
	  position: relative;
	  color:white;
	  background:transparent;
	  padding:5px 15px;    
	}
	.label-left-top{
	  clear: both;
	  left:auto;
	  right: auto;
	  top:0.7em!important;
	  color: #292929!important;
	}
	.label-right-top{
	  right:auto;
	  left: auto;
	  top:auto;
	}
	.jisseki30 img{
		width: 254px!important;
		height: 56px;
		margin-left: auto;
		margin-right: auto;
		clear: both!important;
	}
	.hp_pdgLeft100{
		padding: 0!important;
		margin: auto!important;
		text-align: center!important;
		clear: both;
		}
	.hp_txtAlnL{
		padding: 0!important;
		margin: auto!important;
		text-align: center!important;
		clear: both;
		}

	}