﻿
   h1#logo {
    max-width: 200px;
    padding: 2px;

}

.linkStyle{
    color:#997193;
     transition:all 0.3s;
}
.linkStyle:hover{
    opacity:0.7;
}
#top_cms.back1:before{
    display:none;
}


@media all and (-ms-high-contrast: none){

    #top_cms figure:hover{
    opacity:0.7;
    transform:none !important;
    
   
}
#top_cms figure{
    transition:all 0.6s !important;
}



    p.que,p.ans{
        padding-top:15px !important;
    }
}

div#footer_nav_wrap ul li:nth-child(1){
 width:80px;   
}
div#footer_nav_wrap ul li:nth-child(2){
    width:150px;   
}
div#footer_nav_wrap ul li:nth-child(3){
    width:110px;   
}
div#footer_nav_wrap ul li:nth-child(4){
    width:170px;   
}
div#footer_nav_wrap ul li:nth-child(5){
    width:110px;   
}
div#footer_nav_wrap ul li{
    text-align:center;
}

#pc_nav li,#top_pc_nav li{
    max-width:none !important;
    margin-right:0;
}
#pc_nav li:nth-child(1),#top_pc_nav li:nth-child(1){
    width:100px;
}
#pc_nav li:nth-child(2),#top_pc_nav li:nth-child(2){
    width:140px;
}
#pc_nav li:nth-child(3),#top_pc_nav li:nth-child(3){
    width:100px;
}
#pc_nav li:nth-child(4),#top_pc_nav li:nth-child(4){
    width:200px;
}
#pc_nav li:nth-child(5),#top_pc_nav li:nth-child(5){
    width:120px;
}
#top_pc_nav li a:hover .eng,div#footer_nav_wrap ul li a:hover .eng{
  display:none;
}
#top_pc_nav li a:hover .ja,div#footer_nav_wrap ul li a:hover .ja{
    display:block;
    animation:text 1s;
}
#pc_nav li a:hover .eng{
  display:none;
}
#pc_nav li a:hover .ja{
    display:block;
    animation:text 1s;
}
.ja{
   display:none;
}
@keyframes text{
    0%{
        opacity:0;
        
    }
    100%{
        opacity:1;
    }
}


.overlay {
    background: rgba(153,113,147,0.9) !important;
}
.cate_list li a:hover {
   background-color: rgba(153,113,147,0.2) !important;
}
.cate_list li a {
   
      background-color: rgba(191,166,187,0.1) !important;
}

.opacity08 {
    opacity: 1;
}

#main_txt {
    top: 27%;
    position: absolute;
    text-align: center;
    width: 100%;
}
.demoTxt {
    display: block;
    opacity: 0;
    font-size: 3.5vw;
    color: #564756;
    text-align: center;

    
}

.demoTxt span {
 opacity: 0;
  -webkit-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
}

a.pop400.bg_color1.txt_white.hvr_bg_color2.hvr_txt_color1.txt_center.width_300-max.mg_clear.pd_10px.motion03s.d_block {
    background: #bfa6bb;
}
.hvr_bg_color2:hover {
    background-color: #997193;
}
.nav_menu_more:first-of-type a .icon:before{
    display:none;
}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after {
  
    background: #997193;
    opacity:0.6;
}
#contents3_wrap:after {
    background-color: rgba(153,113,147,0.2) !important;
}

#fakeloader .fl{
    max-width:350px;
}
#top_pc_nav li a{
    color:#997193;
}
#main_b{
    text-align:center;
}
#main_b img{
    width:53%;
}
.menu.width_100per.posi_center{
 
}
.top_cms_box:first-of-type{
    padding-top:150px;
}
section.top_cms_box{
    max-width:1300px;
    margin:auto;
    padding-top:40px;
}
.cate_box.grid_3,.cate.grid_3{
    width: 30% !important;
    max-width: 380px !important;
}
.cms_title.mg_b-50px.pd_l-10px_sp{
    text-align:center;
}
p.pop400.txt_color1.line-l{
    display:none;
}
h3.hannari.font_30.font_20_tb.linehight_1{
    font-size: 34px;
}
.over_txt.bg_color2.cate_title.font_8up.font_6up_tb.font_4up_sp.txt_center.txt_center_sp.pd_5px.pd_l-r5per.pd_l-5px_sp.pd_r-5px_sp{
    z-index:1;
    position: relative;
    font-size:16px;
    padding:5px 10px;
}
h4.box_title1.pd_5px.txt_color1.font_4up.font_2up_tb.font_100per_sp.bg_color2,h3.box_title1.font_4up.font_2up_tb.font_100per_sp.over_txt.pd_5px{
    font-size: 16px;
    color: #4e4e4e;
     z-index:1;
    position: relative;
    text-align:center;
    padding:5px 10px;
    background-color:#e7e3e4;
}

#top_cms figure:hover{
    transform: scale(1.1);
    filter: brightness(1.05);
}
#top_cms figure{
    transition:all 0.8s;
}
#top_cms.back1:before{
    z-index:-1;
}
p.map {
    background: white;
    text-align: center;
    padding: 0 10%;
    color: #ef2e2e;
}
.faq1{
    padding-left:75px;
    background-image: url(Dup/img/icon1.png);
    background-size: contain;
    background-repeat: no-repeat;
        background-size: 48px;
}
.faq2{
    padding-left:75px;
    background-image: url(Dup/img/icon2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
        background-size: 48px;
}
.faq2{
    padding-right:75px;
}
p.que:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(193, 255, 18, 0);
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 10px;
    border-right-width: 15px;
    margin-top: -10px;
    border-right-color: #bfa6bb;
    right: 100%;
    top: 55%;
}
p.que {
    position: relative;
    width: 35%;
    background: #bfa6bb;
    padding: 10px;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
p.ans:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(193, 255, 18, 0);
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 15px;
    border-right-width: 10px;
    margin-top: -10px;
    border-left-color: #e9e9e9;
    left: 100%;
    top: 55%;
}
p.ans {
   margin-left: auto;
    padding-right: 50px;
    position: relative;
    width: 70%;
    background: #e9e9e9;
    padding: 10px;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    color: black;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#pc_nav li, #top_pc_nav li, #footer_nav li {
    max-width: 170px;
  
}
#main_img:before,#page_title:before {
    background-color: rgba(193,193,193,0.3);
}


.line:before {
    background-color: rgba(153,114,147,0.5) !important;
}
#header{
    background:rgba(183,138,201,0.5);
    background: rgba(159,120,175,0.5);
}
body,.hannari,.pop400,.demoTxt {
    font-family: 'Zen Old Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.back1:before {
    background-color: rgba(177,146,178,0.12) !important;
}
.back2:before {
    background-color: rgba(177,146,178,0.12) !important;
}



/* 全体的なリストのデザインについてはこちら */
#cate_list li{ text-align:center;}
#cate_list li a{}

/* 現在表示されているカテゴリーのリストデザインについてはこちら */
#cate_list li.active{}
#cate_list li.active a{}

/*----------------------------------------PCのみ------------------------------------------------*/
@media screen and (min-width:769px){
    #cms_2-a p.cate_txt1.font_2dw_tb {
    width: 60%;
    margin: auto;
    margin-top: 20px;
}
#cms_2-a figure.box_img1.rectangle_img.txt_center.img_tool.width_70per.width_100per_sp.mg_b-30px {
    margin: auto;
    width: 60% !important;
}
#page4 .cate{
    text-align: center;
}
#page4 .cate_title{
    display: inline-block;
    padding:0 5% ;
    text-align: center;
}
#page4 figure.cate_img1.rectangle_img.img_tool.width_50per.width_100per_sp.mg_b-25px.mg_center_sp.mg_b-25px_sp.shadow{
    width: 50%;
    margin:auto;
}
#page4 .cate_txt1.pd_b-25px.pd_l-5px_sp.pd_r-5px_sp.linehight_2.linehight_1-h_sp{
    width: 50%;
    margin: auto;
    margin-top: 20px;
}
#page4 .cate_box.linehight_1-h.pd_t-b5per{
    padding: 0 5% !important;
}

    
}

/*----------------------------------------ここまで------------------------------------------------*/

/*----------------------------------------タブレット------------------------------------------------*/
@media screen and (min-width:667px) and (max-width:768px){
p.que {
    width: 100%;
    text-align:left;
}
p.ans{
    width:100%;
}
.faq1 {
    padding-left: 75px;
    background-image: url(Dup/img/icon1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 48px;
    padding-right: 85px;
}
.faq2 {
    padding-left: 75px;
    background-image: url(Dup/img/icon2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 48px;
     padding-right: 85px;
}

#cms_4-b .box_wrap {
    justify-content: space-around;
}
  #cms_2-a p.cate_txt1.font_2dw_tb {
    width: 60%;
    margin: auto;
    margin-top: 20px;
}
#cms_2-a figure.box_img1.rectangle_img.txt_center.img_tool.width_70per.width_100per_sp.mg_b-30px {
    margin: auto;
    width: 60% !important;
}
#page4 .cate{
    text-align: center;
}
#page4 .cate_title{
    display: inline-block;
    padding:0 5% ;
    text-align: center;
}
#page4 figure.cate_img1.rectangle_img.img_tool.width_50per.width_100per_sp.mg_b-25px.mg_center_sp.mg_b-25px_sp.shadow{
    width: 70% !important;
    margin:auto;
}
#page4 .cate_txt1.pd_b-25px.pd_l-5px_sp.pd_r-5px_sp.linehight_2.linehight_1-h_sp{
    width: 70% !important;
    margin: auto;
    margin-top: 20px;
}
#page4 .cate_box.linehight_1-h.pd_t-b5per{
    padding: 0 2% !important;
}

#cms_2-a .box_item{
    width: 70% !important;
    margin:auto;
}
#cms_2-a .cate_box{
    flex-direction:column;
}
#cms_2-a h3.cate_title{
    display:inline-block;
}
#cms_2-a figure.box_img1.rectangle_img.txt_center.img_tool.width_70per.width_100per_sp.mg_b-30px {
    margin: auto;
    margin-bottom:20px;
}
#cms_2-a p.cate_txt1.font_2dw_tb {
    width: 70%;
    margin:auto;
}
.top_cms_box:first-of-type {
    padding-top: 100px;
}
h3.hannari.font_30.font_20_tb.linehight_1 {
    font-size: 28px;
}
    #main_txt {
    top: 30%;
    position: absolute;
    text-align: center;
    width: 100%;
}
.demoTxt {
    display: block;
    opacity: 0;
    font-size: 5.5vw;
    color: #564756;
    text-align: center;
}
#main_b img {
    width: 83%;
}
#main_b img {
    width: 83%;
}
}
/*----------------------------------------ここまで------------------------------------------------*/
/*----------------------------------------スマホ------------------------------------------------*/
@media screen and (max-width:667px){
.box_icon{
    transform: rotate(90deg);
}
a.txt_color_nomal.hvr_opa05.motion03s.d_block.pd_30px.width_300-max.border_color2.border_so1{
    font-size:18px;
}
.faq1{
    background-size:38px;
    background-position: left center;
}
.faq2{
    padding-left:0;
    background-size:38px;
    
}
p.ans {
    margin-left: auto;
    padding-right: 0;
    position: relative;
    width: 100%;
    background: #e9e9e9;
    padding: 10px;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    color: black;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
p.que {
    
    right: 20px;
    position: relative;
    width: 100%;
    background: #bfa6bb;
    padding:10px;
    text-align:left;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.page05 .page_title_box h2,.page07 .page_title_box h2{
    font-size:18px;
}
    #main_txt {
    top: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: -80px;
}
#main_b{
    display:none;
}
.demoTxt{
    font-size:10.5vw;
}
   .cate_box.grid_3, .cate.grid_3 {
    width: 80% !important;
    max-width: none;
}
.page_title_box{
    top:60%;
}
h1#logo {
    max-width: 150px;
    padding: 2px;
}
}
/*----------------------------------------ここまで------------------------------------------------*/
 
