/* Theme Name: custom_biz */

@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');

/*--------------------------------------------------------------
All
--------------------------------------------------------------*/
body {
    width: 100%;
    /*font-family: 'Noto Sans JP', 'Noto Serif', 'Lato', sans-serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    overflow-x: hidden;
    font-size: 14px;
    margin: 0;
}
a {
    text-decoration: none;
    line-height: 1.6em;
    color: #0d47a0;
}
p {
    line-height: 1.6em;
	font-size: 14px;
}
h1 {
    font-size: 11px;
    font-weight: normal;
    padding: 0 1em .5em;
    display: inline-block;
}
h3 {
    font-size: 1.8em;
	color: #0d47a0;
}
h4 {
    font-size: 1.4em;
    line-height: 2em;
    display: inline !important;
}
h5 {
    display: block;
    font-size: 1.3em;
    -webkit-margin-before: .5em;
    -webkit-margin-after: .5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
img {
	max-width: 100%;
}
.txtRight {
	text-align: right;
}
.txtCenter {
    text-align: center;
}
.txtLeft {
    text-align: left;
}
.txtRed {
    color: #EB0003;
}
.notes {
    font-size: 11px !important;
}
h4 .notes {
    font-size: 11px !important;
    font-weight: normal;
    margin-left: 1.5em;
}
a.btn {
    padding: 1em 4em;
    margin: 0 auto;
    display: inline-block;
    border-radius: 5px;
    border: none;
    color: #fff;
	box-shadow: 0 3px #db8700;
    background: -webkit-linear-gradient(#ffac27, #ffac27 48%, #f29706 50%, #f29706);
    background: -o-linear-gradient(#ffac27, #ffac27 48%, #f29706 50%, #f29706);
    background: linear-gradient(#ffac27, #ffac27 48%, #f29706 50%, #f29706);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.btn {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.btn:hover {
    background: -webkit-linear-gradient(#f29706, #f29706);
    background: -o-linear-gradient(#f29706, #f29706);
    background: linear-gradient(#f29706, #f29706);
}
span.tel {
    font-size: 1.8em;
    font-weight: bold;
    display: block;
    font-family: "Arial Black", Gadget, "sans-serif";
    padding: .5em 0;
}
p.description {
	line-height: 1.8em;
	width: 75%;
	margin: 0 auto;
}
.headertopLink {
    float: right;
    font-size: 13px;
    padding: 0 1em;
}
.headertopLink a {
    margin-left: 1em;
}
.site-header {
    width: 100%;
    margin: 0 auto;
    padding: .5em 0;
    position: relative;
	border-top: 5px solid #0f5998;
    background: -webkit-linear-gradient(#e4e4e4, #fff 60%);
    background: -o-linear-gradient(#e4e4e4, #fff 60%);
    background: linear-gradient(#e4e4e4, #fff 60%);
}
.header-cont {
    width: 98%;
    display: inline-block;
    margin: 1%;
}
.headerLogo {
    width: 40%;
	float: left;
}
.headerLogo img {
    width: 56%;
    height: auto;
    padding-top: .5em;
}
.headerInfo {
    width: 55%;
	display: inline-block;
    padding: 1% 0 0;
	float: right;
}
.headerInfo .headerTel {
    width: 68%;
	float: left;
	display: inline-block;
}
.headerInfo .headerTel img {
	width: 58%;
	height: auto;
	float: left;
    padding: 0 !important;
    font-size: .7em;
}
.headerInfo .headerTel p {
	width: 40%;
    padding: 0 !important;
    margin: 0 0 0 2%;
    font-size: .7em;
	float: left;
}
.headerInfo .headerLink {
    width: 30%;
	margin-left: 2%;
    font-size: .9em;
	float: left;
    text-align: center;
}
.headerLink a.btn {
	width: 100%;
    padding: .8em 0;
    margin: 0 auto 1em;
}
.headerLink a.btn:hover {
    background: -webkit-linear-gradient(#f29706, #f29706);
    background: -o-linear-gradient(#f29706, #f29706);
    background: linear-gradient(#f29706, #f29706);
}
#spmenu {
    display: none;
}
.wrap {
    width: 1080px;
    padding: 4em 0 5em;
    margin: 0 auto;
    text-align: center;
}
.cover {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: -.5em;
}
.swiper-container {
    text-align: center;
}
.swiper-container .swiper-slide img {
    max-width: 100%;
    height: auto;
	margin-bottom: -3px;
}
.globalNav ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
}
.globalNav ul li {
    border-right: 1px solid #fff;
    width: 16.59%;
}
.globalNav ul li:last-child {
    border-right: none;
}
.globalNav ul li a {
    display: block;
    font-size: .8em;
    padding: 1.5em 0;
    color: #fff;
    background: -webkit-linear-gradient(#0d47a0, #0d47a0 48%, #073c89 50%, #073c89);
    background: -o-linear-gradient(#0d47a0, #0d47a0 48%, #073c89 50%, #073c89);
    background: linear-gradient(#0d47a0, #0d47a0 48%, #073c89 50%, #073c89);
}
.globalNav ul li a:hover {
    background: #073c89;
}
.st-accordion {
    width: 90%;
    margin: 2em auto;
}
.st-accordion img {
    width: 23.5%;
    height: auto;
    margin-right: 5%;
    float: left;
}
#introduce {
	background: url(../custom_biz/images/bg_pattern.jpg) no-repeat top;
	background-size: 100% auto;
}
h3 img {
    height: 1.6em;
    width: auto;
	margin-right: .3em;
    vertical-align: bottom;
}
.feature ul {
	width: 90%;
	display: flex;
    flex-wrap: wrap;
    list-style: none;
	margin: 2em auto;
}
.feature ul li {
    width: calc(46% - 20px);
    margin: 10px;
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 1.8%;
	background: #fff;
    box-shadow: 1px 2px 4px #efefef;
}
.feature ul li .inner {
    padding: 2%;
	text-align: left;
}
.feature ul li .inner img {
    width: 40%;
	margin-right: 3%;
	float: left;
}
.feature ul li .inner p {
	width: 57%;
	float: left;
    display: block;
}
b {
    display: inline-block;
    font-size: 1.2em;
    padding: 0 0 .5em;
}
.swiper-container-option {
    width: 90%;
	position: relative;
    overflow-x: hidden;
    padding: 0 2% 0 0;
    margin: 2em auto 3em;
}
.swiper-container-option .swiper-slide {
	width: 20%;
	text-align: center;
	border: 1px solid #ececec;
    border-radius: 5px;
	background: #fff;
    box-shadow: 1px 2px 4px #efefef;
}
.swiper-container-option .swiper-slide span {
    width: 100%;
    height: 12em;
    display: block;
    background: #aadae5;
}
.swiper-container-option .swiper-slide img {
    width: 50%;
    padding: 7% 0 0;
}
.swiper-container-option .swiper-slide p {
	height: 5em;
	font-size: .9em;
	color: #000;
}
.swiper-button-prev {
    background-image: url(../custom_biz/images/prev.svg);
    left: 15px;
    right: auto;
}
.swiper-button-next {
    background-image: url(../custom_biz/images/next.svg);
    right: 15px;
    left: auto;
}
#option .wrap {
	padding-top: 0 !important;
}
#option a.btn, #guide a.btn {
	background: #0d47a0;
	box-shadow: 0 3px #0b3470;
}
#option a.btn:hover, #guide a.btn:hover {
	background: #1357ba;
}
#bgGray {
    background: #f4f4f4 url(../custom_biz/images/bg_stripe.png);
}
.h4border {
    width: 87%;
    padding: 1.5em 0;
    margin: 2em auto;
    border-bottom: 1px solid;
    border-top: 1px solid;
}
.h4border h4 {
    margin-right: 3%;
}
.flow ul {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 2em;
}
.flow ul li {
    width: calc(30% - 30px);
    margin: 15px;
    list-style: none;
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 3% 1.5%;
    background: #fff;
    box-shadow: 1px 2px 4px #efefef;
    position: relative;
}
.flow ul li:first-child:before {
    content: 'STEP1';
    color: #fff;
    background: #8dd5e0;
    width: 40%;
    margin: 0 auto;
    padding: .2em 0;
    border-radius: 20px;
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
}
.flow ul li:nth-child(2):before {
    content: 'STEP2';
    color: #fff;
    background: #8dd5e0;
    width: 40%;
    margin: 0 auto;
    padding: .2em 0;
    border-radius: 20px;
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
}
.flow ul li:last-child:before {
    content: 'STEP3';
    color: #fff;
    background: #8dd5e0;
    width: 40%;
    margin: 0 auto;
    padding: .2em 0;
    border-radius: 20px;
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
}
.flow ul li img {
    width: 80%;
}
.postList {
    width: 70%;
    margin: 2em auto 5em;
    list-style: none;
    text-align: left;
}
.postList li {
    border-bottom: 1px solid #E5E5E5;
    position: relative;
}
.postList li:after {
    content: '▶︎';
	font-size: 9px;
    color: #aaa;
    position: absolute;
    right: 1%;
    top: 38%;
}
.postList li a {
    display: block;
    padding: 1.3em .5em;
}
.postList li a:hover {
    background: #f4f4f4;
}
.postList li .date {
    color: #000;
}
.postList li .title {
    display: inline;
    margin-left: 2em;
	text-decoration: underline;
}
.postList li .category {
    background: #0075c9;
    padding: .2em 1em;
    color: #fff;
    font-size: .8em;
    border-radius: 30px;
    position: absolute;
    right: 5%;
}
#information .supportInfo {
    width: 80%;
    margin: 0 auto;
    display: flex;
}
#information .supportInfo .left {
	width: 30%;
	border-right: 1px solid #aaa;
}
#information .supportInfo .left img {
    height: 5em;
}
#information .supportInfo .left b {
    display: block;
    margin-top: .5em;
}
#information .supportInfo .right {
    width: 70%;
    padding: 0 4%;
    text-align: left;
}
#information .supportInfo .right .numberArea {
    background: #f9f9f9;
    padding: 1.2em 1em;
    display: inline-block;
}
#information .supportInfo .right .numberArea b {
    margin-right: 3%;
    width: 42%;
}
#information .supportInfo .right .numberArea img {
    float: right;
    width: 55%;
}
#information .supportInfo .right p {
    margin-bottom: 0 !important;
}
.meo {
	margin: 0 auto 4em;
}
.meo a img{
	max-width: 500px;
	width: 100%;
}
#footerInfo {
    width: 100%;
	background: url(../custom_biz/images/bg_pattern.jpg) no-repeat top;
}
.contactInfo {
    width: 70%;
    background: #fff;
    padding: 1em 4%;
    margin: 1em auto 0;
    display: flex;
}
.contactInfo .left {
    width: 50%;
    text-align: left;
    margin-right: 5%;
}
.contactInfo .left img {
    width: 100%;
}
.contactInfo .right {
    width: 45%;
}
.contactInfo .right a.btn {
    margin: 11% 0;
}

/*footer*/
#footerCont .inner {
	width: 1080px;
	margin: 3em auto;
	display: flex;
}
#footerCont .col {
    width: 21%;
    float: left;
    margin-right: 3%;
    text-align: left;
}
#footerCont .col:nth-child(2) {
    width: 30%;
}
#footerCont .col:last-child {
    margin-right: 0;
}
#footerCont .col p {
    margin: 0;
}
#footerCont .col img {
	width: 100%;
	margin-bottom: 1em;
}
#footerCont .col li {
	list-style: none;
}
.copyright {
	clear: both;
    text-align: center;
    font-size: 10px;
    padding: .5em 0;
}
/*page*/
.pageHeader {
    background: #111 url(../custom_biz/images/bg_header.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center;
    padding: 4em 0;
    margin: 0 auto;
    text-align: center;
}
.pageHeader h2 {
    color: #fff;
    text-shadow: 1px 1px 5px #676767;
    letter-spacing: 2px;
}
.breadcrumbs {
    font-size: 13px;
    padding: .5em .5em 0;
}
#page-content .postList {
    width: 80%;
    margin: 0 auto 2em;
    list-style: none;
    text-align: left;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #e5e5e5;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #e5e5e5;
	background: #e5e5e5;
	font-weight: normal;
}
#archive .detail h3 {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 1em;
    margin: 0 auto .5em;
}
#archive .detail .date {
    text-align: right;
    padding-bottom: .6em;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 2em;
}
#archive .detail .date:before {
    content: url(../custom_biz/images/edit.svg);
	display: inline-block;
	width: 1.1em;
	margin-right: .2em;
}
#archive .detail .contentBody {
    text-align: left;
}
#yakkan .postList {
    margin: 3em auto;
}
#yakkan .postList li {
    padding: 1.3em .5em;
    display: inline-block;
    width: 100%;
}
#yakkan .postList li a {
	display: inline-block;
	padding: 0;
	float: right;
}
#yakkan .postList li:after {
    content: none;
}
#yakkan .postList li a {
    background: #ffffff;
    padding: .2em 2em;
    color: #0e459e;
    font-size: .8em;
    line-height: 2em;
    border-radius: 30px;
    border: 1px solid #0d469f;
    margin-top: .3em;
}
.flowSection {
	display: flex;
}
.flowSection span {
	display: block;
	width: 10%;
	background: #0d47a0;
	vertical-align: middle;
}
.flowSection span img {
    width: 50%;
    padding: 10%;
}
.flowSection h4 {
    background: #4f80ba;
    width: 100%;
    margin: 0;
    padding: 1em 0;
    color: #fff;
	font-style: normal;
}
#page_guide .block {
    width: 80%;
    background: #fff;
    display: inline-block;
    padding: 5% 10%;
    margin: 0 auto 5em;
    position: relative;
}
#page_guide .block:after {
    content: url(../custom_biz/images/arrow.png);
    position: absolute;
    bottom: -65px;
    left: 0;
    right: 0;
}
#page_guide .block.last {
    margin: 0;
}
#page_guide .block.last:after {
    content: none;
}
#page_guide .block.col2 img {
    width: 40%;
	float: left; 
}
#page_guide .block.col2 p {
    width: 55%;
	margin-right: 5%;
	float: left;
	text-align: left;
}
#page_guide dl dt {
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
}
#page_guide dl dd {
	margin: 0;
}
#page_guide dl dd .box {
	border: 1px solid #aaa;
	padding: 0 0 5%;
	margin: 2em 0 0;
}
#page_guide dl dd .box p {
	background: #D4D4D4;
	display: block;
	width: 100%;
	padding: 1em 0;
	margin: 0 auto 3em;
}
#page_guide dl dd ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#page_guide dl dd ul li {
    width: calc(49.77% - 5px);
    margin: 10px 10px 10px 0;
    height: 6em;
    list-style: none;
    border: 1px solid #aaa;
	position: relative;
}
#page_guide dl dd ul li:nth-child(even) {
	margin: 10px 0 10px 0 !important;
}
#page_guide dl dd ul li:nth-child(1):before {
    content: '1';
    font-size: 2em;
    color: #aaa;
    position: absolute;
    left: 6%;
    top: 23%;
}
#page_guide dl dd ul li:nth-child(2):before {
    content: '2';
    font-size: 2em;
    color: #aaa;
    position: absolute;
    left: 6%;
    top: 23%;
}
#page_guide dl dd ul li:nth-child(3):before {
    content: '3';
    font-size: 2em;
    color: #aaa;
    position: absolute;
    left: 6%;
    top: 23%;
}
#page_guide dl dd ul li:nth-child(4):before {
    content: '4';
    font-size: 2em;
    color: #aaa;
    position: absolute;
    left: 6%;
    top: 23%;
}
#page_guide dl dd ul li p {
	display: block;
	margin-left: 4em;
	text-align: left;
	padding: 1em;
}
#page_guide dl dd table {
    width: 50%;
    margin: 2em auto 0;
    float: left;
}
#page_guide dl dd table th {
	background: #e5e5e5;
	padding: 1em;
	font-size: 0.9em;
}
#page_guide dl dd table th.bgLbrue {
	width: 70%;
	background: #51a2ce;
	padding: 1em 0;
	color: #fff;
}
#page_guide dl dd table th.bgBrue {
	width: 70%;
	background: #4f80ba;
	padding: 1em 0;
	color: #fff;
}
#page_guide dl dd table td {
	padding: 2em 1em 1em;
	background: #f9f9f9;
}
#page_guide dl dd table td p {
	font-size: 11px;
	text-align: left;
}
#page_guide dl dd table td p span {
	display: block;
	width: 24%;
	text-align: center;
	border: 1px solid;
	padding: .6em 0;
	margin-right: 1em;
	float: left;
}
#page_guide dl dd table td img {
	max-width: 100%;
}
#page_guide .contactInfo {
    width: 94%;
    padding: 3%;
    border: 1px solid #dedede;
}
#page_option .optionList {
	display: flex;
	flex-wrap: wrap;
}
#page_option .box {
    width: calc(45%);
    margin-right: 4%;
    margin-bottom: 3em;
    border: 1px solid #f1f1f1;
    padding: 1em;
}
#page_option .box:nth-child(even) {
	margin-right: 0;
}
#page_option .box p {
	text-align: left;
	font-size: .9em;
	color: #000;
}
#page_option .box h5 span {
	margin: 0 1em;
}
#page_option .box h5 span.label {
    font-size: 13px;
    background: #DB0003;
    padding: .6em 1em;
    vertical-align: bottom;
	position: relative;
    color: #fff;
}
#page_option .box h5 span.label:after {
    border-left: 6px solid #DB0003;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: '';
    margin-top: -6px;
    position: absolute;
    right: -6px;
    top: 50%;
}
.mainSection, .subSection {
	margin: 3em auto 5em;
}
.mainSection img, .subSection img {
	width: 80%;
	max-width: 100%;
	margin: 2em auto;
}
.h4line h4:before {
    content: url(../custom_biz/images/line.svg);
    display: inline-block;
    width: 130px;
    height: auto;
    margin-right: 2em;
}
.h4line h4:after {
    content: url(../custom_biz/images/line.svg);
    display: inline-block;
    width: 130px;
    height: auto;
    margin-left: 2em;
}
.block {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    margin: 3em auto;
}
#option01 .block .planBox {
	width: calc(48%);
	margin: 0 4% 4% 0;
	background: #e7f7f7;
}
#option04 .block .featureBox {
	width: calc(48%);
	margin: 0 4% 4% 0;
}
#option04 .block .featureBox img {
	height: 120px;
	width: auto;
	max-width: 100%;
}
#option01 .block .planBox:nth-child(even), #option04 .block .featureBox:nth-child(even) {
	margin: 0 0 4% 0;
}
#option01 .block .planBox .title, #option04 .block .featureBox .title {
	background: #4db8c4;
	padding: .5em 0;
	color: #fff;
	font-weight: bold;
}
#option01 .block .planBox .detail, #option04 .block .featureBox .detail {
	padding: .5em 2em;
	text-align: center;
}
#option01 .block .planBox .detail p, #option04 .block .featureBox .detail p {
	text-align: left;
}
#option01 .block .planBox .detail ul {
	font-size: .9em;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 1em;
}
#option01 .block .planBox .detail ul li {
	list-style: none;
	width: calc(50%);
}
#option01 .block dl {
	width: calc(48%);
	margin: 0 4% 4% 0;
}
#option01 .block dl:nth-child(even) {
	margin: 0 0 4% 0;
}
#option01 .block dl dt {
	background: #e4f3f9;
	margin: 0 auto 1em;
	padding: .5em 0;
	font-weight: bold;
}
#option01 .block dl dd {
    text-align: left;
    line-height: 1.5em;
    margin: 0;
}
#option05 .mainSection .block .box, #option03 .mainSection .block .box {
    width: calc(32%);
    margin: 0 2% 2% 0;
    position: relative;
}
#option04 .mainSection .block .box {
    width: calc(28.8%);
    margin: 0 2% 2% 0;
    padding: 0 3% 0 0;
    position: relative;
    border-right: 1px solid #dadada;
}
#option05 .mainSection .block .box:last-child, #option03 .mainSection .block .box:last-child {
	margin: 0 0 2% 0;
}
 #option04 .mainSection .block .box:last-child {
	margin: 0 0 2% 0;
}
.block .box img {
	width: 90%;
}
.block .box .title img{
    height: 80px;
    width: auto;
    margin: 0 auto 1em;
}
#option03 .mainSection .block .itemBox {
	width: calc(48%);
	margin: 0 4% 4% 0;
	display: inline-block;
}
#option03 .mainSection .block .itemBox:nth-child(even) {
	margin: 0 0 4% 0;
}
#option03 .mainSection .block .itemBox img {
	width: 17%;
	margin: 0 3% 0 0;
	float: left;
}
#option03 .mainSection .block .itemBox .inner {
	width: 80%;
	float: left;
	text-align: left;
}
#option03 .mainSection .block .itemBox .inner p {
	margin: .5em 0;
	font-size: .9em;
}
#option03 .mainSection .block .itemBox .inner p.title {
	color: #EC8719;
}
#option04 .bnr img {
	width: 90%;
	margin: 0 auto 4em;
}
a.linkBtn {
    display: block;
    width: 20%;
    padding: .8em 0;
    border: 1px solid;
    margin: -2em auto 0;
}
.voice {
	width: 100%;
	background: #fff9e9;
	border-radius: 6px;
}
.voice .inner {
	width: 100%;
	display: inline-block;
	margin: 2em 2em 1.5em;
}
.voice .inner img {
	width: 20%;
	margin: 0 5% 0 0;
	float: left;
}
.voice .inner ul {
    width: 75%;
    float: left;
    text-align: left;
    margin: 0;
}
.voice .inner ul b {
	color: #ff911f;
}
#option05 .mainSection .block .caseBox {
	width: calc(48%);
	margin: 0 4% 4% 0;
	background: #f9f9f9;
	position: relative;
}
#option05 .mainSection .block .caseBox:nth-child(even) {
	margin: 0 0 4% 0;
}
#option05 .mainSection .block .caseBox .inner {
	margin: 2em;
	text-align: left;
}
#option05 .mainSection .block .caseBox img {
    width: 100%;
    margin: 0;
}
#option05 .mainSection .block .caseBox b {
	margin-left: 5em;
}
#option05 .mainSection .block .caseBox:nth-child(1):before {
	content: url(../custom_biz/images/label_case01.png);
	position: absolute;
	width: 100px;
	height: auto;
	top: 15px;
	left: -5px;
}
#option05 .mainSection .block .caseBox:nth-child(2):before {
	content: url(../custom_biz/images/label_case02.png);
	position: absolute;
	width: 100px;
	height: auto;
	top: 15px;
	left: -5px;
}
#option05 .mainSection .block .caseBox:nth-child(3):before {
	content: url(../custom_biz/images/label_case03.png);
	position: absolute;
	width: 100px;
	height: auto;
	top: 15px;
	left: -5px;
}
#option05 .mainSection .block .caseBox:nth-child(4):before {
	content: url(../custom_biz/images/label_case04.png);
	position: absolute;
	width: 100px;
	height: auto;
	top: 15px;
	left: -5px;
}
.subSection table {
	width: 100%;
	margin: 0 auto;
}
.subSection table th {
	background: #e4f3f9;
	padding: 1em;
}
.subSection table td {
	background: #f9f9f9;
	padding: 1em;
}
#sitemap ul {
    width: 80%;
    margin: 0 auto;
}
#sitemap ul li {
    text-align: left;
    list-style: none;
}
#sitemap ul li a {
    display: block;
    border-bottom: 1px dotted #cecece;
    width: 100%;
    padding: 1em;
}
#sitemap ul ul {
    width: 90%;
    margin: 0;
	text-indent: 1em;
	border-bottom: 1px dotted #cecece;
}
#sitemap ul ul li a {
    border-bottom: none;
}
#sitemap ul ul li a:before {
    content: '-';
	margin-right: 1em;
}

/*-----------------------------------
MW WP Form
------------------------------------*/
#form p {
	display: block;
	background: #F7F7F7;
	padding: 2em;
}
#form .tel img {
    width: 280px;
    margin: 0;
}
#form strong {
	font-size: 2em;
}
#form input, #form textarea, #form select {
    border: 1px solid #ccc;
    line-height: 1.5em !important;
	padding: .5em;
	margin: .5em 0;
	vertical-align: middle;
}
#form .form-btn-area input {
	padding: 1.5em 4em;
}
#form .mwform-checkbox-field label {
	width: auto;
	display: inline;
}
#form .mwform-checkbox-field input {
	margin-right: .5em;
}
#form ul {
	text-align: left;
	width: 80%;
	margin: 0 auto 2em;
}
#form ul li {
	border-bottom: 1px dotted #cecece;
	padding: 1em 0;
	list-style: none;
}
#form input[type="submit"] {
	background: #0d47a0;
	padding: 1.5em 6em;
	cursor: pointer;
	border: none;
	color: #fff;
	border-radius: 3px;
	box-shadow: 0 3px #0b3470;
}
#form input[type="submit"]:hover {
	background: #1357ba;
}
.required {
    color: #e46f6f;
    font-size: 0.8em;
}

/*--------------------------------------------------------------
Tablet
--------------------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:1024px) {
.wrap {
    width: 100%;
    padding: 4em 0 5em;
    margin: 0 auto;
    text-align: center;
}
a.btn {
	font-size: .8em;
}
.globalNav ul li {
    border-right: 1px solid #fff;
    width: 16.55%;
    font-size: 9px;
}
.postList {
    width: 83%;
    margin: 2em auto 5em;
    list-style: none;
    text-align: left;
}
#information .supportInfo {
    width: 90%;
    margin: 0 auto;
    display: flex;
}
#footerCont .inner {
    width: 98%;
    margin: 3em auto;
    display: flex;
}
#footerCont .inner a, #footerCont .inner p {
    font-size: 12px;
}
#page_guide .block {
    background: #fff;
    display: inline-block;
    padding: 5% 10%;
    margin: 0 auto 5em;
    position: relative;
    width: 80%;
}
img {
	max-width: 100%;
}
#page_guide dl dd .box img {
    width: 90%;
	margin: 0 auto;
}
#page_guide dl dd ul li {
    width: calc(49.6% - 5px);
}
#page_guide dl dd ul li p {
    font-size: .9em;
}
}

/*--------------------------------------------------------------
Smartphone
--------------------------------------------------------------*/
@media screen and (min-width:320px) and ( max-width:765px)  {
	
#wrapper {
	width: 100%;
    overflow-x: hidden;
}
.headertopLink {
    display: none;
}
#spmenu {
    display: block;
}
.drawer-hamburger {
    background: #0f5998 !important;
	width: 1.8rem;
    padding: 15px .75rem 26px;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    background-color: #fff;
	height: 1px;
}
.drawer-nav {
    z-index: 10;
    background: #0f5998;
    padding: 20% 0 0;
}
.drawer-nav a {
	color: #fff !important;
    display: block;
    padding: 1em;
    border-bottom: 1px solid #1c4773;
}
.headerLogo {
    width: 60%;
}
.headerLogo img {
    width: 100%;
    height: auto;
    padding-top: 0;
}
.headerInfo {
	display: none;
}
h1 {
    width: 80%;
}
h3 {
    font-size: 1.5em;
    font-style: italic;
}
a.btn {
    padding: 1em 3em;
}
.swiper-button-next, .swiper-button-prev {
}
.globalNav {
	display: none;
}
.wrap {
    width: 90%;
	padding: 2em 0 3em;
}
.wrap img {
    max-width: 100%;
}
p.description {
    line-height: 1.8em;
	font-size: .9em;
    width: 96%;
}
.feature ul {
    width: 100%;
    margin: 2em auto;
}
.feature ul li {
    width: calc(100%);
    margin: 10px auto;
}
#guide .inline {
    width: 100%;
}
#guide .inline h4 {
    margin-right: 0;
}
#guide .inline span {
    display: block;
}
.flow ul {
    width: 100%;
}	
.flow ul li {
    width: calc(100%);
    margin: 15px auto;
	padding: 10% 4%;
}
.postList {
    width: 100%;
    margin: 2em auto 3em;
    list-style: none;
    text-align: left;
}
.postList li a {
    display: block;
    padding: 1.3em 1em 1.3em 0.5em;
}
.postList li .title {
    display: inline;
    margin-left: 0;
    text-decoration: underline;
}
.postList li .category {
    display: none;
}
#information .supportInfo {
    width: 100%;
    margin: 0 auto;
    display: block;
}
#information .supportInfo .left {
    width: 100%;
    border-right: none;
}
#information .supportInfo .right {
    width: 100%;
    padding: 0;
    text-align: left;
}
#information .supportInfo .right .numberArea b {
    margin-right: 3%;
    width: 27%;
    font-size: .8em;
}
#information .supportInfo .right .numberArea img {
    float: right;
    width: 70%;
}
.contactInfo {
    width: 90%;
    background: #fff;
    padding: 5%;
    margin: 1em auto 0;
    display: block;
}
.contactInfo .left {
    width: 100%;
    text-align: left;
    margin-right: 0;
}
.contactInfo .right {
    width: 100%;
}
.contactInfo .right a.btn {
    margin: 0 auto 1em;
}
#footerCont .inner {
    width: 90%;
    margin: 3em auto;
    display: block;
}
#footerCont .col {
    width: 100% !important;
    margin: 0 auto 1em !important;
}
#footerCont .col img {
    width: 85%;
    margin: 0 auto 3em;
    display: block;
}
#form p {
    width: 90%;
    padding: 5%;
    font-size: .8em !important;
}
#form ul {
    text-align: left;
    width: 100%;
    margin: 0 auto 2em;
}
#form input, #form textarea, #form select {
    max-width: 96%;
}
#page-content .postList {
    width: 100%;
    margin: 0 auto 1em;
}
.flowSection span {
	position: relative;
    width: 20%;
}
.flowSection span img {
    width: 50%;
    padding: 0;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 35%;
    bottom: 0;
}
.flowSection h4 {
    padding: 1em;
    line-height: 1.5em;
    text-align: left;
}
#page_guide dl dd .box p {
    margin: 0 auto 1em;
}
#page_guide dl dd .box img {
    width: 90%;
}
#page_guide dl dd ul li {
    width: 100%;
    margin: 10px auto;
    height: auto;
}
#page_guide dl dd table {
    width: 100%;
    margin: 2em auto 0;
    float: none;
}
#page_guide dl dd table th.bgLbrue {
    width: 84%;
}
#page_guide dl dd table th.bgBrue {
    width: 84%;
}
#page_option .box {
    width: calc(100%);
    margin-right: 0;
    margin-bottom: 3em;
    border: 1px solid #f1f1f1;
    padding: 1em;
}
#page_option .box h5 span.label {
    font-size: 10px;
}
.block {
    width: 100%;
}
.block .box img {
    width: 90%;
	margin: 0 auto;
}
#option01 .block .planBox {
    width: calc(100%);
    margin: 0 auto 4%;
}
#option01 .block dl {
    width: calc(100%);
    margin: 0 auto 4%;
}
#option03 .mainSection .block .itemBox {
    width: calc(100%);
    margin: 0 auto 4%;
    display: inline-block;
}
a.linkBtn {
    display: block;
    width: 60%;
}
.voice .inner img {
    width: 35%;
    margin: 0 auto;
    float: none;
}
.voice .inner ul {
    width: 80%;
    float: none;
    text-align: left;
    margin: 0;
}
#option05 .mainSection .block .box, #option03 .mainSection .block .box {
    width: calc(100%);
    margin: 0 auto 2%;
    position: relative;
}
#option04 .mainSection .block .box {
    width: calc(100%);
    margin: 0 auto 2%;
    padding: 0;
    position: relative;
    border-right: none;
}
#option04 .block .featureBox {
    width: calc(100%);
    margin: 0 auto 4%;
}
#option05 .mainSection .block .box {
	width: calc(100%);
	margin: 0;
	position: relative;
}
#option05 .block .planBox:nth-child(even) {
	margin: 0;
}
#option05 .mainSection .block .caseBox {
    width: calc(100%);
    margin: 0 auto 1em !important;
}
.h4line h4:before, .h4line h4:after {
    content: none;
}
#sitemap ul {
    width: 90%;
    margin: 0;
}
}

/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
h1 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
h2 {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
h3 {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
h4 {
    display: block;
    -webkit-margin-before: .5em;
    -webkit-margin-after: .8em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}