/*--------------------------------------------------------*/

/*  オンライン相談　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.online_soudanBox{
	max-width:980px;
	margin:20px auto 0;
	text-align:center;
}

.online_soudanBox p.online_message{
	font-size:14px;
	color:#888;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.online_soudanBox p.online_message a{
	color:#888;
}

.online_soudanBox img.icon01{
	margin-right:5px;
	width:24px;
}

.online_soudanBox img.icon02{
	margin-right:14px;
	width:24px;
}

}

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

.online_soudanBox{
	margin:14px 0 0;
	text-align:center;
}

span.iconBox{
}

.online_soudanBox p.online_message{
	font-size:13px;
	color:#999;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.online_soudanBox p.online_message a{
	color:#999;
}

.online_soudanBox img.icon01{
	margin-right:5px;
	width:22px;
}

.online_soudanBox img.icon02{
	margin-right:10px;
	width:22px;
}

}

/*--------------------------------------------------------*/

/*  お知らせ　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.important_news{
	text-align:center;
	position:fixed;
	top:50px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:100;
}

.important_news p.news_txt{
	font-size:14px;
	color:#888;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.important_news p.news_txt a{
	color:#888;
}

}

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

.important_news{
	text-align:center;
	padding-top:30px;
}

.important_news p.news_txt{
	font-size:13px;
	color:#999;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:0.5px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.important_news p.news_txt a{
	color:#999;
}

}

/*===============================================
●base.css 画面の横幅が768px以上
===============================================*/

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

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

/*  アニメーション　*/
/*--------------------------------------------------------*/

.moviebox{
	max-width:680px;
	margin:0 auto;
}

.top_movie{
	position:absolute;
	max-width:680px;
	right:50%;
	bottom:50%;
	-webkit-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}

/*  ロゴ ボタン　*/
/*--------------------------------------------------------*/

#index_logoBox{
	width:140px;
	position:fixed;
	right:40px;
	bottom:30px;
 	z-index: 999;
}

#index_logoBox .click_icon{
	margin-bottom:25px;
}

#index_logoBox .click_icon img{
	width:130px;
}

#button{
	cursor:pointer;
}

#index_logoBox #button img{
	width:130px;
}

#index_logoBox #button img:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

/*  スマホ用のロゴボタン　*/
/*--------------------------------------------------------*/

#sp_logoBox{
	display:none;
}

/*  隠しメニュー　*/
/*--------------------------------------------------------*/

#index_menuBox{
}

#index_menuBox #index_menuBox_inner{
}

#index_menuBox #index_menuBox_inner .box{
	background-color: rgba( 255, 255, 255, 0.95 );
	position: absolute;
	width:100%;
	height: 100vh;
}

#index_menuBox #index_menuBox_inner .box ul{
	max-width:940px;
	height: 30px;
	margin: auto;
	position: absolute;
	top: 50px;
	bottom: 50px;
	right: 0px;
	left: 0px;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#index_menuBox #index_menuBox_inner .box ul li{
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	line-height:1.5em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.1em;
}

#index_menuBox #index_menuBox_inner .box ul li a{
	color:#555;
	text-decoration:none;
}

#index_menuBox #index_menuBox_inner .box ul li a:hover{
	color:#AAA;
	text-decoration:none;
}

}







/*===============================================
●smartphone.css 画面の横幅が768px以下
===============================================*/
@media screen and (max-width:768px){

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

/*  アニメーション　*/
/*--------------------------------------------------------*/

/*  スマホ　縦向き　の場合　*/

@media (orientation: portrait  ){

.moviebox{
	padding:30px 0 10px 0;
}

.top_movie{
}

}

/*  スマホ　横向き　の場合　*/

@media (orientation: landscape ){

.moviebox{
}

.animation{
}

.top_movie{
 	position: absolute; 
 	top:0; 
	width:auto;
 	height: 100%;
	right:50%;
	-webkit-transform: translate(50%, 0%);
	transform: translate(50%, 0%);
}

}

/*  ロゴ ボタン　*/
/*--------------------------------------------------------*/

#index_logoBox{
	display:none;
}

/*  スマホ用のロゴボタン　*/
/*--------------------------------------------------------*/

#sp_logoBox{
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 1000;
}

#sp_logoBox .click_icon{
	margin-bottom:22px;
}

#sp_logoBox .click_icon img{
	width:100px;
}

#sp_logoBox #button{
	cursor:pointer;
}

#sp_logoBox #button img{
	width:100px;
}

#sp_logoBox #button img:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

/*  隠しメニュー　*/
/*--------------------------------------------------------*/

#index_menuBox{
	display:none;
}

}