﻿.bg_color2 {
    background-color: #efeeec;
}
/* ----------　all　---------- */
.linkStyle{
	color:#999999;
}
.linkStyle:hover{
	color:#999999;
	opacity: 0.7;
	transition: all 0.5s;
}
#loader_h{
    z-index: 1000;
}
/* fadeUpをするアイコンの動き */

#loader_h svg{
    position: absolute;
    width: 50%;
    max-width: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#loader_h svg{
animation-name: fadeUpAnime;
animation-duration:4.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translate(-60%,-50%);;
  }

  to {
    opacity: 1;
  transform: translate(-50%,-50%);;
  }
}
#line_animation1 path{
     fill: none;
     stroke: #ffffff;
     stroke-width: 66;
     stroke-linejoin: bevel;
     stroke-miterlimit: 10;
}
header #header #header_menu li {
    text-shadow: 1px 1px 1px rgba(255, 255, 255 ,0.85);
}
#wrap {
    background-color: #fff;
}
.foot_link a{
    padding-top: 150px;
    padding-bottom: 150px;
}
footer .bg_color2{
    background-color: #efeeec;
}
footer #footer {
    padding-top: 20px;
}
#logo2 {
    margin-bottom: 70px;
}
/* ----------　TOP　---------- */
#main_img .catch {
    position: absolute;
    width: 50%;
    max-width: 500px;
    z-index: 2;
    bottom: 50px;
    left: 5%;
    mix-blend-mode: color-burn;
    opacity: 0.8;
}
#intro{
    background-color: #fff;
}
/* ----------　下層ページ　---------- */
#page_title #filter_white {
    padding-top: 120px;
    padding-bottom: 100px;
    text-shadow: 1px 3px 5px #fff;
}
/* 会社情報 */
#cms_5-e .number:before, .cms_5-e .number:before {
    font-family: 'Zen Old Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}
/* faq */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */



/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
/* ----------　all　---------- */
.foot_link a {
    padding-top: 100px;
    padding-bottom: 100px;
}
/* ----------　TOP　---------- */
#main_img .catch {
    max-width: 300px;
    bottom: 25px;
}

/* ----------　下層ページ　---------- */
#page_title #filter_white {
    padding-top: 130px;
    padding-bottom: 90px;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}



/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
/* ----------　all　---------- */
#loader_h svg {
    width: 60%;
}
.foot_link a {
    padding-top: 70px;
    padding-bottom: 70px;
}
#logo2 {
    width: 250px;
}
/* ----------　TOP　---------- */
#main_img .catch {
    bottom: 15px;
}

/* ----------　下層ページ　---------- */
#page_title {
    background-attachment: initial;
}
#page_title #filter_white {
    padding-top: 130px;
    padding-bottom: 0px;
}
#page_title h2{
    text-align: right;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */
}