/*-------------------------------------------------------------------	レイアウト-------------------------------------------------------------------*/





.right {


    text-align: right;


}





.left {


    text-align: left;


}





.center {


    margin: 0 auto;


}





.center_text {


    text-align: center;


}





.f_left {


    float: left;


}





.f_right {


    float: right;


}





.font-b {


    font-weight: bold;


}





.font-30 {


    font-size: 3rem;


    line-height: 1.8;


    font-weight: bold;


}





.font-26 {


    font-size: 2.6rem;


    line-height: 1.8;


    font-weight: bold;


}





.font-24 {


    font-size: 2.4rem;


    line-height: 1.8;


    font-weight: bold;


}





.font-22 {


    font-size: 2.2rem;


    line-height: 1.4;


    font-weight: bold;


}





.font-20 {


    font-size: 2rem;


    line-height: 1.4;


    font-weight: bold;


}





.font-18 {


    font-size: 1.8rem;


    line-height: 1.4;


    font-weight: bold;


}





.font-16 {


    font-size: 1.6rem;


    line-height: 1.8;


}





.font-14 {


    font-size: 1.4rem;


    line-height: 1.8;


}





.font-12 {


    font-size: 1.2rem;


    line-height: 1.4;


}





.f-green {


    color: #00a246;


}





.bg-blue {


    background-color: #f3fff6;


}





.img-fluid {


    max-width: 100%;


    height: auto;


}





.title_green {


    margin-bottom: 30px;


    padding: 30px;


    background-color: #00a644;


    color: #fff;


    text-align: center;


    font-weight: normal;


}








/*マージン設定　----------------------------------------------------------*/





.mb10 {


    margin-bottom: 10px;


}





.mb15 {


    margin-bottom: 15px;


}





.mb20 {


    margin-bottom: 20px;


}





.mb30 {


    margin-bottom: 30px;


}





.mb40 {


    margin-bottom: 40px;


}





.mb60 {


    margin-bottom: 60px;


}





.mb100 {


    margin-bottom: 100px;


}





.mt10 {


    margin-top: 10px;


}





.mt20 {


    margin-top: 20px;


}





.mt30 {


    margin-top: 30px;


}





.mt40 {


    margin-top: 40px;


}





.mt50 {


    margin-top: 50px;


}





.mt60 {


    margin-top: 60px;


}





.mt80 {


    margin-top: 80px;


}





.mt100 {


    margin-top: 100px;


}





.pt05 {


    padding-top: 5px;


}





.pt10 {


    padding-top: 10px;


}





.pt15 {


    padding-top: 15px;


}





.pt20 {


    padding-top: 20px;


}





.pt30 {


    padding-top: 30px;


}





.pt40 {


    padding-top: 40px;


}





.pt60 {


    padding-top: 60px;


}





.pt80 {


    padding-top: 80px;


}





.pt100 {


    padding-top: 100px;


}





.pb05 {


    padding-bottom: 5px;


}





.pb10 {


    padding-bottom: 10px;


}





.pb15 {


    padding-bottom: 15px;


}





.pb20 {


    padding-bottom: 20px;


}





.pb30 {


    padding-bottom: 30px;


}





.pb40 {


    padding-bottom: 40px;


}





.pb60 {


    padding-bottom: 60px;


}





.pb100 {


    padding-bottom: 100px;


}





.mr5 {


    margin-right: 5px;


}





.pr15 {


    padding-right: 15px;


}





.pl15 {


    padding-left: 15px;


}





.ml10 {


    margin-left: 10px;


}





.ml15 {


    margin-left: 15px;


}





.ml30 {


    margin-left: 30px;


}





.ml40 {


    margin-left: 40px;


}





.mr10 {


    margin-right: 10px;


}





.mr15 {


    margin-right: 15px;


}








/*ヘッダー----------------------------------*/





.logo {


    width: 100%;


    height: auto;


}








/* PC用　メニュー */





@media (min-width:768px) {


    .logo-img {


        width: 170px;


        margin: 9px 2px 3px;


    }


}








/* スマホ用　メニュー */





@media (max-width:767px) {


    .logo {


        position: fixed;


        top: 0;


        background: #fff;


        z-index: 999;


    }


    .logo-img {


        width: 140px;


        margin: 8px 3px 2px;


    }


}








/*ファーストビュー----------------------------------------------------------*/





.mv {


    width: 100%;


    background-color: #CCEBD9;


}





.mv-photo {


    width: 100%;


    height: 516px;


    background: url(../img/mv.jpg) no-repeat;


    background-size: cover;


    background-position: top center;


}





.mv_band {


    margin: 20px 0 30px;


    padding: 15px 0;


    width: 100%;


    background-color: #16874e;


    font-size: 26px;


    font-weight: bold;


    color: #ffffff;


}








/*以下コンテンツ----------------------------------------------------------*/





hr {


    border-top: 1px solid #bfbfbf;


}





.trouble {


    width: 100%;


    height: 385px;


    background: url(../img/trouble.jpg) no-repeat;


    background-size: cover;


    background-color: #dfe0e2;


    background-position: top center;


}





.case {


    font-weight: bold;


    padding-bottom: 2px;


    border-bottom: solid 2px #0c9d47;


}





.case_tags {


    margin: 10px 0 15px;


}





.case_tags span {


    margin-left: 10px;


    padding: 4px 16px 2px;


    border: 2px solid #00a245;


    color: #00a245;


    font-size: 14px;


    font-weight: bold;


}





.case_tags span:first-child {


    margin-left: 0;


}





.btn_blue {


    padding: 0 15px;


}





.btn_blue a {


    display: inline-block;


    padding: 20px 0;


    width: 500px;


    background: #042267;


    border-radius: 10px;


    color: #ffffff;


    font-size: 2rem;


    font-weight: bold;


}





.area_list {


    padding: 0 15px;


}





.area_list li {


    padding: 10px 0 10px 10px;


    border-bottom: 1px solid #d8d8d8;


}





.area_list li:first-child {


    border-top: 1px solid #d8d8d8;


}





.plan_cap {


    margin: auto;


    width: 684px;


}





@media (min-width:768px) {


    .casebox {


        width: 650px;


        margin: 0 auto;


    }


}





.box {


    border-radius: 10px;


    padding: 20px;


    border: #999 3px solid;


}





.line {


    border-bottom: 1px dashed #999;


    margin: 0 auto;


}





@media (min-width:768px) {


    .line {


        width: 600px;


    }


}





@media (max-width:767px) {


    .line {


        width: 90%;


    }


    .point {


        margin: 20px 10px 40px;


        max-width: 767px;


    }


    .case_tags {


        margin: 10px 0;


    }


    .case_tags span {


        margin-left: 8px;


        padding: 2px 14px 1px;


        font-size: 12px;


    }


    .btn_blue a {


        padding: 10px 0;


        width: 100%;


        border-radius: 5px;


        font-size: 1.5rem;


    }


    .plan_cap {


        width: auto;


    }


}








/*フッター----------------------------------*/





footer {


    width: 100%;


}





@media (min-width:768px) {


    .pc-w {


        width: 290px;


    }


    .pc-w-2 {


        width: 60%;


    }


}





@media (max-width:767px) {


    .sp-w {


        width: 180px;


    }


    .sp-w-2 {


        width: 90%;


    }


    .sp-w-3 {


        width: 140px;


    }


}





.title {


    padding-left: 45px;


    height: 31px;


    background: url(../img/check.jpg) no-repeat left top;


}





.icon-2 {


    position: relative;


    width: 32px;


    height: 32px;


    top: 8px;


    right: 10px;


}








/*流れ-----------------------------------*/





* {


    box-sizing: border-box;


}





ul {


    padding: 0;


}





li {


    list-style-type: none;


}





dd {


    margin-left: 0;


}





.flow {


    border: 3px solid rgb(0, 166, 68);


}





.flow>li {


    padding: 40px 15px 40px 15px;


}





.flow>li:not(:last-child) {


    border-bottom: 3px solid rgb(0, 166, 68);


    position: relative;


}





.flow>li:not(:last-child)::before, .flow>li:not(:last-child)::after {


    content: "";


    border: solid transparent;


    position: absolute;


    top: 100%;


    left: 15%;


    -webkit-transform: translateX(-50%);


    transform: translateX(-50%);


}





.flow>li:not(:last-child)::before {


    border-width: 22px;


    border-top-color: rgb(0, 166, 68);


}





.flow>li:not(:last-child)::after {


    border-width: 18px;


    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: 20px;


    font-weight: 600;


    color: rgb(0, 166, 68);


    -ms-flex-preferred-size: 20%;


    flex-basis: 20%;


    margin-right: 1.5vw;


    text-align: center;


}





.flow>li dl dt .icon {


    font-size: 12px;


    color: #fff;


    background: rgb(0, 166, 68);


    background: -moz-linear-gradient(left, rgba(0, 166, 68, 1) 0%, rgba(36, 206, 105, 1) 100%);


    background: -webkit-linear-gradient(left, rgba(0, 166, 68, 1) 0%, rgba(36, 206, 105, 1) 100%);


    background: linear-gradient(to right, rgba(0, 166, 68, 1) 0%, rgba(36, 206, 105, 1) 100%);


    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a644', endColorstr='#24ce69', GradientType=1);


    padding: 5px 10px;


    margin-bottom: 10px;


    display: block;


    border-radius: 20px;


}








/*会社概要-----------------------------------*/





dl.company {


    margin: 30px 0 80px;


    border-bottom: 1px solid #00a644;


}





dl.company dt {


    padding-top: 10px;


    padding-left: 0.5em;


    border-top: 1px solid #00a644;


    color: #00a644;


}





dl.company dd {


    padding-top: 5px;


    padding-left: 0.5em;


    margin-bottom: 10px;


}








/*追随メニュー-----------------------------------*/





.menu {


    width: 100%;


}





.sp_freecall {


    position: fixed;


    bottom: 0;


    left: 0;


    width: 100%;


    height: auto;


;


    background: rgba(255, 255, 255, 0.8);


    overflow: hidden;


}





.sp_freecall .hid_md_lg.container {


    max-width: 530px;


    overflow: hidden;


}





.sp_form_btn {


    display: -webkit-flex;


    -webkit-align-items: baseline;


    align-items: baseline;


    display: flex;


    justify-content: center;


    margin-top: 10px;


    margin-left: 2px;


    margin-right: 2px;


    margin-bottom: 3px;


}





.sp_form_btn span {


    display: block;


    font-size: 2.2rem;


}





.contact_link {


    margin-top: 10px;


    padding-left: 20px;


}





@media (max-width: 767px) {


    .contact_link {


        overflow: hidden;


        margin-top: 0;


        margin-bottom: 16px;


        padding-left: 0;


    }


}








/*フッター*/





@media (max-width: 767px) {


    .footer_space {


        padding-bottom: 110px;


    }


}





@media (min-width:768px) {


    .footer_space {


        padding-bottom: 90px;


    }


}





section img {


    vertical-align: top;


}





.inner {


    max-width: 94%;


    margin: 0 auto;


}





.neighbor {


    text-align: center;


    padding: 8% 0 0;


}





.neighbor h2 {


    text-align: center;


    font-size: 8vw;


}





.neighbor h2:after {


    content: "";


    display: block;


    width: 10vw;


    height: 1vw;


    background: #00a246;


    margin: 4% auto 8%;


}





.neighbor h2 span {


    color: #53B721;


    font-size: 4vw;


    display: block;


}





.neighbor p {


    font-size: 3.6vw;


    margin: 8% 0;


}





.neighbor p span {


    background: linear-gradient(transparent 50%, #fff600 0%);


    font-weight: bold;


    padding: 0 0 1vw;


}





.neighbor figure img {


    width: 75%;


}





.neighbor figure.comics img {


    width: 100%;


}





.trouble_case {


    background: #119F42;


    padding: 8% 0 5%;


}





.trouble_case h2 {


    text-align: center;


    color: #fff;


    font-size: 7.5vw;


    margin: 0 0 8%;


}





.trouble_case h2 span {


    display: block;


    font-size: 4vw;


    margin: 0 0 1%;


}





.trouble_case ul li {


    margin: 4% 0 0;


    background: #fff;


    border-radius: 2vw;


    padding: 5% 3%;


}





.trouble_case ul li dl dt {


    display: flex;


    font-weight: bold;


}





.trouble_case ul li dl dt span {


    font-size: 3vw;


    text-align: center;


    color: #147949;


    border-bottom: .4vw solid #147949;


    width: 8%;


    flex: auto;


}





.trouble_case ul li dl dt span em {


    display: block;


    font-size: 5vw;


    font-style: normal;


}





.trouble_case ul li dl dt strong {


    font-size: 5.2vw;


    line-height: 1.3em;


    padding: 0 0 0 3vw;


    box-sizing: border-box;


    width: 92%;


}





.trouble_case ul li dl dd figure {


    margin: 5% 0;


}





.trouble_case ul li dl dd p {


    font-size: 4.2vw;


    font-weight: normal;


}





.trouble_case ul li img {


    width: 100%;


}





.what_is_tonarisk {


    padding: 8% 0 6%;


}





.what_is_tonarisk h2 {


    text-align: center;


    font-size: 8vw;


}





.what_is_tonarisk h2:after {


    content: "";


    display: block;


    width: 10vw;


    height: 1vw;


    background: #00a246;


    margin: 4% auto 8%;


}





.what_is_tonarisk h2 span {


    color: #53B721;


    font-size: 4vw;


    display: block;


}





.what_is_tonarisk figure {


    margin: 0 -3vw;


    text-align: center;


}





.what_is_tonarisk figure img {


    width: 640px;


}





.what_is_tonarisk dl {


    position: relative;


    background: rgba(0, 162, 70, 0.9);


    padding: 4%;


    color: #fff;


    border-radius: 2vw;


    margin: -5vw 0 5%;


}





.what_is_tonarisk dl dt {


    font-size: 5vw;


    font-weight: bold;


}





.what_is_tonarisk dl dt:before {


    content: "1";


    background: #fff;


    color: #00a246;


    width: 7vw;


    height: 7vw;


    text-align: center;


    border-radius: 50%;


    display: inline-block;


    margin: 0 3% 0 0;


}





.what_is_tonarisk ul li:nth-of-type(2) dl dt:before {


    content: "2";


}





.what_is_tonarisk ul li:nth-of-type(3) dl dt:before {


    content: "3";


}





.what_is_tonarisk dl dd {


    font-size: 4vw;


}





.what_is_tonarisk p {


    text-align: center;


}





.what_is_tonarisk p a {


    color: #00a246;


    text-decoration-line: underline;


    font-size: 1em


}





.what_is_tonarisk p a.manga_continue {


    font-size: 1.5em;


}





.what_is_tonarisk h3 {


    font-size: 30px;


    text-align: center;


}





.what_is_tonarisk p.lead {


    font-size: 3.4vw;


    text-align: left;


    margin-top: 20px;


    margin-bottom: 20px;


}





.strength {


    background: #ECF7F1;


    padding: 8% 0;


}





.strength h2 {


    text-align: center;


    font-size: 8vw;


    margin: 0 auto 14%;


    color: #147949;


}





.strength ul li {


    margin: 0 0 20%;


    background: #FFFFFF;


    padding: 5% 3%;


    border-radius: 4%;


}





.strength ul li h3 {


    text-align: center;


    font-size: 8vw;


    margin: 0 auto 3%;


}





.strength ul li p {


    font-size: 3.4vw;


    padding: 0 3%;


    margin: 0 auto 3%;


}





.strength img {


    width: 100%;


}





.point {


    position: relative;


    max-width: 94%;


    margin: 0 auto -10vw;


    background: #119F42;


    border-radius: 50%;


    width: 17vw;


    height: 17vw;


    top: -13vw;


}





.point p {


    font-size: 3vw;


    color: #FFFFFF;


    position: absolute;


    display: inline-block;


    left: 0;


    top: 50%;


    -webkit-transform: translateY(-50%);


    transform: translateY(-50%);


    width: 17vw;


    text-align: center;


}





.point p span {


    font-size: 6vw;


    color: #FFFFFF;


}





.perfomance {


    position: relative;


    background: #ECF7F1;


    padding: 10% 0 5%;


}





.perfomance h2 {


    text-align: center;


    font-size: 8vw;


}





.perfomance h2:after {


    content: "";


    display: block;


    width: 10vw;


    height: 1vw;


    background: #00a246;


    margin: 4% auto 8%;


}





.perfomance p {


    font-size: 3.4vw;


    padding: 0 3%;


}





.perfomance img {


    width: 100%;


}





.perfomance .logo_mr {


    text-align: center;


    margin: 7% 0;


}





.perfomance .logo_mr img {


    width: 80%;


}





.perfomance {


    overflow: hidden;


}





.perfomance h3 {


    font-size: 30px;


    text-align: center;


}





.perfomance .image_3_area {


    background-color: #FFF;


}





.perfomance .image_3 {


    float: left;


    width: 33%


}





.perfomance .image_3_clear {


    clear: both;


}





.necessity {


    position: relative;


    background: #ECF7F1;


    /*padding: 10% 0 5%;*/


    padding: 0 0 5%;


    margin-top: 80px;


    margin-bottom: 40px;


}





.necessity:before {


    position: absolute;


    top: 0;


    left: 50%;


    margin-left: -8vw;


    content: "";


    display: block;


    width: 0;


    height: 0;


    border-style: solid;


    border-width: 6vw 8vw 0 8vw;


    border-color: #ffffff transparent transparent transparent;


}





.necessity h2 {


    text-align: center;


    font-size: 8vw;


}





.necessity h2:after {


    content: "";


    display: block;


    width: 10vw;


    height: 1vw;


    background: #00a246;


    margin: 4% auto 8%;


}





.necessity p {


    font-size: 3.4vw;


    padding: 0 3%;


}





.necessity img {


    width: 100%;


}





.necessity figure {


    margin-top: 40px;


    margin-bottom: 40px;


    text-align: center;


}





.necessity h3 {


    text-align: center;


    font-size: 40px;


    margin-top: 40px;


}





.reasonable {


    padding: 8% 0;


}





.reasonable h2 {


    text-align: center;


    font-size: 8vw;


}





.reasonable h2:after {


    content: "";


    display: block;


    width: 10vw;


    height: 1vw;


    background: #00a246;


    margin: 4% auto 8%;


}





.reasonable img {


    width: 100%;


}





.reasonable p {


    margin: 5% 0;


    font-size: 3.8vw;


}





.report {


    padding: 8% 0;


}





.report h2 {


    text-align: center;


    font-size: 8vw;


}





.report h2:after {


    content: "";


    display: block;


    width: 10vw;


    height: 1vw;


    background: #00a246;


    margin: 4% auto 8%;


}





.report img {


    width: 100%;


}





.report p {


    margin: 5% 0;


    font-size: 3.8vw;


}





.report .btn-download {


    text-align: center;


}





.report .btn-download a {


    display: block;


    padding: 3% 0;


    font-size: 5vw;


    line-height: 1.4em;


    color: #fff;


    background: #53B721;


    border-bottom: 1.8vw solid #147949;


    border-radius: 2vw;


}





.report .report_link {


    text-align: center;


}





.voice {


    background: #fff;


    padding: 8% 0;


    margin-top: 50px;


}





.voice h2 {


    text-align: center;


    font-size: 8vw;


}





.voice h2:after {


    content: "";


    display: block;


    width: 10vw;


    height: 1vw;


    background: #00a246;


    margin: 4% auto 8%;


}





.voice ul li {


    margin: 0 0 10%;


    background: #ECF7F1;


    padding: 5% 3%;


    border-radius: 4%;


}





.voice ul li figure {


    text-align: center;


}





.voice ul li img {


    width: 45%;


}





.voice ul li dl dt {


    text-align: center;


    font-size: 4.8vw;


    margin: 5% 0 3%;


    font-weight: bold;


}





.voice ul li dl dd {


    font-size: 4.2vw;


    padding: 0 3%;


}





.voice ul li dl dd .btn-more {


    display: block;


    background: #53B721;


    color: #fff;


    padding: 4% 0;


    text-align: center;


    border-radius: 3vw;


    margin: 5% 0 0;


    font-size: 4.2vw;


}





.threedays {


    background: #00a246;


    padding: 8% 0;


    margin-top: 50px;


}





.threedays h2 {


    text-align: center;


    font-size: 8vw;


    color: #fff;


    margin: 0 0 8%;


}





.threedays h2 span {


    color: #fff;


    font-size: 4vw;


    display: block;


}





.threedays p {


    text-align: center;


    color: #fff;


    font-size: 4vw;


}





.threedays figure {


    margin: 5% 0;


}





.threedays figure img {


    width: 100%;


}





.btn_threedays {


    text-align: center;


}





.btn_threedays a {


    color: #00a246;


    background: #fff;


    display: block;


    font-weight: bold;


    font-size: 5.5vw;


    padding: 3% 0;


    border-radius: 20vw;


}





.btn_threedays a:after {


    display: inline-block;


    content: "▶︎";


    color: #fff;


    font-size: 3vw;


    background: #00a246;


    width: 6vw;


    height: 6vw;


    text-align: center;


    border-radius: 50%;


    line-height: 6vw;


    vertical-align: middle;


    margin: -1vw 0 0 4%;


}





.area {


    padding: 8% 0;


}





.area h2 {


    text-align: center;


    font-size: 8vw;


    color: #00a246;


}





.area h2:after {


    content: "";


    display: block;


    width: 10vw;


    height: 1vw;


    background: #00a246;


    margin: 4% auto 8%;


}





.area ul li {


    padding: 3%;


    font-size: 4.5vw;


    border-top: 1px solid #c3c3c3;


}





.area ul li:last-child {


    border-bottom: 1px solid #c3c3c3;


}





.area p {


    padding: 3%;


    font-size: 4vw;


}





.plan {


    background: #CCEBD9;


    padding: 8% 0 5%;


}





.plan h2 {


    text-align: center;


    font-size: 8vw;


}





.plan h2:after {


    content: "";


    display: block;


    width: 10vw;


    height: 1vw;


    background: #147949;


    margin: 4% auto 8%;


}





.plan .plan_box {


    background: #fff;


    border-color: #147949;


    border-width: 0 1.2vw 1.2vw 0;


    border-style: solid;


    margin: 3% 0 0;


    border-radius: 2vw;


    padding: 5% 0;


}





.plan .plan_box h3 {


    text-align: center;


    font-weight: normal;


    color: #119F42;


    font-size: 6vw;


}





.plan .plan_box h3 span {


    font-weight: bold;


}





.plan .plan_box p {


    text-align: center;


    color: #119F42;


    font-size: 3.8vw;


    margin: 0 0 5%;


}





.plan .plan_box ul {


    display: flex;


}





.plan .plan_box ul li {


    flex: 1;


    padding: 0 5%;


    border-right: .8vw dashed #147949;


}





.plan .plan_box ul li:last-child {


    border: 0 none;


}





.plan .plan_box ul li dl {


    margin: 0 0 5%;


}





.plan .plan_box ul li dl dt {


    font-size: 4.5vw;


    color: #119F42;


}





.plan .plan_box ul li dl dd {


    font-size: 3.4vw;


}





.plan .plan_box ul li dl dd strong {


    display: block;


    font-size: 4.5vw;


    font-weight: normal;


}





.plan .plan_box ul li:first-child {


    text-align: center;


}





.plan .plan_box ul li .price {


    font-size: 4vw;


    display: block;


    margin: 0 0 3%;


}





.plan .plan_box ul li .price strong {


    font-size: 6vw;


}





.mv {


    width: 100%;


    background-color: #CCEBD9;


}





.mv img {


    max-width: 1200px;


}





#wrap {


    max-width: 800px;


    margin: 0 auto;


}





.refarral_campaign {


    margin-top: 80px;


    margin-bottom: 20px;


    padding: 8% 0 5%;


}





.refarral_campaign h2 {


    text-align: center;


    font-size: 8vw;


}





.refarral_campaign h2:after {


    content: "";


    display: block;


    width: 10vw;


    height: 1vw;


    background: #00a246;


    margin: 4% auto 8%;


}





.refarral_campaign h3 {


    text-align: center;


    font-size: 6vw;


}





.refarral_campaign figure {


    margin-top: 20px;


    margin-bottom: 40px;


}





.refarral_campaign .youtube {


    text-align: center;


}





.refarral_campaign .remark {


    font-size: 0.8em;


    padding: 10px;


}





.refarral_campaign p {


    padding: 10px;


}





.breadcrumb {


    margin: 0;


    padding: 0;


    margin-top: 10px;


    padding-top: 10px;


    list-style: none;


    border-top: 1px solid #EEE;


}





.breadcrumb li {


    display: inline;


    /*横に並ぶように*/


    list-style: none;


    font-weight: normal;


    /*太字*/


}





.breadcrumb li:after {


    /* >を表示*/


    content: '>';


    padding: 0 0.2em;


    color: #555;


}





.breadcrumb li:last-child:after {


    content: '';


}





.breadcrumb li a {


    text-decoration: underline;


    color: blue;


}





.breadcrumb li a:hover {


    text-decoration: underline;


}





.webinar h2 {


    text-align: center;


    font-size: 6vw;


}





@media (min-width: 800px) {


    /* 横幅が800px以上の場合に適用するスタイル */


    .neighbor h2 {


        font-size: 40px;


    }


    .neighbor h2 span {


        font-size: 24px;


    }


    .neighbor h2:after {


        width: 60px;


        height: 6px;


        margin: 25px auto 50px;


    }


    .neighbor p {


        font-size: 30px;


    }


    .neighbor p span {


        padding: 0 0 5px;


    }


    .neighbor figure img {


        width: 50%;


    }


    .trouble_case {


        padding: 50px 0;


    }


    .trouble_case h2 {


        font-size: 40px;


        margin: 0 0 40px;


    }


    .trouble_case h2 span {


        font-size: 30px;


    }


    .trouble_case ul li {


        padding: 20px;


        border-radius: 20px;


    }


    .trouble_case ul li dl dt strong {


        font-size: 40px;


        margin-top: 10px;


        padding: 0 0 0 20px;


        width: 90%;


    }


    .trouble_case ul li dl dt span {


        font-size: 24px;


        width: 10%;


        border-width: 6px;


    }


    .trouble_case ul li dl dt span em {


        font-size: 40px;


    }


    .trouble_case ul li dl dd figure {


        margin: 25px 0 15px;


    }


    .trouble_case ul li dl dd p {


        font-size: 24px;


    }


    .what_is_tonarisk {


        padding: 60px 0;


    }


    .what_is_tonarisk h2 {


        font-size: 40px;


    }


    .what_is_tonarisk h2 span {


        font-size: 24px;


    }


    .what_is_tonarisk h2:after {


        width: 60px;


        height: 6px;


        margin: 25px auto 50px;


    }


    .what_is_tonarisk figure {


        margin: 0 -25px;


    }


    .what_is_tonarisk dl {


        padding: 25px;


        border-radius: 15px;


        margin: -40px 0 30px;


    }


    .what_is_tonarisk dl dt {


        font-size: 30px;


        margin-bottom: 10px;


    }


    .what_is_tonarisk dl dt:before {


        width: 40px;


        height: 40px;


        line-height: 40px;


        margin: 0 15px 0 0;


    }


    .what_is_tonarisk dl dd {


        font-size: 20px;


    }


    .what_is_tonarisk p.lead {


        font-size: 20px;


        padding: 10px;


        margin-top: 20px;


        margin-bottom: 20px;


    }


    .strength h2 {


        text-align: center;


        font-size: 40px


    }


    .strength ul li {


        margin: 0 0 100px;


        border-radius: 15px;


    }


    .strength ul li h3 {


        font-size: 40px;


    }


    .strength ul li p {


        font-size: 24px;


    }


    .point {


        position: relative;


        max-width: 94%;


        margin: 0 auto -70px;


        background: #119F42;


        border-radius: 50%;


        width: 120px;


        height: 120px;


        top: -100px;


    }


    .point p {


        font-size: 18px;


        color: #FFFFFF;


        position: absolute;


        display: inline-block;


        left: 0;


        top: 50%;


        -webkit-transform: translateY(-50%);


        transform: translateY(-50%);


        width: 120px;


        text-align: center;


    }


    .point p span {


        font-size: 36px;


        color: #FFFFFF;


    }


    .perfomance:before {


        margin-left: -40px;


        border-width: 40px 40px 0 40px;


    }


    .perfomance h2 {


        font-size: 40px;


    }


    .perfomance h2:after {


        width: 60px;


        height: 6px;


        margin: 25px auto 50px;


    }


    .perfomance p {


        font-size: 24px;


    }


    .perfomance .logo_mr img {


        width: 50%;


    }


    .perfomance h2 {


        font-size: 40px;


    }


    .perfomance h2:after {


        width: 60px;


        height: 6px;


        margin: 25px auto 50px;


    }


    .necessity:before {


        margin-left: -40px;


        border-width: 40px 40px 0 40px;


    }


    .necessity h2 {


        font-size: 40px;


    }


    .necessity h2:after {


        width: 60px;


        height: 6px;


        margin: 25px auto 50px;


    }


    .necessity p {


        font-size: 20px;


    }


    .reasonable {


        padding: 60px 0;


    }


    .reasonable h2 {


        font-size: 40px;


    }


    .reasonable h2:after {


        width: 60px;


        height: 6px;


        margin: 25px auto 50px;


    }


    .reasonable p {


        font-size: 24px;


    }


    .report {


        padding: 60px 0;


    }


    .report h2 {


        font-size: 40px;


    }


    .report h2:after {


        width: 60px;


        height: 6px;


        margin: 25px auto 50px;


    }


    .report p {


        font-size: 24px;


    }


    .report .btn-download a {


        font-size: 30px;


        border-bottom: 8px solid #147949;


        border-radius: 15px;


        padding: 20px 0 15px 0;


    }


    .voice {


        padding: 60px 0;


    }


    .voice h2 {


        font-size: 40px;


    }


    .voice h2:after {


        width: 60px;


        height: 6px;


        margin: 25px auto 50px;


    }


    .voice ul li {


        margin: 0 0 50px;


    }


    .voice ul li img {


        width: 30%;


    }


    .voice ul li dl dt {


        font-size: 30px;


    }


    .voice ul li dl dd {


        font-size: 24px;


    }


    .voice ul li dl dd .btn-more {


        border-radius: 15px;


        font-size: 30px;


    }


    .threedays {


        padding: 60px 0;


    }


    .threedays h2 {


        font-size: 40px;


        margin: 0 0 40px;


    }


    .threedays h2 span {


        font-size: 24px;


    }


    .threedays p {


        font-size: 24px;


    }


    .btn_threedays a {


        font-size: 35px;


    }


    .btn_threedays a:after {


        font-size: 30px;


        width: 50px;


        height: 50px;


        line-height: 50px;


        margin: -8px 0 0 20px;


    }


    .area {


        padding: 60px 0;


    }


    .area h2 {


        font-size: 40px;


    }


    .area h2:after {


        width: 60px;


        height: 6px;


        margin: 25px auto 50px;


    }


    .area ul li {


        font-size: 26px;


    }


    .area p {


        font-size: 24px;


    }


    .plan {


        padding: 60px 0;


    }


    .plan h2 {


        font-size: 40px;


    }


    .plan h2:after {


        width: 60px;


        height: 6px;


        margin: 25px auto 50px;


    }


    .plan .plan_box {


        border-width: 0 8px 8px 0;


        border-radius: 20px;


    }


    .plan .plan_box h3 {


        font-size: 40px;


    }


    .plan .plan_box p {


        font-size: 24px;


    }


    .plan .plan_box ul li dl dt {


        font-size: 30px;


    }


    .plan .plan_box ul li .price strong {


        font-size: 45px;


    }


    .plan .plan_box ul li .price {


        font-size: 20px;


    }


    .plan .plan_box ul li dl dd {


        font-size: 20px;


    }


    .plan .plan_box ul li dl dd strong {


        font-size: 26px;


    }


    .plan .plan_box ul li {


        border-right: 4px dashed #00a246;


    }


    .refarral_campaign {


        padding: 60px 0;


    }


    .refarral_campaign h2 {


        font-size: 60px


    }


    .refarral_campaign h3 {


        font-size: 40px;


    }


    .refarral_campaign p {


        font-size: 20px;


    }


    .webinar h2 {


        font-size: 40px;


    }


}








/* --YouTubeサイズ調整-- */





.video {


    position: relative;


    height: 0;


    padding: 30px 0 56.25%;


    overflow: hidden;


}





.video iframe {


    position: absolute;


    top: 0;


    left: 0;


    width: 100%;


    height: 100%;


}





.youtube_qa {


    text-align: center;


    margin-bottom: 50px;


}





.youtube_qa iframe {


    width: 250px;


    height: 180px;


}





@media(min-width: 800px) {


    .youtube_qa iframe {


        width: 500px;


        height: 300px;


    }


}








/*--- PCとSPでの出し分け設定 --*/





@media (max-width:767px) {


    .pc_only {


        display: none !important;


    }


    .sp_only {


        display: block !important;


    }


}





@media (min-width: 768px) {


    .pc_only {


        display: block !important;


    }


    .sp_only {


        display: none !important;


    }


}








/* 文章強調 */





p strong {


    /*background: linear-gradient(transparent 50%, #fff600 0%);*/


    font-weight: bold;


}





p strong.yellowline {


    background: linear-gradient(transparent 50%, #fff600 0%);


}





a.blue {


    color: blue;


    text-decoration-line: underline;


}








/*サイドメニュー（目次）-----------------------------------*/





@media (max-width: 767px) {


    .side {


        display: none;


    }


}





@media (min-width: 768px) {


    .side {


        position: fixed;


        top: 10px;


        right: 10px;


        background: #f7f7f7;


        padding: 10px 20px;


        opacity: 0;


        -webkit-transition: all .35s ease-in-out;


        transition: all .35s ease-in-out;


    }


    .side.show {


        opacity: 0.9;


    }


    .side .inner_link {


        counter-reset: mokuji;


        list-style: none;


        padding-left: 3rem;


        margin-bottom: 1rem;


    }


    .side .inner_link li {


        padding: 4px 0;


        line-height: 2rem;


    }


    .side .inner_link li:before {


        background-color: #1a1a77;


        color: #fff;


        border-radius: 50%;


        content: counter(mokuji);


        counter-increment: mokuji;


        display: block;


        float: left;


        margin-left: -3rem;


        text-align: center;


        font-size: 1.2rem;


        height: 2rem;


        width: 2rem;


        line-height: 2rem;


    }


    .side .inner_link li a {


        display: block;


        font-size: 14px;


    }


    .side .inner_link li a:hover {


        background-color: #e6f2ff;


    }


    .side .inner_link li a.current {


        background-color: #e6f2ff;


        font-weight: bold;


    }


    .side .side_link {


        margin-bottom: 1rem;


    }


    .side .side_cta a img {


        width: 200px;


    }


}








/*--- お客様の声、詳細 ---*/





.case_detail {


    text-align: center;


    padding: 10px;


}





.case_detail h1 {


    font-size: 6.5vw;


    margin-top: 20px;


}





.case_detail p {


    font-size: 3vw;


    font-weight: normal;


    text-align: left;


    margin-bottom: 30px;


}





.case_detail p span {


    background: linear-gradient(transparent 50%, #fff600 0%);


    font-weight: bold;


    padding: 0 0 1vw;


}





.case_detail strong {


    font-weight: bold;


    background: linear-gradient(transparent 50%, #fff600 0%);


}





.case_detail .case_title .case_title_left {


    text-align: left;


    margin-top: 10px;


}





.case_detail .case_title .case_title_left span {


    background-color: #00a246;


    color: white;


    padding: 10px;


}





.case_detail img {


    margin-bottom: 20px;


}





.case_detail h2 {


    text-align: left;


    margin-top: 40px;


    margin-bottom: 20px;


    padding-bottom: 10px;


    border-bottom: 1px dotted #00a246;


}





.case_title_right img{


    max-width: 100%;


}





.case_title_right .case_title_right_prof2 {


    font-size: 0.8em;


}





.case_text_link{


    text-align: right!important;


    text-decoration: underline;


}





@media(min-width:800px) {


    /*PC版のみ*/


    .case_detail .case_title {


        display: flex;


        width: 100%;


        margin: 0;


    }


    .case_detail .case_title .case_title_left {


        width: 78%;


    }


    .case_title .case_title_right {


        width: 18%;


    }


    .case_detail h1 {


        font-size: 35px;


    }


    .case_detail p {


        font-size: 20px;


    }


    .case_detail p span {


        padding: 0 0 5px;


    }


}





.free30 {


    text-align: center;


}





.free30 a {


    color: white;


}








/*-------------------------------------------------------------------	CVボタン-------------------------------------------------------------------*/





.btn_free30 {


    display: block;


    #max-width: 500px;


    text-align: center;


    #background-color: #F60C0D;


    font-size: 3rem;


    text-decoration: none;


    font-weight: bold;


    margin: 0 auto 5px;


    #padding: 8px 32px 8px 32px;


    border-radius: 10px;


    position: relative;


}





.btn-icon:hover {


    opacity: 0.8;


}





@media(min-width:800px) {


    .btn_free30 {


        font-size: 4rem;


    }


}





.btn_tel {


    background: #53B721;


    color: white;


    border-radius: 10px;


}





.btn_mail {


    background: #53B721;


    color: white;


    border-radius: 10px;


}