@charset 'utf-8';

/* ============================
  ベース
/* ============================ */
img{
	vertical-align:bottom;
}

/*ホバーエフェクト*/
a {
	color:#333;
	text-decoration: underline;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:hover{
	color:#333;
	text-decoration: none;
}

/*動く下線パターン1*/
.txt a{
	text-decoration: none;
	background: linear-gradient(#333,#333) 100% 100%/100% 1px no-repeat;
}
.txt_g a{
	text-decoration: none;
	background: linear-gradient(#3279fc,#3279fc) 100% 100%/100% 1px no-repeat;
}
.txt_w a{
	text-decoration: none;
	background: linear-gradient(#fff,#fff) 100% 100%/100% 1px no-repeat;
}
span.txt:hover,
.txt a:hover,
.txt_g a:hover,
.txt_w a:hover{
	animation: u_line .8s cubic-bezier(.23,1,.32,1) 0s;
}
@keyframes u_line{
	0%{background-size:100% 1px;background-position:100% 100%}
	50%{background-size:0 1px;background-position:100% 100%}
	51%{background-size:0 1px;background-position:0 100%}
	to{background-size:100% 1px;background-position:0 100%}
}
/*動く下線パターン2*/
.txt2 a{
	text-decoration: none;
	background: linear-gradient(#333,#333) 100% 100%/0 1px no-repeat;
	transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s;
}
.txt2_g a{
	text-decoration: none;
	background: linear-gradient(#3279fc,#3279fc) 100% 100%/0 1px no-repeat;
	transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s;
}
.txt2_w a{
	text-decoration: none;
	background: linear-gradient(#fff,#fff) 100% 100%/0 1px no-repeat;
	transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s;
}
.txt2 a:hover,
.txt2_g a:hover,
.txt2_w a:hover{
	background-size: 100% 1px;
	background-position: 0 100%;
}

.red{
	color:#fa0f00;
}


/*選択時の色*/
::-moz-selection {
    background: #ddd;
}
::selection {
    background: #ddd;
}
::-moz-selection {
    background: #ddd;
}

.fa {
    padding: 0 5px;
}


/*見出し*/

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	font-weight: bold;
	line-height: 1.2em;
	position: relative;
	margin: 2em 0 1em 0;
	padding:0;
}

#content h1 {
	font-size:2.5em;
	line-height: 1.6em;
}
#content h2 {
	font-size: 2.5rem;
}
#content h3 {
	font-size:1.8em;
}
#content h4 {
	font-size: 1.5em;
}
#content h5 {
	font-size: 1.2em;
}
#content h6 {
	font-size: 1.1em;
}

/* テーブル
----------------------------- */

/*ノーマル*/
#content table {
	line-height: 1.8em;
	width: 100%;
	margin: 1em 0;
	border-collapse: collapse;
	text-align: left;
	border-top: 1px solid #ccc;
}

#content table th {
	width: 20%;
	font-weight: bold;
	padding: 1em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	word-break: break-all;
}

#content table td {
	padding: 1em;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	word-break: break-all;
}

#content table th + th,
#content table th + td,
#content table td + td{
	border-left: 1px solid #ccc;
}


/*ボタンスタイル*/
.btn a {
	max-width:400px;
	line-height: 70px;
	letter-spacing:0.05em;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #222;
	position: relative;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
}

.center.btn a,
.center .btn a {
	margin:0 auto;
}
.right.btn a{
	margin:0 0 0 auto;
}


.more{
	padding:2rem 0;
}
.more>a{
	max-width:350px;
	line-height: 60px;
	font-size:1rem;
	text-align:center;
	display:block;
	font-weight:500;
	color:#fff;
	background-color:#00b3e8;
	border-radius:10px;
	text-decoration:none;
	position:relative;
}

.center.more a,
.center .more a {
	margin:0 auto;
}
.right.btn a{
	margin:0 0 0 auto;
}



/*リンクスタイル*/
.txtlink a{
	line-height: 1.3em;
	display: block;
	margin: 2em 0;
	padding:1rem 5rem 1rem 1rem;
	color:#0f7639;
	border: solid 1px #0f7639;
	position: relative;
}
.txtlink a::before,
.txtlink a::after{
	position: absolute;
	top: 10%;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.txtlink a::before{
	right: 1rem;
	width: 45px;
	height: 1px;
	background: #0f7639;
}
.txtlink a::after{
	right: 1.2rem;
	width: 15px;
	height: 15px;
	border-top: 1px solid #0f7639;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
}

/*ギャラリー調整*/
#content ul.blocks-gallery-grid{
	margin:2rem 0;
}
#content .margin0 ul.blocks-gallery-grid{
	margin:0;
}
#content ul.blocks-gallery-grid li{
	padding:0;
}
.wp-block-gallery .blocks-gallery-item figcaption{
	line-height:1.5em;
}

/*1枚画像*/
.wp-block-image img{
	height: auto;
}
.wp-block-image.img_right{
	padding-top:1rem;
}
.wp-block-image.img_right img{
	height: 22vw;
	max-height:260px;
	object-fit: cover;
}



/*タイトル本文付写真リスト*/
#content ul.photolist{
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin:2rem 0;
    padding:0;
    list-style:none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#content ul.photolist li{
    margin:0 0 1rem 0;
    padding:1.7rem;
    background: url(../img/bg_tile.gif) 0 0 repeat;
}
#content ul.photolist.column3 li{
	width:32%;
}
#content ul.photolist h4{
	font-size:1.1rem;
	line-height:1.5em;
	margin:0;
	padding:1.5rem 0 1rem 0;
	border:none;
}
#content ul.photolist p{
	font-size:0.95em;
	line-height:1.5em;
}


/*タイトル本文付写真リスト背景梨*/
#content ul.itemlist{
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin:2rem 0;
    padding:0;
    list-style:none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#content ul.itemlist li{
    margin:0 0 2rem 0;
}
#content ul.itemlist.column2 li{
	width:47%;
}
#content ul.itemlist h4{
	font-size:1.2rem;
	line-height:1.5em;
	margin:0;
	padding:1.5rem 0 0.5rem 0;
	border:none;
	color:#0f7639;
}
#content ul.itemlist .img img{
	width: 100%;
	height: 30vw;
	max-height: 400px;
	margin:0 auto;
	object-fit: cover;
}

#content ul.itemlist p{
	line-height:1.5em;
}



/*dl*/
dl.dl_normal dt{
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
}
dl.dl_normal dd{
	padding:0 0 0 2rem;
}

/*セレクトボックス*/
.select-box{
	font-size: 0.9em;
}
.select-box span.flame-select{
	position: relative;
}
.select-box span.flame-select::after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #222;
	border-right: solid 2px #222;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 1.3rem;
	margin-top: -4px;
	pointer-events: none;
}
.select-box select{
	margin-left:0.2rem;
	padding:0 3em 0 1em;
	min-width: 13em;
	height:3em;
	background-color:#ffff;
	border:solid 2px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.select-box select:focus {
	outline: none;
}

/*ライトボックス調整*/
.tos-wrapper{
	box-sizing: initial;
}

/*iframe*/
#content iframe{
	border:none;
	display: block;
	margin: 1rem 0;
}

/*ページトップ*/
.pagetop {
}

.pagetop a {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.7;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #00B3E8;
	box-shadow: none;
	border-radius: 50%;
}

.pagetop a::before {
	font-family: Font Awesome\ 5 Free, FontAwesome;
	font-weight: bold;
	content: '\f077';
	line-height: 40px;
}

.pagetop a:hover {
	color: #aaa;
	background: none;
}


/*縦文字*/
.tate{
	writing-mode: vertical-rl;
	text-orientation: upright;
}

/*フェード*/
.fuwa {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 1s;
}

.fuwa.fuwa-scroll {
	opacity : 1;
	transform : translate(0, 0);
}


/*  ナビゲーション
----------------------------- */
#wrapper{
	/*padding-top:80px;*/
}

header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	transition: 0.3s;
}

nav {
	height:80px;
	padding:0 2%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	transition: 0.3s;
}
nav #title{
	display:flex;
	align-items: center;
}

nav #site-title img{
	width:100%;
	height:40px;
}

.header_teikei {
	padding: 1rem 2rem 0 2rem;
}
.header_teikei img {
	width: 100%;
	max-width: 230px;
}

nav ul li a {
	display: block;
	text-decoration: none;
}


nav #pcnavi{
	margin-left: auto;
}

#pcnavi ul#menu-main{
	display: flex;
	list-style: none;
	justify-content: flex-end;
}
#pcnavi ul#menu-main>li {
	white-space: nowrap;
	padding:0 0.7rem;
}
#pcnavi li a{
	color:#fff;
	font-size:0.875rem;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:40px;
}
#pcnavi ul#menu-main>li.btn{
	padding-right:0;
}
#pcnavi li.btn a{
	font-size:0.7em;
	padding:0;
	width:180px;
	line-height:40px;
	letter-spacing: 0;
	background-color:#00B3E8;
}

/*メニューカレント*/
#pcnavi ul#menu-main li>a {
	position: relative;
}
#pcnavi ul#menu-main li:not(.menu-item-has-children)>a:after {
	opacity:0.7;
	-webkit-transition: all 0.3s;
	-webkit-transform: scale(0, 1);
	-webkit-transform-origin: center top;
	background: #fff;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: all 0.8s;
	width: 100%;
}
#pcnavi ul#menu-main>li.btn>a:after {
	content:none;
}

	#pcnavi ul#menu-main li:not(.menu-item-has-children)>a:hover:after {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

#pcnavi ul#menu-main li.current-menu-item>a:after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

#pcnavi ul#menu-main>li.menu-item-has-children>a::after {
	content: "";
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	content:"\f078";
	margin-left:0.2em;
}


/*サブメニュー*/
#pcnavi ul#menu-main>li>ul.sub-menu{
	overflow:hidden;
	position: fixed;
	left: 0;
	right:0;
	margin:auto;
	top:80px;
	width:100%;
	transition: 0.6s;
	background:#eeeeed;
	max-height:0;
	list-style:none;
	transition: 0.8s;
	display:flex;
	justify-content: center;
}
#pcnavi ul#menu-main>li>ul.sub-menu:hover,
#pcnavi ul#menu-main>li:hover>ul.sub-menu {
	max-height:500px;
}

#pcnavi ul#menu-main>li.menu-item-has-children{
	position: relative;
}
#pcnavi ul#menu-main>li.menu-item-has-children::before {
	content: "";
	position: absolute;
	width:0;
	height:0;
	bottom: -20px;
	left: 0;
	right:0;
	margin:auto;
	border: 15px solid transparent;
	border-bottom: 15px solid #eeeeed;
	opacity:0;
	transition: 0.3s;
	transition-delay: 0.6s;
}
#pcnavi ul#menu-main>li.menu-item-has-children:hover::before {
	opacity:1;
	transition-delay: 0s;
}


#pcnavi ul.sub-menu li {
	margin:0;
	padding:1em 0.7em;
	list-style:none;
}
#pcnavi ul.sub-menu li>a{
	color:#222;
}
#pcnavi ul#menu-main ul.sub-menu li>a:after {
	background: #222;
}



/* チェックボックスは非表示に */
.drawer-hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height: 30px;
  width: 30px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上に */
  cursor: pointer;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* ハンバーガーメニューのアイコン */
.drawer-open span{
  display: block;
  height: 2px;
  width: 30px;
  position: absolute;
  background: #fff;
  transition: 0.5s;
}
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 2px;
  width: 30px;
  background: #fff;
  transition: 0.5s;
  position: absolute;
}
header.smaller .drawer-open span,
header.smaller .drawer-open span:before,
header.smaller .drawer-open span:after {
  background: #222;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 8px;
}
/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 8px;
}
/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
	background: rgba(255, 255, 255, 0);
}
/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
  background: #fff;
}
#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
  background: #fff;
}
/* メニューのデザイン*/
.drawer-content{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 100%;/* メニューを画面の外に飛ばす */
	z-index: 99;
	transition: .5s;
	background-color:#111;
	overflow: scroll;
	/* IE, Edge 対応 */
	-ms-overflow-style: none;
	/* Firefox 対応 */
	scrollbar-width: none;
}
	/* Chrome, Safari 対応 */
	.drawer-content::-webkit-scrollbar {
		display:none;
	}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content{
	left: 0;/* メニューを画面に入れる */
}
.drawer-content .menu_scroll{
	padding:5rem 8vw 7rem 8vw;
	min-height:100%;
	-webkit-overflow-scrolling: touch;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#spnavi .menu_scroll>div{
	width:48%;
}


#spnavi ul {
	margin:0;
	padding: 0;
	list-style:none;
}
#spnavi li {
	margin:0;
	padding:0;
}

#spnavi li a{
	display:block;
	font-size:1.1em;
	font-weight:normal;
	padding: 0.7rem 0.5em;
	color:#fff;
	position: relative;
}
	#spnavi li.menu-item-has-children a{
		padding-bottom: 0;
	}
	#spnavi ul.sub-menu li a{
		font-size:1em;
		padding: 0.5em 3em;
	}

/*スモールヘッダー*/
header img.fixed,
header.smaller img.scroll{
	display:block;
}
header img.scroll,
header.smaller img.fixed{
	display:none;
}

header.smaller{
	background-color:#fff;
}
/*header.smaller nav{
	height: 60px;
}
header.smaller nav #site-title {
	width:180px;
}
header.smaller nav #site-title a{
	height:60px;
}
header.smaller nav #title .title-copy{
	color:#222;
	font-size:0.8rem;
}
header.smaller nav #pcnavi li:not(.btn) a{
	color:#222;
	font-size:0.9rem;
	line-height:60px;
}
header.smaller nav ul#menu-main>li ul.sub-menu{
	top: 60px;
}*/

header.smaller nav #pcnavi li:not(.btn) a{
	color:#222;
}

header.smaller #pcnavi ul#menu-main>li:not(.menu-item-has-children)>a:after {
	background: #0D0C0A;
}

/*  お問い合わせエリア
----------------------------- */
.box_contact{
	background-image: url("../img/character.svg"), url("../img/cta_bg.png");
	background-position: 90% bottom, center, center;
	background-repeat: no-repeat, repeat;
	background-size: 235px, cover;
}
.inner_contact{
	color:#fff;
	padding:4rem 0;
	font-weight:bold;
}
.inner_contact p{
	font-size:1.6em;
	position:relative;
	display:inline-block;
	margin:0 0 1.5rem 0;
	padding:0 2em;
}

.inner_contact>p:before, .inner_contact>p:after {
	-webkit-transform: translate(0, -50%);
	background-image: url("../img/hukidashi.svg");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 1.16em;
	left: 0.5em;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 0.83em;
}
.inner_contact>p:after {
	-webkit-transform: translate(0, -50%) rotateX(180deg);
	left: auto;
	position: absolute;
	right: 0.5em;
	transform: translate(0, -50%) rotateX(180deg);
}


.inner_contact .btn a{
	font-size:1.2em;
	padding: 0;
	background-color:#154576;
}
.box_tel{
	padding-top:1.5rem;
}
.inner_contact a.tel{
	color:#fff;
	font-size:1.2em;
}

/*  フッター
----------------------------- */
footer {
	padding:4rem 0;
	color:#e5e5e5;
	text-align:center;
	position: relative;
	background-color:#0d0c0a;
}
footer a,
footer a:hover{
	color:#e5e5e5;
}


.pagetop{
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}
.pagetop.active{
  opacity: 1;
  visibility: visible;
}
.pagetop.absolute{
  position: absolute;
  top: -70px;
  bottom: auto;
}

/*フッターメニュー*/
ul#menu-footermenu{
	text-align:center;
	padding:2rem 0 2.5rem 0;
}
ul#menu-footermenu li{
	display:inline-block;
	list-style:none;
	padding: 0 1rem;
	font-size: 0.875em;
	font-weight: bold;
}
ul#menu-footermenu .current-menu-item a{
	color:#00B3E8;
}


#f_logo{
	max-width:150px;
	margin:0 auto;
	padding:0;
}
	#f_logo a{
		display:block;
	}
	#f_logo img{
		opacity: 0.9;
	}


.isms{
	width:90px;
}
p.operation{
	font-size:0.8rem;
	padding-top:1rem;
}

.f_utility{
	font-size: 0.95rem;
	padding:0.5rem 0;
}

.f_utility ul li{
	display:inline-block;
	list-style:none;
	 font-weight: 500;
}
.f_utility ul li::after{
	color:#9e9e9e;
	content: "|";
	display:inline-block;
	padding:0 1em;
}
.f_utility ul li:last-of-type::after{
	display:none;
}



p#sitecopy{
	font-size:0.8rem;
	letter-spacing:0.05em;
	margin:0;
}



/*  メインビジュアル
----------------------------- */
#mainimage{
	overflow:hidden;
	background-color:#00B3E8;
}
#mainimage .col2{
	align-items: center;
}

#mainimage .maincopy{
	padding-top:4rem;

}
#mainimage .maincopy p{
	color:#fff;
	font-size: 3.5rem;
	line-height: 1.2em;
	font-weight:bold;
	letter-spacing:0.03em;
	text-align: left;
	display: inline-block;
	padding:0 2%;
	margin-bottom: 1rem;
}
#mainimage .maincopy p em{
	font-style:normal;
	font-size: 0.8em;
}

#mainimage .maincopy p span{
	display: block;
	font-size: 2rem;
}

#mainimage .maincopy .btn a{
	font-weight:500;
	font-size: 1.2em;
	padding: 0;
	background-color:#f00075;
}

#mainimage .maincopy .forte{
	padding:2rem 4% 0 4%;
}


#mainimage .mainimg{
	padding-top:150px;
	padding-bottom:9rem;
	background:linear-gradient(to right, #00B3E8,20%, transparent,40%, transparent),url("../img/bg_main_pc.png") 0 0 no-repeat;
	background-size:cover;
	position: relative;
}
#mainimage .mainimg::before {
	position: absolute;
	content: "";
	width: 546px;
	height: 400px;
	right: 5%;
	bottom: 0;
	z-index: 3;
	background: url("../img/fv.png") center bottom no-repeat;
	background-size: contain;
}


#mainimage .mainimg img{
	height: auto;
	max-width: 670px;
	width: 100%;
}


/* レイアウト
----------------------------- */
#main{
	padding-bottom:8rem;
}
.home #main{
	padding-bottom:0;
	overflow: hidden;
}

.contentbox {
    max-width: 1200px;
    margin: auto;
}

.widebox {
    max-width: 100%;
}

/* トップページ
----------------------------- */
.home #content h2{
	font-size:2rem;
	letter-spacing:0.1em;
}

.bg_gray{
	background-color:#f4f4f4;
}

.bg_blue{
	background-color:#00b3e8;
}


/* 解消 */
.box_kaisyo{
	padding:4rem 0 6rem 0;
}

.box_kaisyo h3 span{
	font-size: 1.5em;
	margin: 0 0.2em;
}

.box_kaisyo .col3>*{
	max-width:350px;
}


.kaisyo{
	padding:4rem 0 0 0;
}

#content .box_kaisyo ul.page-link{
	margin:0;
	padding:1.5rem 0 0 0;
}

#content .box_kaisyo ul.page-link li{
	margin:0;
	padding:0 0 0.7rem 0;
	list-style:none;
}

.box_kaisyo ul.page-link li a{
	font-size:1rem;
	display:block;
	font-weight:500;
	line-height: 60px;
	color:#fff;
	background-color:#00b3e8;
	border-radius:10px;
	padding:0 1.5rem;
	text-decoration:none;
	position:relative;
}
.box_kaisyo ul.page-link li a:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	content:"\f063";
	position: absolute;
	display: block;
	width:1em;
	height:0.9em;
	line-height:1em;
	right:1em;
	top:0;
	bottom:0;
	margin:auto;
}

/* 導入事例 */
.box_case{
	padding:4rem 0;
}
.box_case .swiper-wrapper{
	padding:1.5rem 0;
}
.box_case .swiper-slide{
	height: auto;
	border-radius:10px;
	overflow:hidden;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
	position:relative;
}
.box_case .swiper-slide:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	text-align:center;
	content:"\f061";
	position: absolute;
	display: block;
	font-size:1rem;
	color:#fff;
	width:32px;
	height:32px;
	line-height:32px;
	right:1rem;
	bottom:1rem;
	background-color:#00B3E8;
	border-radius:50%;
}


.box_case .swiper-pagination{
	position:relative;
}
.box_case .swiper-pagination-bullet-active {
	background-color:#00B3E8;
}

.box_case .thumbnail img{
	object-fit: cover;
	width:100%;
	height:11vw;
}

.box_case .detail a{
	height:100%;
	display:block;
	padding:1.5rem 1.5rem 3rem 1.5rem;
	text-decoration:none;
}
.box_case .detail a:hover .title{
	color:#00B3E8;
}
.box_case .title{
	display:block;
	font-size:1.1rem;
	line-height:1.4em;
	font-weight:bold;
	padding-bottom:1rem;
}
.box_case .case_name{
	display:block;
	font-size:0.9rem;
	line-height:1.4em;
	color:#888;
	padding-bottom:0.3rem;
}
.box_case .case_data{
	display:block;
	font-size:0.9rem;
	line-height:1.4em;
	color:#888;
}
.case_data>span{
	margin-right:1em;
}


/*課題*/
.box_kadai{
	padding:2rem 0 10rem 0;
}
#content .box_kadai>h3{
	margin: 4em 0 1.5em 0;
}
#content .box_kadai>h3.ex{
	font-size:1.5em;
	margin: 3em 0 1em 0;
}

/*機能一覧*/
.box_function{
	color:#fff;
	padding:4rem 4% 8rem 4%;
}

#content .box_function h2{
	margin-bottom:4rem;
}

.box_function .f-main{
	padding-bottom:6rem;
}

.box_function .f-main>div{
	padding:0 3rem;
}

#content .box_function ul.col2{
	margin:0;
	padding:0 0 2rem 0;
}

#content .box_function .col2>li{
	list-style:none;
}

#content .box_function h3{
	margin-top:1em;
	margin-bottom: 1em;
	font-size:2.2em;
}

#content .box_function .f-main h3{
	position:relative;
	padding-bottom: 1em;
}
#content .box_function .f-main h3:after{
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	content:"";
	width:100%;
	height:5px;
	background-color:rgba(255,255,255,0.5);
}

#content .box_function h3.t_functionlist{
	display: inline-block;
	margin:1em auto 0 auto;
	font-size:2em;
	position:relative;
	padding: 0 1.7em;
}
.t_functionlist:before, .t_functionlist:after {
	-webkit-transform: translate(0, -50%);
	background-image: url("../img/hukidashi.svg");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 1.1em;
	left: 0.5em;
	position: absolute;
	top: 60%;
	transform: translate(0, -50%);
	width: 0.83em;
}
.t_functionlist:after {
	-webkit-transform: translate(0, -50%) rotateX(180deg);
	left: auto;
	position: absolute;
	right: 0.5em;
	transform: translate(0, -50%) rotateX(180deg);
}


.target{
	display:block;
	font-weight:500;
	font-size:0.8rem;
	line-height:1;
	vertical-align: middle;
	padding-top:1rem;
}
.target span{
	display:inline-block;
	width:12em;
	text-align:center;
	margin-right:0.5em;
	padding:0.35em 0;
	border:solid 2px rgba(255,255,255,0.7);
	border-radius:3px;
}

#content .box_function h4{
	margin-bottom:0.7em;
}

.box_function .f-icon{
	width:auto;
	height:50px;
	vertical-align:middle;
	margin-right:0.5em;
}


.box_function figure{
	background-color:#00b3e8;
}
.box_function figure img{
	border-radius:10px;
	overflow: hidden;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
}

.box_function figure a{
	display:block;
	position:relative;
	text-decoration:none;
}
.box_function figure a:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	text-align:center;
	content:"";
	position: absolute;
	display: block;
	font-size:1rem;
	color:#fff;
	width:40px;
	height:40px;
	line-height:32px;
	right:1rem;
	bottom:1rem;
	background:url("../img/zoom.svg") center no-repeat;
	background-size:20px auto;
	background-color:#00B3E8;
	border-radius:50%;
}



.box_function .more a{
	background-color:#222;
}

#content ul.ba{
	margin:0;
	padding:0;
	list-style:none;
}

#content ul.ba li{
	margin:0;
	padding:0;
	display:flex;
	font-size: 1.1em;
	font-weight:bold;
	align-items: center;
}

#content ul.ba li:before{
	content:"";
	display:block;
	width:60px;
	height:60px;
	background:url("../img/top/maker_b.svg") right bottom no-repeat;
	background-size:contain;
	margin-right:0.5rem;
}

#content ul.ba li.af{
	font-size:1.5em;
	padding-top:1.5rem;
}
#content ul.ba li.af:before{
	width:100px;
	height:100px;
	background:url("../img/top/maker_a.svg") right bottom no-repeat;
	background-size:contain;
	margin-right:1rem;
	
}

/*連携サービス*/
#content .box_renkei h3{
	font-size: 2.8rem;
	margin: 1em 0 0.5em 0;
	padding: 0;
}

/*安心・安全のセキュリティ*/
.box_security{
	padding:2rem 0 10rem 0;
}
.box_security>figure{
	padding:3rem 0;
}

.box_security .waku{
	border:solid 3px #eeeeed;
	margin-top:1rem;
	padding:2.5rem;
}
#content .box_security .waku h4{
	margin-top:0;
}


#content .box_security ul.maru{
	margin:0;
	padding:0;
	list-style:none;
}
#content .box_security ul.maru>li{
	font-weight:bold;
	margin:0;
	padding:0 0 1rem 40px;
	position:relative;
}
.box_security ul.maru>li:before{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	text-align:center;
	content:"\f061";
	position: absolute;
	display: block;
	font-size:1rem;
	color:#fff;
	width:32px;
	height:32px;
	line-height:32px;
	left:0;
	top:0;
	background-color:#00B3E8;
	border-radius:50%;
}

#content .box_security ul.taisaku{
	margin:0;
	padding:1rem 0 0 0;
	display:flex;
	gap:1rem;
	flex-wrap: wrap;
	list-style:none;
}

#content .box_security ul.taisaku li{
	margin:0;
	padding:0.3rem 1rem;
	color:#00B3E8;
	border:solid 2px #00B3E8;
	border-radius: 3px;
}

.box_security h4 .point{
	background: #00B3E8;
	color: #fff;
	display: block;
	width:6em;
	text-align:center;
	font-size: 1.1rem;
	padding: 0 1rem;
	margin: 0 0 0.8rem 0;
	border-radius: 3px;
	vertical-align: middle;
}

/* お知らせ */
#content .ul_newslist{
	margin:0;
	padding:0;
}
#content .ul_newslist li{
	padding:0 0 1.3rem 0;
	list-style:none;
	font-size: 1rem;
	
}
.ul_newslist .date{
	display:inline-block;
	margin-right:1em;
}

.box_news{
	padding:4rem 0 2rem 0;
}
#content .box_news h2{
	font-size: 1.6em;
	margin:0;
	padding-right: 0.5rem;
}

#content .box_news .ul_newslist{
	margin:0;
	padding: 1rem 2rem;
	border-left: solid 1px #888;
}

#content .box_news .ul_newslist li:last-of-type{
	padding-bottom: 0;
}

/* SNSアイコン*/
.p-snsMenu {
}
#content .p-snsMenu__list {
	margin:0;
	padding:0;
	list-style:none;
	display: flex;
	justify-content: center;
}

#content .p-snsMenu__item + .p-snsMenu__item {
	margin:0;
	padding:0;
	margin-left: 1rem;
}

.p-snsMenu__link {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 1.75rem;
  background-color: #fff;
}
.p-snsMenu__link:hover {
  opacity: .8;
}

.p-snsMenu__link.-youtube {
  border: 1px solid #FF0000;
  color: #FF0000;
}

.p-snsMenu__link.-twitter {
  border: 1px solid #555;
  color: #333;
}

.p-snsMenu__link.-facebook {
  border: 1px solid #1877f2;
  color: #1877f2;
}

.p-snsMenu__link.-instagram {
  border: 1px solid #F00075;
  color: #F00075;
}

.box_news .more a {
	background-color: #222;
}


/* サブページ
----------------------------- */


/*ページタイトルと背景*/
.pagetitle{
	background-color:#59564F;
}
.pagetitle h1{
	color:#e5e5e5;
	line-height: 1;
	font-size: 2rem;
	padding:9rem 0 5rem 0;
	letter-spacing: 0.1em;
}
.pagetitle h1 span{
	font-size:0.9rem;
	display:inline-block;
	position: relative;
	margin-bottom:1.5rem;
	text-transform: uppercase;
	line-height: 1;
}
.pagetitle h1 span::after {
	-webkit-transform: translate(100%, -50%);
	background-color: #e5e5e5;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	right: -14px;
	top: 50%;
	transform: translate(100%, -50%);
	width: 60px;
}

.home #content{
	padding:0;
}
#pankuzu{
	padding:1rem 0;
}

/* sidebox
----------------------------- */
/*投稿ページ*/
.archivemain #sidebox{
	margin-top:2rem;
}

#sidebox .select-box{
	display:inline-block;
	font-size: 1rem;
}
#sidebox #box_cate{
	padding-left:2rem;
	display:inline-block;
}

span.sidetitle{
	display:inline-block;
	width:5em;
}

#content ul.catelist{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
}
#content ul.catelist li{
	margin:0;
	padding:0;
	display:inline-block;
}
#content ul.catelist li::after{
	content:"・";
}
#content ul.catelist li:last-of-type::after{
	display:none;
}
.catelist a{
	color:#3279fc;
}

#content ul.catelist ul.children{
	margin:0;
	padding:0;
	display:inline-block;
}
#content ul.catelist ul.children::before{
	content:"(";
	display:inline-block;
	margin:0 0.2rem;
}
#content ul.catelist ul.children::after{
	content:")";
	margin:0 0.2rem;
}
#content ul.catelist .current-cat>a{
	font-weight:bold;
}
.box_articlelist #box_cate,
.box_workslist #box_cate{
	padding-bottom:0;
}


/* お知らせ
----------------------------- */
.archivemain{
}
#content.archivemain h2{
	margin: 1.5em 0;
}
#content.archivemain .ul_newslist{
	padding:0;
	max-width: 900px;
	margin: 0 auto;
}

.entry-meta{
	padding-top:2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.entry-meta .term a{
	margin-right:0.5rem;
}
.entry-meta .day{
	font-size:0.9em;
	color: #888;
	margin-left:auto;
}
#content h2.h_news{
	padding-top:1em;
	font-size: 2.2em;
	line-height: 1.5em;
}

.single .entry-content{
	padding-bottom:4rem;
}



/* 導入事例
----------------------------- */
#content .ul_caselist{
	margin:0;
	padding:0;
	list-style:none;
}
#content .ul_caselist li{
	border-radius:10px;
	overflow:hidden;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
	position:relative;
}
#content .ul_caselist li:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	text-align:center;
	content:"\f061";
	position: absolute;
	display: block;
	font-size:1rem;
	color:#fff;
	width:32px;
	height:32px;
	line-height:32px;
	right:1rem;
	bottom:1rem;
	background-color:#00B3E8;
	border-radius:50%;
}
.ul_caselist .thumbnail img{
	object-fit: cover;
	width:100%;
	height:11vw;
}

.ul_caselist .detail a{
	height:100%;
	display:block;
	padding:1.5rem 1.5rem 3rem 1.5rem;
	text-decoration:none;
}
.ul_caselist .detail a:hover .title{
	color:#00B3E8;
}
.ul_caselist .title{
	display:block;
	font-size:1.1rem;
	line-height:1.4em;
	font-weight:bold;
	padding-bottom:1rem;
}
.ul_caselist .case_name{
	display:block;
	font-size:0.9rem;
	line-height:1.4em;
	color:#888;
	padding-bottom:0.3rem;
}
.ul_caselist .case_data{
	display:block;
	font-size:0.9rem;
	line-height:1.4em;
	color:#888;
}

/*詳細*/
.single-case .thumbnail {
	/*padding-bottom:3rem;*/
}
.single-case .thumbnail img{
	width:100%;
	height:auto;
}
.box_data{
	padding: 3rem;
	background-color:#eeeeed;
	margin-bottom:2rem;
}
.box_data .case_name{
	color:#00B3E8;
	display:block;
	font-weight:bold;
	font-size: 1.8em;
	padding-bottom:1rem;
}

#content .box_data dl{
	margin:0;
	padding:00;
	color:#555;
	font-size:1.1rem;
}
#content .box_data dl dt{
	font-weight: normal;
	display:inline-block;
	margin:0;
	padding:0;
}
#content .box_data dl dd{
	display:inline-block;
	margin:0;
	padding:0;
}


.single-case .box_ba{
	border: solid 1px #eee;
	padding: 3rem;
}
	.single-case .box_ba .box_b{
		padding-bottom: 3.5rem;
		margin-bottom:1.5rem;
		position:relative;
	}
	.single-case .box_ba .box_b:after{
		content:"";
		display:block;
		width:100px;
		height:35px;
		margin:0 auto;
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		background:url("../img/arrow_bottom.svg") center no-repeat;
		background-size:contain;
	}
	
.single-case #content .box_ba h3{
	margin:0.3rem 2rem 0 0;
	font-size:1.1em;
	color:#00B3E8;
	border:solid 2px #00B3E8;
	text-align:center;
}
	.single-case #content .box_ba .box_a h3{
		color:#fff;
		background-color:#00B3E8;
	}
.single-case #content .box_ba ul{
	margin:0;
}
.single-case #content .box_ba li{
	padding-bottom: 0.3em;
}

/* セミナー
----------------------------- */
#content .ul_seminarlist{
	margin:0;
	padding:0;
	list-style:none;
}
#content .ul_seminarlist li{
	border-radius:10px;
	overflow:hidden;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
	position:relative;
}
#content .ul_seminarlist li:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	text-align:center;
	content:"\f061";
	position: absolute;
	display: block;
	font-size:1rem;
	color:#fff;
	width:32px;
	height:32px;
	line-height:32px;
	right:1rem;
	bottom:1rem;
	background-color:#00B3E8;
	border-radius:50%;
}
.ul_seminarlist .thumbnail img{
	object-fit: cover;
	width:100%;
	height:11vw;
}

.ul_seminarlist .detail a{
	height:100%;
	display:block;
	padding:1.5rem 1.5rem 3rem 1.5rem;
	text-decoration:none;
}
.ul_seminarlist .detail a:hover .title{
	color:#00B3E8;
}
.ul_seminarlist .title{
	display:block;
	font-size:1.1rem;
	line-height:1.4em;
	font-weight:bold;
	padding-bottom:1rem;
}
.ul_seminarlist .seminar_date{
	display:block;
	font-size:0.9rem;
	line-height:1.4em;
	color:#888;
}

/*詳細*/
.single-seminar #content table{
	width: 100%;
	border: solid 1px #ddd;
	border-collapse: collapse;
	margin:3rem 0;
}
.single-seminar #content table th,
.single-seminar #content table td{
	padding: 0.75em 1em;
	border: solid 1px #ddd;
	min-width:10%;
}

.single-seminar #content table tr>td:first-child{
	width:15%;
}


/* 会社概要
----------------------------- */
#content .table-company table{
	width: 100%;
	border: none;
	border-collapse: collapse;
}
#content .table-company th,
#content .table-company td{
	padding: 0.75em 1em;
	text-align: left;
	vertical-align: middle;
	border: none;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}



/* ============================
  PC
/* ============================ */
@media(min-width: 900px) {

.center_pc{
	text-align:center;
}

/*カラム（PCのみ）*/
.col2,
.col3{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.col2>*{
	width:50%;
}
.col3>*{
	width:33.333%;
	width:calc(100% / 3);
}
.col_reverse{
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.col2.wrap,
.col3.wrap{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

/*セレクトボックス*/
.select-box{
	font-size: 1em;
}

/*電話番号リンク*/
a.tel{
	pointer-events:none;
	text-decoration:none;
}
.txt a.tel{
	background:none;
}

/*  お問い合わせエリア
----------------------------- */
.contact_detail{
	max-width:600px;
}

/*  メインビジュアル
----------------------------- */
#mainimage .col2{
	justify-content: right;
}
#mainimage .maincopy{
	max-width: 800px;
}


/* レイアウト
----------------------------- */
#main{
	overflow: hidden;/*box_over用*/
}
.box_over{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

/* トップページ
----------------------------- */

/* 解消 */
.box_kaisyo .col3{
	gap:4rem;
}

/*機能一覧*/
#content .box_function .col2>li{
	width:45%;
}

.box_function .f-main{
	padding-top:2rem;
}

.f-main.col2>figure{
	width:55%;
	z-index: 1;
}
.f-main.col2>div{
	width:45%;
}

#content .box_function .f-main h3{
	margin-top:0.5em;
}

#content .box_function .f-main:not(.col_reverse) h3{
	text-align:right;
}


#content .box_function .f-main h3:after{
	width:150%;
}
#content .box_function .f-main.col_reverse h3:after{
	left:auto;
	right:0;
}

/*安心・安全のセキュリティ*/
.box_security .waku{
	align-items: center;
}
	box_security .waku.col2>figure {
		width: 40%;
	}


/* お知らせ */
.box_news .col3{
	gap:4rem;
}
.box_news .col3>*{
	width:auto;
}
.box_news .ul_newslist{
	-webkit-flex-grow: 1;
	flex-grow: 1;
}


/* 導入事例・セミナー
----------------------------- */
#content .ul_seminarlist.col3,
#content .ul_caselist.col3{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	gap:2.3%;
}

#content .ul_seminarlist.col3>li,
#content .ul_caselist.col3>li{
	width:31%;
	margin-bottom:3rem;
}
.ul_seminarlist .thumbnail img,
.ul_caselist .thumbnail img{
	height:13vw;
	max-height:190px;
}


/* 導入事例
----------------------------- */
#content .box_data dl{
	display:inline-block;
	padding-right:1.5rem;
}



}
/* ============================
  PC（1400px以下）
/* ============================ */
@media(max-width: 1400px) {

header.smaller nav #site-title,
header nav #site-title {
	max-width:180px;
	width: 40vw;
}

nav #title .title-copy{
	font-size:0.8rem;
	line-height: 1.6em;
}

/*  ナビゲーション
----------------------------- */
header.smaller nav #access li a,
#access li a{
	font-size:0.8rem;
	padding-left:0.6rem;
	padding-right:0.6rem;
}


}
/* ============================
  PC（1200px以下）
/* ============================ */
@media(max-width: 1200px) {
.header_teikei {
	padding: 1rem 1rem 0 1rem;
}


/*  ナビゲーション
----------------------------- */
nav #spnavi{
	margin-left: auto;
}


/* サブページ
----------------------------- */
#pankuzu {
	padding: 0.5rem 4vw;
}
#content{
	padding:0 4vw;
}
.home #content{
	padding:0;
}

.contentbox{
	padding:0 4%;
}

}
/* ============================
  タブレット
/* ============================ */
@media(max-width: 900px) {

/*見出し*/
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	margin: 1.5em 0 1em 0;
}
#content h1 {
	font-size:2em;
	line-height: 1.4em;
}
#content h2 {
	font-size: 1.5rem;
}
#content h3 {
	font-size:1.2em;
}
#content h4 {
	font-size: 1.1em;
}
#content h5 {
	font-size: 1em;
}
#content h6 {
	font-size: 1em;
}

/* テーブル
----------------------------- */

/*ノーマル*/
#content table th,
#content table td {
	font-size:0.9em;
	padding: 1em;
	line-height: 1.6em;
}

/*スマホでブロック化*/
#content table.sp_block,
#content table.sp_block tbody,
#content table.sp_block tr,
#content table.sp_block tr th,
#content table.sp_block tr td{
	display: block;
	width: 100%;
}
#content table.sp_block tr th,
#content table.sp_block tr td{
	border-left:none;
}

#content table.sp_block tr th{
	border-bottom:none;
	padding-bottom:0;
}

/*横スクロール*/
.scroll-table{
	display: block;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.scroll-table::-webkit-scrollbar{
	height: 8px;
}
.scroll-table::-webkit-scrollbar-track{
	background: #f1f1f1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.scroll-table::-webkit-scrollbar-thumb {
	background: #bcbcbc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#content .scroll-table table{
	margin-bottom:0.5rem;
}
.scroll-hint-icon-wrap.is-active{
	background-color:rgba(0,0,0,0.05);
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon{
	height: 70px;
}
.scroll-hint-text{
	display:none;
}

/*ボタンスタイル*/
.btn_next a,
a.btn {
	font-size: 0.9rem;
}
.btn_next{
	padding-top:2rem;
}


/*1枚画像*/
.wp-block-image.img_right img{
	height: 60vw;
	max-height:300px;
}

/*タイトル本文付写真リスト*/
#content ul.photolist{
   display:block;
}
#content ul.photolist.column3 li{
	width:auto;
}


/*dl*/
dl.dl_normal dt{
	font-size:1em;
}
dl.dl_normal dd{
	padding:0 0 0 1rem;
}


/*  ナビゲーション
----------------------------- */
nav {
	height:60px;
	padding:0 4%;
}
header.smaller nav #site-title,
header nav #site-title {
	width: auto;
}

.drawer-content .menu_scroll{
	display:block;
}
#spnavi .menu_scroll>div{
	width:auto;
}

#spnavi li.btn{
	padding-top:2rem;
}
#spnavi li.btn a{
	padding:0;
	line-height: 60px;
	background-color:#00B3E8;
}


/*  お問い合わせエリア
----------------------------- */
.box_contact{
	background-position: center bottom, center, center;
	background-size: 100px, cover;
}

.inner_contact{
	padding: 4rem 4% 120px 4%;
}
.inner_contact p{
	font-size:1.3em;
	line-height: 1.4em;
}
.inner_contact>p:before, .inner_contact>p:after {
	height: 1.75em;
	width: 1.5em;
}


/*  フッター
----------------------------- */
.pagetop {
	bottom: 3.5em;
}

#f_logo{
	max-width:100px;
	padding-bottom:2rem;
}


/*  メインビジュアル
----------------------------- */
#mainimage .maincopy{
	padding-top:8rem;
}
#mainimage .maincopy p{
	font-size: 2rem;
}
#mainimage .maincopy p span{
	font-size: 1.5rem;
}

#mainimage .maincopy .btn a{
	font-size: 1.1rem;
	line-height: 60px;
	width:80%;
}

#mainimage .mainimg{
	padding-top:4rem;
	padding-bottom:6rem;
	background:linear-gradient(to bottom, #00B3E8,20%, transparent,40%, transparent),url("../img/bg_main.png") 0 0 no-repeat;
	background-size:cover;
	text-align:center;
}

#mainimage .mainimg::before {
	width: 60%;
	max-width: 350px;
}
#mainimage .mainimg img{
	width: 90%;
}

/* トップページ
----------------------------- */
.home #content h2{
	font-size:1.6rem;
}


/* 解消 */
.box_kaisyo{
	padding:3rem 0 4rem 0;
}

.box_kaisyo .col3{
	display:flex;
}
.box_kaisyo .col3>*{
	width:40%;
}
.box_kaisyo .col3>.kaisyo{
	width:20%;
}

#content .box_kaisyo ul.page-link{
	padding:0.5rem 0 0 0;
}

#content .box_kaisyo ul.page-link li{
	padding:0 0 0.5rem 0;
}

.box_kaisyo ul.page-link li a{
	font-size:0.8rem;
	line-height: 1.4em;
	padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}
.box_kaisyo ul.page-link li a:after{
	font-size:0.7rem;
	right:0.7em;
}

/* 導入事例 */
.box_case .thumbnail img{
	height:40vw;
}

/*機能一覧*/
.box_function .f-main>div{
	padding:0;
}
.box_function .f-icon{
	height:40px;
}

#content .box_function h3{
	font-size:1.5em;
}
#content .box_function h3.t_functionlist{
		font-size:1.5em;
}

.target{
	display:block;
	padding-left:0;
	padding-top:1rem;
	font-size:0.8rem;
}
.target span{
	width:auto;
	padding:0.35em 1em;
}

#content ul.ba{
	padding-bottom:2rem;
}
#content ul.ba li.af{
	font-size:1.2em;
	padding-top:1rem;
}

#content ul.ba li.be{
	font-size:1rem;
}

#content ul.ba li.be:before{
	height:50px;
}
#content ul.ba li.af:before{
	height:70px;
}

/*料金について*/
#content .l-main-other ul li{
	font-size:0.9rem;
}

/*連携サービス*/
#content .box_renkei h3{
	font-size: 2.3rem;
}

/*安心・安全のセキュリティ*/
.box_security{
	padding:2rem 4% 6rem 4%;
}

.box_security .waku{
	padding:1.5rem;
}
#content .box_security ul.taisaku{
	gap:0.5rem;
}
#content .box_security ul.taisaku li{
	font-size:1rem;
}



/*課題*/
.box_kadai{
	padding:2rem 4% 4rem 4%;
}


/* お知らせ */
.box_news {
	padding: 4rem 0;
}
#content .box_news .ul_newslist{
	margin:0;
	padding:2rem 0 2rem 0;
	border-left:none;
}

.ul_newslist .date{
	display:block;
}




/* サブページ
----------------------------- */
/*ページタイトル*/
.pagetitle h1{
	padding:7rem 4% 2rem 4%;
	font-size: 1.2em;
}
.pagetitle h1 span{
	margin-bottom:1rem;
}


/* sidebox
----------------------------- */
/*投稿ページ*/
.archivemain #sidebox{
	font-size: 0.9rem;
	line-height: 1.5em;
}



/* お知らせ
----------------------------- */
/*詳細*/
.entry-meta{
	padding-top:1em;
}



/* 導入事例・セミナー
----------------------------- */
#content .ul_seminarlist li,
#content .ul_caselist li{
	margin-bottom:2rem;
}
.ul_seminarlist .thumbnail img,
.ul_caselist .thumbnail img{
	height:50vw;
}


/* 導入事例
----------------------------- */
.box_data{
	padding: 1.5rem;
}
.box_data .case_name{
	font-size: 1.2em;
}
#content .box_data dl{
	font-size:1rem;
}

.single-case .box_ba{
	padding: 2rem;
}
.single-case #content .box_ba h3{
	margin:0;
}
.single-case #content .box_ba ul{
	margin-left:1.5rem;
	 font-size: 1rem;
}


/* 会社概要
----------------------------- */
#content .table-company td{
	display: block;
	width: 100%;
}
#content .table-company tr>td:first-of-type {
	border:none;
}


}

/* ============================
  スマホ（小）
/* ============================ */
@media(max-width: 500px) {

/* ページネーション　タイプ：[<前へ] [次へ>] */
#nav-below .back a,
#nav-below .nav-previous a,
#nav-below .nav-next a {
	font-size:0.85rem;
	width: 7em;
}

/*  ナビゲーション
----------------------------- */
nav #site-title img{
	height:30px;
}

.header_teikei {
	padding-top: 0.5rem;
}

.header_teikei img {
	max-width: 130px;
}






}