@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
	display: flex;
	flex-wrap: wrap;
}
.flexA {
	justify-content: space-around;
}
.flexB {
	justify-content: space-between;
}
.flexC {
	justify-content: center;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	max-width: 163rem;
}
@media all and (max-width: 720px) {
	.content {
		padding: 0 10px;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 4.86%;
	text-align: center;
}
.headLine01 span {
	padding: 0 4rem;
	min-width: 28rem;
	display: inline-block;
	position: relative;
	color: #1BB8CE;
	font-size: 7.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.25;
	vertical-align: top;
	border-bottom: 0.2rem solid #1BB8CE;
	box-sizing: border-box;
}
.headLine01 span::before {
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: -3.8rem;
	border: 1.9rem solid transparent;
	border-top-color: #1BB8CE;
	transform: translateX(-50%);
	content: "";
}
@media all and (max-width: 720px) {
	.headLine01 {
		margin-bottom: 25px !important;
	}
	.headLine01 span {
		padding: 0 10px 4px;
		min-width: 240px;
		font-size: 3rem;
		border-bottom-width: 1px;
	}
	.headLine01 span::before {
		bottom: -20px;
		border-width: 10px;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	margin-bottom: 2.3rem;
	font-size: 7.3rem;
	font-weight: bold;
	text-align: center;
}
@media all and (max-width: 720px) {
	.headLine02 {
		font-size: 2.4rem !important;
	}
}
/*------------------------------------------------------------
	comFaqSec
------------------------------------------------------------*/
.comFaqSec {
	margin-bottom: 5.5%;
	padding: 6.6% 0;
}
.comFaqSec .content {
	max-width: 168rem;
}
.comFaqSec dl {
	background: url(../../img/common/com_faq_bg01.png) no-repeat right 2% top 46% / 21% auto;
}
.comFaqSec dt, .comFaqSec dd {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.comFaqSec dt {
	cursor: pointer;
}
.comFaqSec dl .ttl {
	margin-top: -0.05%;
	padding-bottom: 4px;
	width: 6.013%;
	height: 4.9vw;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 5rem;
	font-weight: 700;
	border-radius: 10px;
	background: #1BB8CE;
	font-family: 'ヒラギノ角ゴ W7', 'Hiragino Kaku Gothic W7';
}
.comFaqSec .txt {
	width: 92%;
}
.comFaqSec dt {
	margin: 14rem 0 3rem;
	font-size: 6.3rem;
	font-weight: 700;
	line-height: 1.5;
}
.comFaqSec dt:first-child {
	margin-top: 0;
}
.comFaqSec dd .ttl {
	margin-top: 0;
	background: #D0BE32;
}
/*
.comFaqSec dd:not(:last-of-type) {
	margin-top: 8.3%;
}
*/
.comFaqSec dd .txt {
	font-family: '中ゴシックBBB JIS2004','Gothic Medium BBB JIS2004';
}
.comFaqSec dd {
	display: none;
}
.comFaqSec dd.on {
	display: flex !important;
}
.comFaqSec dd a {
	color: #1BB8CE;
	font-size: 3.7rem;
}
.comFaqSec dd a:hover {
	text-decoration: underline;
}
@media all and (min-width: 1921px) {
	.comFaqSec dl .ttl {
		height: 98px;
	}
}
@media all and (max-width: 720px) {
	.comFaqSec {
		margin-bottom: 20px;
		padding: 30px 0 !important;
	}
	.comFaqSec dl {
		background-position: right center !important;
		background-size: 120px auto !important;
	}
	.comFaqSec dl .ttl {
		margin-top: 0;
		padding: 2px 0 0;
		width: 40px;
		height: 36px;
		font-size: 2rem;
		border-radius: 5px;
		box-sizing: border-box;
	}
	.comFaqSec .txt {
		width: calc(100% - 50px);
	}
	.comFaqSec dt {
		margin: 20px 0 10px;
		font-size: 2rem;
		line-height: 1.2;
	}
	.comFaqSec dd a {
		font-size: 1.5rem;
		word-break: break-all;
	}
	.comFaqSec dd a:hover {
		text-decoration: none;
	}
}
/*------------------------------------------------------------
	comBottomBox
------------------------------------------------------------*/
.comBottomBox {
	margin: 0 auto 8%;
	max-width: 1920px;
	text-align: center;
}
.comBottomBox .btnList {
	margin: 0 auto 6.3%;
	width: 52%;
}
.comBottomBox .btnList li:not(:last-of-type) {
	margin-bottom: 4.5%;
}
.comBottomBox .btnList li a {
	padding: 3.7% 1% 1.9%;
	display: block;
	color: #FFF;
	font-size: 7.7rem;
	font-family: 'A1ゴシック B', 'A1 Gothic B';
	text-align: center;
	border-radius: 100px;
	background: #E9545D;
}
.comBottomBox .btnList li.list01 a {
	padding: 2.7% 1.6% 1.6%;
	font-size: 5rem;
	font-family: 'A1ゴシック M', 'A1 Gothic M';
	line-height: 1.21;
	background: #F29700;
}
.comBottomBox .btnList li a:hover {
	opacity: 0.7;
}
.comBottomBox .contactusUl li:not(:last-child) {
	margin-bottom: 7.6%;
}
.comBottomBox .contactusUl li .ico {
	margin: 0 auto 1.2%;
	width: 6.6%;
}
.comBottomBox .contactusUl li p {
	font-size: 4rem;
	font-weight: 700;
	font-family: 'A1ゴシック M', 'A1 Gothic M';
}
.comBottomBox .contactusUl li p.ttl {
	margin-bottom: 1%;
	font-size: 5.4rem;
}
.comBottomBox .contactusUl li .tel {
	margin: 0 auto 1%;
	width: 50%;
}
.comBottomBox .contactusUl li.list01 {
	font-family: 'A1ゴシック M', 'A1 Gothic M';
}
.comBottomBox .contactusUl li.list01 .ico {
	margin-bottom: 0.8%;
}
.comBottomBox .contactusUl li.list01 p.ttl {
	margin-bottom: 0.3%;
}
@media all and (max-width: 720px) {
	.comBottomBox {
		margin-bottom: 30px;
		max-width: inherit;
	}
	.comBottomBox .btnList {
		margin-bottom: 35px;
		width: 280px;
	}
	.comBottomBox .btnList li:not(:last-of-type) {
		margin-bottom: 20px;
	}
	.comBottomBox .btnList li a {
		padding: 12px 5px 10px;
		font-size: 1.7rem;
	}
	.comBottomBox .btnList li.list01 a {
		padding: 8px;
		font-size: 1.5rem;
	}
	.comBottomBox .contactusUl li:not(:last-child) {
		margin-bottom: 30px;
	}
	.comBottomBox .contactusUl li .ico {
		margin-bottom: 15px !important;
		width: 50px;
	}
	.comBottomBox .contactusUl li p {
		font-size: 1.5rem;
	}
	.comBottomBox .contactusUl li p.ttl {
		margin-bottom: 10px !important;
		font-size: 1.7rem !important;
	}
	.comBottomBox .contactusUl li .tel {
		margin-bottom: 10px;
		width: 280px;
	}
	.comBottomBox .contactusUl li.list01 .ico {
		width: 40px;
	}
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
	margin: 0 auto;
	width: 52%;
}
.comBtn a {
	padding: 2.8%;
	display: block;
	font-size: 5.4rem;
	font-weight: bold;
	text-align: center;
	border-radius: 100px;
	border: 8px solid #1CB8CF;
}
.comBtn a:hover {
	opacity: 0.7;
}
@media all and (max-width: 720px) {
	.comBtn {
		margin: 0 auto;
		width: 280px;
	}
	.comBtn a {
		padding: 9px 5px 7px;
		font-size: 1.8rem;
		border-width: 3px;
	}
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
	text-align: center;
	display:none;
}
.comLink a {
	padding: 1.6rem 1rem;
	max-width: 81.7rem;
	width: 54.46%;
	font-size: 4.4rem;
	color: #fff;
	line-height: 1.19;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	background: #F29700;
	border-radius: 80px;
	box-sizing: border-box;
}
@media all and (max-width: 720px) {
	.comLink a {
		padding: 10px 5px;
		width: 70%;
		max-width: 300px;
		font-size: 1.3rem;
	}
}
/*------------------------------------------------------------
	comMv
------------------------------------------------------------*/
.comMv {
	margin-bottom: 8.3rem;
	background: #1BB8CE;
}
.comMv .innerBox {
	margin: 0 auto;
	max-width: 1980px;
}
.comMv .innerBox .photo {
	margin-left: -30rem;
	width: 46.3%;
}
.comMv .innerBox .photo img {
	width: 100%;
}
.comMv .innerBox .textBox {
	padding-left: 7.1rem;
	margin-top: 17.2rem;
	flex: 1;
	position: relative;
}
.comMv .innerBox .textBox img {
	max-width: 119.5rem;
	width: 100%;
}
.comMv .comLink {
	margin: -21.4rem 0 0 -20.8rem;
}
@media all and (max-width: 720px) {
	.comMv {
		padding: 60px 0 0;
	}
	.comMv img {
		width: 100%;
	}
	.comMv .innerBox {
		display: block;
	}
	.comMv .innerBox .photo {
		margin: 0;
		width: auto;
	}
	.comMv .innerBox .textBox {
		padding-left: 0;
		margin: 0 10px 20px;
	}
	.comMv .comLink {
		margin: -17% 0 0 11%;
		text-align: left;
	}
}
/*------------------------------------------------------------
	comCase
------------------------------------------------------------*/
.comCase {
	margin-bottom: -8.3rem;
}
.comCase .content {
	max-width: 156.3rem;
}
.comCase .listUl li {
	width: 42.85rem;
}
.comCase .listUl li .text {
	height: 41.35rem;
	background: url("../../img/office/bg01.png") no-repeat top center / 100% 100%;
}
.comCase .listUl li .text p {
	padding-top: 9.6rem;
	display: flex;
	height: 100%;
	color: #1BB8CE;
	font-weight: bold;
	font-size: 3.3rem;
	line-height: 1.56;
	text-align: center;
	align-items: center;
	justify-content: center;
	background: url("../../img/common/img01.png") no-repeat top 4.2rem center / 1.6rem auto;
	box-sizing: border-box;
}
.comCase .listUl li .photo {
	margin: -1.9rem auto 0;
	max-width: 42.6rem;
}
.comCase .btmTxt {
	margin-top: 14.5rem;
	text-align: center;
	font-size: 5.39rem;
	font-weight: bold;
	line-height: 1.718;
}
.comCase .btmTxt span {
	color: #1BB8CE;
}
@media all and (max-width: 720px) {
	.comCase {
		margin-bottom: 40px !important;
	}
	.comCase .listUl {
		display: block;
	}
	.comCase .listUl li {
		margin: 0 0 30px;
		width: auto;
	}
	.comCase .listUl li:last-child {
		margin-bottom: 0;
	}
	.comCase .listUl li .text {
		margin: 0 auto;
		width: 214px !important;
		height: 206px !important;
	}
	.comCase .listUl li .text p {
		padding-top: 30px;
		font-size: 1.4rem !important;
		background-size: 8px auto !important;
		background-position: top 10px center !important;
	}
	.comCase .btmTxt {
		margin-top: 35px;
		font-size: 1.8rem;
	}
	.comCase .listUl li .photo {
		margin: -1.9rem auto 0 !important;
		width: auto !important;
	}
}
/*------------------------------------------------------------
	comPad
------------------------------------------------------------*/
.comPad {
	margin-bottom: 10rem;
	padding-bottom: 0.8rem;
	position: relative;
	z-index: 1;
}
.comPad .photo {
	max-width: 1980px;
	margin: 0 auto;
}
.comPad .photo img {
	width: 100%;
}
.comPad::before {
	position: absolute;
	top: 42.4rem;
	left: 0;
	bottom: 0;
	right: 0;
	background: #E8F8FA;
	content: '';
	z-index: -1;
}
.comPad::after {
	width: 39.4rem;
	height: 41.5rem;
	position: absolute;
	right: 7.4rem;
	top: 1rem;
	background: url("../../img/office/photo05.png") no-repeat left top / 100% 100%;
	content: '';
}
@media all and (max-width: 720px) {
	.comPad {
		margin-bottom: 40px;
	}
	.comPad::after {
		width: 80px;
		height: 85px;
		top: auto;
		right: 0 !important;
		bottom: 78%;
	}
	.comPad::before {
		top: 22% !important;
	}
}
/*------------------------------------------------------------
	comPoint
------------------------------------------------------------*/
.comPoint .headLine01 {
	margin-bottom: 16.7rem;
}
.comPoint .imgBox {
	margin-bottom: 34.2rem;
	flex-direction: row-reverse;
	position: relative;
}
.comPoint .imgBox::before,
.comPoint .imgBox::after {
	z-index: -1 !important;
}
.comPoint .imgBox01 {
	margin-bottom: -5rem;
}
.comPoint .photo {
	width: 46.4%;
}
.comPoint .photo img {
	width: 100%;
}
.comPoint .textBox {
	margin-top: -3.5rem;
	padding-left: 22.5rem;
	flex: 1;
}
.comPoint .textBox h3 {
	margin-bottom: 1.8rem;
	font-size: 7rem;
	line-height: 1.36;
	position: relative;
}
.comPoint .textBox h3::before {
	width: 16.7rem;
	height: 14.4rem;
	position: absolute;
	left: -11.5rem;
	top: -7.3rem;
	background: url("../../img/office/img01.png") no-repeat left top / 100% 100%;
	content: '';
}
.comPoint .textBox h3 .num {
	margin-bottom: 0.7rem;
	color: #D0BE32;
	display: block;
	font-size: 16.3rem;
	line-height: 1;
	font-weight: normal;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.comPoint .textBox h3 .size {
	font-size: 12rem;
	line-height: 0.5;
}
.comPoint .textBox h3 .color {
	color: #1BB8CE;
}
.comPoint .textBox p {
	margin-bottom: 3.9rem;
	font-size: 3rem;
	line-height: 1.83;
	font-family: '中ゴシックBBB JIS2004', 'Gothic Medium BBB JIS2004';
}
.comPoint .textBox li {
	margin-bottom: 1.1rem;
	padding-left: 4.7rem;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.75;
	position: relative;
}
.comPoint .textBox li:last-child {
	margin-bottom: 0;
}
.comPoint .textBox li::before {
	width: 3.1rem;
	height: 3.1rem;
	position: absolute;
	left: 0.4rem;
	top: 0.9rem;
	background: url("../../img/office/icon01.png") no-repeat left center / 100% 100%;
	content: '';
}
.comPoint .imgBoxL {
	margin-bottom: 35.1rem;
	flex-direction: row;
}
.comPoint .imgBoxL .photo {
	width: 40.6%;
	margin-top: 15rem;
}
.comPoint .imgBoxL .textBox {
	padding-left: 8.5rem;
}
.comPoint .imgBoxL::before {
	width: 9.6rem;
	height: 10.25rem;
	position: absolute;
	right: 31.9rem;
	bottom: 10.8rem;
	background: url("../../img/office/img03.png") no-repeat left top / 100% 100%;
	content: '';
}
.comPoint .imgBox02::before {
	width: 9.6rem;
	height: 10.25rem;
	position: absolute;
	right: 69.7rem;
	top: -7.2rem;
	background: url("../../img/office/img02.png") no-repeat left top / 100% 100%;
	content: '';
}
.comPoint .imgBox03 .textBox {
	margin-top: -2.8rem;
}
.comPoint .imgBox03 .photo {
	width: 39.5%;
}
.comPoint .imgBox03 {
	margin-bottom: 25.4rem;
}
.comPoint .imgBox04::before, .comPoint .imgBox04::after {
	width: 10.2rem;
	height: 9.55rem;
	position: absolute;
	right: 21.5rem;
	top: -1.9rem;
	background: url("../../img/office/img04.png") no-repeat left top / 100% 100%;
	content: '';
}
.comPoint .imgBox04::after {
	top: auto;
	right: 46.9rem;
	bottom: -17.5rem;
	background-image: url("../../img/office/img05.png");
}
@media all and (max-width: 720px) {
	.comPoint .imgBox {
		margin-bottom: 40px !important;
		display: block !important;
	}
	.comPoint .photo {
		margin: 0 !important;
		width: auto !important;
	}
	.comPoint .photo img {
		width: 100%;
	}
	.comPoint .textBox {
		padding: 15px 20px !important;
		width: auto !important;
	}
	.comPoint .textBox h3 {
		padding-top: 40px;
		font-size: 2rem;
	}
	.comPoint .textBox h3 .num {
		font-size: 5rem;
	}
	.comPoint .textBox p {
		margin-bottom: 30px;
		font-size: 1.4rem;
	}
	.comPoint .textBox li {
		padding-left: 23px;
		font-size: 1.4rem;
	}
	.comPoint .textBox li::before {
		width: 15px;
		height: 15px;
		top: 5px;
		left: 0;
	}
	.comPoint .textBox h3::before {
		display: none;
	}
	.comPoint .imgBox04::before, .comPoint .imgBox04::after {
		width: 52px;
		height: 47px;
		right: 10px;
		top: 10px;
	}
	.comPoint .imgBox04::after {
		top: auto;
		bottom: 0;
	}
	.comPoint .textBox h3 .size {
		font-size: 2.8rem;
	}
	.comVoice li {
		margin-bottom: 10px !important;
		font-size: 1.4rem !important;
	}
}
/*------------------------------------------------------------
	comVoice
------------------------------------------------------------*/
.comVoice {
	margin-bottom: 10.4rem;
}
.comVoice .headLine01 {
	margin-bottom: 8.2rem;
}
.comVoice .bgBox {
	padding: 4.5rem 0 8.6rem;
	background: #E8F8FA;
}
.comVoice .bgBox h3 {
	margin-bottom: 4.6rem;
	font-size: 5.4rem;
	line-height: 1.75;
	text-align: center;
}
.comVoice .bgBox h3 span {
	color: #1BB8CE;
}
.comVoice .content {
	max-width: 153.4rem;
}
.comVoice .video {
	margin-bottom: 4rem;
	position: relative;
}
.comVoice .video a {
	display: block;
	cursor: pointer;
}
.comVoice .video img {
	width: 100%;
}
.comVoice p {
	font-size: 3.1rem;
	font-weight: bold;
	text-align: center;
}
.comVoice ul {
	margin: 4.2rem 0 -0.5rem 0.7rem;
}
.comVoice li {
	margin-bottom: 4.1rem;
	font-size: 3.9rem;
	font-weight: bold;
}
.comVoice li:last-child {
	margin-bottom: 0;
}
.comVoice li span {
	margin-right: 1.1rem;
	color: #EB7200;
}
@media all and (max-width: 720px) {
	.comVoice .bgBox h3 {
		margin-bottom: 25px;
		font-size: 2.4rem;
	}
	.comVoice .video {
		margin-bottom: 10px;
	}
	.comVoice p {
		font-size: 1.3rem;
	}
	.comVoice .bgBox {
		padding: 20px 0 !important;
	}
	.comVoice {
		margin-bottom: 50px !important;

	}
	.comVoice .bgBox::before { 
		display: none !important;
	}
}
/*------------------------------------------------------------
	comRed
------------------------------------------------------------*/
.comRed {}
.comRed h2 {
	margin-bottom: 6.1rem;
	font-size: 7.11rem;
	text-align: center;
}
.comRed .content {
	max-width: 167.2rem;
}
.comRed .textUl {
	margin-top: 9.3rem;
	margin-right: 3rem;
	flex: 1;
}
.comRed .textUl li {
	margin-bottom: 4rem;
	position: relative;
	font-size: 3.9rem;
	font-weight: bold;
	text-indent: -1em;
	padding-left: 1em;
}
.comRed .textUl li:last-child {
	margin-bottom: 0;
}
.comRed .textUl li span {
	color: #1BB8CE;
}
.comRed .txtInner {
	width: 83.3rem;
}
.comRed .txtInner h3 {
	margin-bottom: 2.1rem;
}
.comRed .txtInner ul li {
	padding: 1rem 2rem 0.2rem;
	background: #E8F8FA;
	font-size: 2.4rem;
	font-weight: 500;
	color: #302E3A;
	line-height: 1.5;
	font-family: 'UD新ゴ R', 'UD Shin Go Regular';
}
.comRed .txtInner ul li span {
	font-size: 2rem;
}
.comRed .txtInner ul li:nth-child(2n) {
	background: #CBEFF4;
}
.comRed .textBox {
	margin-bottom: 9.1rem;
}
.comRed .bgBox {
	margin-bottom: 14.5rem;
	padding: 7.9rem 0 4.8rem;
	background: #FAF8EA;
}
.comRed .bgBox .videoUl li {
	width: 51.4rem;
}
.comRed .bgBox .videoUl li .ttl {
	padding: 2rem 0.5rem 1.9rem;
	margin: 0 1.3rem 5.4rem;
	font-size: 4rem;
	font-weight: bold;
	position: relative;
	color: #fff;
	background: #1BB8CE;
	text-align: center;
}
.comRed .bgBox .videoUl li .ttl::before {
	width: 4rem;
	height: 4rem;
	position: absolute;
	left: 50%;
	bottom: -0.8rem;
	transform: translateX(-50%) rotate(45deg);
	content: '';
	background: #1BB8CE;
}
.comRed .bgBox .videoUl li .video {
	position: relative;
}
.comRed .bgBox .videoUl li .video a {
	display: block;
	cursor: pointer;
}
.comRed .bgBox .videoUl li .video iframe, .comRed .bgBox .videoUl li .video img {
	width: 100%;

}
.comRed .bgBox .videoUl {
	margin-bottom: 10.6rem;
}
.comRed .add .img {
	margin: 0 4rem 0 -3.3rem;
	width: 50rem;
}
.comRed .add ul {
	margin-right: -4rem;
	flex: 1;
}
.comRed .add ul li {
	padding: 3.7rem 0 5.2rem 13.8rem;
	position: relative;
}
.comRed .add ul li::before {
	width: 16.7rem;
	height: 14.4rem;
	position: absolute;
	left: 0;
	top: -0.6rem;
	background: url("../../img/office/img01.png") no-repeat left top / 100% 100%;
	content: '';
}
.comRed .add ul li h4 {
	margin-bottom: -0.4rem;
	font-size: 7rem;
	font-weight: bold;
}
.comRed .add ul li p {
	font-size: 3rem;
	line-height: 1.83;
	font-family: '中ゴシックBBB JIS2004', 'Gothic Medium BBB JIS2004';
}
@media all and (max-width: 720px) {
	.comRed h2 {
		margin-bottom: 30px !important;
		font-size: 2.4rem;
	}
	.comRed .textBox {
		margin-bottom: 30px !important;
		display: block;
	}
	.comRed .textUl {
		margin: 0 0 20px;
	}
	.comRed .textUl li {
		margin-bottom: 5px !important;
		font-size: 1.4rem !important;
		line-height: 1.5 !important;
	}
	.comRed .txtInner {
		width: auto !important;
	}
	.comRed .txtInner h3 {
		margin-bottom: 20px;
		text-align: center;
	}
	.comRed .txtInner .img img {
		width: 100%;
	}
	.comRed .bgBox {
		margin-bottom: 40px !important;
		padding: 25px 0 !important;
	}
	.comRed .bgBox .videoUl li .ttl {
		margin-bottom: 30px;
		font-size: 2rem;
	}
	.comRed .bgBox .videoUl li .ttl::before {
		width: 20px;
		height: 20px;
		bottom: -10px;
	}
	.comRed .bgBox .videoUl {
		margin-bottom: 50px !important;
		display: block;
	}
	.comRed .bgBox .videoUl li {
		margin: 0 0 30px;
		width: auto;
	}
	.comRed .add {
		display: block;
	}
	.comRed .add .img {
		margin: 0 auto 20px;
		width: 200px;
	}
	.comRed .add ul li h4 {
		font-size: 2.4rem;
		line-height: 1.5;
	}
	.comRed .add ul li {
		margin-bottom: 20px;
		padding: 0 !important;
	}
	.comRed .add ul li::before {
		width: 42px;
		height: 26px;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.comRed .add ul li p {
		font-size: 1.4rem;
	}
	.comRed .add ul {
		margin-right: 0;
	}
}
/*------------------------------------------------------------
	comPrice
------------------------------------------------------------*/
.comPrice {
	margin-bottom: 7.5rem;
}
.comPrice .content {
	max-width: 168.6rem;
}
.comPrice h3 {
	margin-bottom: 7rem;
	text-align: center;
	font-size: 7.1rem;
}
.comPrice h3 span {
	color: #1BB8CE;
}
.comPrice .noteUl {
	margin: 3.7rem 0 7.8rem;
	position: relative;
}
.comPrice .noteUl li {
	color: #302E3A;
	font-size: 3rem;
	line-height: 1.5;
	font-family: '中ゴシックBBB JIS2004', 'Gothic Medium BBB JIS2004';
}
.comPrice .noteUl::after {
	width: 10.2rem;
	height: 9.55rem;
	position: absolute;
	right: -2rem;
	bottom: -3.2rem;
	background: url("../../img/office/img05.png") no-repeat left top / 100% 100%;
	content: '';
	z-index: -1;
}
.comPrice .txt span {
	padding: 1rem 0.5rem 0.6rem;
	color: #1BB8CE;
	display: block;
	font-size: 5.7rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	border: 0.4rem solid #1BB8CE;
	border-radius: 5rem;
}
.comPrice .banner {
	margin-top: 16.6rem;
	background: #E9545D;
}
.comPrice .banner .inner {
	margin: 0 auto;
	max-width: 176rem;
	position: relative;
}
.comPrice .banner .inner .img {
	width: 29.9rem;
	position: absolute;
	left: 0;
	top: -1.7rem;
}
.comPrice .banner .inner p {
	padding: 4.9rem 0 4.2rem 32.8rem;
	color: #fff;
	font-size: 6.427rem;
	font-weight: bold;
	line-height: 1.724;
}
.comPrice .banner .inner p span {
	font-size: 9.31rem;
	line-height: 1;
}
@media all and (max-width: 720px) {
	.comPrice h3 {
		margin-bottom: 20px;
		font-size: 2.4rem;
	}
	.comPrice .noteUl {
		margin: 20px 0 30px;
	}
	.comPrice .noteUl li {
		font-size: 1.2rem;
	}
	.comPrice .noteUl::after {
		width: 40px;
		height: 40px;
		right: 10px;
		bottom: 10px;
	}
	.comPrice .txt span {
		font-size: 2.2rem;
		border-width: 2px;
		border-radius: 10px;
	}
	.comPrice .banner {
		margin-top: 40px;
	}
	.comPrice .banner .inner .img {
		width: 70px;
		top: -4px;
		left: 5px;
	}
	.comPrice .banner .inner p {
		padding: 10px 10px 10px 90px;
		font-size: 1.2rem;
	}
	.comPrice .banner .inner p span {
		font-size: 1.4rem;
	}
}
/*------------------------------------------------------------
	comPare 
------------------------------------------------------------*/
.comPare {
	max-width: 168.3rem
}
.comPare .subBox {
	margin: -0.1rem 0 10.5rem;
}
.comPare .subBox > div {
	width: 79.6rem;
	box-sizing: border-box;
}
.comPare .subBox > div .inner {
	margin-bottom: 2.2rem;
	padding: 4.2rem 4rem 3.6rem;
	border: 0.5rem solid #1BB8CE;
	border-radius: 3rem 3rem 0 0;
	border-bottom: none;
}
.comPare .subBox .rBox .inner {
	border-color: #CFBE32;
}
.comPare .subBox h3 {
	margin-bottom: 2rem;
	height: 16.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 6rem;
	line-height: 1.36;
}
.comPare .subBox .title {
	margin-bottom: 3.7rem;
	text-align: center;
}
.comPare .subBox .title span {
	padding: 2.4rem 0.5rem 1.8rem;
	display: block;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	font-size: 6rem;
	background: #1BB8CE;
	border-radius: 10rem;
}
.comPare .subBox .rBox .title span {
	background: #CFBE32;
}
.comPare .subBox .price {
	text-align: center;
}
.comPare .subBox .price > span {
	padding-bottom: 0.4rem;
	display: inline-block;
	color: #1BB8CE;
	font-size: 5rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.05em;
	border-bottom: 0.7rem solid #1BB8CE;
}
.comPare .subBox .rBox .price > span {
	color: #CFBE32;
	border-color: #CFBE32;
}
.comPare .subBox .price .num {
	margin: 0 1rem 0 2rem;
	font-size: 11.3rem;
}
.comPare .subBox .price .size {
	font-size: 7.6rem;
}
.comPare .text {
	padding-bottom: 10.2rem;
	position: relative;
	font-size: 7rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.comPare .text::before {
	position: absolute;
	left: 50%;
	bottom: 0.2rem;
	width: 0;
	height: 0;
	border: 4rem solid transparent;
	border-top-color: #E9545D;
	content: '';
	transform: translateX(-50%);
}
.comPare .comLink a {
	padding: 3.1rem 1rem 2rem;
	max-width: 131.5rem;
	width: 100%;
	font-size: 10rem;
	background: #E9545D;
	border-radius: 5rem;
	box-sizing: border-box;
}
.comPare {
	margin-bottom: 10.1rem;
	background: url("../../img/office/img05.png") no-repeat right 10.6rem bottom 23.4rem / 10.2rem auto;
}
@media all and (max-width: 720px) {
	.comPare .subBox {
		margin-bottom: 30px;
		display: block;
	}
	.comPare .subBox > div {
		margin-bottom: 20px;
		width: auto;
	}
	.comPare .subBox h3 {
		height: auto;
		font-size: 2rem;
	}
	.comPare .subBox .title {
		margin-bottom: 20px;
	}
	.comPare .subBox .title span {
		padding: 5px 30px;
		font-size: 1.8rem;
		display: inline-block;
	}
	.comPare .subBox .price > span {
		font-size: 1.4rem;
		border-width: 2px;
	}
	.comPare .subBox .price .size {
		font-size: 1.5rem;
	}
	.comPare .subBox .price .num {
		margin: 0 3px;
		font-size: 1.8rem;
	}
	.comPare .subBox > div .inner {
		padding: 15px 10px;
		border-width: 2px;
	}
	.comPare .text {
		padding-bottom: 40px;
		font-size: 2.4rem;
		letter-spacing: -0.05em;
	}
	.comPare .text br {
		display: none;
	}
	.comPare .text::before {
		border-width: 15px;
	}
	.comPare .comLink a {
		padding: 15px 10px;
		font-size: 1.4rem;
	}
	.comPare {
		margin-bottom: 40px;
		background: none !important;
	}
}
/*------------------------------------------------------------
	comTool
------------------------------------------------------------*/
.comTool {
	padding: 3.6rem 0 5.9rem;
	background: #1CB8CF;
}
.comTool h2 {
	margin-bottom: 0.9rem;
	color: #FFF000;
	font-size: 7.1rem;
	text-align: center;
}
.comTool .text {
	margin-bottom: -1.3rem;
	padding-bottom: 10.2rem;
	color: #fff;
	font-weight: bold;
	font-size: 5rem;
	position: relative;
	line-height: 1.526;
	text-align: center;
}
.comTool .text::before {
	position: absolute;
	left: 50%;
	bottom: 0.2rem;
	width: 0;
	height: 0;
	border: 4rem solid transparent;
	border-top-color: #fff;
	content: '';
	transform: translateX(-50%);
}
.comTool .comLink a {
	padding: 2.2rem 1rem 2rem;
	max-width: 100.4rem;
	width: 100%;
	font-size: 5.32rem;
}
@media all and (max-width: 720px) {
	.comTool {
		padding: 20px 0;
	}
	.comTool h2 {
		font-size: 2.4rem;
	}
	.comTool .text {
		margin-bottom: 20px;
		padding-bottom: 40px;
		font-size: 2.4rem;
	}
	.comTool .text::before {
		border-width: 15px;
	}
	.comTool .comLink a {
		padding: 15px 10px;
		font-size: 1.4rem;
	}
}
@media all and (-ms-high-contrast:none){
	.comFaqSec dt .txt {
		margin-top: 2rem;
	} 
	.comPoint .textBox li::before {
		top: -0.4rem;
	}
	.comRed .bgBox .videoUl li .ttl {
		padding: 3.9rem 0.5rem 0rem;
	}
	.comPrice .txt span {
		padding: 5.6rem 0.5rem 0rem;
		line-height: 0.8;
	}
	.comPare .subBox .title span {
		padding: 6.2rem 0.5rem 0rem;
		line-height: 0.5;
	}
	.comPare .subBox .title {
		margin-bottom: 7.7rem;
	}
	.comPare .comLink a {
		padding: 9.1rem 1rem 0rem;
		line-height: 0.5;
	}
}

/*------------------------------------------------------------
	ジャンルリンク
------------------------------------------------------------*/

#main .manage .linkUl {
	text-align: center;
}
#main .manage .linkUl li {
	margin: 0 1.3rem;
	display: inline-block;
	width: 30.7rem;
}
#main .manage .linkUl li a {
	display: block;
}
#main .manage .linkUl li a:hover {
	opacity: 0.7;
}

#main .support {
	padding-bottom: 16.5rem;
	position: relative;
	background: #EAEFF5;
	padding-top:20rem;
	padding-bottom:20rem;
}
#main .support::before {
	width: 29rem;
	height: 25rem;
	position: absolute;
	right: 8.5rem;
	bottom: -16.1rem;
	background: url("../img/index/img08.png") no-repeat left top / cover;
	content: '';
}
#main .support .headLine02 {
	margin-bottom: 3rem;
	font-size: 10.5rem;
	line-height: 1.38;
	transform: translateY(-5.8rem);
}
#main .support .content {
	max-width: 168rem;
}

#main .support .img {
	width: 17.85rem;
	position: absolute;
	left: 9.8rem;
	top: -11.1rem;
}
#main .support .banner li:not(:last-child) {
	margin-bottom: 9.9rem;
}
#main .support .banner li a {
	display: block;
}
#main .support .banner li a:hover {
	opacity: 0.7;
}


@media all and (max-width: 720px) {

	#main .manage .linkUl {
		margin: -20px 20px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#main .manage .linkUl li {
		margin: 20px 0 0;
		width: 45%;
		text-align: center;
	}
	#main .manage .linkUl li img {
		width: 100%;
	}
	
	#main .support {
	padding-bottom: 16.5rem;
	position: relative;
	background: #EAEFF5;
}

	#main .support .headLine02 {
		margin-bottom: 15px;
		transform: translateY(-16px);
	}
	#main .support .img {
		width: 36px;
		left: 10px;
		top: -35px;
	}
	#main .support .banner li:not(:last-child) {
		margin-bottom: 10px;
	}
	#main .support .banner li a img {
		width: 100%;
	}
	#main .support {
		margin-bottom: 50px;
		padding-bottom: 40px;
		padding-top: 40px;
	}

	#main .support::before {
		width: 73px;
		height: 63px;
		right: 0;
		bottom: -30px;
	}
	

}