@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@media screen and (min-width:871px){
    body {
        margin:0;
        padding:0;
        font-size:15px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight:600;
        line-height:1.8;

        -webkit-text-size-adjust: 100%; /* 2 */
        -ms-text-size-adjust: 100%; /* 2 */
    }

    #header{
        position:relative;
        background-image:url("../images/bg_page_top_yellow_pc.jpg");
        background-repeat: no-repeat;
        background-size:100% 336px;
        width:100%;
        height:336px;
        margin:auto;
    }

    #logo_original{
        height:70px;
        position:absolute;
        top:10%;
        left:3%;
    }

    #header_navi{
        position:absolute;
        top:20%;
        left:50%;
        transform: translate(-50%,-50%);
        width:620px;
        height:70px;
        text-align:center;
        background-color:white;
        border-radius:50px;
        line-height:70px;
        box-shadow: 0px 0px 5px 0px rgb(186, 182, 182);
    }

    #header_navi ul{
        /* list-style:none; */
        padding:0;
        margin:0 auto;
        height:70px;
    }

    #header_navi li{
        display:inline;
        height:50px;
        margin:0 27px;
        display:inline-block;
        border-radius:50px;
        width:15%;
        line-height:50px;
    }

    #header_navi li a#header_navi_jigyonaiyo{
        color:#FED700;
    }

    #shindan{
        background-color:#FED700;
        border-radius:50px;
    }
    
    #header_navi a{
        color:black;
        text-decoration:none;
    }

    #business{
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        color:white;
        font-size:72px;
        font-family: 'Helvetica Neue',sans-serif;
    }

    #header_jigyonaiyo{
        position:absolute;
        top:87%;
        left:50%;
        transform: translate(-50%,-50%);
        font-size:22px;
    }

    #business_man1{
        height:200px;
        position:absolute;
        top:45%;
        left:69%;
    }

    .section{
        padding:70px 0;
    }

    .section_even{
        background-color:#F5F7FA;
    }

    h1{
        font-size:28px;
        margin-bottom:30px;
    }

    #concier_explain1{
        margin:auto;
        width:796px;

        position: relative;
    }

    #zaimu_image{
        width: 400px;

        position: absolute;
        top: 250px;
        right: 0;
    }
    #zaimu_image img{
        width: 100%;
    }
    
    .business_title{
        text-align:center;
    }

    .business_title span:not(#kessansyo_second_opinion){
        font-size:28px;
        color:#FED700;
    }

    #concier_explain1 p{
        margin: 0px 20px 50px;
    }

    #concier_explain2{
        background: linear-gradient(white 0% 10%, #FED700 10% 85%, white 85% 100%);
    }

    #concier_explain2_items{
        margin:auto;
        text-align:center;
        width:820px;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
    }

    #concier_explain2_items div{
        position:relative;
        width:46%;
        background-color: white;
        box-shadow: 0px 0px 5px 0px rgb(186, 182, 182);
        border-radius:2%;
        margin-bottom:24px;
    }

    .concier_explain2_number{
        position:absolute;
        margin:0;
        top:20px;
        left:20px;
        font-size:30px;
        color:#FED700;
        font-weight:bold;
    }

    .concier_explain2_image{
        height:110px;
        position:relative;
        top:10px;
    }

    .concier_explain2_title{
        font-size:19px;
        font-weight:bold;
    }

    .concier_explain2_text{
        margin:20px 20px;
        text-align:left;
    }

    #concier_explain3{
        margin:auto;
        position:relative;
        width:805px;
    }

    #concier_explain3 p{
        margin-top:30px;
        margin-bottom:90px;
    }

    #business_man6{
        height:250px;
        position:absolute;
        right:0%;
        bottom:-10%;
    }

    #concier_table{
        width:950px;
        margin:auto;
        text-align:center;
    }

    #concier_table_title{
        margin:auto;
        margin-bottom:40px;
        width:170px;
        border-bottom:#FED700 dotted;
    }
    
    #concier_table table{
        width:950px;
    }

    #concier_table_midashi{
        width:20%;
        background-color:#FED700;
    }
    
    #concier_table_butyo{
        width:40%;
    }
    
    #concier_table_concier{
        width:40%;
        border:solid 2px #FED700;
    }
    
    #concier_table tr:not(.concier_table_first){
        height:120px;
    }

    .concier_table_first{
        height:60px;
        font-size:18px;
    }

    .concier_table_odd{
        background-color:#ECECEC;
    }

    .concier_table_even{
        background-color:#F8F8F8;
    }

    .table_concier{
        border: solid 2px #FED700;
        border-top: none;
        border-bottom: none;
    }
    .table_concier_last{
        border: solid 2px #FED700;
        border-top: none;
        border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
    }

    #concier_table_first_first{
        background-color:white;
    }

    #concier_table_first_concier{
        color:#FED700;
        border: solid 2px #FED700;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
        border-bottom: none;
    }

    .concier_table_hosoku{
        font-size:12px;
    }

    #concier_table_first_butyo{
        border-top-left-radius:10px;
        border-top-right-radius:10px;
    }

    #concier_table_saiyocost{
        border-top-left-radius:10px;
    }

    #concier_table_kotsuhi{
        border-bottom-left-radius:10px;
    }

    #chotatsu_explain1{
        margin:auto;
        width:796px;
        position: relative;
    }

    #chotatsu_explain1 p{
        margin-left: 20px;
        margin-right: 20px;
    }

    #shikin_image{
        width: 50%;

        position: absolute;
        top: 150px;
        right: 0;
    }
    #shikin_image img{
        width: 100%;
    }


    #chotatsu_section{
        position:relative;
    }

    #chotatsu_flow{
        width:950px;
        margin:auto;
        text-align:center;
        position:relative;
    }

    #business_man7{
        position:absolute;
        right:20%;
        top:35%;
        height:100px;
    }

    #chotatsu_flow_table_title{
        margin:auto;
        margin-top:60px;
        margin-bottom:60px;
        width:190px;
        border-bottom:#FED700 dotted;
    }

    #chotatsu_flow_table_left_top{
        border-top-left-radius:10px;
    }

    #chotatsu_flow_table_left_bottom{
        border-bottom-left-radius:10px;
    }

    #chotatsu_flow table{
        width:950px;
    }

    #chotatsu_flow tr{
        height:120px;
    }
    
    #chotatsu_flow tr div{
        margin:20px;
        text-align:left;
    }

    #chotatsu_flow_table_midashi{
        width:20%;
        background-color:#FED700;
    }

    .chotatsu_flow_table_odd{
        background-color:#F8F8F8;
    }
    
    .chotatsu_flow_table_even{
        background-color:#ECECEC;
    }

    #kessansyo_second_opinion{
        font-size:15px;
    }

    #kessansyo_explain1{
        margin:auto;
        width:756px;
        position:relative;
    }

    #business_man8{
        position:absolute;
        height: 150px;
        top:-65%;
        right:10%;
    }
    
    #business_man9{
        position:absolute;
        height:150px;
        top:-250%;
        left:0;
    }

    #kigyo_explain1{
        margin:auto;
        width:756px;
        position:relative;
        text-align:center;
    }

    #kigyo_explain2{
        margin:40px auto;
        width:756px;
    }

    .kigyo_explain2_item{
        height:60px;
        background-color:#FFFFFF;
        border-radius: 8px;
        box-shadow: 0px 0px 5px 0px rgb(186 182 182);
        margin-bottom:15px;
    }

    .kigyo_explain2_item p{
        margin: 0 15px 0 15px;
        line-height:60px;
    }

    #kigyo_explain3{
        margin:auto;
        width:796px;
        text-align:center;
    }

    #minimum_explain1{
        margin:auto;
        margin-bottom:40px;
        width:756px;
        text-align:center;
    }

    #minimum_explain2{
        position:relative;
        margin:auto;
        width:820px;
        margin-bottom:40px;
    }
    
    #minimum_explain2_items{
        text-align:center;
        box-shadow: 0px 0px 5px 0px rgb(186, 182, 182);
        border-radius:10px;
        height:324px;
        display:flex;
        justify-content: center;
        align-items: center;
    }

    #minimum_explain2_items_text{
        height:90%;
        width:90%;
    }
    
    .minimum_explain2_item{
        text-align:left;
        height:25%;
        line-height:72.9px;
        display:flex;
    }
    
    .minimum_explain2_item_name{
        width:30%;
        font-size:18px;
    }

    .minimum_explain2_item_explain{
        width:70%;
        font-size:14px;
    }

    .minimum_explain2_item_underline{
        border-bottom:1.5px dotted black;
    }

    #minimum_explain2_items_smp{
        display:none;
    }

    #business_man10{
        position:absolute;
        height:150px;
        top:-45%;
        right:-20%;
    }

    #minimum_explain3{
        margin:auto;
        width:756px;
    }

    #solution_explain1{
        width:756px;
        margin:auto;
    }

    #solution_explain1 p{
        margin-top:40px;
        margin-bottom:40px;
    }

    #solution_explain2{
        margin:auto;
        width:820px;
        position:relative;
    }

    #business_man11{
        position:absolute;
        height:150px;
        top:-23%;
        right:-3%;
    }

    .solution_explain2_item{
        height:60px;
        background-color:#FFFFFF;
        box-shadow: 0px 0px 5px 0px rgb(186 182 182);
        border-radius: 8px;
        margin-bottom:15px;
    }

    .solution_explain2_item p{
        margin: 0 30px 0 30px;
        line-height:60px;
    }

    #solution_explain3{
        width:756px;
        margin:auto;
        text-align:center;
    }

    #solution_explain3 p{
        margin-top:40px;
    }

    #business_title_7_smp{
        display:none;
    }

    #kyogyo_explain1{
        margin:auto;
        width:756px;
    }

    #kyogyo_explain1 p{
        margin-top:40px;
    }

    #business_man12{
        height:200px;
        position:relative;
        left:27%;
    }

    #ryokin_taikei_section{
        background: linear-gradient(#FED700 0% 90%, white 90% 100%);
        height:1800px;
    }

    #ryokin_taikei_section h1{
        text-align:center;
        margin-top:0;
        margin-bottom:50px;
    }

    #ryokin_taikei_area{
        width:820px;
        margin:auto;
        background-color:#FFFFFF;
        border-radius: 5px;
        display:flex;
        justify-content:center
    }

    #ryokin_taikei_items{
        width:750px;
        margin-top:30px;
        margin-bottom:30px;
        line-height:1.6;
    }

    .ryokin_taikei_item:not(.ryokin_taikei_item_last){
        border-bottom:1.5px dotted black;
    }

    .ryokin_taikei_item_hosoku{
        font-size:14px;
        color:#90908e;
    }
}

@media screen and (max-width:870px){
    body {
        margin:0;
        padding:0;
        font-size:13px !important;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight:600;
        line-height:1.8;
        
        -webkit-text-size-adjust: 100%; /* 2 */
        -ms-text-size-adjust: 100%; /* 2 */
    }

    #header{
        position:relative;
        background-image:url("../images/bg_page_top_yellow_sp.jpg");
        background-repeat: no-repeat;
        background-size:100% 336px;
        width:100%;
        height:336px;
        margin:auto;
    }

    #logo_original{
        height:60px;
        position:absolute;
        top:13%;
        left:5%;
    }

    #header_navi{
        display:none;
    }

    #header_navi_smp ul{
        list-style:none;
        padding:0;
        margin:0 auto;
        padding-top:80px;
        height:700px;
    }
    
    #header_navi_smp li{
        height:90px;
        margin:0 auto;
        line-height:45px;
        text-align:center;
    }
    
    #header_navi_smp a:not(#header_navi_smp_jigyonaiyo){
        font-size:18px;
        text-decoration:none;
        color:black;
    }
    
    #header_navi_smp_jigyonaiyo{
        font-size:18px;
        text-decoration:none;
        color:white;
    }

    #header_navi_smp_shindan{
        border-radius:50px;
        display:inline-block;
        background-color:white;
        width:120px;
        height:50px;
    }

    #business{
        position:absolute;
        top:60%;
        left:50%;
        transform: translate(-50%,-50%);
        color:white;
        font-size:45px;
        font-family: 'Helvetica Neue',sans-serif;
    }

    #header_jigyonaiyo{
        position:absolute;
        top:90%;
        left:50%;
        transform: translate(-50%,-50%);
        font-size:25px;
    }

    #business_man1{
        display:none;
    }

    .section{
        padding:40px 0 70px 0;
    }

    .section_even{
        background-color:#F5F7FA;
    }

    h1{
        font-size:20px;
        margin-bottom:20px;
    }

    #concier_explain1{
        margin:auto;
        width:90%;
    }
    
    .business_title{
        text-align:center;
    }

    .business_title span:not(#kessansyo_second_opinion){
        font-size:28px;
        color:#FED700;
    }

    #concier_explain1 p{
        margin:40px 20px 50px 20px;
    }

    #zaimu_image{
        width: 100%;
        min-width: 300px;
        margin: 0 auto;
    }

    #zaimu_image img{
        width: 100%;
    }


    #concier_explain2{
        background: linear-gradient(white 0% 10%, #FED700 10% 100%);
        height:1470px;
    }

    #concier_explain2_items{
        margin:auto;
        text-align:center;
        width:90%;
    }
    
    .concier_explain2_items_div{
        margin:auto;
        position:relative;
        width:90%;
        height:320px;
        background-color: white;
        box-shadow: 0px 0px 5px 0px rgb(186, 182, 182);
        border-radius:2%;
        margin-bottom:24px;
    }
    
    #concier_explain2_items_div4{
        margin:auto;
        position:relative;
        width:90%;
        height:380px;
        background-color: white;
        box-shadow: 0px 0px 5px 0px rgb(186, 182, 182);
        border-radius:2%;
        margin-bottom:24px;
    }
    
    .concier_explain2_number{
        position:absolute;
        margin:0;
        top:20px;
        left:20px;
        font-size:30px;
        color:#FED700;
        font-weight:bold;
    }

    .concier_explain2_image{
        height:110px;
        position:relative;
        top:20px;
    }

    .concier_explain2_title{
        font-size:19px;
        font-weight:bold;
    }

    .concier_explain2_text{
        margin:20px 20px;
        text-align:left;
        font-size:12px;
    }

    #concier_explain3{
        margin:auto;
        position:relative;
        width:350px;
    }

    #concier_explain3 p{
        margin-top:30px;
        margin-bottom:50px;
    }

    #business_man6{
        display:none;
    }

    #concier_table{
        width:90%;
        overflow-x: auto;

        margin:auto;
        text-align:center;
    }

    #concier_table_title{
        margin:auto;
        margin-bottom:40px;
        width:160px;
        border-bottom:#FED700 dotted;
    }
    
    #concier_table table{
        max-width:750px;
        margin:0 20px;
        white-space: nowrap;
    }

    #concier_table_midashi{
        width:20%;
        background-color:#FED700;
    }
    
    #concier_table_butyo{
        width:40%;
    }
    
    #concier_table_concier{
        width:40%;
        border:solid 2px #FED700;
    }
    
    #concier_table tr:not(.concier_table_first){
        height:120px;
    }

    .concier_table_first{
        height:60px;
        font-size:18px;
    }

    .concier_table_odd{
        background-color:#ECECEC;
    }

    .concier_table_even{
        background-color:#F8F8F8;
    }

    .table_concier{
        border: solid 2px #FED700;
        border-top: none;
        border-bottom: none;
    }
    .table_concier_last{
        border: solid 2px #FED700;
        border-top: none;
        border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
    }

    #concier_table_first_first{
        background-color:white;
    }

    #concier_table_first_concier{
        color:#FED700;
        border: solid 2px #FED700;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
        border-bottom: none;
    }

    .concier_table_hosoku{
        font-size:12px;
    }

    #concier_table_first_butyo{
        border-top-left-radius:10px;
        border-top-right-radius:10px;
    }

    #concier_table_saiyocost{
        border-top-left-radius:10px;
    }

    #concier_table_kotsuhi{
        border-bottom-left-radius:10px;
    }

    #chotatsu_explain1{
        margin:auto;
        width:90%;
    }

    #chotatsu_explain1 p{
        margin-left: 20px;
        margin-right: 20px;
    }
    #shikin_image{
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    #shikin_image img{
        width: 100%;
    }

    .pc{
        display: none;
    }

    #chotatsu_flow{
        /* width:390px; */
        width:90%;
        overflow-x: auto;
        margin:auto;
        text-align:center;
        position:relative;
    }

    #business_man7{
        display:none;
        /* position:absolute;
        right:10%;
        top:-0%;
        height:100px; */
    }

    #chotatsu_flow_table_title{
        margin:auto;
        margin-top:60px;
        margin-bottom:60px;
        width:180px;
        border-bottom:#FED700 dotted;
    }

    #chotatsu_flow_table_left_top{
        border-top-left-radius:10px;
    }

    #chotatsu_flow_table_left_bottom{
        border-bottom-left-radius:10px;
    }
    .chotatsu_flow_table_text p{
        font-size: 12px;
    }

    #chotatsu_flow table{
        width:750px;
        /* height:800px; */
        margin:0 20px;
        white-space: nowrap;
    }

    #chotatsu_flow tr{
        /* height:12.5%; */
    }
    
    #chotatsu_flow tr div{
        margin:20px;
        text-align:left;
        font-size:12px;
    }

    #chotatsu_flow_table_midashi{
        width:20%;
        background-color:#FED700;
    }

    .chotatsu_flow_table_odd{
        background-color:#F8F8F8;
    }
    
    .chotatsu_flow_table_even{
        background-color:#ECECEC;
    }

    #kessansyo_second_opinion{
        font-size:15px;
    }

    #kessansyo_explain1{
        margin:0 auto;
        width:350px;
        position:relative;
    }

    #kessansyo_explain1 p{
        margin: 30px auto 60px auto;
    }

    #kesssansyo_section{
        position: relative;
    }

    #business_man8{
        position:absolute;
        height: 150px;
        top:20px;
        right:5%;
    }
    
    #business_man9{
        position:absolute;
        height:120px;
        top:-150%;
        left:5%;
    }

    #kigyo_explain1{
        margin:auto;
        width:350px;
        position:relative;
    }

    #kigyo_explain1 p{
        margin:0 auto;
    }

    #kigyo_explain2{
        margin:40px auto;
        width:350px;
    }

    #kigyo_explain2_item_1{
        height:100px;
        width:350px;
        position:relative;
        /* display:table; */
    }

    #kigyo_explain2_item_1 p{
        width:320px;
        height:80px;
        line-height:25px;
        position:absolute;
        top:50%;
        left:46%;
        transform:translate(-50%,-50%);
        /* display:table-cell;
        vertical-align:middle; */
        /* margin:0 15px; */
    }

    .kigyo_explain2_item{
        height:60px;
        background-color:#FFFFFF;
        border-radius: 8px;
        box-shadow: 0px 0px 5px 0px rgb(186 182 182);
        margin-bottom:15px;
    }

    .kigyo_explain2_item p{
        margin: 0 15px 0 15px;
        line-height:60px;
    }

    #kigyo_explain3{
        width:350px;
        margin:0 auto;
        /* text-align:center; */
    }

    #minimum_explain1{
        margin:auto;
        margin-bottom:40px;
        width:350px;
        /* text-align:center; */
    }

    #minimum_explain2{
        position:relative;
        margin:auto;
        width:90%;
        margin-bottom:40px;
    }

    #minimum_explain2_items{
        display:none;
    }

    #minimum_explain2_items_smp{
        width:350px;
        margin:auto;
        box-shadow: 0px 0px 5px 0px rgb(186, 182, 182);
        border-radius:10px;
        height:324px;
        position:relative;
    }
    
    #minimum_explain2_items_text_smp{
        position:absolute;
        margin:12px;
    }

    .minimum_explain2_item_smp{
        margin-top:10px;
        padding-bottom:10px;
    }
    
    .minimum_explain2_item_name_smp{
        margin-bottom:5px;
    }

    .minimum_explain2_item_explain_smp{
        font-size:11px;
    }

    .minimum_explain2_item_underline_smp{
        border-bottom:1.5px dotted black;
    }

    #business_man10{
        display:none;
    }

    #minimum_explain3{
        margin:auto;
        width:350px;
    }

    #solution_explain1{
        width:350px;
        margin:auto;
    }

    #solution_explain1 p{
        margin-top:40px;
        margin-bottom:40px;
    }

    #solution_explain2{
        margin:auto;
        width:350px;
        position:relative;
    }

    #business_man11{
        display:none;
    }

    .solution_explain2_item{
        height:60px;
        background-color:#FFFFFF;
        box-shadow: 0px 0px 5px 0px rgb(186 182 182);
        border-radius: 8px;
        margin-bottom:15px;
    }

    .solution_explain2_item p{
        margin-left:15px;
        line-height:60px;
        letter-spacing:-0.08em;
    }

    #solution_explain3{
        width:350px;
        margin:auto;
    }

    #solution_explain3 p{
        margin-top:40px;
        margin-bottom:0;
    }

    #business_title_7_pc{
        display:none;
    }

    #kyogyo_explain1{
        margin:auto;
        width:350px;
        text-align:center;
    }

    #kyogyo_explain1 p{
        text-align:left;
        margin-top:40px;
    }

    #business_man12{
        height:120px;
    }

    #ryokin_taikei_section{
        background: linear-gradient(#FED700 0% 95%, white 95% 100%);
        height:1380px;
        padding-bottom:0;
    }

    #ryokin_taikei_section h1{
        text-align:center;
        margin-top:0;
        margin-bottom:50px;
    }

    #ryokin_taikei_area{
        width:370px;
        margin:auto;
        background-color:#FFFFFF;
        border-radius: 5px;
        display:flex;
        justify-content:center
    }

    #ryokin_taikei_items{
        width:350px;
        margin-top:5px;
        margin-bottom:10px;
        line-height:1.6;
    }

    .ryokin_taikei_item{
        font-size:10px;
        padding: 10px 0;
    }

    .ryokin_taikei_item h2{
        font-size: 14px;
    }

    .ryokin_taikei_item h2, p{
        margin-left:10px;
    }

    .ryokin_taikei_item:not(.ryokin_taikei_item_last){
        border-bottom:1.5px dotted black;
    }

    .ryokin_taikei_item_hosoku{
        color:#90908e;
    }
}