/* CSS Document */

#container p {
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif ;
	font-size: 16px ;
	font-weight: 400 ;
}

#container .box_cnt5 p {
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif ;
	font-size: 14px ;
	font-weight: 400 ;
}

/*
#container .box_cnt3 p {
	font-size: 30px ;
}
*/

.joc_Btn_wrap_ITCloudSupportLink {
	display: block ;
	width: auto ;
	height: 170px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/btn_ITCloudSupport01.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Btn_wrap_ITCloudSupportLink a:link {
	display: block ;
	width: 100% ;
	height: 170px ;
	text-decoration: none ;
	color: #FFF ;
}
.joc_Btn_wrap_ITCloudSupportLink a:hover {
	width: 100% ;
	height: 170px ;
	text-decoration: none ;
	background-image: url(../imgs/btn_ITCloudSupport01_on.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

@media screen and (max-width: 800px) {
.joc_Btn_wrap_ITCloudSupportLink {
	display: block ;
	width: auto ;
	height: 130px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/btn_ITCloudSupport01.png) ;
	background-size: contain ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Btn_wrap_ITCloudSupportLink a:link {
	display: block ;
	width: 100% ;
	height: 170px ;
	text-decoration: none ;
	color: #FFF ;
}
.joc_Btn_wrap_ITCloudSupportLink a:hover {
	width: 100% ;
	height: 130px ;
	text-decoration: none ;
	background-image: url(../imgs/btn_ITCloudSupport01_on.png) ;
	background-size: contain ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
}

.joc_Btn_wrap_ITCloudSupportLink2 {
	display: block ;
	width: auto ;
	height: 205px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/btn_ITCloudSupport02.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Btn_wrap_ITCloudSupportLink2 a:link {
	display: block ;
	width: 100% ;
	height: 205px ;
	text-decoration: none ;
	color: #FFF ;
}
.joc_Btn_wrap_ITCloudSupportLink2 a:hover {
	width: 100% ;
	height: 205px ;
	text-decoration: none ;
	background-image: url(../imgs/btn_ITCloudSupport02_on.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

@media screen and (max-width: 800px) {
.joc_Btn_wrap_ITCloudSupportLink2 {
	display: block ;
	width: auto ;
	height: 150px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/btn_ITCloudSupport02.png) ;
	background-size: contain ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Btn_wrap_ITCloudSupportLink2 a:link {
	display: block ;
	width: 100% ;
	height: 150px ;
	text-decoration: none ;
	color: #FFF ;
}
.joc_Btn_wrap_ITCloudSupportLink2 a:hover {
	width: 100% ;
	height: 150px ;
	text-decoration: none ;
	background-image: url(../imgs/btn_ITCloudSupport02_on.png) ;
	background-size: contain ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
}

.joc_img_wrap_ITCloudSupportTop {
	display: block ;
	width: auto ;
	height: 250px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/img_ITCloudSupportTop.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

@media screen and (max-width: 800px) {
.joc_img_wrap_ITCloudSupportTop {
	display: block ;
	width: 100% ;
	height: 200px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/img_ITCloudSupportTop.png) ;
	background-size: contain ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
}

.joc_text_wrap_ITCloudSupportTop {
	display: block ;
	width: auto ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: -120px ;
}

@media screen and (max-width: 800px) {
.joc_text_wrap_ITCloudSupportTop {
	display: block ;
	width: auto ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: -80px ;
}
}

.joc_img_wrap_ITCloudSupportTop02 {
	display: block ;
	width: 100% ;
	height: 390px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/img_ITCloudSupportTop02.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	/*overflow: hidden ;*/
}

@media screen and (max-width: 800px) {
.joc_img_wrap_ITCloudSupportTop02 {
	display: block ;
	width: 100% ;
	height: 200px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/img_ITCloudSupportTop02.png) ;
	background-size: contain ;
	background-position: center ;
	background-repeat: no-repeat ;
	/*overflow: hidden ;*/
}
}

.joc_line5px_ITCloudSupport {
	display: block ;
	width: 100% ;
	height: 0 ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 3px ;
	margin-bottom: 3px ;
	border-bottom: solid 5px #91CBCC ;
}

.joc_text_ITCloudSupport1 {
	display: block ;
	width: auto ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 2.1rem ;
	font-weight: bold ;
	text-align: center ;
}

.joc_text_ITCloudSupport2 {
	display: block ;
	width: auto ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 1.2rem ;
	text-align: center ;
}

.joc_FlexContainer_ITCloudSupportBox {
	display: flex ;
	flex-wrap: wrap ;
	width: 100% ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
}

.joc_FlexContainer_ITCloudSupportBox3col {
	display: block ;
	width: 33% ;
	min-width: 220px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	margin-bottom: 30px ;
}

@media screen and (max-width: 800px) {
.joc_FlexContainer_ITCloudSupportBox3col {
	display: block ;
	width: 100% ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	margin-bottom: 30px ;
}
}

.joc_FlexContainer_ITCloudSupportTitleTextBox {
	display: block ;
	width: 100% ;
	height: 30px ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 1.2rem ;
	font-weight: bold ;
	text-align: center ;
}

.joc_FlexContainer_ITCloudSupportContsTextBox {
	display: block ;
	width: 100% ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 20px ;
	font-size: 0.8rem ;
	text-align: left ;
}

.joc_ico_wrap_ITCloudSupportPoint1 {
	display: block ;
	width: 100% ;
	height: 25px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/ico_ITCloudSupport_Point1.jpg) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_ico_wrap_ITCloudSupportPoint2 {
	display: block ;
	width: 100% ;
	height: 25px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/ico_ITCloudSupport_Point2.jpg) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_ico_wrap_ITCloudSupportPoint3 {
	display: block ;
	width: 100% ;
	height: 25px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../imgs/ico_ITCloudSupport_Point3.jpg) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

/* HOME(index)-2023.08.27追加コンテンツ
-------------------------- */
/*
.joc_ServiceCate_WrapContainer {
	display: flex ;
	flex-wrap: wrap ;
	justify-content: center ;
	width: 100% ;
	height: auto ;
}
*/

.joc_Icon_ServiveCate_Middle {
	display: block ;
	width: 180px ;
	height: 150px ;
	margin: 15px ;
	background-image: url(../../img/icon_Outsrg_Middle.jpg) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Icon_ServiveCate_Middle a:link {
	display: block ;
	width: 180px ;
	height: 150px ;
	text-decoration: none ;
}
.joc_Icon_ServiveCate_Middle a:hover {
	text-decoration: none ;
	background: url(../../img/icon_Outsrg_Middle_on.jpg) ;
}

.joc_Icon_ServiveCate_Pub {
	display: block ;
	width: 180px ;
	height: 150px ;
	margin: 15px ;
	background-image: url(../../img/icon_Outsrg_Pub.jpg) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Icon_ServiveCate_Pub a:link {
	display: block ;
	width: 180px ;
	height: 150px ;
	text-decoration: none ;
}
.joc_Icon_ServiveCate_Pub a:hover {
	text-decoration: none ;
	background: url(../../img/icon_Outsrg_Pub_on.jpg) ;
}

.joc_Icon_ServiveCate_Cloud {
	display: block ;
	width: 180px ;
	height: 150px ;
	margin: 15px ;
	background-image: url(../../img/icon_Outsrg_Cloud.jpg) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Icon_ServiveCate_Cloud a:link {
	display: block ;
	width: 180px ;
	height: 150px ;
	text-decoration: none ;
}
.joc_Icon_ServiveCate_Cloud a:hover {
	text-decoration: none ;
	background: url(../../img/icon_Outsrg_Cloud_on.jpg) ;
}

/* HOME(index)-2024.12.29追加コンテンツ
-------------------------- */
.joc_ServiceCate_WrapContainer {
	display: flex ;
	flex-wrap: wrap ;
	justify-content: center ;
	width: 100% ;
	height: auto ;
}

.joc_Icon_ServiveCate_CompanyService {
	display: block ;
	width: 285px ;
	height: 150px ;
	margin: 15px ;
	background-image: url(../../img/icon_CompanyService.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Icon_ServiveCate_CompanyService a:link {
	display: block ;
	width: 285px ;
	height: 150px ;
	text-decoration: none ;
}
.joc_Icon_ServiveCate_CompanyService a:hover {
	text-decoration: none ;
	background: url(../../img/icon_CompanyService_on.png) ;
}

.joc_Icon_ServiveCate_AccountingFirm {
	display: block ;
	width: 285px ;
	height: 150px ;
	margin: 15px ;
	background-image: url(../../img/icon_AccountingFirm.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Icon_ServiveCate_AccountingFirm a:link {
	display: block ;
	width: 285px ;
	height: 150px ;
	text-decoration: none ;
}
.joc_Icon_ServiveCate_AccountingFirm a:hover {
	text-decoration: none ;
	background: url(../../img/icon_AccountingFirm_on.png) ;
}

@media screen and (max-width: 800px) {
.joc_Icon_ServiveCate_CompanyService {
	display: block ;
	width: 285px ;
	height: 150px ;
	margin: 15px ;
	background-image: url(../../img/icon_CompanyService.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Icon_ServiveCate_CompanyService a:link {
	display: block ;
	width: 285px ;
	height: 150px ;
	text-decoration: none ;
}
.joc_Icon_ServiveCate_CompanyService a:hover {
	text-decoration: none ;
	background: url(../../img/icon_CompanyService_on.png) ;
}

.joc_Icon_ServiveCate_AccountingFirm {
	display: block ;
	width: 285px ;
	height: 150px ;
	margin: 15px ;
	background-image: url(../../img/icon_AccountingFirm.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Icon_ServiveCate_AccountingFirm a:link {
	display: block ;
	width: 285px ;
	height: 150px ;
	text-decoration: none ;
}
.joc_Icon_ServiveCate_AccountingFirm a:hover {
	text-decoration: none ;
	background: url(../../img/icon_AccountingFirm_on.png) ;
}
}


/* Company-2023.08.27追加コンテンツ
-------------------------- */
.joc_SNSIcon_WrapContainer {
	display: flex ;
	flex-wrap: wrap ;
	justify-content: center ;
	width: 100% ;
	height: auto ;
}

.joc_Icon_SNS_X {
	display: block ;
	width: 300px ;
	height: 100px ;
	margin: 15px ;
	background-image: url(../../img/icon_SNS_X.jpg) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Icon_SNS_X a:link {
	display: block ;
	width: 300px ;
	height: 100px ;
	text-decoration: none ;
}
.joc_Icon_SNS_X a:hover {
	text-decoration: none ;
	background: url(../../img/icon_SNS_X_on.jpg) ;
}

.joc_Icon_SNS_note {
	display: block ;
	width: 300px ;
	height: 100px ;
	margin: 15px ;
	background-image: url(../../img/icon_SNS_note.jpg) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
.joc_Icon_SNS_note a:link {
	display: block ;
	width: 300px ;
	height: 100px ;
	text-decoration: none ;
}
.joc_Icon_SNS_note a:hover {
	text-decoration: none ;
	background: url(../../img/icon_SNS_note_on.jpg) ;
}

/* Company-2023.11.01追加コンテンツ
-------------------------- */
.joc_ExecutiveComment_WrapContainer {
	display: block ;
	width: 100% ;
	height: auto ;
	font-size: 1.2em ;
	text-align: left ;
	line-height: 2.0em ;
}

/* service_cloud-2023.11.01追加コンテンツ
-------------------------- */
.joc_priceTable_WrapContainer {
	display: block ;
	width: 100% ;
	height: auto ;
	font-size: 1.2em ;
}

.joc_priceTable_WrapContainer th#ToolCate {
	width: 28% ;
	height: 40px ;
	padding: 10px ;
	border-left: 2px #37A6A7 solid ;
	border-right: 2px #37A6A7 solid ;
	border-top: 2px #37A6A7 solid ;
	border-bottom: 2px #37A6A7 solid ;
	text-align: center ;
	vertical-align: middle ;
	background-color: #B3E0E0 ;
	color: #000000 ;
}
.joc_priceTable_WrapContainer th#Price {
	width: 20% ;
	height: 40px ;
	padding: 10px ;
	border-right: 2px #37A6A7 solid ;
	border-top: 2px #37A6A7 solid ;
	border-bottom: 2px #37A6A7 solid ;
	text-align: center ;
	vertical-align: middle ;
	background-color: #B3E0E0 ;
	color: #000000 ;
}
.joc_priceTable_WrapContainer th#ServiceChk {
	width: 13% ;
	height: 40px ;
	padding: 10px ;
	border-right: 2px #37A6A7 solid ;
	border-top: 2px #37A6A7 solid ;
	border-bottom: 2px #37A6A7 solid ;
	text-align: center ;
	vertical-align: middle ;
	background-color: #B3E0E0 ;
	color: #000000 ;
}
.joc_priceTable_WrapContainer td#ToolCate {
	padding: 10px ;
	border-left: 2px #37A6A7 solid ;
	border-right: 2px #37A6A7 solid ;
	border-bottom: 2px #37A6A7 solid ;
	text-align: center ;
	vertical-align: middle ;
	background-color: #FFFFFF ;
	color: #000000 ;
}
.joc_priceTable_WrapContainer td {
	padding: 10px ;
	border-right: 2px #37A6A7 solid ;
	border-bottom: 2px #37A6A7 solid ;
	text-align: center ;
	vertical-align: middle ;
	background-color: #FFFFFF ;
	color: #000000 ;
}

/* service-2023.11.01追加コンテンツ
-------------------------- */
.joc_ServicePricetext {
	display: block ;
	font-size: 1.2em ;
}

/* 企業向けサービス(service)-2024.12.29追加コンテンツ
-------------------------- */
.joc_Wrap_OyakudachiBox {
	display: flex ;
	flex-wrap: wrap ;
	justify-content: space-between ;
	max-width: 550px ;
	min-width: 550px ;
	height: auto ;
	min-height: 50px ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 50px ;
	margin-bottom: 50px ;
}

.joc_Icon_Good {
	display: block ;
	width: 115px ;
	height: 85px ;
	background-image: url(../../img/icon_Good.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_OyakudachiTextBox {
	display: block ;
	width: 430px ;
	height: auto ;
	font-size: 24px ;
    line-height: 140% ;
	color: #000 ;
	font-weight: bold ;
}

.joc_Wrap_OyakudachiLargeText {
	font-size: 1.5em ;
	color: #37A6A7 ;
}

.joc_Wrap_GraphTitleTextBox {
	display: block ;
	width: 300px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	margin-bottom: 15px ;
	font-size: 20px ;
    line-height: 140% ;
	text-align: center ;
	color: #37A6A7 ;
	font-weight: 100 ;
}

.joc_Img_Graph {
	display: block ;
	width: 580px ;
	height: 250px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../../img/img_Graph.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_ProblemDefinitionTextBox1 {
	display: block ;
	width: 550px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 24px ;
    line-height: 200% ;
	color: #000 ;
	font-weight: bold ;
}

.joc_Wrap_ProblemDefinitionTextBox2 {
	display: block ;
	width: 550px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center ;
	font-size: 24px ;
	font-weight: bold ;
    line-height: 200% ;
	color: #000 ;
}

.joc_Img_ProblemDefinitionTextA {
	display: block ;
	width: 100% ;
	height: 100px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../../img/text_UnGoodTextA.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Img_ProblemDefinitionTextB {
	display: block ;
	width: 100% ;
	height: 150px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../../img/text_UnGoodTextB.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_ProblemDefinitionLargeText {
	font-size: 1.5em ;
	color: #EA322D ;
}

.joc_Wrap_ProblemDefinitionText_Center {
	display: block ;
	text-align: center ;
}

.joc_Wrap_ProblemDefinitionText_LeftMargin {
	position: absolute ;
	margin-left: 30px ;
	margin-top: -50px ;
}

.joc_Icon_UnGood {
	/*float: right ;*/
	display: block ;
	position: absolute ;
	width: 85px ;
	height: 75px ;
	/*margin-right: 20px ;*/
	margin-left: 450px ;
	margin-top: 60px ;
	background-image: url(../../img/icon_UnGood.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Icon_UnGoodSmallTextBox {
	display: flex ;
	flex-wrap: wrap ;
	justify-content: center ;
}

.joc_Icon_UnGoodSmall {
	display: block ;
	position: relative ;
	width: 40px ;
	height: 35px ;
	margin-top: 5px ;
	background-image: url(../../img/icon_UnGood_Small.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Icon_UnGoodSmall_Left {
	display: block ;
	position: relative ;
	width: 40px ;
	height: 35px ;
	margin-top: 5px ;
	margin-right: 5px ;
	background-image: url(../../img/icon_UnGood_Small.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
	transform: scale(-1, 1) ;
}

.joc_Wrap_DotLineOmakaseBox {
	display: flex ;
	flex-direction: column ;
	position: relative ;
	width: 600px ;
	height: auto ;
	min-height: 200px ;
	margin-left: auto ;
	margin-right: auto ;
	border: 7px dotted #37A6A7 ;
	border-radius: 20px ;
	font-size: 24px ;
	z-index: 1 ;
}

.joc_img_Omakase {
	display: block ;
	width: 450px ;
	height: 90px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../../img/img_Omakase01.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_OmakaseTextBox {
	display: flex ;
	justify-content: flex-end ;
	width: 550px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 10px ;
	margin-bottom: 10px ;
	font-size: 20px ;
    line-height: 140% ;
	/*color: #000 ;*/
}

.joc_OmakaseDotTextBox {
	display: block ;
	width: 20px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 20px ;
    line-height: 140% ;
	/*color: #000 ;*/
}

.joc_OmakaseMainTextBox {
	display: block ;
	width: 525px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 20px ;
    line-height: 140% ;
	/*color: #000 ;*/
}

.joc_OmakaseMainTextBox_Large {
	display: block ;
	width: 525px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: right ;
	font-size: 24px ;
    line-height: 140% ;
	color: #37A6A7 ;
}

@media screen and (max-width: 800px) {
.joc_Wrap_OyakudachiBox {
	/*float: left ;*/
	/*display: flex ;*/
	/*flex-wrap: wrap ;*/
	/*justify-content: space-between ;*/
	width: 100% ;
	/*width: 100% ;*/
	max-width: 600px ;
	min-width: 280px ;
	height: auto ;
	min-height: 50px ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 50px ;
	margin-bottom: 50px ;
	overflow: hidden ;
}

.joc_Icon_Good {
	display: block ;
	position: relative ;
	/*width: 65px ;
	height: 48px ;*/
	width: 115px ;
	height: 85px ;
	/*background-image: url(../../img/icon_Good_sp.png) ;*/
	background-image: url(../../img/icon_Good.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_OyakudachiTextBox {
	float: left ;
	display: block ;
	width: 100% ;
	min-width: 200px ;
	height: auto ;
	font-size: 20px ;
    line-height: 140% ;
	color: #000 ;
	font-weight: bold ;
}

.joc_Img_Graph {
	display: block ;
	/*width: 320px ;
	height: 138px ;*/
	width: 100% ;
	min-width: 320px ;
	height: auto ;
	min-height: 138px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../../img/img_Graph_sp.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_ProblemDefinitionTextBox1 {
	display: block ;
	width: 100% ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center ;
	font-size: 20px ;
    line-height: 200% ;
	color: #000 ;
	font-weight: bold ;
	overflow: hidden ;
}

.joc_Wrap_ProblemDefinitionTextBox2 {
	display: block ;
	width: 100% ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center ;
	font-size: 20px ;
	font-weight: bold ;
    line-height: 200% ;
	color: #000 ;
	overflow: hidden ;
}

.joc_Img_ProblemDefinitionTextA {
	display: block ;
	width: 100% ;
	height: 65px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../../img/text_UnGoodTextA_sp.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Img_ProblemDefinitionTextB {
	display: block ;
	width: 100% ;
	height: 100px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../../img/text_UnGoodTextB_sp.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_ProblemDefinitionLargeText {
	font-size: 1.3em ;
	color: #EA322D ;
}

.joc_Wrap_ProblemDefinitionText_Center {
	display: block ;
	text-align: center ;
}

.joc_Wrap_ProblemDefinitionText_LeftMargin {
	display: block ;
	text-align: center ;
	/*position: absolute ;*/
	/*margin-left: 0px ;*/
	margin-top: -50px ;
}

.joc_Icon_UnGood {
	/*float: right ;*/
	display: block ;
	position: absolute ;
	/*position: relative ;*/
	width: 50px ;
	height: 44px ;
	/*margin-right: 20px ;*/
	margin-left: 270px ;
	margin-top: 25px ;
	background-image: url(../../img/icon_UnGood_sp.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_DotLineOmakaseBox {
	display: flex ;
	flex-direction: column ;
	position: relative ;
	width: 100% ;
	height: auto ;
	min-height: 200px ;
	margin-left: auto ;
	margin-right: auto ;
	border: 7px dotted #37A6A7 ;
	border-radius: 20px ;
	font-size: 24px ;
	z-index: 1 ;
	overflow: hidden ;
}

.joc_Wrap_OmakaseTextBox {
	display: flex ;
	justify-content: flex-end ;
	width: 90% ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 10px ;
	margin-bottom: 10px ;
	font-size: 20px ;
    line-height: 140% ;
	/*color: #000 ;*/
}

.joc_img_Omakase {
	display: block ;
	width: 320px ;
	height: 64px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../../img/img_Omakase01_sp.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}
}


/* 会計事務所様向けサービス(accountingfirm)-2024.12.29追加コンテンツ
-------------------------- */
.joc_Wrap_h3AccountingFirm {
    font-size: 34px ;
    line-height: 140% ;
	font-family: 'Noto Sans Japanese',sans-serif ;
	color: #37A6A7 ;
	margin-bottom: 30px ;
	border-bottom: none ;
	text-align: center ;
	display: block ;
}

.joc_Wrap_ProblemBox {
	display: flex ;
	flex-wrap: wrap ;
	justify-content: space-between ;
	max-width: 500px ;
	min-width: 500px ;
	height: auto ;
	min-height: 50px ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 15px ;
	margin-bottom: 15px ;
}

.joc_Icon_Uzumaki {
	display: block ;
	width: 45px ;
	height: 45px ;
	background-image: url(../../img/icon_Uzumaki.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_ProblemTextBox {
	display: block ;
	width: 450px ;
	height: auto ;
    font-size: 20px ;
    line-height: 140% ;
	color: #000 ;
}

.joc_Wrap_ProblemText_etc {
	float: right ;
	display: block ;
	width: auto ;
	height: auto ;
    font-size: 20px ;
    line-height: 140% ;
	color: #7F7F7F ;
}

.joc_img_Oyakudachi {
	display: block ;
	width: 520px ;
	height: 110px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../../img/img_Oyakudachi01.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_DotLineContsBox {
	display: flex ;
	justify-content: center ;
	align-items: center ;
	position: relative ;
	width: 600px ;
	height: auto ;
	min-height: 200px ;
	margin-left: auto ;
	margin-right: auto ;
	border: 7px dotted #37A6A7 ;
	border-radius: 20px ;
	font-size: 24px ;
	z-index: 1 ;
}

.joc_Wrap_DotLineContsTextBox {
	display: block ;
	width: 90% ;
	height: 90% ;
	margin: 3% ;
	font-size: 0.95em ;
	line-height: 140% ;
	color: #000 ;
}

.joc_Wrap_DotLineContsLargeText {
	font-size: 1.5em ;
	color: #37A6A7 ;
}

table {
	position: relative ;
	width: 600px ;
	margin-top: -4px ;
	margin-left: auto ;
	margin-right: auto ;
	border-collapse:  collapse; /* セルの線を重ねる */
	font-size: 15px ;
	text-align: center ;
	z-index: 0 ;
}

td {
	width: 300px ;
	height: 60px ;
	border: solid 2px #37A6A7;  /* 枠線指定 */
	padding: 10px;      /* 余白指定 */
	background-color: #CEEAE8 ;
	vertical-align: middle ;
	font-weight: bold ;
}

th {
	width: 300px ;
	height: 60px ;
	border: solid 2px #37A6A7;  /* 枠線指定 */
	padding: 10px;      /* 余白指定 */
	background-color: #FFF ;
	vertical-align: middle ;
	font-weight: 100 ;
}

.joc_Wrap_NotLineTextBox {
	display: block ;
	width: 600px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 24px ;
	font-weight: bold ;
}

.joc_Wrap_NotLineTextBox2 {
	display: block ;
	width: 600px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 24px ;
	font-weight: 100 ;
}

.joc_DotLine {
	display: block ;
	width: 600px ;
	height: 0 ;
	margin-top: 50px ;
	margin-bottom: 50px ;
	margin-left: auto ;
	margin-right: auto ;
	border-bottom: 7px dotted #37A6A7 ;
}

@media screen and (max-width: 800px) {
.joc_Wrap_ProblemBox {
	display: flex ;
	flex-wrap: wrap ;
	justify-content: space-between ;
	width: 100% ;
	/*max-width: 600px ;*/
	min-width: 350px ;
	height: auto ;
	min-height: 50px ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 15px ;
	margin-bottom: 15px ;
}

.joc_img_Oyakudachi {
	display: block ;
	width: 320px ;
	height: 68px ;
	margin-left: auto ;
	margin-right: auto ;
	background-image: url(../../img/img_Oyakudachi01_sp.png) ;
	background-position: center ;
	background-repeat: no-repeat ;
	overflow: hidden ;
}

.joc_Wrap_DotLineContsBox {
	display: flex ;
	justify-content: center ;
	align-items: center ;
	position: relative ;
	width: 100% ;
	max-width: 600px ;
	height: auto ;
	min-height: 200px ;
	margin-left: auto ;
	margin-right: auto ;
	border: 7px dotted #37A6A7 ;
	border-radius: 20px ;
	font-size: 20px ;
	z-index: 1 ;
}

.joc_Wrap_DotLineContsLargeText {
	font-size: 1.3em ;
	color: #37A6A7 ;
}

table {
	position: relative ;
	width: 100% ;
	max-width: 600px ;
	margin-top: -4px ;
	margin-left: 7px ;
	margin-right: auto ;
	border-collapse:  collapse; /* セルの線を重ねる */
	font-size: 15px ;
	text-align: center ;
	z-index: 0 ;
}

td {
	width: 50% ;
	height: 60px ;
	border: solid 2px #37A6A7;  /* 枠線指定 */
	padding: 10px;      /* 余白指定 */
	background-color: #CEEAE8 ;
	vertical-align: middle ;
	font-weight: bold ;
}

th {
	width: 50% ;
	height: 60px ;
	border: solid 2px #37A6A7;  /* 枠線指定 */
	padding: 10px;      /* 余白指定 */
	background-color: #FFF ;
	vertical-align: middle ;
	font-weight: 100 ;
}

.joc_Wrap_NotLineTextBox {
	display: block ;
	width: 100% ;
	max-width: 600px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 20px ;
	font-weight: bold ;
}

.joc_Wrap_NotLineTextBox2 {
	display: block ;
	width: 100% ;
	max-width: 600px ;
	height: auto ;
	margin-left: auto ;
	margin-right: auto ;
	font-size: 20px ;
	font-weight: 100 ;
}

.joc_DotLine {
	display: block ;
	width: 100% ;
	max-width: 600px ;
	height: 0 ;
	margin-top: 50px ;
	margin-bottom: 50px ;
	margin-left: auto ;
	margin-right: auto ;
	border-bottom: 7px dotted #37A6A7 ;
}
}


/* スペーサー系
-------------------------- */
.spacer05px {
	width: 100% ;
	height: 5px ;
	clear: both ;
}
.spacer10px {
	width: 100% ;
	height: 10px ;
	clear: both ;
}
.spacer15px {
	width: 100% ;
	height: 15px ;
	clear: both ;
}
.spacer17px {
	width: 100% ;
	height: 17px ;
	clear: both ;
}
.spacer20px {
	width: 100% ;
	height: 20px ;
	clear: both ;
}
.spacer20px_nonind {
	width: 100% ;
	height: 20px ;
}
.spacer25px {
	width: 100% ;
	height: 25px ;
	clear: both ;
}
.spacer30px {
	width: 100% ;
	height: 30px ;
	clear: both ;
}
.spacer40px {
	width: 100% ;
	height: 40px ;
	clear: both ;
}
.spacer45px {
	width: 100% ;
	height: 45px ;
	clear: both ;
}
.spacer50px {
	width: 100% ;
	height: 50px ;
	clear: both ;
}
.spacer60px {
	width: 100% ;
	height: 60px ;
	clear: both ;
}
.spacer70px {
	width: 100% ;
	height: 70px ;
	clear: both ;
}
.spacer75px {
	width: 100% ;
	height: 75px ;
	clear: both ;
}
.spacer75pxNonLF {
	width: 100% ;
	height: 75px ;
}
.spacer80px {
	width: 100% ;
	height: 80px ;
	clear: both ;
}
.spacer90px {
	width: 100% ;
	height: 90px ;
	clear: both ;
}
.spacer100px {
	width: 100% ;
	height: 100px ;
	clear: both ;
}
.spacer120px {
	width: 100% ;
	height: 120px ;
	clear: both ;
}
.spacer130px {
	width: 100% ;
	height: 130px ;
	clear: both ;
}
.spacer150px {
	width: 100% ;
	height: 150px ;
	clear: both ;
}
.spacer200px {
	width: 100% ;
	height: 200px ;
	clear: both ;
}
.spacer230px {
	width: 100% ;
	height: 230px ;
	clear: both ;
}
.spacer250px {
	width: 100% ;
	height: 250px ;
	clear: both ;
}
.spacer300px {
	width: 100% ;
	height: 300px ;
	clear: both ;
}
.spacer350px {
	width: 100% ;
	height: 350px ;
	clear: both ;
}
.spacer400px {
	width: 100% ;
	height: 400px ;
	clear: both ;
}
.spacer650px {
	width: 100% ;
	height: 650px ;
	clear: both ;
}