@charset "UTF-8";

@import url(base.css);
@import url(color.css);

img {
	display: inline-block;
	max-width:100%;
	max-height: 100%;vertical-align: bottom;}

html {
    scroll-padding-top: 135px; /* 固定ヘッダの高さ分 */}

.sp,.pc845 {
	display: none !important;}

p {
    font-size: 100%;
    line-height: 1.4em;
    padding: 0;}

/*-------------------------------------------------
	++ BANNER
-------------------------------------------------*/
.Top_Banner {
    position: fixed;
    top: 250px;
    right: 0px;
	z-index:9999999999;}

.banner_contact {
	width: 90px;
	position: relative;
	background: #07913b url("../../../images/2021/icon_contact.svg") no-repeat center 5px;
	background-size: 75%;
	margin-bottom: 5px;}
.banner_seminar {
	width: 90px;
	position: relative;
	background: #ff8201 url("../../../images/2021/icon_seminar.svg") no-repeat center top;
	background-size: 80%;
	margin-bottom: 5px;}
.banner_trial {
	width: 90px;
	position: relative;
	background: #0095e5 url("../../../images/2021/icon_trial.svg") no-repeat center top;
	background-size: 85%;
	margin-bottom: 5px;}
.banner_books {
	width: 90px;
	position: relative;
	background: #d646ff url("../../../images/2021/icon_books.svg") no-repeat center -5px;
	background-size: 80%;
	margin-bottom: 5px;}
.banner_news {
	width: 90px;
	position: relative;
	background: #fe0000 url("../../../images/2021/icon_news.svg") no-repeat center -5px;
	background-size: 80%;
	margin-bottom: 5px;}
.banner_mynavi {
	width: 90px;
	position: relative;
	background: #07913b url("../../../images/2021/icon_mynavi.svg") no-repeat center -5px;
	background-size: 80%;
	margin-bottom: 5px;}

.banner_contact span,
.banner_seminar span,
.banner_trial span,
.banner_books span,
.banner_news span,
.banner_mynavi span {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	text-align: center;
	margin: 0 auto;}

.banner_contact a,
.banner_seminar a,
.banner_trial a,
.banner_books a,
.banner_news a,
.banner_mynavi a {
	height: 80px;
	display: block;
	color: #FFFFFF;
	font-size: 75%;
	line-height: 1.3em;
	text-align: center;}

@media screen and (max-width: 1100px)  {
.Top_Banner {
	display: none;}
}

/*-------------------------------------------------
	++ container
-------------------------------------------------*/
#container {
	margin:0 auto;
	text-align: center;
	position:relative;
	min-width:1200px;}
.cInner {
	display:block;
	clear:both;
	width:1000px;
    padding: 40px 0;
	margin:0 auto;
	text-align: left;}
.cInner2 {
	display:block;
	clear:both;
	width:1100px;
    padding: 40px 0;
	margin:0 auto;
	text-align: left;}

/*@media screen and (max-width: 1250px)  {
	#container,
	.cInner,
	.cInner2 {
		width:98%;
		margin: 0 auto;}
}*/

/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#header {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 9999;
	height:75px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;}

#logo {
	flex-grow: 1;
    margin-left: 2%;}
#snsArea {
    flex-grow: 3;}
#snsArea ul {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;}
#snsArea li {
	text-align: center;
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;}
#snsArea li.tel {
    width: 210px;}
#snsArea li.mail {
    width: 190px;}
#snsArea li.icon {
    width: 40px;}
#snsArea li.Partner {
    width: 120px;}

@media screen and (max-width: 1070px)  {
#logo {
    width: 30%;}
#snsArea li.tel {
    width: 170px;}
#snsArea li.mail {
    width: 140px;}
#snsArea li.icon {
    width: 30px;}
#snsArea li.Partner {
    width: 90px;}
}
@media screen and (max-width: 845px)  {

.pc {
	display: none !important;}
.pc845 {
	display: block !important;}
#snsArea li.mail {
    width: 30px;}
}

#fullscreenmenu {
    width: 80px;
    height: 75px;}
#nav-toggle {
    position: fixed;
    top: 20px;
    right: 15px;
    height: 50px;
    width: 50px;
    cursor: pointer;}
#nav-toggle > div {
    position: relative;
    width: 50px;}
#nav-toggle span {
    width: 100%;
    height: 1px;
    left: 0;
    display: block;
    background: #FFFFFF;
    position: absolute;
    transition: transform 0.6s ease-in-out, top 0.5s ease;}
#nav-toggle span:nth-child(1) {
    top: 0;}
#nav-toggle span:nth-child(2) {
    top: 15px;}
#nav-toggle span:nth-child(3) {
    top: 30px;}

.open #nav-toggle span {
    background: #FFFFFF;}
.open #nav-toggle span:nth-child(1) {
    top: 15px;
    transform: rotate(45deg);}
.open #nav-toggle span:nth-child(2) {
    top: 14px;
    width: 0;
    left: 50%;}
.open #nav-toggle span:nth-child(3) {
    top: 15px;
    transform: rotate(-45deg);}

#gloval-nav {
    position: fixed;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 130px;
    padding: 5% 10%;
    font-size: 20px;
    transform: translateX(-100%);
    transition: opacity 0.6s ease, visibility 0.6s ease;
    overflow: hidden;
    overflow-y: scroll;}
#gloval-nav a {
    display: block;
    color: #fff;
    padding: 10px 0;
    transition: color 0.6s ease;}
#gloval-nav ul li {
    opacity: 0;
    transform: translateX(0px);
    transition: transform 0.6s ease, opacity 0.2s ease;}

/* open */
.open {
    overflow: hidden;}
.open #gloval-nav {
    visibility: visible;
    transform: translateX(0);
    transition: transform 0.6s;}
.open #gloval-nav li {
    width: 42%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    opacity: 1;}
.sub_list {
    width: 100%;
    margin: 0;}
.sub_list a {
    font-size: 100%;
    font-weight: 500;
    letter-spacing: 0.1em;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    background: url("../../../images/2022/addon/icon_arrowW.svg") no-repeat right 10px center;
    background-size: 2%;
    border-bottom: solid 1px rgba(255,255,255,0.8);}
.sub_list2 {
    width: 100%;
    margin: 0;
    text-indent: 1em;}
.sub_list2 a {
    font-size: 85%;
    font-weight: 500;
    letter-spacing: 0.1em;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    background: url("../../../images/2022/addon/icon_arrowW.svg") no-repeat right 10px center;
    background-size: 2%;
    border-bottom: solid 1px rgba(255,255,255,0.8);}
.sub_list a.link {
    background: url("../../../images/2022/addon/icon_Link.svg") no-repeat right 10px center;
    background-size: 4%;}
.sub_list a:link,.sub_list a:visited,.sub_list2 a:link,.sub_list2 a:visited {color:#ffffff;text-decoration:none;}
.sub_list a:hover,.sub_list a:active,.sub_list2 a:hover,.sub_list2 a:active {color:#ffffff;text-decoration:none;}

#nav-toggle {
    z-index: 100;}
#gloval-nav {
    z-index: 10;}


/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#header2024 {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 9999;
	height: 135px;
    background-color: #ffffff;}
.headerInner2024 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    min-height:75px;}

#logo2024 {
	flex-grow: 1;
    margin-left: 2%;}
#snsArea2024 {
    flex-grow: 3;
    margin-right: 2%;}
#snsArea2024 ul {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;}
#snsArea2024 li {
	text-align: center;
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;}
#snsArea2024 li.tel {
    width: 210px;}
#snsArea2024 li.mail {
    width: 190px;}
#snsArea2024 li.icon {
    width: 40px;}
#snsArea2024 li.Partner {
    width: 110px;
    margin: 5px 0;}

@media screen and (max-width: 1070px)  {
#logo2024 {
    width: 30%;}
#snsArea2024 li.tel {
    width: 170px;}
#snsArea2024 li.mail {
    width: 140px;}
#snsArea2024 li.icon {
    width: 30px;}
}
@media screen and (max-width: 845px)  {
.pc {
	display: none !important;}
.pc845 {
	display: block !important;}
#snsArea2024 li.mail {
    width: 30px;}
}

#fullscreenmenu2024,
#nav-toggle2024,
#gloval-nav2024 {
    display: none;}

#pcMenu2024 {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;}
#pcMenu2024 li {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 0 2px;
    line-height: 2em;
    display: inline-block;
    border-radius: 30px;}
#pcMenu2024 li a {
    display: block;
    color: #fff;
    font-size: 100%;
    padding: 0 30px;}
#pcMenu2024 li a:link,#pcMenu2024 li a:visited {color:#fff;text-decoration:none;}
#pcMenu2024 li a:hover,#pcMenu2024 li a:active {color:#fff;text-decoration:none;}

@media screen and (max-width: 1050px)  {
#pcMenu2024 li a {
    padding: 0 20px;}
}
@media screen and (max-width: 920px)  {
#pcMenu2024 li a {
    padding: 0 10px;
    font-size: 90%;}
}
@media screen and (max-width: 740px)  {
#pcMenu2024 li a {
    padding: 0 8px;
    margin: 0 0px;
    font-size: 80%;}
}

/*-------------------------------------------------
	++ title
-------------------------------------------------*/
#title {
	width: 100%;
    height: 450px;
    position: relative;}
.Google_Apps_SSO { background: url(../../../images/2022/addon/sso_main.jpg) no-repeat center bottom/ cover;}
.Cloud_file_server { background: url(../../../images/2022/addon/Cloud_file_server_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_Calendar { background: url(../../../images/2022/addon/Calendar_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_Address_book { background: url(../../../images/2022/addon/Addressbook_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_Workflow { background: url(../../../images/2022/addon/Workflow_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_Security_Browser { background: url(../../../images/2022/addon/Security_Browser_main.jpg) no-repeat center bottom/ cover;}
.G_Suite_Clientcertificate { background: url(../../../images/2022/addon/Clientcertificate_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_BBS { background: url(../../../images/2022/addon/BBS_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_Document_Management { background: url(../../../images/2022/addon/Document_Management_main.jpg) no-repeat center bottom/ cover;}
.G_Suite_GyomuDatabase { background: url(../../../images/2022/addon/GyomuDatabase_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_MyPortal_Gadget { background: url(../../../images/2022/addon/MyPortal_Gadget_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_CRM { background: url(../../../images/2022/addon/CRM_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_Memo { background: url(../../../images/2022/addon/Memo_main.jpg) no-repeat center bottom/ cover;}
.G_Suite_Kintaikanri_taimukado { background: url(../../../images/2022/addon/Kintaikanri_taimukado_main.jpg) no-repeat center bottom/ cover;}
.G_Suite_ELearning { background: url(../../../images/2022/addon/ELearning_main.jpg) no-repeat center bottom/ cover;}
.G_Suite_TatempoKanri { background: url(../../../images/2022/addon/TatempoKanri_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_Anpi { background: url(../../../images/2022/addon/Anpi_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_Form { background: url(../../../images/2022/addon/Form_main.jpg) no-repeat center bottom/ cover;}
.G_Suite_Fairutenso { background: url(../../../images/2022/addon/Fairutenso_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_Mail_Gososhinboushi { background: url(../../../images/2022/addon/Gososhinboushi_main.jpg) no-repeat center bottom/ cover;}
.G_Suite_SaisoshinMail { background: url(../../../images/2022/addon/SaisoshinMail_main.jpg) no-repeat center bottom/ cover;}
.Google_Workspace_QAChatbot { background: url(../../../images/2022/addon/Q&AChatbot_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_MapDB { background: url(../../../images/2022/addon/MapDB_main.jpg) no-repeat center bottom/ cover;}
.G_Suite_Shortcut { background: url(../../../images/2022/addon/Shortcut_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_Browser_Swith { background: url(../../../images/2022/addon/Browser_Swith_main.jpg) no-repeat center bottom/ cover;}
.Browser_Sagyokanshi { background: url(../../../images/2022/addon/Browser_Sagyokanshi_main.jpg) no-repeat center bottom/ cover;}
.Google_Apps_FileServer { background: url(../../../images/2022/addon/FileServer_main.jpg) no-repeat center bottom/ cover;}
.G_Suite_Nippokotsuhiseisan { background: url(../../../images/2022/addon/Nippokotsuhiseisan_main.jpg) no-repeat center bottom/ cover;}
.Arcserve { background: url(../../../images/2022/addon/Arcserve_main.jpg) no-repeat center bottom/ cover;}
.ActiveVaultSS { background: url(../../../images/2022/addon/ActiveVaultSS_main.jpg) no-repeat center bottom/ cover;}
.Lineworks_Task { background: url(../../../images/2022/addon/Lineworks_Task_main.jpg) no-repeat center bottom/ cover;}
.Lineworks_Chat_Fileserver { background: url(../../../images/2022/addon/Lineworks_Chat_Fileserver_main.jpg) no-repeat center bottom/ cover;}
.Lineworks_ThanksCard { background: url(../../../images/2022/addon/Lineworks_ThanksCard_main.jpg) no-repeat center bottom/ cover;}
.cloud_tel { background: url(../../../images/2022/addon/cloud_tel_main.jpg) no-repeat center bottom/ cover;}
.ManagementTools { background: url(../../../images/2022/addon/ManagementTools_main.jpg) no-repeat center bottom/ cover;}
.googlesite_icon { background: url(../../../images/2022/addon/googlesite_icon_main.jpg) no-repeat center bottom/ cover;}
.Chromebook_UsageTracking { background: url(../../../images/2022/addon/Chromebook_UsageTracking_main.jpg) no-repeat center bottom/ cover;}
.Google_Docs_Spreadsheets { background: url(../../../images/2022/addon/Google_Docs_Spreadsheets_main.jpg) no-repeat center bottom/ cover;}
.Lineworks_ManagementTools { background: url(../../../images/2022/addon/Lineworks_ManagementTools_main.jpg) no-repeat center bottom/ cover;}
.document_exchange { background: url(../../../images/2022/addon/document_exchange_main.jpg) no-repeat center bottom/ cover;}
.Chatbot_form { background: url(../../../images/2022/addon/Chatbot_form_main.jpg) no-repeat center bottom/ cover;}
.ProcessSidePanel { background: url(../../../images/2022/addon/ProcessSidePanel_main.jpg) no-repeat center bottom/ cover;}
.electronic_inkan { background: url(../../../images/2022/addon/electronic_inkan_main.jpg) no-repeat center bottom/ cover;}
.Speech_to_text { background: url(../../../images/2022/addon/Speech_to_text_main.jpg) no-repeat center bottom/ cover;}
.Managing_Chrome_tabs { background: url(../../../images/2022/addon/Managing_Chrome_tabs_main.jpg) no-repeat center bottom/ cover;}

.titleBox {
    width:1000px;
    margin: 0 auto;
    position: relative;}

h2 {
    text-align: center;
    margin: 0 auto;
    padding-top: 0.5em;
    color: #FFFFFF;
    font-size: 320%;
    line-height: 1.3em;
    text-shadow: 1px 1px 5px #595959, -1px 1px 5px #595959, 1px -1px 5px #595959, -1px -1px 5px #595959;}
h2 span {
    font-size: 60%;
    display: block;
    line-height: 1.5em;}
h2 em {
    font-size: 40%;
    display: block;
    line-height: 1.5em;
    padding-bottom: 0.8em;}

.title_icon {
    width: 130px;
    position: absolute;
    top: 30px;
    left: 0;}
.title_icon2 {
    width: 130px;
    position: absolute;
    top: 200px;
    left: 15px;}
.title_iconBest {
    width: 160px;
    position: absolute;
    top: 30px;
    left: 0;}
.title_icon img,
.title_icon2 img,
.title_iconBest img {
    width: 100%;}
.dairiten {
    position: absolute;
    top: 0;
    right: 0;}
.install {
    width: 700px;
    position: absolute;
    bottom: 0px;
    right: 0;
    text-align: center;
    margin: 0 auto;}
.install img:hover {
	opacity: 1;}
.patent {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 5px 30px;
    display: inline-table;
    margin: 0 auto;}

/*-------------------------------------------------
	++ SLIDER
-------------------------------------------------*/
#functionSlider {
    width: 100%;
    margin: 0 auto;}
.slider{
  	display: none;}
.slider.slick-initialized {
  	display: block;}
.slider li {
	position: relative;}
.slider li span {
    margin-top: 5px;}
.slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 5px;}

.slick-loading .slick-list {
    background: #fff url(../../../images/2022/addon/ajax-loader.gif) center center no-repeat;}

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
	left:50%;
    display: block;
    width: 34px;
    height: 58px;
	margin-top:-29px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index: 9;}
.slick-prev {
    background: url(../../../images/2022/addon/icon_arrowGL.svg) center center no-repeat;
    background-size: 65%;
	margin-left:-505px;}
.slick-next {
    background: url(../../../images/2022/addon/icon_arrowGR.svg) center center no-repeat;
    background-size: 65%;
	margin-left:473px;}

.slick-dots {
    display: block;
    width: 100%;
    padding: 5px 0 8px 0;
    margin: 0;
    list-style: none;
    text-align: center;}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
	background-color: #999999;
    border-radius: 10px;
    opacity:0.8;}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
	background-color: #e0e0e0;
    border-radius: 10px;}
.slick-dots li.slick-active {
	background-color:#999999;}
.slick-dots li.slick-active button {
	background-color:#999999;}

.inlineBox,
.inlineBox2 {
	width: 100%;
    padding: 2% 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
	margin: 0 auto;}
.inlineBox li {
    width: 320px;
	margin: 0 20px 20px 0;
    padding: 0;
    display: inline-block;}
.inlineBox li:nth-of-type(3n) {
	margin: 0 0 20px 0;}
.inlineBox2 li {
    width: 500px;
	margin: 0 auto 20px auto;
    padding: 0;
    display: inline-block;}
.inlineBox li span,
.inlineBox2 li span {
    text-align: left;
    font-size: 90%;}
.inlineBox li img,
.inlineBox2 li img {
    width: 100%;}

.tabs {
    margin-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    margin: 0 auto;}
.tab_item {
    width: calc(98%/2);
    background-color: #d9d9d9;
    line-height: 50px;
    font-size: 110%;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    margin-right: 1%;
    text-align: center;
    font-weight: normal;
    transition: all 0.2s ease;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}
.tab_item:hover {
    opacity: 0.9;}
input[name="tab_item"] {
    display: none;}
.tab_content {
    display: none;
    padding: 0;
    clear: both;
    overflow: hidden;}
#list:checked ~ #list_content,
#slide:checked ~ #slide_content {
    display: block;}
.tabs input:checked + .tab_item {
    color: #fff;}

/*-------------------------------------------------
	++ others
-------------------------------------------------*/
.starBox {
    width: 100%;
    background-color: #ffffe2;
    border-radius: 40px;
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-size: 100%;
    font-weight: bold;
    color: #07913b;
    margin-bottom: 10px;}
.star {
    color: #ffae00;
    font-size: 180%;
    padding-right: 0.2em;
    line-height: 1em;}
.starBox p {
    font-size: 100%;
    line-height: 1.7em;
    padding: 0;}

.WhatsNewBox{
    width: 100%;
    background-color: #ffffe2;
    border-radius: 20px;
    padding: 15px 20px;
    margin: 10px 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;}
.WhatsNewBox h4 {
    width: 100%;
    color: #FF0000 !important;
    font-size: 110%;
    padding: 0 0 5px 0;}
.WhatsNewTxt {
    width: 100%;
    padding-bottom: 0.5em;}
.WhatsNewTxt p {
/*    display: flex;*/
    font-size: 100%;
    line-height: 1.7em;
    padding: 0;
    margin-left: 2em;
    text-indent: -2em;}
.WhatsNewTxt p span {
/*    display: inline-block;*/
    color: #ffae00;
    font-size: 160%;
    padding: 0 0.2em 0 0;
    line-height: 1em;
    vertical-align: bottom;}


.serviceBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;}
.serviceIcon,
.serviceIcon2 {
    width: 130px;}
.serviceTxt {
    width: 850px;}

.introductionBox {
    width: 100%;
    border: 1px #cccccc solid;
    background-color: #ffffee;
    text-align: center;
    padding: 15px 10px;
    margin-top: 30px;
    color: #07913b;
    font-weight: bold;
    font-size: 120%;}

/* リンクグリーン */
.starBox a:link,.starBox a:visited,
.introductionBox a:link,.introductionBox a:visited {color:#07913b;text-decoration:underline;}
.starBox a:hover,.starBox a:active,
.introductionBox a:hover,.introductionBox a:active {color:#02b044;text-decoration:none;}

.btnBox {
    width: 70%;
    margin: 30px auto 5px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;}
.btnBox2 {
    width: 100%;
    margin: 10px auto 5px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
align-items: center;}
.btnBox3 {
    width: 70%;
    margin: 10px auto 5px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;}
.btnItem {
    border-radius: 50px;
    width: 250px;
    font-size: 100%;}
.btnItem2 {
    border-radius: 50px;
    width: 320px;
    font-size: 85%;}
.btnItem3 {
    border-radius: 50px;
    width: 400px;
font-size: 85%;}
.btnItem4 {
    border-radius: 50px;
    width: 245px;
    font-size: 85%;}
.btnItemGreen {
    border-radius: 50px;
    width: 300px;
    font-size: 100%;
background-color: #07913b;}
.btnItemGreen2 {
    border-radius: 50px;
    width: 400px;
    font-size: 100%;
    background-color: #07913b;}
.btnItem a,
.btnItem2 a,
.btnItem3 a,
.btnItem4 a{
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    padding: 8px 0;
    background: url("../../../images/2022/addon/icon_Link.svg") no-repeat right 20px center;
    background-size: 6%;}
.btnItemGreen a,
.btnItemGreen2 a {
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    padding: 8px 0;
    background: url("../../../images/2022/addon/icon_Link.svg") no-repeat right 20px center;
    background-size: 5%;}
.btnItem a:link,
.btnItem a:visited,
.btnItem2 a:link,
.btnItem2 a:visited,
.btnItem3 a:link,
.btnItem3 a:visited,
.installBtn a:link,
.installBtn a:visited,
.btnItemGreen a:link,
.btnItemGreen a:visited,
.btnItemGreen2 a:link,
.btnItemGreen2 a:visited,
.btnItem4 a:link,
.btnItem4 a:visited {text-decoration:none;}

.installBtn {
    background-color: #FF0000;
    margin: 30px auto 0 auto;
    border-radius: 50px;
    width: 600px;
    text-align: center;
    position: relative;}
.installBtn a {
    display: block;
    color: #FFF;
    line-height: 2.5em;
    font-size: 115%;
    font-weight: bold;}
.installBtn:before {
    content: '';
    width: 15px;
    height: 15px;
    border: 0;
    border-bottom: solid 4px #fff;
    border-right: solid 4px #fff;
    position: absolute;
    top: 38%;
    right: 5%;
    margin-top: -6px;
    transform: rotate(45deg);}

.btnBoxTI {
    width: 650px;
    margin: 50px auto 10px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.btnTtrial,
.btnInquiry,
.btnTtrial2,
.btnInquiry2 {
    width: 320px;
    position: relative;}
.btnTtrial a,
.btnTtrial2 a {
    display: block;
    background-color: #ff0000;
    border-radius: 50px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    font-size: 115%;
    line-height: 3em;}
.btnTtrial:before {
    content: '';
    width: 13px;
    height: 13px;
    border: 0;
    border-bottom: solid 3px #fff;
    border-right: solid 3px #fff;
    position: absolute;
    top: 42%;
    right: 5%;
    margin-top: -6px;
    transform: rotate(45deg);}
.btnInquiry a,
.btnInquiry2 a {
    display: block;
    background-color: #ff9000;
    border-radius: 50px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    font-size: 115%;
    line-height: 3em;}
.btnInquiry2:before {
    content: '';
    width: 13px;
    height: 13px;
    border: 0;
    border-bottom: solid 3px #fff;
    border-right: solid 3px #fff;
    position: absolute;
    top: 42%;
    right: 5%;
    margin-top: -6px;
    transform: rotate(45deg);}
.btnTtrial a:link,.btnTtrial a:visited,.btnTtrial a:hover,.btnTtrial a:active,
.btnInquiry a:link,.btnInquiry a:visited,.btnInquiry a:hover,.btnInquiry a:active,
.btnTtrial2 a:link,.btnTtrial2 a:visited,.btnTtrial2 a:hover,.btnTtrial2 a:active,
.btnInquiry2 a:link,.btnInquiry2 a:visited,.btnInquiry2 a:hover,.btnInquiry2 a:active {text-decoration:none;}

.privacyIT {
    color: #000000;
    font-size: 90%;
    text-align: center;
    margin: 5px auto 0 auto;}
.privacyIT a:link,.privacyIT a:visited {color: #000000;text-decoration:underline;}
.privacyIT a:hover,.privacyIT a:active {color: #000000;text-decoration:none;}

/* table */
.commonTbl table {
	width:100%;
	margin:0px auto 5px auto;}

.commonTbl table tr th,
.commonTbl table tr td {
	font-size: 90%;
	border:1px solid #ababab;
	padding:8px 5px;
	position:relative;
    font-weight: normal;
	vertical-align: middle;
    border-radius: 0px;}

.commonTbl table tr th {
    text-align: left;
    color: #FFFFFF;
    background-color: #34a851;}

.commonTbl table tr td {
    text-align: left;
    background-color: #FFFFFF;}



/* youtube/pdf */
.youtubeBox,
.pdfBox {
	width:800px;
	text-align:left;
	margin:0px auto 50px auto;}
.youtube {
	position:relative;
	padding-top:56.25%;
	overflow: hidden;
	border:5px #DBDBDB solid;
	margin:5px 0px;}
.pdf {
	position:relative;
	overflow: hidden;
	border:5px #DBDBDB solid;
	margin:5px 0px;
	height: 700px;}
.youtube iframe,
.pdf iframe {
	position:absolute;
	top:0;
	right:0;
	left:0;
	width:100%;
	height:100%;}
	
.manualBtn {
	width:80%;
	border-radius: 10px;
	padding:15px 0;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF6C00;
	line-height:1.3em;
	margin:0px auto;}
.manualBtn a{
	color:#FFFFFF;
	display:block;}
.manualBtn a:link,.manualBtn a:visited {color:#FFFFFF;text-decoration:none;}
.manualBtn a:hover,.manualBtn a:active {color:#ffeedf;text-decoration:none;}

.pdfTxtBox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;}
.pdfBtn {
    display: inline-block;
	border-radius: 20px;
	padding:0 20px;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF6C00;
	line-height:2.5em;
	margin:0 0 0 10px;}
.pdfBtn a{
	color:#FFFFFF;
	display:block;}
.pdfBtn a:link,.pdfBtn a:visited {color:#FFFFFF;text-decoration:none;}
.pdfBtn a:hover,.pdfBtn a:active {color:#ffeedf;text-decoration:none;}

.BtnPDF {
    margin: 20px auto;
    text-align: center;}

/* Q&A */
.qaContainer dt {
	padding: 10px 10px 10px 15px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 100%;}
.qaContainer dd {
	margin: 10px 0px 30px 0px;
    font-weight: normal;
    font-size: 100%;}

/* 提供方法/マニュアル */
.offercInner {
	display:block;
	clear:both;
	width:1000px;
    padding: 0;
	margin:0;
	text-align: left;}
.offerItem {
    width: 100%;
    margin: 0 auto;
    border-radius: 15px;
    border: 2px #ffad00 solid;
    background-color: #ffffe2;}
.offerBoxTtl {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffad00;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    line-height: 2em;
    border-radius: 10px 10px 0px 0px;}
.offerBoxInner {
    padding: 10px 15px;
    font-size: 90%;}

.listDisc,
.listDiscG {
	margin:0;}
.listDisc li {
	text-align: left;
	line-height: 1.5em;
	list-style-type:none;
	padding: 0 0 0 1.0em;
	text-indent: -1.0em;}
.listDiscG li {
	text-align: left;
    color:#07913b;
    font-weight: bold;
	line-height: 1.5em;
	list-style-type:none;
	padding: 0 0 0.2em 1.0em;
	text-indent: -1.0em;}
.listDisc li.mb10 {
    margin-bottom: 10px;}
.listDiscG li.mb30 {
    margin-bottom: 30px;}
.listDiscG li span.normal {
    font-weight: normal;}
.listDiscGImg {
    display: block;
    margin: 5px auto 30px auto;
    text-align: center;}
.listDiscG li a:link,.listDiscG li a:visited {color:#07913b;text-decoration:underline;}
.listDiscG li a:hover,.listDiscG li a:active {color:#02b044;text-decoration:none;}

.new {
    background-color: #FF0000;
    text-align: center;
    font-weight: normal;
    color: #FFFFFF;
    padding: 1px 1.0em;
    font-size: 13px;
    line-height: 1.3em;
    margin-right: 5px;
    text-indent: -1.0em;}
.development {
    background-color: #878787;
    text-align: center;
    font-weight: normal;
    color: #FFFFFF;
    padding: 1px 1.0em;
    font-size: 13px;
    line-height: 1.5em;
    margin-right: 5px;
    text-indent: -1.0em;}



/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#footer{
    margin: 0;
	padding: 30px 0;
	font-size:93%;
	color: #FFFFFF;
	text-align: center;}
#footer a:link,#footer a:visited {color:#ffffff;text-decoration:none;}
#footer a:hover,#footer a:active {color:#ffffff;text-decoration:none;}

#InstallBox2 {
    width: 100%;
    margin: 0 auto;}
.InstallBox2Inner {
    border-radius: 15px;
    width: 1000px;
    padding: 0px 1%;
    margin: 0 auto;
    text-align: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;}

.InstallIcon2 {
    order: 1;
    width: 8%;
    margin-right: 2%;}
.InstallTxt2 {
    order: 2;
    width: 65%;
    text-align: left;
    padding: 0;}
.InstallTxt2 p {
    font-size: 150%;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.4em;}
.InstallTxt2 p.txtM {
    font-size: 135%;}
.InstallTxt2 p span {
    font-size: 85%;
    padding-right: 3em;}
.InstallTxt2 p span.txtS {
    font-size: 80%;
    padding-right: 0;}
.InstallTxt2 p em {
    background-color: #FF0000;
    font-size: 70%;
    border-radius: 20px;
    padding: 3px 15px;
    margin: 0 5px;}
.InstallTxt2 p em.iOS {font-size: 80%; border-radius: 0px; padding: 4px 25px; background-color: #78A816;}
.InstallTxt2 p em.Android {font-size: 80%; border-radius: 0px; padding: 4px 25px; background-color: #E10102;}
.InstallTxt2 p em.Windows {font-size: 80%; border-radius: 0px; padding: 4px 25px; background-color: #0029C1;}
.InstallTxt2 p em.Mac {font-size: 80%; border-radius: 0px; padding: 4px 25px; background-color: #F1F1F1; color: #545454;}
.InstallTxt2 p em.iOS a:link,.InstallTxt2 p em.iOS a:visited,.InstallTxt2 p em.iOS a:hover,.InstallTxt2 p em.iOS a:active,
.InstallTxt2 p em.Android a:link,.InstallTxt2 p em.Android a:visited,.InstallTxt2 p em.Android a:hover,.InstallTxt2 p em.Android a:active,
.InstallTxt2 p em.Windows a:link,.InstallTxt2 p em.Windows a:visited,.InstallTxt2 p em.Windows a:hover,.InstallTxt2 p em.Windows a:active{color:#ffffff;text-decoration:none;}
.InstallTxt2 p em.Mac a:link,.InstallTxt2 p em.Mac a:visited,.InstallTxt2 p em.Mac a:hover,.InstallTxt2 p em.Mac a:active{color:#545454;text-decoration:none;}

.InstallWoman2 {
    order: 4;
    width: 18%;
    display: flex;
    align-items: flex-end;
    margin-top: -30px;}
.InstallIcon2 img,
.InstallWoman2 img {
    width: 100%;}
.InstallSerifu2 {
    order: 3;
    width: 7%;}

.privacy {
    width: 1000px;
    margin: 5px auto 2% auto;
    font-size: 90%;
    color: #5A5C57;
    text-align: left;
    font-weight: normal;}
.privacy a:link,.privacy a:visited {color:#5A5C57;text-decoration:underline;}
.privacy a:hover,.privacy a:active {color:#5A5C57;text-decoration:none;}
.InstallBox2Inner a.link {
    position: absolute;
    width: 100%;
    height: 80%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 99999;}

#InstallBox {
    width: 100%;
    background-color: #ffad00;
    margin-top: 50px;}
.InstallBoxInner {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.InstallBoxInner::after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: rotate(45deg);
    right: 40px;
    top: -80px;
    border-left: 100px solid #ffad00;
    border-top: 100px solid #ffad00;
    border-right: 80px solid transparent;
    border-bottom: 80px solid transparent;
    z-index: 1;}
.InstallBoxInner p.txtS {
    position: absolute;
    left: 12%;
    bottom: 8%;
    font-size: 80%;
    color: #FFFFFF;
    font-weight: normal;
    padding-top: 10px;}
.InstallBoxInner p.txtS a:link,.InstallBoxInner p.txtS a:visited {color:#ffffff;text-decoration:underline;}
.InstallBoxInner p.txtS a:hover,.InstallBoxInner p.txtS a:active {color:#ffffff;text-decoration:none;}

.InstallIcon {
    width: 8%;
    margin-right: 2%;}
.InstallTxt {
    width: 70%;
    text-align: left;
    padding: 20px 0 35px 0;}
.InstallTxt p {
    font-size: 145%;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.4em;}
.InstallTxt p span {
    font-size: 85%;
    padding-right: 3em;}
.InstallTxt p span.txtS {
    font-size: 80%;
    padding-right: 0;}
.InstallTxt p em {
    background-color: #FF0000;
    font-size: 70%;
    border-radius: 20px;
    padding: 3px 15px;
    margin: 0 5px;}
.InstallTxt p em.iOS {font-size: 90%; border-radius: 0px; padding: 4px 25px; background-color: #78A816;}
.InstallTxt p em.Android {font-size: 90%; border-radius: 0px; padding: 4px 25px; background-color: #E10102;}
.InstallTxt p em.Windows {font-size: 90%; border-radius: 0px; padding: 4px 25px; background-color: #0029C1;}
.InstallTxt p em.Mac {font-size: 90%; border-radius: 0px; padding: 4px 25px; background-color: #F1F1F1; color: #545454;}
.InstallTxt p em.iOS a:link,.InstallTxt p em.iOS a:visited,.InstallTxt p em.iOS a:hover,.InstallTxt p em.iOS a:active,
.InstallTxt p em.Android a:link,.InstallTxt p em.Android a:visited,.InstallTxt p em.Android a:hover,.InstallTxt p em.Android a:active,
.InstallTxt p em.Windows a:link,.InstallTxt p em.Windows a:visited,.InstallTxt p em.Windows a:hover,.InstallTxt p em.Windows a:active{color:#ffffff;text-decoration:none;}
.InstallTxt p em.Mac a:link,.InstallTxt p em.Mac a:visited,.InstallTxt p em.Mac a:hover,.InstallTxt p em.Mac a:active{color:#545454;text-decoration:none;}

.InstallWoman {
    width: 22%;
    margin-top: -55px;
    z-index: 2;}
.InstallIcon img,
.InstallWoman img {
    width: 100%;}
.InstallSerifu {
    position: absolute;
    bottom: 10px;
    right: 20%;
    width: 100px;}
.InstallBoxInner a.link {
    position: absolute;
    width: 100%;
    height: 80%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 99999;}

/*.banner-close {
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    background-color: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 5px;
    text-align: center;
    font-size: 80%;
    line-height: 1.3em;
    color: #ffad00;
    cursor: pointer;}*/

#pageTop {
  	position: fixed;
  	bottom: 0;
  	right: 0;
	z-index: 9999;}
#pageTop img {
	display:block;}


.BtnLink {
	display: block;
  	text-align: left;
  	border-radius: 5px;}
.BtnLink a {
	position: relative;
	padding-left: 15px;}
.BtnLink a::before {
	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 9px;
  	height: 9px;
  	transform: rotate(45deg);
  	margin-top: -5px;}


/*-------------------------------------------------
	++ google_workspace
-------------------------------------------------*/
#title_gw {
	width: 100%;
    position: relative;}
.titleBox_gw {
    width:1000px;
    margin: 0 auto 20px auto;
    padding: 100px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;}
.titleBox_gwIcon,
.titleBox_gwIcon2 {
    width: 200px;}
.titleBox_gwIcon img {
    margin-bottom: 10px;}
.titleBox_gwTxt {
    width: 600px;}
.titleBanner {
    margin: 0 auto 20px auto;
    text-align: center;}
.titleBanner a:hover img {
    opacity: 1;}

h2.google_workspace {
    padding: 0;
    color: #606368;
    font-size: 330%;
    font-weight: bold;
    line-height: 1em;
    text-shadow: none;}
h2.google_workspace span {
    display: block;}
h2.google_workspace img {
    width: 100%;
    margin: 20px 0 40px 0;}

.gwIconList {
    width: 550px;
    margin: 2% auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;}
.gwIconListL {
    width: 100%;
    margin: 2% auto 4% auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;}
.gwIconList li,
.gwIconListL li {
    width: 55px;
    margin: 0 auto;
    text-align: center;}
.gwIconListL li span {
    font-size: 80%;}
.gwIconList li img,
.gwIconListL li img {
    width: 100%;}
.gwIconListL li a:link,.gwIconListL li a:visited {color:#5A5C57;text-decoration:none;}
.gwIconListL li a:hover,.gwIconListL li a:active {color:#5A5C57;text-decoration:none;}

h4.google_workspace {
    display: block;
	text-align:center;
	font-weight:bold;
    color: #cb4539 !important;
	font-size:130%;
	padding:25px 0 0 0;
	margin:0;}
h4.google_workspace2 {
    display: block;
	text-align:center;
	font-weight:bold;
    color: #606368 !important;
	font-size:130%;
	padding:25px 0 0 0;
	margin:0;}
h4.google_workspace3 {
    display: block;
	text-align:center;
	font-weight:bold;
    color: #07913b !important;
	font-size:110%;
	padding:50px 0 0 0;
	margin:0;}
h5,
h5.jiima{
    display: block;
	text-align:left;
	font-weight:bold;
	font-size:110%;
	padding:20px 0 0 0;
	margin:0;}

.google_workspaceTbl table {
	width:100%;
	margin:0px auto 5px auto;}
.google_workspaceTbl2 table {
	width:100%;
	margin:10px auto 30px auto;}
.google_workspaceTbl3 table {
	width:80%;
margin:0px auto 5px auto;}
.google_workspaceTbl4 table {
	width:100%;
	margin:0px auto 5px auto;}
.google_workspaceTbl table tr th,
.google_workspaceTbl table tr td,
.google_workspaceTbl3 table tr th,
.google_workspaceTbl3 table tr td,
.google_workspaceTbl4 table tr th,
.google_workspaceTbl4 table tr td {
	font-size: 90%;
	border:1px solid #ababab;
	padding:8px 5px;
	position:relative;
    font-weight: normal;
	vertical-align: middle;
    border-radius: 0px;}
.google_workspaceTbl2 table tr th,
.google_workspaceTbl2 table tr td {
	font-size: 90%;
    border-top: 1px #ababab solid;
    border-bottom: 1px #ababab solid;
    border-right: 1px #ababab solid;
	padding:10px 5px;
	position:relative;
    font-weight: normal;
	vertical-align: middle;
    border-radius: 0px;}
.google_workspaceTbl table tr td span,
.google_workspaceTbl2 table tr td span {
    font-size: 80%;}
.google_workspaceTbl table tr th,
.google_workspaceTbl2 table tr th {
    text-align: center;
    color: #FFFFFF;
    background-color: #FFFFFF;}
.google_workspaceTbl2 table tr th:first-child {
    border-left: none;}
.google_workspaceTbl table tr th.bgBlue,
.google_workspaceTbl2 table tr th.bgBlue {
    background-color: #4186f4;}
.google_workspaceTbl table tr th.bgGreen,
.google_workspaceTbl2 table tr th.bgGreen {
    background-color: #34a851;}
.google_workspaceTbl3 table tr th,
.google_workspaceTbl4 table tr th {
    text-align: center;
    color: #FFFFFF;
    background-color: #34a851;}
.google_workspaceTbl table tr td,
.google_workspaceTbl2 table tr td,
.google_workspaceTbl3 table tr td,
.google_workspaceTbl4 table tr td {
    text-align: center;
    background-color: #FFFFFF;}
.google_workspaceTbl table tr td:first-child,
.google_workspaceTbl3 table tr td:first-child,
.google_workspaceTbl4 table tr td:first-child {
    text-align: left;}
.google_workspaceTbl2 table tr th:first-child,
.google_workspaceTbl2 table tr td:first-child {
    width: 3%;
    padding:10px 2px; 
    text-align: left;
    border-left: none;
    border-right: none;
    vertical-align: top;}
.google_workspaceTbl2 table tr td img {
    width: 100%;}
.google_workspaceTbl2 table tr td:nth-child(2) {
    text-align: left;}
.google_workspacePriceB {
    color: #4186f4;
    font-weight: bold;
    font-size: 200% !important;}
.google_workspacePriceG {
    color: #34a851;
    font-weight: bold;
    font-size: 200% !important;}
.google_workspaceTbl3 a:link,
.google_workspaceTbl3 a:visited,
.google_workspaceTbl4 a:link,
.google_workspaceTbl4 a:visited {
	color:#34a851;text-decoration:underline;
}
.google_workspaceTbl3 a:hover,
.google_workspaceTbl3 a:active,
.google_workspaceTbl4 a:hover,
.google_workspaceTbl4 a:active {
	color:#34a851;text-decoration:none;
}

.google_workspacePrice_check {
    position: relative;
    padding-left: 15px;}
.google_workspacePrice_check:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 10px;
    height: 20px;
    border-right: 3px solid #ababab;
    border-bottom: 3px solid #ababab;}

.google_workspacePriceImgC,
.google_workspacePriceImgC2{
    margin: 10px auto 30px auto;
    text-align: center;
    width: 60%;}
.google_workspacePriceImgC img {
    width: 100%;}
.google_workspacePriceImgC2 img {
    width: 25%;}

.google_workspacePriceTxtBic {
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    font-size: 500%;}
.google_workspacePriceTxtBic span {
    font-size: 70%;
    display: inline-block;
    padding-left: 0.2em;}

.google_workspacePriceBtn {
    width: 60%;
    background-color: #07913b;
    border-radius: 30px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    line-height: 3em;
    padding: 0;
    margin: 20px auto 0 auto;}
.google_workspacePriceBtn a {display: block;}
.google_workspacePriceBtn a:link,.google_workspacePriceBtn a:visited {color:#ffffff;text-decoration:none;}
.google_workspacePriceBtn a:hover,.google_workspacePriceBtn a:active {color:#ffffff;text-decoration:none;}

.corporatebox {
	display:flex; 
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	width: 100%;
	height:auto;
	padding:0px;
	margin: 2% 0 5% 0;}
.partnerImg,.partnerImg2 { width: 20%; text-align: left; padding:0; margin: 0;}
.partnerTxt { width: 78%; text-align: left; padding:0; margin: 0;}
.partnerTxt2 { width: 100%; text-align: left; padding:0 0 0.8em 0; margin: 2em 0 0 0;}


.ArcserveBox {
	display:flex; 
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
	width: 100%;
	padding:0px;
	margin: 3% 0 0 0;}
.ArcserveTxt {
    width: 520px;
    background-color: #FFF5AC;
    padding: 20px 15px;
    margin: 0;}
.ArcserveImg {
    width: 470px;}

.Arcserve_productBox {
	display:flex; 
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
	width: 100%;
    border-bottom: 1px #C1C1C1 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;}
.Arcserve_productTxtC {
    width: 1000px;
    padding: 0px;
    text-align: left;
    margin-bottom: 10px;}
.Arcserve_productTxtCS,
.Arcserve_productTxtCS2 {
    width: 480px;
    padding: 0px;
    text-align: left;}
.Arcserve_productImgC {
    width: 1000px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 5px;
    background-color: #FFFFFF;
    border-radius: 10px;}
.Arcserve_productImgCS {
    width: 490px;
    text-align: center;
    margin: 0 auto;
    padding: 5px;
    background-color: #FFFFFF;
    border-radius: 10px;}
.Arcserve_productImgCS2 {
    width: 490px;
    text-align: left;
    margin: 0 auto;}
.Arcserve_productImgCSS {
    width: 310px;
    text-align: center;
    margin: 0 auto;}
.Arcserve_productTxtL {
    width: 640px;
    text-align: left;}
.Arcserve_productImgR {
    width: 350px;
    text-align: right;}
.Arcserve_productBoxC {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    background-color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom: 10px;}
.Arcserve_productBoxCImg {
    width: 200px;}
.Arcserve_productBoxCTxt {
    width: 760px;}
.Arcserve_mb30 {
    margin-bottom: 32px;}

h5.gateSSTtl {
    width: 100%;
    background-color: #e6be41;
    color: #FFFFFF;
    margin: 0px;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 110%;
    text-align: center;
    padding: 8px 0;}
h6.gateSSTtl {
    width: 100%;
    border-bottom: 3px #e6be41 solid;
    background-color: #FFFFFF;
    color: #5A5C57;
    margin: 30px auto 10px auto;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 100%;
    text-align: left;
    padding: 0 0 5px 0;}

.gateflex {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;}
.gateflexTxt {
    width: 25%;
    font-size: 93%;
    line-height: 1.8em;}
.gateflexTxtL {
    width: 35%;
    font-size: 93%;
    line-height: 1.8em;}
.gateflexImg {
    margin-left: auto;}
.gateflexImgC {
    text-align: center;
    margin: 3% auto 5% auto;}

.gateflex2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0;
    border-top: 1px #cfcfcf solid;}
.gateflex3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px 10px;}
.gateflex2Img {
    width: 18%;
    text-align: center;
    margin: 0 auto;}
.gateflex2Img2 {
    padding: 3%;
    text-align: center;
    margin: 0 2%;
    background-color: #FFFFFF;
    border-radius: 100%;}
.gateflex2Txt {
    width: 82%;
    margin: 0;}
.bottomline {
    border-bottom: 1px #cfcfcf solid;}
.bgGreen {
    background-color: #bbffba;
    border-radius: 20px;
    margin: 20px 0 10px 0;}

.table_gateSS table {
	width:100%;
	margin: 3% auto 5px auto;}
.table_gateSS table tr th,
.table_gateSS table tr td {
    width: 33%;
	border:1px solid #9c9c9c;
	padding:5px;
	position:relative;}
.table_gateSS table tr th {
	background-color:#50b841;
	color:#FFF;
	font-size:100%;
    font-weight: bold;
	line-height: 1.7em;
	text-align: center;}
.table_gateSS table tr th.yellow {
    background-color: #e6be41;}
.table_gateSS table tr td {
    background-color: #FFFFFF;
    text-align: center;
    font-size: 100%;
    font-weight: normal;
    line-height: 1.5em;
    padding: 8px;}

.cloud_telC {
    text-align: center;
    margin: 0 auto;
    font-size: 120%;
    font-weight: bold;}
.cloud_telBox {
	display:flex; 
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	width: 100%;
	padding:0px;
	margin: 3% 0 0 0;}
.cloud_telTxt {
    width: 500px;
    background-color: #FFF5AC;
    padding: 20px 15px;
    margin: 0;}
.cloud_telImg {
    width: 470px;}

.triangle {
    margin: 2% auto;
    overflow: hidden;
    position: relative;
    width: 240px;
    height: 50px;}
.triangle::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    background: linear-gradient(135deg, #ffe8c3, #ffe8c3, #ffa922);
    top: -86px;
    left: 35px;
    transform: scaleY(.4)
               rotate(45deg);}

.cloud_tel_conceptBox {
	display:flex; 
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
	width: 100%;
    border-bottom: 1px #C1C1C1 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;}
.cloud_tel_conceptTxt {
    width: 550px;
    padding: 0px;}
.cloud_tel_conceptImg {
    width: 430px;
    text-align: right;}
.cloud_tel_conceptTxt2 {
    width: 760px;
    padding: 0px;}
.cloud_tel_conceptImg2 {
    width: 220px;
    text-align: right;}
.cloud_tel_conceptTxt3 {
    width: 1000px;
    padding: 0px;}
.capL {
    font-size: 77%;
    text-align: right;
    margin: 3px 0px;
    line-height: 1.3em;}

.cloud_tel_introduction {
	margin: 0px;
	width: 100%;
	border-right:1px #D0D0D0  solid;}
.cloud_tel_introduction tr {
	background-color:#FFFFFF;}
.cloud_tel_introduction tr:nth-child(odd) {
	background-color:#F1F1F1;}
.cloud_tel_introduction th {
	background-color: #5f5957;
	border-bottom:1px #D0D0D0 solid;
	border-left:1px #D0D0D0 solid;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	vertical-align: middle;
	text-align:center;
	padding:10px;}
.cloud_tel_introduction td {
	border-bottom:1px #D0D0D0 solid;
	border-left:1px #D0D0D0 solid;
	padding: 10px;
	vertical-align: top;
	text-align:left;}

h4.Email {
    width: 100%;
    background-image: url("../../../images/icon_mail.png");
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 54px;
    padding: 0 0 0 65px;
    margin-bottom: 20px;}
h4.calendar {
    width: 100%;
    background-image: url("../../../images/icon_calendar.png");
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 54px;
    padding: 0 0 0 65px;
    margin-bottom: 20px;}
h4.drive {
    width: 100%;
    background-image: url("../../../images/icon_drive.png");
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 54px;
    padding: 0 0 0 65px;
    margin-bottom: 20px;}
h4.site {
    width: 100%;
    background-image: url("../../../images/icon_site.png");
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 54px;
    padding: 0 0 0 65px;
    margin-bottom: 20px;}
h4.account {
    width: 100%;
    background-image: url("../../../images/icon_google.png");
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 54px;
    padding: 0 0 0 65px;
    margin-bottom: 20px;}
h5.accountsubTtl {
    color: #D21500;
    display: block;
    text-align: left;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;}

.ManagementToolsList {
	margin:0;}
.ManagementToolsList li {
	text-align: left;
	line-height: 1.5em;
	list-style-type:none;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
	text-indent: 0;
    border-bottom: 1px #C1C1C1 solid;}
.ManagementToolsList li em {
    display: block;
    font-size: 115%;
    line-height: 1.6em;
    font-weight: bold;
    padding-bottom: 5px;}
.ManagementToolsList li ul.Img {
    margin: 2% 0 0 0;}
.ManagementToolsList li ul.Img li {
    display: inline-block;
    padding: 0 3% 0 0;
    margin: 0 0 0 0;
    border-bottom: none;}
.ManagementToolsList li ul.Img li span {
    display: block;
    font-size: 90%;
    text-align: left;
    margin-top: 5px;}

.accountImgC {
    text-align: center;
    margin: 0 auto;
    padding: 20px 5px;}

h5.portalsubTtl {
    background-color: #b1e3c5;
    color: #006332;
    display: block;
    text-align: left;
    font-size: 110%;
    font-weight: bold;
    margin: 30px 0 10px 0;
    padding: 8px 10px 3px 15px;}

.portal_price {
	margin: 0 0 5px 0;
	width: 100%;
    border-top:1px #D0D0D0 solid;
	border-right:1px #D0D0D0 solid;}
.portal_price th {
    width: 15%;
	background-color:#F3FFF8;
	border-bottom:1px #D0D0D0 solid;
	border-left:1px #D0D0D0 solid;
	color: #5A5C57;
	font-size: 100%;
	font-weight: normal;
	vertical-align: middle;
	text-align:center;
	padding:10px;}
.portal_price td {
	border-bottom:1px #D0D0D0 solid;
	border-left:1px #D0D0D0 solid;
    background-color: #FFFFFF;
	padding: 10px;
	vertical-align: top;
	text-align:left;}
.portal_construction {
    display: flex;
    flex-wrap: wrap;
    width: 100%;}
.portal_construction dt {
    width: 35%;
    padding-bottom: 5px;
    margin-bottom: 0;}
.portal_construction dt.free {
    width: 100%;
    color:#ff0000;}
.portal_construction dd {
    width: 8%;
    text-align: right;
    padding-bottom: 5px;
    margin-bottom: 0;}
.portal_construction dd.free {
    width: 55%;
    margin-left: 2%;
    text-align: left;
    color:#ff0000;}

.portal_txt {
    color: #F1AA00;
    font-weight: bold;
    font-size: 150%;
    line-height: 1.5em;
    text-align: center;
    padding: 0px;
    margin: 0 auto;}

h5.googlesite_iconsubTtl {
    display: flex;
    align-items: center;
    text-align: left;
    margin: 0;
    padding: 10px 0 0 0;
    line-height: 1.8em;
    font-size: 110%;
    color: #FF6C00;
    font-weight: bold;}
h5.googlesite_iconsubTtl img {
    margin-right: 10px;}

.googlesite_iconBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;}
.googlesite_iconBoxL li {
    width: 240px;
    display: block;
    margin-bottom: 10px;}
.googlesite_iconBoxR li {
    width: 665px;
    display: block;
    margin-bottom: 10px;}

.googlesite_icondocument {
    width: 100%;
    border-bottom: 1px #D0D0D0 solid;
    padding: 0 0 10px 0;
    margin: 20px 0 0 0;}
.googlesite_icondocument a {
    color:#005BFF;}

.ManagementToolsMenuBox,
.SpreadsheetsMenuBox,
.googlesite_iconMenuBox {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 10px;}
.ManagementToolsMenuItem,
.SpreadsheetsMenuItem,
.googlesite_iconMenuItem {
    position: relative;}
.ManagementToolsMenuItem a,
.SpreadsheetsMenuItem a,
.googlesite_iconMenuItem a {
    display: block;
    width: 195px;
    background-color: #A6A6A6;
    color: #FFFFFF;
    font-size: 110%;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;}
.W240 {width: 240px !important;}
.W320 {width: 320px !important;}
.ManagementToolsMenuItem a:hover {
    background-color: #D21500;}
.SpreadsheetsMenuItem a:hover {
    background-color: #FF7200;}
.googlesite_iconMenuItem a:hover {
    background-color: #005BFF;}
.ManagementToolsMenuItem::after,
.SpreadsheetsMenuItem::after,
.googlesite_iconMenuItem::after {
    content: '';
    border: 0;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 8px;
    height: 8px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 39%;
    right: 10px;
    transform: rotate(45deg);}
.ManagementToolsMenuItem a:link,.ManagementToolsMenuItem a:visited,
.SpreadsheetsMenuItem a:link,.SpreadsheetsMenuItem a:visited,
.googlesite_iconMenuItem a:link,.googlesite_iconMenuItem a:visited {text-decoration:none;}
.ManagementToolsMenuItem a:hover,.ManagementToolsMenuItem a:active,
.SpreadsheetsMenuItem a:hover,.SpreadsheetsMenuItem a:active,
.googlesite_iconMenuItem a:hover,.googlesite_iconMenuItem a:active {text-decoration:none;}

#spreadsheets_table {
	margin:5px auto 10px auto;
	line-height:1.6em;}
#spreadsheets_table th {
	font-size:100%;
	text-align:left;
	padding:10px 0px;
	vertical-align:middle;
	border-bottom:1px #D0D0D0 dotted;}
#spreadsheets_table th.icon {
	width: 50px;}
#spreadsheets_table td {
	font-size:100%;
	text-align:left;
	padding:10px 0px;
	vertical-align:middle;
	border-bottom:1px #D0D0D0 dotted;}
#spreadsheets_table td.day {
	width: 100px;
	text-align: right;}
#spreadsheets_table td.arrow_open {
	width: 80px;
    background-image: url(../../../images/arrow_Orange04.gif);
    background-position: left 17px;
    background-repeat: no-repeat;
	padding:10px 10px 10px 15px;
	vertical-align:middle;
	border-bottom:1px #D0D0D0 dotted;
	color: #FF6C00;}
#spreadsheets_table a:link,
#spreadsheets_table a:visited {color:#FF6C00;}
#spreadsheets_table a:active,
#spreadsheets_table a:hover {color:#FF9A50;}

/*-------------------------------------------------
	++ google_workspace_campaign
-------------------------------------------------*/
#title_gw_campaign {
	width: 100%;
    position: relative;
    background-color: #00923a;}
.titleBox_gw_campaign {
    width:1000px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;}
.titleBox_gw_campaignDetail {
    width: 550px;
    margin: 0 ;
    padding: 0;}
.titleBox_gw_campaignDetail2 {
    width: 400px;
    margin: 0 ;
    padding: 0;}

.ribbon {
    position: relative;
    margin: 0 30px 30px 30px;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
    padding: 0;}
.ribbon:before,.ribbon:after {
    position: absolute;
    z-index: 0;
    bottom: -10px;
    display: block;
    content: '';
    border: 1em solid #f05900;}
.ribbon:before {
    left: -38px;
    border-left-width: 25px;
    border-left-color: transparent;}
.ribbon:after {
    right: -38px;
    border-right-width: 25px;
    border-right-color: transparent;}
.ribbon span {
    z-index: 1;
    position: relative;
    display: block;
    padding: 0.5rem 2rem;
    color: #fff;
    background: #ff6600;}
.ribbon span:before,.ribbon span:after {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-style: solid;
    border-color: #c44600 transparent transparent;}
.ribbon span:before {
    left: 0;
    border-width: 10px 0 0 10px;}
.ribbon span:after {
    right: 0;
    border-width: 10px 10px 0 0;}

.gw_campaign_newcampaignImgC {
    margin: 20px auto 0px auto;
    text-align: center;
    width: 50%;}
.gw_campaign_newcampaignImgC img {
    width: 100%;}

.gw_campaign_google_workspaceImgC {
    margin: 20px auto;
    text-align: center;}

.gw_campaignTbl table {
	width:100%;
	margin:20px auto 5px auto;}
.gw_campaignTbl table tr th {
    width: 20%;
	padding:5px 2% 0 0;
	position:relative;
	vertical-align: top;}
.gw_campaignTbl table tr th span {
    display: block;
    padding: 5px;
    text-align: center;
    color: #FFFFFF;
	font-size: 105%;
    font-weight: bold;
    background-color: #00923a;
    border-radius: 30px;}
.gw_campaignTbl table tr td {
	font-size: 110%;
	border-bottom:1px dotted #c2c2c2;
	padding:8px 5px;
	position:relative;
	vertical-align: top;
    font-weight: bold;
    border-radius: 0px;}
.gw_campaignTbl table tr td span {
    font-weight: normal;
    font-size: 80%;}
.gw_campaignTbl table tr td span.red {
    font-weight: bold;
    color: #FF0000;
    font-size: 110%;}

.gw_campaignWhat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;}
.gw_campaignWhatBox {
    width: 490px;
    border: 1px #b2b2b2 solid;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;}
.gw_campaignWhatBox h5 {
    color: #000000;
    font-weight: bold;
    font-size: 120%;
    text-align: left;
    margin: 0;
    padding: 0;}
.gw_campaignWhatBoxIcon {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;  
    align-items: center;
    margin-top: 10px;}
.gw_campaignWhatBoxIcon li {
    width: 55px;
    margin: 0 8px 8px 0;
    text-align: center;}

.gw_campaignWhat2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 0px;}
.gw_campaignWhatBox2 {
    width: 480px;}
.gw_campaignWhatBox2 h5 {
    color: #000000;
    font-weight: bold;
    font-size: 120%;
    text-align: left;
    margin: 0;
    padding: 0 0 20px 0;}

h4.gw_campaignTtl {
    display: block;
    color: #00923a;
    font-weight: bold;
    font-size: 150%;
    text-align: center;
    margin: 20px auto 10px auto;}
h4.gw_campaignTtl2 {
    display: block;
    color: #00923a;
    font-weight: bold;
    font-size: 120%;
    text-align: left;
    padding: 0;
    margin: 0px auto 5px auto;}
.gw_campaign_mb25 {
    margin-bottom: 25px;}

.gw_campaignBtn {
    width: 500px;
    background-color: #ff9601;
    border-radius: 30px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    line-height: 3em;
    padding: 0;
    margin: 20px auto 0 auto;}
.gw_campaignBtn a {display: block;}
.gw_campaignBtn a:link,.gw_campaignBtn a:visited {color:#ffffff;text-decoration:none;}
.gw_campaignBtn a:hover,.gw_campaignBtn a:active {color:#ffffff;text-decoration:none;}

.privacyLinkTxt {
    text-align: center;
    margin: 1% auto 5% auto;}

.gw_campaign_banner {
    position: fixed;
    bottom: 10%;
    right: 10%;
    z-index: 999;}
.gw_campaign_banner img:hover {
	opacity: 1;}

/*-------------------------------------------------
	++ ITdonyuhojokin
-------------------------------------------------*/
#title_ITdonyuhojokin {
	width: 100%;
    position: relative;
    background: url(../../../ITdonyuhojokin/img/PC_main_bg.jpg) center center no-repeat;
    background-size: cover;}
.titleBox_ITdonyuhojokin {
    width:1000px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;}
.titleBox_ITdonyuhojokinTxt {
    width: 550px;
    margin: 60px 0 0 0;
    padding: 0;
    color: #fff;
    font-size: 260%;
    font-weight: bold;
    line-height: 1.5em;
    text-align: left;
    text-shadow: none;}
.titleBox_ITdonyuhojokinTxt img {
    margin-top: 30px;}
.titleBox_ITdonyuhojokinImg {
    width: 400px;
    margin: 0 ;
    padding: 0;}

.ribbonBlue {
    position: relative;
    margin: 0 30px 30px 30px;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
    padding: 0;}
.ribbonBlue:before,.ribbonBlue:after {
    position: absolute;
    z-index: 0;
    bottom: -10px;
    display: block;
    content: '';
    border: 1em solid #265eff;}
.ribbonBlue:before {
    left: -38px;
    border-left-width: 25px;
    border-left-color: transparent;}
.ribbonBlue:after {
    right: -38px;
    border-right-width: 25px;
    border-right-color: transparent;}
.ribbonBlue span {
    z-index: 1;
    position: relative;
    display: block;
    padding: 0.5rem 2rem;
    color: #fff;
    background: #3371ff;}
.ribbonBlue span:before,.ribbonBlue span:after {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-style: solid;
    border-color: #0f3dff transparent transparent;}
.ribbonBlue span:before {
    left: 0;
    border-width: 10px 0 0 10px;}
.ribbonBlue span:after {
    right: 0;
    border-width: 10px 10px 0 0;}

.ITdonyuhojokinImgC {
    margin: 20px auto 0px auto;
    text-align: center;
    width: 50%;}
.ITdonyuhojokinImgC2 {
    margin: 20px auto;
    text-align: center;
    width: 70%;}
.ITdonyuhojokinImgC img,
.ITdonyuhojokinImgC2 img {
    width: 100%;}

.ITdonyuhojokinTbl table {
	width:80%;
	margin:0px auto 15px auto;}
.ITdonyuhojokinTbl table tr th,
.ITdonyuhojokinTbl table tr td {
	font-size: 100%;
	border:1px solid #ababab;
	padding:8px 5px;
	position:relative;
    font-weight: normal;
	vertical-align: middle;
    border-radius: 0px;}
.ITdonyuhojokinTbl table tr th {
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #61b9ff;}
.ITdonyuhojokinTbl table tr td {
    text-align: center;
    background-color: #FFFFFF;}

.ITdonyuhojokin_packageplanBox {
	width:80%;
    margin: 20px auto 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.ITdonyuhojokin_packageplanImg {
    width: 15%;}
.ITdonyuhojokin_packageplanTxt {
    width: 83%;
    font-weight: bold;
    text-align: left;}

.ITdonyuhojokin_subsidyBox {
	width:100%;
    margin: 20px auto 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.ITdonyuhojokin_subsidyImg {
    width: 28%;}
.ITdonyuhojokin_subsidyTxt {
    width: 70%;
    font-weight: bold;
    color: #ff0000;
    font-size: 180%;
    text-align: left;}
.ITdonyuhojokin_subsidyTxt span {
    padding-top: 1.5em;
    color: #5A5C57;
    font-weight: normal;
    font-size: 60%;
    display: block;}
.ITdonyuhojokin_subsidyBox2 {
	width:90%;
    margin: 20px auto 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.ITdonyuhojokin_subsidyImg2 {
    width: 15%;}
.ITdonyuhojokin_subsidyTxt2 {
    width: 83%;
    font-weight: normal;
    text-align: left;}

.ITdonyuhojokinList {
    width: 80%;
	margin:0 auto;}
.ITdonyuhojokinList li {
	text-align: left;
    color: #5A5C57;
    font-size: 115%;
	line-height: 2em;
	list-style-type:none;
    font-weight: bold;
	padding: 0 0 0 3em;
	text-indent: -1.0em;
    border-bottom: 1px #a6a6a6 solid;
    background-image: url("../../../ITdonyuhojokin/img/ic_check.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 3%;}

h4.ITdonyuhojokinTtl {
    display: block;
    color: #3371ff !important;
    font-weight: bold;
    font-size: 150%;
    text-align: center;
    margin: 20px auto 10px auto;}

.ITdonyuhojokinBtn {
    width: 400px;
    background-color: #ff9601;
    border-radius: 30px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    line-height: 3em;
    padding: 0;
    margin: 50px auto 0 auto;}
.ITdonyuhojokinBtn a {display: block;}
.ITdonyuhojokinBtn a:link,.ITdonyuhojokinBtn a:visited {color:#ffffff;text-decoration:none;}
.ITdonyuhojokinBtn a:hover,.ITdonyuhojokinBtn a:active {color:#ffffff;text-decoration:none;}

.privacyLinkTxt2 {
    text-align: center;
    margin: 1% auto 0 auto;}

.ITdonyuhojokinTxtL {
    font-size: 130%;
    font-weight: bold;
    text-align: center;}

.ITdonyuhojokin_banner {
    position: fixed;
    bottom: 10%;
    right: 10%;
    z-index: 999;}
.ITdonyuhojokin_banner img:hover {
	opacity: 1;}

/*-------------------------------------------------
	++ addon_price
-------------------------------------------------*/
.table_price table {
	border-top: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	width: 100%;
	border-spacing: 0px;
	margin: 0px auto 10px;}
.table_price th {
	border-bottom: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	padding: 10px 15px;
    color: #fff;
    font-size: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #07913b;}
.table_price td {
	border-bottom: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	text-align: center;
    background-color: #FFFFFF;
    font-size: 100%;
	padding: 10px 15px;
    font-weight: bold;}

.priceBox {
	display:flex; 
	flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    align-items: stretch;
	width: 100%;
	padding:0px;
	margin: 10px auto 40px auto;}
.priceItem {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: column;
    width: 48%;
    text-align: left;
    padding:0;
    margin: 0;
    border: 1px #00923a solid;
    border-radius: 15px;
    background-color: #FFF;}
.priceTtl {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    height: 100px;
    line-height: 1.3em;
    background-color: #00923a;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;}
.priceTtlBoxInner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    text-align: center;
    font-weight: bold;}
.pricefree {
    color: #ff0000;
    font-size: 35px;}

.campaignBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;}
.campaignImg {width: 48%;}

.Chatbot_formTxt {
    text-align: center;
    margin: 0 auto;}
.Chatbot_formTxt span {
    font-size: 150%;
    line-height: 1.8em;}