@charset "utf-8";
/* CSS Document */

/* --------------------------------
	リセットCSS
-------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote {
    margin: 0;
    padding: 0;
}

address,
caption,
cite,
code,
dfn,
h1,
h2,
h3,
h4,
var {
    font-style: normal;
    font-weight: normal;
}

fieldset,
img,
abbr {
    border: 0;
}

caption,
th {
    text-align: left;
}

q:before,
q:after {
    content: '';
}

img {
    border: none;
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
}

ol,
ul,
li {
    list-style: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    color: #1f1f1f;
    margin: 0;
    padding: 0;
    font-family: YuGothic, 'Yu Gothic', 'sans-serif', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.6;
    text-decoration: none;
}

a {
    color: #00a82b;
}

a:hover {
    color: #009225;
}

.center {
    text-align: center;
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.fs_xl {
    font-size: 2.6rem;
}

.fs_l {
    font-size: 2rem;
}

.fs_s {
    font-size: 1.4rem;
}

.fs_xs {
    font-size: 1.2rem;
}

.bold {
    font-weight: bold;
}

.blue01 {
    color: #3ccce6;
}

.blue02 {
    color: #14638c;
}

.orange {
    color: #ff850d;
}

.green {
    color: #009225;
}

.white {
    color: #fff;
}

.pa05 {
    padding: 5px;
}

.pb40 {
    padding-bottom: 40px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.flex01 {
    display: flex;
    justify-content: space-between;
}

.homeGuideBox {
    background: #F0F0F0;
    color: #222;
    margin: 10rem 0 8rem;
    padding: 40px 0 30px;
    position: relative;
    width: 100%;
}

.problemTitle {
    background-color: #F9F9F9;
    border: solid 1px #DEDEDE;
    font-size: 1.4em;
    line-height: 2;
    padding: .3rem 7rem;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%, 0);
}

.problemImg {
    margin: 0 3rem;
    width: 30%;
}

.problemListTitle {
    font-size: 1.2em;
    font-weight: bold;
}
.problemList {
    font-size: .9em;
    margin-bottom: 1rem;
}
.problemList:last-child {
    margin-bottom: 0;
}

/* 各ページに合わせた色指定。 */
:root {
    /* --branding-color: #1963BB; */
    /* --branding-thin-color: #EDF5FF; */
    /* --branding-gradient-color: linear-gradient(to right, #043587, #1963BB); */
    /* --specific_products-color: #4DB41B; */
    /* --specific_products-thin-color: #F2FFEC; */
    /* --specific_products-gradient-color: linear-gradient(to right, #00915E, #4DB41B); */
    /* --analysis-color: #20A7F3; */
    /* --analysis-thin-color: #F1FAFF; */
    /* --analysis-gradient-color: linear-gradient(to right, #0A7CBD, #20A7F3); */
    /* --new_channel-color: #EC811F; */
    /* --new_channel-thin-color: #FFF5EC; */
    --new_channel-gradient-color: linear-gradient(to right, #E46D00, #FFF5EC);
}


/*  */

.inquiryBox {
    margin: 4rem auto 3rem;
}

.inquiryToptxt {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

#prm-inquiry-box {
	border: 1px solid #FF6600;
	padding: 1em 1.5em .5em;
}

#prm-inquiry-box #wps-inquiry-list {
	border: 0;
	padding: 0;
}

.prm-pr {
	font-size: 18px;
    margin: 0 0 1rem;
	text-align: center;
}

.check-txt {
	color: #666;
	font-size: 12px;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.wps-contents p + p.check-txt {
	margin-top: 0;
}
a.btn-wpsinquiry,
a.btn-wpsmore,
#input_submit input[type=submit] {
	display: block;
	width: 400px;
	height: 50px;
	border-radius: 5px;
	box-shadow: 0 2px 1px #CCCCCC;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
}

a.btn-wpsinquiry,
#input_submit input[type=submit] {
	border: 1px solid #429917;
	background: #429917;
	background: -webkit-linear-gradient(#4DB41B, #429917);
	background: linear-gradient(#4DB41B, #429917);
	box-shadow: 0 2px 1px #CCCCCC;
	margin: 0 auto;
}

a.btn-wpsinquiry:after,
a.btn-wpsmore:after {
	content: "";
	display: inline-block;
	margin: -.4em 0 0 .5em;
	border-top: .4em solid transparent;
	border-bottom: .4em solid transparent;
	border-left: .6em solid #FFFFFF;
}

a.btn-wpsinquiry:hover,
a.btn-wpsmore:hover,
#input_submit input[type=submit]:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
	cursor: pointer;
}

#area_wps-inquiry {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#area_wps-inquiry .wps-title {
	height: 1.6em;
	margin: 0 auto .6em;
	background-color: #FF6600;
	color: #FFFFFF;
	line-height: 1.6em;
}

.txt_wps-inquiry {
	margin: 3em auto .5em;
	font-weight: bold;
	text-align: center;
}

#wps-inquiry-list {
	display: inline-block;
	width: 620px;
	margin: 0 auto;
	padding: 1em 1.5em .5em;
	border: 1px solid #FF6600;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

#wps-inquiry-list>li {
	display: block;
	float: left;
	width: 52%;
	text-align: left;
}

#wps-inquiry-list>li:last-child {
    float: right;
	width: 42%;
}

#wps-inquiry-list li>span {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	font-size: 16px;
}

#wps-inquiry-list>li:last-child span {
	background: url(../img/wps-icon_phone.png) 0 50% no-repeat;
}

#wps-inquiry-list>li:first-child span {
	background: url(../img/wps-icon_mail.png) 0 50% no-repeat;
}

#wps-inquiry-list>li a.btn-wpsinquiry {
	width: 100%;
	margin: 0;
}

#area_wps-inquiry p.num-phone {
	line-height: 1.2;
	white-space: nowrap
}

#area_wps-inquiry p.num-phone:before,
.service-inq_telbox p.num-phone:before {
	content: "082-542-2000";
	display: inline-block;
	color: #222;
}

#area_wps-inquiry p.num-phone:before,
#area_wps-inquiry p.num-phone:first-line {
	font-size: 30px;
}

.service-inq_telbox p.num-phone:before {
	font-size: 20px;
}

#area_wps-inquiry p.num-phone a,
.service-inq_telbox p.num-phone a {
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#area_wps-inquiry p.num-phone a {
	margin-bottom: 30px;
}

.service-inq_telbox p.num-phone a {
	margin-right: .5em;
}

.inq-phone {
	width: 720px;
	height: 71px;
	background: url(../../images/groundtop/h_service-index_mini.png) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#area_wps-inquiry .box_document {
	width: 800px;
	margin: 0 auto 2.5em;
	padding: 10px 10px;
	border: 2px solid #FFF684;
	border-radius: 5px;
	box-sizing: border-box;
	background: #FFFEEA url(../../images/groundtop/wps-inquiry_bg.jpg) 100% 100% no-repeat;
	background-size: 170px;
	font-size: 16px;
}

#area_wps-inquiry .box_document p {
	margin-bottom: 0;
}
#area_wps-inquiry.sv-inquiry {
	padding: 5em 0 3em;
}

.wps-contents {
	font-size: 16px;
	line-height: 1.4;
	text-align: justify;
	margin: 0 auto 60px;
	width: 700px;
}

.wps-contents p + p {
	margin-top: 1em;
}

/* パンくず、プライマリナビゲーション */
#box-bc {
	padding: .5em 0;
}

#box-bc .breadcrumb {
	float: none;
	display: block;
	width: 960px;
	margin: 0 auto;
}

p.breadcrumb {
	margin-bottom: 0;
}

.breadcrumb a {
    color: #0080FF;
}

/* header */

#header.lp-header {
	width: auto;
	height: 50px;
	overflow: hidden;
	border-bottom: 1px solid #DDDDDD;
	box-shadow: 0 1px 3px #DDDDDD;
}
#header ul,
#header li {
	display: block;
	padding: 0;
	list-style: none;
}

#header ul {
	width: 960px;
	margin: 0 auto;
}

#header.lp-header #header_logo {
	float: left;
	position: relative;
	top: auto;
}

#header.lp-header #header_logo,
#header.lp-header #heaer_inqbtn {
	margin: 6px 0 0 0;
}

#header.lp-header #heaer_inqbtn {
	float: right;
	width: 13em;
}

#heaer_inqbtn a.btn-wpsinquiry {
	width: auto;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
}

.promotionBg {
    background-color: #FFF5EC;
    padding: 6rem 0;

}
.promotionBox {
    margin: 0 auto;
}
.promotionH2 {
    border-bottom: 1px solid #545454;
    border-left: 8px solid #2C67A9;
    color: #222;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
    padding-left: 10px;
}
.promotionTxt {
    color: #222;
    font-size: .95em;
}
.promotionNaviGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1rem 0 0;
}
.promotionNavi {
    align-items: center;
    background-color: #ffffff;
    border: solid 1px #D9D9D9;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    text-decoration: none;
    height: 180px;
    width: 290px;
}
.promotionNavi:hover {
    opacity: .7;
}
.promotionNaviContent {
    width: 250px;
}
.promotionNaviTitle {
    color: #222;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: -.8px;
}
.promotionNaviTitleBranding {
    color: #1963BB;
}
.promotionNaviTitleSpecificProducts {
    color: #00915E;
}
.promotionNaviTitleAnalysis {
    color: #20A7F3;
}
.promotionNaviTitleNewChannel {
    color: #EC811F;
}
.promotionNaviUl {
    color: #222;
    font-size: .95em;
    list-style: none;
}
.promotionNaviUl li {
    font-size: .85em;
}
.promotionNaviBtn {
    font-weight: bold;
    margin-top: .75rem;
    text-align: center;
}
.promotionNaviBtn p {
    border-radius: 5px;
    color: white;
    display: block;
    padding: 0 1rem;
}
.promotionNaviBtn img {
    padding-left: .5rem;
    vertical-align: middle;
}
.promotionNaviBtnBranding {
    background-color: #1963BB;
}
.promotionNaviBtnSpecificProducts {
    background-color: #00915E;
}
.promotionNaviBtnAnalysis {
    background-color: #20A7F3;
}
.promotionNaviBtnNewChannel {
    background-color: #EC811F;
}

/*  */



/*------------------------------------------------------*/
@media screen and (min-width: 1000px) {
    .content {
        width: 1000px;
        margin-right: auto;
        margin-left: auto;
    }

    .pc_none {
        display: none
    }

    section {
        margin-top: -90px;
        padding-top: 90px;
    }
}

@media screen and (max-width: 999px) {
    .content {
        padding-right: 10px;
        padding-left: 10px;
    }

    .flex01 {
        flex-wrap: wrap;
    }

    section {
        margin-top: -70px;
        padding-top: 70px;
    }
}

/* --------------------------------
	header
-------------------------------- */

.home #header h1 {
    width: 50%;
    max-width: 400px;
    margin: 0 auto 40px;

}

.home #header {
    position: relative;
    overflow: hidden;
    padding: 0 0 0;
}

.header_inner a {
    text-decoration: none;
}

.header_inner {
    padding: 20px 0;
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
}

#gn {
    display: flex;
    justify-content: space-around;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.header_sp_nav {
    display: none;
}

#gn>ul {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    padding-top: 5px
}

#gn ul li a {
    display: block;
    padding: 10px 12px 5px;
    white-space: nowrap;
    color: #000;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

#gn ul li a:hover {
    color: #009225;
}

#gn>ul>li {
    position: relative;
}

#gn>ul>li ul {
    display: none;
}

#gn #li_home a {
    padding: 0 20px;
}

#li_home img {
    height: 3.2rem;
    width: auto;
    vertical-align: top;
}

.header_inner .btn_dl01 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00a82b url(../img/icon_dl.png) no-repeat left 20px center;
    background-size: 2.6rem auto;
    color: #fff;
    border-radius: 10px;
    height: 50px;
    padding: 10px 15px 10px 50px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.header_inner .btn_dl01:hover {
    background: #e2ca00 url(../img/icon_dl.png) no-repeat left 20px center;
    background-size: 2.6rem auto;
}

#header {
    text-align: center;
}
.page #header {
    padding: 60px 0 0;
}

.page #header .ttl01 {
    display: inline-block;
    font-size: 3rem;
    font-weight: bold;
    padding: 0 10px;
    background: linear-gradient(transparent 60%, yellow 60%);
}

.sp_tel {
    display: none;
    color: #007a1f;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    margin-top: 10px;
    background: url(../img/icon_tel_g.png) no-repeat 0 50%;
    background-size: 2em;
    vertical-align: text-top;
    margin-top: 3rem;
    padding-left: 2.5em;
    line-height: 1.4;
}

.menu_phone {
    font-size: 30px;
    font-weight: 700;
}



.boxWidth {
    width: 925px;
}

.solutionArrow {
    position: absolute;
    top: -40px;
    left: 0;
    text-align: center;
    width: 100%;
}

.arrow {
    display: inline-block;
    width: 80px;
}

.solutionBox {
    background-image: url(../img/solution-graph.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    padding: 5rem 3rem 3rem;
    position: relative;
    width: 100%;
}

.solutionBoxBranding {
    background-color: #EDF5FF;
    border-top: solid 5px transparent;
    border-image: linear-gradient(to right, #043587, #1963BB) 1;
}

.solutionBoxSpecificProducts {
    background-color: #F2FFEC;
    border-top: solid 5px transparent;
    border-image: linear-gradient(to right, #00915E, #4DB41B) 1;
}

.solutionBoxAnalysis {
    background-color: #F1FAFF;
    border-top: solid 5px transparent;
    border-image: linear-gradient(to right, #0A7CBD, #20A7F3) 1;
}

.solutionBoxNewChannel {
    background-color: #FFF5EC;
    border-top: solid 5px transparent;
    border-image: linear-gradient(to right, #E46D00, #FFF5EC) 1;
}



.solutionTitleGroup {
    background-color: white;
    border-bottom: solid 1px #D9D9D9;
    display: block;
    margin: 1rem auto 2.5rem;
    text-align: center;
}
.solutionH2 {
    display: inline-block;
    font-size: 1.4em;
    font-weight: bold;
    padding: 1.5rem 0;
    position: relative;
}
.solutionH2Icon {
    display: inline-block;
    position: absolute;
    left: -240px;
    top: -65px;
    height: auto;
    width: 180px;
}
.solutionH2Logo {
    padding-right: .5rem;
}
.solutionFlexBox {
    display: flex;
    justify-content: space-between;
    margin: 7rem auto;
}
.solutionCard {
    background-color: white;
    padding: 1rem;
    width: 28rem;
}
.solution01::before {
    content: "\00A0";
}
.solution02::before {
    content: "\00A0";
}
.solution03::before {
    content: "\00A0";
}

.solutionCardBranding {
    border-top: solid 2px transparent;
    border-image: linear-gradient(to right, #043587, #1963BB) 1;
    position: relative;
}
.solutionCardBranding::before {
    background-image: linear-gradient(to right, #043587, #1963BB);
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    top: -15px;
    left: 0;
    position: absolute;
    width: 100px;
    height: 15px;
}
.solutionCardSpecificProducts {
    border-top: solid 2px transparent;
    border-image: linear-gradient(to right, #00915E, #4DB41B) 1;
    position: relative;
}
.solutionCardSpecificProducts::before {
    background-image: linear-gradient(to right, #00915E, #4DB41B);
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    top: -15px;
    left: 0;
    position: absolute;
    width: 100px;
    height: 15px;
}
.solutionCardAnalysis {
    border-top: solid 2px transparent;
    border-image: linear-gradient(to right, #0A7CBD, #20A7F3) 1;
    position: relative;
}
.solutionCardAnalysis::before {
    background-image: linear-gradient(to right, #0A7CBD, #20A7F3);
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    top: -15px;
    left: 0;
    position: absolute;
    width: 100px;
    height: 15px;
}
.solutionCardNewChannel {
    border-top: solid 2px transparent;
    border-image: linear-gradient(to right, #E46D00, #EC811F) 1;
    position: relative;
}
.solutionCardNewChannel::before {
    background-image: linear-gradient(to right, #E46D00, #EC811F);
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    top: -15px;
    left: 0;
    position: absolute;
    width: 100px;
    height: 15px;
}




.solutionImg {
    display: block;
    text-align: center;
    width: 100%;
}
.solutionImg img {
    text-align: center;
    width: 232px;
}
.solutionH3 {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3;
    height: 70px;
    justify-content: center;
    margin-bottom: .25rem;
    text-align: center;
}
/* .solutionH3Branding {
    color: #1963BB;
}
.solutionH3SpecificProducts {
    color: #4DB41B;
}
.solutionH3Analysis {
    color: #20A7F3;
}
.solutionH3NewChannel {
    color: #EC811F;
} */
.solutionTxt {
    font-size: .85em;
}

#footer_navi {
	margin: 0;
	padding: 10px 0;
	background-color: #7C7C7C;
	color: #FFFFFF;
	text-align: right;
}

#footer_navi ul {
	display: block;
    text-align: center;
	margin: 0 auto;
	padding: 0;
}

#footer_navi li {
	display: inline;
}

#footer_navi li {
	display: inline;
}

#footer_navi a {
	color: #FFFFFF;
}

#footer_copyright {
	display: block;
	width: 960px;
	margin: 0.8em auto 0 auto;
	font-size: 12px;
	text-align: right;
}


/*------------------------------------------------------*/
@media screen and (min-width: 1000px) {
    #gn>ul {
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
        display: flex;
        justify-content: space-between;
    }

    #gn>ul>li ul {
        text-align: center;
        font-size: 1.5rem;
        position: absolute;
        top: 3.8rem;
        left: -35%;
        width: auto;
        background: #fff;
        border-radius: 10px;
        white-space: nowrap;
        padding: 0 0 5px;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
    }

    #gn>ul>li:hover ul {
        display: block;
    }

    #gn>ul>li:hover ul:before {
        content: "▼";
        color: #00a82b;
        margin-top: -10px;
    }
}

@media screen and (max-width: 999px) {
    .scroll-prevent {
        position: fixed;
        z-index: -1;
        width: 100%;
        height: 100%;
    }

    .home #header {
        padding: 160px 0 40px;

    }

    .header_inner {
        padding: 5px;
        top: 0px;
        left: 5px;
        right: 5px;
        width: auto;
        max-height: 98%;
        overflow: auto;
    }

    .page .header_inner {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
        top: 5px;
    }

    .header_sp_nav {
        display: flex;
        justify-content: flex-end;
    }

    .page .header_sp_nav {
        justify-content: space-between;
    }

    .header_sp_nav h1 {
        width: 20%;
        min-width: 120px;
    }

    .header_sp_nav h1 img {
        vertical-align: middle;
    }

    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }

    .menu-trigger {
        position: relative;
        background: #00a82b;
        padding: 12px 8px;
        border-radius: 5px;
        width: 60px;
        height: 60px;
    }

    .menu-trigger span {
        position: absolute;
        left: 8px;
        width: 44px;
        height: 4px;
        background-color: #fff;
        border-radius: 4px;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 12px;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 28px;
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 12px;
    }

    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(16px) rotate(-45deg);
        transform: translateY(16px) rotate(-45deg);
    }

    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }

    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-16px) rotate(45deg);
        transform: translateY(-16px) rotate(45deg);
    }

    #gn {
        width: 100%;
        display: none;
        padding-bottom: 15px;
    }

    .home #gn {
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
        background: #fff;
        border-radius: 10px;
        padding: 0 5px;

    }

    #gn>ul {
        margin-bottom: 10px;
    }

    #gn>ul>li:not(:last-of-type) {
        border-bottom: 1px solid #000;
    }

    #gn>ul>li>a {
        padding: 20px;
    }

    #gn>ul>li>a:hover {
        text-decoration: none;
    }

    #gn #li_home {
        display: none;
    }

    .home #header .ul_point01 {
        padding: 0;
        width: 80%;
    }

    .home #header .ul_point01 li {
        font-size: 2.6vw;
    }

    .home #header .ul_point01 li {
        margin-top: 50px;
        padding: 3rem 0;
    }

    .home #header .ul_point01 li:nth-of-type(2) {
        margin-bottom: 50px;
    }

    .page #header {
        padding: 20px 0 0;
    }

    .sp_tel {
        display: block;
    }
}

/* --------------------------------
	main
-------------------------------- */
.page {
    background: #d9edde;
}
.contentBody01 {
    padding: 60px 100px;
}

.contentBody02 {
    padding: 0 100px;
}

.contentBody03 {
    padding: 0 100px 60px 100px;
}

a img:hover {
    opacity: 0.8;
}

.ol_decimal li {
    list-style-type: decimal;
    margin-left: 2rem;
}

.ol_decimal li:not(:last-of-type) {
    margin-bottom: 2rem;
}

.btn01 {
    color: #fff;
    text-align: center;
    background: #27bf4e;
    padding: 10px;
    border-radius: 30px;
    border: 1px solid #fff;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.btn01:hover {
    color: #fff;
    background: #e2ca00;
}

.home .btn01 {
    width: 100%;
}

.line01 {
    background: linear-gradient(transparent 50%, yellow 50%);

}

.line02 {
    border-bottom: 2px solid #00a82b;
}

.homeServiceBox {
    padding: 60px 0;
}

.ul_serviceBtn01 {
    display: flex;
    justify-content: space-around;
}

.ul_serviceBtn01 {
    flex-wrap: wrap;
}

.ul_serviceBtn01 li {
    width: 32%;
}

.page .ul_serviceBtn01 li {
    width: 15%;
}

.home .homeTxtBox01,
.home .homeBtnBox01 {
    max-width: 490px;
    width: 49%;
}

.home .homeTxtBox01 {
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
}

.home .homeTxtBox01 .txtBox_top01,
.home .homeTxtBox01 .txtBox_btm01 {
    width: 100%;
}

.ul_btnService01 li:not(:last-of-type) {
    margin-bottom: 10px;
}

.ul_check01 li {
    background: url(../../img/index/li_check01.png) no-repeat left top;
    background-size: 20px 20px;
    padding-left: 2.8rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

.pageMv01 {
    margin-top: 60px;
}

.btnBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
}

.btn_contact02,
.btn_dl02 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00a82b;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    height: 50px;
    padding: 10px;
    width: 260px;
    margin-bottom: 30px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.btn_contact02:hover,
.btn_dl02:hover {
    background: #e2ca00;
    color: #fff;
}

.btn_contact02:before,
.btn_dl02:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 2.6rem;
    height: 2.6rem;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.btn_contact02:before {
    background-image: url(../img/icon_contact.png);
}

.btn_dl02:before {
    background-image: url(../img/icon_dl.png);
}

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

    .btn_contact02,
    .btn_dl02 {
        width: 100%;
    }
}

/* ---------------------------------------------------------------- */

@media screen and (max-width: 999px) {
    .container {
        margin: 100px 10px 40px;
        padding: 0;
    }

    .contentBody01 {
        padding: 40px 10px;
    }

    .contentBody02 {
        padding: 0 10px;
    }

    .contentBody03 {
        padding: 0 10px 80px 10px;
    }

    .home .txtCopy01 {
        padding: 30px 0;
    }

    .homeGuideBox {
        padding: 30px 0;
    }

    .homeServiceBox {
        padding: 30px 0;
    }

    .home .homeTxtBox01,
    .home .homeBtnBox01 {
        max-width: 100%;
        width: 100%;
        padding: 10px 0;
    }

    .pageMv01 {
        margin-top: 40px;
    }

    .ul_serviceBtn01 li,
    .service .ul_serviceBtn01 li {
        width: 28%;
        max-width: 240px;
    }
}

/* --------------------------------
	footer
-------------------------------- */
footer a {
    display: inline-block;
    text-decoration: none;
    color: #222;
}

footer ul a:hover {
    text-decoration: underline;
}

.footerbox01 {
    background: #F4F4F4;
    color: #222;
    padding: 30px 0;

}

.footerbox01 .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footerbox01 ul ul {
    margin-left: 20px;
}

.footerbox01 ul li {
    font-size: .9em;
    margin-bottom: 30px;
}

.footerbox01 ul.ul_child li {
    margin-top: 10px;
    margin-bottom: 0px;
}

.footerbox01 ul li:last-of-type {
    margin-bottom: 0px;
}

.footerbox01 ul li {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

/*------------------------------------------------------*/
@media screen and (max-width: 999px) {
    .footerbox01 {
        padding: 20px 0;
    }

    .footerbox01 .content {
        display: none;
    }

    .footerbox02 {
        padding: 10px 0;
    }

    .footerbox02 ul {
        flex-wrap: wrap;
    }

    .footerbox02 ul li {
        padding: 20px;
    }

    .copyright {
        width: 100%;
        margin: 0;
        text-align: center;
        display: block;
    }
}

/*▼お問い合わせstart-------------------------------------------------*/
.inquiry form {
    max-width: 600px;
    margin: 0 auto;
    padding: 60px 0;
}

.inquiry form>dl>dt {
    color: #009225;
    font-weight: 600;
    margin-top: 2rem;
}

.inquiry form>dl>dd {
    padding: 2rem 1rem;
}

.inquiry form>dl>dd dl {
    display: flex;
    flex-wrap: wrap;
}

.inquiry form>dl>dd>dl dt {
    min-width: 25%;
}

.inquiry form>dl>dd>dl dd {
    width: 75%;
    margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
    .inquiry form>dl>dd>dl dt {
        min-width: 100%;
    }

    .inquiry form>dl>dd>dl dd {
        width: 100%;
    }
}

.inquiry input,
.inquiry textarea {
    padding: 1rem 0.5rem;
    font-size: 1.4rem;
    border: #009225 1px solid;
    max-width: 100%;
}

.inquiry textarea {
    font-size: 1.8rem;
    width: 100%;
}

.inquiry label:not(:last-of-type) {
    margin-right: 2rem;
}

::placeholder {
    color: #aaa
}

.inquiry .btn {
    display: inline-block;
    border-radius: 40px;
    font-size: 1.8rem;
    text-align: center;
    cursor: pointer;
    padding: 1rem 7rem;
    background: #27bf4e;
    color: #ffffff;
    transition: .3s;
    border: 1px solid #27bf4e;
}

.inquiry .btn:hover {
    background: #e2ca00;
    border: 1px solid #e2ca00;
}

.inquiry .btn2 {
    display: inline-block;
    border-radius: 40px;
    font-size: 1.8rem;
    text-align: center;
    cursor: pointer;
    padding: 1rem 7rem;
    background: #fff;
    color: #27bf4e;
    transition: .3s;
    border: 1px solid #27bf4e;
}

.inquiry .btn2:hover {
    color: #fff;
    background: #e2ca00;
    border: 1px solid #e2ca00;
}

.hissu {
    color: #ff850d;
    font-weight: bold;
    font-size: 1.2rem;
}

.dl_link {
    max-width: 450px;
    text-align: left;
    margin: 1em auto;
}

.dl_link li {
    margin-top: 1em;
    position: relative;
    padding-left: 1em;
}

.dl_link li::before {
    content: "";
    border-left: 5px solid #00a82b;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}



/* --------------------------------
	thanksページ
-------------------------------- */
#thanks {
    padding: 4rem 0;
}

#thanks>.content {
    background-color: #fff;
    padding: 2rem 1rem;
}

#thanks>.content>div:first-of-type {
    margin: 0 auto;
}

#thanks>.content>div:first-of-type img {
    position: relative;
    top: 8rem;
    right: 15rem;
}

#thanks>.content div:first-of-type p:first-of-type {
    color: #009225;
    display: inline-block;
    background: #fffd36;
    box-shadow: 3px 5px 0px #e2ca00;
    padding-left: 1.5rem;
    height: 3rem;
    margin: 4rem 0;
    font-size: 3.6rem;
}

#thanks>.content div:first-of-type p:nth-of-type(2) {
    color: #1f1f1f;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.5;
    text-decoration: none;
    text-align: left;
    margin: 0 auto;
    width: 31rem;
}

/*▲お問い合わせend-*/

/*▼導入事例start-------------------------------------------------*/
.caseBox01 {
    border: 2px solid #00a82b;
    padding: 30px 60px;
    position: relative;
    margin-bottom: 30px;
}

.caseBox01:before {
    content: "";
    top: -10px;
    left: -10px;
    border-bottom: 110px solid transparent;
    border-left: 110px solid #00a82b;
    position: absolute;
    z-index: 100;
}

.caseBox01:after {
    display: block;
    font-weight: bold;
    top: 10px;
    color: #fff;
    /* 文字色はここで変更 */
    left: 0;
    position: absolute;
    z-index: 101;
}

.case1:after {
    content: "CASE1";
}

.case2:after {
    content: "CASE2";
}

.case3:after {
    content: "CASE3";
}

.case_staff1 {
    background: url(../../img/case/cara_yoshimura01.png) no-repeat left 10px top;
    background-size: 10% auto;
    padding-left: 15%;
    margin-bottom: 30px;
}

.case_staff2 {
    background: url(../../img/case/cara_hironaka01.png) no-repeat left 10px top;
    background-size: 10% auto;
    padding-left: 15%;
    margin-bottom: 30px;
}

.caseCommentBox01 {
    background: #ebf3ce;
    padding: 20px 20px;
    border-radius: 10px;
}

.ul_caseBtn01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ul_caseBtn01 li {
    max-width: 300px;
    width: 100%;
}

.ul_caseBtn01 .btn01 {
    border-radius: 10px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .ul_caseBtn01 li {
        max-width: 100%;
        margin-bottom: 20px;
    }
}

/*▲導入事例end-*/
/*▼Q&A start-------------------------------------------------*/
.faqBox01 {
    border: 2px solid #00a82b;
    padding: 20px 30px 20px 60px;
    position: relative;
    margin-bottom: 10px;
}

.faqBox01:before {
    content: "";
    top: -10px;
    left: -10px;
    border-bottom: 100px solid transparent;
    border-left: 100px solid #00a82b;
    position: absolute;
    z-index: 100;
}

.faqBox01:after {
    content: "質問";
    display: block;
    font-weight: bold;
    top: 10px;
    color: #fff;
    /* 文字色はここで変更 */
    left: 0;
    position: absolute;
    z-index: 101;
}

.faqBox02 {
    background: url(../../img/faq/icon_answer.png) no-repeat left 20px top;
    background-size: 27px auto;
    padding: 5px 30px 0 60px;
    margin-bottom: 60px;
}

/*▲Q&A end-*/
/*▼サービス start-------------------------------------------------*/
.txt_service {
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 40px;
}

.txt_service img {
    width: 165px;
    height: auto;
}

.txt_service01 {
    color: #0069c2;
}

.txt_service02 {
    color: #db55ad;
}

.txt_service03 {
    color: #d17008;
}

.txt_service04 {
    color: #1295b1;
}

.txt_service05 {
    color: #8750b2;
}

.txt_service06 {
    color: #a09e00;
}

.service .ul_serviceBtn01 {
    margin-top: 60px;
}

.ul_serviceBtn02 {
    max-width: 700px;
    padding: 20px;
    margin: 40px auto;
    border: 1px solid #00a82b;
}

.ul_serviceBtn02 li a {
    display: flex;
    text-decoration: none;
    padding: 5px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.ul_serviceBtn02 li a:hover {
    background: #eee;
}

.ul_serviceBtn02 li a .picBox_serviceList01 {
    width: 40%;
    max-width: 150px;
    margin-right: 10px;
}

.ul_serviceBtn02 li a .txtBox_serviceList01 {
    display: flex;
    align-items: center;
}

.pic_comment01 {
    padding-left: 80px;
    background: url(../../img/service/img_nayami01.png) no-repeat left bottom;
    background-size: contain;
}

.txt_comment01 {
    font-size: 1.8rem;
    font-weight: bold;
    background: #ddd;
    padding: 1.5rem 2rem;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    min-width: 120px;
    max-width: 100%;
}

.txt_comment01:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #ddd;
    z-index: 2;
}

.txt_comment01 p {
    margin: 0;
    padding: 0;
}

/*▲サービス end-*/
/*▼ご利用シーン start-------------------------------------------------*/
#guide01.page #header {
    padding: 0 0 0;
}

#guide01 .pageMv01 {
    padding-bottom: 0px;
}

.guide_ttl {
    background: #00a82b;
    box-shadow: 0 2px 0 #fff,
        0 5px 0 #00a82b;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin: 100px 0 30px 0;
    padding: .2em 1em;
    position: relative;
    text-align: center;
}

.guide_ttl::after {
    background-size: cover;
    content: "";
    display: block;
    height: 50px;
    left: 50%;
    position: absolute;
    top: -1.6em;
    width: 36px;
}

#success .guide_ttl::after {
    background-image: url(../../img/guide/frag_tti01.png);
}

#can_do .guide_ttl::after {
    background-image: url(../../img/guide/frag_tti02.png);
}

#reason .guide_ttl::after {
    background-image: url(../../img/guide/frag_tti03.png);
}

#qa .guide_ttl::after {
    background-image: url(../../img/guide/frag_tti04.png);
}

#specification .guide_ttl::after {
    background-image: url(../../img/guide/frag_tti05.png);
}

.guide_sub_ttl {
    background: url(../../img/guide/icon_trumpet.png) 0 0 no-repeat;
    background-size: 40px auto;
    border-bottom: 2px solid #1c8fcb;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 1em 0;
    padding: 0 0 .2em 2em;
}

.txtDetailsBox_guide02 {
    margin-top: 1em;
}

.txtDetailsBox_guide02 dt {
    color: #1c8fcb;
    font-size: 2rem;
    font-weight: 700;
}

.txtDetailsBox_guide02 dd+dt {
    margin-top: 30px;
}

.txtDetailsBox_guide02 dt::before {
    background-color: #1c8fcb;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: .8em;
    width: .8em;
    margin-right: .5em;
}

.txtDetailsBox_guide02 dd>p {
    margin: 1em 0 1em 26px;
}

.txtDetailsBox_guide02 dd>p:nth-of-type(1) {
    margin-top: 0;
}

.txtDetailsBox_guide02 div {
    margin: 0 auto 1em;
    text-align: center;
}

.ul_guide01Btn01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 40px auto;
}

.ul_guide01Btn01 li {
    box-sizing: border-box;
}

.ul_guide01Btn01 li:first-child {
    border-right: 1px solid #fff;
}

.ul_guide01Btn01 li:nth-child(4) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.ul_guide01Btn01 li:nth-child(-n + 2) {
    width: 50%;
    border-bottom: 1px solid #fff;
}

.ul_guide01Btn01 li:nth-child(n + 3) {
    width: calc(100%/3);
}

.ul_guide01Btn01 a {
    background-size: 4px 4px;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #fbfbfb), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #fbfbfb),
            color-stop(.75, #fbfbfb), color-stop(.75, transparent),
            to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #fbfbfb 25%, transparent 25%,
            transparent 50%, #fbfbfb 50%, #fbfbfb 75%,
            transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #fbfbfb 25%, transparent 25%,
            transparent 50%, #fbfbfb 50%, #fbfbfb 75%,
            transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #fbfbfb 25%, transparent 25%,
            transparent 50%, #fbfbfb 50%, #fbfbfb 75%,
            transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #fbfbfb 25%, transparent 25%,
            transparent 50%, #fbfbfb 50%, #fbfbfb 75%,
            transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #fbfbfb 25%, transparent 25%,
            transparent 50%, #fbfbfb 50%, #fbfbfb 75%,
            transparent 75%, transparent);
    background-attachment: fixed;
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 1em;
    position: relative;
    text-decoration: none;
    text-align: center;
}

.ul_guide01Btn01 li a::before {
    content: "";
    border-left: 1.5em solid;
    border-bottom: 1.5em solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.ul_guide01Btn01 li:nth-child(1) a::before {
    border-left-color: #d15676;
}

.ul_guide01Btn01 li:nth-child(2) a::before {
    border-left-color: #1c8fcb;
}

.ul_guide01Btn01 li:nth-child(3) a::before {
    border-left-color: #d1b100;
}

.ul_guide01Btn01 li:nth-child(4) a::before {
    border-left-color: #0dbea3;
}

.ul_guide01Btn01 li:nth-child(5) a::before {
    border-left-color: #ff8b23;
}

.ul_guide01Btn01 li:nth-child(1) a:hover {
    color: #d15676;
    background-color: rgba(209, 86, 118, 0.05);
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, rgba(209, 86, 118, 0.2)), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, rgba(209, 86, 118, 0.2)),
            color-stop(.75, rgba(209, 86, 118, 0.2)), color-stop(.75, transparent),
            to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(209, 86, 118, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(209, 86, 118, 0.2) 50%, rgba(209, 86, 118, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(209, 86, 118, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(209, 86, 118, 0.2) 50%, rgba(209, 86, 118, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(209, 86, 118, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(209, 86, 118, 0.2) 50%, rgba(209, 86, 118, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(209, 86, 118, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(209, 86, 118, 0.2) 50%, rgba(209, 86, 118, 0.2) 75%,
            transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(209, 86, 118, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(209, 86, 118, 0.2) 50%, rgba(209, 86, 118, 0.2) 75%,
            transparent 75%, transparent);
}

.ul_guide01Btn01 li:nth-child(2) a:hover {
    color: #1c8fcb;
    background-color: rgba(28, 143, 203, 0.05);
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, rgba(28, 143, 203, 0.2)), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, rgba(28, 143, 203, 0.2)),
            color-stop(.75, rgba(28, 143, 203, 0.2)), color-stop(.75, transparent),
            to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(28, 143, 203, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(28, 143, 203, 0.2) 50%, rgba(28, 143, 203, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(28, 143, 203, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(28, 143, 203, 0.2) 50%, rgba(28, 143, 203, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(28, 143, 203, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(28, 143, 203, 0.2) 50%, rgba(28, 143, 203, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(28, 143, 203, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(28, 143, 203, 0.2) 50%, rgba(28, 143, 203, 0.2) 75%,
            transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(28, 143, 203, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(28, 143, 203, 0.2) 50%, rgba(28, 143, 203, 0.2) 75%,
            transparent 75%, transparent);
}

.ul_guide01Btn01 li:nth-child(3) a:hover {
    color: #d1b100;
    background-color: rgba(209, 177, 0, 0.05);
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, rgba(209, 177, 0, 0.2)), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, rgba(209, 177, 0, 0.2)),
            color-stop(.75, rgba(209, 177, 0, 0.2)), color-stop(.75, transparent),
            to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(209, 177, 0, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(209, 177, 0, 0.2) 50%, rgba(209, 177, 0, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(209, 177, 0, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(209, 177, 0, 0.2) 50%, rgba(209, 177, 0, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(209, 177, 0, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(209, 177, 0, 0.2) 50%, rgba(209, 177, 0, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(209, 177, 0, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(209, 177, 0, 0.2) 50%, rgba(209, 177, 0, 0.2) 75%,
            transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(209, 177, 0, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(209, 177, 0, 0.2) 50%, rgba(209, 177, 0, 0.2) 75%,
            transparent 75%, transparent);
}

.ul_guide01Btn01 li:nth-child(4) a:hover {
    color: #0dbea3;
    background-color: rgba(13, 190, 163, 0.05);
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, rgba(13, 190, 163, 0.2)), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, rgba(13, 190, 163, 0.2)),
            color-stop(.75, rgba(13, 190, 163, 0.2)), color-stop(.75, transparent),
            to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(13, 190, 163, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(13, 190, 163, 0.2) 50%, rgba(13, 190, 163, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(13, 190, 163, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(13, 190, 163, 0.2) 50%, rgba(13, 190, 163, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(13, 190, 163, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(13, 190, 163, 0.2) 50%, rgba(13, 190, 163, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(13, 190, 163, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(13, 190, 163, 0.2) 50%, rgba(13, 190, 163, 0.2) 75%,
            transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(13, 190, 163, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(13, 190, 163, 0.2) 50%, rgba(13, 190, 163, 0.2) 75%,
            transparent 75%, transparent);
}

.ul_guide01Btn01 li:nth-child(5) a:hover {
    color: #ff8b23;
    background-color: rgba(255, 139, 35, 0.05);
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, rgba(255, 139, 35, 0.2)), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, rgba(255, 139, 35, 0.2)),
            color-stop(.75, rgba(255, 139, 35, 0.2)), color-stop(.75, transparent),
            to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 139, 35, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(255, 139, 35, 0.2) 50%, rgba(255, 139, 35, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 139, 35, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(255, 139, 35, 0.2) 50%, rgba(255, 139, 35, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 139, 35, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(255, 139, 35, 0.2) 50%, rgba(255, 139, 35, 0.2) 75%,
            transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 139, 35, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(255, 139, 35, 0.2) 50%, rgba(255, 139, 35, 0.2) 75%,
            transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 139, 35, 0.2) 25%, transparent 25%,
            transparent 50%, rgba(255, 139, 35, 0.2) 50%, rgba(255, 139, 35, 0.2) 75%,
            transparent 75%, transparent);
}

.ul_guideList01 a {
    max-width: 600px;
    margin: 0 auto;
    display: block;
}

.ul_guideList01 li {
    margin-bottom: 40px;
}

.txtBox_guide01 {
    background: #eee;
    border-radius: 1em;
    width: 100%;
    margin: 2rem auto 11rem;
    position: relative;
    padding: 1em;
    font-size: 2rem;
    font-weight: bold;
}

.txtBox_guide01::after,
.txtBox_guide01::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #eee;
}

.txtBox_guide01::before {
    border-radius: 100%;
    width: 5em;
    height: 2em;
    bottom: -1em;
    left: 60%;
    z-index: 1;
}

.txtBox_guide01::after {
    border-radius: 100%;
    width: 2.5em;
    height: 1em;
    bottom: -3.5rem;
    left: 75%;
    z-index: 1;
}

.txtBox_guide01PR {
    background-color: #d56683;
    border: 2px solid #d56683;
    border-radius: 1em;
    box-shadow: 2px 2px 0 #fff inset,
        -2px 2px 0 #fff inset,
        2px -2px 0 #fff inset,
        -2px -2px 0 #fff inset;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 1em;
    text-align: center;
}

.txtBox_guide02 {
    margin: 6rem auto;
    border: 3px double #1c8fcb;
    border-radius: 10px;
    background: #dff4ff;
    padding: 10rem 4rem 4rem 4rem;
    position: relative;
}

.txtBox_guide03 {
    margin: 1em auto;
    border: 3px double #9c8400;
    border-radius: 10px;
    background: #feffd7;
    padding: 1rem 2rem;
    position: relative;
}

.txtBox_guide03 h5 {
    color: #9c8400;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: .5em;
    padding-right: 2em;
}

.txtBox_guide03 p+p {
    margin-top: 1em;
}

.customer {
    background: #9c8400;
    border-radius: 100%;
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    height: 6em;
    line-height: 1.5em;
    right: -2em;
    position: absolute;
    padding: 1.5em 0;
    text-align: center;
    top: -2em;
    width: 6em;
}

.txtBox_guide04 {
    background: #ddd;
    width: 100%;
    margin: 0 auto 2rem;
    ;
    position: relative;
    padding: 1em;
    font-size: 1.8rem;
    text-align: center;
}

.txtBox_guide04:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -30px;
    left: 50%;
    margin-left: -100px;
    border-style: solid;
    border-color: #ddd transparent transparent transparent;
    border-width: 40px 100px 0 100px;
    z-index: 1;
}

.txtBox_guide04_1 {}

.txtBox_guide04_1 li {
    margin: 1em auto;
    border: 2px solid #00a82b;
    background: #fff;
    padding: 7rem 2rem 1rem 2rem;
    position: relative;
    margin-bottom: 20px;
}

.txtBox_guide01 h4 {
    color: #009225;
    font-size: 3rem;
    font-weight: bold;
}

.picBox_guide01 {
    position: absolute;
    width: 11%;
    height: auto;
    bottom: 0px;
    right: 0px;
    z-index: 2;
}

.btnBox_guide01 {
    background: url(../../img/guide/footer_mv01.jpg) no-repeat center center;
    background-size: cover;
    padding: 100px 0;
    text-align: center;
}

.picBox_guide01_1 {
    position: absolute;
    width: 15%;
    height: auto;
    bottom: -7rem;
    right: -1rem;
    z-index: 2;
}

.picBox_guide01_1::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #eee;
    border-radius: 100%;
    width: 1.5em;
    height: 1em;
    bottom: 1em;
    left: -3rem;
    z-index: 1;
}

.picBox_guide02 {
    display: flex;
    justify-content: space-between;
}

.picBox_guide02 li {
    width: 30%;
}

.picBox_guide02 dl,
.picBox_guide02 dt,
.picBox_guide02 dd {
    display: block;
}

.picBox_guide02 dl {
    background: #fff;
    border: 1px solid #1c8fcb;
    font-weight: 700;
    text-align: center;
}

.picBox_guide02 dt {
    background: #1c8fcb;
    color: #fff;
    font-size: 20px;
    position: relative;
}

.picBox_guide02 dt span,
.picBox_guide02 dd {
    font-size: 24px;
}

.picBox_guide02 dt span {
    background: #ff8b23;
    border-radius: 100%;
    display: inline-block;
    height: 1.6em;
    line-height: 1.6em;
    margin-left: .2em;
    position: absolute;
    text-align: center;
    top: -.15em;
    width: 1.6em;
}

.picBox_guide02 dd {
    padding: .5em;
}

.picBox_guide02 div {
    background: #fff url(../../img/guide/bg_picBox_guide02.png) 0 0;
    border: 2px solid #1c8fcb;
    margin: 1em 0 0 0;
    padding: .5em;
    position: relative;
}

.picBox_guide02 div::before {
    content: "";
    border-bottom: #1c8fcb solid 10px;
    border-left: transparent solid 10px;
    border-right: transparent solid 10px;
    position: absolute;
    top: -.7em;
    left: 50%;
    margin-left: -.5em;
}


.picBox_guide02 div span {
    color: #ff8b23;
    font-weight: 700;
}

.btnBox_guide01 {
    background: url(../../img/guide/footer_mv01.jpg) no-repeat center center;
    background-size: cover;
    padding: 100px 0;
    text-align: center;
}

.btnIllustBox_guide {
    background: #007a1f;
    padding: 20px 20px;
    position: relative;
}

.btnIllustBox_guide p,
.phone_num {
    color: #4c4c4c;
    font-size: 30px;
    font-weight: 700;
}

.btnIllustBox_guide .phone_num {
    display: inline-block;
    margin-left: 20px;
}

footer .phone_num {
    display: block;
}

.phone_num::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../img/icon_tel.png) no-repeat center center;
    background-size: contain;
    vertical-align: text-top;
}

.contact_tel,
.btnIllustBox_guide p.contact_tel {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: normal;
    margin-top: 50px;
}

.btnIllustBox_guide ul {
    display: flex;
    margin-top: 10px;
}

.btnIllustBox_guide li:first-child {
    margin-right: 2em;
}

.btnIllustBox_guide .btn_contact02,
.btnIllustBox_guide .btn_dl02 {
    border-radius: 10px;
    color: #007a1f;
    font-weight: 700;
    text-decoration: none;
    margin: 0;
}

.btnIllustBox_guide .btn_contact02 {
    background: #e1ffe2;
    border: 1px solid #e1ffe2;
}

.btnIllustBox_guide .btn_contact02:before {
    background-image: url(../img/icon_contact_g.png);
}

.btnIllustBox_guide .btn_dl02 {
    background: #fffabd;
    border: 1px solid #fffabd;
}

.btnIllustBox_guide .btn_dl02:before {
    background-image: url(../img/icon_dl_g.png);
}

.btnIllustBox_guide .btn_contact02:hover,
.btnIllustBox_guide .btn_dl02:hover {
    border-color: #007a1f;
    background-color: #fff;
}

.btnIllustBox_guide .imgBox_responsible {
    max-width: 424px;
    width: auto;
    height: auto;
    overflow: hidden;
    position: absolute;
    right: 10px;
    bottom: 0;
}

.boxttl_can_do {
    background: #0d7ab3;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    text-shadow: 0 2px 3px rgb(0, 0, 0, 0.6);
    position: absolute;
    padding: .5em;
    width: 104%;
    left: -2%;
    top: 2rem;
}

.boxttl_can_do::before,
.boxttl_can_do::after {
    content: "";
    position: absolute;
    bottom: -.5em;
}

.boxttl_can_do::after {
    border-right: .5em solid #004612;
    border-bottom: .5em solid transparent;
    left: 0;
}

.boxttl_can_do::before {
    border-left: .5em solid #004612;
    border-bottom: .5em solid transparent;
    right: 0;
}

.tit_question {
    background: #0dbea3;
    color: #fff;
    font-weight: 700;
    position: absolute;
    padding: .5em;
    width: 104%;
    left: -2%;
    top: 1em;
}

.tit_question::before,
.tit_question::after {
    content: "";
    position: absolute;
    bottom: -.5em;
}

.tit_question::after {
    border-right: .8em solid #005c18;
    border-bottom: .5em solid transparent;
    left: 0;
}

.tit_question::before {
    border-left: .8em solid #005c18;
    border-bottom: .5em solid transparent;
    right: 0;
}


.table_guide02box {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 5em 1fr 1fr 1fr;
    -ms-grid-columns: 5em 2px 1fr 2px 1fr 2px 1fr;
    grid-template-rows: auto auto auto;
    -ms-grid-rows: auto 2px auto 2px auto;
    grid-gap: 2px;
    gap: 2px;
}

.table_guide02box div {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    padding: .5em;
    width: 100%;
}

.table_guide02box p {
    font-size: 16px;
    font-weight: normal;
}

.table_guide02box div[class^="times"] {
    background: #1c8fcb;
    color: #fff;
}

.table_guide02box div[class^="theme"] {
    background: #e2e2e2;
    color: #1c8fcb;
}

.table_guide02box div[class^="destinat"] {
    background: #f3f3f3;
}

.table_guide02box .destinat1,
.table_guide02box .destinat2,
.table_guide02box .destinat3 {
    text-align: left;
}

.table_guide02box .times {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.table_guide02box .times1 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.table_guide02box .times2 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.table_guide02box .times3 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}

.table_guide02box .theme {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.table_guide02box .theme1 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.table_guide02box .theme2 {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.table_guide02box .theme3 {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
}

.table_guide02box .destinat {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.table_guide02box .destinat1 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.table_guide02box .destinat2 {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
}

.table_guide02box .destinat3 {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
}

.table_guide05 {
    margin: 0;
}

.table_guide05 th,
.table_guide05 td {
    font-size: 18px;
    border-top: 2px solid #fff;
    padding: .3em .4em;
    vertical-align: top;
}

.table_guide05 th {
    background: #f3a661;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.table_guide05 tr td:first-of-type {
    color: #ff8b23;
    font-weight: 700;
    width: 35%;
}

.table_guide05 tr td:nth-of-type(2) {
    text-align: center;
    width: 8em;
}

.table_guide05 tr th:first-of-type,
.table_guide05 tr td:first-of-type,
.table_guide05 tr th:nth-of-type(2),
.table_guide05 tr td:nth-of-type(2) {
    border-right: 1px solid #fff;
}

.table_guide05 p+p {
    margin-top: 1em;
}

.table_guide05 tr:nth-of-type(odd) td {
    background: #fff3e8;
}


.ul_guide01 {}

.ul_guide01 li {
    margin: 0 0 1em 1.25em;
    text-indent: -1.25em;
}

.ul_guide01 li::before {
    content: "";
    display: inline-block;
    background-color: #d15676;
    width: .7em;
    height: .7em;
    margin: 0 .5em 0 0;
}

.ul_case04 {
    display: flex;
    justify-content: space-between;
    padding: 3rem 0 0;
}

.ul_case04 li {
    font-size: 2.4rem;
    ;
    font-weight: bold;
    padding: 6rem 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 31%;
    background: url(../../img/guide/bg_li04.png) no-repeat center center;
    background-size: contain;
}

.ol_guideFlow01 {
    max-width: 640px;
    margin: 4rem auto 6rem;
}

.ol_guideFlow01 li {
    display: flex;
    justify-content: space-between;
}

.ol_guideFlow01 li:not(:last-of-type) {
    padding-bottom: 40px;
    background: url(../../img/guide/bgLi_flow01.png) repeat-y left 15% bottom;
    background-size: 4px auto;
}

.ol_guideFlow01 li .picBox_guideFlow01 {
    width: 30%;
}

.ol_guideFlow01 li .txtBox_guideFlow01 {
    width: 70%;
    padding: 10px 0 0 20px;
}



.btn02 {
    display: inline-block;
    background: #fff;
    border-radius: 40px;
    padding: 15px;
    box-shadow: 0px 5px 10px rgb(0, 0, 0, 0.8);
    font-size: 1.8rem;
    font-weight: bold;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
}

.btn02:hover {
    color: #fff;
    background: #e2ca00;
}

@media screen and (max-width: 920px) {
    .btnIllustBox_guide .imgBox_responsible {
        max-width: 35%;
    }

    .customer {
        right: -.5em;
    }

    .btnIllustBox_guide .phone_num {
        display: block;
        margin-left: 0;
    }
}

@media screen and (max-width: 870px) {
    .ul_guide01Btn01 {
        display: block;
    }

    .ul_guide01Btn01 li:first-child,
    .ul_guide01Btn01 li:nth-child(4) {
        border-left: 0;
    }

    .ul_guide01Btn01 li:nth-child(-n + 2),
    .ul_guide01Btn01 li:nth-child(n + 3) {
        width: 100%;
    }

    .ul_guide01Btn01 li:not(:first-child) {
        border-bottom: 1px solid #fff;
    }
}

@media screen and (max-width: 767px) {
    .picBox_guide01 {
        display: none;
    }

    .ul_guide01 li:last-child {
        margin-right: 5em;
    }

    .txtBox_guide01::before {
        left: 50%;
    }

    .txtBox_guide01::after {
        left: 65%;
    }

    .picBox_guide01_1 {
        bottom: -3em;
        right: 0;
        width: 15%;
    }

    .picBox_guide01_1::before {
        left: -3em;
        bottom: .5em;
    }

    .txtBox_guide02 {
        padding-bottom: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .picBox_guide02 {
        display: block;
    }

    .picBox_guide02 li {
        width: 100%;
    }

    .picBox_guide02 li:not(:last-child) {
        margin-bottom: 20px;
    }

    .txtBox_guide03 h5 {
        padding-right: 5em;
    }

    .table_guide05,
    .table_guide05 td {
        display: block;
    }

    .table_guide05 tr:first-of-type {
        display: none;
    }

    .table_guide05 tr td:first-of-type {
        width: 100%;
        background: #ff8b23;
        color: #fff;
        text-align: center;
    }

    .table_guide05 tr td:first-of-type,
    .table_guide05 tr td:nth-of-type(2) {
        width: 100%;
    }

    .table_guide05 tr td:nth-of-type(2) {
        text-align: left;
    }

    .table_guide05 tr td:nth-of-type(2)::before {
        content: "形式/数：";
    }

    .table_guide05 tr td:nth-of-type(3)::before {
        content: "【備考】";
        display: block;
    }


    .ul_case04 li {
        font-size: 2.6vw;
        padding: 3rem 0;
    }

    .txtBox_guide03 {
        font-size: 3.2vw;
    }

    .table_guide02box {
        grid-template-columns: 1fr;
        -ms-grid-columns: 1fr;
        grid-template-rows: repeat(9, auto);
        -ms-grid-rows: auto 2px auto 2px auto 2px auto 2px auto 2px auto 2px auto 2px auto 2px auto;
    }

    .table_guide02box .times,
    .table_guide02box .theme,
    .table_guide02box .destinat {
        display: none;
    }

    .table_guide02box .times1 {
        order: 1;
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .table_guide02box .theme1 {
        order: 2;
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .table_guide02box .destinat1 {
        order: 3;
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .table_guide02box .times2 {
        order: 4;
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }

    .table_guide02box .theme2 {
        order: 5;
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }

    .table_guide02box .destinat2 {
        order: 6;
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }

    .table_guide02box .times3 {
        order: 7;
        -ms-grid-row: 13;
        -ms-grid-column: 1;
    }

    .table_guide02box .theme3 {
        order: 8;
        -ms-grid-row: 15;
        -ms-grid-column: 1;
    }

    .table_guide02box .destinat3 {
        order: 9;
        -ms-grid-row: 17;
        -ms-grid-column: 1;
    }

    .btnIllustBox_guide {
        padding: 0 10px 80px;
    }


}

@media screen and (max-width: 720px) {
    .btnIllustBox_guide {
        padding-bottom: 0;
    }

    .btnIllustBox_guide .imgBox_responsible {
        position: relative;
        margin: 10px auto 0;
        max-width: 80%;
    }

    .btnIllustBox_guide ul li {
        width: 40%;
    }
}

@media screen and (max-width: 500px) {
    .txtBox_guide01::before {
        left: 40%;
    }

    .txtBox_guide01::after {
        left: 50%;
    }

    .picBox_guide01_1 {
        bottom: -3em;
        right: 0;
        width: 25%;
    }

    .picBox_guide01_1::before {
        left: -3em;
        bottom: .5em;
    }
}

@media screen and (max-width: 450px) {
    .ul_guide01 li:last-child {
        margin-right: 0;
    }

    .picBox_guide01_1 {
        bottom: -5em;
    }

    .picBox_guide01_1::before {
        left: -5rem;
        bottom: 2em;
    }

    .txtBox_guide02 {
        padding-top: 8em;
    }

    .txtBox_guide04_1 li {
        padding-top: 6em;
    }

    .btnIllustBox_guide ul {
        display: block;
    }

    .btnIllustBox_guide ul li {
        width: 100%;
    }

    .btnIllustBox_guide ul li:first-child {
        margin-bottom: 1em;
        margin-right: 0;
    }
}



@media screen and (max-width: 280px) {
    .txtBox_guide02 {
        padding-top: 10.5em;
    }

}

/*▲ご利用シーン end-*/