@charset "UTF-8";


/* =========================================================
　◆スマホ用 フッターメニュー
========================================================= */
@media screen and (max-width: 960px) {

.footer_nav ul{
	display: block;
	clear: both;
	position: relative;
	width: 100%;
	margin: auto;
	border-bottom: 2px solid #fff;
	}
.footer_nav li a{
	display: block;
	clear: both;
	position: relative;
	width: 100%;
	margin: auto;
	padding:6px 5px 5px 15px;
	background-color: #DFF0FF;
	color: #000000;
	border-top: 1px solid #fff;
	text-decoration: none;
	}
	
.footer_nav li a:hover{
	display: block;
	clear: both;
	position: relative;
	width: 100%;
	margin: auto;
	padding:6px 5px 5px 15px;
	background-color: #284b85;
	color: #FFFFFF;
	border-top: 1px solid #fff;
	text-decoration: none;
	font-weight: bold;
	}
.footer_nav li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #093;
border-right: solid 2px #093;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
}

/* =========================================================
　◆メイン（スライダー）
========================================================= */

.ly_mainvis .slider{
	display: block;
	clear: both;
	max-width: 100%;
	overflow: hidden;
    top: 0px;
	height: auto;
	position: relative;
	margin: auto;
	text-align: center;
}

.ly_mainvis .slider li{
    width: 100%;
	text-align: center!important;
	margin: auto!important;
}

.ly_mainvis .slider img{
	text-align: center!important;
	margin: auto!important;
}

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

.ly_mainvis .slider{
	top: 80px;
	border-top: 2px solid #2d5473;
	margin: 0 auto 2.9em auto!important;
	}
}


.ly_mainvis .slider li{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    height: auto;
    position: relative;
	text-align: center!important;
	margin: auto!important;
}


@media screen and (max-width: 1412px) {
body{
	background-image: none;
}
}

.slide_item1 {
}
.slide_item2 {
}
.slide_item3 {
}
.slide_item4 {
}


.ly_mainvis{
	font-size: 1.8rem;
	width: 100%;
	top: 0px;
	min-height: auto;
	position: relative;
}

.ly_mainvis_inner{
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top: 180px;
	position: absolute;
    z-index: 100;
}

.el_ttlLv1_top{
	font-size: 2.8rem;
	font-family: "Yu Mincho", "YuMincho", serif;
	letter-spacing: 2px;
}

.ly_mainvis_inner p{
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 1.8rem;
}

@media screen and (min-width: 641px){
	.ly_mainvis_inner{
	padding-left: 20px;
	padding-right: 20px;
}

.el_ttlLv1_top{
	font-size: 4.5vw;
	letter-spacing: 0.5rem;
}
.ly_mainvis_inner p{
	font-size: 2.2rem;
}

}


/* == ◆幅 == */

.w1000{ display: block; clear: both; max-width: 1000px; margin: auto;}

/* =========================================================
  ◆見出し
========================================================= */

/*h2見出し（メイン）*/

.el_ttlLv2_v1{
margin: 0 auto;
text-align: center;
color: #4e4e4e;
width: 100%;
height: auto;
position: relative;
} 

.el_ttlLv2_v1 h2{
font-family: "Yu Mincho", "YuMincho", serif;
font-size: 2.5rem!important;
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0px 0px;
}


.el_ttlLv2_v1 p{
font-family: "Yu Mincho", "YuMincho", serif;
font-size: 1.8rem!important;
}

@media screen and (max-width: 640px){
.el_ttlLv2_v1 p{
font-family: "Yu Mincho", "YuMincho", serif;
font-size: 1.7rem!important;
padding: 15px 20px 0 20px;
}

}

/*h2見出し（白抜き）*/

.el_ttlLv2_v2{
margin: 0 auto;
text-align: center;
color: #fff;
} 

.el_ttlLv2_v2 h2{
font-family: "Yu Mincho", "YuMincho", serif;
font-size: 2.4rem;
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 5px;
}


/*h3見出し（メイン）*/

.el_ttlLv3_v1 h3{
	color: #fff;
	font-size: 1.8rem!important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
	background-color: #49c4ea;
	padding: 20px 0 20px 0!important;
	text-align: center;
	background-image: url(../images/heart_ao.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
}

.green_midashi h3{
	color: #54a300;
	font-size: 1.9rem!important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
	background-color: #fff;
	padding: 30px 0 0 0!important;
	text-align: center;
}

.ao_midashi h3{
	color: #4cb3ec;
	font-size: 1.9rem!important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
	background-color: #fff;
	padding: 30px 0 0 0!important;
	text-align: center;
}

.ao_midashi span{
	color: #595858!important;
}

.el_ttlLv3_v1_2 h3{
	color: #fff;
	font-size: 1.8rem!important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
	background-color: #9dc800;
	padding: 20px 0 20px 0!important;
	text-align: center;
	background-image: url(../images/heart_green.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
}

.el_ttlLv3_v1 dt{
    color: #fff;
	background-color: #49c4ea;
}

.el_ttlLv3_v1 dd{
    color: #393939;
	background-color: #fff!important;
	padding: 0!important;
	margin: 0!important;
}

.el_ttlLv3_v1 dd p{
    color: #393939;
	background-color: #fff!important;
	padding: 0!important;
	margin: 0!important;
}



/*h3見出し（番号付き）*/

.el_ttlLv3_v2 h3{
    color: #393939;
	font-size: 2.3rem;
	letter-spacing: 0.06em;
	line-height: 2em;
	font-family: "Yu Mincho", "YuMincho", serif;
	display: block;
    padding-left: 10px;
	padding-top: 30px;
    font-weight: normal!important;	
	text-indent: 0!important;
}

.el_ttlLv3_v2 span {
    color: #685131;
	font-family:'Bookman Old Style';
	font-size: 2.6rem;
	font-style: italic;
	padding-right: 10px;
}

@media screen and (min-width: 641px){
	.el_ttlLv2_v1 h2 span{
font-size: 2.2rem;
}

	
.el_ttlLv2_v1 h2{
font-size: 3.5rem;
	padding: 0 15px;
	letter-spacing: 0.2rem;
}

.el_ttlLv2_v2 h2 {
    font-size: 3.5rem;
	letter-spacing: 0.2rem;
}

.el_ttlLv3_v1 h3 {
    font-size: 2.5rem;
    font-weight: bold;
}

.el_ttlLv3_v2 h3 {
font-size: 2.4rem;
display: block;
text-indent: -30px;
 margin-left: 20px;
font-weight: bold;
			
}

}


/* =========================================================
	◆TOP：各セクションの背景画像設定
========================================================= */
.brown_bg{ background-image: url(../images/brown_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	min-height: 1040px;
	width: 100%!important;
}

.brown_bg2{ background-image: url(../images/brown_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 1em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	min-height: auto;
	width: 100%!important;
}

.blue_bg{ background-image: url(../images/blue_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	max-height: 900px;
	width: 100%!important;
}

.nijiiro_bg{ background-image: url(../images/style_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	max-height: 900px;
	width: 100%!important;
}

.nijiiro_bg h2{
	border-bottom: 4px solid #FFFFFF;
	padding: 0!important;
	height: 41px;
}

@media screen and (max-width: 900px){
	
.nijiiro_bg{ background-image: url(../images/style_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	max-height: 900px;
	width: 100%!important;
}
	
.nijiiro_bg h2{
	border-bottom: 4px solid #FFFFFF;
	padding: 0!important;
	height: 41px;
	font-size: 1.36em!important;
}
}

.green_bg{ background-image: url(../images/green_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	max-height: 1000px;
	width: 100%!important;
}

.plan_bg{ background-image: url(../course/images/plan_bg.png);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	max-height: 900px;
	width: 100%!important;
}

.salon_bg{ background-image: url(../aboutus/images/salon_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	max-height: 900px;
	width: 100%!important;
}

.salon_bg2{ background-image: url(../aboutus/images/salon_bg2.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	max-height: 900px;
	width: 100%!important;
}

.gaiyo_bg{ background-image: url(../aboutus/images/salon_bg2.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	height: auto;
	width: 100%!important;
}

.raiten_bg{ 
	background-image: url(../raiten/images/main_bg.jpg);
    background-repeat: repeat;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	height: auto;
	width: 100%!important;
}

.raiten_bg p{
	display: block;
	font-size: 0.96em;
	padding: 0.1em 0 1.2em 0;
	text-align: left;
	margin: auto;
	max-width: 1000px;
}

.entry_bg{ 
	background-color: #FFFFFF;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	height: auto;
	width: 100%!important;
}

.entry_bg p{
	display: block;
	font-size: 0.96em;
	padding: 0.1em 0 1.2em 0;
	text-align: left;
	margin: auto;
	max-width: 1000px;
}

.service_bg{ background-image: url(../service/images/service_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	height: auto;
	width: 100%!important;
}

.voice_bg{ background-image: url(../voice/images/voice_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	min-height: 900px;
	width: 100%!important;
}



@media screen and (max-width: 640px){
.brown_bg{ background-image: url(../images/brown_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 3em;
	margin: auto;
	display: block;
	clear: both;
	min-height: 1800px!important;
	height: auto;
	width: 100%!important;
	position: relative;
	text-align: center;
}
	
.blue_bg{ background-image: url(../images/blue_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 3em;
	margin: auto;
	display: block;
	clear: both;
	min-height: 1370px!important;
	height: auto;
	width: 100%!important;
	position: relative;
	text-align: center;
}

.green_bg{ background-image: url(../images/green_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	min-height: 1290px!important;
	width: 100%!important;
	position: relative;
	text-align: center;
}
	
.green_bg{ background-image: url(../images/green_bg.jpg);
    background-repeat: repeat-x;
	padding-top: 1em;
	padding-bottom: 2.5em;
	margin: 0 auto;
	display: block;
	clear: both;
	max-height: 800px;
	width: 100%!important;
}

	
}

/* =========================================================
	◆配色パターン
========================================================= */

:root {
  --main-color: #2e2e2e;
  --sub-color-gray: #b2b7bd;
  --sub-color-lightgray: #eeeeee;
  --sub-color-offwhite02: #f5f5f5;
  --accent-color-purple: #8084C9;
  --accent-color-blue: #6181C9;
  --accent-color-green: #92B771;
  --accent-color-yellow: #CCAA65;
  --accent-color-red: #c65469;
  --border-color-lightgray: #bfbfbf;
  --text-color: #323c46;
  --text-sub-color01: #6181C9;
}

/* =========================================================
  ◆配置（付与用 css）
========================================================= */
/* マージン */
.hp_mgn0 { margin: 0 !important; }
.hp_mgnSS { margin: 15px 0 !important; }
.hp_mgnS { margin: 30px 0 !important; }
.hp_mgnM { margin: 48px 0 !important; }
.hp_mgnL { margin: 72px 0 !important; }
.hp_mgnLL { margin: 100px 0 !important; }
.hp_mgnTop0 { margin-top: 0 !important; }
.hp_mgnTopSS { margin-top: 15px !important; }
.hp_mgnTopS { margin-top: 30px !important; }
.hp_mgnTopM { margin-top: 48px !important; }
.hp_mgnTopL { margin-top: 72px !important; }
.hp_mgnTopLL { margin-top: 100px !important; }
.hp_mgnBtm0 { margin-bottom: 0 !important; }
.hp_mgnBtmSS { margin-bottom: 15px !important; }
.hp_mgnBtmS { margin-bottom: 30px !important; }
.hp_mgnBtmM { margin-bottom: 48px !important; }
.hp_mgnBtmL { margin-bottom: 72px !important; }
.hp_mgnBtmLL { margin-bottom: 100px !important; }
.hp_mgnAutoR { margin: 0 auto 0 0 !important; }
.hp_mgnAutoL { margin: 0 0 0 auto !important; }
.hp_mgnAuto0 { margin: 0 auto !important; }

.hp_mgnLeft20 { margin-left: 20px; }

/* パディング */
.hp_pdg0 { padding: 0 !important; }
.hp_pdgSS { padding: 15px 0 !important; }
.hp_pdgS { padding: 30px 0 !important; }
.hp_pdgM { padding: 48px 0 !important; }
.hp_pdgL { padding: 72px 0 !important; }
.hp_pdgLL { padding: 100px 0 !important; }
.hp_pdgTop0 { padding-top: 0 !important; }
.hp_pdgTopSS { padding-top: 15px !important; }
.hp_pdgTopS { padding-top: 30px !important; }
.hp_pdgTopM { padding-top: 48px !important; }
.hp_pdgTopL { padding-top: 50px !important; }
.hp_pdgTopLL { padding-top: 100px !important; }
.hp_pdgBtm0 { padding-bottom: 0 !important; }
.hp_pdgBtmSS { padding-bottom: 15px !important; }
.hp_pdgBtmS { padding-bottom: 30px !important; }
.hp_pdgBtmM { padding-bottom: 48px !important; }
.hp_pdgBtmL { padding-bottom: 72px !important; }
.hp_pdgBtmLL { padding-bottom: 100px !important; }
.hp_pdgAutoR { padding: 0 auto 0 0 !important; }
.hp_pdgAutoL { padding: 0 0 0 auto !important; }
.hp_pdgAuto0 { padding: 0 auto !important; }

.hp_pdgLeft20 { padding-left: 20px !important; }
.hp_pdgLeft50 { padding-left: 50px !important; }
.hp_pdgLeft90 { padding-left: 90px !important; }
.hp_pdgLeft100 { padding-left: 100px !important; }

@media screen and (max-width: 640px ){
/* マージン */
.hp_mgnSS { margin: 1.25vh 0 !important; }
.hp_mgnS { margin: 2.5vh 0 !important; }
.hp_mgnM { margin: 4vh 0 !important; }
.hp_mgnL { margin: 6vh 0 !important; }
.hp_mgnLL { margin: 8.3vh 0 !important; }
.hp_mgnTopSS { margin-top: 1.25vh !important; }
.hp_mgnTopS { margin-top: 2.5vh !important; }
.hp_mgnTopM { margin-top: 4vh !important; }
.hp_mgnTopL { margin-top: 6vh !important; }
.hp_mgnTopLL { margin-top: 8.3vh !important; }
.hp_mgnBtmSS { margin-bottom: 1.25vh !important; }
.hp_mgnBtmS { margin-bottom: 2.5vh !important; }
.hp_mgnBtmM { margin-bottom: 4vh !important; }
.hp_mgnBtmL { margin-bottom: 6vh !important; }
.hp_mgnBtmLL { margin-bottom: 8.3vh !important; }
	

/* パディング */
.hp_pdgSS { padding: 1.25vh 0 !important; }
.hp_pdgS { padding: 2.5vh 0 !important; }
.hp_pdgM { padding: 4vh 0 !important; }
.hp_pdgL { padding: 6vh 0 !important; }
.hp_pdgLL { padding: 8.3vh 0 !important; }
.hp_pdgTopSS { padding-top: 1.25vh !important; }
.hp_pdgTopS { padding-top: 2.5vh !important; }
.hp_pdgTopM { padding-top: 4vh !important; }
.hp_pdgTopL { padding-top: 6vh !important; }
.hp_pdgTopLL { padding-top: 8.3vh !important; }
.hp_pdgBtmSS { padding-bottom: 1.25vh !important; }
.hp_pdgBtmS { padding-bottom: 2.5vh !important; }
.hp_pdgBtmM { padding-bottom: 4vh !important; }
.hp_pdgBtmL { padding-bottom: 6vh !important; }
.hp_pdgBtmLL { padding-bottom: 8.3vh !important; }
	
}


/* 文字位置 */
.hp_txtAlnL { text-align: left !important; font-size: 1.7rem; line-height: 1.86em; clear: both; margin: 18px; padding-left: 14px;}
@media screen and (max-width: 640px ){
	.hp_txtAlnL { text-align: left !important; font-size: 1.6rem; line-height: 1.7em; clear: both; margin: 15px 0 15px 10px!important; padding:0 0 0 10px!important;}
}

.hp_txtAlnL2 { text-align: left !important; font-size: 1.7rem!important; line-height: 1.86em; clear: both; margin: 10px; padding-left: 0px;}
@media screen and (max-width: 640px ){
	.hp_txtAlnL2 { text-align: left !important; font-size: 1.6rem!important; line-height: 1.7em; clear: both; margin: 15px 0 15px 0!important; padding:0 0 0 0!important;}
}

.hp_txtAlnR { text-align: right !important; }
.hp_txtAlnC { text-align: center !important; }

/* 3カラム文字 */
.hp_txt_3clm { text-align: left !important; font-size: 1.64rem!important; letter-spacing: 0em; line-height: 1.6em; clear: both; margin: 8px; padding-left: 9px;}

/* 3カラム文字（フロー） */
.hp_txt_3clmFlow { text-align: left !important; font-size: 1.6rem!important; letter-spacing: 0em; line-height: 1.6em; clear: both; margin: 8px; padding-left: 9px;}


/* =========================================================
  テキスト装飾
========================================================= */

.el_txtL{
	font-size: 1.1em !important;
}


.el_txtTourkon{
	font-size: 116% !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.el_txtLL{
	font-size: 130% !important;
}

.el_txtL2{
	font-size: 100% !important;
}

.el_txtS{
	font-size: 80%;
}

.el_txtUl{
	text-decoration: underline;
	color: #921F22;
	font-weight: bold;
}

.el_txtUlL{
	text-decoration: underline;
	color: #921F22;
	font-weight: bold;
	font-size: 130% !important;	
}

.el_txtRed{
	color: #921F22;
}

.el_txtGreen{
	color: #54a300;
}


.el_txtBol{
	font-weight: bold;
}

.el_marker {
	background-image:url("../images/bg_pink.png");
	background-position: bottom;
	background-repeat: repeat-x;
}

@media screen and (max-width: 640px){
.el_txtL{
	font-size: 1em !important;
}
}

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

	.el_txtL2{
	font-size: 130%;
}

}


/* =========================================================
  リスト
========================================================= */

/* 最初の文字を逆インデント */
.el_li_indent {
	margin-left: 2rem;
}
.el_li_indent li{
	text-indent: -2rem;
}

.el_dd_indent dd{
	padding-left: 3rem;
}

.el_dd_indent2 dd{
	padding-left: 2.5rem;
}

.el_tx_indent{
	text-indent: -2rem;
	margin-left: 2rem;
}


/* =========================================================
  ◆ボタン
========================================================= */
/* ベーシック */
a.el_btn { font-size: 2.4rem; line-height: 1.2; color: #fff; text-decoration: none; padding: 30px 80px 30px 80px; background: #baa88f; display: inline-block; border: 1px solid #baa88f; 
font-family:YuMincho,'Yu Mincho', serif; max-width: 570px;}
a.el_btn:hover { color: #baa88f; border: 1px solid #baa88f; background: #fff; }

.el_btnBox{
   text-align: center;
    width: 100%;
    margin: 20px auto;
    padding-left: 20px;
    padding-right: 20px;
}

.el_btnBox p{
    padding-right: 20px;
}

.el_btnBox .arrow {
    display: inline-block;
  position: relative;
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
}


/* 白抜きbtn */

a.el_btn2 { font-size: 2.4rem; line-height: 1.2; color: #fff; text-decoration: none; padding: 35px 120px 35px 100px; display: inline-block; border: 1px solid #fff; 
font-family:YuMincho,'Yu Mincho', serif; max-width: 570px;}
a.el_btn2:hover { color: #fff; border: 1px solid #fff; background: #2e2e2e; border: 1px solid #fff;}

.el_btnBox2{
   text-align: center;
    width: 100%;
    margin: 20px auto;
    padding-left: 20px;
    padding-right: 20px;
}

.el_btnBox2 p{
    padding-right: 20px;
}

.el_btnBox2 .arrow2 {
    display: inline-block;
  position: relative;
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
}

.el_btnBox2 .arrow2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10%;
  margin: auto;
    width: 35px;
    height: 10px;
    border-bottom: 1px solid #fff;
  transition: 0.5s;
}
.el_btnBox2 .arrow2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: -10px;
  right: 10%;
  margin: auto;
    width: 20px;
    height: 10px;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  transition: 0.5s;
}

.el_btnBox2 .arrow2:hover::after {
   border-bottom: 1px solid #fff;
  transition: 0.5s;
}
.el_btnBox2 .arrow2:hover::before {
    border-top: 1px solid #fff;
  transition: 0.5s;
  }


@media screen and (max-width: 640px ){
a.el_btn{
font-size: 3vw;
padding: 3vh 20vw 3vh 18vw;	
}

a.el_btn2{
font-size: 3vw;
padding: 3vh 20vw 3vh 18vw;	
}	
	
}


/* =========================================================
　◆線
========================================================= */

.boderDot{
  border-top: 1px dotted #b2b7bd;
}

/* =========================================================
　◆シャドウ
========================================================= */

.el_boxShadow{
  box-shadow: 0 7px 40px 0 rgba(0,0,0,0.2);
}

/* =========================================================
　◆アイコン
========================================================= */
.el_icon_pdf{
	margin-left: 5px;
	display: inline;
	width: 25px;
}

@media screen and (max-width: 640px ){
.el_icon_pdf{
	width: 2vw;
}
}

/* =========================================================
　テーブル
========================================================= */

/*ver01（会社概要など）*/

.el_table_v1{
	width: 100%;
}

.el_table_v1 td, .el_table_v1 th {
    border: 1px #bfbfbf solid;
	vertical-align: middle;
}

.el_table_v1 th {
    font-weight: bold;
    width: 200px;
    text-align: center;
	white-space: nowrap
}

.el_table_v1 td {
    padding: 30px 60px;
}

@media screen and (max-width: 1007px){
	
.el_table_v1 th {
    width: 17vw;
}	
.el_table_v1 td {
    padding: 2.5vw 5vw;
}
}


/*ver02（会社概要の役員リストなど）*/

.el_table_v2 td, .el_table_v2 th {
    border:none;
}

.el_table_v2 th {
    text-align: left;
    font-weight:400;
	white-space: nowrap
}

.el_table_v2 td {
    padding: 10px;
}

.history dl:last-child {
    margin-bottom: 0;
}
.history dl {
    display: table;
    width: 100%;
    margin-bottom: 20px;
} 

.history dl dt{
    font-weight: bold;
    display: table-cell;
	width: 80px;
}

.history dl dd{
    display: table-cell;
}

@media screen and (max-width: 640px){
  
.history dl dt {
    width: 8.3vw;
}
	
}

/*ver03（CSVのイメージ画像）*/

.el_table_v3 img{
	width: 95%;
	
}


/*テーブル中のdl*/

.em_table_dl dt{
	font-weight: bold;
}


/*ver03（マルチカントリー調査など）*/

.el_table_v3{
  width: 100%;
}

.el_table_v3 td, .el_table_v3 th {
    border: 1px #bfbfbf solid;
  vertical-align: middle;
}

.el_table_v3 th {
    font-weight: bold;
    text-align: left;
  white-space: nowrap;
     padding: 10px 30px;
     background-color: #f5f5f5;
}

.el_table_v3 td {
   padding: 10px 30px;
}

@media screen and (max-width: 1007px){
  
.el_table_v3 th {
    width: 17vw;
} 
.el_table_v3 td {
    padding: 2.5vw 5vw;
}
	
}

/*流れ-------------------------------------------------*/

.ly_flow dl dt{
  font-weight: bold;
  display: block;
position: relative;
}

.ly_flow dl dd{
  display: block;
position: relative;
padding-bottom: 10px;
}

.ly_flow li{
  position: relative;
    padding: 30px 0 10px 15px;
}

.ly_flow li:not(:last-child) {
    border-bottom: 1px #bfbfbf dotted;
}

.ly_flow li:not(:last-child)::before,
.ly_flow li:not(:last-child)::after{
  position: absolute;
  top: 100%;
  left: 20px;
  content: "";
  height: 0;
  width: 0;
  border: 10px solid transparent;
}
.ly_flow li:not(:last-child)::before{
  border-top: 10px solid #bfbfbf;
}
.ly_flow li:not(:last-child)::after{
  margin-top: -1px;
  border-top: 10px solid #ffffff;
}


/*スケジュール-------------------------------------------------*/

.el_schedule li{
  margin-bottom: 50px;
  position: relative;
  font-weight: bold;
}

.el_schedule li:not(:last-child)::after {
    position: absolute;
    left: 90px;
    bottom:-100%;
    content: ' ';
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px 10px;
    border-top-color: #d2d2d2;
}

.el_schedule li span{
  border: 2px #2e2e2e solid;
  padding:5px 0px;
  width: 200px;
   display: inline-block;
   text-align: center;
}

.el_schedule li:not(:last-child) span{
  color:#2e2e2e; 
}

.el_schedule li:last-child span{
  color: #fff;
  background-color: #2e2e2e;
}


/** =======================
 * Accordion（>）
 ===========================*/
#sidebar {
    font-size: 1.4rem;
	font-family:var(YuMincho,'Yu Mincho', serif);
    width: 250px;
	position: absolute;
	top: 205px;
    background: #fff;
}


#sidebar_global-nav .sidebar_submenu .link{
	text-decoration: none;
	background-color: #eeeeee;
}


.accordion {
    width: 100%;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 }

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px;
    color: #846C49;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link:hover{background-color: #EFEFEF;
}

.accordion li:last-child .link {
    border-bottom: 0;
}

.accordion .link h3{
	font-size: 1.8rem;
	font-family: "Yu Mincho", "YuMincho", serif;
	display: inline;
	display: table-cell;
}

.accordion .link span {
	font-family:'Bookman Old Style';
	font-size: 2.0rem;
	font-style: italic; 
    padding-right: 10px;
	display: table-cell;
	font-weight: bold;
}


.accordion li i.fa-chevron-down{
    position: absolute;
    top: 27px;
    left: 12px;
    font-size: 18px;
    color: #E0E0E0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    right: 22px;
    left: auto;
    font-size: 12px;
}

.accordion li.open i.fa-chevron-down{
    color: #E0E0E0;
}
.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}


 .submenu a {
    display: block;
    text-decoration: none;
    color: #d9d9d9;
    padding: 12px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
 }

 .submenu a:hover {
    background:#011224;
    color: #FFF;
 }


.sidebar_contents{
	padding: 20px;
}

.sidebar_contents i{
	display: block;
	color: #baa88f;
}


@media screen and (min-width: 641px){
.accordion .link h3 {
    font-size: 2.0rem;
}
	.ly_SideBar{
		width:560px;
	}
	
}




/** =======================
 * Accordion（＋）
 ===========================*/

.accordionlist {
    margin-top: 0;
    margin-right: 100px;
    margin-left: 100px;
    margin-bottom: 0;
}

.accordionlist dt{
	display:block;
	padding: 20px 0 20px 5px;
	cursor :pointer;
	transition: all .4s;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

.accordionlist dt:hover{
	opacity: 0.8;
}

.accordionlist dt .title {
    padding-left: 5px;
    float: left;
    display: inline;
    padding-top: 5px;
    padding-right: 5px;
}
.accordionlist dt h4{
	margin-bottom: 10px;
}


.accordionlist dt p{
	display: inline-block;
	text-align: center;
}

.accordionlist .last{
    border-bottom: 1px solid #DFDFDF !important;
}

.accordionlist dd{
	display:none;
	padding:30px 40px;
	background-color: #efefef;
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 30px;
	height: 40px;
	float: right;
	margin-right: 10px;
}
.accordion_icon span {
	position: absolute;
	left: 6px;
	width: 50%;
	height: 2px;
	background-color:#BBBBBB;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
	top: 50%;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
	top: 50%;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 50%;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.accordion_imageIcon{
	display: inline-block;
	width: 30px;
	margin-right: 10px;
}

.accordionlist h5{
	font-weight: bold;
	font-size: 3.0rem;
	color: #0C3268;
	margin-bottom: 10px;
}

.accordion_caption{
	font-weight: bold;
	margin-bottom: 10px;
}

.accordion_serviceIcon{
	display: inline-block;
	margin-right: 10px;
}


.ly_database_basicPlan_wrap h4{
	font-weight: bold;
	color: #0C3268;
	font-size: 2.6rem;
}
.ly_database_basicPlan_wrap h4 span{
	font-size: 1.8rem;
}

	.ly_contents02_item .accordionlist span {
    vertical-align: super;
}

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

	.accordionlist dd {
		padding: 3.3vw 3.3vw;
	}
}


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

	.accordionlist {
		margin: 0 0px;
	}
	.accordion_imageIcon {
		display: none;
	}

	.Only1btn dt .title p{
		width:60vw;
	}
	.accordion_serviceIcon {
    display: none;
}
.accordionlist dt {
    padding: 15px 0 15px 5px;
	font-size: 80%;
}
.accordion_icon span:nth-of-type(1),.accordion_icon span:nth-of-type(2),.accordion_icon.active span:nth-of-type(2) {
    top: 50%;
}
}

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

	.accordionlist dt {
		font-size: 1.6rem;
	}

	.accordion_icon {
    height: 60px;
}
	.accordionlist dt {
    padding: 20px 0 20px 15px;
}
}



/*==========================
タブ
==========================*/

.tabs,.tab_content{
  text-align: center;
}

.tabs li{
	display: inline-block;
	background-color:#B8B8B8;
	color: #fff;
	margin: 0 10px;
    padding: 5px 10px;
	position: relative;
	border-bottom: solid 4px #797979;
	border-radius: 3px;
}

.tabs li a{
	text-decoration: none;
	color: #fff;
  transition: .3s;
}


.tabs li.active{
	display: inline-block;
	background-color: #baa88f;
	color: #fff;
	margin: 0 10px;
    padding: 5px 10px;
	position: relative;
	border-radius: 3px;
	-ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}


.tabs li:hover{
	-ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	background-color: #baa88f;
}


.tabs li.active:after{
content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #baa88f transparent transparent transparent;
  border-width: 10px 10px 0 10px;
  transition: .3s;
}

.tab_content i{
	font-size: 3.5rem;
	color: #846C49;
	margin-top: 10px;
	margin-bottom: 15px;
}
.tab_content dl dd{
	font-size: 1.6rem;
	margin-bottom: 15px;
	
}

@media screen and (min-width:641px){
	.tab_content dl dd {
    font-size: 1.8rem;
}
	.tabs li,.tabs li.active{
    padding: 10px 20px;
}
	
}


/* =========================
　◆モーダル
============================ */

.modal {
  position:relative;
  width:100%;
  height:100vh;
  top:0;
  left:0;
  display:none;
  z-index:2000;
text-align: center;
}

.modal .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 20px 20px;
    width: 80vw;
}

.modal .inner h3{
    font-size: 120%;
    margin-bottom: 20px;
	font-weight: bold;
}
.modal .inner p{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
        font-size: 90%;
}

@keyframes modal{
  0% {top:-100%}
  100% {top:50%}
}
@keyframes modalClose {
  0% {top:50%}
  100% {top:100%}
} 

a.modalClose{
    background-color: #3e3e3e;
    color: #fff;
    padding:10px 20px;
    text-decoration:none;
    border:1px #3e3e3e solid;
    font-size: 90%;
}
a.modalClose:hover{
    color: #3e3e3e;
    background-color: #fff;
    border:1px #3e3e3e solid;
}
.modalClose_wrapper{
    margin-top:20px;
}

.el_telBox_modal{
text-align: center;
font-weight: bold;
}

.el_telBox_modal tel{
    font-family:"Century Gothic",sans-serif;
    font-size: 1.8rem;
    position:relative;
}

.el_telBox_modal tel span{
    font-size: 2.2rem;
}

.el_telBox_modal tel a{
    color:#fff;
        padding: 10px 20px;
    background-color: #921F22;
    display:inline-block;
	border-radius: 5px;
}

.el_telBox_modal tel a:hover{
    text-decoration: none;
    opacity:0.7;
}

@media screen and (min-width:641px){
	.modal .inner {
    width: 500px;
		    padding: 30px 30px;
}
	.el_telBox_modal tel span {
    font-size: 3.3rem;
}

}