@charset "UTF-8";


#eye {
    margin: 0 auto;
    padding: 0;
    background: url(/uri/shisan_consulting/img/catch_bg.jpg) top center no-repeat;
    height: 673px;
}
#eye.qa {
    margin: 0 auto;
    padding: 0;
    background: none;
    height: 354px;
}

@media only screen and (max-width: 640px){
      #eye.qa {
          margin: 0 auto;
          padding: 0;
          background: none;
          height: auto;
      }
      
      #eye.qa:after{
       content:"";
       display:table;
       clear:both;
      }

}



#eye .inner{
    text-align: center;
    width:1125px;
}

#eye .inner img.pc{
 margin:92px auto 60px;
}


#eye .inner ul.button{
    display:table;
    margin: 0 auto 76px;
     border-collapse: separate;
     border-spacing: 40px 0;
    
}
#eye .inner ul.button li.pc{
   display:table-cell;
   background:#fff;
}

#eye .inner ul.button li.sp{
 display:none;
}


#eye span {
    display:block;
    text-align: center;
    color:#fff;
    font-size:12px;
}

#eye h1{
  padding:0;
}

#eye p {
    text-align: center;
}
.sp{
   display:none;
}
/*********main(ittou tochikatsu souzoku saisei *********/
#main {width:100%;}
#main .intoro{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background: url(../img/intoro_bg.jpg) top center no-repeat;
  height:530px;
  text-align:center;
  
}


#main .intoro span{
    color: #fff;
    font-size: 22px;
    line-height: 2;
    text-shadow: 1px 1px 2px #000;
    display: block;
    padding: 190px 0;
}

#main section.ittou a, #main section.tochikatsu a,
#main section.souzoku a,
#main section.saisei a{
 color:#fff;
}
#main section.ittou{
    background: url(../img/ittou_bg.jpg) top center no-repeat;
    height:523px;
}
#main section.tochikatsu{
    background: url(../img/tochikatsu_bg.jpg) top center no-repeat;
    height:523px;
}
#main section.souzoku{
    background: url(../img/souzoku_bg.jpg) top center no-repeat;
    height:523px;
}
#main section.saisei{
    background: url(../img/saisei_bg.jpg) top center no-repeat;
    height:523px;
}
#main section.qa{
    background: url(../img/qa_bg.jpg) top center no-repeat;
    height:523px;
    margin: 0 0 84px 0;
}

#main section.ittou .contents,
#main section.tochikatsu .contents, 
#main section.souzoku .contents,
#main section.saisei .contents,
#main section.qa .contents
{
    width: 972px;
    margin: auto;
    padding-top: 112px;
}
#main section.qa .contents
{
    width: 972px;
    margin: auto;
    padding-top: 112px;
}


#main section.ittou .contents a,
#main section.tochikatsu .contents a, 
#main section.souzoku .contents a,
#main section.saisei .contents a,
#main section.qa .contents a
{
    display: flex;
}
#main section.ittou .contents a:hover,
#main section.ittou .contents a:hover,
#main section.tochikatsu .contents a:hover, 
#main section.souzoku .contents a:hover,
#main section.saisei .contents a:hover,
#main section.qa .contents a:hover
{
    opacity: 0.8;
    transition: all 0.3s;
}

#main section.ittou .contents div, 
#main section.tochikatsu .contents div, 
#main section.souzoku .contents div, 
#main section.saisei .contents div, 
#main section.qa .contents div
{
 width:374px;
 font-size: 18px;
 line-height: 2;
 position: relative;
}
#main section.ittou .contents div h2,
#main section.tochikatsu .contents div h2,
#main section.souzoku .contents div h2,
#main section.saisei .contents div h2
{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-size: 28px;
 font-weight:bold;
 line-height: 1.4;
 margin-bottom: 30px;
}

#main section.qa .contents div{
 color:#221815;
}

#main section.qa .contents div h2{
 font-size: 28px;
 font-weight:bold;
 line-height: 1.4;
 margin-bottom: 30px;
}

#main section.ittou .contents .button,
#main section.tochikatsu .contents .button,
#main section.souzoku .contents .button,
#main section.saisei .contents .button
{
    display: block;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#main section.qa .contents .button
{
    display: block;
    border: 1px solid #221815;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}




#main section.ittou .contents .img,
#main section.tochikatsu .contents .img,
#main section.souzoku .contents .img,
#main section.saisei .contents .img
{
  width:500px;
  background:#003156;
  margin-right: 100px;
  box-shadow: 13px 13px 0 #ffffff4d;
}
#main section.qa .contents .img
{
  width:500px;
  visibility: hidden;
  margin-right: 100px;
}

/************ shisanNav **************/

header.global .inner {
width:1125px;

}

#shisanNav{
    width: 100%;
    margin: auto;
    border-top: 16px solid #003255;
}
#shisanNav ul{
  display: flex;
  justify-content: center;
  margin:10px auto 10px;
  width:100%;
  max-width:1125px;

}
#shisanNav ul li{
  -webkit-box-align: center;
  box-align: center;
  width:290px;
  text-align: center;
  border-right: 1px solid #5a5657;
  font-size:18px;
  font-weight:bold;
  color:#003255;
}
#shisanNav ul li:last-child{
 border-right: none;
}

#shisanNav ul li:first-child, #shisanNav ul li:last-child{
 width:240px;
}

#shisanNav ul li a{
 display:block;
 margin:10px auto;
}

#shisanNav ul li a .externalIcon{
 display:none;
}

/********* naviBottonArea **********/

.naviButtonArea{
  width:100%;
  max-width:1095px;
      margin: 70px auto 0;
}
.naviButtonArea p img {
    display: block;
    margin: 50px auto 24px;
}

.naviButtonArea .button a img:hover, .naviButtonArea .button_s a img:hover{
 opacity:0.5;
 transition: all 0.3s;
}
.naviButtonArea .button{
  display:table;
  margin:auto;
 border-collapse: separate;
 border-spacing: 33px 0;
}
.naviButtonArea ul.button li.pc{
 display:table-cell;
}

.naviButtonArea .button.sp{
 display:none;
}


.naviButtonArea ul.button_s{
  display:flex;
  margin:0 auto 95px;
  border-collapse: separate;  
  border-spacing: 17px 0;
  justify-content: center;
}


.naviButtonArea ul.button_s li{
     padding-right: 17px;
}

.naviButtonArea ul.button_s li img{
  width:100%;
}
.naviButtonArea ul.button_s li:last-child{
     padding-right: 0;
}


/********* footer **********/
.rangeBlock{
 border-top:16px solid #003255;
}
.rangeBlock .inner{
  width:100%;
  max-width:1095px;
  margin: 70px auto;
  text-align:center;

}
.footerAttention{
   width:100%;
  max-width:1095px;
   text-align:left;
   margin: 30px auto;
}

.footerAttention ul li {
    list-style: none;
    margin: 0 0 8px;
    padding-left: 20px;
    background: url(../img/mark_dot.png) no-repeat 4px 0.5em;
    color: #333;
    font-size: 93%;
    line-height: 1.5;
        text-indent: 0;
}
.footerAttention ul li:before {
    content: "";
}

.buttonArea{
   width:100%;
   max-width:1093px;
   margin:auto;
}

/*  IE11 font*/
@media all and (-ms-high-contrast:none) {
   #main .intoro,
   #main section.ittou .contents div h2,
#main section.tochikatsu .contents div h2,
#main section.souzoku .contents div h2,
#main section.saisei .contents div h2,
#main.souzoku section.section1 .cosulting_type h3 span,
#main section.section1 div h2,#main section.section2 div h2,
#main section.section3 .bgBox > div.case,
#main section.section3 h2,
#main section.section3 h3
   {
     font-family:  "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
   }
}


.sp_footNavi{display:none;}
/********** screen 640px *******/
@media only screen and (max-width: 640px){
        .sp{
           display:block;
        }
        .pc{
           display:none;
        }
        
        #eye .inner ul.button li.pc {
          display:none;
        }
        
        #eye .inner ul.button li.sp {
                display: block;
                background: #fff;
                margin: 10px auto;
            }
         #page #spMenuArea{
         background: #003255;
         
        }
        #page #spMenuArea .topBtn a {
        background:#003255;
        }
        #page #spMenuArea  .externalIcon{display:none;}
        
        header.global .inner, #shisanNav ul{width:100%;}
        #eye {
        height:auto;
            background: url(/uri/shisan_consulting/img/catch_bg_sp.jpg) top center no-repeat;
            background-size: cover;
        }
        #eye .inner{width:100%;}
        #eye h1{
          width: 80%;
          margin: auto;
        }
        #eye h1 img.sp{
          margin:auto;
         padding: 40px 0;
        }
        #eye span {
            display: block;
            font-size: 108%;
            padding: 20px;
        }
        

           .naviButtonArea{
            display:block;
            margin: 20px 0;
           
           }
           .naviButtonArea .button {
                
                margin: auto;
                border-collapse: 0;
                border-spacing: 0;

            }
            
           .naviButtonArea ul.button li.pc {
             display:  none;
           }
           .naviButtonArea ul.button li.sp {
                display:  block;
                margin: 0 auto 20px;
            }
            
            .naviButtonArea p img{
             width:80%;
             margin: 30px auto 24px;
            }
            
            
           .naviButtonArea ul.button_s{
             display: none;
             margin:auto;
           }
           .sp_footNavi {
              display: block;
              margin: 0 auto 30px;
           }
           .sp_footNavi .other li {
                 margin: 0 0 5px;
             }
           .sp_footNavi .other li a {
               display: block;
               padding: 13px 0;
               background: #858585;
               text-align: center;
               color: white;
               font-size: 123.1%;
               font-weight: bold;
           }

        #eye .inner ul.button { 
        width:98%;
        margin: 0 auto;
        border-spacing: 10px 0;
        }
         #eye .inner ul.button li.pc,  #eye .inner ul.button li.sp{ 
         background:none;
        }
        
        #main .intoro{
         background-size:cover; 
        }
        
        #main .intoro span{
        padding: 40px 20px;
        font-size: 20px;
        font-weight:bold;
        }
        #main section {width:100%;}
        
        #main .intoro{
         height:auto;
        }
        
        #main section.ittou,
         #main section.tochikatsu, 
         #main section.souzoku,
         #main section.saisei,
         #main section.qa
        {height:auto;}
        
         #main section.ittou .contents,
         #main section.tochikatsu .contents, 
         #main section.souzoku .contents,
         #main section.saisei .contents,
         #main section.qa .contents
        {
        width:100%;
        padding-top:0;
        }
        #main section.ittou .contents div, 
        #main section.tochikatsu .contents div, 
        #main section.souzoku .contents div, 
        #main section.saisei .contents div, 
        #main section.qa .contents div
        { 
        width:100%;
        
        }
        
        #main section.ittou .contents div p{
         display:block;
        }
        #main section.ittou .contents div h2, #main section.tochikatsu .contents div h2, #main section.souzoku .contents div h2, #main section.saisei .contents div h2{
          font-size: 22px;
        }
        #main section.ittou .contents a, #main section.tochikatsu .contents a, 
        #main section.souzoku .contents a,
        #main section.saisei .contents a ,
        #main section.qa .contents a
        {
          display: flex;
          padding: 30px 20px;
          }
        #main section.ittou .contents .button, #main section.tochikatsu .contents .button, 
        #main section.souzoku .contents .button,
        #main section.saisei .contents .button,
        #main section.qa .contents .button
        {
          position:static;
          margin-top: 20px;
        }
        
        
        #main section.qa {
            margin: 0 auto;
        }


  .rangeBlock .inner,.footerAttention , .buttonArea{ 
    width:100%;
    padding: 0 10px;
    box-sizing: border-box;
    }
    
}

/*  ****  ittou  ****     */

#shisanNav.sp {
 display:block;/*ぱんくず*/
 border-top:none;
 max-width:1200px;
 margin:auto;
}

#shisanNav.sp ul{
    text-align: left;
    width: auto;
    display: inline-flex;
}
#shisanNav.sp ul li{
    width: auto;
    border: none;
    display: inline;
    margin-right: 2px;
    font-size:12px;
    font-weight: normal;

}
#shisanNav.sp ul li a{
    color: #333;
}

#shisanNav.sp ul li a:after {
    content: ">";
    padding-left: 5px;
}
#shisanNav.sp ul li:last-child span{
    display: block;
    margin: 10px auto;
    font-weight: bold;
    color: #333;
}


#eye.ittou,#eye.ittou .inner,
#eye.tochikatsu .inner,
#eye.souzoku .inner,
#eye.qa .inner
{
  max-width:1200px;
  width: 100%;
  height: auto;
}

#eye.ittou,
#eye.tochikatsu,
#eye.souzoku,
#eye.qa
{
 background:none;
}

#eye.ittou .inner img.pc,
#eye.tochikatsu .inner img.pc,
#eye.souzoku .inner img.pc,
#eye.qa .inner img.pc
 {
    margin: 0 auto -150px;
    width:100%;
}

#eye.ittou .inner,
#eye.tochikatsu .inner,
#eye.souzoku .inner,
#eye.qa .inner
{
 position:relative;
 
}

#eye.ittou .inner ul.button,
#eye.tochikatsu .inner ul.button,
#eye.souzoku .inner ul.button
{
    position: relative;
    bottom: 10px;
    display: table;
    margin: 0 auto 76px;
    border-collapse: separate;
    border-spacing: 40px 0;
}


#eye.qa .inner ul.button
{
    position: relative;
    bottom: -30px;
    display: table;
    margin: 0 auto 76px;
    border-collapse: separate;
    border-spacing: 40px 0;
}

 #main.ittou,
 #main.tochikatsu,
 #main.souzoku,
 #main.qa
 {
  max-width:1200px;
  width: 100%;
  height: auto;
  margin:0 auto;
}

#main.ittou .intoro,
#main.tochikatsu .intoro,
#main.souzoku .intoro
{
   background: url(/uri/shisan_consulting/img/ittou/intoro_bg.jpg) top center no-repeat;
    height: 337px;
}


#main.qa .intoro
{
   background: url(/uri/shisan_consulting/img/qa/intoro_bg.jpg) top center no-repeat;
    height: 146px;
}

#main.ittou .intoro span,
#main.tochikatsu .intoro span,
#main.souzoku .intoro span
{
   padding: 90px 0 80px 100px;
   text-align: left;
   text-shadow: none;
   width: 40%;
}

#main.qa .intoro span
{
    padding: 16px 0 80px 100px;
    text-align: left;
    text-shadow: none;
    width: 40%;
    line-height: 1.8;
}

#main.tochikatsu .intoro span,#main.souzoku .intoro span{
   padding: 60px 0 80px 100px;
}


#main section.section1,#main section.section2,#main section.section3{
  width:100%;
  border-bottom:6px solid #c9c9c9; 
  margin: 0 auto;
    padding: 0;
}

#main.qa section.section1{
    padding: 30px 0 80px;
   border-bottom: 6px solid #003156;
   margin-bottom: 80px;
   height: auto;
}

#main.qa section.section1  div{
   color:#fff;
   font-size:24px;

}
#main.qa section.section1  div.q_close{
    display:block;
    max-width: 1059px;
    width: 90%;
    margin:30px auto 0;
    cursor:pointer;
    background:#184f77;
    padding: 20px 0;
}
#main.qa section.section1  div.q_close p span,
#main.qa section.section1  div.q_open p span{
    margin-left: 70px;
    display: block;
    font-size: 24px;
    
}

#main.qa section.section1  div.q_close p{
   display:block;
   background:url(/uri/shisan_consulting/img/qa/button_off.png) 30px 22px no-repeat;
}

#main.qa section.section1  div.q_open p{
  display:block;
  background:url(/uri/shisan_consulting/img/qa/button_on.png) 30px 28px no-repeat;
}
#main.qa section.section1  div.a_open{
  background:#6f8ca5;
    margin: 0 auto;
    display:none;
    max-width: 1059px;
    width: 90%;
    padding:0;
}

#main.qa section.section1  div.a_open a:link,
#main.qa section.section1  div.a_open a:visited
{

 color:#fbc300;
 
}

#main.qa section.section1  div.q_close p,
#main.qa section.section1  div.a_open p{
  padding:30px;
  max-width: 1059px;
  width: 90%;
}

#main section.section1 > div, #main section.section2 > div{
    display: flex;
    max-width: 1059px;
    width: 100%;
    flex-direction: row-reverse;
    margin: 70px auto;
    padding: 20px 0;
}
#main.souzoku section.section1 > div.img_01 {
    margin: 0 auto 70px;
    font-size:18px;
    line-height: 1.6;
}

#main.souzoku section.section1 .cosulting_type h3 span{
   margin:auto;
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   font-size:32px;
   font-weight:bold;
   color:#426f90;
   background: #fff;
   padding: 0 20px;
}

#main.souzoku section.section1 .cosulting_type h3{
 display:block;
 width: 100%;
 margin: 0 auto 55px;
 text-align: center;
 background: url(../img/souzoku/h3_line.jpg) center left repeat-x;
}

#main.souzoku section.section1 .cosulting_type h4,#main.souzoku section.section1 .cosulting_type p{
 display:block;
 width: 100%;
 font-size:18px;
 font-weight:bold;
 text-align: center;
 line-height: 1.6;
}
#main.souzoku section.section1 .cosulting_type h4{
 margin-bottom:30px;
}
#main.souzoku section.section1 .cosulting_type img.pc{
margin:0 auto 40px;

}


#main section.section1 div h2,#main section.section2 div h2{
   display:block;
   color:#426f90;
   border-top:2px solid #426f90;
   border-bottom:2px solid #426f90;
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   font-size:28px;
   font-weight:bold;
   max-width:370px;
   padding:10px 0;
   margin:0 0 20px 0;
   text-align:center;
}

#main section.section1 div h2 +p,#main section.section2 div h2 +p{
  font-size:18px;
  line-height:1.8;
  max-width: 370px;
}


#main section.section1 div h2 +ul{
    font-size: 18px;
    line-height: 1.6;
    max-width: 370px;
    padding-left: 1em;
    text-indent: -1em;
    list-style-position: inside;
    display: inline-block;
}

#main section.section1 div h2 +ul li span{
	color:#184f77;
}

#main section.section1 div h2 +ul li::first-letter{
	color:#184f77;
    display: inline-block;
}


#main section.section1 .comment{
    display: table;
    box-sizing: border-box;
    background: #184f77;
    margin: 0 auto;
    text-align: center;
    max-width: 1059px;
    width: 100%;
    color: #fff;
    font-size: 24px;
    vertical-align: middle;
    padding: 20px;
}

#main section.section1 .comment span{
    display: table-cell;
    line-height:1.8;
}

#main section.section1 .comment.mb60{
  margin-bottom:60px;
}

#main section.section1 .img,#main section.section2 .img{
  margin-right: 65px;
}

#main section.section1 > div.cosulting_type{
    flex-direction: row;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
 }
 
#main section.section1 > div.cosulting_type ul{
    padding: 20px;
    list-style: disc;
}

#main.tochikatsu section.section1 > div.cosulting_type{
    margin: 0 auto 10px;
    text-align: center;
    max-width: 1059px;
    width: 100%;

}

#main.tochikatsu section.section1 > div.cosulting_type img{
   display:block;
   margin:0 auto 40px;
} 

#main.tochikatsu section.section1 > div.cosulting_type img.sp{
     display:none;
    }

#main section.section3 {
   border-bottom:6px solid #003156; 
   margin-bottom:80px;
   text-align:center;
   height:auto;
   min-height: 911px;
   background: url(/uri/shisan_consulting/img/ittou/section03_bg.jpg) bottom center no-repeat;
   background-size: cover;
}

#main.tochikatsu section.section3 {
   background: url(/uri/shisan_consulting/img/tochikatsu/section03_bg.jpg) bottom center no-repeat;
}
#main.souzoku section.section3 {
   background: url(/uri/shisan_consulting/img/souzoku/section03_bg.jpg) bottom center no-repeat;
}

#main section.section3 .bgBox{
    margin: auto;
    background-color: rgba(0,49,86,0.8); 
    box-shadow: 0px 0px 6px 0px #6f6c6c;
    margin:0 75px 10px;
    padding:30px 30px;
    color:#fff;


}

#main.souzoku section.section3 .bgBox{
    padding:30px 30px 100px 30px;
}

#main section.section3 .bgBox > div{
    margin-bottom: 160px;
    position: relative;
    overflow: visible;
}

#main.souzoku section.section3 .bgBox > div{
    margin-bottom: 120px;
}

#main section.section3 .bgBox > div.case{
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 30px;
    position: static;
    font-size: 32px;
    font-weight: bold;
}



#main section.section3 h2,
#main section.section3 h3
{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: 4px;    letter-spacing: 4px;
}
#main section.section3 h2{
    display: block;
    color: #426f90;
    font-size: 32px;
    font-weight: bold;
    margin:44px auto;
}

#main section.section3 h3{
    display: block;
    color: #003156;
    background: #fff;
    max-width: 204px;
    font-size: 22px;
    font-weight: bold;
    margin: auto;
    padding: 6px;

    position: relative;
    z-index: 3;
}

#main section.section3 h3 span{
 display: block;
}

#main section.section3 p{
    display: block;
    position: absolute;
    width: 100%;
    top: 13px;
    padding: 40px 0 30px;
    font-size: 22px;

}
#main section.section3 .border{
   border:1px solid #fff;
}


#main section.section3 .sankak{
    display: block;
    position: relative;
    top: -60px;
    margin: auto;
    
}

#main.souzoku section.section3 .sankak{
    top: -48px;
}

#main section.section3 .teian h3{
    background:#d1a450;

}

#main section.section3 .teian .border{
   border:1px solid #d1a450;
   font-weight:bold;
}

#main section.section3 .teian .img{
    display: block;
    position: absolute;
    right: 16px;
    top: -36px;

}

#main.tochikatsu section.section3 .teian .img{
    top: 10px;
}

#main.souzoku section.section3 .teian .img{
    top: 10px;
}

#main.souzoku section.section3 .teian .img.case{
    top: 80px;
    right: 20px;
}

#main.ittou section.section3 .teian .border span {
    line-height:1.8; 
}

#main.tochikatsu section.section3 .teian .border span {
    display: block;
    text-align: left;
    width: 60%;
    font-size: 23px;
    padding: 10px 50px;
    line-height:1.8; 
}


#main.souzoku section.section3 .teian .border span {
    width: 55%;
    font-size: 23px;
    line-height:1.8;
}

#main.tochikatsu section.section3 .teian .border span.small{
    font-size: 14px;
    display: inline;
    padding: 0;
    width: auto;

}

#main.tochikatsu section.section3 p.supplement{
   position: static;
    font-size: 14px;
    padding: 80px 0 0;
}

#main section.section3 .teian .border span{
    display: block;
    text-align: left;
    width: 56%;
    font-size: 26px;
    padding: 10px 50px;
}

#main section.section3 .bgBox > div.teian {
    margin-bottom: 220px;
}

   @media screen and (min-width: 641px) and (max-width: 770px){
          #main section.section3 .bgBox > div {
           margin-bottom: 200px;
       }
   }


/* ********** max-width640 ********* */

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

    #shisanNav.sp {
    margin: 0;
    padding: 1px 0;
    background-color: #ddd;
    white-space: nowrap;
    overflow: auto;
    }
    
    #shisanNav.sp ul{
    margin:0;

    }
    
    #shisanNav.sp ul li,#shisanNav.sp ul li:first-child, #shisanNav.sp ul li:last-child{
    width:auto;
    border-right:none;
    margin-right: 0;
    font-size:10px;
    }
    
    #shisanNav.sp ul li a:after {
    content: "";
    padding-left: 0;
}
    
    #shisanNav.sp li {
    display: inline-block;
    white-space: nowrap;
    margin: 0 -5px 0 0;
    font-size: 10px;
    }
    
    #shisanNav.sp li span {
    display: inline-block;
    height: 28px;
    padding-right: 6px;
    padding-left: 6px;
    line-height: 28px;
    }
    
    
    #shisanNav.sp li a {
    margin:0;
    position: relative;
    display: inline-block;
    padding-right: 10px;
    background: url(/img/share/bg_topicpath.png) no-repeat right center;
    background-size: auto 32px;
    color: #333;
    }
    
    #shisanNav li:nth-last-child(2) a {
    background-image: url(/img/share/bg_topicpath_last.png);
    }
    #shisanNav li:last-child a {
    background-image: none;
    }
    
    #shisanNav.sp ul li:last-child span{
     margin:auto;
    }
    
    #eye.ittou h1,
    #eye.tochikatsu h1,
    #eye.souzoku h1,
    #eye.qa h1
    { width:100%; }
    
    #eye.ittou h1 img.sp,
    #eye.tochikatsu h1 img.sp,
    #eye.souzoku h1 img.sp,
    #eye.qa h1 img.sp
     {
        margin: auto;
        padding:0;
    }

    #eye.ittou .inner ul.button,
    #eye.tochikatsu .inner ul.button,
    #eye.souzoku .inner ul.button
     {
    width: 60%;
    margin: -150px auto;
    border-spacing: 10px 0;
    position: static;
    }
    
    
     #eye.qa .inner ul.button
     {
    width: 60%;
    margin: 0 auto;
    border-spacing: 10px 0;
    position: static;
    }
    
    
    #main.ittou ,
    #main.tochikatsu ,
    #main.souzoku
    {
    margin: 150px auto 0;
    }
    
     #main.qa
    {
    margin: 20px auto 0;
    }
    
    #main.ittou .intoro,
    #main.tochikatsu .intoro,
    #main.souzoku .intoro
    {
    display:table;
    height: 200px;
    padding-top: 20px;
    }
    
    #main.qa .intoro{
    display:table;
    height: auto;
    }
    
    #main.ittou .intoro span,
    #main.tochikatsu .intoro span,
    #main.souzoku .intoro span,
    #main.qa .intoro span
     {
    vertical-align: middle;
    display: table-cell;
    padding: 20px;
    margin: auto;
    text-align: left;
    text-shadow: none;
    font-size: 16px;
    }
    #main section.section1 > div.cosulting_type ul {
     padding:10px 0 ;
     list-style-position:inside;
    }
    
    #main section.section1 > div,#main section.section2 > div{
       display: block;
       width: 90%;
       flex-direction: none;
       margin: 10px auto;
       padding:10px;
    }
    #main.souzoku section.section1 div.img_01{
     margin: 0 auto 30px;
    
    }
    
    #main section.section1 div h2, #main section.section2 div h2{
    width: 100%;
    }
    
    #main section.section1 div h2 +p, #main section.section2 div h2 +p{
      margin-bottom:10px;
    }
    
    #main section.section1 .img, #main section.section2 .img{
     margin-right:0;
      width: 100%;
    }
    
    #main section.section1 .comment{
        display: block;
        width: 100%;
       font-size:18px;
       
    }
    
    #main.tochikatsu section.section1 .comment.mb60{
       margin-bottom: 40px !important;
       
    }
    
    #main section.section1 .comment span{
     text-align:left;
    }
    #main section.section1 .comment span br{
     display: none;
    }
    #main section.section1 > div.cosulting_type{
      width:100%;
      display:block;
    }
    
    #main section.section1 div h2 +ul{
      margin-bottom:10px;
    
    }
    #main section.section1 > div.cosulting_type div{
      display:none;
      width: 46%;
    }
    
    #main.tochikatsu section.section1 > div.cosulting_type div{
     display:block;
      width: 100%;
     margin: 0 auto 20px !important;
    }
    
    main section.section3 .bgBox{
     width:100%;
    }
    
    #main section.section3 .bgBox > div{
     margin-bottom:0;
     position:static;
    }
    
    #main.souzoku section.section3 .bgBox > div{
     margin-bottom:0;

    }
    
    #main section.section3 .bgBox > div br{
    display:none;
    
    }
    #main section.section3{
       font-size:93%;
         margin-bottom: 0;
    
    }
    
    #main section.section3 h2{
      margin:22px auto;
    }
    
    #main section.section3 h3{
     box-sizing: border-box;
     position:static;
        max-width: 100% !important;
    }
    
    #main section.section3 .bgBox{
          margin: 0 10px 20px;
          padding: 30px 16px;
    }
    #main.souzoku section.section3 .bgBox {
    padding: 30px 30px 30px 30px;
    }
    
    #main section.section3 .bgBox > div:after{
     content:"";
     display:table;
       margin: 10px 0;
    }
    
    #main section.section3 p{
         position:static;
         font-size: 16px;
         text-align: left;
         padding: 20px;
         box-sizing: border-box;
         
    }
    
    #main section.section3 .teian .border{
     border:none;
    }
    
    #main section.section3 .teian .border span{
        display: inline;
    }
    #main section.section3 .sankak {
    padding: 0;
    display: block;
    margin: 44px auto -20px;
    top:-55px;
    }
    #main.souzoku section.section3 .sankak {
        margin: 32px auto -12px;
        top:-43px;
    }
    #main section.section3 .teian .img{
        position: static;
        display: inline;
    }
    
    #main.souzoku section.section3 .teian .img.case{
      width:90%;
    }
    
    #main section.section3 .bgBox > div.teian{
       margin-bottom:10px;
       border: 1px solid #d1a450;
    }
    #main section.section3 .teian .border span,
    #main.ittou section.section3 .teian .border span,
    #main.tochikatsu section.section3 .teian .border span,
    #main.souzoku section.section3 .teian .border span
    {
    width: 100%;
    font-size: 20px;
    padding: 0;
    }
    #main.tochikatsu section.section3 p.supplement {
    position: static;
    font-size: 14px;
    padding: 20px 0 0;
    }
    
    #main.tochikatsu section.section1 > div.cosulting_type img.sp {
    display: block;
    margin: 0 auto 20px;
    }
    
    #main.souzoku section.section1 .cosulting_type h3{
    margin: 0 auto 30px;
    
    }
    #main.souzoku section.section3 .bgBox > div.pb60{
         padding-bottom: 30px !important;
        margin-bottom: 30px;
    }
    #main.souzoku section.section1 .cosulting_type img.sp{
      margin-bottom: 30px;
    }
    
    #main.tochikatsu section.section1 > div.cosulting_type img.pc{
     display:none;
    }
    
    
    #main.qa section.section1 {
    padding: 10px 0;
    margin-bottom: 30px;
     border-bottom: none;
    height: auto;
    }
    
    #main.qa section.section1  div{
     font-size:106%;
    
    }
    #main.qa section.section1  div.q_close p span,
    #main.qa section.section1  div.q_open p span{
    font-size:106%;
    }
    #main.qa section.section1 div.q_close p span, #main.qa section.section1 div.q_open p span {
    margin-left: 45px;
    margin-right: 10px;
    width: 70%;
    }
    #main.qa section.section1 div.q_close p, #main.qa section.section1 div.a_open p {
     width: 80%;
    }
    #main.qa section.section1  div.q_close p{
    background:url(/uri/shisan_consulting/img/qa/buttons_off.png) 10% 50% no-repeat;
    }

    #main.qa section.section1  div.q_open p{
      background:url(/uri/shisan_consulting/img/qa/buttons_on.png) 10% 50% no-repeat;
    }
    #main.qa section.section1  div.q_close p{
     padding:10px 5px;
    }
     #main.qa section.section1  div.a_open p{
     padding:30px;
    }
    
    
}
/* max-width640 */

/* ********** max-width320 ********* */
 @media only screen and (max-width: 320px){
    #eye.ittou .inner ul.button,
    #eye.tochikatsu .inner ul.button,
    #eye.souzoku .inner ul.button
     {
    width: 60%;
    margin: -150px auto;
    padding: 33px 0 0 0;
    border-spacing: 10px 0;
    position: static;
    }
    
    #main.ittou .intoro span, #main.tochikatsu .intoro span, 
    #main.souzoku .intoro span, #main.qa .intoro span {
    
    line-height:1.6;
    
    }
    #main.ittou .intoro, #main.tochikatsu .intoro, #main.souzoku .intoro {
    display: table;
    height: 200px;
  }
}