.linkStyle{
    color:#c9512e;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

#page-top{
    position:absolute;
}


/*--all page---------------------------
-------------------------------------*/
body,
#main_img .txt,
#page_title,
#f_contact .con_txt,
#intro h2,
#contents1 h2,
#contents2 h2,
#top_cms h2,
#top_info h2,
#f_contact .con_bt,
.more_bt a,
#top_info .more_bt2 a{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}
#body{
    overflow:hidden;
}
.load_logo figure{
    max-width:450px;
}

#header{
    padding-top:0;
}
header .inner{
    border-radius:0;
    /*opacity:0;*/
    transition:all 0.3s;
}
header .head_fix .inner{
    /*opacity:1;*/
    transition:all 0.3s;
}
#pc_nav ul:last-of-type{
    border-radius:0;
}
/*
#header #logo img{
    width:50%!important;
}
*/
#header.head_fix #logo img{
    width:100%!important;
}
#f_contact a span.hover_box{
    opacity: 0.7;
}
footer,
#bottom_menu{
    background-color:#282727;
}

#footer p,
#copyright,
#copyright a{
    color:white;
}
#sp_nav a.active{
    border-bottom: 1px solid white;
}


/*--top page---------------------------
-------------------------------------*/
#video::before{
    opacity: 0.36;
}
#main_img .txt{
    top:35%;
}
#intro figure{
    right:0;
}
#intro .grid_6{
    padding-right:80px;
}
.intro_title{
    position:relative;
}
.intro_sub{
    font-size: 6rem;
    color: white;
}
.con1_sub{
    font-size: 5rem;
    opacity: 0.9;
    line-height: 1.2;
}
.con2_sub{
    font-size:5rem;
}
.contents2_bg{
    margin-top:-100px;
}
.bg_grange,
#top_info{
    background-image:url(./Dup/img/grange.png);
    background-repeat:repeat;
    background-color:#fafafa;
}
.top_cms_box{
    padding:30px;
}
.info_txt h2{
    font-size:2rem;
}

/*top page animation*/
/*ローディング後にフェードイン*/
.load-fade {opacity : 0; transition : all 5s/*処理にかかる時間*/;}
.load-fade.done{opacity : 1; transform : translate(0, 0);}




/*--under page---------------------------
-------------------------------------*/
.page{
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}
.qa_type5 .faq_no {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    top: -10px;
    left: 0;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.qa_type5 .box_title1, .qa_type5 .box_txt1 {padding-left: 70px;line-height: 1.7;}





/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header.head_fix #logo img {
    width: 80%!important;
}
#main_img {
    height: 45vh!important;
}
#main_img .txt {
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
}
#main_img h2{
    font-size:30px;
}
#main_img p{}
.video{
    transform: none;
    top: 0;
    left: 0;    
}
#intro .grid_6 {
    padding-right:0;
}
.intro_sub {
    font-size: 5rem;
}
.con1_sub,
.con2_sub{
    font-size: 4rem;
}
.contents2_bg {
    width: 90%!important;
    margin-top: -50px;
}
#page_title .box {
    padding: 160px 0 120px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#main_img {
    height: 37vh!important;
}
#main_img .txt {
    top: 45%;
}
#main_img h2 {
    font-size: 25px;
}
#intro{
    padding-top:20px;
}
.intro_sub {
    font-size: 3rem;
}
.con1_sub,
.con2_sub {
    font-size: 2.5rem;
}
.main_sub_sp{
    letter-spacing:0;
}

#intro .intro_bg,
#intro .bg_box {
    height: 100%;
}
#contents2 .box_txt1{
    margin-bottom:70px;
}
#top_cms{
    padding-top:50px;
}

.f_contact_bt span{
    font-size:2rem;
}
#page_title .box {
    padding: 120px 0 90px;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{
    padding-top:35px;
}
.qa_type5 .faq_no{
    line-height:53px;
}
}