@charset "UTF-8";

#contenthead,
body#top #mv {
	position: relative;
	min-width: 1000px
}

#contenthead:after,
body#top #mv:after {
	content: "";
	display: block;
	width: 100%
}

#content #bnr,
#content #pagenation ul li,
#content .lnav,
.article .figure,
body#top #mv ul {
	text-align: center
}

#page-content section img,
body#about #main,
body#about_close #main,
body#about_company #main,
body#about_ma #main,
body#about_relatives #main,
body#evaluation01 #main,
body#price #main {
	max-width: 100%
}

#chart .article ul.ans li a,
#content .lnav li a,
.article .figure,
body#about_company .chart,
body#flow #sec03>div {
	behavior: url(../css/PIE.htc)
}

body#top #mv {
	width: 100%;
	background: url(../images/mv_bg.jpg) center top repeat-x
}

body#top #mv:after {
	height: 23px;
	background: url(../common_img/shadow01.png) center bottom no-repeat
}

body#top #mv .container {
	height: 320px;
	padding: 40px 0 0
}

body#top #mv ul {
	width: 605px
}

body#top #mv li:first-child {
	margin: 0 0 2px;
	padding: 0 0 5px;
	border-bottom: 1px solid #fff
}

body#top #main {
	max-width: 1000px;
	padding-bottom: 50px
}

body#top #content .section {
	min-height: 320px;
	margin-bottom: 20px !important;
	padding-top: 10px
}

body#top #sec01 .section {
	background: url(../images/img01.jpg) left top no-repeat;
	padding-left: 280px
}

body#top #sec02 .section {
	background: url(../images/img02.jpg) right top no-repeat;
	padding-right: 280px
}

body#top #sec03 .section {
	background: url(../images/img03.jpg) left top no-repeat;
	padding-left: 280px
}

body#top #sec04 .section {
	background: url(../images/images5.jpg) left top no-repeat;
	padding-left: 280px
}

body#top #sec05 .section {
	background: url(../images/images6.jpg) left top no-repeat;
	padding-left: 280px
}

#formpage #content {
	float: none;
	width: 1000px
}

#contenthead {
	width: 100%;
	background: url(../common_img/pagettl_bg.jpg) center top repeat-x
}

#contenthead:after {
	height: 23px;
	background: url(../common_img/shadow01.png) center bottom no-repeat
}

#contenthead .container {
	height: 150px
}

#contenthead h2 {
	position: absolute;
	top: 55px;
	left: 30px;
	padding: 0 10px 5px;
	border-bottom: 1px solid #fff
}

#content .lnav,
.article .figure,
.photo {
	position: relative
}

#content div.lead {
	padding: 30px;
	margin: 0 0 80px
}

#content div.lead p strong {
	color: #d70e26
}

#content p.lead {
	margin: 0 20px 30px !important
}

#content .lnav {
	margin: 0 0 50px;
	clear: both
}

#content .lnav li {
	display: inline-block;
	margin: 0 10px
}

#content .lnav li a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	display: block;
	padding: 10px 30px;
	background: #63ab2e;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px
}

#content .lnav li a:hover {
	background: #ffc40f
}

#content .gmap {
	padding: 5px;
	border: 2px solid #d7d7d7
}

#content #pagenation ul {
	margin: 0 10px
}

#content #pagenation ul li a {
	width: 200px;
	line-height: 38px;
	padding: 0
}

#content #pagenation ul li a:after {
	top: 14px
}

#content #pagenation ul li#prev {
	float: left
}

#content #pagenation ul li#prev a:after {
	left: 12px
}

#content #pagenation ul li#next {
	float: right
}

#content #pagenation ul li#next a:after {
	right: 12px
}

#content #bnr {
	margin: 50px 0 0
}

#content #bnr li {
	display: inline-block;
	margin: 0 10px 10px
}

.article .figure {
	padding: 20px 0;
	margin: 50px 0 0;
	border: 2px solid #e7cb9f;
	background: url(../common_img/bg02.gif) -2px top;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px
}

.photo a:after {
	content: url(../common_img/ico_zoom.png);
	position: absolute;
	bottom: 0;
	right: 0
}

.plugin dt {
	float: left;
	margin-right: 15px
}

#page-content section h1,
#page-content section h2 {
	margin: 0 0 20px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
}

.plugin dd {
	font-size: 90%
}

.plugin dd a {
	color: #555 !important
}

.plugin dd a:hover {
	color: #888 !important;
	text-decoration: none
}

.outlink {
	font-size: 80% !important;
	background: url(../common_img/ico_outlink.png) right center no-repeat;
	padding: 0 16px 0 0
}

.constr {
	padding: 250px 0 500px !important;
	text-align: center !important
}

#page-content {
	padding: 0 15px
}

#page-content #primary {
	margin: 0 !important;
	padding: 0 !important
}

#page-content section {
	padding: 60px 0
}

#page-content section h1 {
	font-size: 36px;
	color: #0054A7;
	text-align: center
}

#page-content section h2 {
	font-size: 30px;
	text-align: center;
	font-weight: 400
}

#page-content section h3 {
	margin: 0 0 10px;
	font-size: 24px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	font-weight: 400
}

#page-content section h4 {
	margin: 0 0 10px;
	font-size: 20px;
	text-align: center;
	font-weight: 700
}

#page-content section h5 {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6
}

#page-content section strong {
	display: block;
	margin: 40px auto 0;
	text-align: center;
	font-size: 20px;
	letter-spacing: 1px
}

#page-content section.sec01,
#page-content section.sec03,
#page-content section.sec05 {
	background: #F0F9FE
}

#page-content section ol,
#page-content section ul {
	padding-left: 40px
}

#page-content section ol li {
	padding: 0 0 10px;
	list-style: decimal;
	line-height: 1.6
}

#page-content section ul li {
	padding: 0 0 10px;
	list-style: disc;
	line-height: 1.6
}

#page-content section hr {
	margin: 50px 0;
	border-bottom: 1px solid #C9C9C9
}

#page-content section p {
	max-width: 1000px;
	margin: 0 auto 1rem
}

.flow-box {
	position: relative;
	margin: 50px 0 55px;
	padding: 30px 30px;
	background: #fff
}

.flow-box:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 200px 0;
	border-color: #fff transparent transparent;
	bottom: -40px;
	left: 0;
	right: 0;
	margin: 0 auto
}

.flow-box.last:after {
	display: none !important
}

section .btn-l {
	text-align: center
}

section .btn {
	margin: 0 0 10px;
	padding: 0 40px 0 20px;
	width: auto;
	height: 50px;
	line-height: 50px;
	background: #2999D1;
	border: 1px solid #2999D1;
	border-radius: 0;
	color: #fff;
	text-decoration: none;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}

section .btn:hover {
	opacity: .8;
	color: #fff !important
}

section .btn:hover:after {
	color: #6E6E6E
}

section .btn .hvr-icon {
	position: absolute;
	right: 15px;
	top: 16px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	color: #fff
}

section .btn:active .hvr-icon,
section .btn:focus .hvr-icon,
section .btn:hover .hvr-icon {
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

section .btn:active,
section .btn:focus,
section .btn:hover {
	-webkit-animation-name: hvr-back-pulse;
	animation-name: hvr-back-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

#page-content section .box .row .col-12 div {
	height: 100%;
	background: #fff;
	border: 3px solid #D0E3F5
}

#page-content section .box .row div {
	margin-bottom: 20px
}

#page-content section .box h4 {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0 20px
}

#page-content section .box .row p {
	padding: 0 5%
}

#page-content section .box ul {
	margin: 0;
	padding: 0 20px 30px 40px
}

#page-content section .box .ok ul li {
	position: relative;
	list-style: none
}

#page-content section .box .ok ul li:before {
	position: absolute;
	content: "○";
	top: 0;
	left: -18px;
	font-weight: 700;
	color: #0054A7
}

#page-content section .box .batu ul li {
	position: relative;
	list-style: none
}

#page-content section .box .batu ul li:before {
	position: absolute;
	content: "\f00d";
	top: 0;
	left: -18px;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: #FFA2A3
}

#page-content section .box .check ul li {
	position: relative;
	list-style: none
}

#page-content section .box .check ul li:before {
	position: absolute;
	content: "\f00c";
	top: 0;
	left: -20px;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: #0054A7
}

#page-content section .box02 {
	margin-bottom: 20px
}

#page-content section .box02 div div {
	height: 100%;
	padding: 20px 20px 10px;
	background: #D0E3F5
}

#page-content section .window {
	margin: 30px 0 0
}

#page-content section .window div a {
	display: block;
	height: 100%;
	padding: 20px 0;
	background: #D0E3F5
}

#page-content section .window p.number {
	display: block;
	margin: 0 auto 20px;
	padding: 0;
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 30px
}

#page-content section .window p {
	padding: 0 5%
}

#page-content section .number {
	display: block;
	margin: 0 auto 20px;
	background: #D0E3F5;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 50px
}

#page-content ul.attention {
	margin: 0 auto !important;
	width: 100%;
	font-size: 10px
}

#page-content ul.attention>li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none
}

#page-content ul.attention>li:before {
	content: "※";
	position: absolute;
	left: -1.5em;
	color: inherit;
	font-weight: 700;
	margin: 0 5px 0 0
}

#form h4,
body#flow #sec01,
body#flow #sec02 ul,
body#flow #sec03>div {
	position: relative
}

body#diagnosis #contenthead h2:after {
	content: url(../images/diagnosis/label.png);
	position: absolute;
	top: -30px
}

body#diagnosis .lead {
	padding-right: 380px;
	min-height: 200px;
	background: url(../images/diagnosis/img01.jpg) right top no-repeat #ffefd8
}

body#diagnosis dl.dl01 dt {
	font-size: 18px;
	margin: 0 0 10px
}

body#diagnosis dl.dl01 dd {
	margin-bottom: 20px
}

body#diagnosis #toform {
	font-size: 16px;
	font-weight: 700;
	padding: 30px;
	background: #F0F7E4
}

body#diagnosis #toform strong {
	color: #d70e26
}

body#diagnosis #toform .btn01 {
	margin-top: 50px
}

body#diagnosis #toform .btn01 a {
	width: 300px;
	margin: 0 auto !important
}

#form h4 {
	font-size: 20px;
	line-height: 1.3;
	border-left: 100px solid #f9bb25;
	border-bottom: 2px solid #f9bb25;
	padding: 5px 0 3px 15px;
	margin: 0 0 25px
}

#form h4 span {
	position: absolute;
	top: 5px;
	left: -85px;
	color: #fff
}

body#flow #sec01 {
	margin-bottom: 10px !important
}

body#flow #sec01 p {
	position: absolute;
	bottom: 20px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 20px 50px;
	margin: 0 20px;
	background: #333;
	background: rgba(0, 0, 0, .7)
}

body#flow #sec02 {
	min-height: 520px;
	margin: 30px 0 10px !important;
	background: url(../images/flow/img03.png) center bottom no-repeat
}

body#flow #sec02 ul li {
	position: absolute
}

body#flow #sec02 ul li span {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	width: 255px;
	height: 255px;
	background: url(../images/flow/txtbg.png) center top no-repeat
}

body#flow #sec02 ul li#issue01 {
	top: 100px;
	left: 0
}

body#flow #sec02 ul li#issue02 {
	top: 0;
	left: 245px
}

body#flow #sec02 ul li#issue03 {
	top: 100px;
	right: 0
}

body#flow #sec03>div {
	padding: 50px 30px 30px;
	border: 3px solid #ff9e5c;
	background: #fffae8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 20px 0 rgba(255, 199, 126, .8) inset;
	-webkit-box-shadow: 0 0 20px 0 rgba(255, 199, 126, .8) inset;
	-o-box-shadow: 0 0 20px 0 rgba(255, 199, 126, .8) inset;
	-ms-box-shadow: 0 0 20px 0 rgba(255, 199, 126, .8) inset;
	box-shadow: 0 0 20px 0 rgba(255, 199, 126, .8) inset
}

body#flow #sec03 ol {
	margin: 0 0 20px
}

body#flow #sec03 ol li {
	color: #412615;
	font-size: 26px;
	font-weight: 700;
	margin: 0 0 10px;
	padding: 0 10px;
	list-style: decimal inside;
	border-bottom: 2px dotted #666
}

body#flow #sec03 ol li a {
	color: #412615;
	text-decoration: none
}

body#flow #sec03 ol li a:hover {
	color: #F74B1F
}

body#flow #sec03 .btn {
	text-align: center
}

#chart .article {
	padding: 100px 30px
}

#chart .article p.ques {
	font-size: 24px;
	text-align: center;
	margin-bottom: 50px
}

#chart .article ul.ans {
	text-align: center;
	padding: 0;
	margin: 0
}

#chart .article ul.ans li {
	font-size: 30px;
	font-weight: 700;
	display: inline-block;
	margin: 0 10px
}

#chart .article ul.ans li a {
	color: #fff;
	text-decoration: none;
	display: block;
	position: relative;
	padding: 20px 100px;
	border: 2px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3);
	-webkit-box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3);
	-o-box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3);
	-ms-box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3);
	box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3)
}

#chart .article ul.ans li a:hover {
	-moz-box-shadow: 0 0 3px 0 rgba(127, 93, 78, .3);
	-webkit-box-shadow: 0 0 3px 0 rgba(127, 93, 78, .3);
	-o-box-shadow: 0 0 3px 0 rgba(127, 93, 78, .3);
	-ms-box-shadow: 0 0 3px 0 rgba(127, 93, 78, .3);
	box-shadow: 0 0 3px 0 rgba(127, 93, 78, .3)
}

#chart .article ul.ans li.yes a {
	background: #d70e26
}

#chart .article ul.ans li.no a {
	background: #0e6dd7
}

#chart #content .c_contact {
	margin-top: 80px !important
}

#chart .off_class {
	padding: 10px 30px
}

#chart .off_class h1,
body#chart .off_class h2,
body#chart .off_class h3,
body#chart .off_class h4,
body#chart .off_class h5 {
	animation-name: none;
	animation-duration: 0s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;
	backface-visibility: visible;
	border-bottom: 0;
	border-collapse: separate;
	border-color: currentColor;
	border-image: none;
	border-left: 0;
	border-radius: 0;
	border-right: 0;
	border-style: none;
	border-spacing: 0;
	border-top: 0;
	border-width: medium;
	bottom: auto;
	box-shadow: none;
	box-sizing: content-box;
	caption-side: top;
	clip: auto;
	clear: none;
	column-fill: balance;
	column-count: auto;
	column-gap: normal;
	column-rule-color: currentColor;
	column-rule-style: none;
	column-rule-width: none;
	column-span: none;
	column-width: auto;
	content: normal;
	counter-increment: none;
	counter-reset: none;
	cursor: auto;
	direction: itr;
	display: inline;
	empty-cells: show;
	float: none;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	height: auto;
	hyphens: manual;
	left: auto;
	letter-spacing: normal;
	line-height: normal;
	margin: 0;
	max-height: none;
	max-width: none;
	min-height: 0;
	min-width: 0;
	opacity: 1;
	orphans: 2;
	outline-color: invert;
	outline-offset: 0;
	outline-style: none;
	outline-width: medium;
	overflow: visible;
	overflow-x: visible;
	overflow-y: visible;
	padding: 0;
	page-break-after: auto;
	page-break-before: auto;
	page-break-inside: auto;
	perspective: none;
	perspective-origin: 50% 50%;
	position: static;
	resize: none;
	right: auto;
	table-layout: auto;
	tab-size: 8;
	text-align: start;
	text-align-last: auto;
	text-decoration-color: currentColor;
	text-decoration-line: none;
	text-decoration-style: solid;
	text-indent: 0;
	text-overflow: clip;
	text-rendering: auto;
	text-shadow: none;
	text-transform: none;
	top: auto;
	transform: none;
	transform-origin: 50% 50% 0;
	transform-style: flat;
	transition-delay: 0s;
	transition-duration: 0s;
	transition-property: all;
	transition-timing-function: ease;
	unicode-bidi: normal;
	vertical-align: baseline;
	visibility: visible;
	white-space: normal;
	widows: 2;
	width: auto;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	z-index: auto;
	background: 0 0;
	background: 0 0;
	background: 0 0;
	list-style: disc
}

#chart .off_class a {
	margin: 0 0 10px;
	padding: 0 40px 0 20px;
	width: auto;
	height: 50px;
	line-height: 50px;
	background: #2999D1;
	border: 1px solid #2999D1;
	border-radius: 0;
	color: #fff;
	text-decoration: none;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}

body#about #page-content section h2,
body#about #page-content section h3,
body#price #page-content section h2,
body#price #page-content section h3 {
	margin: 0 0 20px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	text-align: center
}

#chart .off_class a:hover {
	opacity: .8;
	color: #fff !important
}

#chart .off_class a:hover:after {
	color: #6E6E6E
}

#chart .off_class a:active,
#chart .off_class a:focus,
#chart .off_class a:hover {
	-webkit-animation-name: hvr-back-pulse;
	animation-name: hvr-back-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

body#about table {
	margin: 0 0 30px
}

body#about table th {
	font-size: 16px
}

body#about #page-content section h2,
body#price #page-content section h2 {
	font-size: 36px;
	color: #0054A7
}

body#about #page-content section h3,
body#price #page-content section h3 {
	font-size: 30px;
	font-weight: 400
}

body#about #page-content section.sec00 h3 {
	margin: 0 0 10px;
	font-size: 24px
}

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

	body#about #page-content section h2,
	body#price #page-content section h2 {
		font-size: 20px
	}

	body#about #page-content section h3,
	body#price #page-content section h3 {
		margin: 0 0 10px;
		font-size: 16px
	}

	body#about #page-content section h3 {
		margin: 10px 0 !important;
		padding: 0;
		font-size: 18px !important;
		background: 0 0
	}
}

body#about_relatives .article ol {
	margin: 0 0 20px
}

body#about_relatives .article ol li {
	font-weight: 700;
	margin: 0 20px;
	list-style: decimal inside
}

body#about_company .chart {
	position: relative;
	padding: 20px;
	margin: 50px 0 0;
	border: 2px solid #e7cb9f;
	background: url(../common_img/bg02.gif);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px
}

body#about_company .chart .section {
	position: relative;
	display: table;
	border-collapse: separate;
	border-spacing: 20px;
	width: 100%;
	margin: 0 !important
}

body#about_company .chart .section h3 {
	color: #fff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 6em;
	padding: 0;
	background: #7a9720;
	border: none
}

body#about_company .chart .section div {
	display: table-cell
}

body#about_company .chart .section div ul {
	padding: 20px 30px;
	background: #fff
}

body#about_company .chart .section div ul li {
	padding: 0 0 0 20px;
	background: url(../common_img/chk.png) left center no-repeat
}

body#about_company .chart .arrow {
	text-align: center;
	margin-top: 0
}

body#consulting #content-head {
	background-image: url(/img/bg07.jpg);
	background-size: 100% auto;
	background-position: center center
}

body#consulting #page-content section .window {
	margin-bottom: 20px
}

body#consulting #page-content section .window .col-12 div {
	display: block;
	height: 100%;
	padding: 40px 0;
	background: #D0E3F5
}

body#consulting #page-content section .window .col-12 div h3 {
	margin: 0;
	line-height: 1
}

body#consulting #page-content section .box ul {
	margin: 0;
	padding: 20px 20px 0 40px
}

#content-head {
	background-image: url(/img/bg01.jpg);
	background-size: 100% auto;
	background-position: center center;
	position: relative
}

.content-head {
	padding: 0 0 60px;
	background: rgba(255, 255, 255, .4)
}

#content-head span {
	font-weight: 600;
	position: absolute;
	top: 40px;
	left: 50%;
	width: auto;
	font-size: 100px;
	line-height: 1;
	white-space: nowrap;
	color: #d2d2d2;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0, transparent 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	letter-spacing: -.5px
}

#content-head h1 {
	padding: 100px 0 10px;
	margin: 0;
	font-weight: 600;
	letter-spacing: .08em;
	position: relative;
	font-size: 28px;
	line-height: 1.35;
	text-align: center
}

.loop .content p,
.loop .title {
	line-height: 1.6
}

#content-head h1 font {
	display: block;
	font-size: 16px;
	color: #737373
}

#breadcrumb li,
.loop .meta .category,
.loop .meta .date {
	display: inline-block
}

#breadcrumb {
	position: static;
	color: #7a9720;
	padding: 0;
	text-align: center;
	background: 0 0
}

#breadcrumb a {
	position: relative;
	z-index: 5;
	color: #585858 !important;
	text-decoration: underline
}

#breadcrumb li {
	float: none;
	font-size: 10px;
	margin: 0 5px;
	color: #585858
}

#breadcrumb li:before {
	margin-right: 10px;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 600
}

#breadcrumb li:first-child:before {
	content: normal
}

.loop .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center center;
	font-family: 'object-fit: cover;object-position: center center;'
}

.loop .image img:hover {
	opacity: .7
}

.loop .header>* {
	margin-bottom: 15px
}

.loop .header>:last-child {
	margin-bottom: 0
}

.loop .meta {
	font-size: 12px
}

.loop .meta .date {
	margin-right: 1.5em
}

.loop .meta .category a {
	margin-right: .5em;
	color: #00b8db;
	text-decoration: none
}

.loop .meta .category a:hover {
	opacity: .7
}

.loop .title {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 700
}

.loop .title a {
	color: inherit;
	text-decoration: none
}

.loop .title a:hover {
	text-decoration: underline
}

.loop .content {
	font-size: 12px
}

.loop-footer {
	border-top: solid 0 #dcdcdc;
	padding-top: 40px;
	margin-bottom: 40px
}

.loop-footer:last-child {
	margin-bottom: 0
}

.loop .type-key {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap
}

.loop .type-key .image {
	margin-bottom: 20px;
	height: 200px
}

.loop .type-key .image img {
	object-fit: cover;
	width: 100%;
	height: 100%
}

.loop .type-key .image img:hover {
	opacity: .7
}

.loop .type-key .title {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 700
}

.loop .type-key .title a {
	color: #000;
	text-decoration: none
}

.loop .type-key .content {
	margin-bottom: 15px;
	font-size: 12px
}

.loop .type-key .title a:hover {
	text-decoration: underline
}

.loop .type-key .meta {
	font-size: 12px
}

.loop .type-key .meta .category,
.loop .type-key .meta .date {
	display: inline-block;
	font-weight: 700
}

.loop .type-key .meta .date {
	margin-bottom: 10px;
	margin-right: 1.5em
}

.loop .type-key .meta .category a {
	margin-bottom: 10px;
	margin-right: 1em;
	color: #00b8db;
	font-weight: 700;
	text-decoration: none
}

.loop .type-key .meta .category a:hover {
	text-decoration: underline
}

@media screen and (min-width:600px) {

	.loop .type-full,
	.loop .type-full .col,
	.loop .type-full .col .image {
		height: 410px
	}

	.loop .type-full .col {
		position: relative
	}

	.loop .type-full .meta .date,
	.loop .type-full .title {
		font-size: 18px
	}

	.loop .type-full .header {
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(255, 255, 255, .75);
		padding: 20px
	}

	.loop .type-full .header>* {
		margin-bottom: 15px
	}
}

.loop .type-recommend {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-right: -20px
}

.loop .type-recommend .col {
	width: calc(33.33% - 20px);
	margin-right: 20px;
	margin-bottom: 40px
}

.loop .type-recommend .image {
	margin-bottom: 20px;
	height: 170px
}

.loop .type-recommend .title {
	font-size: 12px
}

.loop .type-recommend .content {
	display: none
}

@media screen and (max-width:768px) {
	.loop .row {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0
	}

	.loop .row .col .content {
		display: block
	}

	.loop .type-full .col {
		width: 100% !important;
		margin-bottom: 20px
	}

	.loop .type-full .image {
		height: 170px;
		margin-bottom: 10px
	}

	.loop .type-main .col {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.loop .type-main .image {
		width: 30%;
		height: 90px
	}

	.loop .type-main .header {
		width: 66%
	}

	.loop .type-main .title {
		line-height: 1.25;
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: 400
	}

	.loop .type-main .content {
		font-size: 9px
	}

	.loop .type-main .content p {
		line-height: 1.5
	}

	#sticky .row .col:nth-child(1):before {
		display: none !important
	}
}

#sticky {
	margin-bottom: 50px;
	width: 100%
}

#category_column img {
	width: 100%
}

#category_column a,
body.page-template-page-column a:link {
	color: #333;
	text-decoration: none
}

#category_column a:hover {
	color: #333;
	text-decoration: underline
}

#category_column #primary article {
	padding: 0 0 20px;
	margin: 0
}

#category_column #primary article+article {
	padding: 20px 0;
	border-top: 1px solid #ddd
}

#category_column #primary article .left {
	padding: 0
}

#category_column #primary article .left figure {
	margin: 0;
	width: 100%;
	height: 100%;
	position: relative
}

#category_column #primary article .left figure a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

#category_column #primary article .left figure img {
	height: 100%;
	width: auto;
	line-height: 0;
	position: absolute;
	bottom: 0
}

#category_column #primary article .left figure a:hover {
	opacity: .7
}

#category_column article .right h2 {
	margin: 0;
	font-size: 18px;
	font-weight: 700
}

#sticky #category_column article .right h2 {
	margin: 0 0 10px
}

#category_column article .right .meta {
	margin: 0 0 2px;
	color: #555
}

#category_column article .right .meta p+p {
	border-left: 1px solid #ddd
}

#category_column article .right .date {
	display: inline-block;
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 12px;
	line-height: 1.2
}

#category_column article .right .cat {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 1.2
}

#category_column article .right .come {
	margin: 0;
	font-size: 14px
}

.sidebar .category-list {
	margin-bottom: 80px !important
}

.sidebar .category-list ul li {
	position: relative;
	padding: 10px 2% 10px 20px;
	font-size: 14px
}

.sidebar .category-list ul li:before {
	position: absolute;
	content: "\f105";
	left: 0;
	top: 10px;
	font-weight: 600;
	font-family: "Font Awesome 5 Free"
}

#projects #page-content .project_list h2,
#projects #page-content.project-detail h1,
body#about_relatives #page-content section h3 {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
}

.sidebar .category-list ul li+li {
	border-top: 1px solid #ddd
}

.sidebar .block {
	margin: 0 0 40px
}

.sidebar .list-bnr li {
	margin-bottom: 10px
}

.sidebar .list-bnr li:last-child {
	margin-bottom: 0
}

.sidebar .list-bnr li a img:hover {
	opacity: .6
}

.article-meta .article-category a:hover,
.loop .type-side figure a:hover,
input.btn_search[type=submit]:hover {
	opacity: .7
}

.sidebar .sidebar .tit-main {
	font-size: 20px
}

.sidebar .sidebar .tit-main em {
	font-size: 13px
}

.sidebar .tit-icon {
	position: relative;
	margin-bottom: 10px;
	padding: 10px 5px 5px;
	background-color: #fff;
	color: #003364;
	font-size: 18px;
	font-weight: 700;
	border-top: 3px solid #003364;
	text-align: right
}

.sidebar .tit-icon::before {
	content: "";
	position: absolute;
	left: -14px;
	top: -7px;
	width: 64px;
	height: 64px;
	background: url(assets/images/ico-ranking.png) left center no-repeat;
	background-size: contain
}

.sidebar .ranking .tit-icon::before {
	background-image: url(assets/images/ico-ranking.png)
}

.sidebar .recommend .tit-icon::before {
	background-image: url(assets/images/ico-recommend.png)
}

.sidebar ul.list-tag {
	font-size: 0;
	letter-spacing: 0
}

.sidebar ul.list-tag li {
	font-size: 1rem;
	letter-spacing: 0;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px
}

.sidebar ul.list-tag li a {
	display: block;
	padding: 7px 15px 7px 30px;
	background: url(assets/images/ico-tag.png) 10px center no-repeat #00b8db;
	color: #fff;
	background-size: 14px auto;
	border-radius: 50px;
	line-height: 1;
	font-size: 1.1rem;
	font-weight: 700;
	text-decoration: none
}

.sidebar ul.list-tag li a:hover {
	background-color: #ddd
}

.loop .type-side .col-12 {
	float: none;
	margin-bottom: 15px;
	min-height: 75px
}

.loop .type-side .col-12 figure img {
	width: auto !important;
	float: none;
	display: block;
	margin: 0
}

.loop .type-side .col-12:after,
.loop .type-side:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}

.ranking .loop .type-side .col-12:nth-child(1) .image:before,
.ranking .loop .type-side .col-12:nth-child(2) .image:before,
.ranking .loop .type-side .col-12:nth-child(3) .image:before,
.ranking .loop .type-side .col-12:nth-child(4) .image:before,
.ranking .loop .type-side .col-12:nth-child(5) .image:before {
	content: "1";
	position: absolute;
	z-index: 1;
	top: -8px;
	left: -8px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
	background-color: #0054A7;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: 0
}

.ranking .loop .type-side .col-12:nth-child(1) .image:before {
	content: "1";
	background-color: #dcb43b
}

.ranking .loop .type-side .col-12:nth-child(2) .image:before {
	content: "2";
	background-color: #b5b5b5
}

.ranking .loop .type-side .col-12:nth-child(3) .image:before {
	content: "3";
	background-color: #c8a96d
}

.ranking .loop .type-side .col-12:nth-child(4) .image:before {
	content: "4"
}

.ranking .loop .type-side .col-12:nth-child(5) .image:before {
	content: "5"
}

.loop .type-side .col-12 {
	margin: 0 0 10px
}

.loop .type-side figure {
	float: left;
	margin: 0;
	width: 25%;
	height: 100%;
	max-width: 75px;
	position: relative
}

.loop .type-side figure::before {
	content: "";
	display: block;
	padding-top: 100%
}

.loop .type-side figure a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.loop .type-side figure img {
	height: 100%;
	width: auto;
	line-height: 0;
	position: absolute;
	bottom: 0
}

.loop .type-side .header {
	float: right;
	width: 73%
}

.loop .type-side .meta {
	font-size: 10px;
	line-height: 1.5;
	width: 100%;
	margin: 0;
	float: left
}

.loop .type-side .meta>* {
	display: block;
	margin: 5px 0
}

.loop .type-side .title {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5
}

.loop .type-side .content {
	display: none
}

#category_column,
#single-content {
	margin-top: 60px
}

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

	#category_column,
	#single-content {
		margin-top: 30px
	}
}

.article-header {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: solid 1px #dcdcdc
}

.article-header:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}

.article-image {
	float: right;
	width: 25%;
	height: 120px;
	margin-left: 20px;
	margin-bottom: 20px
}

.article-image img {
	object-fit: cover;
	width: 100%;
	height: 100%
}

.article-title {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25
}

.article-title a {
	text-decoration: none
}

.article-title a:hover {
	text-decoration: underline
}

.article-meta {
	margin-bottom: 0;
	font-size: 12px
}

.article-meta .article-category,
.article-meta .article-date {
	display: inline-block
}

.article-meta .article-date {
	margin: 0 1.5em 1em 0
}

.article-meta .article-category a {
	margin-right: .5em;
	padding: 0 1em;
	border-radius: 3px;
	background-color: #003364;
	color: #fff;
	font-size: 10px;
	text-decoration: none
}

.article-summary {
	margin-bottom: 20px;
	color: #666
}

.article-readingtime {
	max-width: 500px;
	width: 100%;
	background-color: #eee;
	margin: 0 0 10px;
	padding: 3px 12px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #aaa
}

.article-readingtime strong {
	display: inline-block;
	color: #333
}

.article-relatedposts {
	margin-top: 40px;
	margin-bottom: 20px;
	border: 1px solid #dcdcdc;
	padding: 30px
}

.article-relatedposts .tit {
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.25
}

.article-relatedposts li,
.article-relatedposts p {
	line-height: 1.5
}

.article-relatedposts li {
	margin-bottom: .5em
}

.article-author-cov {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.article-author {
	position: relative;
	float: left;
	width: 48%;
	height: 100%;
	margin: 0 4% 40px 0;
	padding: 0
}

.article-author:nth-child(2) {
	margin: 0
}

.article-author .pic {
	float: right;
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin: -5px 0 20px 20px;
	border-radius: 70px;
	box-sizing: border-box;
	border: 5px solid #fff
}

.article-author .pic img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center center
}

.article-author .tit,
.article-author .txt {
	overflow: hidden;
	margin-bottom: 5px
}

.article-author .tit {
	margin-bottom: 5px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.25
}

.article-author .tit span {
	display: block;
	margin-right: 1em;
	margin-bottom: 5px;
	color: #666;
	font-size: 1.2rem;
	font-weight: 400
}

.article-author .link,
.article-author .txt {
	color: #666;
	font-size: 1.2rem;
	line-height: 1.6
}

.article-author .txt a {
	display: none
}

.article-author .link {
	position: absolute;
	right: 5px;
	bottom: 0
}

.article-author .link a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff
}

.article-author .link a:hover {
	background: #DCF5F9
}

.article-sns {
	margin-bottom: 0
}

.article-sns .item {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 5px 0;
	max-width: 200px;
	overflow: hidden
}

.article-summary {
	font-size: 1.3rem
}

.article-summary p {
	margin-bottom: 0;
	line-height: 1.75;
	letter-spacing: 0
}

.article-content {
	margin-bottom: 40px;
	font-size: 16px;
	color: #333
}

#main .article-content,
#main .article-content p {
	line-height: 1.75
}

#main .article-content img {
	width: 100%;
	height: auto
}

.more-link {
	display: none
}

.va-social-buzz .vasb_fb .vasb_fb_thumbnail,
.vasb_fb_like_text br {
	display: none !important
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 700;
	line-height: 1.5
}

.article-content h2 {
	position: relative;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 0 .5em .5em 1.7em;
	font-size: 20px;
	border-bottom: solid 3px #dcdcdc
}

.article-content h2:after,
.article-content h2:before {
	position: absolute;
	content: ""
}

.article-content h2:before {
	background: #FF8002;
	top: 0;
	left: .4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

.article-content h2:after {
	background: #FF9702;
	top: 1em;
	left: 0;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg)
}

.article-content h3 {
	font-size: 18px;
	position: relative
}

.article-content h4,
.article-content h5,
.article-content h6 {
	font-size: 1em
}

.article-content h1:first-child,
.article-content h2:first-child,
.article-content h3:first-child,
.article-content h4:first-child,
.article-content h5:first-child,
.article-content h6:first-child {
	margin-top: 0
}

.article-content table {
	margin: 0 0 20px;
	width: 100%
}

.article-content tr {
	border-bottom: none
}

.article-content td,
.article-content th {
	padding: 5px;
	border: 1px solid #555
}

.article-content th {
	background-color: #ccc;
	font-weight: 700
}

.article-content ol,
.article-content ul {
	padding-left: 40px
}

.article-content ul li {
	list-style: disc
}

.article-content ol li {
	list-style: decimal
}

.article-footer {
	margin-bottom: 40px
}

.article-footer .article-sns {
	text-align: right
}

details#article-contact {
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: .5em .5em 0
}

details#article-contact summary {
	font-weight: 700;
	margin: -.5em -.5em 0;
	padding: .5em .8em
}

details#article-contact[open] {
	padding: .5em
}

details#article-contact[open] summary {
	border-bottom: 1px solid #aaa;
	margin-bottom: .5em
}

.va-social-buzz .vasb_fb .vasb_fb_like {
	color: #707070 !important;
	height: auto !important
}

aside .tit-icon {
	position: relative;
	margin-bottom: 5px;
	padding: 10px 5px;
	background-color: #fff;
	color: #003364;
	font-size: 22px;
	font-weight: 700;
	border-top: 3px solid #003364
}

aside .tit-icon::before {
	content: "";
	position: absolute;
	left: -14px;
	top: -7px;
	width: 64px;
	height: 64px;
	background: url(assets/images/ico-ranking.png) left center no-repeat;
	background-size: contain
}

body#basicknowledge #content-head,
body#jigyoushoukei_flow #content-head,
body#koukeisha #content-head,
body#ma_about #content-head,
body#ma_flow #content-head {
	background-image: url(/img/bg09.jpg)
}

aside .loop .col {
	padding: 0 7px
}

aside .loop .col:first-child {
	padding: 0 7px 0 15px
}

aside .loop .col:last-child {
	padding: 0 15px 0 7px
}

aside .loop .col figure {
	margin: 0 0 10px
}

aside .loop .title {
	font-size: 14px;
	line-height: 1.4
}

body#jigyoushoukei_flow .window .row div a {
	position: relative;
	padding: 33px 0 20px !important;
	text-align: center;
	font-size: 18px;
	font-weight: 700
}

body#jigyoushoukei_flow .window .row div:nth-child(3) a {
	padding: 20px !important
}

body#jigyoushoukei_flow .window .row div+div:before {
	position: absolute;
	content: "";
	top: 0;
	left: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 0 60px 30px;
	border-color: transparent transparent transparent #D0E3F5
}

body#jigyoushoukei_flow section.sec01 strong {
	margin: 20px auto 0
}

body#koukeisha #page-content section.sec01 .box ul {
	padding: 20px 20px 0 40px
}

body#koukeisha #page-content section.sec02 .box ul {
	padding: 0 20px 0 40px
}

body#ma_flow .flow-box:nth-child(7):after {
	display: none
}

body#ma_about #page-content section .box h4 {
	padding: 20px 0 5px
}

body#ma_about #page-content section table {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 5px
}

body#ma_about #page-content section table td {
	padding: 0;
	text-align: center
}

body#ma_about #page-content section table td a {
	display: block;
	padding: 10px;
	width: 100%;
	height: 100%;
	font-weight: 700
}

body#ma_about #page-content section table td.table_a {
	background: #8BB1D7
}

body#ma_about #page-content section table td.table_b {
	background: #A0BFDE
}

body#ma_about #page-content section table td.table_c {
	background: #BBD1E7
}

body#ma_about #page-content section table td.table_d {
	background: #D2E1EF
}

body#daisanshashoukei #page-content section .box .row .col-12>div {
	padding: 20px 0 0
}

body#daisanshashoukei #page-content section .box small {
	display: block;
	width: 100%;
	text-align: right
}

body#daisanshashoukei .sec01 .flow-box:last-child:after,
body#daisanshashoukei .sec02 .flow-box:last-child:after,
body#evaluation01 .sec02 .frame01 .flow-box:nth-child(4):after,
body#evaluation01 .sec03 .frame01 .flow-box:nth-child(6):after {
	display: none !important
}

body#daisanshashoukei .sec02 .flow-box {
	background: #F0F9FE
}

body#evaluation00 #content-head,
body#evaluation01 #content-head,
body#ma_assetpurchase #content-head,
body#ma_corporate_divestiture #content-head,
body#ma_stockpurchase #content-head,
body#shoukibo_ma #content-head {
	background-image: url(/img/bg09.jpg)
}

body#daisanshashoukei .sec02 .flow-box:after {
	border-color: #F0F9FE transparent transparent
}

body#daisanshashoukei #page-content section .box ul {
	padding: 1px 20px 00px 40px
}

body#ma_corporate_divestiture section th,
body#ma_stockpurchase section th {
	padding: 8px 20px;
	background: #D0E3F5;
	vertical-align: middle;
	text-align: center
}

body#ma_stockpurchase section table {
	margin: 0 auto 20px;
	width: 100%
}

body#ma_stockpurchase section td {
	padding: 10px 20px;
	text-align: center;
	border-bottom: 1px solid #dedede;
	background: #fafafa
}

body#ma_stockpurchase section th {
	border-bottom: 1px solid #fafafa
}

body#ma_stockpurchase section th+th {
	border-left: 1px solid #fafafa
}

body#ma_stockpurchase section td+td {
	border-left: 1px solid #dedede
}

body#ma_stockpurchase section .frame01 td+td {
	border-left: none
}

body#ma_stockpurchase section td.none,
body#price section th.none {
	border-bottom: none
}

body#ma_stockpurchase section td font {
	font-weight: 700
}

body#ma_stockpurchase #page-content section.sec02 h2 {
	margin: 80px 0 20px
}

body#ma_assetpurchase #page-content section h1 {
	margin: 0 0 60px
}

body#ma_corporate_divestiture section table {
	margin: 0 auto 20px;
	width: 100%
}

body#ma_corporate_divestiture section td {
	padding: 10px 20px;
	text-align: center;
	border-bottom: 1px solid #dedede;
	background: #fafafa
}

body#ma_corporate_divestiture section th {
	border-bottom: 1px solid #fafafa
}

body#ma_corporate_divestiture section th+th {
	border-left: 1px solid #fafafa
}

body#ma_corporate_divestiture section td+td {
	border-left: 1px solid #dedede
}

body#ma_corporate_divestiture section .frame01 td+td {
	border-left: none
}

body#ma_corporate_divestiture section td.none,
body#price section th.none {
	border-bottom: none
}

body#ma_corporate_divestiture section td font {
	font-weight: 700
}

body#ma_corporate_divestiture #page-content section.sec02 h2 {
	margin: 80px 0 20px
}

body#evaluation00 #page-content .window {
	margin-bottom: 20px
}

body#evaluation00 #page-content section .box ul {
	padding: 10px 20px 0 40px
}

body#evaluation01 .frame01 {
	margin: 50px 30px 0
}

body#evaluation01 .frame01 .flow-box {
	padding: 30px
}

body#evaluation01 .frame01 .flow-box:nth-child(2) {
	margin-top: 15px
}

body#evaluation01 .frame01 .flow-box h5 {
	text-align: center;
	margin: 0 0 10px
}

body#evaluation01 .sec02 .frame01 table {
	margin: 0 auto 5px;
	width: 100%
}

body#evaluation01 .sec02 .frame01 table small {
	text-align: center
}

body#evaluation01 .sec02 .frame01 td {
	padding: 8px 20px;
	text-align: center
}

body#evaluation01 .sec02 .frame01 th {
	padding: 5px 20px;
	vertical-align: middle;
	border-bottom: 1px solid #fafafa;
	background: #D0E3F5;
	text-align: center
}

body#evaluation01 .sec02 .frame01 th+th {
	border-left: 1px solid #fafafa
}

body#evaluation01 .sec02 .frame01 td {
	border-bottom: 1px solid #dedede;
	background: #fafafa
}

body#evaluation01 .sec02 .frame01 td+td {
	border-left: 1px solid #dedede
}

body#evaluation01 .sec02 .frame01 .frame01 td+td {
	border-left: none
}

body#evaluation01 .sec02 .frame01 td.none,
body#evaluation01 .sec02 .frame01 th.none {
	border-bottom: none
}

body#evaluation01 .sec02 .frame01 small {
	display: block;
	width: 100%;
	text-align: right
}

body#evaluation01 .sec03 .frame01 .flow-box h5 {
	margin: 0 auto;
	width: 300px;
	background: #fff;
	z-index: 1;
	position: relative
}

body#evaluation01 .sec03 .frame01 strong {
	margin: -10px 0 20px;
	padding: 20px 0;
	border: 1px solid #333
}

body#about .sec01 .box+.box,
body#about_ma .sec00 .box+.box {
	border-top: 1px solid #C9C9C9
}

body#apparel #page-content section.sec01 h1,
body#apparel #page-content section.sec02 h1,
body#autoparts #page-content section.sec02 h1,
body#constraction #page-content section.sec01 h1,
body#constraction #page-content section.sec02 h1,
body#itmarket #page-content section.sec01 h1,
body#itmarket #page-content section.sec02 h1,
body#logystics #page-content section.sec00 h1,
body#logystics #page-content section.sec01 h1,
body#logystics #page-content section.sec02 h1,
body#logystics #page-content section.sec03 h1,
body#pharmacy #page-content section.sec01 h1,
body#pharmacy #page-content section.sec02 h1 {
	margin: 0 0 60px
}

body#apparel section table,
body#constraction section table {
	margin: 0 auto 20px;
	width: 100%;
	max-width: 600px
}

body#autoparts #page-content section .box ul,
body#constraction #page-content section .box ul {
	padding: 20px 20px 0 40px
}

body#autoparts #page-content section .box .row p,
body#constraction #page-content section .box .row p {
	padding: 0
}

body#apparel section th,
body#constraction section th {
	padding: 10px 20px;
	background: #D0E3F5;
	vertical-align: middle
}

body#constraction #page-content section.sec01 small {
	display: block;
	width: 100%;
	text-align: right
}

body#apparel section td {
	padding: 15px 20px;
	text-align: center;
	border-bottom: 1px solid #dedede;
	background: #fafafa
}

body#apparel section th {
	border-bottom: 1px solid #fafafa;
	text-align: center
}

body#apparel section th+th {
	border-left: 1px solid #fafafa
}

body#apparel section td+td {
	border-left: 1px solid #dedede
}

body#apparel section .frame01 td+td {
	border-left: none
}

body#apparel section td.none,
body#price section th.none {
	border-bottom: none
}

body#constraction section td {
	padding: 15px 20px;
	text-align: center;
	border-bottom: 1px solid #dedede;
	background: #fafafa
}

body#constraction section th {
	border-bottom: 1px solid #fafafa;
	text-align: center
}

body#constraction section th+th {
	border-left: 1px solid #fafafa
}

body#constraction section td+td {
	border-left: 1px solid #dedede
}

body#constraction section .frame01 td+td {
	border-left: none
}

body#constraction section td.none,
body#price section th.none {
	border-bottom: none
}

body#about #content-head {
	background-image: url(/img/bg03.jpg)
}

body#about .sec00 p {
	text-align: center
}

body#about .sec01 .box {
	padding: 50px 0 0;
	margin-bottom: 50px
}

body#about .sec01 .box .row {
	margin: 0;
	padding: 20px 0 10px
}

body#about .sec01 .box .row.white {
	background: #fff
}

body#about .sec01 h3 {
	padding: 30px 0 0
}

body#about .sec01 h4 {
	position: relative;
	display: inline-block
}

body#about_close #content-head {
	background-image: url(/img/bg03.jpg)
}

.about_close .sec00 .row div {
	background: #F0F9FE
}

body#about_company #content-head,
body#about_ma #content-head,
body#about_relatives #content-head {
	background-image: url(/img/bg03.jpg)
}

.about_close .sec00 .row h3 {
	padding: 20px 0 10px
}

.about_close .sec00 .row div.col-lg-2 {
	padding: 0 15px 10px
}

.about_close .sec00 .row div.col-lg-2:nth-child(1) {
	padding: 0 15px 0 30px
}

.about_close .sec00 .row div.col-lg-2:nth-child(4) {
	padding: 0 30px 0 15px
}

.about_close #page-content section.sec01 h1 {
	margin: 0 0 50px
}

body#about_relatives #page-content section.sec00 h1 {
	margin: 0 0 6px;
	line-height: 1.4
}

body#about_relatives #page-content section.sec00 h1 span {
	font-size: 30px
}

body#about_relatives #page-content section h2 {
	margin: 50px 0 20px
}

body#about_relatives #page-content section h2.title {
	margin: 0 0 20px;
	font-size: 26px
}

body#about_relatives #page-content section h3,
body#about_relatives #page-content section span {
	font-weight: 700
}

@media screen and (max-width:767px) {
	body#about_relatives #page-content section.sec00 h1 span {
		font-size: 20px
	}

	body#about_relatives #page-content section h2.title {
		margin: 0 0 20px;
		font-size: 18px
	}
}

body#about_company #page-content section small {
	display: block;
	margin: -20px 0 10px;
	padding: 0 15px 0 0;
	width: 100%;
	text-align: right
}

body#about_ma .flow {
	padding: 40px 0 0 70px;
	min-height: 265px;
	background: url(../images/about/ma/flow_bg.png) center top no-repeat
}

body#about_ma .flow dl {
	float: left;
	width: 160px;
	margin: 0 0 0 80px
}

body#about_ma .flow dl:first-child {
	margin-left: 0
}

body#about_ma .flow dl dt {
	margin: 0 0 35px
}

body#about_ma .sec00 .box {
	padding: 50px 0 0;
	margin-bottom: 50px
}

body#about_ma .sec00 .box .row {
	margin: 0;
	padding: 20px 0 0
}

@media screen and (max-width:767px) {
	body#about_ma .sec00 .box {
		padding: 30px 0 0;
		margin-bottom: 30px
	}
}

body#about_ma #ma_project .section {
	position: relative;
	display: table;
	margin-bottom: 30px !important
}

body#about_ma #ma_project .section h4 {
	position: relative;
	display: table-cell;
	text-align: center;
	width: 98px;
	padding: 15px 0;
	border: 1px solid #abd486
}

body#about_ma #ma_project .section h4:after {
	position: absolute;
	left: -1px;
	z-index: 10
}

body#about_ma #ma_project .section h4 img {
	position: absolute;
	left: 15px
}

body#about_ma #ma_project #step01 h4 {
	background: #eef9d3
}

body#about_ma #ma_project #step01 h4:after {
	bottom: -40px;
	content: url(../images/price/arrow01.png)
}

body#about_ma #ma_project #step02 h4 {
	background: #e3f3bc
}

body#about_ma #ma_project #step02 h4:after {
	bottom: -40px;
	content: url(../images/price/arrow02.png)
}

body#about_ma #ma_project #step03 h4 {
	background: #D5EBAA
}

body#about_ma #ma_project #step03 h4:after {
	bottom: -40px;
	content: url(../images/price/arrow03.png)
}

body#about_ma #ma_project #step04 h4 {
	background: #C5E190
}

body#about_ma #ma_project #step04 h4:after {
	bottom: -40px;
	content: url(../images/price/arrow04.png)
}

body#about_ma #ma_project .section div {
	display: table-cell;
	padding: 20px 15px !important;
	width: 610px
}

body#about_ma #ma_project .section div h5 {
	color: #7a9720;
	font-size: 18px;
	margin: 0 0 15px
}

body#about_ma #ma_project .section div h5 span {
	color: #727272;
	font-size: 14px;
	font-weight: 400
}

body#about_ma #ma_project .section div ul {
	margin-left: 25px
}

body#about_ma #ma_project #step03 div:after {
	content: url(../images/about/ma/img05.png);
	position: absolute;
	right: 0;
	top: -120px
}

body#about_ma #ma_project #step04 div:after {
	content: url(../images/about/ma/img06.png);
	position: absolute;
	right: 0;
	top: 0
}

body#about_ma #ma_project ul.attention {
	margin: 60px 0 0;
	color: #333 !important
}

body#about_ma #ma_project ul.attention>li {
	position: relative;
	margin: 0 0 10px 20px
}

body#about_ma #ma_project ul.attention>li:before {
	content: "※";
	position: absolute;
	left: -1.5em;
	color: #ea6c85;
	font-weight: 700;
	margin: 0 5px 0 0
}

body#about_ #content-head {
	background-image: url(/img/bg03.jpg)
}

body#price #content-head {
	background-image: url(/img/bg06.jpg)
}

body#price .sec00 h4 {
	margin: 0
}

body#price .sec01 .box {
	padding: 50px 0 0;
	margin-bottom: 50px
}

body#price .sec01 .box .row {
	margin: 0;
	padding: 20px 0 10px
}

body#price .sec01 .box+.box {
	border-top: 1px solid #C9C9C9
}

body#price .sec01 .box .row.white {
	background: #fff
}

body#price .sec01 .box .white {
	background: #fff;
	padding: 30px;
	margin: 0 0 30px
}

body#price section table {
	margin: 0 auto 20px;
	width: 100%;
	max-width: 600px
}

body#price section td {
	padding: 15px 20px;
	text-align: center;
	border-bottom: 1px solid #dedede;
	background: #fafafa
}

body#price section th {
	padding: 10px 20px;
	vertical-align: middle;
	border-bottom: 1px solid #fafafa;
	background: #D0E3F5;
	text-align: center
}

.project_tb th,
.project_tb2 th {
	vertical-align: middle !important;
	text-align: center !important
}

body#price section th+th {
	border-left: 1px solid #fafafa
}

body#price section td+td {
	border-left: 1px solid #dedede
}

body#price section .frame01 td+td {
	border-left: none
}

body#price section td.none,
body#price section th.none {
	border-bottom: none
}

body#price section ul {
	margin: 0 auto !important;
	width: 100%;
	max-width: 600px;
	color: #333 !important;
	font-size: 14px
}

body#price section ol {
	margin: 0;
	font-size: 14px
}

body#price section ol li {
	margin: 0;
	padding: 0;
	font-weight: 700;
	list-style: decimal inside
}

.project_tb td,
.project_tb th,
.project_tb2 th {
	padding: 5px 0 !important
}

body#price section .frame01 {
	margin: 0 0 20px;
	border: none !important;
	background: #FFFCF0
}

.project_tb table {
	width: 750px
}

.project_tb th {
	width: 13%
}

.project_tb th:first-child {
	width: 10%
}

.project_tb th:last-child {
	width: 38%
}

.project_tb2 table {
	width: 750px
}

.project_tb2 th {
	width: 15%
}

.project_tb2 th:first-child {
	width: 10%
}

.project_tb2 th:last-child {
	width: 40%
}

.project_tb2 td {
	padding: 5px 10px !important
}

.project_tb a {
	color: #FFF !important
}

body#recruit .table01 {
	width: 100%
}

body#recruit .table01 th {
	width: 130px
}

body#recruit .table01 .dl01 dt {
	font-size: 14px;
	margin-bottom: 5px
}

body#recruit .table01 .dl01 dd {
	margin-bottom: 10px
}

body#recruit ol.flow li {
	color: #444;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 100px;
	padding: 15px 0;
	border: 1px solid #abd486;
	background: #eef9d3;
	position: relative
}

body#recruit ol.flow li:before {
	content: "";
	display: block;
	width: 100%;
	height: 80px;
	background: url(../common_img/arrow02.png) center no-repeat;
	position: absolute;
	top: -90px
}

body#faq #page-content .accordion input,
body#recruit ol.flow li:first-child:before {
	display: none
}

body#recruit .staff.hr {
	border-bottom: 1px dotted #ccc
}

body#recruit .staff .photo {
	text-align: center;
	width: 180px;
	float: left
}

body#recruit .staff .photo img {
	width: 180px;
	margin-bottom: 10px
}

body#recruit .staff dl {
	width: 550px;
	float: right
}

body#recruit .staff dl dd {
	margin-bottom: 15px
}

body#faq #page-content hr {
	margin: 80px 0
}

body#faq #page-content section ol li {
	padding: 0
}

body#faq #page-content .accordion {
	min-width: 260px;
	margin: 0 auto;
	padding: 0
}

body#faq #page-content .accordion .ac-content {
	margin: 0;
	padding: 0
}

body#faq #page-content .accordion label {
	position: relative;
	display: block;
	background: #fff;
	cursor: pointer;
	padding: 15px 10px 15px 30px;
	border-bottom: 1px dashed #C9C9C9;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
	margin-bottom: 0
}

body#faq #page-content .accordion label:hover {
	background: #FFFCF0
}

body#faq #page-content .accordion label:before {
	position: absolute;
	content: "Q";
	left: 5px;
	bottom: 14px;
	font-size: 20px;
	color: #0054A7
}

body#faq #page-content .accordion .ac-cont {
	transition: .2s;
	height: 0;
	overflow: hidden;
	background: #fff;
	padding: 0 3%;
	box-sizing: border-box
}

body#faq #page-content .accordion input:checked+.ac-cont {
	position: relative;
	height: auto;
	padding: 15px 3% 30px;
	box-sizing: border-box;
	border-bottom: 1px dashed #C9C9C9
}

body#faq #page-content .accordion input:checked+.ac-cont:before {
	position: absolute;
	content: "A";
	left: 7px;
	top: 12px;
	font-size: 20px;
	color: #a50000;
	font-weight: 700
}

body#faq #page-content section .b01.box .row .col-12 div {
	margin: 0 auto 20px;
	max-width: 300px
}

body#faq #page-content section .b02.box .row .col-12 div {
	margin: 0 auto 20px;
	max-width: 450px
}

body#faq #page-content section .b03.box .row .col-12 div {
	margin: 0 auto 20px;
	max-width: 250px
}

body#faq #page-content section .b04.box .row .col-12 div {
	margin: 0 auto 20px;
	max-width: 300px
}

body#faq #page-content .box ul {
	padding: 20px 20px 0 40px
}

body#faq ul.attention {
	margin: 0 auto 1rem !important;
	width: 100%;
	max-width: 1000px;
	color: #333 !important;
	font-size: 14px
}

body#faq #page-content section .window div a {
	text-align: center;
	font-weight: 700
}

body#faq #page-content section .ac-cont .window .row {
	margin-bottom: 20px
}

body#faq #page-content section .ac-cont .window div a p {
	padding: 0 5%;
	font-weight: 400;
	text-align: left;
	font-size: 14px
}

body#faq #page-content section .ac-cont .window div a p.number {
	font-weight: 700;
	text-align: center;
	padding: 0
}

body#faq #page-content .box .window h4 {
	padding: 0;
	margin: 0 0 10px
}

@media screen and (max-width:768px) {
	body#faq #page-content .sample-accordion {
		min-width: 260px;
		margin: 0 auto;
		padding: 0
	}
}

body#company #content-head,
body#privacy #content-head {
	background-image: url(/img/bg02.jpg)
}

body#privacy #page-content p {
	margin-bottom: 20px;
	font-size: 14px;
	max-width: 1300px
}

body#privacy #page-content h3 {
	margin: 50px 0 20px;
	text-align: left;
	padding: 10px;
	background: #eee;
}

body#privacy #page-content section h4 {
	margin: 20px 0 10px;
	text-align: left;
	font-size: 14px;
}

body#privacy #page-content .toibanner01 {
	color: #415F83;
	text-align: center;
}

body#privacy #page-content .toibanner01 a {
	display: inline-block;
	padding: 2px 6px 2px 14px;
	border: 1px solid #cccccc;
	background: #F6F6F6 url(https://www.forval.co.jp/common_img/maker03_off.gif) no-repeat 5px 10px;
	text-decoration: none;
	font-size: 14px;
}

body#privacy #page-content dl dt {
	padding-bottom: 5px;
	font-weight: 400
}

body#privacy #page-content dl dd {
	margin: 0 0 30px;
	padding: 0 10px 30px;
	border-bottom: 1px dotted #ccc;
	font-size: 14px
}

body#privacy #page-content ul {
	margin: 20px 0;
	padding-left: 0
}

body#privacy #page-content ul li {
	list-style: none
}

body#company #main {
	max-width: 100%
}

body#company #page-content .sec00 h1 {
	margin: 0 auto 40px
}

body#company #page-content .photo {
	width: 230px;
	margin: 0 0 10px 10px;
	padding: 0 0 10px;
	float: right;
	text-align: center;
	background: #F0F9FE
}

body#company #page-content .photo p.company_name,
body#company #page-content .photo p.name {
	margin: 0;
	text-align: center
}

body#company #page-content .photo p.name span {
	font-size: 12px
}

body#company #page-content .photo img:first-child {
	margin: 0 0 10px
}

body#company #page-content table {
	width: 100%;
	max-width: 869px;
	margin: 0 auto
}

body#company #page-content table th {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #C9C9C9;
	vertical-align: baseline;
}

body#company #page-content table td {
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #C9C9C9
}

body#company #page-content table .dl_inline dl {
	margin-bottom: 10px
}

body#company #page-content table .dl_inline dl:nth-child(4) {
	margin-bottom: 10px;
}

body#company #page-content table .dl_inline dt {
	display: inline-block;
	font-size: 14px;
	margin: 0 10px 0 0;
	font-weight: 400
}

body#company #page-content table .dl_inline dd {
	display: inline-block;
	margin-bottom: 0
}

body#company #page-content table .dl_inline small {
	font-size: 12px
}

body#company #page-content table .dl dl {
	margin-bottom: 10px
}

body#company #page-content table .dl dd,
body#company #page-content table .dl dl:nth-child(2) {
	margin-bottom: 0
}

#formpage #page-content .sec00 a {
	text-decoration: underline !important
}

#formpage #page-content .sec00 p {
	text-align: center
}

#formpage #page-content h2 {
	margin: 30px 0 0
}

#formpage #page-content th {
	min-width: 220px
}

input[type=text].ma_l10 {
	width: 150px;
	margin: 0 0 0 5px !important
}

select#state {
	padding: 10px 1%
}

input[type=text]#address02 {
	margin: 5px 0 0 !important;
	max-width: 900px
}

#formpage #page-content section strong {
	margin: 0
}

#formpage #page-content .article {
	padding: 20px 0 0;
	text-align: center
}

#formpage #page-content .article p {
	font-size: 14px
}

#formpage #page-content .article #agree {
	margin: 0 0 10px
}

#formpage #page-content .article #agree label {
	border: 1px solid #c4c8d0;
	padding: 20px
}

#formpage #page-content section ul {
	padding-left: 0
}

#report_list article {
	padding: 20px;
	margin: 0 0 30px;
	border: 1px solid #0054A7
}

#report_list .con01 {
	margin-top: 50px;
	padding: 30px 15px;
	background: #0054A7
}

#report_list .con01 .left {
	padding: 20px 7%;
	background: #fff;
	height: 100%
}

#report_de h4,
#report_list .con01 h3 {
	display: block;
	padding: 3px 0;
	border-radius: 8px
}

#report_list .con01 h2 {
	margin: 0 0 15px;
	text-align: left;
	font-size: 26px
}

#pagination ul,
#report_de h4 {
	text-align: center
}

#report_list .con01 h3 {
	margin: 10px auto 5px 0;
	width: 150px;
	background: #0054A7;
	color: #fff;
	text-align: center;
	font-size: 14px
}

section#report_list dl {
	margin: 0;
	line-height: 1.2;
	font-size: 14px
}

section#report_list dt {
	display: inline-block;
	margin: 0;
	vertical-align: text-top;
	width: 60px;
}

#report_list dd {
	display: inline-block;
	margin: 0;
	vertical-align: text-top;
	width: calc(100% - 60px);
}

section#report_list dl:last-child dt {
	width: 70px;
}

#report_list dl:last-child dd {
	width: calc(100% - 70px);
}

section#report_list div p {
	margin: 0 0 10px
}

section#report_list h2 {
	margin: 80px auto 0
}

section#report_list h2.me {
	margin: 60px auto 0
}

section#report_list hr {
	display: block;
	margin: 10px auto 60px;
	width: 50px;
	border-bottom: 1px solid #0054A7
}

section#report_list h3 {
	margin: 20px auto;
	text-align: left;
	font-size: 26px;
	line-height: 1.4
}

section#report_list .con01 .col-lg-5 a {
	display: block;
	background: #fff;
}

section#report_list .con01 a img {
	position: relative;
	width: 100%
}

section#report_list .con01 a span {
	position: absolute;
	bottom: 10px;
	right: 25px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
	font-size: 10px
}

#pagination li {
	display: inline-block;
	margin-right: 5px;
	padding: 5px 10px;
	border-radius: 5px;
	background: #989898;
	color: #fff
}

#pagination .active {
	background: #ff9702
}

#pagination li:first-child {
	float: left;
	background: #ff9702
}

#pagination li:last-child {
	float: right;
	background: #ff9702
}

#pagination a {
	text-decoration: none;
	color: #fff !important
}

#pagination li:hover {
	background: #ff9702 !important
}

#report_de .row {
	max-width: 1000px;
	margin: 0 auto
}

#report_de img {
	width: 100%;
	max-width: 100%;
	margin: 0 auto 10px
}

#report_de img.mainimg {
	display: block;
	width: 100%;
	max-width: 750px;
	margin: 0 auto 30px
}

#report_de h4 {
	margin: 10px auto 5px !important;
	width: 100%;
	background: #0054A7;
	color: #fff
}

#report_de dl {
	margin: 0 auto
}

#report_de dd,
#report_de dt {}

#report_de dt {
	vertical-align: top;
	display: inline-block;
	margin: 0;
	width: 65px;
}

#report_de dd {
	vertical-align: top;
	display: inline-block;
	margin: 0;
	width: calc(100% - 65px);
}

#report_de dl:last-child dt {
	width: 82px;
}

#report_de dl:last-child dd {
	width: calc(100% - 82px);
}

#report_de .justify-content-center {
	margin: 0 auto 50px
}

#report_de h2 {
	position: relative;
	max-width: 1000px;
	margin: 30px auto 10px !important;
	padding: 0 0 0 27px;
	text-align: left !important;
	font-size: 20px !important;
	line-height: 1.4
}

#report_de h2:before {
	position: absolute;
	content: "--";
	left: 0;
	top: 0
}

#page-content section#report_de strong {
	display: inline;
	font-size: 16px;
	margin: 0;
	left: auto
}

#report_de .innerBox_img_left,
#report_de .innerBox_img_right {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px
}

.postid-3602 #report_de .innerBox_img_left img.img06 {
	max-width: 100% !important;
}

#report_de .innerBox_img_left img,
#report_de .innerBox_img_right img {
	max-width: 300px
}

#report_de .innerBox_img_left img {
	float: left;
	margin: 0 15px 15px 0
}

#report_de .innerBox_img_right img {
	float: right;
	margin: 0 0 15px 15px
}

.search_condition_block {
	margin: 10px 5px 60px
}

.search_condition_block form {
	position: relative;
	text-align: center;
	background: #FFFCEF;
	padding: 20px
}

.search_condition_block table {
	margin-bottom: 5px;
	border-collapse: collapse;
	width: 100%;
	text-align: left !important
}

.search_condition_block th {
	padding: .9em 20px;
	text-align: center;
	width: 105px
}

.search_condition_block td {
	padding: .9em 20px;
	text-align: left;
	vertical-align: top
}

.search_condition_block .t-border td,
.search_condition_block .t-border th {
	border-top: 1px solid #c4c8d0;
	border-bottom: 1px solid #c4c8d0
}

.search_condition_block ul {
	margin: 0;
	padding: 0 !important
}

.search_condition_block li {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 5px 0 !important;
	list-style: none !important
}

.search_condition_block label {
	font-size: 14px;
	margin-bottom: 0
}

.search_condition_block input[type=checkbox] {
	transform: scale(1);
	margin-right: 0
}

.search_condition_block form .attend {
	position: absolute;
	right: 10px;
	bottom: 10px;
	text-decoration: none !important;
	font-size: 14px
}

input.btn_search[type=submit] {
	font-size: 20px !important;
	padding: 15px 40px;
	display: inline-block;
	letter-spacing: 5px;
	cursor: pointer
}

.reset_btn {
	display: inline-block
}

.reset_btn a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 15px;
	position: relative;
	color: #fff;
	padding: 10px 15px;
	margin-right: 10px;
	border-radius: 5px;
	background: #6C6C6C;
	font-weight: 700
}

li.chack_all input,
li.chack_all input:hover {
	border: none;
	background: 0 0;
	color: #48b9e6;
	text-decoration: underline;
	font-size: 12px;
	padding: 0 5px !important
}

li.chack_all {
	float: right;
	margin-right: 5px
}

#projects #content-head.buy {
	background-image: url(/img/bg14.jpg)
}

#projects #content-head.sell {
	background-image: url(/img/bg13.jpg)
}

.balloon {
	position: relative;
	margin: 0 20px 20px;
	padding: 20px;
	background-color: #FFF18C;
	border-radius: 10px;
	display: inline-block
}

.balloon::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -15px;
	border-top: 15px solid #FFF18C;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent
}

#projects #page-content .table02 {
	margin: 0 0 50px;
	width: 100%;
	border: 1px solid #DDD
}

#projects #page-content .table02 th {
	padding: .9em 1%;
	background: #16A500;
	color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center
}

#projects #page-content .table02 td {
	padding: .9em 1%;
	border-left: 1px solid #c4c8d0;
	border-top: 1px solid #c4c8d0
}

#projects #page-content section:last-child {
	padding: 30px 0 150px
}

#projects #page-content .project_list {
	position: relative;
	margin: 0 0 30px;
	padding: 30px;
	border: 1px solid #c4c8d0
}

#projects #page-content .project_list h2 {
	font-size: 20px;
	margin: 0 0 20px;
	font-weight: 700;
	color: #333
}

#projects #page-content .project_list h2 span {
	background-color: #FFF18C;
	margin: 0 0 0 8px;
	padding: 2px 5px;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 1px;
	font-weight: 400
}

#projects #page-content .project_list dl {
	margin: 0
}

#projects #page-content .project_list dt {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 2px 5px;
	font-size: 12px;
	background: #D0E3F5
}

#projects #page-content .project_list dd {
	display: inline-block;
	margin: 0 10px 10px;
	font-size: 14px
}

#projects #page-content .project_list .newmark {
	display: inline-block;
	position: absolute;
	left: 0;
	top: -15px;
	box-sizing: border-box;
	padding: 0 12px;
	margin: 0;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	letter-spacing: .1em;
	color: #fff;
	background: #ff4500;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .12)
}

#projects #page-content .project_list .newmark:before {
	position: absolute;
	content: '';
	top: 0;
	left: -7px;
	border: none;
	height: 38px;
	width: 7px;
	background: #ff4500;
	border-radius: 5px 0 0 5px
}

#projects #page-content .project_list .newmark:after {
	position: absolute;
	content: '';
	bottom: -7px;
	left: -5px;
	border: none;
	height: 7px;
	width: 5px;
	background: #BA3300;
	border-radius: 5px 0 0 5px
}

#projects #page-content .project_list .no {
	position: absolute;
	margin: 0;
	right: 10px;
	top: 8px;
	text-align: right;
	font-size: 10px
}

#projects #page-content .project_list .no span {
	font-size: 14px
}

#projects #page-content .project_list .choice {
	text-align: center
}

#projects #page-content .project_list .choice .button {
	display: inline-block
}

#projects #page-content .project_list .choice .button .btn {
	margin-bottom: 0;
	font-size: 14px;
	height: 40px;
	line-height: 40px
}

#projects #page-content .project_list .choice .button .btn .hvr-icon {
	top: 14px
}

#projects #page-content .project_list .choice .input {
	display: inline-block;
	margin: 0 10px
}

#projects #page-content .project_list .choice .input div {
	padding: 0 20px;
	height: 58px;
	line-height: 58px;
	border: 2px solid #fbad17;
	font-weight: 700
}

#projects #page-content .project_list .choice .input div span {
	padding: 0 0 0 5px;
	font-size: 15px;
	line-height: 1
}

#projects #page-content.project-detail .no {
	margin: 0 auto 20px;
	font-size: 16px;
	text-align: center;
	font-weight: 700
}

#projects #page-content.project-detail h1 {
	margin: 0 auto 10px 0;
	font-size: 28px;
	text-align: center;
	font-weight: 700;
	color: #333
}

body#strength #page-content section.sec000 h2,
body#strength #page-content section.sec01 h3 {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
}

#projects #page-content.project-detail table {
	width: 100%;
	font-size: 14px
}

#projects #page-content.project-detail th {
	width: 200px;
	padding: 10px;
	border-bottom: 1px solid #c4c8d0;
	text-align: center
}

#projects #page-content.project-detail td {
	padding: 10px;
	border-bottom: 1px solid #c4c8d0;
	text-align: left
}

#projects #page-content.project-detail td ul {
	margin: 0;
	padding: 0
}

#projects #page-content.project-detail td ul li {
	list-style: none !important;
	padding: 0 !important
}

body#strength .sec000 {
	position: relative;
	background-image: url(/img/bg22.jpg);
	background-size: 100% auto;
	background-position: bottom
}

body#strength .sec000 .row {
	margin: 0 !important
}

body#strength #page-content section.sec000 h2 {
	padding: 10vw 0 0;
	font-size: 60px;
	text-align: center;
	color: #fff;
	text-shadow: 3px 3px 1px rgba(0, 0, 0, .6), 1px 1px 1px rgba(0, 0, 0, .6)
}

body#strength .sec000 p {
	display: block;
	margin: 0 auto;
	padding: 0 0 10vw;
	width: 100%;
	font-size: 22px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 2.2;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, .6), 1px 1px 1px rgba(0, 0, 0, .6);
	text-align: center
}

.home .sec01 strong {
	position: absolute;
	right: 0;
	left: 0;
	background: #D80003;
	padding: 10px;
	top: 37vw;
	color: #fff;
	width: 450px;
	text-align: center;
	margin: 0 auto;
}

.sec01 .main .col-12 p,
.sec01 .slick-slider div div h2 {
	text-shadow: 3px 3px 1px rgba(0, 0, 0, .6), 1px 1px 1px rgba(0, 0, 0, .6)
}

body#strength .sec001 {
	padding: 0;
	background-image: url(/img/img13.png);
	background-size: auto 100%;
	background-position: right;
	background-repeat: no-repeat
}

body#strength .sec001 .cover {
	padding: 6vw 0;
	background: rgba(255, 255, 255, .61);
	width: 100%;
	height: 100%
}

body#strength .sec001 strong {
	font-size: 30px;
	margin-bottom: 30px;
	line-height: 2
}

body#strength .sec002 {
	padding: 100px 0 150px;
	background-image: url(/img/bg18.jpg);
	background-size: 100% auto;
	background-position: bottom;
	text-align: center;
	font-size: 18px
}

body#strength .sec01 .row {
	margin: 70px 0 0
}

body#strength .sec01 .con {
	padding: 0 6% 20px;
	background: #fff;
	height: 100%
}

body#strength .sec01 .title {
	display: block;
	padding: 10px 0;
	margin: 0 auto 30px;
	width: 100px;
	background: #0054A7;
	color: #fff;
	text-align: center;
	line-height: 1.2
}

body#strength .sec01 .title span {
	display: block;
	font-size: 2rem;
	font-weight: 400
}

body#strength #page-content section.sec01 h3 {
	margin: 0 0 20px;
	font-size: 24px;
	height: 93px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: .5em 0 0;
	text-align: center
}

body#strength .sec01 .con p,
h1#pagetop {
	text-align: left
}

body#strength #page-content section.sec01 h3.three {
	padding: 0
}

body#strength .sec01 img {
	padding-bottom: 10px;
	width: 100%
}

body#strength .sec02 .window {
	margin: 20px 0 30px
}

body#strength #page-content section h2,
body#strength #page-content section h3 {
	margin: 0 0 20px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
}

body#strength #page-content section h2 {
	font-size: 36px;
	color: #0054A7
}

body#strength #page-content section h3 {
	font-size: 30px;
	font-weight: 400
}

@media screen and (max-width:1600px) {
	body#strength #page-content section h2 {
		margin: 0 0 20px;
		font-size: 20px
	}

	body#strength .sec01 .col-12.col-md-6 {
		margin-bottom: 20px
	}
}

.fb_iframe_widget span {
	vertical-align: top
}

h1#pagetop {
	font-size: 12px;
	font-weight: 400;
	font-family: Meiryo, ”メイリオ”, ”MS PGothic”, ”MS Pゴシック”, sans-serif;
	color: #d1d1d1;
	line-height: 1;
	padding: 1px 0 0;
	margin: 0
}

.home .sec04 h2,
.home .sec04 p,
.sec01 .main .col-12 p {
	text-align: center;
	color: #fff
}

.contact-tel h1,
.home .sec02 h2,
.home .sec04 h2,
.home .sec04 h3,
.home .sec05 h2,
.home .sec06 h2,
.home .sec06 h3,
.sec01 .slick-slider div div h2 {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
}

.sec01 .main .col-12 {
	padding: 0;
	position: relative
}

.sec01 .slick-slider {
	height: 48vw;
	max-height: 922px
}

.sec01 .slick-slider div {
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat
}

.sec01 .slick-slide div {
	/*background:rgba(0,0,0,.5);*/
	width: 100%;
	height: 100%
}

.slick-slide div:nth-child(0) {
	background: none !important
}

.sec01 .slide01,
.sec01 .slide02,
.sec01 .slide03,
.sec01 .slide04 {
	background-size: cover;
	background-position: bottom center
}

.sec01 .slick-slider div div h2 {
	padding: 15vw 0 0;
	font-size: 60px;
	text-align: center;
	color: #fff
}

.sec01 .main .col-12 p {
	position: absolute;
	right: 0;
	left: 0;
	top: 23vw;
	display: block;
	margin: 0 auto;
	width: 100%;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 2.2
}

.sec01 .slick-slider img {
	width: 100%
}

.webp .sec01 .slide01 {
	background-image: url("/wp-content/uploads/2019/09/sli01.jpg.webp")
}

.webp .sec01 .slide00 {
	background-image: url(/wp-content/uploads/2019/09/sli00_6.webp)
}

.webp .sec01 .slide02 {
	background-image: url(/wp-content/uploads/2019/09/sli02.jpg.webp)
}

.webp .sec01 .slide03 {
	background-image: url(/wp-content/uploads/2019/09/sli03.jpg.webp)
}

.webp .sec01 .slide04 {
	background-image: url(/wp-content/uploads/2019/09/sli04.jpg.webp)
}

.webp .sec01 .slide05 {
	background-image: url(/wp-content/uploads/2019/09/sli05.jpg.webp);
	background-size: auto 100%;
	background-position: right
}

.no-webp .sec01 .slide01 {
	background-image: url(/wp-content/uploads/2019/09/sli01.jpg)
}

.no-webp .sec01 .slide02 {
	background-image: url(/wp-content/uploads/2019/09/sli02.jpg)
}

.no-webp .sec01 .slide03 {
	background-image: url(/wp-content/uploads/2019/09/sli03.jpg)
}

.no-webp .sec01 .slide04 {
	background-image: url(/wp-content/uploads/2019/09/sli04.jpg)
}

.no-webp .sec01 .slide05 {
	background-image: url(/wp-content/uploads/2019/09/sli05.jpg);
	background-size: auto 100%;
	background-position: right
}

.sec01 .slider {
	opacity: 0 !important;
	transition: 3s
}

.sec01 .slick-initialized {
	opacity: 1 !important
}

@media screen and (max-width:1600px) {
	.sec01 .slick-slider {
		height: 42vw
	}

	.sec01 .slick-slider div div h2 {
		padding: 14vw 0 0;
		font-size: 46px
	}

	.home .sec01 strong {
		top: 33vw;
	}

	.webp .sec01 .main .col-12 p {
		top: 21vw;
		width: 90%;
		max-width: 100%;
		font-size: 18px;
		line-height: 1.8
	}
}

.home .sec02 {
	position: relative;
	background-image: url(/wp-content/uploads/2019/09/bg24.jpg.webp);
	background-size: 100% auto;
	background-position: right;
	padding: 0
}

.webp .home .sec02 .cover {
	position: absolute;
	content: url(/wp-content/uploads/2019/09/bg25.png.webp);
	left: 0;
	bottom: 0;
	height: 100%
}

.no-webp .sec01 .main .col-12 p {
	top: 21vw;
	width: 90%;
	max-width: 100%;
	font-size: 18px;
	line-height: 1.8
}
}

.home .sec02 {
	position: relative;
	background-image: url(/wp-content/uploads/2019/09/bg24.jpg);
	background-size: 100% auto;
	background-position: right;
	padding: 0;
	overflow: hidden
}

/* タブレット/横向きスマホ幅で、ページ全体の横はみ出し(横スクロール)を抑制（fv） */
@media screen and (max-width:1024px) {
	html,
	body {
		overflow-x: hidden
	}
}

.no-webp .home .sec02 .cover {
	position: absolute;
	content: url(/wp-content/uploads/2019/09/bg25.png);
	left: 0;
	bottom: 0;
	height: 100%
}

.home .sec02 h2 {
	margin: 200px auto 20px 0;
	padding: 10px 20px;
	width: 1030px;
	color: #fff;
	background: #0054A7;
	line-height: 1.4;
	font-size: 38px
}

.home .sec02 p {
	margin: 0 auto 120px 0;
	padding: 10px 20px;
	width: 820px;
	font-size: 18px;
	line-height: 1.8
}

.home .sec02 .img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 32%
}

.home .sec02 img {
	position: relative;
	display: block;
	width: 100%
}

.home .sec02 img:before {
	position: absolute;
	content: "a";
	left: -100px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 100px 100px;
	border-color: #fff transparent transparent;
	z-index: 100
}

.home .sec04 .con,
.home .sec04 .row-box {
	position: relative
}

@media screen and (max-width:1376px) {
	.home .sec02 h2 {
		margin: 200px auto 20px 0;
		padding: 10px 20px;
		width: 900px;
		font-size: 34px
	}
}

@media screen and (max-width:1228px) {
	.home .sec01 strong {
		top: 33vw;
	}

	.webp .sec01 .main .col-12 p {
		top: 16vw;
	}

	.sec01 .slick-slider div div h2 {
		padding: 10vw 0 0;
		font-size: 38px
	}

	.home .sec02 h2 {
		margin: 200px auto 20px 0;
		padding: 10px 20px;
		width: 750px;
		font-size: 28px
	}

	.home .sec02 p {
		margin: 0 auto 120px 0;
		padding: 10px 20px;
		width: 700px;
		font-size: 16px;
		line-height: 1.8
	}
}

@media screen and (max-width:1041px) {
	.home .sec02 {
		background-size: auto 100%
	}
}

.home .sec04 {
	padding: 100px 0 80px;
	background: #0054A7
}

.home .sec04 h2 {
	margin: 0 0 30px;
	font-size: 46px;
	line-height: 1.4
}

.home .sec04 h2 span {
	display: block;
	font-size: 36px
}

.home .sec04 p {
	margin: 10px 0 !important;
	font-size: 16px;
	line-height: 1.8
}

.home .sec04 .row {
	margin: 30px 0 0;
	overflow-y: hidden
}

.home .sec04 .row p {
	color: #333
}

.home .sec04 .row .col-12 {
	padding: 0 !important
}

.home .sec04 .con {
	background: #fff;
	height: 100%
}

.home .sec04 .re01 .con:after,
.home .sec04 .re02 .con:after {
	content: "";
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #fff transparent transparent;
	position: absolute;
	z-index: 100
}

.home .sec04 .re01 .con {
	text-align: left;
	padding: 0 0 0 120px
}

.home .sec04 .re02 .con {
	text-align: right;
	padding: 0 120px 0 0
}

.home .sec04 .re01 .con:after {
	right: -99px;
	border-width: 90vh 100px 0 0
}

.home .sec04 .re02 .con:after {
	left: -99px;
	border-width: 90vh 0 100px 100px
}

.home .sec04 .title {
	position: absolute;
	display: block;
	margin: 0 auto 30px;
	padding: 25px 0 0;
	line-height: 1.2;
	height: 120px;
	width: 120px;
	border-radius: 60px;
	background: #F9FF60;
	z-index: 100;
	text-align: center;
	font-size: 14px
}

.home .sec04 .re01 .title {
	top: -30px;
	left: -30px
}

.home .sec04 .re02 .title {
	top: -30px;
	right: -30px
}

.home .sec04 .re02 p {
	padding: 0 0 0 7%
}

.home .sec04 .title span {
	display: block;
	font-size: 3rem;
	font-weight: 400
}

.home .sec04 h3 {
	margin: 30px 0 0;
	font-size: 28px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: .5em 0 0
}

.home .sec04 .con02 h3 {
	margin: 60px 0 0
}

.home .sec04 h3 span {
	font-size: 46px;
	color: #0054A7;
	line-height: 1.4;
	letter-spacing: 1px
}

.home .sec04 h3.three {
	margin: 50px 0 0;
	padding: 0
}

.home .sec04 img {
	width: 100%
}

.home .sec04 .con p {
	text-align: left
}

.home .sec04 strong {
	display: block;
	margin: 70px auto 30px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	line-height: 1.6
}

@media screen and (max-width:1074px) {
	.home .sec04 h3 {
		font-size: 24px
	}

	.home .sec04 h3 span {
		font-size: 40px
	}
}

@media screen and (max-width:1200px) {
	.home .sec04 .re01 .title {
		top: -30px;
		left: 0
	}

	.home .sec04 .re02 .title {
		top: -30px;
		right: 0
	}
}

.home .sec05 {
	padding: 120px 0 50px
}

.home .sec05 h2 {
	margin: 0 0 20px;
	font-size: 36px;
	text-align: center;
	line-height: 1.4
}

.home .sec05 h3 {
	margin: 10px 0;
	font-size: 18px;
	color: #0054A7;
	line-height: 1.4
}

.home .sec05 img {
	width: 100%
}

.home .sec05 .col-12 {
	margin-bottom: 30px
}

.home .sec05 a.link {
	height: 100%;
	display: block;
	padding: 20px;
	background: #0054A7
}

.home .sec05 a.link h3 {
	margin: 0;
	padding: 10px 10px 0;
	background: #fff;
	width: 100%
}

.home .sec05 a.link p {
	margin: 0;
	padding: 10px 10px 20px;
	background: #fff;
	width: 100%;
	font-size: 14px;
	line-height: 1.4;
	height: 75px
}

.home .sec06 {
	padding: 120px 0 100px;
	background: #F0F9FE
}

.home .sec06 h2 {
	margin: 0 0 20px;
	font-size: 36px;
	text-align: center;
	line-height: 1.4
}

.home .sec06 h3 {
	margin: 0 0 10px;
	font-size: 24px;
	text-align: center;
	font-weight: 400
}

.home .sec06 p {
	text-align: center;
	font-size: 16px;
	line-height: 1.8
}

.home .sec06 .window {
	margin: 30px 0 0
}

.home .sec06 .window div a {
	display: block;
	height: 100%;
	padding: 20px 0;
	background: #D0E3F5
}

.home .sec06 .window p.number {
	display: block;
	margin: 0 auto 20px;
	padding: 0;
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 30px
}

.home .sec06 .window p {
	padding: 0 5%
}

.home .sec06 strong {
	display: block;
	margin: 50px auto 30px;
	text-align: center;
	font-size: 22px;
	line-height: 1.6
}

.contact-tel {
	margin: 0 0 50px;
	padding: 50px 0 60px;
	background: #1a314e;
	color: #fff
}

.contact-tel h1 {
	margin: 0 0 30px;
	font-size: 22px;
	line-height: 1.4;
	letter-spacing: 1px;
	text-align: center
}

.contact-tel h1 strong {
	padding: 0 1%;
	font-size: 32px;
	background: linear-gradient(transparent 95%, #fff799 30%);
	letter-spacing: 3px
}

.contact-tel p.tel,
.sec07 p.tel {
	margin: 0 !important;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	font-size: 38px;
	line-height: 1.3;
	font-weight: 400
}

.contact-tel .tel a {
	color: #fff;
	text-align: center
}

.contact-tel .tel i,
.sec07 .tel i {
	margin: 0 3px 0 0;
	font-size: 30px
}

.contact-tel .tel font,
.sec07 .tel font {
	margin: 0;
	display: block;
	font-size: 14px
}

.contact-tel p {
	margin: 10px 0 0 !important;
	text-align: center;
	font-size: 16px
}

.contact-tel .btn.mail {
	width: 100%;
	height: auto;
	line-height: 1.4;
	padding: 15px 0;
	border: none !important
}

.contact-tel .btn.mail .hvr-icon {
	top: 25px
}

section.contact-tel .btn.mail:hover {
	opacity: 1 !important;
	color: #fff !important;
	background: #821A2D
}

.home .sec03 {
	padding: 120px 0 100px;
	background: #F0F9FE
}

.home .sec03 h1 {
	margin: 0 0 20px;
	font-size: 36px;
	color: #0054A7;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
}

.home .sec03 p {
	margin: 30px 0 0 !important;
	text-align: center;
	font-size: 16px;
	line-height: 1.4
}

.home .sec03 img {
	display: block;
	margin: 50px auto
}

#content-head li span {
	font-size: 10px;
	font-weight: 400;
	color: #585858;
	text-align: center;
	background: 0 0;
	position: relative;
	transform: none;
	left: auto;
	top: auto;
	-webkit-text-fill-color: #585858
}

@media only screen and (max-width:1000px) {
	.home .sec06 .window div {
		margin: 0 0 20px
	}
}

@media only screen and (max-width:767px) {
	#page-top .main_visual {
		margin-top: 1.5%
	}

	#page-top .article {
		margin: 2% 2% 8%;
		font-size: 28px
	}

	#page-top .article h2 {
		font-size: 35px;
		font-weight: 700;
		border-top: 2px solid #f57f1f;
		line-height: 1.2;
		border-bottom: 1px solid #e2e2e2;
		padding: 2.3% 0 2% 50px;
		background: url(../images/article_bg_tit.png) left center no-repeat
	}

	#page-top .article h3 {
		margin-top: 3%;
		border-left: 6px solid #f9bb25;
		padding-left: 20px;
		font-size: 32px;
		margin-bottom: 2%
	}

	#page-top .article h3 span.color {
		color: #f5721b
	}

	#page-top .article .img {
		margin-right: 1%
	}

	#page-top .article p {
		margin-bottom: 2%
	}
}

@media only screen and (max-width:766px) {
	#page-top .article h2 {
		font-size: 22px;
		font-weight: 700;
		padding-left: 25px;
		background-size: 13px auto
	}

	#page-top .article h3 {
		border-left: 4px solid #f9bb25;
		padding-left: 10px;
		font-size: 20px
	}

	#page-top .article h3 span.color {
		color: #f5721b
	}

	#page-top .article .msg {
		font-size: 17px
	}

	#page-top .article .img {
		width: 35%
	}
}

@media only screen and (max-width:480px) {
	#page-top .article h2 {
		font-size: 14px;
		font-weight: 700;
		padding-left: 25px;
		background-size: 13px auto
	}

	#page-top .article h3 {
		border-left: 3px solid #f9bb25;
		padding-left: 10px;
		font-size: 12px
	}

	#page-top .article h3 span.color {
		color: #f5721b
	}

	#page-top .article .msg {
		font-size: 14px
	}

	#page-top .article .img {
		width: 35%
	}
}

@media only screen and (max-width:320px) {
	#page-top .article .msg {
		font-size: 12px
	}
}

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

	.title_icon,
	.title_line {
		margin-top: 3%;
		margin-bottom: 2%
	}

	.box_chart,
	.btn_submit {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px
	}

	.main_content {
		padding: 4% 2%
	}

	.main_content ol {
		list-style-type: decimal;
		padding-left: 3.5%
	}

	.main_content ol li {
		color: #a7bb6e;
		border-bottom: 1px dotted #d9d9d9;
		margin-bottom: 2%;
		padding-bottom: 2%
	}

	.main_content ol li p {
		color: #000
	}

	.title_icon {
		font-size: 35px;
		font-weight: 700;
		border-top: 2px solid #f57f1f;
		line-height: 1.2;
		border-bottom: 1px solid #e2e2e2;
		padding: 3% 0 2.5% 50px;
		background: url(../images/article_bg_tit.png) left center no-repeat
	}

	.title_line {
		border-left: 6px solid #f9bb25;
		padding-left: 20px;
		font-size: 32px
	}

	.list_content {
		background-color: #fffae4
	}

	.list_content dt {
		background-color: #9cc654;
		color: #fff;
		padding: 1.5% 2%
	}

	.list_content dd {
		padding: 1.5% 2%
	}

	.list_content .color {
		color: #6e9923
	}

	.list_content ul {
		margin-right: 4%
	}

	ul.bullet {
		margin-left: 3%
	}

	.list_content ul.first-child {
		margin-bottom: 5%
	}

	ul.bullet li {
		background: url(../common_img/bullet.jpg) left 5px no-repeat;
		padding-left: 4%
	}

	.privacy .pr_s {
		padding-left: 3.5%
	}

	.privacy .pr_s span {
		margin-top: 5%;
		margin-left: 3%;
		width: 33%
	}

	.privacy ol {
		padding-left: 5%
	}

	.company .img {
		width: 32%
	}

	.btn_submit {
		width: 50%;
		border-radius: 5px;
		background-color: #000;
		background-image: -webkit-linear-gradient(bottom, #ef5f02, #f69609);
		background-image: -moz-linear-gradient(bottom, #ef5f02, #f69609);
		background-image: -o-linear-gradient(bottom, #ef5f02, #f69609);
		background-image: -ms-linear-gradient(bottom, #ef5f02, #f69609);
		background-image: linear-gradient(to top, #ef5f02, #f69609);
		border: none;
		padding: 2.5% 0;
		color: #fff;
		margin: 4% auto 3.5%;
		font-weight: 700
	}

	.box_chart {
		border-radius: 5px;
		background-color: #f9f9f9;
		-webkit-box-shadow: inset 0 0 18px rgba(0, 0, 0, .2);
		-moz-box-shadow: inset 0 0 18px rgba(0, 0, 0, .2);
		box-shadow: inset 0 0 18px rgba(0, 0, 0, .2);
		border: 2px solid #ccc;
		margin: 0 1%;
		padding: 10% 0
	}

	.box_chart h3 {
		font-size: 40px
	}

	.diagnosis_box2 a,
	.list_sec {
		font-size: 32px;
		font-weight: 700
	}

	.box_chart ul {
		padding: 0 14%;
		margin-top: 2%
	}

	.box_chart ul li {
		width: 48%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #fff;
		text-align: center;
		padding: 3% 0;
		-webkit-box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3);
		-moz-box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3);
		box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3)
	}

	.box_chart ul li a {
		color: #fff;
		text-decoration: none
	}

	.box_chart ul li.btn_yes {
		background-color: #d70e26
	}

	.box_chart ul li.btn_no {
		background-color: #0e6dd7
	}

	.table_about {
		margin: 4% 0
	}

	.table_about .color {
		background-color: #c9db94;
		font-weight: 700
	}

	.table_about th {
		border: 1px solid #fff;
		padding: 2% 0
	}

	.table_about td {
		border: 1px solid #fff;
		background-color: #f1f1f1;
		padding: 3% 1%;
		vertical-align: middle
	}

	.table_about td a {
		color: #319f2d;
		font-weight: 700
	}

	.table_about ul li {
		padding-left: 10px
	}

	.table_about .ver_top {
		vertical-align: top
	}

	a.link_about {
		width: 630px;
		margin-bottom: 6%;
		padding-left: 13%
	}

	.color_red {
		color: #c70000
	}

	.color_green {
		color: #7a9720
	}

	.about ol {
		margin: 4% 0 4% 2%
	}

	.about ol li {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
		color: #000
	}

	.lnav {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 3%;
		margin-left: -1%;
		margin-right: -1%
	}

	.lnav li {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 31%;
		background-color: #63ab2e;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		margin: 0 1%
	}

	.diagnosis_box2 a,
	.lnav li a {
		text-decoration: none;
		display: block
	}

	.lnav li a {
		color: #fff;
		text-align: center;
		padding: 3% 0;
		width: 100%
	}

	.about_ma .img {
		width: 33%
	}

	.about_ma dt {
		position: relative
	}

	.about_ma dt .icon {
		position: absolute;
		left: 0;
		top: -100%;
		right: 0;
		bottom: 0;
		z-index: 9
	}

	.about_ma dd,
	.flow_box {
		position: relative
	}

	.about_ma dd {
		z-index: 999
	}

	.about_ma .flow {
		background: url(../about/images/bg_img.png) center top no-repeat;
		background-size: cover;
		padding-bottom: 10px;
		margin-top: 3%
	}

	.about_ma .flow dl {
		padding: 6% 0
	}

	.about_ma .flow dl dt {
		margin-bottom: 1%
	}

	.about_ma .flow dl dd {
		padding-left: 2%
	}

	.consulting .img {
		width: 43%;
		margin-left: 1%
	}

	.list_sec {
		background-color: #eef9d3;
		border: 1px solid #c7e2ae;
		text-align: center;
		padding: 3.3% 0
	}

	.recruit_item .img {
		width: 28%
	}

	.recruit_item {
		border-bottom: 1px dotted #dadada;
		padding-bottom: 3%;
		margin-bottom: 3.5%
	}

	.flow_box p {
		background-color: rgba(0, 0, 0, .6);
		color: #fff;
		position: absolute;
		left: 2%;
		right: 2%;
		bottom: 2%;
		padding: 1% 2%
	}

	.flow_box_list {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background-color: #fffae8;
		-webkit-box-shadow: inset 0 0 21px rgba(255, 158, 92, .75);
		-moz-box-shadow: inset 0 0 21px rgba(255, 158, 92, .75);
		box-shadow: inset 0 0 21px rgba(255, 158, 92, .75);
		border: 3px solid #ff9e5c
	}

	.flow_box_list ol {
		padding: 3% 3% 3% 8%
	}

	.flow_box_list ol li {
		color: #412615;
		font-weight: 700
	}

	.about_company_box {
		padding: 5% 2%;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		background: url(../about/images/bg_company.png) left top;
		border: 2px solid #e7cb9f
	}

	.about_company_box h5 {
		background-color: #7a9720;
		text-align: center;
		color: #fff;
		padding: 2% 0;
		font-weight: 700;
		margin-bottom: 2%
	}

	.about_company_box ul {
		margin: 5% 0;
		background-color: #fff;
		padding: 3% 2%
	}

	.about_company_box ul li {
		background: url(../about/images/bullet.gif) left top no-repeat;
		padding-left: 5%;
		margin-bottom: 1%
	}

	.about_com_inner {
		padding: 0 1%
	}

	.price table {
		width: 100%
	}

	.price table th {
		background-color: #c9db94;
		border: 1px solid #fff;
		padding: 2%;
		vertical-align: middle;
		text-align: left
	}

	.price .w50 {
		width: 50%
	}

	.price .w49 {
		width: 49%
	}

	.price .w60 {
		width: 60%
	}

	.price table td {
		text-align: center;
		padding: 7px
	}

	.price .btn_more {
		text-align: center;
		padding-left: 0
	}

	.price .no_border {
		margin: 4% 0 4% 4%
	}

	.price .no_border li {
		border-bottom: none;
		color: #000;
		padding-bottom: 0;
		margin-bottom: 0
	}

	.price_box {
		padding: 3% 3% 1%;
		background-color: #fffae4;
		margin-top: 4%;
		margin-bottom: 3%
	}

	.price_box table {
		width: 70%
	}

	.price_box table.math {
		margin: 4% 0
	}

	.price_box table.math tfoot td {
		border-top: 1px solid #999
	}

	.diagnosis_box {
		background-color: #ffefd8
	}

	.diagnosis_box_item {
		float: left;
		padding: 2%
	}

	.diagnosis_box2 {
		background-color: #fafdf0;
		border: 1px solid #9dc579;
		padding: 2% 1.5%;
		margin-top: 3%
	}

	.diagnosis_box2 a {
		background-image: -webkit-linear-gradient(bottom, #ef5f02, #f69609);
		background-image: -moz-linear-gradient(bottom, #ef5f02, #f69609);
		background-image: -o-linear-gradient(bottom, #ef5f02, #f69609);
		background-image: -ms-linear-gradient(bottom, #ef5f02, #f69609);
		background-image: linear-gradient(to top, #ef5f02, #f69609);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		width: 60%;
		margin: 3% auto auto;
		padding: 2.5% 0;
		text-align: center
	}
}

@media only screen and (max-width:766px) {
	.title_icon {
		font-size: 22px;
		font-weight: 700;
		padding-left: 25px;
		background-size: 13px auto
	}

	.title_line {
		border-left: 4px solid #f9bb25;
		padding-left: 10px;
		font-size: 20px
	}

	.box_chart {
		-webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
		-moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
		box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
	}

	.box_chart h3 {
		font-size: 24px
	}

	a.link_about {
		width: 430px;
		margin-bottom: 4%;
		padding-left: 10%
	}

	.list_sec {
		font-size: 22px
	}

	.price_box table {
		width: 80%
	}

	ul.bullet li {
		background-size: 8px auto;
		padding-left: 15px;
		background-position: left 10px
	}

	.diagnosis_box2 a {
		font-size: 18px
	}
}

@media only screen and (max-width:480px) {
	.title_icon {
		font-size: 14px;
		font-weight: 700;
		padding-left: 25px;
		background-size: 13px auto
	}

	.title_line {
		border-left: 3px solid #f9bb25;
		padding-left: 10px;
		font-size: 12px
	}

	ul.bullet li {
		background-size: 7px auto
	}

	.box_chart {
		-webkit-box-shadow: inset 0 0 12px rgba(0, 0, 0, .2);
		-moz-box-shadow: inset 0 0 12px rgba(0, 0, 0, .2);
		box-shadow: inset 0 0 12px rgba(0, 0, 0, .2)
	}

	.box_chart h3 {
		font-size: 20px
	}

	a.link_about {
		width: 295px;
		margin-bottom: 3%;
		padding-left: 11%
	}

	.list_sec {
		font-size: 18px
	}

	.about_company_box ul li {
		background-size: 12px auto
	}

	.price_box table {
		width: 90%
	}

	.price a.btn_more:before {
		left: 5px;
		text-align: center
	}

	ul.bullet li {
		padding-left: 10px;
		background-position: left 5px
	}

	.diagnosis_box2 a {
		font-size: 16px
	}
}

@media only screen and (max-width:320px) {
	ul.bullet li {
		background-size: 5px auto
	}

	.box_chart {
		-webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, .2);
		-moz-box-shadow: inset 0 0 9px rgba(0, 0, 0, .2);
		box-shadow: inset 0 0 9px rgba(0, 0, 0, .2)
	}

	.box_chart h3 {
		font-size: 20px
	}

	a.link_about {
		width: 280px;
		margin-bottom: 3%;
		padding-left: 30px;
		text-align: center
	}

	.list_sec {
		font-size: 14px
	}

	.about_company_box ul li {
		background-size: 11px auto;
		margin-bottom: 0
	}

	.price_box table {
		width: 100%
	}

	.price a.btn_more {
		font-size: 11px;
		text-align: center
	}

	.price a.btn_more:before {
		left: 5px;
		text-align: center;
		background-size: 9px auto
	}

	.about_ma .flow dl {
		padding: 5% 0
	}

	.diagnosis_box2 a {
		font-size: 14px
	}
}

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

	.project_tb td,
	.project_tb th {
		border: 1px solid #999;
		padding: 1%
	}

	#projects #page-content .project_list h1,
	#projects #page-content.project-detail h1 {
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
	}

	.red {
		color: red
	}

	.project_tb th {
		width: 13%;
		text-align: center;
		vertical-align: middle
	}

	.project_tb th:first-child {
		width: 8%
	}

	.project_tb th:last-child {
		width: 40%
	}

	.project_tb td {
		text-align: left !important
	}

	.project_tb a {
		color: #FFF !important
	}

	.table-scroll {
		overflow: auto
	}

	#pagination ul {
		margin: 20px 0 10px
	}

	#report_list article {
		padding: 20px;
		margin: 0 0 30px;
		border: 1px solid #0054A7
	}

	#report_list .con01 {
		margin-top: 50px;
		padding: 30px 15px;
		background: #0054A7
	}

	#report_list .con01 .left {
		padding: 20px 7%;
		background: #fff;
		height: 100%
	}

	#report_de h4,
	#report_list .con01 h3 {
		display: block;
		padding: 3px 0;
		border-radius: 8px
	}

	#report_list .con01 h2 {
		margin: 0 0 15px;
		text-align: left;
		font-size: 26px
	}

	#pagination ul,
	#report_de h4 {
		text-align: center
	}

	#report_list .con01 h3 {
		margin: 10px auto 5px 0;
		width: 150px;
		background: #0054A7;
		color: #fff;
		text-align: center;
		font-size: 14px
	}

	#report_list dl {
		margin: 0;
		line-height: 1.2;
		font-size: 14px
	}

	#report_list dd,
	#report_list dt {
		display: inline-block;
		margin: 0
	}

	#report_list div p {
		margin: 0 0 10px
	}

	#report_list h2 {
		margin: 80px auto 0
	}

	#report_list h2.me {
		margin: 60px auto 0
	}

	#report_list hr {
		display: block;
		margin: 10px auto 60px;
		width: 50px;
		border-bottom: 1px solid #0054A7
	}

	#report_list h3 {
		margin: 20px auto;
		text-align: left;
		font-size: 26px;
		line-height: 1.4
	}

	#report_list .con01 a img {
		position: relative;
		width: 100%
	}

	#report_list .con01 a span {
		position: absolute;
		bottom: 10px;
		right: 25px;
		color: #fff;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
		font-size: 10px
	}

	#pagination li {
		display: inline-block;
		margin-right: 5px;
		padding: 5px 10px;
		border-radius: 5px;
		background: #989898;
		color: #fff
	}

	#pagination .active {
		background: #ff9702
	}

	#pagination li:first-child {
		float: left;
		background: #ff9702
	}

	#pagination li:last-child {
		float: right;
		background: #ff9702
	}

	#pagination a {
		text-decoration: none;
		color: #fff !important
	}

	#pagination li:hover {
		background: #ff9702 !important
	}

	#report_de .row {
		max-width: 1000px;
		margin: 0 auto
	}

	#report_de .innerBox_img_left img,
	#report_de .innerBox_img_right img,
	#report_de img {
		max-width: 100%
	}

	#report_de img {
		width: 100%;
		margin: 0 auto 10px
	}

	#report_de img.mainimg {
		display: block;
		width: 100%;
		max-width: 750px;
		margin: 0 auto 30px
	}

	#report_de h4 {
		margin: 10px auto 5px !important;
		width: 100%;
		background: #0054A7;
		color: #fff
	}

	#report_de p strong {
		display: inline !important;
		font-size: 14px !important;
		text-align: left !important;
		margin: 0 !important
	}

	#report_de dl {
		margin: 0 auto
	}

	#report_de dd,
	#report_de dt {
		display: inline-block;
		margin: 0
	}

	#report_de .justify-content-center {
		margin: 0 auto 50px
	}

	#report_de h2 {
		position: relative;
		max-width: 1000px;
		margin: 0 auto 10px !important;
		padding: 0 0 0 16px;
		text-align: left !important;
		font-size: 15px !important;
		line-height: 1.4
	}

	#report_de h2:before {
		position: absolute;
		content: "--";
		left: 0;
		top: 0
	}

	#report_de .innerBox_img_left,
	#report_de .innerBox_img_right {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 15px
	}

	.search_condition_block {
		margin: 10px 5px 60px
	}

	.search_condition_block form {
		position: relative;
		text-align: center;
		background: #FFFCEF;
		padding: 10px 15px
	}

	.search_condition_block table {
		margin-bottom: 5px;
		border-collapse: collapse;
		width: 100%;
		text-align: left !important
	}

	.search_condition_block th {
		display: block;
		padding: 1em 0 .5em;
		text-align: center;
		width: 100%
	}

	.search_condition_block td {
		display: block;
		width: 100%;
		padding: 0 0 1em;
		text-align: left;
		vertical-align: top
	}

	.search_condition_block .t-border th {
		border-top: 1px solid #c4c8d0
	}

	.search_condition_block .t-border td {
		border-bottom: 1px solid #c4c8d0
	}

	.search_condition_block ul {
		margin: 0;
		padding: 0 !important
	}

	.search_condition_block li {
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 5px 0 !important;
		list-style: none !important
	}

	.search_condition_block label {
		font-size: 14px;
		margin-bottom: 0
	}

	.search_condition_block input[type=checkbox] {
		transform: scale(1);
		margin-right: 0
	}

	.search_condition_block form .attend {
		position: absolute;
		right: 10px;
		bottom: -25px;
		text-decoration: none !important;
		font-size: 14px
	}

	input.btn_search[type=submit] {
		font-size: 20px !important;
		padding: 15px 40px;
		display: inline-block;
		letter-spacing: 5px;
		cursor: pointer
	}

	input.btn_search[type=submit]:hover {
		opacity: .7
	}

	.reset_btn {
		display: inline-block
	}

	.reset_btn a {
		display: block;
		text-decoration: none;
		font-size: 12px;
		line-height: 15px;
		position: relative;
		color: #fff;
		padding: 10px 15px;
		margin-right: 10px;
		border-radius: 5px;
		background: #6C6C6C;
		font-weight: 700
	}

	li.chack_all input,
	li.chack_all input:hover {
		border: none;
		background: 0 0;
		color: #48b9e6;
		text-decoration: underline;
		font-size: 12px;
		padding: 0 5px !important
	}

	li.chack_all {
		float: right;
		margin-right: 5px
	}

	#projects #content-head.buy {
		background-image: url(/img/bg14.jpg)
	}

	#projects #content-head.sell {
		background-image: url(/img/bg13.jpg)
	}

	.balloon {
		position: relative;
		margin: 0 20px 20px;
		padding: 20px;
		background-color: #FFF18C;
		border-radius: 10px;
		display: inline-block
	}

	.balloon::before {
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		left: 20px;
		bottom: -15px;
		border-top: 15px solid #FFF18C;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent
	}

	#projects #page-content .table02 {
		margin: 0 0 50px;
		width: 100%;
		border: 1px solid #DDD
	}

	#projects #page-content .table02 th {
		padding: .9em 1%;
		background: #16A500;
		color: #fff;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		text-align: center
	}

	#projects #page-content .table02 td {
		padding: .9em 1%;
		border-left: 1px solid #c4c8d0;
		border-top: 1px solid #c4c8d0
	}

	#projects #page-content section:last-child {
		padding: 30px 0 150px
	}

	#projects #page-content .project_list {
		position: relative;
		margin: 0 0 20px;
		padding: 30px 15px 20px;
		border: 1px solid #c4c8d0
	}

	#projects #page-content .project_list h1 {
		font-size: 16px;
		margin: 0 0 20px;
		font-weight: 700;
		color: #333
	}

	#projects #page-content .project_list h1 span {
		background-color: #FFF18C;
		margin: 0 0 0 8px;
		padding: 2px 5px;
		font-size: 14px;
		line-height: 1;
		letter-spacing: 1px;
		font-weight: 400
	}

	#projects #page-content .project_list h2 {
		margin: 10px 0;
		font-size: 18px;
		font-weight: 400
	}

	#projects #page-content .project_list dl {
		margin: 0
	}

	#projects #page-content .project_list dt {
		display: inline-block;
		margin: 0 0 0 10px;
		padding: 2px 5px;
		font-size: 12px;
		background: #D0E3F5
	}

	#projects #page-content .project_list dd {
		display: inline-block;
		margin: 0 10px 10px;
		font-size: 14px
	}

	#projects #page-content .project_list .newmark {
		display: inline-block;
		position: absolute;
		left: -2px;
		top: -15px;
		box-sizing: border-box;
		padding: 0 12px;
		margin: 0;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
		letter-spacing: .1em;
		color: #fff;
		background: #ff4500;
		box-shadow: 0 2px 2px rgba(0, 0, 0, .12)
	}

	#projects #page-content .project_list .newmark:before {
		position: absolute;
		content: '';
		top: 0;
		left: -5px;
		border: none;
		height: 38px;
		width: 7px;
		background: #ff4500;
		border-radius: 5px 0 0 5px
	}

	#projects #page-content .project_list .newmark:after {
		position: absolute;
		content: '';
		bottom: -7px;
		left: -3px;
		border: none;
		height: 7px;
		width: 5px;
		background: #BA3300;
		border-radius: 5px 0 0 5px
	}

	#projects #page-content .project_list .no {
		position: absolute;
		margin: 0;
		right: 10px;
		top: 8px;
		text-align: right;
		font-size: 10px
	}

	#projects #page-content .project_list .no span {
		font-size: 14px
	}

	#projects #page-content .project_list .choice {
		text-align: center
	}

	#projects #page-content .project_list .choice .button {
		display: inline-block
	}

	#projects #page-content .project_list .choice .button .btn {
		margin-bottom: 10px;
		font-size: 14px;
		height: 35px;
		line-height: 35px
	}

	#projects #page-content .project_list .choice .button .btn .hvr-icon {
		top: 11px
	}

	#projects #page-content .project_list .choice input[type=checkbox] {
		transform: scale(1)
	}

	#projects #page-content .project_list .choice .input {
		display: inline-block;
		margin: 5px 10px 0
	}

	#projects #page-content .project_list .choice .input div {
		padding: 0 10px;
		height: 50px;
		line-height: 50px;
		border: 2px solid #fbad17;
		font-weight: 700
	}

	#projects #page-content .project_list .choice .input div span {
		padding: 0 0 0 5px;
		font-size: 14px;
		line-height: 1
	}

	#projects #page-content.project-detail td,
	#projects #page-content.project-detail th {
		display: block;
		width: 100%;
		padding: 10px;
		text-align: center
	}

	#projects #page-content .project_list .choice .input input {
		vertical-align: middle;
		margin: 0 0 5px
	}

	#projects #page-content.project-detail .no {
		margin: 0 auto 20px;
		font-size: 16px;
		text-align: center;
		font-weight: 700
	}

	#projects #page-content.project-detail h1 {
		margin: 0 auto 10px 0;
		font-size: 18px;
		text-align: center;
		font-weight: 700;
		color: #333
	}

	#projects #page-content.project-detail table {
		width: 100%;
		font-size: 14px;
		border-bottom: 1px solid #c4c8d0;
		border-left: 1px solid #c4c8d0;
		border-right: 1px solid #c4c8d0
	}

	#projects #page-content.project-detail th {
		border-top: 1px solid #c4c8d0;
		background: #F5FAFC
	}

	#projects #page-content.project-detail td ul {
		margin: 0;
		padding: 0
	}

	#projects #page-content.project-detail td ul li {
		list-style: none !important;
		padding: 0 !important
	}

	#breadcrumb {
		padding: 0;
		text-align: center
	}

	#breadcrumb a {
		color: #0054A7
	}

	#breadcrumb li {
		font-size: 10px;
		display: inline-block;
		margin-right: 10px
	}

	#breadcrumb li:before {
		margin-right: 10px;
		content: "\f105";
		font-weight: 600;
		font-family: "Font Awesome 5 Free"
	}

	#breadcrumb li:first-child:before {
		content: normal
	}

	#content-head {
		background-image: url(/img/bg01.jpg);
		background-size: 100% auto;
		background-position: center center
	}
}

@media screen and (max-width:382px) {
	#content-head {
		background-size: auto 100%
	}
}

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

	.loop .image img:hover,
	.loop .meta .category a:hover,
	.loop .type-key .image img:hover {
		opacity: .7
	}

	.content-head {
		padding: 0 0 10px;
		margin: 0 0 20px;
		background: rgba(255, 255, 255, .4)
	}

	.page-template .content-head,
	.page-template-default .content-head {
		margin: 0
	}

	#content-head {
		position: relative
	}

	#content-head .container span {
		font-weight: 600;
		position: absolute;
		top: 20px;
		left: 50%;
		width: auto;
		font-size: 50px;
		line-height: 1;
		white-space: nowrap;
		color: #d2d2d2;
		background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0, transparent 90%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		letter-spacing: -.5px
	}

	#content-head h1 {
		padding: 35px 0 0;
		margin: 0;
		font-weight: 600;
		letter-spacing: .08em;
		position: relative;
		font-size: 22px;
		line-height: 1.35;
		text-align: center
	}

	.loop .content p,
	.loop .title {
		line-height: 1.6
	}

	#content-head h1 font {
		display: block;
		font-size: 13px;
		color: #737373
	}

	.loop .image img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: center center;
		font-family: 'object-fit: cover;object-position: center center;'
	}

	.loop .header>* {
		margin-bottom: 15px
	}

	.loop .header>:last-child {
		margin-bottom: 0
	}

	.loop .meta {
		font-size: 12px
	}

	.loop .meta .category,
	.loop .meta .date {
		display: inline-block
	}

	.loop .meta .date {
		margin-right: 1.5em
	}

	.loop .meta .category a {
		margin-right: .5em;
		color: #00b8db;
		text-decoration: none
	}

	.loop .title {
		margin-bottom: 15px;
		font-size: 16px;
		font-weight: 700
	}

	.loop .title a {
		color: inherit;
		text-decoration: none
	}

	.loop .title a:hover {
		text-decoration: underline
	}

	.loop .content {
		font-size: 12px
	}

	.loop-footer {
		border-top: solid 0 #dcdcdc;
		padding-top: 40px;
		margin-bottom: 40px
	}

	.loop-footer:last-child {
		margin-bottom: 0
	}

	.loop .type-key {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap
	}

	.loop .type-key .image {
		margin-bottom: 20px;
		height: 200px
	}

	.loop .type-key .image img {
		object-fit: cover;
		width: 100%;
		height: 100%
	}

	.loop .type-key .title {
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 1.6;
		font-weight: 700
	}

	.loop .type-key .title a {
		color: #000;
		text-decoration: none
	}

	.loop .type-key .content {
		margin-bottom: 15px;
		font-size: 12px
	}

	.loop .type-key .title a:hover {
		text-decoration: underline
	}

	.loop .type-key .meta {
		font-size: 12px
	}

	.loop .type-key .meta .category,
	.loop .type-key .meta .date {
		display: inline-block;
		font-weight: 700
	}

	.loop .type-key .meta .date {
		margin-bottom: 10px;
		margin-right: 1.5em
	}

	.loop .type-key .meta .category a {
		margin-bottom: 10px;
		margin-right: 1em;
		color: #00b8db;
		font-weight: 700;
		text-decoration: none
	}

	.loop .type-key .meta .category a:hover {
		text-decoration: underline
	}
}

@media screen and (min-width:768px) {

	.loop .type-full,
	.loop .type-full .col,
	.loop .type-full .col .image {
		height: 410px
	}

	.loop .type-full .col {
		position: relative
	}

	.loop .type-full .meta .date,
	.loop .type-full .title {
		font-size: 18px
	}

	.loop .type-full .header {
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(255, 255, 255, .75);
		padding: 20px
	}

	.loop .type-full .header>* {
		margin-bottom: 15px
	}
}

@media only screen and (max-width:767px) {
	.loop .type-recommend {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-right: -20px
	}

	.loop .type-recommend .col {
		width: calc(33.33% - 20px);
		margin-right: 20px;
		margin-bottom: 40px
	}

	.loop .type-recommend .image {
		margin-bottom: 20px;
		height: 170px
	}

	.loop .type-recommend .title {
		font-size: 12px
	}

	.loop .type-recommend .content {
		display: none
	}

	#category_column #sticky {
		margin-bottom: 0;
		width: 100%
	}

	#category_column #sticky .col-12 {
		padding-left: 0;
		padding-right: 0
	}

	#category_column #sticky article .right h2 {
		margin: 0 0 10px;
		font-weight: 700
	}

	#category_column #sticky article {
		margin: 0 0 20px;
		padding: 0 0 20px;
		border-bottom: 1px solid #ddd
	}

	#category_column #sticky .loop .type-key .image {
		margin-bottom: 10px
	}

	#category_column img {
		width: 100%
	}

	#category_column a,
	body.page-template-page-column a:link {
		color: #333;
		text-decoration: none
	}

	#category_column a:hover {
		color: #333;
		text-decoration: underline
	}

	#category_column #primary article {
		padding: 0 0 20px;
		margin: 0
	}

	#category_column #primary article .row {
		margin: 0
	}

	#category_column #primary article+article {
		padding: 20px 0;
		border-top: 1px solid #ddd
	}

	#category_column #primary article .left {
		padding: 0
	}

	#category_column #primary article .left figure {
		margin: 0;
		width: 100%;
		height: auto;
		position: relative
	}

	#category_column #primary article .left figure::before {
		content: "";
		display: block;
		padding-bottom: 68%
	}

	#category_column #primary article .left figure a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden
	}

	#category_column #primary article .left figure img {
		height: auto;
		width: 100%;
		line-height: 0;
		position: absolute;
		top: 0
	}

	#category_column #primary article .left figure a:hover {
		opacity: .7
	}

	#category_column #primary article .right {
		flex: 0 0 75%;
		max-width: 75%;
		padding-right: 0
	}

	#category_column article .right h2 {
		margin: 0;
		font-size: 15px;
		font-weight: 700
	}

	#sticky #category_column article .right h2 {
		margin: 0 0 10px
	}

	#category_column article .right .meta {
		margin: 0 0 2px;
		color: #555
	}

	#category_column article .right .meta p+p {
		border-left: 1px solid #ddd
	}

	#category_column article .right .date {
		display: inline-block;
		margin: 0;
		padding: 0 10px 0 0;
		font-size: 10px;
		line-height: 1.2
	}

	#category_column article .right .cat {
		display: inline-block;
		margin: 0;
		padding: 0 0 0 10px;
		font-size: 10px;
		line-height: 1.2
	}

	#category_column article .right .come {
		margin: 0;
		font-size: 13px
	}

	.sidebar {
		margin: 50px 0 0
	}

	.sidebar .category-list ul li {
		position: relative;
		padding: 10px 2% 10px 20px;
		font-size: 14px
	}

	.sidebar .category-list ul li:before {
		position: absolute;
		content: "\f105";
		left: 0;
		top: 10px;
		font-weight: 600;
		font-family: "Font Awesome 5 Free"
	}

	.sidebar .category-list ul li+li {
		border-top: 1px solid #ddd
	}

	.sidebar .block {
		margin: 0 0 40px
	}

	.sidebar .list-bnr li {
		margin-bottom: 10px
	}

	.sidebar .list-bnr li:last-child {
		margin-bottom: 0
	}

	.sidebar .list-bnr li a img:hover {
		opacity: .6
	}

	.article-meta .article-category a:hover,
	.loop .type-side figure a:hover {
		opacity: .7
	}

	.sidebar .sidebar .tit-main {
		font-size: 20px
	}

	.sidebar .sidebar .tit-main em {
		font-size: 13px
	}

	.sidebar .tit-icon {
		position: relative;
		margin-bottom: 10px;
		padding: 10px 5px 5px;
		background-color: #fff;
		color: #003364;
		font-size: 18px;
		font-weight: 700;
		border-top: 3px solid #003364;
		text-align: right
	}

	.sidebar .tit-icon::before {
		content: "";
		position: absolute;
		left: -14px;
		top: -7px;
		width: 64px;
		height: 64px;
		background: url(assets/images/ico-ranking.png) left center no-repeat;
		background-size: contain
	}

	.sidebar .ranking .tit-icon::before {
		background-image: url(assets/images/ico-ranking.png)
	}

	.sidebar .recommend .tit-icon::before {
		background-image: url(assets/images/ico-recommend.png)
	}

	.sidebar ul.list-tag {
		font-size: 0;
		letter-spacing: 0
	}

	.sidebar ul.list-tag li {
		font-size: 1rem;
		letter-spacing: 0;
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 5px
	}

	.sidebar ul.list-tag li a {
		display: block;
		padding: 7px 15px 7px 30px;
		background: url(assets/images/ico-tag.png) 10px center no-repeat #00b8db;
		color: #fff;
		background-size: 14px auto;
		border-radius: 50px;
		line-height: 1;
		font-size: 1.1rem;
		font-weight: 700;
		text-decoration: none
	}

	.sidebar ul.list-tag li a:hover {
		background-color: #ddd
	}

	.loop .type-side .col-12 {
		float: none;
		margin: 0 0 10px
	}

	.loop .type-side .col-12:after,
	.loop .type-side:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden
	}

	.ranking .loop .type-side .col-12:nth-child(1) .image:before,
	.ranking .loop .type-side .col-12:nth-child(2) .image:before,
	.ranking .loop .type-side .col-12:nth-child(3) .image:before,
	.ranking .loop .type-side .col-12:nth-child(4) .image:before,
	.ranking .loop .type-side .col-12:nth-child(5) .image:before {
		content: "1";
		position: absolute;
		z-index: 1;
		top: -8px;
		left: -8px;
		width: 25px;
		height: 25px;
		line-height: 25px;
		border-radius: 50%;
		background-color: #0054A7;
		color: #fff;
		font-size: 1.2rem;
		font-weight: 700;
		text-align: center;
		padding-top: 0
	}

	.ranking .loop .type-side .col-12:nth-child(1) .image:before {
		content: "1";
		background-color: #dcb43b
	}

	.ranking .loop .type-side .col-12:nth-child(2) .image:before {
		content: "2";
		background-color: #b5b5b5
	}

	.ranking .loop .type-side .col-12:nth-child(3) .image:before {
		content: "3";
		background-color: #c8a96d
	}

	.ranking .loop .type-side .col-12:nth-child(4) .image:before {
		content: "4"
	}

	.ranking .loop .type-side .col-12:nth-child(5) .image:before {
		content: "5"
	}

	.loop .type-side figure {
		float: left;
		margin: 0;
		width: 25%;
		height: 100%;
		max-width: 100px;
		min-height: 72.5px;
		position: relative
	}

	.loop .type-side figure::before {
		content: "";
		display: block;
		padding-top: 100%
	}

	.loop .type-side figure a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden
	}

	.loop .type-side figure img {
		height: 100% !important;
		width: auto;
		line-height: 0;
		position: absolute;
		bottom: 0
	}

	.loop .type-side .header {
		float: right;
		width: 73%
	}

	.loop .type-side .meta {
		font-size: 10px;
		line-height: 1.5;
		width: 100%;
		margin: 0;
		float: left
	}

	.loop .type-side .meta>* {
		display: block;
		margin: 5px 0;
		text-decoration: none !important
	}

	.loop .type-side .title {
		font-size: 12px;
		font-weight: 400;
		line-height: 1.5
	}

	.loop .type-side .content {
		display: none
	}

	#single-content img {
		width: 100%;
		height: auto
	}

	.article-header {
		margin-bottom: 20px;
		padding-bottom: 5px;
		border-bottom: solid 1px #dcdcdc
	}

	.article-header:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden
	}

	.article-image {
		float: right;
		width: 25%;
		height: 120px;
		margin-left: 20px;
		margin-bottom: 20px
	}

	.article-image img {
		object-fit: cover;
		width: 100%;
		height: 100%
	}

	.article-title {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.25
	}

	.article-title a {
		text-decoration: none
	}

	.article-title a:hover {
		text-decoration: underline
	}

	.article-meta {
		margin-bottom: 0;
		font-size: 12px
	}

	.article-meta .article-category,
	.article-meta .article-date {
		display: inline-block
	}

	.article-meta .article-date {
		margin: 0 1.5em 1em 0
	}

	.article-meta .article-category a {
		margin-right: .5em;
		padding: 0 1em;
		border-radius: 3px;
		background-color: #003364;
		color: #fff;
		font-size: 10px;
		text-decoration: none
	}

	.article-summary {
		margin-bottom: 20px;
		color: #666
	}

	.article-readingtime {
		max-width: 500px;
		width: 100%;
		background-color: #eee;
		margin: 0 0 10px;
		padding: 3px 12px;
		font-size: 1.3rem;
		font-weight: 700;
		color: #aaa
	}

	.article-readingtime strong {
		display: inline-block;
		color: #333
	}

	.article-relatedposts {
		margin-top: 40px;
		margin-bottom: 20px;
		border: 1px solid #dcdcdc;
		padding: 30px
	}

	.article-relatedposts .tit {
		margin-bottom: 10px;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.25
	}

	.article-relatedposts li,
	.article-relatedposts p {
		line-height: 1.5
	}

	.article-relatedposts li {
		margin-bottom: .5em
	}

	.article-author-cov {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.article-author {
		position: relative;
		float: left;
		width: 48%;
		height: 100%;
		margin: 0 4% 40px 0;
		padding: 0
	}

	.article-author:nth-child(2) {
		margin: 0
	}

	.article-author .pic {
		float: right;
		width: 70px;
		height: 70px;
		overflow: hidden;
		margin: -5px 0 20px 20px;
		border-radius: 70px;
		box-sizing: border-box;
		border: 5px solid #fff
	}

	.article-author .pic img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: center center
	}

	.article-author .tit,
	.article-author .txt {
		overflow: hidden;
		margin-bottom: 5px
	}

	.article-author .tit {
		margin-bottom: 5px;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.25
	}

	.article-author .tit span {
		display: block;
		margin-right: 1em;
		margin-bottom: 5px;
		color: #666;
		font-size: 1.2rem;
		font-weight: 400
	}

	.article-author .link,
	.article-author .txt {
		color: #666;
		font-size: 1.2rem;
		line-height: 1.6
	}

	.article-author .txt a {
		display: none
	}

	.article-author .link {
		position: absolute;
		right: 5px;
		bottom: 0
	}

	.article-author .link a {
		display: block;
		padding: 5px 10px;
		text-decoration: none;
		border: 1px solid #ccc;
		border-radius: 5px;
		background: #fff
	}

	.article-author .link a:hover {
		background: #DCF5F9
	}

	.article-sns {
		margin-top: 10px
	}

	.article-sns .item {
		display: inline-block;
		vertical-align: top;
		margin: 0 5px 5px 0;
		max-width: 200px;
		overflow: hidden
	}

	.article-summary {
		font-size: 1.3rem
	}

	.article-summary p {
		margin-bottom: 0;
		line-height: 1.75;
		letter-spacing: 0
	}

	.article-content {
		margin-bottom: 40px;
		font-size: 16px;
		color: #333
	}

	#main .article-content,
	#main .article-content p {
		font-size: 14px;
		line-height: 1.75
	}

	.more-link {
		display: none
	}

	#main #content {
		padding: 4% 2%
	}

	.article-content h1,
	.article-content h2,
	.article-content h3,
	.article-content h4,
	.article-content h5,
	.article-content h6 {
		margin-top: 30px;
		margin-bottom: 15px;
		font-weight: 700;
		line-height: 1.5
	}

	.article-content h2 {
		position: relative;
		margin-top: 20px;
		margin-bottom: 10px;
		padding: 0 .5em .5em 1.2em;
		font-size: 18px;
		border-bottom: solid 3px #dcdcdc;
		line-height: 1.4
	}

	.article-content h2:after,
	.article-content h2:before {
		content: "";
		position: absolute
	}

	.article-content h2:before {
		background: #FF8002;
		top: .4em;
		left: .4em;
		height: 8px;
		width: 8px;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg)
	}

	.article-content h2:after {
		background: #FF9702;
		top: .9em;
		left: 0;
		height: 5px;
		width: 5px;
		transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		-ms-transform: rotate(15deg)
	}

	.article-content h3 {
		margin: 20px 0 10px;
		font-size: 16px;
		position: relative
	}

	.article-content h4,
	.article-content h5,
	.article-content h6 {
		margin: 20px 0 10px;
		font-size: 1em
	}

	.article-content h1:first-child,
	.article-content h2:first-child,
	.article-content h3:first-child,
	.article-content h4:first-child,
	.article-content h5:first-child,
	.article-content h6:first-child {
		margin-top: 0
	}

	.article-content table {
		margin: 0 0 20px;
		width: 100% !important
	}

	.article-content tr {
		border-bottom: none
	}

	.article-content td,
	.article-content th {
		padding: 5px;
		border: 1px solid #555
	}

	.article-content th {
		background-color: #ccc;
		font-weight: 700
	}

	.article-content ol,
	.article-content ul {
		padding-left: 30px
	}

	.article-content ul li {
		list-style: disc
	}

	.article-content ol li {
		list-style: decimal
	}

	.article-footer {
		margin-bottom: 40px
	}

	.article-footer .article-sns {
		text-align: right
	}
}

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

	.attention,
	.attention-2 {
		padding: 3px 5px;
		font-size: 11px;
		border: 1px solid #aaa
	}

	.attention {
		max-width: 400px;
		margin: 10px 0
	}

	.attention-2 {
		max-width: 450px;
		margin: 10px 0 20px
	}

	.article-summary {
		margin-bottom: 10px;
		color: #666;
		font-size: 1.2rem
	}
}

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

	.va-social-buzz .vasb_fb .vasb_fb_thumbnail,
	.vasb_fb_like_text br {
		display: none !important
	}

	.va-social-buzz .vasb_fb .vasb_fb_like {
		color: #707070 !important;
		height: auto !important
	}

	.vasb_fb_like {
		text-align: center
	}

	.vasb_fb_like_text {
		margin: 0
	}

	.vasb_share_button a {
		border-bottom: none;
		border-radius: 5px;
		box-shadow: none;
		color: #fff;
		display: block;
		padding: .75em 0;
		text-decoration: none
	}

	.va-social-buzz .vasb_notification_button a:hover,
	.va-social-buzz .vasb_share_button a:hover {
		box-shadow: none
	}

	.va-social-buzz .vasb_notification_button a:focus,
	.va-social-buzz .vasb_share_button a:focus {
		outline: 0
	}

	.va-social-buzz .vasb_fb,
	.va-social-buzz .vasb_notification,
	.va-social-buzz .vasb_share {
		margin-bottom: .75em;
		position: relative;
		text-align: center;
		width: 100%
	}

	.va-social-buzz .vasb_fb {
		display: table
	}

	.va-social-buzz .vasb_fb .vasb_fb_thumbnail {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 0
	}

	#secondary #widget-area .va-social-buzz .vasb_fb .vasb_fb_thumbnail,
	#secondary .widget-area .va-social-buzz .vasb_fb .vasb_fb_thumbnail,
	#secondary.widget-area .va-social-buzz .vasb_fb .vasb_fb_thumbnail,
	.secondary .widget-area .va-social-buzz .vasb_fb .vasb_fb_thumbnail,
	.sidebar-container .va-social-buzz .vasb_fb .vasb_fb_thumbnail {
		display: block !important;
		width: 100% !important
	}

	.va-social-buzz .vasb_fb .vasb_fb_like {
		padding: 16.5px 0;
		position: relative;
		text-align: center;
		vertical-align: middle;
		z-index: 1
	}

	#secondary #widget-area .va-social-buzz .vasb_fb .vasb_fb_like,
	#secondary .widget-area .va-social-buzz .vasb_fb .vasb_fb_like,
	#secondary.widget-area .va-social-buzz .vasb_fb .vasb_fb_like,
	.secondary .widget-area .va-social-buzz .vasb_fb .vasb_fb_like,
	.sidebar-container .va-social-buzz .vasb_fb .vasb_fb_like {
		display: block !important;
		height: initial !important;
		width: initial !important
	}

	.va-social-buzz .vasb_fb .vasb_fb_like .vasb_fb_like_text {
		line-height: 1.5;
		margin: 0 0 .5em;
		text-align: center
	}

	.va-social-buzz .vasb_fb .vasb_fb_like .fb-like {
		display: block;
		height: 21px;
		line-height: 1;
		margin-bottom: 0;
		overflow: hidden
	}

	.va-social-buzz .vasb_fb .vasb_fb_like .fb-like iframe {
		max-width: initial
	}

	.va-social-buzz .vasb_share .vasb_share_button {
		display: inline-block
	}

	.va-social-buzz .vasb_share .vasb_share_button-fb {
		width: 48% !important;
		margin-right: 2%;
		padding-left: 0
	}

	.va-social-buzz .vasb_share .vasb_share_button-fb .vasb_icon:before {
		content: "\f39e";
		padding: 0 5px;
		width: 25px;
		display: inline-block;
		font-weight: 600
	}

	.va-social-buzz .vasb_share .vasb_share_button-fb a {
		background-color: #3b55a0
	}

	.va-social-buzz .vasb_share .vasb_share_button-fb a:hover {
		background-color: #384182
	}

	.va-social-buzz .vasb_share .vasb_share_button-twttr {
		width: 48% !important;
		margin-left: 2%;
		padding-right: 0
	}

	.va-social-buzz .vasb_share .vasb_share_button-twttr .vasb_icon:before {
		content: "\f099";
		padding: 0 5px;
		width: 25px;
		display: inline-block;
		font-weight: 600
	}

	.va-social-buzz .vasb_share .vasb_share_button-twttr a {
		background-color: #1b95e0
	}

	.va-social-buzz .vasb_share .vasb_share_button-twttr a:hover {
		background-color: #0c7abf
	}

	.va-social-buzz .vasb_notification .vasb_notification_button-push7 {
		padding: 0;
		width: 100%
	}

	.va-social-buzz .vasb_notification .vasb_notification_button-push7 .vasb_icon:before {
		content: "\e804";
		font-family: 'Font Awesome 5 Free';
		font-weight: 600
	}

	.flow-box:after,
	aside .tit-icon::before {
		content: ""
	}

	.va-social-buzz .vasb_notification .vasb_notification_button-push7 a {
		background-color: #e5a717
	}

	.va-social-buzz .vasb_notification .vasb_notification_button-push7 a:hover {
		background-color: #bf9214
	}

	.va-social-buzz .vasb_follow {
		background-color: #eee;
		color: #707070;
		padding: .75em;
		text-align: center;
		width: 100%
	}

	.va-social-buzz .vasb_follow iframe {
		display: inline-block !important;
		margin-bottom: 0 !important;
		vertical-align: middle !important
	}

	aside .tit-icon {
		position: relative;
		margin-bottom: 5px;
		padding: 10px 5px;
		background-color: #fff;
		color: #003364;
		font-size: 22px;
		font-weight: 700;
		border-top: 3px solid #003364
	}

	#page-content section h2,
	#page-content section h3 {
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
		font-weight: 400;
		text-align: center
	}

	aside .tit-icon::before {
		position: absolute;
		left: -14px;
		top: -7px;
		width: 64px;
		height: 64px;
		background: url(assets/images/ico-ranking.png) left center no-repeat;
		background-size: contain
	}

	aside .loop .col {
		padding: 0 7px
	}

	aside .loop .col:first-child {
		padding: 0 7px 0 15px
	}

	aside .loop .col:last-child {
		padding: 0 15px 0 7px
	}

	aside .loop .col figure {
		margin: 0 0 10px
	}

	aside .loop .title {
		font-size: 14px;
		line-height: 1.4
	}

	.fb_iframe_widget span {
		vertical-align: top
	}

	#page-content #primary {
		margin: 0 !important
	}

	#page-content section {
		padding: 30px 0
	}

	#page-content section h1 {
		margin: 0 0 20px;
		font-size: 20px;
		color: #0054A7;
		text-align: center;
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
	}

	#page-content section h2 {
		margin: 10px 0;
		font-size: 26px
	}

	#page-content section h3 {
		margin: 0 0 10px;
		font-size: 16px
	}

	#page-content section h4 {
		margin: 0 0 10px;
		font-size: 15px;
		text-align: center;
		font-weight: 700
	}

	#page-content section h5 {
		margin: 0;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.6
	}

	#page-content section strong {
		display: block;
		margin: 20px auto 0;
		text-align: center;
		font-size: 16px;
		letter-spacing: 1px
	}

	#page-content section.sec01,
	#page-content section.sec03,
	#page-content section.sec05 {
		background: #F0F9FE
	}

	#page-content section ol,
	#page-content section ul {
		padding-left: 20px
	}

	#page-content section ol li {
		padding: 0 0 10px;
		list-style: decimal;
		line-height: 1.6
	}

	#page-content section ul li {
		padding: 0 0 10px;
		list-style: disc;
		line-height: 1.6
	}

	#page-content section img {
		max-width: 100%
	}

	#page-content section hr {
		margin: 20px 0 30px;
		border-bottom: 1px solid #E6E6E6
	}

	#page-content section p {
		max-width: 1000px;
		margin: 0 auto 1rem;
		font-size: 14px;
		text-align: left
	}

	.flow-box {
		position: relative;
		margin: 30px 0;
		padding: 20px 15px 10px;
		background: #fff
	}

	.flow-box:after {
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 100px 0;
		border-color: #fff transparent transparent;
		bottom: -30px;
		left: 0;
		right: 0;
		margin: 0 auto
	}

	.flow-box.last:after {
		display: none !important
	}

	section .btn-l {
		text-align: center
	}

	section .btn {
		margin: 0 0 10px;
		padding: 0 40px 0 20px;
		width: auto;
		height: 50px;
		line-height: 50px;
		background: #2999D1;
		border: 1px solid #2999D1;
		border-radius: 0;
		color: #fff;
		text-decoration: none;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px transparent;
		-webkit-transition-duration: .1s;
		transition-duration: .1s
	}

	section .btn:hover {
		opacity: .8;
		color: #fff !important
	}

	section .btn:hover:after {
		color: #6E6E6E
	}

	section .btn .hvr-icon {
		position: absolute;
		right: 15px;
		top: 18px;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: .1s;
		transition-duration: .1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		color: #fff
	}

	section .btn:active .hvr-icon,
	section .btn:focus .hvr-icon,
	section .btn:hover .hvr-icon {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	section .btn:active,
	section .btn:focus,
	section .btn:hover {
		-webkit-animation-name: hvr-back-pulse;
		animation-name: hvr-back-pulse;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}

	#page-content section .box .row .col-12 div {
		height: 100%;
		background: #fff;
		border: 3px solid #D0E3F5;
		padding: 0 5px
	}

	#page-content section .box .row div {
		margin-bottom: 20px
	}

	#page-content section .box h4 {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 20px 0 0
	}

	#page-content section .box .row p {
		padding: 0 5%
	}

	#page-content section .box ul {
		margin: 0;
		padding: 10px 10px 10px 30px
	}

	#page-content section .box .ok ul li {
		position: relative;
		list-style: none;
		font-size: 14px
	}

	#page-content section .box .ok ul li:before {
		position: absolute;
		content: "○";
		top: 0;
		left: -18px;
		font-weight: 700;
		color: #0054A7
	}

	#page-content section .box .batu ul li {
		position: relative;
		list-style: none;
		font-size: 14px
	}

	#page-content section .box .batu ul li:before {
		position: absolute;
		content: "\f00d";
		top: 0;
		left: -18px;
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		color: #FFA2A3
	}

	#page-content section .box .check ul li {
		position: relative;
		list-style: none
	}

	#page-content section .box .check ul li:before {
		position: absolute;
		content: "\f00c";
		top: 0;
		left: -20px;
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		color: #0054A7
	}

	body#strength #page-content section.sec000 h2,
	body#strength .sec01 h3 {
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
	}

	#page-content section .box02 {
		margin-bottom: 0
	}

	#page-content section .box02 .col-12 {
		margin-bottom: 20px
	}

	#page-content section .box02 div div {
		height: 100%;
		padding: 20px 20px 10px;
		background: #D0E3F5
	}

	#page-content section .window {
		margin: 30px 0 0
	}

	#page-content section .window div {
		margin: 0 0 10px
	}

	#page-content section .window div a {
		display: block;
		height: 100%;
		padding: 10px 0;
		background: #D0E3F5
	}

	#page-content section .window p.number {
		display: block;
		margin: 0 auto 10px;
		padding: 0;
		background: #fff;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		font-size: 12px;
		font-weight: 400;
		text-align: center;
		line-height: 20px
	}

	#page-content section .window p {
		padding: 0 5%
	}

	#page-content section .number {
		display: block;
		margin: 0 auto 10px;
		background: #D0E3F5;
		width: 30px;
		height: 30px;
		border-radius: 15px;
		font-size: 16px;
		font-weight: 400;
		text-align: center;
		line-height: 30px
	}

	#page-content ul.attention {
		margin: 0 auto 10px !important;
		padding: 5px 5px 5px 25px;
		width: 100%;
		font-size: 10px
	}

	#page-content ul.attention>li {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none
	}

	#page-content ul.attention>li:before {
		content: "※";
		position: absolute;
		left: -1.5em;
		color: #ea6c85;
		font-weight: 700;
		margin: 0 5px 0 0
	}

	.frame01 {
		padding: 10px 15px;
		background: #fffae4
	}

	#page-content .scroll {
		white-space: nowrap;
		width: 100%;
		overflow: scroll
	}

	body#strength .sec000 {
		height: 450px;
		position: relative;
		background-image: url(/img/bg22-s.jpg);
		background-size: auto 100%;
		background-position: bottom
	}

	body#strength #page-content section.sec000 h2 {
		padding: 100px 0 0;
		font-size: 20px;
		text-align: center;
		color: #fff;
		text-shadow: 2px 2px 1px rgba(0, 0, 0, .6), 1px 1px 1px rgba(0, 0, 0, .6)
	}

	body#strength .sec000 p {
		position: absolute;
		right: 0;
		left: 0;
		top: 48vw;
		display: block;
		margin: 0 auto;
		padding: 0 30px;
		width: 100%;
		font-size: 14px;
		color: #fff;
		letter-spacing: 1px;
		line-height: 1.6;
		text-shadow: 3px 3px 1px rgba(0, 0, 0, .6), 1px 1px 1px rgba(0, 0, 0, .6);
		text-align: left
	}

	.sec01 .slick-slider img {
		width: 100%
	}

	body#strength .sec001 {
		padding: 0
	}

	body#strength .sec001 .cover {
		padding: 6vw 0;
		background: rgba(255, 255, 255, .61);
		width: 100%;
		height: 100%
	}

	body#strength .sec001 strong {
		font-size: 16px;
		margin-bottom: 20px
	}

	body#strength .sec002 {
		padding: 100px 0 150px;
		background-image: url(/img/bg18.jpg);
		background-size: auto 100%;
		background-position: bottom
	}

	body#strength .sec01 .row {
		margin: 20px 0 0
	}

	body#strength .sec01 .con {
		padding: 0 6% 20px;
		background: #fff;
		height: 100%
	}

	body#strength .sec01 .title {
		display: block;
		padding: 10px 0;
		margin: 0 auto 10px;
		width: 100px;
		background: #0054A7;
		color: #fff;
		text-align: center;
		line-height: 1.2;
		font-size: 12px
	}

	body#strength .sec01 .title span {
		display: block;
		font-size: 1.6rem;
		font-weight: 400
	}

	body#strength .sec01 h3 {
		margin: 0 0 10px;
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		padding: 0;
		text-align: center
	}

	body#strength .sec01 h3.three {
		padding: 0
	}

	body#strength .sec01 img {
		padding-bottom: 10px;
		width: 100%
	}

	body#strength .sec01 .con p {
		text-align: left
	}

	body#strength .sec02 .window {
		margin: 20px 0 30px
	}

	body#strength #page-content section h3 {
		margin: 0 0 10px;
		font-size: 16px
	}
}

@media screen and (max-width:320px) {
	body#strength .sec000 h2 {
		padding: 80px 0 0
	}

	body#strength .sec000 p {
		top: 48vw
	}
}

@media only screen and (max-width:767px) {
	#report_list article {
		padding: 20px;
		margin: 0 0 20px;
		border: 1px solid #0054A7
	}

	#report_list .con01 {
		margin-top: 20px;
		padding: 15px 0;
		background: #0054A7
	}

	#report_list .con01 .left {
		padding: 15px 4%;
		background: #fff;
		height: 100%
	}

	#report_list .con01 h2 {
		margin: 0;
		text-align: left;
		font-size: 20px
	}

	#report_list .con01 h3 {
		display: block;
		margin: 10px auto 5px 0;
		padding: 3px 0;
		width: 150px;
		border-radius: 8px;
		background: #0054A7;
		color: #fff;
		text-align: center;
		font-size: 14px
	}

	section#report_list dl {
		margin: 0;
		line-height: 1.2;
		font-size: 14px
	}

	#report_list dd,
	section#report_list dt {
		display: inline-block;
		margin: 0
	}

	section#report_list div p {
		margin: 0 0 10px
	}

	section#report_list h2 {
		margin: 80px auto 0
	}

	section#report_list h2.me {
		margin: 60px auto 0
	}

	section#report_list hr {
		display: block;
		margin: 10px auto 60px;
		width: 50px;
		border-bottom: 1px solid #0054A7
	}

	section#report_list h3 {
		margin: 20px auto;
		text-align: left;
		font-size: 26px;
		line-height: 1.4
	}

	section#report_list .con01 a img {
		position: relative;
		width: 100%
	}

	section#report_list .con01 a span {
		position: absolute;
		bottom: 10px;
		right: 25px;
		color: #fff;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
		font-size: 10px
	}

	#pagination ul {
		text-align: center
	}

	#pagination li {
		display: inline-block;
		margin-right: 5px;
		padding: 5px 10px;
		border-radius: 5px;
		background: #989898;
		color: #fff
	}

	#pagination .active {
		background: #ff9702
	}

	body#jigyoushoukei_flow #content-head,
	body#koukeisha #content-head,
	body#shoukibo_ma #content-head {
		background-image: url(/img/bg09.jpg)
	}

	#pagination li:first-child {
		float: left;
		background: #ff9702
	}

	#pagination li:last-child {
		float: right;
		background: #ff9702
	}

	#pagination a {
		text-decoration: none;
		color: #fff !important
	}

	#pagination li:hover {
		background: #ff9702 !important
	}

	body#jigyoushoukei_flow .window .row div {
		margin: 0 0 30px
	}

	body#jigyoushoukei_flow .window .row div a {
		position: relative;
		padding: 26px 0 20px !important;
		text-align: center;
		font-size: 18px;
		font-weight: 700
	}

	body#jigyoushoukei_flow .window .row div:nth-child(3) a {
		padding: 20px !important
	}

	body#jigyoushoukei_flow .window .row div+div:before {
		position: absolute;
		content: "";
		top: -30px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 30px solid #D0E3F5;
		border-right: 30px solid transparent;
		border-bottom: 30px solid transparent;
		border-left: 30px solid transparent
	}

	body#jigyoushoukei_flow section.sec01 strong {
		margin: 20px auto 0
	}

	body#koukeisha #page-content section.sec01 .box ul {
		padding: 20px 20px 0 40px
	}

	body#koukeisha #page-content section.sec02 .box ul {
		padding: 0 20px 0 40px
	}

	body#daisanshashoukei #page-content section .box .row .col-12>div {
		padding: 20px 0 0
	}

	body#daisanshashoukei #page-content section .box ul {
		padding: 0 20px 0 40px
	}

	body#daisanshashoukei #page-content section .box small {
		display: block;
		width: 100%;
		text-align: right
	}

	body#daisanshashoukei .sec01 .flow-box:last-child:after,
	body#daisanshashoukei .sec02 .flow-box:last-child:after {
		display: none !important
	}

	body#daisanshashoukei .sec02 .flow-box {
		background: #F0F9FE
	}

	body#daisanshashoukei .sec02 .flow-box:after {
		border-color: #F0F9FE transparent transparent
	}

	body#apparel #page-content section.sec01 h1,
	body#apparel #page-content section.sec02 h1,
	body#autoparts #page-content section.sec02 h1,
	body#constraction #page-content section.sec01 h1,
	body#constraction #page-content section.sec02 h1,
	body#itmarket #page-content section.sec01 h1,
	body#itmarket #page-content section.sec02 h1,
	body#logystics #page-content section.sec00 h1,
	body#logystics #page-content section.sec01 h1,
	body#logystics #page-content section.sec02 h1,
	body#logystics #page-content section.sec03 h1,
	body#pharmacy #page-content section.sec01 h1,
	body#pharmacy #page-content section.sec02 h1 {
		margin: 0 0 30px
	}

	#ma_stockpurchase section table,
	body#apparel section table {
		margin: 0 auto 20px;
		width: 100%
	}

	body#autoparts #page-content section .box ul,
	body#constraction #page-content section .box ul {
		padding: 20px 20px 0 40px
	}

	body#autoparts #page-content section .box .row p,
	body#constraction #page-content section .box .row p {
		padding: 0
	}

	body#apparel section th,
	body#constraction section th {
		padding: 10px 20px;
		background: #D0E3F5;
		vertical-align: middle
	}

	body#constraction #page-content section.sec01 small {
		display: block;
		width: 100%;
		text-align: right
	}

	body#apparel section table {
		max-width: 600px
	}

	body#apparel section td {
		padding: 15px 20px;
		text-align: center;
		border-bottom: 1px solid #dedede;
		background: #fafafa
	}

	body#apparel section th {
		border-bottom: 1px solid #fafafa;
		text-align: center
	}

	body#apparel section th+th {
		border-left: 1px solid #fafafa
	}

	body#apparel section td+td {
		border-left: 1px solid #dedede
	}

	body#apparel section .frame01 td+td {
		border-left: none
	}

	body#apparel section td.none,
	body#price section th.none {
		border-bottom: none
	}

	body#constraction section table {
		margin: 0 auto 20px;
		width: 100%;
		max-width: 600px
	}

	body#constraction section td {
		padding: 15px 20px;
		text-align: center;
		border-bottom: 1px solid #dedede;
		background: #fafafa
	}

	body#constraction section th {
		border-bottom: 1px solid #fafafa;
		text-align: center
	}

	body#constraction section th+th {
		border-left: 1px solid #fafafa
	}

	body#constraction section td+td {
		border-left: 1px solid #dedede
	}

	body#constraction section .frame01 td+td {
		border-left: none
	}

	body#constraction section td.none,
	body#price section th.none {
		border-bottom: none
	}

	#ma_about #content-head {
		background-image: url(/img/bg09.jpg)
	}

	#ma_about #page-content section .box h4 {
		padding: 20px 0 5px
	}

	#ma_about #page-content section table {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 5px
	}

	#ma_about #page-content section table td {
		padding: 0;
		text-align: center
	}

	#ma_about #page-content section table td a {
		display: block;
		padding: 10px;
		width: 100%;
		height: 100%;
		font-weight: 700
	}

	#ma_about #page-content section table td.table_a {
		background: #8BB1D7
	}

	#ma_about #page-content section table td.table_b {
		background: #A0BFDE
	}

	#ma_about #page-content section table td.table_c {
		background: #BBD1E7
	}

	#ma_about #page-content section table td.table_d {
		background: #D2E1EF
	}

	#evaluation00 #content-head,
	#ma_assetpurchase #content-head,
	#ma_corporate_divestiture #content-head,
	#ma_flow #content-head,
	#ma_stockpurchase #content-head,
	body#evaluation01 #content-head {
		background-image: url(/img/bg09.jpg)
	}

	#ma_stockpurchase section td {
		padding: 10px 20px;
		text-align: left;
		border-bottom: 1px solid #dedede;
		background: #fafafa
	}

	#ma_stockpurchase section th {
		padding: 8px 20px;
		vertical-align: middle;
		border-bottom: 1px solid #fafafa;
		background: #D0E3F5;
		text-align: center
	}

	#ma_stockpurchase section th.left {
		text-align: left
	}

	#ma_stockpurchase section th+th {
		border-left: 1px solid #fafafa
	}

	#ma_stockpurchase section td+td {
		border-left: 1px solid #dedede
	}

	#ma_stockpurchase section .frame01 td+td {
		border-left: none
	}

	#ma_stockpurchase section td.none,
	body#price section th.none {
		border-bottom: none
	}

	#ma_stockpurchase section td font {
		font-weight: 700
	}

	#ma_stockpurchase #page-content section.sec02 h2 {
		margin: 80px 0 20px
	}

	#ma_assetpurchase #page-content section h1 {
		margin: 0 0 60px
	}

	#ma_corporate_divestiture section table {
		margin: 0 auto 20px;
		width: 100%
	}

	#ma_corporate_divestiture section td {
		padding: 10px 20px;
		text-align: center;
		border-bottom: 1px solid #dedede;
		background: #fafafa
	}

	#ma_corporate_divestiture section th {
		padding: 8px 20px;
		vertical-align: middle;
		border-bottom: 1px solid #fafafa;
		background: #D0E3F5;
		text-align: center
	}

	#ma_corporate_divestiture section th+th {
		border-left: 1px solid #fafafa
	}

	#ma_corporate_divestiture section td+td {
		border-left: 1px solid #dedede
	}

	#ma_corporate_divestiture section .frame01 td+td {
		border-left: none
	}

	#ma_corporate_divestiture section td.none,
	body#price section th.none {
		border-bottom: none
	}

	#ma_corporate_divestiture section td font {
		font-weight: 700
	}

	#ma_corporate_divestiture #page-content section.sec02 h2 {
		margin: 80px 0 20px
	}

	#ma_flow .flow-box:nth-child(7):after {
		display: none
	}

	#evaluation00 #page-content .window {
		margin-bottom: 20px
	}

	#evaluation00 #page-content section .box ul {
		padding: 10px 20px 0 40px
	}

	body#evaluation01 .frame01 {
		margin: 20px 0 0
	}

	body#evaluation01 .frame01 .flow-box {
		padding: 20px 15px 10px
	}

	body#evaluation01 .frame01 .flow-box:nth-child(2) {
		margin-top: 15px
	}

	body#evaluation01 .frame01 .flow-box h5 {
		text-align: center;
		margin: 0 0 10px
	}

	body#evaluation01 .sec02 .frame01 .flow-box:nth-child(4):after,
	body#evaluation01 .sec03 .frame01 .flow-box:nth-child(6):after {
		display: none !important
	}

	body#evaluation01 .sec02 .frame01 table {
		margin: 0 auto 5px;
		width: 100%
	}

	body#evaluation01 .sec02 .frame01 table small {
		text-align: center
	}

	body#evaluation01 .sec02 .frame01 td {
		padding: 8px 20px;
		text-align: center
	}

	body#evaluation01 .sec02 .frame01 th {
		padding: 5px 20px;
		vertical-align: middle;
		border-bottom: 1px solid #fafafa;
		background: #D0E3F5;
		text-align: center
	}

	body#evaluation01 .sec02 .frame01 th+th {
		border-left: 1px solid #fafafa
	}

	body#evaluation01 .sec02 .frame01 td {
		border-bottom: 1px solid #dedede;
		background: #fafafa
	}

	body#evaluation01 .sec02 .frame01 td+td {
		border-left: 1px solid #dedede
	}

	body#evaluation01 .sec02 .frame01 .frame01 td+td {
		border-left: none
	}

	body#evaluation01 .sec02 .frame01 td.none,
	body#evaluation01 .sec02 .frame01 th.none {
		border-bottom: none
	}

	body#evaluation01 .sec02 .frame01 small {
		display: block;
		width: 100%;
		text-align: right
	}

	body#evaluation01 .sec03 .frame01 .flow-box h5 {
		margin: 0 auto;
		background: #fff;
		z-index: 1;
		position: relative
	}

	body#evaluation01 .sec03 .frame01 strong {
		margin: 0 0 20px;
		padding: 20px 0;
		border: 1px solid #333
	}

	body#about #content-head {
		background-image: url(/img/bg03.jpg)
	}

	body#about .sec00 p {
		text-align: center
	}

	body#about .sec01 .box {
		padding: 30px 0 0;
		margin-bottom: 20px
	}

	body#about .sec01 .box .row {
		margin: 0;
		padding: 5px 0 10px !important
	}

	body#about .sec01 .box+.box {
		border-top: 1px solid #C9C9C9
	}

	body#about .sec01 .box .row.white {
		background: #fff
	}

	body#about .sec01 h3 {
		margin: 30px 0 0;
		padding: 30px 0 0;
		width: 100%;
		background: #fff
	}

	body#about .sec01 h4 {
		position: relative;
		display: inline-block
	}

	body#about_close .sec00 .row {
		margin: 0
	}

	body#about_close .sec00 .row div {
		background: #F0F9FE
	}

	body#about_close .sec00 .row h3 {
		padding: 20px 0 10px
	}

	body#about_close .sec00 .row div.col-lg-2 {
		padding: 0 15px 10px
	}

	body#about_close .sec00 .row div.col-lg-2:nth-child(1) {
		padding: 0 15px 0 30px
	}

	body#about_close .sec00 .row div.col-lg-2:nth-child(4) {
		padding: 0 30px 0 15px
	}

	body#about_close #page-content section.sec01 h1 {
		margin: 0 0 50px
	}

	#about table {
		margin: 0 0 30px
	}

	#about table th {
		font-size: 16px
	}

	#about_relatives .article ol {
		margin: 0 0 20px
	}

	#about_relatives .article ol li {
		font-weight: 700;
		margin: 0 20px;
		list-style: decimal inside
	}

	#about_company .chart {
		position: relative;
		padding: 20px;
		margin: 50px 0 0;
		border: 2px solid #e7cb9f;
		background: url(../common_img/bg02.gif);
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-o-border-radius: 15px;
		-ms-border-radius: 15px;
		border-radius: 15px;
		behavior: url(../css/PIE.htc)
	}

	#about_company .chart .section {
		position: relative;
		display: table;
		border-collapse: separate;
		border-spacing: 20px;
		width: 100%;
		margin: 0 !important
	}

	#about_company .chart .section h3 {
		color: #fff;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		width: 6em;
		padding: 0;
		background: #7a9720;
		border: none
	}

	#about_company .chart .section div {
		display: table-cell
	}

	#about_company .chart .section div ul {
		padding: 20px 30px;
		background: #fff
	}

	#about_company .chart .section div ul li {
		padding: 0 0 0 20px;
		background: url(../common_img/chk.png) left center no-repeat
	}

	#about_company .chart .arrow {
		text-align: center;
		margin-top: 0
	}

	#about_ma .flow {
		padding: 40px 0 0 70px;
		min-height: 265px;
		background: url(../images/about/ma/flow_bg.png) center top no-repeat
	}

	#about_ma .flow dl {
		float: left;
		width: 160px;
		margin: 0 0 0 80px
	}

	#about_ma .flow dl:first-child {
		margin-left: 0
	}

	#about_ma .flow dl dt {
		margin: 0 0 35px
	}

	#about_ma .sec00 .box {
		padding: 30px 0 0;
		margin-bottom: 30px
	}

	#about_ma .sec00 .box .row {
		margin: 0;
		padding: 20px 0 0
	}

	#about_ma .sec00 .box+.box {
		border-top: 1px solid #C9C9C9
	}

	#about_ma #page-content section h2 {
		margin: 0
	}

	#about_ma #ma_project .section {
		position: relative;
		display: table;
		margin-bottom: 30px !important
	}

	#about_ma #ma_project .section h4 {
		position: relative;
		display: table-cell;
		text-align: center;
		width: 98px;
		padding: 15px 0;
		border: 1px solid #abd486
	}

	#about_ma #ma_project .section h4:after {
		position: absolute;
		left: -1px;
		z-index: 10
	}

	#about_ma #ma_project .section h4 img {
		position: absolute;
		left: 15px
	}

	#about_ma #ma_project #step01 h4 {
		background: #eef9d3
	}

	#about_ma #ma_project #step01 h4:after {
		bottom: -40px;
		content: url(../images/price/arrow01.png)
	}

	#about_ma #ma_project #step02 h4 {
		background: #e3f3bc
	}

	#about_ma #ma_project #step02 h4:after {
		bottom: -40px;
		content: url(../images/price/arrow02.png)
	}

	#about_ma #ma_project #step03 h4 {
		background: #D5EBAA
	}

	#about_ma #ma_project #step03 h4:after {
		bottom: -40px;
		content: url(../images/price/arrow03.png)
	}

	#about_ma #ma_project #step04 h4 {
		background: #C5E190
	}

	#about_ma #ma_project #step04 h4:after {
		bottom: -40px;
		content: url(../images/price/arrow04.png)
	}

	#about_ma #ma_project .section div {
		display: table-cell;
		padding: 20px 15px !important;
		width: 610px
	}

	#about_ma #ma_project .section div h5 {
		color: #7a9720;
		font-size: 18px;
		margin: 0 0 15px
	}

	#about_ma #ma_project .section div h5 span {
		color: #727272;
		font-size: 14px;
		font-weight: 400
	}

	#about_ma #ma_project .section div ul {
		margin-left: 25px
	}

	#about_ma #ma_project #step03 div:after {
		content: url(../images/about/ma/img05.png);
		position: absolute;
		right: 0;
		top: -120px
	}

	#about_ma #ma_project #step04 div:after {
		content: url(../images/about/ma/img06.png);
		position: absolute;
		right: 0;
		top: 0
	}

	#about_ma #ma_project ul.attention {
		margin: 60px 0 0;
		color: #333 !important
	}

	#about_ma #ma_project ul.attention>li {
		position: relative;
		margin: 0 0 10px 20px
	}

	#about_ma #ma_project ul.attention>li:before {
		content: "※";
		position: absolute;
		left: -1.5em;
		color: #ea6c85;
		font-weight: 700;
		margin: 0 5px 0 0
	}

	#chart .article ul.ans li a,
	#chart .off_class a {
		color: #fff;
		text-decoration: none;
		position: relative
	}

	#about_close #page-content section.sec00 h3,
	body#consulting #page-content section .window {
		margin-bottom: 20px
	}

	#about_close #page-content section.sec00 .justify-content-center p {
		padding-bottom: 10px;
		border-bottom: 1px dashed #C9C9C9
	}

	body#consulting #page-content section .window .col-12 div {
		display: block;
		height: 100%;
		padding: 20px 0 10px;
		background: #D0E3F5;
		line-height: 1
	}

	body#consulting #page-content section .window .col-12 div h3 {
		margin: 0;
		line-height: 1
	}

	body#consulting #page-content section .box ul {
		margin: 0;
		padding: 20px 20px 0 40px
	}

	body#consulting #page-content section .flow-box:last-child:after {
		display: none
	}

	#chart .article {
		padding: 50px 0
	}

	#chart .article p.ques {
		font-size: 20px;
		text-align: center;
		margin-bottom: 50px
	}

	#chart .article ul.ans {
		text-align: center;
		padding: 0;
		margin: 0
	}

	#chart .article ul.ans li {
		font-size: 30px;
		font-weight: 700;
		display: inline-block;
		margin: 0 10px
	}

	#chart .article ul.ans li a {
		display: block;
		padding: 20px 50px;
		border: 2px solid #fff;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		border-radius: 10px;
		behavior: url(../css/PIE.htc);
		-moz-box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3);
		-webkit-box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3);
		-o-box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3);
		-ms-box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3);
		box-shadow: 0 3px 3px 0 rgba(127, 93, 78, .3)
	}

	#chart .article ul.ans li a:hover {
		-moz-box-shadow: 0 0 3px 0 rgba(127, 93, 78, .3);
		-webkit-box-shadow: 0 0 3px 0 rgba(127, 93, 78, .3);
		-o-box-shadow: 0 0 3px 0 rgba(127, 93, 78, .3);
		-ms-box-shadow: 0 0 3px 0 rgba(127, 93, 78, .3);
		box-shadow: 0 0 3px 0 rgba(127, 93, 78, .3)
	}

	#chart .article ul.ans li.yes a {
		background: #d70e26
	}

	#chart .article ul.ans li.no a {
		background: #0e6dd7
	}

	#chart #content .c_contact {
		margin-top: 80px !important
	}

	.chart_tm-template-default #page-content #primary {
		padding-right: 15px !important;
		padding-left: 15px !important
	}

	#chart .off_class {
		padding: 0
	}

	#chart .off_class h1,
	body#chart .off_class h2,
	body#chart .off_class h3,
	body#chart .off_class h4,
	body#chart .off_class h5 {
		animation-name: none;
		animation-duration: 0s;
		animation-timing-function: ease;
		animation-delay: 0s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: none;
		backface-visibility: visible;
		border-bottom: 0;
		border-collapse: separate;
		border-color: currentColor;
		border-image: none;
		border-left: 0;
		border-radius: 0;
		border-right: 0;
		border-style: none;
		border-spacing: 0;
		border-top: 0;
		border-width: medium;
		bottom: auto;
		box-shadow: none;
		box-sizing: content-box;
		caption-side: top;
		clip: auto;
		clear: none;
		column-fill: balance;
		column-count: auto;
		column-gap: normal;
		column-rule-color: currentColor;
		column-rule-style: none;
		column-rule-width: none;
		column-span: none;
		column-width: auto;
		content: normal;
		counter-increment: none;
		counter-reset: none;
		cursor: auto;
		direction: itr;
		display: inline;
		empty-cells: show;
		float: none;
		font-size-adjust: none;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		height: auto;
		hyphens: manual;
		left: auto;
		letter-spacing: normal;
		line-height: normal;
		margin: 0;
		max-height: none;
		max-width: none;
		min-height: 0;
		min-width: 0;
		opacity: 1;
		orphans: 2;
		outline-color: invert;
		outline-offset: 0;
		outline-style: none;
		outline-width: medium;
		overflow: visible;
		overflow-x: visible;
		overflow-y: visible;
		padding: 0;
		page-break-after: auto;
		page-break-before: auto;
		page-break-inside: auto;
		perspective: none;
		perspective-origin: 50% 50%;
		position: static;
		resize: none;
		right: auto;
		table-layout: auto;
		tab-size: 8;
		text-align: start;
		text-align-last: auto;
		text-decoration-color: currentColor;
		text-decoration-line: none;
		text-decoration-style: solid;
		text-indent: 0;
		text-overflow: clip;
		text-rendering: auto;
		text-shadow: none;
		text-transform: none;
		top: auto;
		transform: none;
		transform-origin: 50% 50% 0;
		transform-style: flat;
		transition-delay: 0s;
		transition-duration: 0s;
		transition-property: all;
		transition-timing-function: ease;
		unicode-bidi: normal;
		vertical-align: baseline;
		visibility: visible;
		white-space: normal;
		widows: 2;
		width: auto;
		word-break: normal;
		word-spacing: normal;
		word-wrap: normal;
		z-index: auto;
		background: 0 0;
		list-style: disc
	}

	#chart .off_class a {
		margin: 0 0 10px;
		padding: 0 40px 0 20px;
		width: auto;
		height: 50px;
		line-height: 50px;
		background: #2999D1;
		border: 1px solid #2999D1;
		border-radius: 0;
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px transparent;
		-webkit-transition-duration: .1s;
		transition-duration: .1s
	}

	#chart .off_class a:hover {
		opacity: .8;
		color: #fff !important
	}

	#chart .off_class a:hover:after {
		color: #6E6E6E
	}

	#chart .off_class a:active,
	#chart .off_class a:focus,
	#chart .off_class a:hover {
		-webkit-animation-name: hvr-back-pulse;
		animation-name: hvr-back-pulse;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite
	}

	body#price #content-head {
		background-image: url(/img/bg06.jpg)
	}

	body#price #main {
		max-width: 100%
	}

	body#price .sec00 h4 {
		margin: 0
	}

	body#price .sec01 .box {
		padding: 50px 0 0;
		margin-bottom: 50px
	}

	body#price .sec01 .box .row {
		margin: 0;
		padding: 20px 0 10px
	}

	body#price .sec01 .box+.box {
		border-top: 1px solid #C9C9C9
	}

	body#price .sec01 .box .row.white {
		background: #fff
	}

	body#price .sec01 .box .white {
		background: #fff;
		padding: 30px;
		margin: 0 0 30px
	}

	body#price section table {
		margin: 0 auto 20px;
		width: 100%;
		max-width: 600px
	}

	body#price section td {
		padding: 15px 20px;
		text-align: center;
		border-bottom: 1px solid #dedede;
		background: #fafafa
	}

	body#price section th {
		padding: 10px 20px;
		vertical-align: middle;
		border-bottom: 1px solid #fafafa;
		background: #D0E3F5;
		text-align: center;
		color: #333
	}

	body#price section th+th {
		border-left: 1px solid #fafafa
	}

	body#price section td+td {
		border-left: 1px solid #dedede
	}

	body#price section .frame01 td+td {
		border-left: none
	}

	body#price section td.none,
	body#price section th.none {
		border-bottom: none
	}

	body#price section ul {
		margin: 0 auto !important;
		width: 100%;
		max-width: 600px;
		color: #333 !important;
		font-size: 14px
	}

	body#price section ol {
		padding: 0;
		margin: 0;
		font-size: 14px
	}

	body#price section ol li {
		margin: 0;
		padding: 0;
		font-weight: 700;
		list-style: decimal inside
	}

	body#price section .frame01 {
		margin: 20px 0;
		padding: 0 10px 10px;
		border: none !important;
		background: #FFFCF0
	}

	body#faq #page-content hr {
		margin: 30px 0;
		border-bottom: none;
		border-top: 1px solid #fff
	}

	body#faq #page-content section ol li {
		padding: 0
	}

	body#faq #page-content section h1 {
		margin: 0 0 10px
	}

	body#faq #page-content .accordion {
		min-width: 260px;
		margin: 0 auto;
		padding: 0
	}

	body#faq #page-content .accordion .ac-content {
		margin: 0;
		padding: 0
	}

	body#faq #page-content .accordion input {
		display: none
	}

	body#faq #page-content .accordion label {
		position: relative;
		display: block;
		background: #fff;
		cursor: pointer;
		padding: 12px 10px 12px 30px;
		border-bottom: 1px dashed #C9C9C9;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: 700;
		width: 100%;
		margin-bottom: 0
	}

	body#faq #page-content .accordion label:hover {
		background: #FFFCF0
	}

	body#faq #page-content .accordion label:before {
		position: absolute;
		content: "Q";
		left: 5px;
		top: 4px;
		font-size: 20px;
		color: #0054A7
	}

	body#faq #page-content .accordion .ac-cont {
		transition: .2s;
		height: 0;
		overflow: hidden;
		background: #fff;
		padding: 0 3%;
		box-sizing: border-box
	}

	body#faq #page-content .accordion input:checked+.ac-cont {
		position: relative;
		height: auto;
		padding: 15px 3% 30px;
		box-sizing: border-box;
		border-bottom: 1px dashed #C9C9C9
	}

	body#faq #page-content .accordion input:checked+.ac-cont:before {
		position: absolute;
		content: "A";
		left: 7px;
		top: 12px;
		font-size: 20px;
		color: #a50000;
		font-weight: 700
	}

	body#faq #page-content .accordion p {
		margin: 0;
		padding: 0 0 1rem 22px
	}

	body#faq #page-content section .b01.box .row .col-12 div {
		margin: 0 auto 20px;
		max-width: 300px
	}

	body#faq #page-content section .b02.box .row .col-12 div {
		margin: 0 auto 20px;
		max-width: 450px
	}

	body#faq #page-content section .b03.box .row .col-12 div {
		margin: 0 auto 20px;
		max-width: 250px
	}

	body#faq #page-content section .b04.box .row .col-12 div {
		margin: 0 auto 20px;
		max-width: 300px
	}

	body#faq #page-content .box ul {
		padding: 10px 10px 10px 30px
	}

	body#faq ul.attention {
		margin: 0 auto 1rem !important;
		width: 100%;
		max-width: 1000px;
		color: #333 !important;
		font-size: 14px
	}

	body#faq #page-content section .window div a {
		text-align: center;
		font-weight: 700
	}

	body#faq #page-content section .window {
		margin: 0
	}

	body#faq #page-content section .window .row .col-10 {
		margin-bottom: 10px
	}

	body#faq #page-content section .ac-cont .window div a p {
		margin: 0 auto 10px;
		padding: 0 5%;
		font-weight: 400;
		text-align: left;
		font-size: 14px
	}

	body#faq #page-content section .ac-cont .window div a p.number {
		font-weight: 700;
		text-align: center;
		padding: 0
	}

	body#faq #page-content .box .window h4 {
		padding: 0;
		margin: 0 0 10px
	}
}

@media screen and (max-width:768px) {
	#faq #page-content .sample-accordion {
		min-width: 260px;
		margin: 0 auto;
		padding: 0
	}
}

@media only screen and (max-width:767px) {
	#formpage #page-content .sec00 a {
		text-decoration: underline !important
	}

	.ma_l5 {
		margin-left: 5px !important
	}

	.ma_r5 {
		margin-right: 5px !important
	}

	#formpage #page-content h2 {
		margin: 0 0 20px;
		font-size: 20px;
		color: #0054a7
	}

	.sec01 .main .col-12 p,
	.sec01 .slick-slider div div h2 {
		color: #fff;
		text-shadow: 2px 2px 1px rgba(0, 0, 0, .6), 1px 1px 1px rgba(0, 0, 0, .6)
	}

	#formpage #page-content h2.h2_2 {
		margin: 10px 0;
		font-size: 18px
	}

	#formpage #page-content th {
		min-width: 220px
	}

	input[type=text].ma_l10 {
		width: 150px;
		margin: 0 0 0 5px !important
	}

	select#state {
		padding: 10px 1%
	}

	input[type=text]#address02 {
		margin: 5px 0 0 !important;
		max-width: 900px
	}

	#privacy #page-content section {
		padding: 30px 15px
	}

	#formpage #page-content section strong {
		margin: 0
	}

	#formpage #page-content .article {
		padding: 20px 0 0;
		text-align: center
	}

	#formpage #page-content .article p {
		font-size: 14px
	}

	#formpage #page-content .article #agree {
		margin: 0 0 10px
	}

	#formpage #page-content .article #agree label {
		border: 1px solid #c4c8d0;
		padding: 20px
	}

	#formpage #form table {
		table-layout: fixed
	}

	#formpage #form table th {
		display: block;
		width: 100%;
		padding: 1.3em 20px 1em
	}

	#formpage #form table td {
		display: block;
		width: 100%;
		border-top: none
	}

	details#article-contact {
		border: 1px solid #aaa;
		border-radius: 4px;
		padding: .5em .5em 0
	}

	details#article-contact summary {
		font-weight: 700;
		margin: -.5em -.5em 0;
		padding: .5em .8em
	}

	details#article-contact[open] {
		padding: .5em
	}

	details#article-contact[open] summary {
		border-bottom: 1px solid #aaa;
		margin-bottom: .5em
	}

	#form_step1 .case1,
	#form_step1 .case2 {
		margin: 0 auto 20px;
		font-size: 16px !important
	}

	body#company #content-head {
		background-image: url(/img/bg02.jpg)
	}

	body#company #main {
		max-width: 100%
	}

	body#company #page-content .sec00 h1 {
		margin: 0 auto 40px
	}

	body#company #page-content .photo {
		width: 180px;
		margin: 0 0 10px 10px;
		padding: 0 0 10px;
		text-align: center;
		background: #F0F9FE
	}

	body#company #page-content .photo p.company_name,
	body#company #page-content .photo p.name {
		margin: 0
	}

	body#company #page-content .photo p.name span {
		font-size: 12px
	}

	body#company #page-content .photo img:first-child {
		margin: 0 0 10px
	}

	body#company #page-content table {
		width: 100%;
		max-width: 700px;
		margin: 0 auto
	}

	body#company #page-content table th {
		min-width: 63px;
		padding: 10px;
		text-align: left;
		border-bottom: 1px solid #C9C9C9;
		vertical-align: baseline;
	}

	body#company #page-content table td {
		padding: 10px 10px 10px 20px;
		border-bottom: 1px solid #C9C9C9
	}

	body#company #page-content table .dl_inline dl {
		margin-bottom: 10px
	}

	body#company #page-content table .dl_inline dl:nth-child(4) {
		margin-bottom: 0
	}

	body#company #page-content table .dl_inline dt {
		display: inline-block;
		font-size: 14px;
		margin: 0 10px 0 0;
		font-weight: 400
	}

	body#company #page-content table .dl_inline dd {
		display: inline-block;
		margin-bottom: 0
	}

	body#company #page-content table .dl_inline small {
		font-size: 12px
	}

	body#company #page-content table .dl dl {
		margin-bottom: 10px
	}

	body#company #page-content table .dl dd,
	body#company #page-content table .dl dl:nth-child(2) {
		margin-bottom: 0
	}

	#privacy #content-head {
		background-image: url(/img/bg02.jpg)
	}

	#privacy #page-content p {
		margin-bottom: 20px;
		font-size: 14px;
		max-width: 1300px
	}

	#privacy #page-content dl dt {
		padding-bottom: 5px;
		font-weight: 400
	}

	#privacy #page-content dl dd {
		margin: 0 0 30px;
		padding: 0 10px 30px;
		border-bottom: 1px dotted #ccc;
		font-size: 14px
	}

	#privacy #page-content ul {
		margin: 20px 0;
		padding-left: 0
	}

	#privacy #page-content ul li {
		list-style: none
	}

	.sec01 .main .col-12 {
		padding: 0;
		position: relative
	}

	.sec01 .slick-slider div {
		top: 0;
		left: 0;
		background-repeat: no-repeat
	}

	.sec01 .slick-slide div {
		height: 420px;
		/*background:rgba(0,0,0,.5)*/
		;
		width: 100%
	}

	.home .sec01 strong {
		top: 30vw;
		max-width: 450px;
		width: 80%;
		padding: 5px;
	}

	.sec01 .slick-slider div div h2 {
		padding: 50px 0 0;
		font-size: 20px;
		text-align: center;
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
	}

	.sec01 .main .col-12 p {
		position: absolute;
		right: 0;
		left: 0;
		top: 48vw !important;
		display: block;
		margin: 0 auto;
		padding: 0 15px;
		width: 100%;
		font-size: 14px !important;
		letter-spacing: 1px;
		line-height: 1.6
	}

	.sec01 .slick-slider img {
		width: 100%
	}
}

@media screen and (max-width:320px) {
	.sec01 .slick-slider div div h2 {
		padding: 38px 0 0
	}

	.sec01 .main .col-12 p {
		top: 48vw
	}
}

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

	.home .sec02 h2,
	.home .sec04 h2 {
		text-align: center;
		color: #fff;
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
	}

	.contact-tel h1,
	.home .sec02 h2,
	.home .sec04 h2,
	.home .sec04 h3,
	.home .sec05 a.link h2,
	.home .sec05 h2,
	.home .sec06 h2,
	.home .sec06 h3 {
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
	}

	.webp .sec01 .slide01 {
		/*background-image:url(/wp-content/uploads/2019/09/sli00_6s.webp);*/
		background-size: auto 100%;
		background-position: bottom center
	}

	.webp .sec01 .slide00 {
		background-image: url(/wp-content/uploads/2019/09/sli00_6s.webp);
	}

	.webp .sec01 .slide02,
	.sec01 .slide03 {
		background-position: right;
		background-size: auto 100%
	}

	.webp .sec01 .slide02 {
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/sli02-s.jpg.webp)
	}

	.webp .sec01 .slide03 {
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/sli03-s.jpg.webp)
	}

	.webp .sec01 .slide04 {
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/sli04-s.jpg.webp);
		background-size: auto 100%;
		background-position: bottom center
	}

	.webp .sec01 .slide05 {
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/sli05-s.jpg.webp);
		background-size: auto 100%;
		background-position: right
	}

	.no-webp .sec01 .slide01 {
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/sli06-s.jpg);
		background-size: auto 100%;
		background-position: bottom center
	}

	.no-webp .sec01 .slide02,
	.sec01 .slide03 {
		background-position: right;
		background-size: auto 100%
	}

	.no-webp .sec01 .slide02 {
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/sli02-s.jpg)
	}

	.no-webp .sec01 .slide03 {
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/sli03-s.jpg)
	}

	.no-webp .sec01 .slide04 {
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/sli04-s.jpg);
		background-size: auto 100%;
		background-position: bottom center
	}

	.no-webp .sec01 .slide05 {
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/sli05-s.jpg);
		background-size: auto 100%;
		background-position: right
	}

	.sec01 .slider {
		opacity: 0 !important;
		transition: 3s
	}

	.sec01 .slick-initialized {
		opacity: 1 !important;
		height: 100%
	}

	.home .sec02 {
		position: relative;
		overflow: hidden
	}

	.webp .home .sec02 .cover {
		position: absolute;
		content: normal;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/bg24.jpg.webp);
		background-size: cover;
		background-position: left center;
		background-repeat: no-repeat
	}

	.no-webp .home .sec02 .cover {
		position: absolute;
		content: normal;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-image: url(https://forval-shoukei.jp/wp-content/uploads/2019/09/bg24.jpg);
		background-size: cover;
		background-position: left center;
		background-repeat: no-repeat
	}

	.home .sec02 h2 {
		margin: 20px auto;
		padding: 10px;
		width: 100%;
		max-width: 330px;
		background: #0054A7;
		line-height: 1.4;
		font-size: 18px
	}

	.home .sec02 p {
		margin: 0 auto 120px 0;
		padding: 16px 18px;
		width: 100%;
		font-size: 14px;
		color: #fff;
		letter-spacing: 1px;
		line-height: 1.7;
		background: rgba(0,0,0,0.55);
		border-radius: 4px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, .9);
		z-index: 2;
		position: relative
	}

	.home .sec02 .img {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 40%
	}

	.home .sec02 img {
		position: relative;
		display: block;
		width: 100%
	}

	.home .sec02 img:before {
		position: absolute;
		content: "a";
		left: -100px;
		top: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 100px 100px;
		border-color: #fff transparent transparent;
		z-index: 1
	}

	.home .sec04 .con,
	.home .sec04 .row-box {
		position: relative
	}

	.home .sec04 {
		padding: 30px 0;
		background: #0054A7
	}

	.home .sec04 h2 {
		margin: 0 0 20px;
		font-size: 20px;
		line-height: 1.4
	}

	.home .sec04 h2 span {
		display: block;
		font-size: 18px
	}

	.home .sec04 p {
		margin: 5px 4px 10px 0 !important;
		font-size: 14px;
		line-height: 1.6;
		color: #fff
	}

	.home .sec04 .row {
		margin: 20px 0 0;
		overflow-y: hidden
	}

	.home .sec04 .row p {
		color: #333
	}

	.home .sec04 .row .col-12 {
		padding: 0 !important
	}

	.home .sec04 .con {
		background: #fff;
		height: 100%
	}

	.home .sec04 .photo {
		background: #fff;
		padding: 0 15px 15px
	}

	.home .sec04 .re01 .con {
		text-align: left;
		padding: 0 0 0 60px
	}

	.home .sec04 .re02 .con {
		text-align: right;
		padding: 0 60px 0 0
	}

	.home .sec04 .title {
		position: absolute;
		display: block;
		margin: 0 auto 30px;
		padding: 9px 0 0;
		line-height: 1.1;
		height: 50px;
		width: 50px;
		border-radius: 25px;
		background: #F9FF60;
		z-index: 100;
		text-align: center;
		font-size: 12px
	}

	.home .sec04 img,
	.home .sec05 img {
		width: 100%
	}

	.home .sec04 .re01 .title {
		top: 5px;
		left: 5px
	}

	.home .sec04 .re02 .title {
		top: 5px;
		right: 5px
	}

	.home .sec04 .re02 p {
		padding: 0 0 0 7%
	}

	.home .sec04 .title span {
		display: block;
		font-size: 1.4rem;
		font-weight: 400
	}

	.home .sec04 h3 {
		margin: 0;
		font-size: 16px;
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		padding: .5em 0 0;
		font-weight: 700
	}

	.home .sec04 .con02 h2 {
		margin: 15px 0 0
	}

	.home .sec04 .con03 h2 {
		margin: 8px 0 0
	}

	.home .sec04 .con03 p {
		text-align: right !important;
		margin: 0 0 10px !important
	}

	.home .sec04 h3 span {
		font-size: 26px;
		color: #0054A7;
		line-height: 1.4;
		letter-spacing: 1px
	}

	.home .sec04 h3.three {
		margin: 15px 0 0;
		padding: 0
	}

	.home .sec04 .con p {
		text-align: left
	}

	.home .sec04 strong {
		display: block;
		margin: 20px auto;
		text-align: center;
		font-size: 16px;
		letter-spacing: 1px;
		color: #fff
	}

	.home .sec05 {
		padding: 30px 0
	}

	.home .sec05 h2 {
		margin: 0 0 20px;
		font-size: 20px;
		text-align: center;
		line-height: 1.4
	}

	.home .sec05 h3 {
		margin: 10px 0;
		font-size: 18px;
		color: #0054A7;
		line-height: 1.4
	}

	.home .sec05 .col-md-4 {
		margin-bottom: 20px
	}

	.home .sec05 a.link {
		display: block;
		padding: 15px;
		background: #0054A7
	}

	.home .sec05 a.link h2,
	.home .sec05 a.link p {
		margin: 0;
		background: #fff;
		width: 100%;
		text-decoration: none
	}

	.home .sec05 a.link h2 {
		padding: 10px 10px 0;
		color: #333
	}

	.home .sec05 a.link p {
		padding: 10px 10px 20px;
		font-size: 14px;
		line-height: 1.4
	}

	.home .sec06 {
		padding: 30px 0;
		background: #F0F9FE
	}

	.home .sec06 h2 {
		margin: 0 0 20px;
		font-size: 20px;
		text-align: center;
		line-height: 1.4
	}

	.home .sec06 h3 {
		margin: 0 0 10px;
		font-size: 16px;
		text-align: center;
		font-weight: 400
	}

	.home .sec06 p {
		font-size: 14px;
		line-height: 1.6;
		text-align: left
	}

	.home .sec06 .window {
		margin: 30px 0 0
	}

	.home .sec06 .window div {
		margin: 0 0 10px
	}

	.home .sec06 .window div a {
		display: block;
		height: 100%;
		padding: 10px 0;
		background: #D0E3F5
	}

	.home .sec06 .window p.number {
		display: block;
		margin: 0 auto 10px;
		padding: 0;
		background: #fff;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		font-size: 12px;
		font-weight: 400;
		text-align: center;
		line-height: 20px
	}

	.home .sec06 .window p {
		padding: 0 5%
	}

	.home .sec06 strong {
		display: block;
		margin: 20px auto 0;
		text-align: center;
		font-size: 16px;
		letter-spacing: 1px
	}

	.contact-tel {
		margin: 0 0 50px;
		padding: 80px 0 60px;
		background: #1a314e;
		color: #fff
	}

	.contact-tel h1 {
		margin: 0 0 30px;
		font-size: 22px;
		line-height: 1.4;
		letter-spacing: 1px;
		text-align: center
	}

	.contact-tel h1 strong {
		padding: 0 1%;
		font-size: 32px;
		background: linear-gradient(transparent 95%, #fff799 30%);
		letter-spacing: 3px
	}

	.contact-tel p.tel,
	.sec07 p.tel {
		margin: 0 !important;
		padding: 0;
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
		font-size: 38px;
		line-height: 1.3;
		font-weight: 400
	}

	.contact-tel .tel a {
		color: #fff;
		text-align: center
	}

	.contact-tel .tel i,
	.sec07 .tel i {
		margin: 0 3px 0 0;
		font-size: 30px
	}

	.contact-tel .tel font,
	.sec07 .tel font {
		margin: 0;
		display: block;
		font-size: 14px
	}

	.contact-tel p {
		margin: 30px 0 0 !important;
		text-align: center;
		font-size: 16px
	}

	.contact-tel .btn.mail {
		width: 100%;
		height: auto;
		line-height: 1.4;
		padding: 15px 0;
		border: none !important
	}

	.contact-tel .btn.mail .hvr-icon {
		top: 25px
	}

	.home .sec03 {
		padding: 120px 0 100px;
		background: #F0F9FE
	}

	.home .sec03 h2 {
		margin: 0 0 20px;
		font-size: 36px;
		color: #0054A7;
		text-align: center;
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif
	}

	.home .sec03 p {
		margin: 30px 0 0 !important;
		text-align: center;
		font-size: 16px;
		line-height: 1.4
	}

	.home .sec03 img {
		display: block;
		margin: 50px auto
	}

	.home .sec05 img {
		height: auto !important
	}

	.page-id-32 #page-content #primary {
		padding: 0 15px !important
	}
}

.single .sec03 {
	margin: 20px 0;
	padding: 20px 0;
	border-bottom: 1px solid #777;
	border-top: 1px solid #777
}

.single .sec03 h1 {
	margin: 0 0 30px;
	font-size: 22px;
	line-height: 1.4;
	letter-spacing: 1px;
	text-align: center;
}

.single .sec03 h1 strong {
	padding: 0 1%;
	font-size: 32px;
	background: linear-gradient(transparent 60%, #fff799 60%);
}

.single .sec03 p.tel,
.sec07 p.tel {
	margin: 0 !important;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	font-size: 24px;
	line-height: 1.3;
	font-weight: normal;
	text-align: center;
}

.single .sec03 .tel i,
.sec07 .tel i {
	margin: 0 3px 0 0;
	font-size: 23px;
}

.single .sec03 .tel font,
.sec07 .tel font {
	margin: 0px 0 0 0;
	display: block;
	font-size: 14px;
}

.single .sec03 a.btn i,
.sec07 a.btn i {
	margin: 0 5px 0 0;
}

.single .sec03 p {
	margin: 30px 0 0 !important;
	font-size: 20px;
}

.single .sec03 a.btn {
	display: block;
	position: relative;
	top: 3px;
	margin: 0 0 0 2%;
	border-radius: 5px;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	background: #4E101C;
	border: none;
	height: auto;
	font-size: 14px;
}

.single .sec03 a.btn:after {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #821A2D;
	border-radius: 5px;
	transition: .2s;
	transform: translate3d(0, 0, 0);
}

.single .sec03 a.btn span {
	display: block;
	position: relative;
	top: -3px;
	z-index: 2;
	font-family: sans-serif;
	transition: .2s;
	line-height: 2;
}

.single .sec03 a.btn span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 13px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	transform: translateX(5px) rotate(45deg);
	transition: .3s .1s;
}

.single .sec03 a.btn span font {
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 1;
}

.single .sec03 a.btn {
	padding: 15px 0% 10px;
}

.single .sec03 a.btn:hover {
	top: 3px;
}

.single .sec03 a.btn:hover:after {
	top: 0;
}

.single .sec03 a.btn:hover span {
	top: 0;
}

.single .sec03 a.btn:hover span:after {
	right: 27px;
}

.single .sec03 a.btn i {
	margin: 0 5px 0 0;
}

.single .sec03 a.btn.buy {
	background: #003364;
}

.single .sec03 a.btn.buy:after {
	background: #0054A7;
}

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

	.single .sec03 a.btn,
	.sec07 a.btn {
		margin: 10px 0 0;
	}

	.single .sec03 .tel a {
		font-size: 26px;
	}

	.single .sec03 .tel font,
	.sec07 .tel font {
		text-align: center;
	}

	.single .sec03 p {
		margin: 10px 0 0 !important;
		font-size: 14px;
	}

	.single .sec03 {
		margin: 0 0 0;
		padding: 25px 0;
	}

	.single .sec03 h1 {
		margin: 0 0 10px;
		font-size: 16px;
		text-align: left;
	}

	.single .sec03 h1 strong {
		font-size: 22px;
	}

	.single .sec03 p.tel,
	.sec07 p.tel {
		text-align: center;
		width: 100%;
	}
}


body#ma_car .sec02 .con {
	padding: 0 6% 20px;
	background: #fff;
	height: 100%;
	border: 1px solid #0054A7
}

body#ma_car .sec02 .con .title {
	display: block;
	padding: 10px 0;
	margin: 0 auto 30px;
	width: 100px;
	background: #0054A7;
	color: #fff;
	text-align: center;
	line-height: 1.2
}

body#ma_car .sec02 .con .title span {
	display: block;
	font-size: 2rem;
	font-weight: 400
}

body#ma_car #page-content section.sec02 .con h3 {
	margin: 0 0 20px;
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: .5em 0 0;
	text-align: center
}


@media screen and (max-width:1600px) {
	body#ma_car .sec02 .con .col-12.col-md-6 {
		margin-bottom: 20px
	}
}

body#ma_car .sec02 .row {
	margin: 20px 0 0
}

body#ma_car .sec02 .con {
	padding: 0 6% 20px;
	background: #fff;
	height: 100%
}

body#ma_car .sec02 .con .title {
	display: block;
	padding: 10px 0;
	margin: 0 auto 10px;
	width: 100px;
	background: #0054A7;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	font-size: 12px
}

body#ma_car .sec02 .con .title span {
	display: block;
	font-size: 1.6rem;
	font-weight: 400
}

body#ma_car .sec02 .con h3 {
	margin: 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 0;
	text-align: center
}

body#ma_car .window .col-12 div {
	display: block;
	height: 100%;
	padding: 20px 0;
	background: #D0E3F5;
}

.news {
	background: #fff;
	margin: 0px auto 80px;
	padding: 15px 15px 15px;
}

.news .row {}

.news h2 {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	text-align: center
}

.news_box {
	margin: -5px 0 0 0;
}

.news dl {
	margin: 0;
	padding: 8px 0 8px;
	width: 100%;
	float: left;
}

.news dl+dl {
	border-top: 1px solid #ededed;
}

.news dt {
	width: 18%;
	min-width: 160px;
	float: left;
	line-height: 1.4;
	padding-left: 1%;
	color: #666666;
	font-weight: normal;
}

.news dd {
	width: 80%;
	line-height: 1.4;
	padding-left: 1%;
	float: left;
	margin: 0;
}

.news dt span {
	display: inline-block;
}

.category-btn {
	display: inline-block;
	padding: 0px 8px;
	background: #2999D1;
	color: #fff;
	margin: 0 5px;
	font-size: 10px;
	border-radius: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.6;
	font-weight: bold;
}

.category-btn.case_tm {
	background: #0054A7
}

.category-btn.genbanokoe {
	background: #dcb43b
}

.category-btn.info {
	background: #821A2D !important
}

.news .btn {
	display: block;
	margin: 20px auto 0;
	padding: 0;
	width: 150px;
	text-align: center;
	color: #2999D1;
	background: #fff;
}

@media (max-width: 768px) {
	.news {
		margin: 0px 0 0 0;
	}

	.news dl {
		margin: 0 0 0px;
	}

	.news dt {
		width: 100%;
		float: left;
		line-height: 1.4;
		padding-left: 2%;
		color: #666666;
		margin: 0 0 3px 0;
	}

	.news dd {
		width: 100%;
		line-height: 1.4;
		padding: 3px 2% 0;
		float: left;
	}
}



/*20200706 add*/
.only_sp {
	display: none;
}

.only_pc {
	display: block;
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.justify {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0;
}

.com_box01 {
	padding: 3em 0;
}

.top_ttl01 {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	margin: 0 0 20px;
	font-size: 36px;
	text-align: center;
	line-height: 1.4;
}

.top_case {
	background: #F0F9FD;
}

.top_faq {
	background: #F0F9FD;
}

.top_faq_inner {
	width: 96%;
	max-width: 1140px;
	margin: 0 auto 2em;
	padding: 3em 2em;
	background: #fff;
	border: 1px solid #707070;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.top_faq_inner dl:not(:last-of-type) {
	margin: 0 0 3em;
}

.top_faq_inner dt {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	font-size: 26px;
	color: #fff;
	background: #0255A6;
	border-radius: 10px;
	padding: 0.8em 1em;
	position: relative;
}

.top_faq_inner dt:after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/top/arrowup.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}

dt.top_faq_unit_on:after {
	background-image: url(../images/top/arrowdown.png);
}

.top_faq_inner dd {
	font-size: 20px;
	line-height: 1.4;
	padding: 2em 1em 0;
	display: none;
}

.top_faq_inner dd a {
	color: #0255A6;
}

.top_media_inner {
	align-items: center;
}

.top_media_inner div {
	width: 28%;
}

.top_media_inner div:nth-of-type(2) {
	width: 40%;
}

.top_media_inner div img {
	width: 100%;
	height: auto;
}

.top_case01 {
	margin: 0 auto 6em;
}

.top_case_unit {
	background: #fff;
	margin: 0 10px;
}

.top_case_unit img {
	max-width: 100%;
	height: auto;
}

/* フェーズ1: 画像未生成の案件カード用プレースホルダ図版（フェーズ3で自動生成画像に置換予定） */
.top_case_noimg {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 150px;
	margin: 0 0 14px;
	padding: 12px;
	background: linear-gradient(135deg, #1a314e 0%, #0b2c56 100%);
	text-align: center;
}
.top_case_noimg i {
	font-size: 40px;
	line-height: 1;
	color: rgba(255, 255, 255, 0.92);
}
.top_case_noimg span {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}
/* 業種別の自動配色（内容連動） */
.top_case_noimg.c0 { background: linear-gradient(135deg, #1a314e 0%, #0b2c56 100%); }
.top_case_noimg.c1 { background: linear-gradient(135deg, #274b78 0%, #16335c 100%); }
.top_case_noimg.c2 { background: linear-gradient(135deg, #1f6b6b 0%, #134e4a 100%); }
.top_case_noimg.c3 { background: linear-gradient(135deg, #3b4a8c 0%, #232d63 100%); }
.top_case_noimg.c4 { background: linear-gradient(135deg, #9a5a2c 0%, #6b3d1c 100%); }
.top_case_noimg.c5 { background: linear-gradient(135deg, #2f7d4f 0%, #1c5733 100%); }
.top_case_noimg.c6 { background: linear-gradient(135deg, #9a3b4e 0%, #6b2230 100%); }
.top_case_noimg.c7 { background: linear-gradient(135deg, #a9762a 0%, #7a531a 100%); }
.top_case_noimg.c8 { background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%); }

/* フェーズ4: 業種連動の実写真カード（アイコン図版のフォールバックと高さを揃える） */
.top_case_photo {
	height: 150px;
	margin: 0 0 14px;
	overflow: hidden;
}
.top_case_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.top_case_unit dl {
	padding: 0 6%;
	font-size: 14px;
	text-align: left;
}

.top_case_unit dt {
	height: 40px;
	margin-bottom: 10px;
	font-weight: 700;
}

.top_case_unit dd {
	margin-bottom: .5rem;
	margin-left: 0;
}

.top_case_unit a,
.top_case_unit a:hover {
	color: #000;
}

.top_case_unit dd li {
	line-height: 1.4;
}

.top_case02 .top_case_unit dd {
	min-height: 120px;
	height: auto;
	padding-bottom: 8px;
}

.top_case {
	margin-bottom: 3em;
}

.home .sec02 p {
	margin-bottom: 10px;
}

.home section.sec02 .btn {
	margin: 0 0 60px 20px;
}

.slick-next:before {
	font-family: "Font Awesome 5 Free" !important;
	content: "\f054" !important;
	font-weight: 600;
}

.slick-prev:before {
	font-family: "Font Awesome 5 Free" !important;
	content: "\f054" !important;
	font-weight: 600;
	display: inline-block;
	transform: scaleX(-1);
}

.slick-prev,
.slick-next {
	height: 50px !important;
	width: 50px !important;
}

.slick-next {
	right: -8px !important
}

.slick-prev {
	left: -8px !important;
	z-index: 9999
}

.slick-prev:before,
.slick-next:before {
	font-size: 50px !important;
	color: rgba(214, 214, 214, 0.8) !important;
}

.top_case_unit li i {
	margin: 0 8px 0 0;
}

.top_hojyokin {
	background: url(../images/top/hojyokin_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 5em 0;
}

.top_hojyokin_inner {
	width: 96%;
	max-width: 1140px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

.top_hojyokin_ttl {
	font-size: 44px;
	text-shadow: 1px 1px 2px #000;
	margin: 0 0 1em;
}

.top_hojyokin_txt p {
	font-size: 22px;
	line-height: 1.6;
}

.top_hojyokin_txt01 {
	color: #f0ff00;
}

.top_hojyokin_txt02 {
	display: inline-block;
	background: #a50000;
}

.top_hojyokin_inner a {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a.top_hojyokin_btn {
	display: block;
	width: 94%;
	max-width: 350px;
	margin: 0 auto 1em;
	color: #fff;
	background: #a50000;
	padding: 1.4em 2em;
	text-align: center;
	border-radius: 1em;
	position: relative;
}

a.top_hojyokin_btn:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}

a.top_hojyokin_btn:hover {
	color: #fff;
}

a.top_hojyokin_link {
	color: #fff;
	text-decoration: underline !important;
}

a.top_hojyokin_link:hover {
	color: #fff;
}

.top_seminar_inner {
	border: 20px solid #0054a7;
	background: #fff;
}

.top_seminar_inner img {
	max-width: 100%;
}

.top_seminar_inner_img {
	width: 40%;
}

.top_seminar_inner_txt {
	width: 58%;
	padding: 1em;
}

.top_seminar_inner_ttl01 {
	font-size: 24px;
	font-weight: bold;
	color: #0759A9;
	margin: 0 0 1em;
}

.top_seminar_inner_link01 {
	text-align: center;
	margin: 2em 0 0;
}

.top_seminar_inner_link02 {
	text-align: center;
	margin: 1em 0 0;
}

.top_seminar_inner_link02 a {
	color: #0759A9;
	text-decoration: underline !important;
}

/*M&Aライトプランのご案内*/
.lightplan_box01 {
	margin: 2em auto 0;
	max-width: 1100px;
}

.lightplan_box01_unit {
	border: 6px solid #D1E2F5;
	margin: 0 0 2em;
	padding: 2em;
	align-items: center;
}

.lightplan_box01_unit_img {
	width: 16%;
	text-align: center;
}

.lightplan_box01_unit_txt {
	width: 80%;
	font-weight: bold;
	font-size: 1.2em;
}

#page-content section .lightplan_box01_unit_txt p {
	margin: 0;
}

.lightplan_box02_unit {
	text-align: center;
	background: #fff;
	padding: 2em;
}

.lightplan_box02_unit_txt {
	text-align: left;
}

.lightplan_box02_unit:not(:last-of-type) {
	margin: 0 0 80px;
	position: relative;
}

.lightplan_box02_unit:not(:last-of-type):after {
	content: "";
	display: block;
	border-top: 50px solid #fff;
	border-right: 200px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 200px solid transparent;
	position: absolute;
	bottom: -100px;
	left: 50%;
	transform: translateX(-50%);
}

.lightplan_box02_unit_ttl {
	font-size: 30px;
	font-weight: 400;
	margin: 0 0 20px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

.lightplan_box02_unit_no {
	margin: 0 0 10px;
}

.pirce_txtmin01 {
	font-size: 0.7em;
}

/*h1タグ調整*/
.foot_contact_tel {
	margin: 0 0 30px;
	font-size: 22px;
	line-height: 1.4;
	letter-spacing: 1px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

.foot_contact_tel strong {
	padding: 0 1%;
	font-size: 32px;
	background: linear-gradient(transparent 95%, #fff799 30%);
	letter-spacing: 3px;
}

.page_ttl01 {
	font-size: 36px;
	color: #0054a7;
	text-align: center;
	margin: 0 0 20px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

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

.content_head_ttl01 {
	padding: 100px 0 10px;
	margin: 0;
	font-weight: 600;
	letter-spacing: .08em;
	position: relative;
	font-size: 28px;
	line-height: 1.35;
	text-align: center;
}

.content_head_ttl01 font {
	display: block;
	font-size: 16px;
	color: #737373;
}

#header .logo h1 {
	font-size: 1em;
	margin: 0;
}

.home .cp_bnr {
	margin: 40px auto 60px auto;
	max-width: 1140px;
}

#header {
	position: sticky;
	top: 0;
	z-index: 999;
	background-color: #fff;
	padding-bottom: 1px;
}

@media only screen and (max-width: 768px) {
	.only_sp {
		display: block;
	}

	.only_pc {
		display: none;
	}

	.top_ttl01 {
		font-size: 20px;
	}

	.top_faq_inner {
		padding: 1em;
	}

	.top_faq_inner dt {
		font-size: 16px;
		padding-right: 24px;
	}

	.top_faq_inner dl:not(:last-of-type) {
		margin: 0 0 1em;
	}

	.top_faq_inner dt:after {
		width: 10px;
		height: 10px;
	}

	.top_faq_inner dd {
		font-size: 14px;
		padding: 1em 0.5em 0;
	}

	.top_media_inner div,
	.top_media_inner div:nth-of-type(2),
	.top_media_inner div:nth-of-type(3) {
		width: 48%;
		margin: 0 0 1em;
	}

	.home .sec06 strong {
		margin: 20px 0 10px;
	}

	.top_case_unit dt {
		height: auto;
	}

	.top_case02 .top_case_unit dd {
		min-height: 176px;
		height: auto;
	}

	.top_hojyokin {
		padding: 3em 0;
	}

	.top_hojyokin_ttl {
		font-size: 22px;
	}

	.top_hojyokin_txt p {
		font-size: 16px;
	}

	.top_seminar_inner {
		flex-direction: column-reverse;
		border: 15px solid #0054a7;
	}

	.top_seminar_inner_img {
		width: 100%;
	}

	.top_seminar_inner_txt {
		width: 100%;
	}

	.top_seminar_inner_ttl01 {
		font-size: 18px;
	}

	.foot_btn {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99999;
	}

	.foot_btn a {
		color: #fff !important;
		width: 50%;
		text-align: center;
		font-size: 12px;
		padding: 1em 0.5em;
	}

	.foot_btn a span {
		font-size: 15px;
		font-weight: bold;
	}

	.foot_btn a:nth-of-type(1) {
		background: #013364;
	}

	.foot_btn a:nth-of-type(2) {
		background: #821A2D;
	}

	footer.d-block {
		padding-bottom: 80px;
	}

	.foot_logo {
		display: block;
		width: 256px;
		margin: 20px auto;
		font-size: 2.5rem;
	}

	.page_ttl01 {
		margin: 0 0 6px;
		line-height: 1.4;
		font-size: 20px;
	}

	.page_ttl01 span {
		font-size: 20px;
	}

	.content_head_ttl01 {
		padding: 35px 0 0;
		margin: 0;
		font-weight: 600;
		letter-spacing: .08em;
		position: relative;
		font-size: 22px;
		line-height: 1.35;
		text-align: center;
	}

	.content_head_ttl01 font {
		display: block;
		font-size: 13px;
		color: #737373;
	}

	.lightplan_box02_unit_ttl {
		font-size: 18px;
	}

	.lightplan_box02_unit:not(:last-of-type) {
		margin: 0 0 60px;
	}

	.lightplan_box02_unit:not(:last-of-type):after {
		border-top: 30px solid #fff;
		border-right: 100px solid transparent;
		border-bottom: 30px solid transparent;
		border-left: 100px solid transparent;
		bottom: -60px;
	}

	footer .trend li.chosei01 {
		width: auto !important;
		padding-right: 2em;
	}

	.home .cp_bnr {
		max-width: 100%;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin: 7vw auto 7vw auto;
	}

	.home .cp_bnr img {
		width: 100%;
	}

}




/* 
	20230329
	hojokin-page.php
*/

.hojokin_icon {
	width: 60%;
	text-align: center;
	margin: 0 auto !important;
	margin-top: 40px;
}


.hojokin_image {
	width: 100%;
	text-align: center;
	margin: 0 auto !important;
	margin-top: 0px;
}

#page-content #hojokin .number {
	background: none;
}


#page-content section#hojokin .box .row .col-12 div {
	height: 100%;
	background: none;
	border: 0px;
}

#hojokin .line_height25 {
	line-height: 2.5;
}



/* .sec00 .window .row div+div:before {
    position: absolute;
    content: "";
    top: 35%;
    left: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 60px 30px;
    border-color: transparent transparent transparent #d0e3f5;
} */

.sec00 .hojokin_flow .window .col-lg-4 div:first-child {
	height: 100%;
	padding: 20px 0;
	background-color: none;
	/* border: 3px solid #d0e3f5; */
	border: 3px solid #d0e3f5;
}

#page-content .hojokin_flow .window div {
	/* margin: 0px 0 15px; */
}

.sec00 .hojokin_flow .window .row .col-lg-4:after {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 120px 0px 120px;
	border-color: #d0e3f5 transparent transparent transparent;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.sec00 .hojokin_flow .window .row .col-lg-4:last-child::after {
	position: absolute;
	content: "";
	left: 50%;
	bottom: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 120px 0px 120px;
	border-color: #d0e3f5 transparent transparent transparent;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	display: none;
}


.hojokin_flow_discription {
	padding: 15px;
}

#page-content section .window p.number {
	display: block;
	margin: 0 auto 20px;
	padding: 0;
	background: #d0e3f5;
	width: 100%;
	height: 40px;
	border-radius: 0;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
	color: #0054a7;
}


.sec00 .hojokin_flow .window .col-lg-4 div:first-child {
	height: 100%;
	padding: 0px 0;
}

body#about #hojokin .box {
	padding: 0;
	margin-bottom: 50px;
}


@media only screen and (max-width: 768px) {
	#page-content section .window div {
		margin: 0 0 15px;
	}
}

#page-content #hojokin {
	background: #fff;
}


#hojokin .sec00 {
	background: #f0f9fe;
}

/**********************************************************************
デスクトップ
***********************************************************************/
@media screen and (min-width:768px) {
	.hojokin_icon {
		width: 80%;
		text-align: center;
		margin: 0 auto !important;
		margin-top: 40px !important;
	}

	.hojokin_image {
		width: 80%;
		text-align: center;
		margin: 0 auto !important;
		margin-top: 0px !important;
	}



	body#about #page-content section#hojokin h3 {
		text-align: left;
	}

	.sec00 .hojokin_flow .window .col-lg-4 {
		margin-bottom: 50px;
	}

	.sec00 .hojokin_flow .window .col-lg-4 div:first-child {
		height: 100%;
		padding: 20px 0;
		background-color: none;
		/* border: 3px solid #d0e3f5; */
		border: 3px solid #2999d1;
	}

	.sec00 .hojokin_flow .window .row .col-lg-4:after {
		position: absolute;
		content: "";
		top: 50%;
		right: -15px;
		left: unset;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 60px 0 60px 30px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		border-color: transparent transparent transparent #2999d1;
	}

	.sec00 .hojokin_flow .window .row .col-lg-4:last-child::after {
		position: absolute;
		content: "";
		top: 50%;
		right: -15px;
		left: unset;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 60px 0 60px 30px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		border-color: transparent transparent transparent #2999d1;
		display: none;
	}

	#page-content .hojokin_flow .window div {
		/* margin: 0; */
	}


	#page-content .hojokin_flow .window p.number {
		display: block;
		margin: 0 auto 20px;
		padding: 0;
		background: #2999d1;
		width: 100%;
		height: 60px;
		border-radius: 0;
		font-size: 28px;
		font-weight: 400;
		text-align: center;
		line-height: 60px;
		color: #fff;
	}

	.sec00 .hojokin_flow .window .col-lg-4 div:first-child {
		height: 100%;
		padding: 0px 0;
	}
}


body#faq #page-content .accordion .ac-content:last-of-type input:checked+.ac-cont {
	border-bottom: none !important;
}




body#price section .frame01 {
	margin: 0 auto;
	max-width: 600px;
}




body {
	margin: 0;
	padding: 0;
}

/* .seminar_fv {
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
} */

.seminar_fv {
	padding: 0 !important;
}


/* @media screen and (min-width: 768px){
  .seminar_fv {
	  height: 620px;
  }
} */


/* @media screen and (min-width: 1200px) {
	.seminar_fv  {
		background-image: url("https://forval-shoukei.jp/wp-content/uploads/2023/07/20230419-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height:100vh;
width:100vw;
  height: calc(100vh - 88px);
  height: calc( var(--vh) * 100 );
	}
}

@media screen and (max-width:1600px) {
	.seminar_fv {
		background-position-x:93%;
	}
}

	.seminar_fv  {
		background-image: url("https://forval-shoukei.jp/wp-content/uploads/2023/07/20230419-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height:100vh;
width:100vw;
  height: calc(100vh - 88px);
  height: calc( var(--vh) * 100 );
	} */



.seminar p.number {
	margin-bottom: 0px;
}

.seminar_topic {
	display: block;
	height: 100%;
	padding: 20px;
	background: #d0e3f5;
}

.seminar .con {
	padding: 0 6% 20px;
	background: #fff;
	height: 100%;
}

.seminar .con .title {
	display: block;
	padding: 10px 0;
	margin: 0 auto 10px;
	width: 100px;
	background: #0054a7;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}

.seminar .con .title span {
	display: block;
	font-size: 2rem;
	font-weight: 400;
}

.seminar h3 {
	margin: 0 0 40px !important;
	font-size: 20px !important;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 0.5em 0 0;
	text-align: center;
	line-height: 1.5;
	font-family: initial !important;
}


.seminar h2 {
	color: #0066cc;
	font-family: sans-serif;
	margin-bottom: 30px !important;
}


@media screen and (min-width:1200px) {
	.seminar h2 {
		font-size: 40px !important;
	}
}


.point_title {
	width: 70%;
}


.seminar h2+P {
	text-align: center;
	margin-bottom: 30px !important;
}

.seminar_shimekiri {
	text-align: center !important;
}

.seminar_form {
	padding: 0 !important;
}


.seminar .justify-content-center {
	margin: auto !important;
}

@media only screen and (max-width: 768px) {
	section.nayami h4 {
		margin-bottom: 20px !important;
	}
}

section .nayami h4 {
	margin-bottom: 40px !important;
}

.seminar_form {
	width: 100%;
}

/* @media screen and (min-width: 1200px) {
	.seminar_form {
		width: 80%;
	}
} */


@media screen and (max-width: 768px) {
	.seminar .col-12 {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 0px;
	}
}

.seminar .topic .col-12 {
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	.seminar .topic .col-12 {
		margin-bottom: 30px;
	}
}


.nayami img {
	width: 50%;
	/* text-align: center; */
	margin: auto;
	display: flex;
	justify-content: center;
}

.nayami .pic img {
	width: 80%;
	/* text-align: center; */
	margin: auto;
	display: flex;
	justify-content: center;
}

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

	.nayami img,
	.nayami .pic img {
		width: 100%;
	}
}

#page-content section .box .row .col-12 .pic {
	border: none !important;
}

#page-content .seminar .box02 div div {
	background: none !important;
}

.koushi h3 {
	margin: 0 0 10px;
	font-size: 24px !important;
	text-align: left !important;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
	font-weight: 400;
}

@media screen and (max-width: 768px) {
	.koushi h3 {
		text-align: center !important;
	}
}





.seminar table p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 60px auto 40px;
}

.seminar table {
	margin: 20px auto;
	width: 100%;
}

.seminar .tbl-r02 th {
	background: #f2f2f2;
	border: solid 1px #c5c5c5;
	color: #000;
	padding: 10px;
	width: 30%;
	text-align: center;
}

.seminar .tbl-r02 td {
	border: solid 1px #c5c5c5;
	padding: 20px;
}

@media screen and (max-width: 640px) {
	.seminar .last td:last-child {
		border-bottom: solid 1px #c5c5c5;
		width: 100%;
	}

	.seminar .tbl-r02 {
		width: 100%;
	}

	.seminar .tbl-r02 th,
	.seminar .tbl-r02 td {
		border-bottom: none;
		display: block;
		width: 100%;
	}
}


section.st {
	background-color: #0066cc !important;
	color: #fff;

}

.st h2 {
	color: #fff !important;
	margin-bottom: 50px !important;
}

.st h3 {
	text-align: left !important;
	font-size: 18px !important;
	margin-bottom: 80px !important;

}


.st h3 {
	text-align: left !important;
	font-size: 22px !important;
	margin-bottom: 80px !important;
}

@media screen and (max-width:768px) {
	.st h3 {
		text-align: left !important;
		font-size: 22px !important;
		margin-bottom: 80px !important;
		margin-top: 0 !important;
	}
}

.st .feature:nth-of-type(3) img {
	margin-bottom: 0px;
}

.st p {
	padding: 0 42px;
}

.point h2>img {
	width: 10%;
	margin-right: 20px;
}

@media screen and (max-width: 768px) {
	.point h2>img {
		width: 15%;
		margin-right: 20px;
		float: left;
	}
}

.point span {
	vertical-align: middle;
	clear: both;
}

.seminar h2 {
	font-family: sans-serif !important;
}

/* .feature img {
	margin-bottom: 0px;
	padding: 20px;
}

.feature .tbl-r02 th {
	background: none;
	border: none;
	color: #000;
	padding: 10px;
	width: 30%;
	text-align: center;
}
.feature .tbl-r02 td {
	border: none;
	padding: 20px;
	color: #fff;
}

@media screen and (max-width: 640px) {
	.feature .last td:last-child {
		border-bottom: none;
		width: 100%;
	}
} */

.arrow_box {
	position: relative;
	width: auto;
	height: auto;
	background: #FFFFFF;
	padding: 20px;
	text-align: left;
	border: 3px solid #D0E3F5;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.arrow_box:after,
.arrow_box:before {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	right: 100%;
	top: 50%;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-width: 8px;
	border-bottom-width: 8px;
	border-left-width: 30px;
	border-right-width: 30px;
	margin-top: -8px;
	border-right-color: #FFFFFF;
}

.arrow_box:before {
	border-color: rgba(208, 227, 245, 0);
	border-top-width: 11px;
	border-bottom-width: 11px;
	border-left-width: 41px;
	border-right-width: 41px;
	margin-top: -11px;
	margin-right: 3px;
	border-right-color: #D0E3F5;
}


.review {
	background-color: #f5f5f5 !important;
}


.review .row {
	margin-bottom: 50px !important;
}

.feature {
	display: flex;
}


@media screen and (max-width: 640px) {
	.seminar .feature:nth-child(n + 2) {
		margin-top: 30px !important;
	}
}



.sp-fixed {
	background-color: #efefef;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 20px 20px;
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	left: 0;
}





@media screen and (max-width:768px) {
	.arrow_box {
		width: 80%;
		float: right;
	}

	.review .row {
		margin-bottom: 20px !important;
	}

}





/* 画面外にいる状態 */
.fadein {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 1000ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}







#sp-fixed-menu {
	position: fixed;
	width: 100%;
	bottom: 0px;
	font-size: 0;
	opacity: 0.9;
	z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#sp-fixed-menu li {
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 20px;
	border-right: 1px solid #fff;
}

/*左側メニューを緑色に*/
#sp-fixed-menu li:first-child {
	background: #38b435;
}

/*左側メニューをオレンジ色に*/
#sp-fixed-menu li:last-child {
	background: #f3a324;
}

/*ボタンを調整*/
#sp-fixed-menu li a {
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	padding: 20px;
}



/* html {
    scroll-behavior: smooth;
} */










@media screen and (min-width: 1142px) {
	.top .mv {
		height: 620px;
		margin-top: 60px;
		min-width: 1080px;
	}

	.top .mv {
		width: 100%;
		height: auto;
		margin-top: 40px;
	}
}

@media screen and (min-width: 768px) {
	.top .mv .swiper {
		min-width: 1080px;
	}
}


@media screen and (min-width: 768px) {
	.top .mv__inr {
		width: 1400px;
	}
}

.top .mv__inr {
	width: 100%;
	margin: 0 auto;
}


@media screen and (min-width: 768px) {
	.top .mv__img-block {
		height: 620px;
	}
}

.top .mv__img-block {
	width: 100%;
	height: auto;
}



@media only screen and (max-width: 767px) {
	#page-content .seminar .box h4 {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 20px 0 0;
		margin-bottom: 20px;
	}
}

.seminar .detail {
	text-align: left;
	line-height: 2em !important;
}


a#topBtn {
	z-index: 220;
}



.introduction h2:nth-of-type(2) {
	margin-top: 50px !important;

}

.seminar td {
	line-height: 2 !important;
}


.entry_cta {
	background-color: #0066cc;
	color: #fff !important;
	margin-bottom: 30px !important;
	padding: 30px;
	text-align: center !important;
	width: 50%;
	margin: auto !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.entry_cta a {
	color: #fff !important;
}


@media only screen and (max-width: 767px) {
	.entry_cta {
		width: 100% !important;
	}
}


/* .member_bg {
	background:url("../images/seminar/20231026/member_bg.jpg") no-repeat top center !important;
} */


.firstletter::first-letter {
	color: red !important;
}



.seminar .column-3 h3 {
	margin: 0 0 12px !important;
	font-size: 18px !important;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 0.5em 0 0;
	text-align: center;
	line-height: 1.5;
	font-family: initial !important;
}

.main_img {
	/* margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1); */

	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

#page-content .sec00>strong {
	margin-bottom: 40px;
	margin-top: 0px;
}

#page-content .sec00>strong+p+p+strong {
	font-weight: normal;
	margin-top: 40px;
	margin-bottom: 0px;
}




.author-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 20px;
	margin-top: 100px;
}

.author-image img {
	width: 100%;
	max-width: 200px;
	/* 画像のサイズ調整 */
	height: auto;
	/* border-radius: 50%; 画像を円形にする場合 */
	margin-right: 20px;
}

.author-info {
	flex: 1;
}


/* 画面の幅が600px以下になったらスタック表示 */
@media (max-width: 600px) {
	.author-container {
		flex-direction: column;
		text-align: center;
		align-items: center;
		/* モバイル表示時は中央揃え */

	}

	.author-image img {
		margin: 0 auto 20px;
		/* 画像を中央に配置し、下に余白を設ける */
	}
}


.article-content h2 {
	margin-top: 80px;
}

.article-content h3 {
	margin-top: 40px;
}


.responsive-button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #007bff;
	color: white;
	/* テキストカラーを白に指定 */
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	transition: background-color 0.3s;
}

.seminar_shimekiri a {
	color: white !important;
	/* テキストカラーを白に指定 */
}

.responsive-button:hover {
	background-color: #0056b3;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
	.responsive-button {
		padding: 8px 15px;
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.responsive-button {
		padding: 6px 10px;
		font-size: 12px;
	}
}


@media screen and (max-width: 768px) {
	.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td:nth-of-type(1) {
		text-align: center;
	}
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td:nth-of-type(1) {
	background-color: #e1e1e1 !important;
	width: 33.3333%;
}


body#company #page-content table .dl_inline dd {
	margin: 0 10px 0 0;
}

/* ============================================================
   横向きスマホ/小型タブレット(768〜991px)でもスマホ用ヘッダー
   (ハンバーガー)を表示するための複製（fv）。
   PC用ヘッダーが横幅に収まらず右切れする問題への対応。
   元: base-new.css の @media max-width:767px ブロックより。
   ============================================================ */
@media only screen and (min-width:768px) and (max-width:991px) {
    .sg_main {
        padding-top: 53px
    }

    .headerArea {
        margin: 0 auto;
        position: relative
    }

    .headerArea .logoSec {
        border-bottom: 1px solid #e1e1e1;
        width: 100%;
        height: 53px;
        position: fixed;
        z-index: 999999;
        background: #fff;
        top: 0;
        box-sizing: border-box
    }

    .headerArea .logoSec div {
        display: block;
        float: right;
        padding: 5px 2%;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
        vertical-align: top
    }

    .headerArea .logoSec div.logo {
        float: left;
        padding: 8px 0 5px 2%
    }

    .headerArea .logoSec div a {
        display: block;
        text-decoration: none
    }

    .headerArea .logoSec div h1 {
        display: inline-block;
        text-align: right
    }

    .headerArea .logoSec div h1 a {
        font-size: 10px;
        font-weight: 700;
        color: #333;
        text-decoration: none
    }

    .headerArea .logoSec div h1 a img {
        display: inline-block;
        height: 25px;
        width: auto
    }

    .headerArea .logoSec div h1 a span {
        display: block;
        margin: -3px 0 0
    }

    .headerArea .logoSec div.tosyo {
        float: left;
        padding: 10px 0 5px
    }

    .headerArea .logoSec div.tosyo img {
        margin: 0 0 0 12px;
        height: 30px;
        width: auto
    }

    .headerArea .logoSec div.mail,
    .headerArea .logoSec div.tel {
        margin: 0 5px 0 0
    }

    .headerArea .logoSec div.menu {
        background: #0054A7;
        color: #fff !important
    }

    .headerArea .logoSec div.tel a {
        color: #003364 !important
    }

    .headerArea .logoSec div.mail a {
        color: #821A2D !important
    }

    .headerArea .logoSec div i {
        padding: 5px 0 3px;
        font-size: 20px;
        display: block;
        width: 40px;
        font-weight: 600
    }

    .categorylinkArea,
    .categorylinkArea.active {
        display: block;
        height: 100%;
        overflow: scroll;
        position: fixed;
        width: 90%;
        z-index: 9999
    }

    .headerArea .logoSec .menuBtn {
        display: block;
        box-sizing: border-box
    }

    .headerArea .logoSec .menuBtn img {
        display: block
    }

    .headerArea .logoSec #closeBtn {
        display: block;
        box-sizing: border-box
    }

    .headerArea .logoSec #closeBtn img {
        display: block
    }

    .headerArea .logoSec p {
        margin: 0
    }

    .categorylinkArea {
        background: #fff;
        padding-bottom: 100px;
        right: -90%;
        top: 53px;
        font-size: 14px;
        font-weight: 400
    }

    .categorylinkArea.active {
        right: 0;
        top: 0
    }

    .categorylinkArea ul li a {
        position: relative;
        vertical-align: middle;
        padding: 0;
        display: inline-block;
        color: #333;
        text-decoration: none
    }

    .categorylinkArea ul li a:before {
        position: absolute;
        content: "\f105";
        top: 0;
        left: 10px;
        font-family: "Font Awesome 5 Free";
        font-weight: 600
    }

    .categorylinkArea ul li ul li a {
        position: relative;
        margin: 0 0 3px;
        padding: 0 25px 0 40px !important
    }

    .categorylinkArea ul li ul li a:before {
        position: absolute;
        content: "-";
        top: 0;
        left: 23px;
        font-family: "Font Awesome 5 Free";
        font-weight: 600
    }

    .categorylinkArea ul.active li {
        display: block
    }

    .categorylinkArea ul li.ttl {
        position: relative;
        display: block;
        height: 40px;
        line-height: 40px;
        background-color: #4D4D4D;
        padding: 0 3%;
        font-size: 14px;
        color: #fff;
        font-weight: 700
    }

    .categorylinkArea ul.active li.ttl {
        background-color: #4D4D4D
    }

    .categorylinkArea ul li.menu {
        display: block;
        background: url(../img/icon_menu_link.png) 97% center no-repeat
    }

    .categorylinkArea ul li.all {
        display: block;
        width: 80%;
        margin-top: 20px;
        border: 1px solid #fff;
        text-align: center
    }

    .categorylinkArea .btn,
    footer .btn {
        padding: 0;
        width: 90%;
        height: 50px;
        line-height: 50px;
        background: #fff;
        border: 1px solid #C9C9C9;
        border-radius: 0;
        color: #333;
        text-decoration: none;
        position: relative;
        margin: 0 auto 10px;
        display: block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-transition-duration: .1s;
        transition-duration: .1s
    }

    .categorylinkArea .btn:hover,
    footer .btn:hover {
        background: #f1f1f1;
        border: 1px solid #f1f1f1;
        -webkit-animation-name: hvr-back-pulse;
        animation-name: hvr-back-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .categorylinkArea .btn.en,
    footer .btn.en {
        border-radius: 25px
    }

    .categorylinkArea .btn .hvr-icon,
    footer .btn .hvr-icon {
        position: absolute;
        right: 10px;
        top: 18px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .categorylinkArea .btn:hover .hvr-icon,
    footer .btn:hover .hvr-icon {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    .btn.number {
        height: auto;
        line-height: 1.4;
        padding: 15px 0;
        background: #0054A7;
        color: #fff;
        border-radius: 33px !important
    }

    .btn.number i {
        padding: 0 5px 0 0
    }

    .btn small {
        display: block;
        font-size: 10px
    }

    .btn.number .hvr-icon {
        top: 25px;
        right: 15px;
        color: #fff !important
    }

    .btn.number:hover {
        background: #004589;
        color: #fff
    }

    .btn.mail {
        background: #a50000;
        color: #fff;
        border-radius: 25px
    }

    .btn.mail .hvr-icon {
        right: 20px;
        color: #fff !important
    }

    .btn.mail:hover {
        background: #821A2D;
        color: #fff
    }

    .btn.mail2 {
        border: 2px solid #821A2D;
        border-radius: 25px;
        color: #821A2D
    }

    .btn.mail2 .hvr-icon {
        right: 20px;
        color: #821A2D !important
    }

    .btn.mail2:hover {
        background: #E8D5D8;
        border: 2px solid #E8D5D8;
        color: #821A2D
    }

    #acMenu dd ul,
    #acMenu dt.acMenu-present.active,
    #acMenu dt.acMenu-price.active,
    .m_makera {
        background: #fff
    }

    .categorylinkArea p {
        text-align: center;
        line-height: 1.4;
        font-size: 12px
    }

    #acMenu dd,
    #acMenu dt {
        width: 100%;
        text-align: left
    }

    #acMenu dt {
        position: relative;
        display: block;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 700;
        padding: 0;
        border-bottom: 1px dashed #4d4d4d
    }

    #acMenu dt:after {
        position: absolute;
        display: block;
        content: url(../images/sp/menu/sita.svg);
        width: 23px;
        height: 12px;
        top: 0;
        right: 25px
    }

    #acMenu dt span.acMenu-category {
        padding: 0 28px
    }

    #acMenu dt.acMenu-present,
    #acMenu dt.acMenu-price {
        font-size: 17px;
        background: #fff;
        margin: 12px 0 0
    }

    #acMenu dd {
        height: auto;
        line-height: 37px;
        display: none;
        font-size: 13px;
        padding: 0
    }

    #acMenu dd ul {
        padding: 10px 3%;
        margin: 0;
        border-bottom: 1px solid #C9C9C9;
        vertical-align: top
    }

    #acMenu dd ul li {
        float: left;
        margin-right: 15px;
        width: 154px;
        list-style: none
    }

    #acMenu dd ul li:nth-child(3n) {
        margin-right: 0
    }

    #acMenu dd ul li a {
        display: block;
        height: 214px;
        padding: 0;
        font-size: 26px;
        text-align: center;
        font-weight: 700
    }

    .categorylinkArea .kakaku li,
    .m_other li a {
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #C9C9C9
    }

    #acMenu dd ul li a img {
        display: block;
        width: 124px;
        margin: 0 auto;
        padding: 0 0 5px
    }

    .m_makera {
        padding: 10px 3%
    }

    .m_makera a {
        display: block;
        float: left;
        margin-right: 46px;
        margin-bottom: 55px;
        padding: 0 !important
    }

    .m_makera a:nth-child(3n) {
        margin-right: 0
    }

    .categorylinkArea .kakaku li a {
        position: relative;
        display: block;
        padding: 0 25px;
        font-size: 14px
    }

    .m_other {
        margin: 0;
        border-top: 1px solid #C9C9C9
    }

    .m_other li a {
        display: block;
        padding: 0 25px !important;
        width: 100%;
        font-size: 14px;
        box-sizing: border-box
    }

}

/* 横向きスマホ(768〜991px)用: スライドメニュー幅を固定にし、閉じ時に確実に隠す（fv）
   元の width:90% だと画面が広い横向きで閉じ位置(right:-650px/-90%)から右端がはみ出すため。 */
@media only screen and (min-width:768px) and (max-width:991px) {
	.categorylinkArea,
	.categorylinkArea.active {
		width: 340px;
		max-width: 90%
	}
}

/* 横向きスマホ(768〜991px)用: ヒーロースライダーの見出し/本文を画面幅に収める（fv）
   デスクトップ用の大きいフォントのままだと横にはみ出し、横スクロール抑制で切れるため。 */
@media only screen and (min-width:768px) and (max-width:991px) {
	.sec01 .slick-slider div div h2 {
		font-size: 30px;
		white-space: normal;
		padding-left: 4%;
		padding-right: 4%;
		box-sizing: border-box
	}
	.sec01 .main .col-12 p {
		font-size: 16px;
		white-space: normal;
		padding-left: 4%;
		padding-right: 4%;
		box-sizing: border-box
	}
}

/* 横向きスマホ(768〜991px)用: 「完全成功報酬制」スライド(slide00)を全体表示（fv）
   cover だと横長画面で左右がトリミングされ、月桂冠(羽)の端が切れるため contain に。 */
/* 横向きスマホ(768〜991px): slickの幅計算に左右されず確実に中央表示するため、
   スライダーを隠し「完全成功報酬制」画像を通常imgで全幅表示する（fv） */
.sec01-static-landscape { display: none; }
@media only screen and (min-width:768px) and (max-width:991px) {
	.sec01 .slick-slider {
		display: none !important;
	}
	.sec01 .sec01-static-landscape {
		display: block;
		width: 100%;
		margin: 0;
		line-height: 0;
	}
	.sec01 .sec01-static-landscape img {
		display: block;
		width: 100%;
		height: auto;
	}
}