/*.icon-pdf{
	background: url(/service/webletter/img/index/icon-pdf.png) no-repeat 10px 0;
	padding-left: 50px;
	display: inline-block;
}
.icon-xls{
	background: url(/service/webletter/img/insert/icon_xls.png) no-repeat 10px 0;
	padding-left: 50px;
	display: inline-block;
}
*/
/*=============================================================
Foundation
=============================================================*/
#main-box{width:auto !important; margin:auto; font-size:14px;}
/*
#main-box {
	width: 960px !important;
	margin: 0 15px;
	text-align: left;
}*/
/*#main-box ol,
#main-box ul {
	font-size: 87.5%;
}*/
#main-box ol ol,
#main-box ol ul {
	font-size: inherit;
}
#main-box p {
	line-height: 1.7;
	margin-bottom: 0.8em;
}
#utility ul {
	font-size: 100%;
}
.match-height {
	margin-bottom:0px!important;
}
span.mkr-nav-r {
	background-position: left center;
}
.size30, .mt-0 {
	margin-bottom: 0em!important;
}
.size20 {
	margin-bottom: 5px!important;
	margin-top: 5px!important;
}
.item-middle {
	margin-top: 2.78em!important;
}
.height-au-01 {
	margin-top: 18px!important;
}
.height-au-02 {
	margin-top: 46px!important;
}
.height-au-03 {
	margin-bottom: -5px!important;
}

/*=============================================================
Object - Component
=============================================================*/


/*----------------------------------
2カラム分割
----------------------------------*/

.c-row {
	overflow: hidden;
}
.c-row:after {
	display: block;
	clear: both;
	content: '';
}
.c-row__col {
	float: left;
	width: 48%;
}
.c-row__col:first-child {
	margin-right: 4%;
}
.auto-height{
	height: auto!important;
}

/*----------------------------------
見出し
----------------------------------*/

/*.webletter-top {
	margin-bottom: 0;
	padding: 10px 20px;
	border-top: 8px solid #cb0000;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.c-ttl--bg {
	line-height: 40px !important;
	height: 40px;
	padding-left: 20px;
	background: url(/service/webletter/img/common/h2_bar.gif) no-repeat left top !important;
}
.c-ttl--accent {
	position: relative;
	line-height: 1.5 !important;
	padding-left: 20px;
	background: none !important;
}
.c-ttl--accent:before {
	position: absolute;
	top: 4px;
	left: 0;
	display: inline-block;
	width: 14px;
	height: 14px;
	content: '';
	vertical-align: middle;
	background-color: #cb0000;
}
.c-ttl--line {
	font-size: 100%;
	display: inline-block;
	padding-bottom: 0;
	padding-left: 10px;
	color: inherit;
	border-bottom: none;
	border-left: 4px solid #9d936d;
	*display: inline;
	*zoom: 1;
}
*/
/*----------------------------------
ボタン
----------------------------------*/
a.c-btn{
	text-decoration: none !important; border-radius:5px; display:inline-block; font-weight:400; position:relative; transition: .3s; z-index: auto; margin:1em auto;
	font-size:1rem;padding:1.1em 2em; background:#cc0000; color:#FFF; min-width:30%; font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
}
a.c-btn:after {font-family: 'yubin';font-size: 130%;position: absolute;top: 50%;right: .5em;content: '\f105';transform: translate(-50%, -50%);}
a.c-btn span.mk-popup:after{color:#FFF; font-weight:normal; content:none !important;}
a.c-btn[target="_blank"]::after {
    content: "\e924" !important; font-size:1.1rem !important;
}


/*.c-btn {
	display: inline-block;
	padding: .75em 44px .75em 54px;
	text-decoration: none !important;
	color: #fff !important;
	border-radius: 5px;
	background: #cb0000 url(/service/webletter/img/common/arrow_circle_red.png) no-repeat 10px center;
	*display: inline;
	*zoom: 1;
}
.c-btn--letax {
	font-size: 160%;
	font-weight: bold;
	line-height: 100px;
	width: 485px;
	height: 105px;
	padding: 0;
	background: url(/service/webletter/img/common/btn_big_green.png) no-repeat left top;
}
.c-btn--red{
	font-size: 120%;
	font-weight: bold;
	line-height: 40px;
	width: 377px;
	height: 40px;
	padding: 10px 50px;
	background-color: rgb(210, 0, 12);
	background-image: none;
	border-radius: 0;
}*/

/*----------------------------------
リスト
----------------------------------*/

.c-list--disc {
	padding-left: 0;
}
.c-list--disc li {
	position: relative;
	padding-left: 16px;
}
.c-list--disc li:before {
	position: absolute;
	top: .4em;
	left: 0;
	display: block;
	width: 6px;
	height: 6px;
	content: '';
	border-radius: 3px;
	background: #9e956e;
}
.c-list--check li {
	background: url(/service/webletter/img/common/check.png) 0 6px no-repeat;
	padding-left: 25px;
	margin-bottom: 5px;
}
.btn-web {
	margin: 5px 0 30px!important;
}
.btn-web .c-btn--red {
	font-size: 100%;
	font-weight: bold;
	line-height: 23px;
}
.text-01{
	font-weight: bold;
	padding-right: 40px;
	font-size: 120%!important;
	position: relative;
	color: rgb(0, 0, 0);
}
.text-01:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 45px solid rgba(0, 0, 0, 0);
	border-bottom: 45px solid rgba(0, 0, 0, 0);
	border-left: 22px solid rgb(210, 0, 12);
	top: calc(50% - 45px);
	left: -70px;
}


/*----------------------------------
ページ上部に戻る
----------------------------------*/

.c-pagetop {
	text-align: right;
}
.c-pagetop a {
	padding-left: 16px;
	background: url(/service/webletter/img/common/icon_page_top.gif) no-repeat left center;
}

/*=============================================================
Object - Project
=============================================================*/


/*----------------------------------
 アイキャッチ
 ----------------------------------*/

 .p-eyecatch {
 	position: relative;
 	overflow: hidden;
 	min-height: 220px;
 	border: 1px solid #ccc;
 	overflow: hidden;
 }
 .p-eyecatch__bg {
 	position: absolute;
 	top: 0;
 	/*height: 100%;*/
 	width: 100%;
 	right: 0;
 }
 .p-eyecatch p {
 	position: relative;
 	margin-left: 20px!important;
 }
 #main-box p.p-lead {
 	font-size: 130% !important;
 	margin-top: 20px;
 	line-height: 1.2; margin-bottom:5px;
 	font-weight: bold;
 }


 #main-box .p-lead + p {
 	font-size: 90% !important;
 	line-height: 1.5;
 }

 #main-box .lead-benefit{
 	margin: 0;
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	border: 3px solid rgb(230, 230, 230);
 	margin: 10px 270px 10px 10px;
 	padding: 5px 10px;
 	position: relative;
 	background-color: rgb(255, 255, 255);
 	margin-left: 20px;
 }

 #main-box .lead-benefit li{
 	margin: 0;
 	list-style: none;
 }

 #main-box .lead-benefit li + li{
 	padding-left: 20px;
 }

 #main-box .lead-benefit li .title{
 	color: #D2000C;
 	font-weight: bold;
 }

 #main-box .lead-benefit li p {
 	/*font-size: 80%;*/
 	font-size: 100%;
 	margin: 0!important;
 }

 #main-box .p-title{
 	text-align: center;
 	color: #000;
 	margin: 30px 0;
 	font-size: 158%;
 	background: none;
 }

 .list-menu{
 	font-size: 16px;
 }
 .list-menu h3{
 	background: none!important;
 	color: rgb(210, 0, 12);
 	font-weight: bold!important;
 }
/* .list-menu .menu-col + .menu-col{
 	padding-left: 4.5rem;
 }*/
 .list-menu .sub-title{
 	font-weight: bold;
 }
 .list-menu .menu-last{
 	margin-top: 1.5rem!important;
 }
 #main-box .list-menu .sub-title{
 	margin-bottom: 0;
 }
 #main-box .list-menu ul{
 	margin-top: 0;
 }

 .list-miritto{
 	margin-bottom: 30px;
 	margin-top: 30px;
 	margin-left: 0.8em;
 }
 .list-miritto .item-miritto {
 	width: 33.333%;
 	padding-right: 30px;
 }
/*.list-miritto .item-miritto + .item-miritto{
	padding-left: 50px;
	}*/
	.list-miritto .item-miritto span {
		background-color: rgb(210, 0, 12);
		color: rgb(255, 255, 255);
		border-radius: 7px;
		font-size: 14px;
		display: inline-block;
		padding: 2px 15px;
		position: relative;
		left: -12px;
		z-index: 1;
	}
	.list-miritto .item-miritto .inner {
		border: 1px solid rgb(204, 204, 204);
		padding: 30px 15px 5px;
		font-size: 14px;
		margin-top: -20px;
		position: relative;
	}
	.list-miritto .item-miritto .inner .title{
		font-size: 100%;
		font-weight: bold;
	}
	.position-fixed{
		transition:  linear;
		position: fixed;
		width: 100%;
		height: auto;
		background-color: rgb(255, 255, 255);
		top: 0;
		left: 0;
		padding: 20px 20px 20px 20px;
		margin: 0px;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		z-index: 2;
	}

/*----------------------------------
 索引
 ----------------------------------*/

 .p-anchors dt,
 .p-anchors dd {
 	font-size: 90%;
 	display: inline-block;
 	*display: inline;
 	*zoom: 1;
 }
 .p-anchors dt,
 .p-anchors a {
 	height: 25px;
 	padding: 0 .35em;
 	border-width: 2px;
 	border-style: solid;
 	border-radius: 5px;
 }
 .p-anchors dt{
 	line-height: 25px;
 }
 .p-anchors a {
	line-height: 23px;
}

 .p-anchors dt {
 	color: #fff;
 	border-color: #727171;
 	background: #727171;
 }
 .p-anchors dd {
 	margin-left: 0;
 }
 .p-anchors a {
 	display: block;
 	text-decoration: none;
 	color: #cb0000;
 	border-color: #cb0000;
 }
 .p-anchors a:before {
 	display: inline-block;
 	margin-right: .25em;
 	content: url(/service/webletter/img/common/arrow_down_link.gif);
 	vertical-align: middle;
 	margin-top: -0.2em;
 }

/*----------------------------------
 かんたん3ステップ
 ----------------------------------*/

 .p-step {
 	overflow: hidden;
 	padding: 0;
 	list-style: none;
 	margin-bottom: 30px;
 }
 .p-step li {
 	position: relative;
 	display: block;
 	float: left;
 	width: 300px;
 	margin-left: 30px;
 	/*background: #f3f1e2;*/
 }
 .p-step li:first-child {
 	margin-left: 0;
 }
 .p-step__ttl {
 	display: table;
 	width: 100%;
 }
 .p-step__ttl>* {
 	display: table-cell;
 	vertical-align: middle;
 }
 .p-step__ttl>span {
 	font-size: 150%;
 	width: 60px;
 	height: 60px;
 	text-align: center;
 	color: #fff;
 	background: #9e956e;
 }
 .p-step__ttl small {
 	font-size: 55%;
 	display: block;
 	width: 100%;
 }
 .p-step__ttl>strong {
 	font-size: 105%;
 	padding: 0 1em 0 .5em;
 	color: #594c3c;
 }
 .p-step__body {
 	text-align: center;
 }

 .title-video{
 	background: url(/service/webletter/img/index/bg1.png) no-repeat center top;
 	padding: 12px;
 	text-align: center;
 	/*font-size: 80%;*/
 	font-weight: bold;
 	height: 70px;
 	margin: 40px 0 20px;
 }

/*----------------------------------
メリット
----------------------------------*/

.p-merit {
	overflow: hidden;
	padding: 0;
	list-style: none;
}
.p-merit:after {
	display: block;
	clear: both;
	content: '';
}
.p-merit>li {
	display: block;
	float: left;
	width: 32%;
	margin-bottom: 2%;
	margin-left: 2%;
	background: #f3f1e2;
}
.p-merit>li:first-child {
	margin-left: 0;
}
.p-merit__newrow {
	clear: left;
	margin-left: 0 !important;
}
.p-merit__ttl {
	display: table;
	width: 100%;
}
.p-merit__ttl>* {
	display: table-cell;
	vertical-align: middle;
}
.p-merit__ttl>span {
	font-size: 250%;
	width: 90px;
	height: 90px;
	text-align: center;
	color: #fff;
	background: #9e956e;
}
.p-merit__ttl small {
	font-size: 40%;
	display: block;
	width: 100%;
}
.p-merit__body {
	box-sizing: border-box;
	min-height: 206px;
	padding: 10px;
}
.p-merit__body p:first-child {
	line-height: 1.5 !important;
	color: #594c3c;
}
.p-merit__body--large {
	min-height: 235px;
}
.p-merit__body strong {
	font-size: 120%;
}
/*.list-item{
	margin-left: -15px;
	margin-right: -15px;
}
.list-item .item{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
	width: 33.333%;
}*/
.item-last {
	margin-top: -3.1em;
}
.list-item .item .title{
	background-color: #A09471;
	color: #fff;
	padding: 5px 10px;
	letter-spacing: 2px;
	text-align: center;
}
.list-item .item .inner{
	padding: 14px;
	background-color: #F4F1E3;
}

.list-item .item .inner a{
	display: block;
	text-decoration: underline;
	color: #000;
	font-size: 14px;
}


/*----------------------------------
価格表
----------------------------------*/

.p-price table {
	font-weight: bold;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	text-align: center;
}
.p-price td,
.p-price th {
	padding: 10px;
}
.p-price th {
	background: #f2f1e2;
}

/*----------------------------------
ご利用の流れ
----------------------------------*/

.p-process {
	padding-left: 0;
	list-style: none;
}
.p-process dl {
	display: table;
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}
.p-process dl>* {
	display: table-cell;
	vertical-align: top;
}
.p-process dt {
	font-weight: bold;
	width: 175px;
	border-right: 1px solid #ccc;
	background: #f3f1e2;
}
.p-process dt strong {
	line-height: 30px;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 5px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	background: #9e956e;
	*display: inline;
	*zoom: 1;
}
.p-process dt span {
	display: inline-block;
	width: 125px;
	margin-top: 10px;
	*display: inline;
	*zoom: 1;
}
.p-process dd {
	padding: 20px;
}
.p-process dd h4 {
	font-size: inherit;
	margin-top: 10px;
}
.p-process dd>*:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.p-process dd>*:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/*----------------------------------
サービス一覧
既存の #related を拡張
----------------------------------*/

.p-related__col {
	float: left;
	width: 32%;
	margin-left: 1%;
	*margin-left: .5%;
}
.p-related__col:first-child {
	width: 34%;
	margin-left: 0;
}
.p-related__ttl--rows {
	height: 3em;
}
#related ul {
	font-size: 100%;
}
#related h5 {
	margin: 0;
}

.list-lead {
	position: relative;
	margin: 30px 20px!important;
}

.list-lead li + li{
	padding-left: 40px;
}
.list-lead .title{
	color: rgb(208, 0, 12);
	border-radius: 4px;
	padding: 4px 10px;
	font-weight: bold;
	border: 1px solid rgb(208, 0, 12);
	display: inline-block;
	margin-bottom: 10px;
}
.list-lead p{
	font-weight: bold;
	margin: 0!important;
	padding: 0;
}
.box01 {
	background-color: rgb(240, 239, 224);
	padding: 30px 30px 0;
	position: relative;
	margin-bottom: 4rem;
}
.box01 > div{
	margin-left: -30px;
	margin-right: -30px;
}
.box01:after{
	content: '';
	width: 100%;
	height: 100px;
	background: url(/service/webletter/img/marit/arrow.png) no-repeat center top;
	display: block;
	position: absolute;
	bottom: -95px;
	left: 0;
}
.box01 .d-flex .item{
	text-align: center;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 1.25rem;
}

.box01 .d-flex .item + .item:before {
	content: '+';
	font-size: 2rem;
	color: rgb(208, 0, 12);
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
	left: -10px;
	position: absolute;
}
.number-col{
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

.number-col>span{
	border-radius: 20px!important;
	padding: 5px 10px!important;
	display: inline-block!important;
	border: 1px solid rgb(151, 151, 151);
}
.number-col:last-child>span{
	border: 1px solid rgb(245, 65, 82);
}
.text-group{
	font-size: 100%!important;
}
.box--pl{
	padding-left: 11rem;
}
.box-video-list .item{
	margin-bottom: 2rem;
}
.box-video-list .item a{
	text-decoration: none;
}
.box-video-list .item span{
	border: 1px solid #D2000C;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #D2000C;
	font-weight: bold;
	padding: 2px 2rem;
	margin: 0 1.25rem 1rem;
	display: block;
	text-align: center;
	font-size: 80%;
}
.comment-bottom{
	position: relative;
	margin-left: 450px;
	margin-top: 20px;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px;
}

.list-column {
	background-color: rgb(230, 230, 230);
	padding: 20px 15px;
	font-size: 13px;
}

.list-column .item{
	width:20%; padding:1% 2% 1% 1%;
}
	.list-column .item:last-child{
		padding-right:1%;
	}

/*.list-column .item + .item{
	padding-left: 30px;
}
*/
.list-column .item + .item .thumbnail{
	position: relative;
}

.list-column .item + .item .thumbnail:before{
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #ED1C24;
	left: -20px;
	top: 30px;
}
.list-column .item .thumbnail{
	margin-top: 10px;
}
.title-text{
	margin: 30px 0 15px; font-size:1rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold;
}
.title-text span {
	position: relative;
	padding: 0 5px;
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 3px;
	background: linear-gradient(transparent 57%, #FF7683 30%);
}
.title-text span:after{
	content: '';
	width: 100%;
	height: 7px;
	background-color: rgb(255, 118, 131);
	position: absolute;
	bottom: 3px;
	left: 0;
	z-index: -1;
}
.tb-wrap{
	background-color: #E6E6E6;
	padding: 20px;
}
.tb-wrap table{
	border-collapse: separate;
	border-spacing: 5px;
	border: none;
}
.tb-wrap th,
.tb-wrap td{
	background-color: #FFF;
	padding: 20px;
	border: none;
}
.tb-wrap table th{
	text-align: center;
	width: 185px;
}
.tb-wrap table td{
	text-align: left;
}

.template-list {
	margin-top: 3rem;
}

.template-list .list-item {
	border: 1px solid rgb(204, 204, 204);
	/*padding: 20px;*/
	text-align: center;
	position: relative;
	margin-bottom: 4rem;
	width: 99%;
	margin-left: 0.5%;
}

.template-list .list-item + .list-item:after{
	content: '';
	width: 100%;
	height: 30px;
	background: url(/service/webletter/img/template/arrow.png) no-repeat center top;
	position: absolute;
	top: -50px;
	left: 0;
}

.template-list .list-item > span {
	border-radius: 40px;
	padding: 4px 30px;
	background-color: rgb(210, 0, 12);
	color: rgb(255, 255, 255);
	text-align: center;
	display: inline-block;
	/*margin-top: -40px;*/
	position:relative;
	top:-15px;
}

/*=============================================================
Object - Utility
=============================================================*/


/* 背景・線 */

.u-has-border {
	border: 1px solid #ccc;
}
.u-bg--yellow {
	background: #f3f1e2;
}
.u-bg--gray {
	background: #eee;
}
.u-bg--red {
	background: #fae4e6;
}

/* float */

.u-pull--left {
	float: left;
}
.u-pull--right {
	float: right;
}
.u-clearfix {
	overflow: hidden;
}
.u-clearfix:after {
	display: block;
	clear: both;
	content: '';
}

/* テキスト装飾 */

.u-text--center {
	text-align: center;
}
.u-text--right {
	text-align: right;
}
.u-text--left {
	text-align: left;
}
.u-text--s {
	font-size: 80% !important;
}
.u-text--l {
	font-size: 120% !important;
}
.u-text--ll {
	font-size: 220% !important;
}
.u-text--notice {
	color: #cb0000;
}

/* 余白 */

.u-m--0 {
	margin: 0 !important;
}
.u-m--s {
	margin: 10px !important;
}
.u-m--m {
	margin: 15px !important;
}
.u-m--l {
	margin: 30px !important;
}
.u-ml--0 {
	margin-left: 0 !important;
}
.u-ml--s {
	margin-left: 10px !important;
}
.u-ml--m {
	margin-left: 15px !important;
}
.u-ml--l {
	margin-left: 30px !important;
}
.u-mr--0 {
	margin-right: 0 !important;
}
.u-mr--s {
	margin-right: 10px !important;
}
.u-mr--m {
	margin-right: 15px !important;
}
.u-mr--l {
	margin-right: 30px !important;
}
.u-mt--0 {
	margin-top: 0 !important;
}
.u-mt--s {
	margin-top: 10px !important;
}
.u-mt--m {
	margin-top: 15px !important;
}
.u-mt--l {
	margin-top: 30px !important;
}
.u-mb--0 {
	margin-bottom: 0 !important;
}
.u-mb--s {
	margin-bottom: 10px !important;
}
.u-mb--m {
	margin-bottom: 15px !important;
}
.u-mb--l {
	margin-bottom: 30px !important;
}
.u-p--0 {
	padding: 0 !important;
}
.u-p--s {
	padding: 10px !important;
}
.u-p--m {
	padding: 15px !important;
}
.u-p--l {
	padding: 30px !important;
}
.template-list .list-item p {
	margin-bottom: 10px!important;
}
.template-p {
	margin-top: -3rem !important;
}
/*.template-p-02 {
	font-size: 88%!important;
}*/
.ckcd h2 {
	margin:30px 0px 30px!important;
}
.insert-h-m-01 {
	margin:30px 0px 15px!important;
}
.insert-h-m-02 {
	margin:10px 0px 30px!important;
}
.function-h-m-01 {
	margin-top:-4em!important;
}
.invoice-h-m {
	margin-bottom: 0em!important;
}
.download-ex li {
	margin-bottom: 8px;
}
.position-fixed div {
	margin-left: 21.5em;
}
.merit-hm01 {
	margin-bottom: 0rem!important;;
}
.function-h-m-02 {
	margin-top: 31px!important;
	margin-bottom: 12px!important;
}
.insert-h-m-03 {
	font-size: 91%!important;
}
.box01 .d-flex .item:nth-of-type(3):before {
	content: '+';
	font-size: 2rem;
	color: rgb(208, 0, 12);
	display: inline-block;
	vertical-align: top;
	margin-top: 55px;
	left: -5px!important;
	position: absolute;
}
.box01 .d-flex .item:nth-of-type(4):before {
	content: '+';
	font-size: 2rem;
	color: rgb(208, 0, 12);
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
	left: -24px!important;
	position: absolute;
}
.box01 .box-shita .item:nth-of-type(3):before {
	content: '+';
	font-size: 2rem;
	color: rgb(208, 0, 12);
	display: inline-block;
	vertical-align: top;
	margin-top: 58px;
	left: -13px!important;
	position: absolute;
}
.box01 .box-shita02 .item:nth-of-type(2):before {
	content: '+';
	font-size: 2rem;
	color: rgb(208, 0, 12);
	display: inline-block;
	vertical-align: top;
	margin-top: 58px;
	left: -6px!important;
	position: absolute;
}
.box01 .box-ue .item:nth-of-type(2):before {
	content: '+';
	font-size: 2rem;
	color: rgb(208, 0, 12);
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
	left: -4px!important;
	position: absolute;
}
.box01 .box-ue .item:nth-of-type(3):before {
	content: '+';
	font-size: 2rem;
	color: rgb(208, 0, 12);
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
	left: -28px!important;
	position: absolute;
}
.box01 .box-ue .item:nth-of-type(4):before {
	content: '+';
	font-size: 2rem;
	color: rgb(208, 0, 12);
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
	left: -12px!important;
	position: absolute;
}
.extra{
	padding-top:10px;
}

/*#main-box .box .wrap p {
	margin: 10px 0;
	line-height: 140%;
}*/



/*=============================================================
201911renewal add
=============================================================*/
/* 本文中リンクには下線を付ける */
.pageClm2 .mainArea#main-box a:link{text-decoration: underline;}
.pageClm2 .mainArea#main-box a:hover{text-decoration: none;}
.pageClm2 .mainArea#main-box p a img.inline.m-r{margin-right:4px;vertical-align: baseline; position:relative; top:6px;}
.pageClm2 .mainArea#main-box p a:before,
.pageClm2 .mainArea#main-box p a:after{display:inline-block;}
/* ----------------------------------
common
------------------------------------- */
p.red{color:#CC0000;}
dl.p-anchors.position-fixed{display:none;}
.c-ttl--accent:before{content:none !important;}
.c-btn--letax{background:#cc0000; padding:1em; height:auto; font-size:120%; width:70%; line-height:1.7;}
.c-btn--letax.mk-popup:after{color:#FFF; font-weight:normal;}
h2.c-ttl--bg{margin-bottom:23px; letter-spacing: normal;}
h4{margin:0.5em 0;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold; font-size:1.15rem;}
.contWrap .pageClm2 .mainArea h2{padding-top:20px;}
span.mk-popup > span.mkr-nav-r:before{content:none;}

#main-box div.box p.l,
#main-box div.box p:last-child{margin-bottom:0;}

.text-right a.page-top,
.c-pagetop a,
a.mkr-down-red{background:none !important;color: #c00; font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif; font-size: .85rem; font-weight: 400;display: block; margin-bottom: 1.5em; text-decoration: none !important;}
a.mkr-down-red{padding-left:0 !important;}
.text-right a.page-top:before,
.c-pagetop a:before,
a.mkr-down-red:before{content: "\f106"; font-family: "yubin"; margin-right: .5em;display:inline-block;}

.nav-menu .list-menu.d-flex {justify-content: space-between;}
.nav-menu .list-menu.d-flex nav.menu-col {padding-left: 0;}
.nav-menu .list-menu.d-flex nav.menu-col h3 {font-size: 1rem;}
.nav-menu .list-menu.d-flex nav.menu-col p.sub-title {font-size: .9rem;}
.nav-menu .list-menu.d-flex nav.menu-col ul li,
.nav-menu .list-menu .d-flex nav.menu-col ul li {font-size: .8rem; text-indent:-0.5em; padding-left:1em;}
.nav-menu .list-menu.d-flex nav.menu-col ul li a {display: block; padding: .2em 0; text-decoration: none !important;}
	.nav-menu .list-menu.d-flex nav.menu-col ul li a:hover,
	.nav-menu .list-menu.d-flex nav.menu-col ul li a:hover span {text-decoration: none !important;}
	.nav-menu .list-menu.d-flex nav.menu-col ul li a span{text-decoration: underline !important;}
.nav-menu .list-menu.d-flex nav.menu-col ul li a:before {color: #c00;content: "\f105";display: inline-block; font-family: "yubin";margin-right: .5em;}
.nav-menu .list-menu.d-flex nav.menu-col ul li a[target="_blank"]::before { content: "\e924" !important;}
	.nav-menu .list-menu.d-flex nav.menu-col ul li a[target="_blank"] .mk-popup:after{content:none !important;}
.nav-menu .list-menu.d-flex nav.menu-col a span.mkr-nav-r:before{content:none;}
#main-box > p.extra{margin-bottom:0;}
#main-box > p.extra + h1{margin-top:0;}

.insert-h-m-03{font-size:100% !important;}
.icon-xls:before{font-family:'yubin'; content:"\58"; margin-right:0.5em; color:#299B20; font-size:140%; position:relative; top:0.1em;}
.icon-doc:before{font-family:'yubin'; content:"\64"; margin-right:0.5em; color:#38609B; font-size:140%; position:relative; top:0.1em;}
.icon-pdf:before{font-family:'yubin'; content:"\50"; margin-right:0.5em; color:#B92121; font-size:140%; position:relative; top:0.1em;}

/* タブレット */
@media screen and (min-width:751px) and ( max-width:1024px) {
#services + .nav-menu{}
	#services + .nav-menu .list-menu.d-flex{flex-wrap:wrap;}
	#services + .nav-menu .list-menu.d-flex nav.menu-col{flex-basis:49%; max-width:49%;}

} /* tablet */


/* スマホサイズ */
@media screen and (max-width: 750px){
	.col-4{flex-basis:50%; max-width:50%;}
	.col-6{flex-basis:100%; max-width:100%;}
	.nav-menu .list-menu.d-flex{flex-wrap:wrap;}
	.nav-menu .list-menu.d-flex nav.menu-col{flex-basis:48%; max-width:48%;}
	.c-btn--letax{margin:15px auto;}
	.p-eyecatch__bg{width: 75vw !important; margin-left: auto;}
	#main-box .p-eyecatch p.p-lead{margin-top:0 !important; padding-right:20vw;}
		#main-box .p-eyecatch p.p-lead br{display:none;}
		.p-eyecatch .d-table-cell{vertical-align:top;}
		h1.webletter-top + .p-eyecatch{height:auto !important;}
		#main-box .p-eyecatch p.p-lead + p{margin:0.5rem 0 !important;}
		#main-box .p-eyecatch .btn-wrapper.py-3{padding:15px 0 !important; text-align:center;}
		.btn-wrapper .btn-red{position:relative; }
}

/* ----------------------------------
top
------------------------------------- */



#main-box .p-eyecatch.noheight{min-height:auto;}
.p-price table {border: 1px solid #c8c8c8;border: 1px solid #c8c8c8;border-collapse: collapse;margin: 10px auto;word-break: break-all;}
.p-price table th {background: #eee;border-bottom: solid 1px #c8c8c8;border-left: solid 1px #c8c8c8;border-right: solid 1px #c8c8c8;border-top: none;color: #333;font-size: 1em;font-weight: bold; padding: 12px;}
.p-price table th.h2 {background: #e2eff9;font-size: 1em;}
.p-price table td {border-bottom: solid 1px #c8c8c8;border-left: none; border-right: solid 1px #c8c8c8;border-top: none;padding: 12px;word-break: break-all;}
.p-price table caption {background: #eee; font-size: 1.1em;font-weight: bold;padding: .7em 1em .6em;text-align: center;}

#main-box ol.p-process{font-size:100%;}
.p-process dt {width: 20%;}
.p-process dt span {width: auto;}
.p-process dd {width: 80%;}

ol.p-step{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
	overflow: visible;
}
ol.p-step li{float: none;width: auto; flex-basis:33%; max-width:33%;}

div.list-miritto > .item-miritto{width: auto;max-width: 32%;padding-right: 0;border: 1px solid #ccc;flex-basis: 32%;}
div.list-miritto > .item-miritto .inner{border: none;}
div.list-miritto > .item-miritto span{top: -5px;}

.p-title.top_scene + .d-flex{justify-content: space-between;}
.p-title.top_scene + .d-flex > .item,
		.p-title.top_scene + .d-flex + .d-flex > .item{padding:0; max-width:24%; flex-basis:24%; margin-bottom:15px;}
	#main-box .p-title.top_scene + .d-flex > .item .title a{text-decoration: underline;}

/* スマホ・タブレットサイズ */
@media screen and (max-width: 1024px){
	#main-box .lead-benefit{margin: 20px 10px 10px !important; display:block;}
	dl.p-anchors{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	dl.p-anchors dd{max-width: 49%;margin-bottom: 4px;flex-basis: 49%;}
	dl.p-anchors dd a{height: auto;padding: .5em .8em;}
	video{width: 100% !important;}
	#main-box .p-eyecatch p{margin-left: 0 !important;padding: 0 10px;}
	#main-box .p-eyecatch .p-lead{line-height: 1.5;margin-left: 0 !important;padding: 10px; margin-bottom:0; font-size:120%;}
	#main-box .lead-benefit li p{font-size: 90% !important; padding-left:0; padding-right:5px;}
	#main-box .lead-benefit li + li{padding-left:0;}
	h2#recommend + .d-flex{display:block !important;}
	h2#recommend + .d-flex .text-01{text-align:center; padding-top:50px; padding-right:0;}
	.text-01:before{transform: rotate(90deg); width:90px; right:0; left:0; margin:auto;}
	.p-title.top_scene + .d-flex,
	.p-title.top_scene + .d-flex + .d-flex{margin-left:0; margin-right:0;flex-wrap:wrap;justify-content: space-between;align-items: flex-start !important;}
		.p-title.top_scene + .d-flex > .item,
		.p-title.top_scene + .d-flex + .d-flex > .item{padding:0; max-width:48%; flex-basis:48%; margin-bottom:15px;}

	.p-process dt {text-align:center;}
	.p-process dt span {width: auto; display:block;}

}

/* nonpc */

/* スマホサイズ */
@media screen and (max-width: 750px){
	#main-box .p-eyecatch{min-height:auto;}
	.title-video{background:none; border-top:2px solid #CCC; border-bottom:2px solid #CCC;}
	ol.p-step{display:block;}
	ol.p-step li{margin-left:0; background:none; text-align:center; margin-bottom:10px;flex-basis:100%; max-width:100%;}
	ol.p-step li img{background:#f3f1e2;}
	.list-item .item .title{letter-spacing: normal;}
	div.list-miritto{display:block !important;}
		div.list-miritto > .item-miritto{width:100%; max-width:100%; flex-basis:100%; margin-bottom:20px;}
	.c-row .c-row__col{float:none; width:100%;}
	.c-row .c-row__col:first-child{margin-right:0;}
	.u-text--ll{font-size:180% !important;}
	.u-text--l{font-size:100% !important;}
	.p-price table td{padding:8px;}
	.p-process dt {width: 30%; text-align: center;}
		.p-process dt span {width: auto;}
		.p-process dt strong{display:block;}
	.p-process dd {width: 70%; padding:10px;}

} /* sp */


/* ----------------------------------
pages
------------------------------------- */


/* merit.html */
	#main-box .p-eyecatch ul.list-lead{font-size:100%;}


/* タブレット */
@media screen and (min-width:751px) and ( max-width:1024px) {

	/* invoice */
	.invoice_flow{flex-wrap:wrap;justify-content: space-between !important;}
			.invoice_flow.list-column .item{flex-basis:31%; max-width:31%;}
	.invoice_flow:after{content:"";display:block;width: 150px;height:0;}

} /* tablet */



/* スマホサイズ */
@media screen and (max-width: 750px){
	.box-video-list .item span{margin:0 auto 1rem; padding:2px 1rem;}
	#main-box .p-eyecatch p.mt-5{margin-top:1em !important;}

	/* price.html */
	#sec01 .comment-bottom{margin:20px auto 0; display:block; text-align: center;}

	/* merit.html */
	#main-box .p-eyecatch ul.list-lead{font-size:100%;align-items: flex-start !important; margin:34px 10px 15px 10px !important;}
		#main-box .p-eyecatch ul.list-lead li{padding-left:0; /*flex-basis:33%; max-width:33%;*/
			display: -webkit-flex;
			display:    -moz-flex;
			display:     -ms-flex;
			display:      -o-flex;
			display:         flex;
			flex-wrap: wrap;align-items: center;
		}
			#main-box .p-eyecatch ul.list-lead li .title{flex-basis:30%; max-width:30%;font-size:90%; padding:0.3em 0.5em; text-align: center;}
			#main-box .p-eyecatch ul.list-lead li p{padding:0 0 0.5em 0.5em; font-size:90%;flex-basis:70%; max-width:70%;}
	#sec01 .box--pl{padding-left:0;}
	#sec01 .box01,
	#sec02 .box01{padding:15px 15px 0;}
	#sec01 .box01 .box-ue{flex-wrap:wrap; margin:0;}
		#sec01 .box01 .box-ue .item{flex-basis:50%; max-width:50%; padding:0 10px;}
			#sec01 .box01 .box-ue .item img{max-height:100px;}
		#sec01 .box01 .box-ue .item:nth-of-type(3):before{left:0 !important;}
		#sec01 .box01 .box-ue .item .match-height{font-size:90%; font-weight:bold;}
	.number-col{padding:0 10px;flex-basis:50%; max-width:50%;}
		#main-box .number-col .size30{font-size:1.5rem; text-align:center;}
		.number-col.pr-5{padding-right:0 !important;}
	#sec02 .box01 .d-flex.align-items-end{flex-wrap:wrap; margin:0;}
		#sec02 .box01 .d-flex.align-items-end .item{flex-basis:48%; max-width:48%; padding:0 10px;}
			#sec02 .box01 .d-flex.align-items-end .item img{max-height:100px;}
	#sec02 .box01 .d-flex.box-shita{}
		#sec02 .box01 .d-flex.box-shita .item.item-middle{margin-top:0 !important;}
		.box01 .box-shita .item:nth-of-type(3):before{left:-10px !important;top: 0;bottom: 0;margin: auto;height: 2rem;}
	#sec02 .box01 .d-flex.box-shita02{}
		#sec02 .box01 .d-flex.box-shita02 .item.item-middle{margin-top:0 !important;}
		.box01 .box-shita02 .item:nth-of-type(2):before{left:-10px !important;top: 0;bottom: 0;margin: auto;height: 2rem;}
	.box01 .d-flex .item + .item:before{top: 0;bottom: 0;margin: auto;height: 2rem; line-height:1;}

	/* invoice.html */
	#sec01 .list-column{padding:15px; flex-wrap:wrap;justify-content: space-between !important;}
		#sec01 .list-column > .item{flex-basis:48%; max-width:48%;}
			#sec01 .list-column .item + .item .thumbnail:before{content:none;}
			#sec01 .list-column .item + .item{padding-left:0;}

	/* example.html */
	.tb-wrap{padding:10px;}
		.tb-wrap table th{width:30%;}
		.tb-wrap th, .tb-wrap td{padding:0.5em;}

	/* video.html */
	.box-video-list{}
		.box-video-list .col-4{flex-basis:100%; max-width:100%; text-align:center;}
} /* sp */

/* template.html */
.download-ex a{text-decoration: underline;}
	.download-ex a:before{display: inline-block;}