/*=============================================================
Foundation
=============================================================*/
#main-box{width:auto !important; margin:auto; font-size:14px;}
#main-box .pad{font-size:100%;}
/*#main-box {
	width: 960px !important;
	margin: 0 15px !important;
	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;
}
#utility ul{
	font-size: 100%;
}
span.mkr-nav-r {
	background-position: left center;
}*/
/*=============================================================
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%;
}
/*----------------------------------
見出し
----------------------------------*/

/*h1 {
	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/webletax/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,
.btn-wrapper .btn-red{
	text-decoration: none !important; border-radius:5px; display:inline-block; font-weight:400; position:relative; transition: .3s; z-index: 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,
.btn-wrapper .btn-red: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,
.btn-wrapper .btn-red span.mk-popup:after{color:#FFF; font-weight:normal;}

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/webletax/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/webletax/img/common/btn_big_green.png) no-repeat left top;
}*/
/*----------------------------------
リスト
----------------------------------*/

.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-pagetop {
	text-align: right;
}
.c-pagetop a {
	padding-left: 16px;
	background: url(/service/webletax/img/common/icon_page_top.gif) no-repeat left center;
}
/*=============================================================
Object - Project
=============================================================*/


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

.p-eyecatch {
	position: relative;
	overflow: hidden;
/*  height: 300px;*/
	/*color: #594c3c;*/
	border: 1px solid #ccc;
}
.p-eyecatch__bg {
	position: absolute;
	top: 0;
	left: 0;
}
#main-box .p-eyecatch p {
	position: relative;
	margin-left: 30px!important;
	margin-top:1.3rem;
	margin-bottom:1.3rem;
}
.p-lead {
	font-size: 230% !important;
	margin-top: 30px !important;
	margin-bottom: 0 !important;
}
.p-lead+p {
	font-size: 110% !important;
	margin-bottom: 30px !important;
}
/*----------------------------------
 索引
----------------------------------*/

.p-anchors dt,
.p-anchors dd {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
.p-anchors dt,
.p-anchors a {
	line-height: 25px;
	height: 25px;
	padding: 0 .35em;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
}
.p-anchors dt {
	color: #fff;
	border-color: #727171;
	background: #727171;
}
.p-anchors dd {
	margin-left: 0;
}
.p-anchors a {
	display: block;
	text-decoration: none !important;
	color: #cb0000;
	border-color: #cb0000;
	font-size:13px;
}
.p-anchors a:before {
	display: inline-block;
	margin-right: .25em;
	content: url(/service/webletax/img/common/arrow_down_link.gif);
	vertical-align: middle;
}
/*----------------------------------
 かんたん3ステップ
 ----------------------------------*/

.p-step {
	overflow: hidden;
	padding: 0;
	list-style: none;
}
.p-step li {
	position: relative;
	display: block;
	float: left;
	width: 290px;
	margin-left: 45px;
	background: #f3f1e2;
}
.p-step li:first-child {
	margin-left: 0;
}
.p-step li:before {
	position: absolute;
	top: 0;
	left: -45px;
	display: block;
	width: 45px;
	height: 100%;
	content: '';
	background: url(/service/webletax/img/common/arrow_step_l.gif) no-repeat center center;
}
.p-step li:first-child:before {
	display: none;
}
.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;
}
/*----------------------------------
メリット
----------------------------------*/

.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%;
}
/*----------------------------------
価格表
----------------------------------*/

.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;
}
/*=============================================================
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--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;
}

/*sub*/
/*a,
a:visited,
a:link{
	color: #296fe1;
}
a:hover{
	text-decoration: none;
}
*/
.not-fix{
	margin-top: 30px;
}
.position-fixed{
	margin-top: 0!important;
}

/*

 BANNER

*/

.p-eyecatch {
	position: relative;
	overflow: hidden;
/*  height: 300px;*/
	border: 1px solid #ccc;
}
.p-eyecatch__bg {
	position: absolute;
	top: 0;
/*  height: 100%;*/
	width: auto;
	right: 0;
}
.p-eyecatch p {
	position: relative;
	margin-left: 30px!important;
}
.p-eyecatch .d-table{
	display: table;
	width: 100%;
	height: 100%;
}
.p-eyecatch .d-table-cell{
	vertical-align: middle;
	display: table-cell;
}

/*

 MAIN

*/

/*#main-box {
	width: 960px !important;
	margin: 0 15px;
	text-align: left;
}*/
#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 .webletter-top{
	margin: 20px 0;
	font-weight: bold;
	font-size: 21px;
}*/
#main-box p {
	margin: 0 0 1rem;
/*	line-height: 1.75;
	font-size: 14px;
	color: #000;*/
}

/* 
 FOOTER MENU
*/


#navigation{
	font-size: 16px;
	line-height: 24.5px;
}
.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;
}
body.wide1200 .list-menu h3 {
	margin: 0;
	font-size: 14px;
	line-height: 24.5px;
}
#main-box ol ol,
#main-box ol ul {
	font-size: inherit;
}
span.mkr-nav-r {
	background-position: left center;
}
	span.mkr-nav-r:before{display:inline-block;}
#main-box .list-menu .sub-title {
	margin: 8px 0;
}
#main-box .list-menu ul{
	margin-top: 0;
}


/*

 TITLE

*/

/*.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;
	color: #000;
}*/

/* 

 BUTTON

*/

/*.c-btn {
	display: inline-block;
	padding: .75em 44px .75em 54px;
	text-decoration: none !important;
	color: #fff !important;
	border-radius: 5px;
	position: relative;
	background: #cb0000 url(/service/webletter/img/common/arrow_circle_red.png) no-repeat 10px center;
}
.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--letax:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	right: 40px;
	top: calc(50% - 12px);
}*/
/*.btn-wrapper{
	position: relative;
}
.btn-wrapper .btn-red {
	display: inline-block;
	position: absolute;
	left: 30px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 20px;
	padding-left: 40px;
	border-radius: 8px;
	top: 0px;
	background: url(../img/ceremony/icon_link.png) no-repeat 15px center #d1000d;
	transition: all .25s linear;
}
.btn-wrapper .btn-red:hover{
	opacity: 0.75;
	filter: opacity(75);
}
*/

/* 
 FIXED MENU
*/

.p-anchors dt,
.p-anchors dd {
	font-size: 79%;
	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;
}
.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 .container{
	margin: 0 auto;
	/*width: 1206px;*/
}
.p-anchors dl {
	margin: 0;
}


/**
 *
 * PAGE CSS
 *
 */


/*=============================================================
201911renewal add
=============================================================*/
/* 本文中リンクには下線を付ける */
.pageClm2 .mainArea#main-box a:link{text-decoration: underline;}
.pageClm2 .mainArea#main-box ul li a{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;}
.pageClm2 .mainArea #main-box .pad p a:hover, .pageClm2 .mainArea #main-box .pad table.layout a:hover{text-decoration: none;}
/* ----------------------------------
common
------------------------------------- */
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.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;}
.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;}

.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: .1em 0; 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:hover span{text-decoration: none !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 a span.mkr-nav-r:before{content:none;}
/*.nav-menu .list-menu .menu-col ul li a,
.nav-menu .list-menu .d-flex nav.menu-col ul li a{ text-decoration: none !important;}*/
#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;}

.text-right a.page-top,
.c-pagetop a{background:none;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;}
.text-right a.page-top:before,
.c-pagetop a:before{content: "\f106"; font-family: "yubin"; margin-right: .5em;display:inline-block;}

#navigation{margin-top:50px;}

.linkTxt a:before{font-family:'yubin'; content:"\f105"; margin-right:0.5em; color:#cc0000; display: inline-block;}

.sec-content-box .row{margin-right:0; margin-left:0;}

/* スマホサイズ */
@media screen and (max-width: 750px){
	a.c-btn{width:100%; text-decoration: none;}
	.col-4{flex-basis:50%; max-width:50%;}
	.col-6{flex-basis:100% !important; max-width:100% !important;}
		.sec-content-box .row .col-6{padding:0;}
	.nav-menu .list-menu.d-flex{flex-wrap:wrap;}
	.nav-menu .list-menu.d-flex nav.menu-col{flex-basis:48%; max-width:48%;}
	.list-menu .menu-col + .menu-col{padding-left:0;}
	.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;}
		.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-eyecatch__bg{margin-left: auto;width: 100%;}
#main-box .p-eyecatch .d-table{padding:20px;}
	#main-box .p-eyecatch .d-table p.p-lead,
	#main-box .p-eyecatch .d-table p{margin-left:0 !important;}

h1.webletter-top + .p-eyecatch.slim{min-height:230px; 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{width:100%;
	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;}




/* スマホ・タブレットサイズ */
@media screen and (max-width: 1024px){
	#main-box .lead-benefit{
		margin: 20px 10px 10px !important;
	}
	.p-anchors .container dl,
	dl.p-anchors{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.p-anchors .container dl dd,
	dl.p-anchors dd{max-width: 49%;margin-bottom: 4px;flex-basis: 49%; font-size:0.8rem;}
	.p-anchors .container dl dd a{height: auto;padding: .5em .8em;    font-size:12px;}
		dl.p-anchors dd{display:flex;}
		dl.p-anchors dd a{display:block; height:auto; width:100%;    font-size:12px;}
	video{width: 100% !important;}
	#main-box .p-eyecatch .d-table{padding:0px;}
		#main-box .p-eyecatch .d-table .btn-wrapper{padding:0 10px;}
	#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;}

}

/* タブレット */
@media screen and (min-width:751px) and ( max-width:1024px) {
	#main-box .p-eyecatch > img{width:84%; height:auto;}
	ol.p-step{}
		ol.p-step li{float: none;width: auto; flex-basis:33%; max-width:33%;}
}



/* スマホサイズ */
@media screen and (max-width: 750px){
	#main-box .p-eyecatch{min-height:auto;}
		#main-box .p-eyecatch p.p-lead{padding-right:30%;}
		#main-box .p-eyecatch .btn-wrapper .btn-red{width:80%; min-width:auto;}
		#main-box .p-eyecatch .d-table p.p-lead,
		#main-box .p-eyecatch p.p-lead{min-height:4.5em;}
	.title-video{background:none; border-top:2px solid #CCC; border-bottom:2px solid #CCC;}
	ol.p-step{display:block;}
		ol.p-step li{float: none;width: auto; margin-left: 0;flex-basis:100%; max-width:100%; margin-bottom:10px;}
		ol.p-step li:before{content:none; width:none;}
	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; margin-bottom:2em;}
		.p-process dt strong{display:block;}
	.p-process dd {width: 70%; padding:10px;}
	.c-row__col nav.menu-col ul{margin-left: 15px !important;}
		.c-row__col nav.menu-col ul li{padding-left: 1em; text-indent: -0.5em;}

		ol.p-merit li{float:none; width:100%; margin-left:0;}
			ol.p-merit li .p-merit__ttl > img{width:100% !important;}
			ol.p-merit li .p-merit__body{min-height:auto; padding:15px;}
				ol.p-merit li .p-merit__body p{margin-top:0 !important;}
	#main-box .priceInfo{}
		#main-box .priceInfo .u-p--l{padding:15px !important;}
		#main-box .priceInfo .c-row__col{position:relative; margin-bottom:30px;}
			#main-box .priceInfo .c-row__col:last-child{margin-bottom:0;}
			#main-box .priceInfo .c-row__col  img.u-pull--left{width:39%; position:absolute; left:0;}
			#main-box .priceInfo .c-row__col h4.c-ttl--line{margin-left:40%;font-size:1.1rem; margin-top:10px;}
			#main-box .priceInfo .c-row__col p{margin:0 auto 1em 40% !important;}
			#main-box .priceInfo .c-row__col p:nth-of-type(2){}
	.c-row.recommend .u-clearfix{text-align:center;}
		.c-row.recommend .u-clearfix img.u-pull--left{float:none; margin:0 auto 10px;}
			.c-row.recommend .u-clearfix .c-list--disc{text-align:left; margin-bottom:1em;}

} /* sp */


/* ----------------------------------
pages
------------------------------------- */
#main-box a{text-decoration: underline;}
#main-box .c-pagetop:last-of-type{display:none;}


/* foot navigation */
#main-box #navigation #row1 .d-flex{}
	#main-box #navigation #row1 .d-flex .menu-col{flex-basis:49%; max-width:49%;}
#main-box #navigation #row2.d-flex{}
	#main-box #navigation #row2.d-flex .menu-col{flex-basis:49%; max-width:49%;}
#main-box #navigation #row3.d-flex{}
	#main-box #navigation #row3.d-flex .menu-col{flex-basis:32%; max-width:32%;}
#main-box #navigation #row4.d-flex{}
	#main-box #navigation #row4.d-flex .menu-col{flex-basis:24%; max-width:24%;}
@media screen and (max-width: 750px){
#main-box #navigation #row1 .d-flex .menu-col,
#main-box #navigation #row2.d-flex .menu-col,
#main-box #navigation #row3.d-flex .menu-col,
#main-box #navigation #row4.d-flex .menu-col{flex-basis:100%; max-width:100%;}
}/* sp */

/* top */
h1.webletter-top + .p-eyecatch{height:280px;}
h3 a.text-link{font-size:0.9rem; text-decoration: underline;}
#main-box h4{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold; font-size:1.1rem; margin:0.5em 0;}
	#main-box h4 span{color:#cc0000;}
	#main-box h4 .price{padding-left:1em; color:#333333;}
.faq-box .faq-title,
#main-box dl.faq > dt{
	border-top: 1px solid #c8c8c8;cursor: pointer;padding: 14px 60px 14px 10px;position: relative;transition: .3s;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold;
}
	.faq-box .faq-title:before,
	#main-box dl.faq > dt:before{bottom: 0;color: #c00;content: "\e910";font-family: "yubin";font-size: 40px;height: 40px;line-height: 1;margin: auto;position: absolute;right: 10px;top: 0;}
	.faq-box.active .faq-title:before,
	#main-box dl.faq > dt.open:before{content: "\e915";}
	.faq-box .faq-title:last-child,
	.faq-list .faq-box:last-child .faq-title{border-bottom: 1px solid #c8c8c8;}
	.faq-box .faq-title span.th{padding:10px;background:#ddd; font-size:0.75rem;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold; margin-right:10px; line-height:1.4;color:#333333;}
	#main-box .faq-box .bg-gray .d-flex .img{flex-basis:25%; max-width:25%; text-align:right; padding-left:10px;}
	
.faq-box .bg-gray,
#main-box dl.faq > dd {padding:15px; background:#F5F5F5; border:none; width:auto;font-size: 14px;}


	/* faqtype2 */
	#main-box dl.faq > dt{background:none;
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		align-items: center !important;}
	#main-box dl.faq > dt:after{background:none; content:none;}
		#main-box dl.faq dt span.label{display:block;padding:10px;background:#ddd; font-size:0.75rem;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold; margin-right:10px; line-height:1.4;color:#333333;}
		#main-box dl.faq > dt span.qTxt{color:#333333; width:auto; height:auto; padding:0;font-size: 14px;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold;display: table-cell;text-align: left;vertical-align: middle;}
	#main-box dl.faq > dd{display: none;}
	#main-box dl.faq dt:only-of-type,
	#main-box dl.faq dt:last-of-type{border-bottom: 1px solid #c8c8c8;}
	#main-box dl.faq dd .d-flex{}
		#main-box dl.faq dd .d-flex .img{flex-basis:25%; max-width:25%; text-align:right; padding-left:10px;}

/* タブレット */
@media screen and (min-width:751px) and ( max-width:1024px) {
body ol.p-step{display:flex;justify-content: space-between;}
	body ol.p-step li{flex-basis: 31%; max-width: 31%; margin-left:0;}
	body ol.p-step li:before{background-size:10px; width:10px; left:-14px;}
		body.index ol.p-step li .p-step__ttl>span{font-size:1.1rem; width:50px; }
		body.index ol.p-step li .p-step__ttl > strong{font-size:0.8rem; padding:0.3em;}

#main-box .faq-box .bg-gray .d-flex,
#main-box dl.faq dd .d-flex {justify-content: space-between;}
#main-box .faq-box .bg-gray .d-flex p,
#main-box dl.faq dd .d-flex p{flex-basis:75%; max-width:75%;}
#main-box .faq-box .bg-gray .d-flex .img,
#main-box dl.faq dd .d-flex .img{flex-basis:22%; max-width:22%; text-align:right; padding-left:0px;}
#main-box .faq-box .bg-gray .d-flex .img.ml-4,
#main-box dl.faq dd .d-flex .img.ml-4{margin-left:0 !important;}
}


	
@media screen and (max-width: 750px){
	.faq-box .faq-title,
	#main-box dl.faq > dt{display:block !important;}
		.faq-box .faq-title span.th,
		#main-box dl.faq dt span.label{display:inline-block; padding:5px 1em;}
			.faq-box .faq-title span.th br,
			#main-box dl.faq dt span.label br{display:none;}
		.faq-box .faq-title span.title,
		#main-box dl.faq > dt span.qTxt{display: block; margin-top:0.3em;}
	.faq-box .bg-gray .bg-white .d-flex{display: block !important;}
		.faq-box .bg-gray .bg-white .d-flex .img,
		#main-box dl.faq > dd p.p_img{margin:10px auto 0 !important; text-align: center;}
	#main-box .faq-box .bg-gray .d-flex,
	#main-box dl.faq dd .d-flex{display:block;}
	#main-box .faq-box .bg-gray .d-flex .img{flex-basis:100%; max-width:100%; text-align:center; padding-left:0;}
	#main-box dl.faq dd .d-flex .img{flex-basis:100%; max-width:100%; text-align:center; padding-left:0;}


} /* sp */

/* meeting.html */
section[id$="-box-3"] .faq-box:only-of-type{border-bottom: 1px solid #c8c8c8;}

/* daishi.html */
.ctaArea .bnrArea>li li a {
    -webkit-box-shadow: 0px 2px 0px rgb(163, 1, 1);
    -moz-box-shadow: 0px 2px 0px rgb(163, 1, 1);
    -ms-box-shadow: 0px 2px 0px rgb(163, 1, 1);
    box-shadow: 0px 2px 0px rgb(163, 1, 1);
    background: #e06666;
    background: -moz-linear-gradient(top, #e06666 0%, #cc0000 100%);
    background: -webkit-linear-gradient(top, #e06666 0%,#cc0000 100%);
    background: linear-gradient(to bottom, #e06666 0%,#cc0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e06666', endColorstr='#cc0000',GradientType=0 );
    padding: 28px 0;
    border-radius: 4px;
    display: block;
}
.ctaArea .bnrArea li.entry li a {
    -webkit-box-shadow: 0px 2px 0px rgb(27, 119, 194);
    -moz-box-shadow: 0px 2px 0px rgb(27, 119, 194);
    -ms-box-shadow: 0px 2px 0px rgb(27, 119, 194);
    box-shadow: 0px 2px 0px rgb(27, 119, 194);
    background: #7ac0f8;
    background: -moz-linear-gradient(top, #7ac0f8 0%, #2196f3 100%);
    background: -webkit-linear-gradient(top, #7ac0f8 0%,#2196f3 100%);
    background: linear-gradient(to bottom, #7ac0f8 0%,#2196f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac0f8', endColorstr='#2196f3',GradientType=0 );
}
.ctaArea{margin:15px auto 0;}
	.ctaArea .bnrArea{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.ctaArea .bnrArea > li{
		flex-basis:49%; max-width:49%;}
		.ctaArea .bnrArea li .title{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-size: 1.2rem;font-weight: bold;line-height: 1.5;margin: 1em 0 .5em;}
		.ctaArea .bnrArea li ul.attention li{margin:0 auto;}
	.ctaArea .bnrArea > li:before{content:"";border-left: 4px solid #c00; margin-right:.5em;}
	.ctaArea .bnrArea li.entry:before{content:"";border-left: 4px solid #2196f3; margin-right:.5em;}
		.ctaArea .bnrArea li ul li{border-left:0; padding-left:0; margin:10px auto 15px;}
		.ctaArea .bnrArea li ul li:before{content:none;}
#navigation .nav-menu .d-flex{
	display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
	#main-box.daishi #navigation #row2{justify-content: flex-start; margin:15px auto;}
		#main-box.daishi #navigation #row2 .menu-col{flex-basis:35%; max-width:35%;}
#navigation .text-right{text-align:right;}

ul.listItem {
	display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
	ul.listItem > li.largeListdiv{float:none; flex-basis:48%; max-width:48%;}
	ul.listItem > li.largeListdiv_right{float:none;}
	ul.listItem > li.smallListdiv{float:none; flex-basis:24%; max-width:24%; width:auto;}
	ul.listItem > li.smallListdiv_right{float:none; margin-left:0;}
ul.listItem .subdiv ul{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		flex-wrap: wrap;
		justify-content: space-between;}
		ul.listItem .subdiv li{width:24%;}
		ul.listItem .subdiv li img{width:100%;}
#main-box ul.listItem p.mo_title{margin-bottom:10px;}

@media screen and ( max-width:1024px) {
ul.listItem .largeListdiv{float:none;    margin-bottom: 15px;}
	ul.listItem .largeListdiv_right { float: none;}
	ul.listItem .largeListdiv .maindiv img{width:100%;}
	ul.listItem .subdiv ul{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		flex-wrap: wrap;
		justify-content: space-between;}
		ul.listItem .subdiv li{width:24%;}
		ul.listItem .subdiv li img{width:100%;}
ul.listItem .smallListdiv{margin-top:0px; width:100%; float:none;}
	ul.listItem .smallListdiv_right{margin-left:0px;}
	ul.listItem .smallListdiv .maindiv img{width:100%;}

#modal-content.modal-content{width:85vw; margin:auto;/* overflow: scroll;*/}
#modal-content .mainInner{width:100% !important;}
#modal-content.modal-content .flex-direction-nav{display: none;}
/*#modal-content.modal-content .flex-direction-nav a{top:0; margin-top:-60px;}
#modal-content.modal-content .flex-direction-nav .flex-nav-prev,
#modal-content.modal-content .flex-direction-nav .flex-nav-prev:before{left:0; top:0; margin-top:-60px;}
#modal-content.modal-content .flex-direction-nav .flex-next,
#modal-content.modal-content .flex-direction-nav .flex-nav-next:before{right:0; top:0; margin-top:-60px;}*/
#modal-content.modal-content .profBox01{margin:10px 0;}
#modal-content.modal-content p.mo_title{font-size:13px !important;}
	#modal-content.modal-content .mo_title .mo_name{display:block;}
#modal-content.modal-content .mo_btnArea{/*margin-top:80px;*/    position: fixed;bottom: 10vh;left: 0;right: 0;}
/*	.modal-content .flex-direction-nav .flex-nav-prev:before,
	.modal-content .flex-direction-nav .flex-nav-prev{left: 0px !important;}
	.modal-content .flex-direction-nav .flex-nav-next:before,
	.modal-content .flex-direction-nav .flex-nav-next{right: 0px !important;}
*/
	

} /* nonsp */
@media screen and (orientation: landscape) and ( max-width:1024px)  {
	#main-box.daishi p{color:#cc0000 !important;}
}


@media screen and (max-width: 750px){
ul.listItem .largeListdiv{float:none; padding:15px 0;}
	ul.listItem .largeListdiv .subdiv ul,
	ul.listItem .smallListdiv .subdiv ul{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	ul.listItem > li.smallListdiv{float:none; flex-basis:48%; max-width:48%; width:auto;}
	ul.listItem > li.smallListdiv_right{float:none; margin-left:0;}
		ul.listItem .largeListdiv .subdiv ul li,
		ul.listItem .smallListdiv .subdiv ul li{flex-basis:24%; max-width:24%;}
		ul.listItem .largeListdiv .subdiv ul li img,
		ul.listItem .smallListdiv .subdiv ul li img{width:auto;}
ul.listItem .smallListdiv{width:100%; float:none;  padding:15px 0; margin-top:0;}
	ul.listItem .smallListdiv.smallListdiv_right{margin-left:0;}
	ul.listItem .smallListdiv .maindiv img{width:100%;}

.profBox01 .iconarea .mo_mado{display:block;}

.ctaArea .bnrArea{}
	.ctaArea .bnrArea > li{flex-basis:100%; max-width:100%;}
#main-box.daishi #navigation #row2{justify-content: space-between;}
#main-box.daishi #navigation #row2 .menu-col{flex-basis:48%; max-width:48%;}

.modal-content .flex-direction-nav .flex-nav-prev a,
.modal-content .flex-direction-nav .flex-nav-prev:before,
.modal-content .flex-direction-nav .flex-nav-next a,
.modal-content .flex-direction-nav .flex-nav-next:before{margin-top: -50px !important;height:40px !important; width:40px !important; background-size:40px !important;}
.modal-content .flex-direction-nav .flex-nav-prev a,
.modal-content .flex-direction-nav .flex-nav-prev:before{top:0 !important; left:0 !important;}
.modal-content .flex-direction-nav .flex-nav-next a,
.modal-content .flex-direction-nav .flex-nav-next:before{top:0 !important; right:0 !important;}
} /* sp */

/* /business/index.html */


@media screen and (max-width: 750px){
.business_scene{}
	.business_scene .u-clearfix{}
		.business_scene .u-clearfix img{max-width:160px;}
} /* sp */




/* navigation Area */

/* タブレット */
@media screen and (min-width:751px) and ( max-width:1024px) {
.faq-box .faq-title span.th,
#main-box dl.faq dt span.label{flex-basis:20%; max-width:20%;}
	.faq-box .faq-title span.th br,
	#main-box dl.faq dt span.label br{display:none;}
.faq-box .faq-title span.title,
#main-box dl.faq > dt span.qTxt{flex-basis:78%; max-width:78%;}
section#navigation .nav-menu{}
	section#navigation .list-menu.d-flex{flex-wrap:wrap;}
	#main-box.daishi #navigation #row2 .menu-col,
	#main-box.daishi #navigation #row3 .menu-col,
	#main-box.daishi #navigation #row4 .menu-col{flex-basis:49%; max-width:49%;}

#modal-content .modal_mainimg{text-align:center;}
.modal-content .flex-direction-nav .flex-nav-prev a,
.modal-content .flex-direction-nav .flex-nav-prev:before,
.modal-content .flex-direction-nav .flex-nav-next a,
.modal-content .flex-direction-nav .flex-nav-next:before{margin-top: -50px !important;height:40px !important; width:40px !important; background-size:40px !important;}
.modal-content .flex-direction-nav .flex-nav-prev a,
.modal-content .flex-direction-nav .flex-nav-prev:before{top:50% !important; left:-40px !important;}
.modal-content .flex-direction-nav .flex-nav-next a,
.modal-content .flex-direction-nav .flex-nav-next:before{top:50% !important; right:-40px !important;}

} /* tablet */


#modal-overlay{z-index:101 !important; overflow: hidden;}
#modal-content{z-index:102 !important;}