@charset "utf-8";
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

@media screen and (max-width:850px) {
	#main223{
		display: none;
	}
}

@media screen and (max-width:1023px) {
			
    img {
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .pc-img {
        display: none;
    }
    .sp-img {
        display: block;
    }
    h2 {
        font-size: 16px;
        text-indent: .2em
    }
    h3 {
        font-size: 14px;
        background-image: none;
        background-repeat: no-repeat
    }
    .main7032 h3 {
        margin: 2rem auto 2rem;
    }
    a:hover {
        color: #4c8211;
        text-decoration: none;
        opacity: .7
    }
    .screensize {
        display: none !important;
    }
    .screensp {
        display: block !important;
        width: 100% !important;
    }
	.screenpc{
		display: none;
		}
    th,
    td {
        width: 100%;
        display: block;
    }
    #wrp_con {
        width: 73%;
        margin-right: auto;
        margin-left: auto;
    }
    #main {
        width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        height: auto !important;
        margin-top: 10px !important;
        padding-bottom: 20px !important;
        overflow: hidden !important;
    }
    .btn {
        width: 85%;
        font-size: 18px;
        font-family: Arial;
        font-weight: bold;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #dcdcdc;
        padding: 8px 25px;
        text-decoration: none;
        background: -moz-linear-gradient(center top, #f9f9f9 70%, #d6d6d6 100%);
        background: -ms-linear-gradient(top, #f9f9f9 70%, #d6d6d6 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d6d6d6');
        background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #f9f9f9), color-stop(100%, #d6d6d6));
        background-color: #f9f9f9;
        color: #666;
        display: inline-block;
        text-shadow: 1px 1px 0 #fff;
        -webkit-box-shadow: 0 0 3px -50px #fff;
        -moz-box-shadow: 0 0 3px -50px #fff;
        box-shadow: 0 0 3px -50px #fff;
        margin: 0.1em auto .5em;
    }
    .btn:hover {
        background: -moz-linear-gradient(center top, #d6d6d6 30%, #f9f9f9 75%);
        background: -ms-linear-gradient(top, #d6d6d6 30%, #f9f9f9 75%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#f9f9f9');
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #d6d6d6), color-stop(75%, #f9f9f9));
        background-color: #d6d6d6
    }
    .btn:active {
        position: relative;
        top: 1px
    }
    .br-no-sp {
        display: none;
    }
    .br-no-pc {
        display: flex;
        display: -webkit-flex;
    }
    .site-header {
        display: none;
    }
    #header {
        height: auto !important;
        border-top-width: 5px !important;
        border-top-style: solid !important;
        border-top-color: #ffb2d8 !important;
    }
    #header2 {
        display: none !important;
    }
    #head_box {
        height: auto !important;
        width: 98% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    #head_box2 {
        display: none !important;
    }
    #head_left {
        float: none !important;
        height: auto !important;
        width: auto !important;
        margin-top: 2% !important;
        margin-right: 2% !important;
    }
    #head_right {
        float: none !important;
        width: auto !important;
        height: auto !important;
    }
    #back-in {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 0 2rem;
    }
    .sample_bgc {
        padding: 0px 10px 30px;
        margin: 40px 0px 20px;
    }
    .sample_bgc2 {
        padding: 25px 10px 30px;
        margin: 0px 0px 20px;
    }
    .spset {
        width: 90% !important;
        font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace !important;
        font-weight: bold !important;
        text-align: center !important;
        font-size: .8em !important;
        margin: 0 auto .4em !important;
    }
    .spset a {
        text-decoration: none !important;
    }
    #head_navi_top {
        display: none;
        /* height: auto;
        width: 35%;
        float: none;
        margin-bottom: 2% */
    }
    #glovalnavi {
        width: 90%;
        height: auto;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        background-image: none
    }
    #glovalnavi ul li {
        width: 100%;
        float: left;
        height: auto;
        line-height: 2em;
        text-align: center
    }
    #gloval-navi {
        width: 94%;
        margin-right: auto;
        margin-left: auto;
        clear: both;
        height: 31px
    }
    ul#nav1 li {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden
    }
    #glovalnavi #navi50 {
        height: auto;
        width: 94%;
        margin-right: auto;
        margin-left: auto
    }
    #glovalnavi #navi50 li {
        width: auto;
        float: none;
        height: auto
    }
    #topimg {
        height: auto;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        background-repeat: no-repeat;
        background-color: #efefef;
        border: 1px solid #CCC;
        background-image: url(../images/img_top_main409-02.jpg);
        position: relative
    }
    .anri_titleimg_sp {
        display: block;
        margin: 42px 0 -1.5rem 0;
    }
    #topimgbox {
        position: absolute;
        width: 54%;
        margin-top: 64%;
        margin-left: 4em
    }
    #topimgbox ul li {
        margin-bottom: 1.1em
    }
    .main703 {
        width: 96% !important;
        margin: 1em auto .8em !important;
        height: auto !important;
      /*  background-image: url(../images/main703-bgtop.png) !important;*/
        background-position: top !important;
        float: none !important;
        margin-bottom: 8px !important;
    }
    .main7032 {
        width: 96%;
        margin: 0 auto .8em;
        height: auto;
        /*background-image: url(../images/main703-bgtop.png);*/
        background-position: top;
        float: none;
        margin-bottom: 8px
    }
    .main703 h2,
    h3 {
        width: 100%;
        height: auto;
        text-indent: .2em;
        font-size: 14px;
        border-left: #22ac38 solid 6px;
        background: #7db9e8;
        background: -moz-linear-gradient(top, #f7f7f7 0, #f7f7f7 50%, #e2e2e2 51%, #e0e0e0 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7db9e8), color-stop(50%, #f7f7f7), color-stop(51%, #e2e2e2), color-stop(100%, #dcdcdc));
        background: -webkit-linear-gradient(top, #f7f7f7 0, #f7f7f7 50%, #e2e2e2 51%, #e0e0e0 100%);
        background: -o-linear-gradient(top, #f7f7f7 0, #f7f7f7 50%, #e2e2e2 51%, #e0e0e0 100%);
        background: -ms-linear-gradient(top, #f7f7f7 0, #f7f7f7 50%, #e2e2e2 51%, #e0e0e0 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#e0e0e0', GradientType=0);
        background: linear-gradient(top, #edebeb 0, #f7f7f7 50%, #e2e2e2 51%, #e0e0e0 100%);
        margin: 0 0 .6em 0;
        padding: .2em .2em;
        color: #0f490c;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1)
    }
	
	.main703 h3 {
    height: 30px!important;
    /*width: 94%!important;*/
    margin:10px 3px 8px!important;
    line-height: 36px!important;
    color: #0F490C!important;
    text-indent: 23px!important;
    font-size: 16px!important;
    clear: both!important;
}
    .main703 img {
        margin-bottom: 1em;
    }
    .main7032 img {
        margin-bottom: 0;
    }
    .main703_text {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 1%;
        height: auto
    }
    .main7032_text {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 1%;
        height: auto
    }
    .main703_text_top {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 1%;
        height: auto;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: right top
    }
    .main7032_text_top {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 1%;
        height: auto;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: right top
    }
    .main703btm {
        width: 70px;
        height: auto;
        background-image: url(../images/main703-bgbtm.png);
        background-position: top;
        background-repeat: no-repeat;
        float: left
    }
    .headline231 {
        height: auto;
        width: 94%
    }
    .main_contents {
        overflow: hidden
    }
    .leftbox336 {
        height: auto;
        width: 90%;
        margin: 1em auto 1em;
        border: 1px solid #ccc;
        margin-bottom: 10px;
        float: none
    }
    .leftimg107 {
        height: auto;
        width: 35%;
        margin: 1em auto 1em;
        background-color: #f4f4f4;
        float: left
    }
    .left336_text {
        float: right;
        width: 35%;
        margin-right: auto;
        margin-bottom: 2%;
        height: auto;
        font-size: 14px;
        line-height: 1.7em;
        position: relative;
        padding-top: 1%
    }
    .title336 {
        font-size: 14px;
        color: #2269a1;
        font-weight: bold;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCC;
        line-height: 3em
    }
    .rightimg107 {
        height: auto;
        width: 35%;
        margin-right: 0;
        margin-bottom: 2%;
        background-color: #f4f4f4;
        float: left
    }
    .rightbox336 {
        height: auto;
        width: 90%;
        border: 1px solid #ccc;
        margin: 1em auto 1em;
        float: none;
        margin-right: 8px
    }
    .right336_text {
        float: right;
        width: 35%;
        margin-right: auto;
        margin-bottom: 9px;
        height: 107px;
        font-size: 14px;
        line-height: 1.7em;
        position: relative;
        padding-top: 9px
    }
    .txright {
        text-align: right;
        margin: 0;
        padding: 0;
        font-size: 14px;
        position: absolute;
        left: 0;
        top: 95px;
        text-indent: 12px;
        width: 100%
    }
    #main223 {
        display: none;
        /* float: none !important;
	width: 100% !important;
	height: auto !important;
	margin-top: 2% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	background-image: url(../images/main223-bgtop.png) !important;
	background-position: top !important;
	font-size: 14px !important;
	line-height: 1.7em !important;
	background-repeat: no-repeat !important; */
    }
    #main223btm {
        width: 100%;
        height: .6em;
        margin-top: 2%;
        margin-right: auto;
        background-image: url(../images/main223-bgbtm.png);
        background-position: top;
        background-repeat: no-repeat
    }
    .rightimg {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 10px
    }
    .main223text {
        margin-right: .2em auto .2em;
        color: #767676;
        padding-bottom: 0;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #bfbfbf;
        line-height: .8em
    }
    #right_contact_btn {
        height: auto;
        width: 100%;
        position: absolute;
        top: .5em;
        padding: auto
    }
    #link_page {
        clear: both;
        width: 100%;
        height: auto;
        margin: 1em auto 1em;
        padding-top: 0
    }
    .link_banner li {
        height: auto;
        width: 80%;
        float: none;
        background-color: #f1f1f1;
        font-size: 14px;
        text-align: center;
        line-height: 1.5em
    }
    #fortop {
        height: auto!important;
        width: 100%!important;
        margin: 1em auto 0!important;
        text-align: left!important;
    }
    #footer {
        height: auto!important;
        background-color: #f4f4f4!important;
        clear: both!important;
    }
    #footer_wrap {
        width: 98%!important;
        margin-right: auto!important;
        margin-left: auto!important;
        height: auto!important;
    }
    #foot_left {
        font-size: 16px!important;
        line-height: 1.6em!important;
        float: none!important;
        padding-left: 0.8em!important;
        margin: 0 2px 0!important;
    }
    #foot_right {
        float: none!important;
       /* width: 100%!important;*/
        height: auto!important;
        padding-top: 3px!important;
    }
    .foot-p {
        float: right!important;
		 clear: left;
		max-width:100%;
		display: contents;
    }
	.foot-p img{
		max-width: 100%;
		width: 90%;
		margin: 10px 0;
	}

    #foot_navi {
        float: none!important;
        width: 84%!important;
        margin-top: 1%!important;
		display: flex!important;
    }
    #foot_navi ul li {
        float: left!important;
        font-size: 15px!important;
        background-image: url(../images/icons/ico_arrow17r_8.gif)!important;
        background-repeat: no-repeat!important;
        background-position: 0 3px!important;
        padding-left: 10px!important;
        padding-right: 0!important;
		width: 40%;
		max-width: 100%;
		margin: 5px;
    }
    #foot_contact {
		display: none;
     }
	#footer_navi {
    height: auto!important;
    /*background-color:none;*/
    margin: 0.3em 0;
    padding: 1em 0 0;
}
    .footer-mark-sp {
        padding: 10px 0 10px!important;
        width: 80%!important;
    }
    #footer_navi ul li {
        width: 90%!important;
        float: none!important;
        font-size: 15px!important;
        padding-right: auto!important;
        padding-left: 0.4em!important;
        background-image: url(../images/icons/5_031.gif)!important;
        background-repeat: no-repeat!important;
        background-position: 0 0 .2em!important;
        text-indent: 0.8em!important;
		line-height: 2!important;
    }
    #copyright {
        height: auto!important;
        float: none!important;
        text-align: left!important;
        font-size: 0.9em!important;
        margin: 1em!important; 
		width: 80%!important;
		max-width:100%!important;
    }
    #head_left img {
        margin-bottom: 1em!important;
    }
    .topic-path {
        width: 100%;
        margin-left: 5%;
        font-size: 12px;
        margin-top: .2em
    }
    .topic-path span {
        padding: 0 10px 0
    }
    #header_banner_cost {
        height: auto;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        background-repeat: no-repeat;
        position: relative;
        background-color: #fff
    }
    #head_bn_c_text {
        position: absolute;
        left: 44px;
        top: 96px;
        width: 610px;
        height: auto;
        font-size: 13px;
        font-weight: normal;
        line-height: 1.5em
    }
    #btm_contact {
        width: 100%;
    }
    .btm_contact {
        height: auto;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        background-repeat: no-repeat;
        background-position: 2% 2%;
        padding-top: 2%;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #e4e4e4;
        margin-bottom: 15px
    }
    #subnavi {
        height: auto;
        background-image: none;
        width: 100%
    }
    #sub-menu {
        height: auto;
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }
    #sub-menu ul li {
        width: 90%;
        float: none;
        height: auto;
        margin-right: auto;
        margin-left: auto
    }
    .pricelist_shokutaku {
        height: 20em;
        width: 98%;
        margin-right: auto;
        margin-left: auto;
        background-repeat: no-repeat;
        margin-bottom: 2%;
        position: relative;
        border: 1px solid #abd28a;
        border-radius: 5px 5px 0 0;
    }
    .pricelist_comon_comments {
        position: absolute;
        height: auto;
        width: 98%;
        left: 2%;
        top: 40%;
        font-size: 12px;
        line-height: 1.2em
    }
    .pricelist_shokutaku_jinzai {
        height: 14em;
        width: 98%;
        margin-right: auto;
        margin-left: auto;
        background-repeat: no-repeat;
        margin-bottom: 2%;
        position: relative;
        border: 1px solid #abd28a;
        border-radius: 5px 5px 0 0;
    }
    .pricelist_shjinzai_comments {
        position: absolute;
        height: auto;
        width: 98%;
        left: 2%;
        top: 36%;
        font-size: 12px;
        line-height: 1.8em
    }
    #pricelist_senzoku {
        height: 18em;
        width: 98%;
        margin-right: auto;
        margin-left: auto;
        background-repeat: no-repeat;
        margin-bottom: 2%;
        border: 1px solid #8aaddf;
        border-radius: 5px 5px 0 0;
    }
    #pricelist_senzoku_comments {
        height: auto;
        width: 98%;
        left: 2%;
        top: 50%;
        font-size: 12px;
        line-height: 1.2em
    }
    .main703 .main-topic2 {
        height: auto !important;
        margin: 0 !important;
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-position: 0 0 !important;
    }
    .main703 #main-topic {
        width: 96% !important;
		max-width: 100%;
        height: auto !important;
        background-image: none !important;
        background-repeat: no-repeat !important;
        line-height: 1.4em !important;
        font-size: 140% !important;
        font-weight: bolder !important;
        text-indent: .2em !important;
        margin: .2em auto 0.5rem .2em !important;
        font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace !important;
        color: #000 !important;
    }
    .main634 {
        width: 100%;
        margin: 2% auto 2%;
        height: auto;
        background-image: url(../images/main634-bgtop.png);
        background-position: top;
        float: none;
        overflow: hidden
    }
    .bar_denkyu {
        height: auto;
        background-image: url(../images/bar_denkyuu.png);
        background-repeat: no-repeat;
        line-height: 2em;
        text-indent: 1.7em;
        font-size: 15px;
        font-weight: bold;
        color: #7c5f4c;
		margin: 0 0.8em;
		padding-left: 0.2rem!important;
    }
    .bar_denkyu2 {
        height: auto;
        background-image: url(../images/bar_denkyuu.png);
        background-repeat: no-repeat;
        line-height: 2em;
        text-indent: 1.7em;
        font-size: 12px;
        font-weight: bold;
        color: #004d25
    }
    .main634_text {
        width: 94%!important;
        margin-right: auto!important;
        margin-left: auto!important;
        margin-top: 2%!important;
        height: auto!important;
        overflow: hidden!important;
    }
    .main634btm {
        width: 98%;
        height: auto;
        background-image: url(../images/main634-bgbtm.png);
        background-position: top;
        background-repeat: no-repeat;
        float: none;
        background-color: #FFF
    }
    #under_link {
        height: auto;
        width: 93%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1em
    }
    #under_link ul li {
        height: auto;
        width: 100%;
        background-image: url(../images/btn-under_link.png);
        background-repeat: no-repeat;
        text-indent: 7%;
        font-weight: bold;
        float: none;
        font-size: 14px;
        display: block;
        margin-right: 0;
        margin-bottom: 2%
    }
    #under_link ul li a {
        display: block
    }
    .main_text_midashi {
        margin-left: auto;
        margin-right: auto;
        color: #5a5a5a;
        font-size: 14px;
        line-height: 1.4em;
        padding: .8em 1em .8em;
        overflow: hidden
    }
    .main703 .main_text {
        width: 100%;
        margin: 0 auto 0!important;
        font-size: 15px!important;
    }
    .sangyoi-gfaff {
        border: 1px solid #dfdfdf;
        color: #000;
        float: none;
        margin: 0 auto 0
    }
    .t-tx {
        clear: both
    }
    .form {
        width: 98%
    }
    .selebox {
        width: 90%;
        line-height: 1.4em;
        margin: .5em auto .2em;
        float: none
    }
    input {
        width: 75%;
        margin-bottom: .5em;
        line-height: 1.6em
    }
    textarea {
        width: 96%;
        height: auto
    }
    .contact-tit {
        display: block;
        width: 100%;
        text-align: left;
        padding: 1em auto 1em;
        vertical-align: top;
        color: #4d4d4d;
        background-repeat: repeat;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCC;
        background-image: url(../images/bg_body.gif)
    }
    .inquiry_td {
        display: block;
        width: 100%;
        height: 2em;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCC;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 10px;
        overflow: hidden
    }
    .inquiry_td ul li {
        display: block;
        height: 4em;
        margin-right: 1em
    }
    .radic {
        display: block;
        margin: 0;
        padding: 0
    }
    .mini {
        line-height: 1.6em;
        width: 50%
    }
    .servicepct01 {
        width: auto;
        height: auto;
        float: left;
        margin: .2em
    }
    .s-tx {
        width: 75%;
        height: auto;
        float: left;
        margin-left: .2em
    }
    .service_title {
        font-size: 1.4em;
        width: 100%;
        height: auto;
        color: #de660e;
        float: none;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: bold;
        line-height: 1.4em;
        overflow: hidden
    }
    .service2 {
        height: 8em;
        border-bottom-style: none
    }
    .service_text {
        width: 96%;
        height: auto;
        line-height: 1.4em;
        font-size: 12px;
        float: none;
        border-top: 1px dotted #CCC;
        padding: .4em;
        overflow: hidden;
        margin-bottom: 1em
    }
    .linkbtn_630 {
        height: auto;
        background-color: #f7f7ef;
        margin-top: 1em;
        width: 100%;
        background-position: 0 10px
    }
    .img80 {
        height: auto;
        width: auto;
        float: none;
        margin: .2em .4em .2em;
        background-color: #ebebeb;
        text-align: center
    }
    .work_text {
        float: none;
        width: 98%;
        height: auto;
        font-size: 14px;
        line-height: 1.6em
    }
    .main_text img {
        text-align: center
    }
    .main_text .left_img {
        height: auto;
        width: 90%;
        float: none;
        margin: .2em auto .2em
    }
    .main_text .right_text {
        float: none;
        width: 90%;
        margin: .2em auto .2em;
        line-height: 1.8em
    }
    .grafftit {
        width: 98%;
        background-color: #519cb2;
        padding: 3px;
        text-align: center;
        font-weight: bold;
        color: #FFF;
        font-size: 13px
    }
    .grafftext {
        width: 98%;
        line-height: 1.2em;
        background-color: #f8fbfc;
        padding: .2em
    }
    .grafftext2 {
        width: 98%;
        background-color: #e5f1f4;
        padding: .2em;
        text-align: center
    }
    .imgtext_box {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        height: auto;
        overflow: hidden;
        margin-bottom: 2em
    }
    .imgtext {
        width: 100%;
        height: auto;
        float: left;
        margin: 0 1em 1em;
        background-color: #f5f5f5
    }
    .kigyoimg img {
        width: 100%
    }
    .kigyoimg a img {
        -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }
    .main_02title {
        margin-left: .8em;
        margin-top: 1em;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        background-image: url(../images/icons/ico_arrow30r_4.gif);
        background-repeat: no-repeat;
        background-position: 0 .3em;
        text-indent: 13px;
        clear: both
    }
    .main_02text {
        font-size: 14px;
        margin: .4em 1em 1em;
        padding-bottom: 1em;
        line-height: 1.4em;
        clear: both
    }
    .senzoku_banner {
        height: auto;
        width: 100%
    }
    .senzoku_banner img {
        margin-right: 15px
    }
    .blue_box {
        width: 90%;
        height: 160%;
        margin: 1em auto 1em;
        background-image: none;
        border: .5em solid #f7f4e8
    }
    .blue_right {
        font-size: 13px;
        line-height: 1.7em;
        overflow: hidden;
        padding-left: 0
    }
    .blue_left {
        height: auto;
        width: 30%;
        float: none;
        margin: 0 auto 0
    }
    .blue_box_text {
        width: 96%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 2em;
        height: auto
    }
    .blue_box_btm {
        background-image: none
    }
    .ponit_box {
        width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        background-image: none;
        background-repeat: no-repeat;
        clear: both
    }
    .point_title h3 {
        padding: 0;
        font-size: 22px;
        width: auto;
    }
    .point_title h4 {
        padding: 20px 0 0;
        margin: 5px 0 0;
        /* text-align:center;*/
    }
    .point_title h3:before {
        content: 'point';
        display: inline-block;
        line-height: 60px;
        position: absolute;
        padding: 0em;
        color: white;
        background: #E57B33;
        font-weight: normal;
        width: 60px;
        text-align: center;
        height: 60px;
        /*line-height: 60px;*/
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: solid 3px white;
        border-radius: 50%;
    }
    .point_clm p {
        font-size: 16px;
    }
    .point_text {
        margin-right: auto;
        margin-left: auto;
        height: auto;
        font-size: 12px;
        line-height: 1.7em;
        padding: .5em 1em .5em
    }
    .medical_img {
        max-width: 25%;
			height:auto;
    }
    .point_box_btm {
        width: 100%;
        height: 0;
        background-color: #FFF;
        background-image: none
    }
    .txtright {
        width: 100%;
        font-size: 15px;
        font-weight: bold;
        color: #666;
        clear: both
    }
    .blue_wrap01 {
        height: 16em;
        width: auto;
        margin: 1em auto 1em;
        background-repeat: no-repeat;
        position: relative;
        border: .2em solid #DDD
    }
    .wrap01_text {
        font-size: 14px;
        position: absolute;
        left: 1.2em;
        top: 3em
    }
    .wrap01_text li {
        background-image: url(../images/icons/ico_arrow17r_8.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
        text-indent: 10px;
        margin-top: 8px;
        margin-bottom: 9px;
        color: #666
    }
    .wrap01_text {
        font-size: 14px;
        position: absolute;
        left: .2em;
        top: 3em
    }
    .wrap01_text li {
        background-image: url(../images/icons/ico_arrow17r_8.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
        text-indent: .8em;
        margin: .2em auto .2em;
        color: #666
    }
    #senzoku_nagare01 {
        height: auto;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        background-repeat: no-repeat;
        position: relative
    }
    .psw_post {
        height: auto;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        background-repeat: no-repeat;
        position: relative
    }
    .st_head {
        width: 100%;
        height: 16em;
        margin: .2em auto;
        background-image: url(../images/stress/sc-sp.png);
        background-repeat: no-repeat;
        background-size: 100%
    }
    .pricelist_stress {
        height: 116em;
        width: 90%;
        padding: .2em;
        margin-right: auto;
        margin-left: auto;
        background-repeat: no-repeat;
        margin-bottom: 10px;
        border: 1px solid #233f99;
        border-radius: 10px 10px 0 0;
    }
    .cyuou {
        width: 90%;
        margin: 1em auto;
        text-align: center
    }
    .faq_maintext {
        background-color: #F2F2F2;
        font-size: 12px;
        height: auto;
        width: auto;
        line-height: 22px;
        margin-right: auto;
        margin-left: auto;
        padding: 7px;
    }
    .faq_maintext_anri {
        background-color: #FFF;
        font-size: 16px;
        height: auto;
        width: 430px;
        max-width: 100%;
        line-height: 22px;
        margin-right: auto;
        margin-left: auto;
        padding: 15px;
    }
    .main7032 .main_text {
        margin: 1em 2em 1em;
        font-size: 12px;
        line-height: 1.7em;
        overflow: hidden;
    }
    .anri_banner {
        display: none;
    }
    .anri_banner_sp {
        display: block;
    }
    .anri_banner_sp_box {
        padding: 10px;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .anri_banner_sp_in {
        padding: 3px;
        max-width: 140px;
    }
    .ryoukin-text {
        margin: 1em;
        font-size: 12px;
        line-height: 1.7em;
        overflow: hidden;
    }
    .anri-title {
        margin: 0;
    }
    .ex1 {
        display: block;
    }
    .ex1 div {
        display: block;
        align-items: center;
    }
    .faq_txittit3 {
        background-image: url(../images/bar_faq_text_tit.png);
        background-repeat: no-repeat;
        max-width: 100%;
        height: 36px;
        line-height: 35px;
        text-indent: 40px;
        font-weight: bold;
        font-size: 18px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 5px;
        color: #4D4D4D;
    }
    .faq_sp h3 {
        background: none;
        background-image: none;
        max-width: 100%;
    }
    .point_box {
        max-width: 480px;
        min-width: 10px;
        margin: 2rem auto;
    }
    /*グローバルナビここから*/
    #glovalnavi {
        width: 90%;
        height: auto;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        background-image: none;
		display: none;
    }
    #glovalnavi ul li {
        width: 100%;
        float: left;
        height: auto;
        line-height: 2em;
        text-align: center
    }
    #gloval-navi {
        width: 94%;
        margin-right: auto;
        margin-left: auto;
        clear: both;
        height: 31px
    }
    ul#nav1 li {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden
    }
    #glovalnavi #navi50 {
        height: auto;
        width: 94%;
        margin-right: auto;
        margin-left: auto
    }
    #glovalnavi #navi50 li {
        width: auto;
        float: none;
        height: auto
    }
    /*ヘッダーまわりはサイトに合わせて調整してください*/
    #nav-drawer {
        display: block;
    }
    .sp-header {
        padding: 10px;
        background: rgba(247, 203, 115, 0.8);
        position: fixed;
        width: 100%;
        z-index: 100;
    }
    #nav-drawer {
        position: relative;
    }
    /*チェックボックス等は非表示に*/
    .nav-unshown {
        display: none;
    }
    /*アイコンのスペース*/
    #nav-open {
        display: inline-block;
        width: 30px;
        height: 22px;
        vertical-align: middle;
    }
    /*ハンバーガーアイコンをCSSだけで表現*/
    #nav-open span,
    #nav-open span:before,
    #nav-open span:after {
        position: absolute;
        height: 3px;
        /*線の太さ*/
        width: 25px;
        /*長さ*/
        border-radius: 3px;
        background: #555;
        display: block;
        content: '';
        cursor: pointer;
    }
    #nav-open span:before {
        bottom: -8px;
    }
    #nav-open span:after {
        bottom: -16px;
    }
    /*閉じる用の薄黒カバー*/
    #nav-close {
        display: none;
        /*はじめは隠しておく*/
        position: fixed;
        z-index: 99;
        top: 0;
        /*全体に広がるように*/
        left: 0;
        width: 100%;
        height: 100%;
        background: #4444;
        opacity: 0;
        transition: .3s ease-in-out;
    }
    /*中身*/
    #nav-content {
        overflow: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        /*最前面に*/
        width: 60%;
        /*右側に隙間を作る（閉じるカバーを表示）*/
        max-width: 330px;
        /*最大幅（調整してください）*/
        height: 100%;
        background: #fff;
        /*背景色*/
        transition: .3s ease-in-out;
        /*滑らかに表示*/
        -webkit-transform: translateX(-105%);
        transform: translateX(-105%);
        /*左に隠しておく*/
        opacity: 0.94;
    }
    /*チェックが入ったらもろもろ表示*/
    #nav-input:checked~#nav-close {
        display: block;
        /*カバーを表示*/
        opacity: .5;
    }
    #nav-input:checked~#nav-content {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        /*中身を表示（右へスライド）*/
        box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
    }
    .sp-menu-box {
        padding: 10px;
        margin: 14px;
    }
    .sp-menu {
        padding: 10px;
    }
    .sp-menu a {
        text-decoration: none;
        color: #000;
        line-height: 3em;
    }
    .sp-menu-logo {
        z-index: auto;
    }
    /*グローバルナビここまで*/
    .subtitle-img {
        margin: 58px 0 30px;
    }
    .sub-img {
        margin: 30px 0 0;
    }
    .anritext {
        line-height: 1.8rem;
        font-size: 16px;
        text-align: left;
        margin: 10px;
    }
    .anri_footer_sp {
        display: block;
    }
    .sim-box {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
    .anritoha {
        padding: 15px;
    }
    .xpoint_title h3:before {
        left: 0.5em;
    }
    .point_p {
        max-width: 90%;
        padding: 13px;
        margin: auto;
        text-align: left;
    }
	
#chuzai {
   width: 80%;
   margin: 30px auto 20px;
}
	
    /*-------------
会員用サイトのポップアップ
--------------*/
    .anri_sbox {
        flex-wrap: wrap;
        margin: 0;
        padding: 10px;
        width: auto;
    }
    .sp-menu-btn {
        display: block;
        width: 200px;
        margin-left: auto;
    }
/*--------------
アンリページ内フォーム	
--------------*/
    .form-deco {
        width: auto;
    }
    .icon-mail img {
        width: 40px;
        margin: 0 auto;
    }
    /*--------------
アンリ相談状況レポート	
--------------*/
    .orange_text {
        font-size: 14px;
        line-height: 1.7em;
        overflow: visible;
        padding: 15px;
    }
    .orange_left {
        float: none;
    }

/*------------------
	保健師サイト/問合せフォームボタン
------------------*/
	
.formh-btn-wrap-g {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.formh-btn,
a.formh-btn,
button.formh-btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.formh-btn-wrap {
  margin:  0 1.5rem;
 /* padding: 10px;*/
　max-width: 100%;
}

/*.formh-btn-wrap,
.formh-btn-wrap:before,
.formh-btn-wrap:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}*/

a.formh-btn-c {
  font-size: 1.3rem;
  position: relative;
  padding: 0.5rem 2.1rem 1.5rem;
  color: #fff;
  background: #7ddad9;
  -webkit-box-shadow: 0 5px 0 #7ddad9;
  box-shadow: 0 5px 0 #579391;
	margin: 0 auto;
	width: 100%;
}
 .formh-btn.formh-btn-c {
	color:#fff;
	text-decoration: none;
	}

a.formh-btn-c span {
  font-size: 1rem;
  position: absolute;
  top: -1.2rem;
  left: calc(50% - 50%);
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0.2rem 0;
  color: #3ec6bf;
  border: 2px solid #3ec6bf;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.formh-btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #fff;
  background: #3ec6bf;
  -webkit-box-shadow: 0 2px 0 #7ddad9;
  box-shadow: 0 2px 0 #579391;
}

a.bformh-btn-c:hover:before {
  left: 2rem;
}
	
/*----------------
	保健師とは（hokenshi/hokenshi/index）
----------------*/
.title-box3{
	max-width:100% ;
	}

table.hokenshitoha {
    width: 90%;
    margin: 1rem;
}
.sub_title{
	font-size: 15px;
    text-indent: 1.5em;
    background-position: 7px 6px;
	}
.contents-p{
		margin: 0.8em;
	}
.btn_txt{
		font-size: 0.9rem;
	}
/*---------------------
	サービス一覧（hokenshi/kenkoukanri/index）
	----------------*/
.s-tx2	{
	max-width:100%;
	width: 95%;
	height: auto;
	margin: 20px 10px 0;
	}
.servicepct_phn{
		margin: 0.5em 0.7rem 1.5em;
	}
.service_text2{
	font-size: 13px;
	margin: 0.4em 0.2rem 0.2em;
	}

.hukidashi{
 position: relative;
  padding: 0.6em;
  background: #c7efec;
  margin: 0.5rem  0.6rem 0.1rem;
clear: both;
	}
.hukidashi:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #c7efec;
  width: 0;
  height: 0;
}
.hukidashi h4{
margin: 0 0 0.4em;
background:linear-gradient(transparent 70%, #FFFB6C 0%);
}
.hukidashi p{
font-size: 12px;
letter-spacing: -0.3px;
}
/*---------------------
	健康管理（hokenshi/kenkoukanri/kenkou）
	----------------*/
.fl01{
width: 85%;
max-width:100%;
margin: 0.1rem 0.5rem 0.5rem;
padding:0 1.5rem;
height: auto;
}
.fltext01{
width: 86%!important;
max-width:100%;
margin: 0.1rem 0.5rem 0.7rem;
/*margin-top: 0.1rem!important;
margin-bottom: 1rem!important;
margin-left: 0.5rem!important;*/
padding: 0 1rem!important;
}
.fltext001{
width: 90%!important;
max-width:100%;
/*margin: 0.1rem 0.5rem 0.7rem;*/
margin-top: 0.1rem!important;
margin-bottom: 1rem!important;
margin-left: 0.5rem!important;
padding: 0;
background-color:#F6F6F6;
}
.fl02{
width: 90%;
max-width:100%;
height: auto;
margin: 0.1rem 0.5rem 1rem;
}
.business{
background-image: none;		
	}
.business h4{
position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  margin: 1rem 0.5rem 0.3em;
  padding: 0.2em 0.5em;
  color: #454545;
  width:90%;
	}
/*.business h4:after {
  position: absolute;
  content: '';
  left: -2.1%;
  top: -25%;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}*/
.busitext{
width: 92%;
max-width: 100%;
margin: 0 auto;
padding: 0.5rem 1rem;
height: auto;
	}
.busitext2{
padding: 0.5rem 0.5rem;
	}
.modelcase{
background-image: none;		
	}
/*.flow {
  border: 3px solid #7DDAD9 rgb(107,144,219);
　margin: 0.4rem;
}*/
.flow > li {
  padding: 2rem 0.4rem 1.5rem;
}
.flow > li:first-child {
  padding: 1rem 0.4rem 1.5rem;
}
.flow > li:not(:last-child) {
  /*border-bottom: 3px solid #7DDAD9*//*rgb(107,144,219)*/;
  position: relative;
}
.flow > li:not(:last-child)::before,
.flow > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 20%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow > li:not(:last-child)::before {
  border-width: 22px;
  border-top-color: #7DDAD9/*rgb(107,144,219)*/;
}
.flow > li:not(:last-child)::after {
  border-width: 10px;
  border-top-color: #fff;
}
.flow > li dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flow > li dl dt {
  font-size: 18px;
  font-weight: 600;
  color: rgb(107,144,219);
  -ms-flex-preferred-size: 20%;
  flex-basis: 40%;
  margin-right: 1.5vw;
  text-align: center;
}
.flow > li dl dt .icon {
  font-size: 12px;
  color: #fff;
  background: rgb(107,144,219);
  background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
  background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 5px 10px;
  margin: 10px;
  display: block;
  border-radius: 20px;
}
.time{
font-size: 0.8rem;
color:#24259E;
	}
.flow dd{
	font-size: 13px;
	}
.font-b{
	color:#FD3639;
	}
.lead04-sp{
	background-color: #F6F6F6;
	padding: 0.5rem;
	}
.merit{
background-image:none;
height: auto;
width: 100%;
max-width:100%;
	}
.merit_box1{
float:none;
margin: 1rem;
height: auto;
width: 88%;
max-width:100%;
	}
.merit_box2{
float:none;	
margin: 1rem;
height: auto;
width: 88%;
max-width:100%;
	}
.merit_title{
margin:0.5rem 0 0.2rem;
width: 100%;
max-width:100%;
height: auto;
padding: 0.3rem;
border-bottom:solid 2px #f598aa;
	}
.marit_text{
margin: 0.2rem 0.5rem 0.5rem;
width: 100%;
max-width:100%;
	}
.bubble01 {
     position: relative;
     display: inline-block!important;
     width: 80px!important; 
     text-align: center;
     color:#FFF;
     padding: 2px;
     background-color: #f598aa;
     border-radius: 5px;
	font-size: 0.7rem;
	font-weight: 600;
}
.bubble01:before {
     content: '';
     position: absolute;
     display: block;
     z-index: 1;
     border-style: solid;
     border-color: #f598aa transparent;
     border-width: 10px 10px 0 10px;
     bottom: -10px;
     left: 50%;
     margin-left: -10px;
}
.topic-path p{
	width: 93%;
	max-width: 100%;
	}
/*-----------------
健康経営セミナー(hokenshi/seminar/)
------------------*/
.orange_right{
clear:left;
padding-left: 0!important;
width: 90%;
max-width:100% ;
}
.orange_right p{
font-size: 15px;
}
.orange_right ul{
font-size: 15px;
margin: 0.6rem;
}
.orange_right li{
font-size: 14px;
margin: 0.6rem;
}
.point_title2{
width: 80%!important;
max-width: 100%;
float:none!important;
margin: 1.5rem;
padding: 1rem;
}
.box-underline{
margin:0 1rem!important;
width:100%;
max-width: 100%;
}
.cate-box{
flex-wrap: wrap;
}
.seminar-cate{
width: 90%!important;
}
.seminar-icon{
margin:1rem auto 0!important;
}
.target-icon.target-icon td{
width: 45%!important;
display: inline-block;
}
.target-icon-img img{
margin:0 auto;
padding: 0 0 0 7rem
}
.target-icon2 .target-icon-img2{
width: 20%!important;
display: inline-block;
}
.target-icon2 td{
width: 80%!important;
display: inline-block;
margin: 5px 0;
}
.target-icon-img2 img{
margin:0 auto;
padding: 0 10px 0 0;
}
.hokenshi-text{
padding: 10px ;
margin-bottom: 0!important;
}
/*-------------------
特定保健指導（kenkoukanri/guidance）
-------------------*/
.tokuho_p{
margin: 0.2rem 0.4rem;
}

}