@charset "utf-8";
/* CSS Document */
/*共通設定*/
*{
box-sizing: border-box;
font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto, "游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro";      
color: #333333;
 font-weight: 500;
line-height: 120%;    
}
html{
height: 100%;
width: 100%;
max-width: 100%;
font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto, "游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro";
box-sizing: border-box;
line-height: 120%;     
}
body{
margin: 0px auto;
height: 100%;
font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto, "游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro";
font-size: 18px;
color: #333333;
line-height: 120%;
webkit-text-size-adjust: 100%;
display: block;
}
.wrapper{
overflow: hidden;
}
div{
szoom: 1;
}
p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{
padding: 0px;
margin-left: 0px;
margin-top: 0px;
}
a{
color: #f9943e; 
}
a:hover{
color: #E7A095;
}
a.souba_btn:hover{
    color: #ffffff;opacity: 0.8;
    } 
img{
padding: 0px;
border: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;
}
.br:before {
content: "\A" ;
white-space: pre ;
}
.wrap_in1{
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
    padding: auto;
    background-color: #fff;
    }
.wrap_in2{
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
    padding: auto;
    background-color: #f7f3ed;
    }
.gold{
    color: #B49862;
}
.pink{
    color: #DF6E5E;
    font-weight: 600;
}
.blue{
    color: #0098C1;
    font-weight: 600;
}
.bold{
    font-weight: bold;
}

/*news*/ 
.news_dt{
    display: block;
    background-color: #F3F3EF;
    text-align: center;
    }    
/*qa*/
.qa_list{
    display: block;
    overflow: hidden;
    }   
.qa_box {
    height: auto;
    float: left;
    padding: auto;
    background-color: #fff;
    border: solid 1px #E6E6E6;
}
.qa_box label {
    height: auto;
    display: block;
    margin: auto;
    font-weight: 500;
    cursor :pointer;
    color: #F97B0F;
}
.qa_box label:hover {
    background: #e7e4de;
}
.qa_box label:active{
    background-color: #fff;
}
.qa_box input {
    display: none;
}
.qa_box .qa_nakami {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}
.qa_box input:checked ~ .qa_nakami {
    opacity: 1;
    height: auto;
    display: block;
    margin: auto;
    font-weight: 500;
    position: relative;
}
.qa_box input:checked ~ .qa_nakami::before{
    position: absolute;
    content: '';
    height: 1px;
    display: block;
    margin: auto;
    background-color: #f9943e;
    }
/*問い合わせフォーム*/
.toiawase_dt{
    display: block;
    /*color: #fff;*/
    /*background-color: #0098C1;*/
    color: #F97B0F;
    position: relative;
    font-weight: bold;
    }    
.toiawase_dd{
    display: block;
    background-color: #fff;
    }
.toiawase_dd input{
    border: solid 2px #D6D6D7;
    font-weight: 500;
    }
.toiawase_dd textarea{
    border: solid 2px #D6D6D7;
    }    
.toiawase_dd input:focus,.toiawase_dd textarea:focus{
    background-color: #F3F3EF;
    }   
.yuubin_a,.yuubin_b{
    float: left;
    }
.toiawase_dd select{
    border: solid 2px #D6D6D7;
    font-weight: 500;
    }    
.hn{
    display: inline-block;
    color: #fff;
    }
.hissu{
    background-color: #E25959;
    }
.nini{
    background-color: #33ADCD;
    }    
.error{
    overflow: hidden;
    clear: both;
    display: block;
    color: #E80003;
    }
.agreement{
    display: block;
    overflow: hidden;
    text-align: center;
    }
/*問い合わせボタン*/ 
.submit{
    display: block;
    color: #fff;
    background-color: #f9943e;
    font-weight: bolder;
    outline: none;
    border: none;
    border-bottom: solid 6px #F97B0F;
    }    
    
/*個人情報保護*/    
#rule{
    height: auto;
    margin: auto;
    display: block;
    } 
.pp_h{
    text-align: center;
    }
.rule_box{
    margin: auto;
    border: solid 1px #D6D6D7;
    overflow: auto;
    }
.pmark_box{
    height: auto;
    margin: auto;
    }
/*事例ページ*/
.jirei_ryokin{
    background-color: #fff;
    border: solid 1px #e7e7e7;
    } 
.ryokin_right span:nth-of-type(1){
    color: #f9943e;
    }
.ryokin_right span:nth-of-type(3){
    color: #e8371e;
    }

/*PC、タブレット*/
@media print, screen and (min-width:751px) {
/*共通設定*/
*{
font-size: 16px;
line-height: 140%;   
}
.sp{
    display: none;
    }
body{
min-width: 1048px; 
width: 100%;
margin: 0px auto;
webkit-text-size-adjust: 100%;
display: block;
}
.contents{
width: 1024px;
height: auto;
margin: auto;
overflow: hidden;    
    }    
h2{
width: auto;
height: auto;
display: block;
margin: 30px auto 20px auto;
font-size: 27px;
font-weight: bolder;
text-align:center; 
letter-spacing: 2px;
}
h3{
font-size: 16px;
font-weight: bold;    
}
h4,h5{
font-size: 16px;
font-weight: 600;
}    

/*header*/    
header{
width: 100%;
height: auto;
display: block;
margin: auto;
overflow: hidden;    
}
h1.header_h1{
width: 1024px;
height: auto;
display: block;    
font-size: 12px;
color: #B3B3B3;
margin: 8px auto;
}    
.header_common{
display: block;
width: 1024px;
height: 60px;
margin: 10px auto 5px auto;
overflow: hidden;
}
.header_common_left{
width: 500px;
height: auto;
display: block;
float: left;
}
.header_common_left img{
    width: 500px;
    }    
.header_common_right{
width: 210px;
height: auto;
display: block;
float: right;
} 
.header_common_right img{width: 210px;}    
.header_menu{
width: 100%;
height: 40px;
overflow: hidden;
background : -moz-linear-gradient(50% 0% -90deg,rgba(254, 254, 254, 1) 0%,rgba(241, 242, 248, 1) 100%);
background : -webkit-linear-gradient(-90deg, rgba(254, 254, 254, 1) 0%, rgba(241, 242, 248, 1) 100%);
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(254, 254, 254, 1) ),color-stop(1,rgba(241, 242, 248, 1) ));
background : -o-linear-gradient(-90deg, rgba(254, 254, 254, 1) 0%, rgba(241, 242, 248, 1) 100%);
background : -ms-linear-gradient(-90deg, rgba(254, 254, 254, 1) 0%, rgba(241, 242, 248, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#F1F2F8' ,GradientType=0)";
background : linear-gradient(180deg, rgba(254, 254, 254, 1) 0%, rgba(241, 242, 248, 1) 100%);
border-bottom: solid 1px #D6D6D7;    
border-top: solid 1px #D6D6D7;    
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE',endColorstr='#F1F2F8' , GradientType=0);
}
.header_menu_in{
width: 1025px;
height: 40px;
margin: auto;
padding: auto;
}
.header_menu_in li{
width: 205px;
height: 40px;    
display: inline-block;
float: left;
border-left: solid 1px #D6D6D7;     
    }    
.header_menu_in li a{
width: 205px;
height: 40px;
display: block;
text-decoration: none;
font-weight: bolder;
color: #333333;   
text-align: center;
padding-top: 9px;
font-size: 14px;
}
.header_menu_in li:last-of-type{
border-right: solid 1px #D6D6D7;
}
.header_menu_in li a:hover{
 opacity: 0.5;       
    }    
    
/*footer*/
footer{
width: 100%;
height: auto;
display: block;
margin: auto;
margin-top: 40px;
padding: 10px 0px;
background-color: #F3F3EF;
overflow: hidden;  
}
footer .contents{
display: block;
margin: auto;
padding: auto;
overflow: hidden;
 font-size: 12px;
font-weight: 500;      
}    
.footer_text{
margin: 10px auto;
}
.footer_logo{
width: 580px;
height: auto;
display: block;
float: left;
overflow: hidden;
clear: both;
margin: 20px 0px;
padding: auto;
    }
.footer_logo img{
    width: 580px;
    }    
.footer_text dd{
clear: both;        
    }    
ul.footer_share{
display: block;
margin: 20px auto;    
}    
.footer_share li{
display: block;
float: left;
margin-right: 2px;
}
.footer_share li a.mail_sousin{
    width: 80px;
    height: 20px;
    color: #fff;
    background-color: #E7A095;
    display: block;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    float: left;
    font-size: 11px;
    font-weight: bold;
    }     
.footer_nav{
        width: 1024px;
        height: auto;
     font-size: 12px;
    margin: 10px auto; 
    }    
.footer_nav li{
display: inline;
margin-right: 8px;
}
    
.footer_viscas,.footer_viscas_ul{
margin: 10px auto;
}
.footer_viscas_ul{
    margin-top: 20px;
    }    
.viscas_bolder{
 font-weight: bold;
    margin-bottom: 10px;
    }    
small.copyright{
width: auto;
height: auto;
display: block; 
text-align: center;
margin: 30px auto 20px auto;
}   
/*中身*/  
main{
width: 100%;
max-width: 100%;
min-width: 1024px;
height: auto;
display:block;
margin-left: auto;
margin-right: auto;  
} 
/*問い合わせバナー*/
.toiawase_area{
    width: 960px;
    height: 150px;
    display: block;
    margin: 30px auto;
    padding: auto;
    }    
.toiawase_banner{
    width: 960px;
    height: 150px;
    display: block;
    margin: auto;
    padding: auto;
    position: relative;
    }
.toiawase_banner:before{
    content: url(../img/toiawase.svg);
    width: 960px;
    height: auto;
    display: block;
    }
.toiawase_banner .banner_btn{
    position: absolute;
    width: 370px;
    height: auto;
    display: block;
    top: 24px;
    right: 10px;
    }    
    
/*トップ*/      
.top_img_pc{
    width: 100%;
    height: 330px;
    display: block;
    background-image: url(../img/top_bg.gif);
    background-repeat: repeat-x;
}
.top_img_pc .top_img{
    width: 960px;
    height: 330px;
    display: block;
    margin: auto;
    } 
/*news*/
.news_dl{
    margin: 20px auto;
    font-size: 13px;
    }    
.news_dt{
    width: 100px;
    height: 30px;
    margin: auto;
    margin-right: 20px;
    margin-left: 110px;
    padding-top: 5px;
    float: left;
    }    
.news_dd{
    margin-top: 5px;
    }  
/*soudan*/
#s2{
    margin-top: 40px;
    }
    
.soudan_h2{
    font-size: 48px;
    line-height: 130%;
    margin-bottom: 50px;
    }
.soudan_upper{
    width: 1024px;
    height: auto;
    display: block;
    margin: 40px auto;
    overflow: hidden;
    }    
.soudan_left{
     width: 570px;
    height: auto;
    display: block;
    float: left;
    }
.soudan_right{
    width: 454px;
    height: auto;
    float: right;
    /*padding-left: 20px;*/
    }
/*
.soudan_right dt{
    font-size: 16px;
    font-weight: bolder;
    color: #f9943e;
    }
.soudan_right dt::before{
    content: '●';
    color:#f9943e; 
    display: block;
    float: left;
    font-family:"Noto Sans Japanese","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;   
    }      
.soudan_right dd{
    font-size: 14px;
    margin-bottom: 10px;
    }*/

    
.points{
    width: 570px;
    float: left;
    overflow: hidden;
    }
.point_c,.point_l,.point_r{
    width: 168px;
    height: 168px;
    display: block;
    float: left;
    margin: 11px;
    }
.soudan_bottom dl{
    width: 1024px;
    height: 180px;
    display: block;
    background-color: #fff;
    border: solid 1px #E7A095;
    }
.soudan_bottom dl dt{
    color: #fff;
    background-color: #E7A095;
    text-align: center;
    width: 224px;
    height: 180px;
    float: left;
    font-weight: bold;
    padding-top: 80px;
    }   
.soudan_bottom dl dd{
    width: 798px;
    height: 180px;
    display: block;
    float: right;
    margin: auto;
    padding-top: 20px;
    padding-left: 25px;
    line-height: 180%;
    }
.soudan_p{
    margin: 30px auto;
    text-align: center;
    }    
/*no1*/
.no1zu{
    width: 310px;
    height: auto;
    display: block;
    float: left;
    margin-bottom: 30px;
    }
.no1zu:nth-of-type(2){
     margin-left: 47px;
     margin-right: 47px;
    }
/*jirei*/
.jirei{
width:1025px;
    height: 214px;
    display: block;
    background-color: #fff;
    margin: 30px auto;
    position: relative;
}
.jirei::after{
    position: absolute;
    content: 'この事例を詳しく見る';
    color: #fff;
    background-color: #E7A095;
    top: 20px;
    right: 20px;
    padding: 4px 8px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    }    
.jirei:nth-of-type(1){
background-image: url(../img/jirei1.gif) ; 
}    
.jirei:nth-of-type(2){
background-image: url(../img/jirei2.gif) ; 
}
.jirei:nth-of-type(3){
background-image: url(../img/jirei3.gif) ; 
}
.jirei:nth-of-type(4){
background-image: url(../img/jirei4.gif) ; 
}    
.jirei:nth-of-type(5){
background-image: url(../img/jirei5.gif) ; 
}
.jirei:nth-of-type(6){
background-image: url(../img/jirei6.gif) ; 
}    
.jirei_in{
    width: 740px;
    height: 214px;
    position: absolute;
    right: 0;
    margin: auto;
    padding: 20px;
    }
.jirei_number{
    width: auto;
    height: auto;
    display: block;
    margin: auto;
    padding: 10px;
    color: #fff;
    background-color: #f9943e;
    border-radius: 5px;
    font-weight: bold;
    float: left;
    margin-right: 20px;
    font-size: 20px;
    }
.jirei_category{
    width: auto;
    height: auto;
    display: block;
    font-size: 26px;
    padding: 10px;
    
    }
.jirei_title{
    width: auto;
    height: auto;
    display: block;
    font-size: 36px;
    font-weight: bold;
    clear: both;
    margin: 22px auto;
    }
.jirei_title_text{
    font-weight: 600;
    font-size: 14px;
    }    
    
/*souba*/
.souba_btn{
    width: 500px;
    height: 80px;
    margin: 40px auto;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    padding-top: 28px;
    } 
.souba_btn:nth-of-type(1){
    background-color: #f9943e;
    margin-right: 24px;
    }
.souba_btn:nth-of-type(2){
    background-color: #E7A095;
    }
.souba_btn:nth-of-type(2)::before{
    content: '無料';
    background-color: #DF6E5E;
    padding: 8px;
    border-radius: 10px;
    margin-right: 12px;
    }           
/*qa*/
.qa_list{
    width: 1024px;
    height: auto;
    }
.qa_list:last-of-type{
    margin-bottom: 30px;
    }    
.qa_box {
    width: 500px;
    margin: 6px;
}
.qa_box label {
    width: 498px;
    padding: 30px;
}
.qa_box .qa_nakami {
    width: 498px;
    padding: 0px 30px;
}
.qa_box input:checked ~ .qa_nakami {
    width: 498px;
    padding: 30px;
}
.qa_box input:checked ~ .qa_nakami::before{
    width: 100px;
    top: 0;
    left: 200px;
    }    
    
/*nagare*/
.flow_box{
    width: 900px;
    height: 380px;
    }    
.flow{
    width: 215px;
    height: 380px;
    margin: 5px;
    float: left;
    }    
    
/*メディア情報*/    
.media_h3{
    margin-top: 60px;
    }      
/*tokushu*/ 
/*運営サイト情報*/
.unei_list{
    width: 980px;
    height: auto;
    margin: auto;
    display: block;
    overflow: hidden;
}
.unei_list li{
    width: 235px;
    height: auto;
    margin: 2.5px 5px;
    float: left;
    }    
    
/*問い合わせフォーム*/ 
.toiawase_box{
    margin: 30px auto;
    }    
.toiawase_block{
    width: 900px;
    height:auto;
    min-height:50px;
    display: block;
    overflow: hidden;
    margin-bottom: 2px;
    }
.toiawase_block_soudan{
    width: 900px;
    height:210px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    }    
.toiawase_dt{
    width: 270px;
    height: 60px;
    float: left;
    padding: 18px;
    text-align: left;
    font-size: 15px;
    color: #333333;
    background-color: #f9f5ec;
    }
.toiawase_block_soudan .toiawase_dt{
    height: 210px;
    padding-top: 90px;
    }    
.toiawase_dd{
    width: 630px;
    height: auto;
    min-height: 50px;
    float: right;
    padding: 15px;
    }
.toiawase_dd input{
    width: 600px;
    height: 30px;
    }
.toiawase_dd textarea{
    width: 600px;
    height: 180px;
    }    
.toiawase_dd input.radio{
    width: auto;
    height: auto;
    }
.toiawase_dd input.yuubin_form{
    width: 200px;
    height: 30px;
    margin-right: 10px;
    }    
.toiawase_dd input.yuubin_btn{
    width: 200px;
    height: 30px;
    }
.toiawase_dd select{
    border: solid 2px #D6D6D7;
    font-weight: 500;
    width: 200px;
    height: 30px;
    }    
.hn{
     padding: 2px 4px;
    border-radius: 4px;
    width: auto;
    height: auto;
    font-size: 12px;
    margin-right: 10px;
    }
.hissu{
    /*margin-left: 10px;*/
    background-color: #F97B0F;
    }
.nini{
    /*display: none;*/
    background-color: #cccccc;
    }    
.error{
    overflow: hidden;
    clear: both;
    display: block;
    color: #E80003;
    height: 20px;
    }
.agreement{
    width: 1024px;
    height: auto;
    overflow: hidden;
    margin: 40px auto;
    }    
/*チェックボックス
input[type=checkbox] {
    width: 15px;
    height: 19px;
}*/  
/*問い合わせボタン*/ 
.submit{
    width: 300px;
    height: 60px;
    margin: 40px auto;
    font-size: 18px;
    }    
    
/*個人情報保護*/    
#rule{
    width: 1024px;
    } 
.pp_h{
    margin-bottom: 10px;
    }
.rule_box{
    width: 900px;
    height: 200px;
    padding: 20px;
    }
.pmark_box{
    width: 1024px;
    padding: 20px 120px;
    }    
.pmark_img,.pmark_text{
    float: left;
    margin-right: 30px;
    }
.pmark_text{
    padding-top: 40px;
    }    
/*サンクス*/
.thanks{
    margin: 40px auto 130px auto;
    text-align: center;
    }
.thanks a{
    margin-top: 40px;
    display: block;
    }
    
/*プレスリリース*/
.press_dl{
    width: 1024px;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
    }    
.press_dt{
    width: 120px;
    height: auto;
    float: left;
    }
.press_dd{
    width: 904px;
    height: auto;
    float: right;
    padding-top: 10px;
    }
/*会社概要*/
.company_table{
    border: solid 2px #e7e4de;
    width: 900px;
    height: auto;
    margin: 20px auto;
    }
.company_table tr th,.company_table tr td{
    padding: 10px 20px;
    }
.company_table tr th{
    width: 200px;
    border: solid 1px #fff;
    background-color: #e7e4de;
    }  
.company_table tr td{
    width: 700px;
    border: solid 1px #e7e4de;
    }
/*事例ページ*/    
.jirei_list{
    width: 1025px;
    margin: auto;
    }
.jirei_box{
    width: 1025px;
    margin: auto;
    margin-bottom: 80px;
    }
.jirei_ryokin{
    width: 1025px;
    height: 100px;
    margin: auto;
    padding: 20px;
    }
.ryokin_left{
    float: left;
    width: 500px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding-top: 16px;
    }
.ryokin_left span::after{
    content: '';
    border-bottom: solid 14px yellow;
    width: 420px;
    height: 12px;
    float: left;
    margin: auto 30px;
    margin-top: -20px;
    }    
.ryokin_right{
    width: 483px;
    float: right;
    }
.ryokin_right span{
    display: block;
    float: left;
    overflow: hidden;
    width: 220px;
    text-align: center;
    margin-top: 8px;
    font-weight: bold;
    }
.ryokin_right span.hajimete{
    margin-top: 20px;
    }    
.ryokin_right span.sankaku{
    width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #B0B9CA;
    margin-top: 20px;
    }   
.jirei_box dt{
    color: #f9943e;
    font-weight: bold;
    font-size: 18px;
    margin: 20px auto 10px auto;
    display: block;
    }    
/*顧問料表*/
.komonryou_box{
    margin-top: 10px;
    margin-bottom: 40px;
    }    
.komonryou_table{
    border: solid 2px #e7e4de;
    width: 1024px;
    /*height: 110px;*/
    margin: 10px auto;
    text-align: center;
    font-weight: 600;
    } 
.komonryou_table tr th{
    background-color: #feead8;
    border: solid 1px #fff;
    padding: 15px;
    padding-top: 16px;
    }     
.komonryou_table tr td{
         border: solid 1px #e7e4de;
    padding: 15px;
     padding-top: 16px;
    }
.komonryou_table tr th.komonryou_table_th{
    color: #fff;
    background-color: #f9943e;
    border: solid 1px #fff;
    padding: 15px;
     padding-top: 16px;
    width: 320px;
    }     
.komonryou_table tr td.komonryou_table_td{
    background-color: #f7f3ed;
        border: solid 1px #e7e4de;
    padding: 15px;
     padding-top: 16px;
    width: 320px;
    }
ul.komonryou_list{
    margin: 10px auto 30px auto;
    }    
ul.komonryou_list li{
    display: inline;
    }
ul.komonryou_list li a{
    display: inline-block;
    background-color: #f9943e; 
    color: #fff;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
    }
ul.komonryou_list li a::after{
    content: '>';
    font-size: 14px;
    margin-left: 8px;
    }
ul.komonryou_list li a:hover{
    background-color: #E7A095;
    }    
.komonryou_h3{
    padding-top: 20px;
    text-align: center;
    font-size: 22px;
    }    
    
}


/*スマートフォン*/
@media only screen and (max-width:750px){
/*共通設定*/
    
*{
font-size: 4vmin;
font-weight: 500;
    line-height: 140%;
}
.pc{
display: none;
}
body{
width: 100%;
margin: 0px auto;
webkit-text-size-adjust: 100%;
display: block;
}
article{
        margin-top: 8vh;
    }    
.contents{
width: 92%;
height: auto;
margin: auto;
display: block;
overflow: hidden;    
    }
h2{
width: auto;
height: auto;
display: block;
margin: 5vmin auto 3vmin auto;
font-size: 5.4vmin;
font-weight: bolder;
text-align:center; 
letter-spacing: 0.4vmin;
}
h3{
font-size: 4.2vmin;
font-weight: bold;    
}
h4{
font-size: 4vmin;
font-weight: 600;
}     
/*header*/
.js-on .toggle_menu_inner {
display: none;
}    
header{
width: 100%;
height: auto;
display: block;
margin: auto;
overflow: hidden;
position: fixed;
z-index: 10000;
background-color: #ffffff;
border-bottom: solid 0.2vmin #E6E6E6;
}
header.menu-opened{
height: 100vh;
    }    
h1.header_h1{
visibility: hidden;
width: 0px;
height: 0px;
}    
.header_common{
    display: block;
    width: 86vmin;
    overflow: hidden;
    float: left;
height: 8vh;
    padding-top: 2vh;
    padding-left: 3vmin;
    padding-right: 3vmin;
}
.header_common_left{
width: 100%;
height: auto;
display: block;
float: left;
}
.header_common_right{
display: none;
}  
.toggle_btn{
outline: none;
border-style: none;
position: fixed;
transition: all .4s;
box-sizing: border-box;
width: 14vw;
height: 7.8vh;/*headerのborder-bottom差分*/
background-color: #fff;
z-index: 891;
 }
.toggle_btn:active{
transition: all .4s;
width: 14vw;
height: 8vh;  
z-index: 891;
}
.btn_poisition{
width: 14vw;
height: 8vh;    
    }    
.toggle_btn span{			
transition: all .4s;
box-sizing: border-box;
position: absolute;
background-color: #DF8376;
left: 3.5vw;
right: 3.5vw;
width: 7vw;
height: 0.8vmin;
}    
.toggle_btn span:nth-of-type(1) {
top: 2vh;
}
.toggle_btn span:nth-of-type(2) {
top: 3.65vh;
}
.toggle_btn span:nth-of-type(3) {
bottom: 2vh;
}
.toggle_btn.is-toggled span:nth-of-type(1){
-webkit-transform: translateY(1.7vh) rotate(-45deg);
transform: translateY(1.7vh) rotate(-45deg);
}
.toggle_btn.is-toggled span:nth-of-type(2){
opacity: 0;
} 
.toggle_btn.is-toggled span:nth-of-type(3){
-webkit-transform: translateY(-1.7vh) rotate(45deg);
transform: translateY(-1.7vh) rotate(45deg);
}    
 .toggle_menu{
display: none;
z-index: 11000; 
width: 100%;
height:auto;
background-color: #fff;
position: fixed;
/*display: block;*/
margin-top: 8vh;
border-top: solid 0.2vmin #E6E6E6;       
 }   
.toggle_btn:active ~ .toggle_menu{
width: 100%;
height:auto;
margin-top: 8vh; 
    }
.toggle_menu.is-toggle{
height:auto;
 position: fixed;
border-top: solid 0.2vmin #E6E6E6;    
border-bottom: solid 0.2vmin #E6E6E6;
background-color: #F8F8F5;    
    }  
.toggle_menu div.toggle_menu_inner{
width: 100%;
height: auto;
display: block;
}
.inner_ul li a{
    display: block;
    width: 100%;
    height: 14vmin;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    padding-top: 4vmin;
    margin: auto;
    background-color:#f9943e;
    font-size: 4vmin;
    border-bottom: solid 0.2vmin #fff;
    }   
.header_madoguchi{
    width: 100%;
    height: auto;
    display: block;
    }
.header_madoguchi p{
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    background-color: #DF6E5E;
    color: #fff;
    margin: auto;
    padding-top: 1vh;
    padding-bottom: 1vh;
    font-size: 4vmin;
    font-weight: 600;
    }
.header_madoguchi img{
    width: 83%;
    height: auto;
    margin: 2vh auto;
    display: block;
    }    
.scroll-fixed{
width: 100%;
height: 100%;
overflow: hidden;
webkit-overflow-scrolling: touch;
}  
    
    
/*footer*/  
footer{
width: 100%;
height: auto;
display: block;
margin: auto;
margin-top: 10vmin;
padding: auto;
background-color: #F3F3EF;
overflow: hidden;
}
footer .contents{
display: block;
margin: auto;
padding: auto;
overflow: hidden;
}    
.footer_text{
margin: 2vmin auto;
font-size: 3vmin;
}
.footer_logo{
width: 98%;
height: auto;
display: block;
float: left;
overflow: hidden;
clear: both;
padding: auto;
margin: 6vmin auto 2vmin;
    }
.footer_text dd{
clear: both;        
    }    
ul.footer_share{
margin: 4vmin auto;    
}    
.footer_share li{
display: block;
float: left;
margin-right: 1vmin;
}
.footer_share li a.mail_sousin{
    width: auto;
    height: auto;
    color: #fff;
    background-color: #E7A095;
    display: block;
    padding: 0vmin 1vmin;
    text-align: center;
    text-decoration: none;
    border-radius: 1vmin;
    float: left;
    font-size: 2vmin;
    font-weight: bold;
    }    
.footer_nav{
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    margin-bottom: 4vmin;
    }    
.footer_nav li a{
    width: 50%;
    height: auto;
    display: inline-block;
    float: left;
    border-top: solid 0.25vmin #B6B6B3;
    margin: auto;
    overflow: hidden;
    padding-top: 3vmin;
    padding-bottom: 3vmin;
    padding-left: 2vmin;
    font-size: 3.4vmin;
    text-decoration: none;
    font-weight: bolder;
}
.footer_nav li:nth-of-type(even) a{
   border-left: solid 0.25vmin #B6B6B3; 
    }
.footer_nav li:nth-of-type(7) a,.footer_nav li:nth-of-type(8) a{
    border-bottom: solid 0.25vmin #B6B6B3;
    }    
    
.footer_viscas,.footer_viscas_ul{
margin: 2vmin auto;
font-size: 2vmin;    
}
.footer_viscas_ul{
margin-top: 2vmin auto;
    }    
.viscas_bolder{
 font-weight: bold;
    margin-bottom: 4vmin;
    }    
small.copyright{
width: auto;
height: auto;
display: block; 
text-align: center;
margin: 10vmin auto 5vmin auto;
}
    
    
/*中身*/
main{
z-index: 1;        
}
/*toiawase*/    
.toiawase_area{
    width: 92%;
    height: auto;
    margin: auto;
    text-align: center;
    padding-top: 4vmin;
    padding-bottom: 4vmin;
    }
.toiawase_area .toiawase_banner_catch{
    font-size: 3.6vmin;
    font-weight: bolder;
    margin-bottom: 2vmin;
    }
.toiawase_area .toiawase_banner_catch span{
    color: #f97b0f;
    }    
.banner_btn{
    width: 90%;
    height: auto;
    display: block;
    margin: auto;
    margin-bottom: 2vmin;
    }    
    
/*トップ*/
.top_catch{
    width: 92%;
    height: auto;
    display: block;
    margin: auto;
    padding: auto;
    padding-top: 2.6vmin;
    padding-bottom: 1vmin;
    }    
.top_img{
    width: 100%;
    height: auto;
        border-bottom: solid 0.3vmin #E6E6E6;
    }     
.top_toiawase{
    width: 92%;
    height: auto;
    margin: auto;
    text-align: center;
    padding-top: 4vmin;
    padding-bottom: 4vmin;
    }
.top_toiawase .top_toiawase_catch{
    font-size: 3.6vmin;
    font-weight: bolder;
    margin-bottom: 2vmin;
    }
.top_toiawase .top_toiawase_catch span{
    color: #f97b0f;
    }    
.top_toiawase_btn{
    width: 90%;
    height: auto;
    display: block;
    margin: auto;
    margin-bottom: 2vmin;
    }
/*NEWS*/
.news_dl{
    margin: 0vmin auto 2vmin auto;
    }    
.news_dt{
    width: 30%;
    height: auto;
    margin: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size:2.8vmin;
    }
.news_dd{
    margin-top: 2vmin;
    margin-bottom: 2vmin;
    font-size:2.8vmin;
    line-height: 140%;
    }     
    
/*soudan*/
.soudan_right{
    visibility: hidden;
    width: 0px;
    height: 0px;
    }
.soudan_h2{
    font-size: 7vmin;
    line-height: 120%;
    margin-bottom: 4vmin;
    margin-top: 0vmin;
    }
.soudan_upper{
    width: 100%;
    height: auto;
    display: block;
    margin: 5vmin auto;
    overflow: hidden;
    }    
.soudan_left{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    }  
.points{
    width: 100%;
    float: left;
    overflow: hidden;
    } 
.point_c,.point_l,.point_r{
    width: 28vmin;
    height: auto;
    display: block;
    float: left;
    margin: 1.3vmin;
    }    
.soudan_bottom dl{
    width: 100%;
    height: auto;
    display: block;
    background-color: #fff;
    border: solid 1px #E7A095;
    }
.soudan_bottom dl dt{
    color: #fff;
    background-color: #E7A095;
    text-align: center;
    width: 100%;
    height: auto;
    font-weight: bold;
    padding: 2vmin;
    }   
.soudan_bottom dl dd{
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
    padding: 3.6vmin;
    line-height: 160%;
    }
.soudan_p{
    margin: 4vmin auto;
    } 
    
/*no1*/
.no1zu{
    width: 46%;
    height: auto;
    display: block;
    float: left;
    margin:2% 2% 4% 2%;
    }
.no1zu:first-of-type{
    display: none;
    }    
    
/*jirei*/
.jirei{
width:100%;
    height: auto;
    min-height: 20vmin;
    display: block;
    margin: 4vmin auto;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    clear: both;
    overflow: hidden;
}
.jirei:nth-of-type(1){
background-image: url(../img/jirei1_sp.gif) ; 
}
.jirei:nth-of-type(2){
background-image: url(../img/jirei2_sp.gif) ; 
}
.jirei:nth-of-type(3){
background-image: url(../img/jirei3_sp.gif) ; 
}
.jirei:nth-of-type(4){
background-image: url(../img/jirei4_sp.gif) ; 
}
.jirei:nth-of-type(5){
background-image: url(../img/jirei5_sp.gif) ; 
}
.jirei:nth-of-type(6){
background-image: url(../img/jirei6_sp.gif) ; 
}    
.jirei_in{
    width: 60vmin;
    height: auto;
    margin: auto;
    padding: 2vmin;
    float: right;
    font-size: 3.4vmin;
    }
.jirei_number{
    width: auto;
    height: auto;
    display: block;
    margin: auto;
    padding: 1vmin;
    color: #fff;
    background-color: #f9943e;
    border-radius: 1vmin;
    font-weight: bold;
    float: left;
    margin-right: 2vmin;
    }
.jirei_category{
    width: auto;
    height: auto;
    display: block;
    padding-top: 1vmin;
    }
.jirei_title{
    width: auto;
    height: auto;
    display: block;
    font-weight: bold;
    clear: both;
    padding-top: 2vmin;
    }
.jirei_title_text{
visibility: hidden;
    width: 0;
    height: 0;
    }     
    
/*souba*/
.souba_btn{
width: 90%;
    height: 14vmin;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    padding-top: 4vmin;
    margin: 2vmin 5%;
    } 
.souba_btn:nth-of-type(1){
    background-color: #f9943e;
    }
.souba_btn:nth-of-type(2){
    background-color: #E7A095;
    }
.souba_btn:nth-of-type(2)::before{
    content: '無料';
    background-color: #DF6E5E;
    padding: 1vmin 2vmin;
    border-radius: 1vmin;
    margin-right: 2vmin;
    }    
.souba_btn::hover{
    color: #fff;
    }      
    
/*qa*/
.qa_list{
    width: 100%;
    height: auto;
    }
.qa_list:last-of-type{
    margin-bottom: 6vmin;
    }    
.qa_box {
    width: 100%;
    margin: 2vmin auto;
}
.qa_box label {
    width: 100%;
    padding: 4vmin 5vmin;
}
.qa_box .qa_nakami {
    width: 100%;
    padding: 0vmin 5vmin;
}
.qa_box input:checked ~ .qa_nakami {
    width: 100%;
     padding: 4vmin 5vmin;
}
.qa_box input:checked ~ .qa_nakami::before{
    width: 50%;
    top: 0;
    left: 25%;
    }    

/*nagare*/
.flow_box{
    width: 100%;
    height: auto;
    }    
.flow{
    width: 46%;
    height: auto;
    float: left;
    display: block;
    margin: 2%;
    }
.flow dt img{
    width: 90%;
    height: auto;
    margin: 4% 5%;
    display: block;
    }    
    
/*media*/
.media_h3,.media_img{
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
    text-align: center;
    }
.media_h3{
    margin-top: 2vmin;
    }        
    
/*tokushu*/    
.tokushu_sp{
    width: 100%;
    height: auto;
    }
/*運営サイト情報*/
.unei_list{
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
    overflow: hidden;
}
.unei_list li{
    width: 48%;
    height: auto;
    margin: 0.5% 1%;
    float: left;
    }
.unei_list li a img{
    width: 100%;
    height:auto;
    }    
    
/*問い合わせフォーム*/
.toiawase_warn{
    font-size: 3.4vmin;
    }       
.toiawase_box{
    margin:auto;
    margin-top: 2vmin;
    }    
.toiawase_block{
    width: 100%;
    height:auto;
    display: block;
    overflow: hidden;
    margin-bottom: 4vmin;
    }
.toiawase_block_soudan{
    width: 100%;
    height:60vmin;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    }    
.toiawase_dt{
    width: 100%;
    height: 8vmin;
    float: left;
    text-align: left;
    font-size: 5vmin;
    }    
.toiawase_dd{
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    }
.toiawase_block_soudan .toiawase_dd{
    height: 48vmin;
    }    
.toiawase_dd input{
    width: 100%;
    height: 12vmin;
    }
.toiawase_dd textarea{
    width: 100%;
    height: 48vmin;
    }    
.toiawase_dd input.radio{
    width: auto;
    height: auto;
    }
.toiawase_dd input.yuubin_form{
    height: 12vmin;
    }    
.toiawase_dd input.yuubin_btn{
    height: 12vmin;
    float: left;
    font-size: 3.6vmin;
    text-align: center;
    padding: 0vmin;
    background-color: #DDDDDD;
    }
    .yuubin_a,.yuubin_b{
        float: left;
        width: 49%;
    }   
.yuubin_a{ 
    margin-right: 1vmin;
    }    
.toiawase_dd select{
    border: solid 2px #D6D6D7;
    width: 49%;
    height: 12vmin;
    }    
.hn{
    padding:0vmin 1.5vmin;
    border-radius: 1.5vmin;
    width: auto;
    height: auto;
    font-size: 4vmin;
    }
.hissu{
    margin-left: 2vmin;
    }
.nini{
    display: none;
    }    
.error{
    overflow: hidden;
    clear: both;
    display: block;
    color: #E80003;
    height: auto;
    min-height: 6vmin;
    }
.agreement{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 4vmin auto;
    }
.agreement label{
    font-size: 3.5vmin;
    }    
/*チェックボックス*/
.agreement label input[type=checkbox],input[type=checkbox]:checked{
  /*-ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);*/
    width: 6vmin;
    height: 6vmin;
    float: left;
    margin-right: 2vmin;
}
span.agreement_text{
    float: left;
    margin-top: 1.4vmin;
    }    
/*問い合わせボタン*/ 
.submit{
    width: 50%;
    height: 15vmin;
    margin: 1vmin auto 8vmin auto;
    }    
    
/*個人情報保護*/    
#rule{
    width: 92%;
    } 
.pp_h{
    margin-bottom: 1vmin;
    }
.rule_box{
    width: 100%;
    height: 32vh;
    padding: 2vmin;
    }
.pmark_box{
    width: 100%;
    padding: 10vmin;
    }      
   
    
/*サンクス*/
.thanks{
    margin-top: 20vmin;
    margin-bottom: 20vmin;    
} 
.thanks a{
    margin-top: 4vmin;
    display: block;
    }
    
/*プレスリリース*/
.press_dl{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 8vmin auto;
    }    
.press_dt{
    width: 30%;
    height: auto;
    float: left;
    padding-top: 1vmin;
    }
.press_dd{
    width: 70%;
    height: auto;
    float: right;
    padding-left: 2vmin;
    }      
    
/*会社概要*/
.company_table{
    border: solid 2px #e7e4de;
    width: 100%;
    height: auto;
    margin: 20px auto;
    }
.company_table tr th,.company_table tr td{
    padding: 2vmin;
    float: left;
    }
.company_table tr th{
    width: 100%;
    background-color: #e7e4de;
    }  
.company_table tr td{
    width: 100%;
    border: solid 1px #e7e4de;
    }   
    
/*事例ページ*/    
.jirei_list{
    width: 92%;
    height: auto;
    margin: auto;
    }
.jirei_box{
    width: 100%;
    margin: auto;
    padding-top: 10vmin;
    }
.jirei_box:nth-of-type(1){
    padding-top: 0vmin;
    }    
.jirei_image img.sp{
    width: 100%;
    height: auto;
    margin: auto;
    }    
.jirei_ryokin{
    width: 100%;
    height: auto;
    margin: auto;
    padding-left: 2vmin;
    padding-top: 4vmin;
    padding-bottom: 4vmin;
    }
.ryokin_left{
    width: 100%;
    text-align: center;
    font-weight: bold;
    }
.ryokin_left span::after{
    content: '';
    border-bottom: solid 3vmin yellow;
    display: block;
    height: 0vmin;
    width: 98%;
    margin-top: -2vmin;
    margin-bottom: 1vmin;
    }
.ryokin_left span{
    font-size: 3.8vmin;
    }    
.ryokin_right{
    width: 100%;
    overflow: hidden;
    }
.ryokin_right span{
    display: block;
    float: left;
    overflow: hidden;
    width: 45%;
    text-align: center;
    margin-top: 8px;
    font-weight: bold;
    }
.ryokin_right span.hajimete{
    padding: 0vmin 3vmin 0vmin 6vmin;
    }    
.ryokin_right span.sankaku{
    width: 0;
height: 0;
border-style: solid;
border-width: 2vmin 0 2vmin 4vmin;
border-color: transparent transparent transparent #B0B9CA;
    margin-left: 1vmin;
    margin-top: 5vmin;
    }   
.jirei_box dt{
    color: #f9943e;
    font-weight: bold;
    font-size: 4.4vmin;
    margin: 4vmin auto 2vmin auto;
    display: block;
    }
/*顧問料表*/
 
#komonryou1,#komonryou2,#komonryou3,#komonryou4,#komonryou5,#komonryou6{
    padding-top: 8vh;
    margin-top: -8vh;
    }    
.komonryou_box{
    margin-top: 1vmin;
    margin-bottom: 5vmin;
    }
.table_scroll{
    overflow-x:auto;
    white-space: nowrap;
    }  
.table_scroll::-webkit-scrollbar{
    width: auto;
 height: 3vmin;
}
.table_scroll::-webkit-scrollbar-track{
border-radius: 1.5vmin;    
 background: #F3F3EF;
}
.table_scroll::-webkit-scrollbar-thumb {
border-radius: 1.5vmin;    
 background: #D6D6D7;
}    
.komonryou_table{
    border: solid 2px #e7e4de;
    width: auto;
    height: auto;
    margin: 2px auto 6px auto;
    text-align: center;
    font-weight: 600;
    } 
.komonryou_table tr th{
    background-color: #feead8; 
    border: solid 1px #fff;
    padding: 6px 12px;
    width: 200px;
    }     
.komonryou_table tr td{
    border: solid 1px #e7e4de;
    padding: 6px 12px;
    width: 200px;
    }
.komonryou_table tr th.komonryou_table_th{
    color: #fff;
    background-color: #f9943e;
    border: solid 1px #fff;
    padding: 6px 12px;
    width: auto;
    }     
.komonryou_table tr td.komonryou_table_td{
    background-color: #f7f3ed;
    border: solid 1px #e7e4de;
    padding: 6px 12px;
    width: auto;
    }  
    
ul.komonryou_list{
    margin: 4vmin auto;
    }    
ul.komonryou_list li{
    display: inline;
    }
ul.komonryou_list li a{
    display: inline-block;
    background-color: #f9943e;
    color: #fff;
    padding: 2vmin 4vmin;
    text-decoration: none;
    border-radius: 2vmin;
    font-weight: bold;
    margin: 1vmin auto;
    text-align: center;
    }
ul.komonryou_list li a::after{
    content: '>';
    margin-left: 4vmin;
    }
ul.komonryou_list li a:hover{
    background-color: #E7A095;
    }    
.komonryou_h3{
    padding-top: 4vmin;
    text-align: center;
    font-size: 4.8vmin;
    }    

    
}