@charset "UTF-8";
/*=======================
        style
        ver.201803
=========================*/
/*================
      reset
================*/
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-word;
}
html {
	font-size: 62.5%;
	/* 10px */
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
body {
	position: relative;
	margin: 0;
	line-height: 1;
	color: #333;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
a {
	color: #333;
	text-decoration: none;
}
ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	vertical-align: middle;
	max-width: 100%;
}
.fontBold{
	font-weight: bold;
}
.textCenter{
	text-align: center;
}
@media screen and (max-width: 767px){
	body{
		min-width: auto;
	}
}
@media screen and (max-width: 767px) {
.pcBr {
	display: none;
}
}
.spBr {
	display: none;
}
@media screen and (max-width: 767px) {
.spBr {
	display: block;
}
}
.pc { display: block !important; }
.sp { display: none !important; }
.sp-415 { display: none !important; }
@media only screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
@media only screen and (max-width: 415px) {
.sp-415 { display: block !important; }
}
/*================
				ボタン
================*/
.btn {
	display: block;
	position: relative;
	height: 50px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
	color: #fff;
	line-height: 50px;
	padding: 0 28px 0 47px;
	background: -o-linear-gradient(top, #51d69d 0%, #009252 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#51d69d), to(#009252));
	background: linear-gradient(to bottom, #51d69d 0%, #009252 100%);
	border: 1px solid #006642;
	border-radius: 4px;
}
.btn:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 6px 0 6px;
	border-color: #ffffff transparent transparent transparent;
}
.btn02 {
	display: block;
	position: relative;
	height: 72px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 72px;
	background: -o-linear-gradient(top, #51d69d 0%, #009252 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#51d69d), to(#009252));
	background: linear-gradient(to bottom, #51d69d 0%, #009252 100%);
	-webkit-box-shadow: 3px 4px #007d38;
	box-shadow: 3px 4px #007d38;
}
.btn02--2gyou {
	padding-top: 12px;
	line-height: 24px;
}
.btn--ar-r:before {
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}
.btn--normal, .btn--contact {
	width: 270px;
}
.btn--contact span, .btn--contact--normal span {
	font-size: 1.2rem;
}
.btn--contact span {
	display: block;
	width:80%;
	margin: 0 auto;
}
.btn--normal:before, .detail-content__contact .btn:before, .btn--contact:before {
	left: 26px;
}
.btn02--normal {
	width: 287px;
}
.btn02--large {
	width: 319px;
}
.btn:hover, .btn02:hover {
	opacity: 0.8;
}
.btn--oval { /* ------ 一部共通ボタン ------ */
	width: 100%;
	max-width: 330px;
	text-align: center;
	font-size: 2rem;
	margin: 50px auto 0;
	border-radius: 50px;
}
.closed {
	margin-top: 60px;
}
.closed p a {
	background-color: #3db07d;
}
.seminar-index,
.dl-index {
	margin-top: 30px;
}
.seminar-index p a,
.dl-index p a {
	background-color: #2f5597;
}
.back-seminar-index {
	margin-top: 60px;
	border: 3px solid #2f5597;
	padding: 0;
	transition: .2s;
}
.btn--oval p a {
	display: block;
	font-weight: bold;
	color: #fff;
	padding: 23px 0;
	border-radius: 50px;
}
.back-seminar-index p a {
	display: block;
	color: #2f5597;
	transition: .2s;
}
.btn--oval:hover {
	cursor: pointer;
	opacity: 0.8;
}
.back-seminar-index:hover {
	background-color: #2f5597;
	opacity: 1.0;
}
.back-seminar-index p a:hover {
	color: #fff;
}
@media screen and (max-width: 767px) {
.btn--normal, .btn--contact {
 width: 100%;
}
.detail-content__contact .btn.btn--contact{
	width: auto;
	height: auto;
}
}
@media screen and (max-width: 580px) {
.btn--normal:before, .detail-content__contact .btn:before, .btn--contact:before {
	left: 15px;
	}
}

/*================
				header
================*/
.header {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.header .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: center;
}
.headerLeft {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.headerLeft .headerLogo {
	margin-right: 15px;
}
.headerLeft .headerText {
	font-size: 1rem;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.5);
}
.headerNavList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  height:73px;
  align-items: center;

}
.headerNavList__item {
	font-size: 1.6rem;
	margin-right: 15px;
	height: 73px;
	color: #fff;
	display: flex;
	align-items: center;
}
.headerNavList__item a {
	color: #fff;
}
.headerNavList__item:first-child {
	position: relative;
}
.headerNavList__item:last-child {
	margin-right: 0;
}
.headerNavList .case-btn,.headerNavList .case-btn2{
  cursor: pointer;
}
.header .sp-menu-btn {
	display: none;
}
@media screen and (max-width: 767px) {
.header {
  padding: calc(49*100vw/750) calc(42*100vw/750) 0;
}
.header .wrapper {
	display: block;
}
.headerLeft {
	display: block;
}
.headerLeft .headerLogo {
  margin: 0 0 calc(32*100vw/750);
}
.headerLeft .headerLogo img {
  width: calc(263*100vw/750);
}
.headerNav {
	position: absolute;
  top: calc(30*100vw/750);
  right: calc(30*100vw/750);
	z-index: 3;
}
.headerNavList {
	display: none;
	padding: 0;
	background-color: #fff;
	width: 150px;
	max-width: 100%;
	height: auto;
}
.headerNavList__item {
	font-size: 1.4rem;
	border-bottom: 1px solid #ccc;
	margin: 0;
	height: auto;
	display: block;
	color: #000;
}
.headerNavList .case-btn,.headerNavList .case-btn2{
    padding:calc(30*100vw/750) calc(20*100vw/750) calc(25*100vw/750) calc(20*100vw/750);
}
.headerNavList__item a {
	display: block;
	color: #000;
    padding:calc(30*100vw/750) calc(20*100vw/750) calc(25*100vw/750) calc(20*100vw/750);
}
.header .sp-menu-btn {
	display: block;
	position: relative;
	right: 0;
	width: 30px;
	height: 30px;
	background: url(../img/sp_menu_btn.png);
	background-size: cover;
	margin-left: auto;
	cursor: pointer;
}
.header .sp-menu-btn.active {
	background-image: url(../img/sp_menu_btn_close.png);
}
}
/*sub nav*/
.second_nav,.second_nav2 {
	display: none;
	position: absolute;
	top: 65px;
	/*left: 0;*/
	position: fixed;
	background-color: rgba( 7, 5, 18, 0.65 );
	padding: 20px;
	border: solid rgba( 255, 255, 255, 0.55 ) 1px;
	z-index: 50;
}
.second_nav li,.second_nav2 li {
	width: 180px;
	padding: 10px 0px;
}
.second_nav li:last-child,.second_nav2 li:last-child {
	border-top: 1px solid rgb(255, 255, 255, .5);
}
_:-ms-lang(x), .second_nav li:last-child,:-ms-lang(x), .second_nav2 li:last-child {
 border-top:1px solid #fff;
}
.second_nav li a, .second_nav2 li a{
	color: #fff;
	position: relative;
	display: block;
	padding:0;
	line-height: 1.25;
}
.second_nav li a::after,.second_nav2 li a::after {
	content: "≫";
	display: inline-block;
	margin-left: .5em;
}
@media screen and (max-width:767px) {
.second_nav,.second_nav2 {
	background: #fff;
 padding:calc(20*100vw/750) calc(0*100vw/750) calc(0*100vw/750) calc(5*100vw/750);
}
.second_nav li a,.second_nav2 li a {
	color: #000;
}
.headerNavList .headerNavList__item:first-child, .second_nav, .second_nav2{
	position: static;
}
.second_nav li,.second_nav2 li {
	width: 100%;
 margin-right:calc(30*100vw/750);
}
}
/*================
				contents
================*/
.article {
	min-width: 980px;
	margin: 0 auto;
	background-color: #b0b0b0;
	background: url(../img/main_bg03.png) top center no-repeat;
}
@media screen and (max-width: 767px) {
.article {
	min-width: auto;
	background: none;
}
}
.contentsHead {
	font-size: 3.0rem;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 35px;
	font-weight: bold;
}
.contentsHead02 {
	/*font-size: 4rem;*/
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.contentsHead img {
	vertical-align: text-top;
}
@media screen and (max-width: 767px) {
.contentsHead {
	font-size: 3rem;
	line-height: 1.3333;
	text-align: left;
  margin-bottom: calc(36*100vw/750);
}
.contentsHead img {
	vertical-align: baseline;
}
/*.contentsHead02 {
	font-size: 2.6rem;
}*/
}
.contentsText {
	font-size: 1.6rem;
	line-height: 2.5714;
	text-align: center;
}
@media screen and (max-width: 767px) {
.contentsText {
	line-height: 2.1429;
	text-align: left;
}
.contentsText img {
	vertical-align: baseline;
}
}
/*================
				MV
================*/
.mv {
	padding: 97px 0 0;
	margin-bottom: 167px;
}
.mv .wrapper-flex{
	display: flex;
	justify-content: space-around;
	margin: 0 30px 0 60px;
}
.mv-left {
	margin: auto 0;
}
.mvTitle {
	font-size: 2.8rem;
	color: #fff;
	line-height: 1.5714;
	margin-bottom: 43px;
	font-weight: bold;
}
.mvTitle_p{
	font-size: 1.9rem;
	color: #fff;
	line-height: 2.0;
	margin-bottom: 30px;
}
.mv-right {
	width: 420px;
}
.top-mv {
	pointer-events: none;
	max-width: 420px;
	background-color: #d8e3f3;
	padding: 15px 0;
	margin: 0 0 22px 0;
}
.top-mv p {
	font-weight: bold;
}
.mv-img {
	text-align: center;
}
.mv-img img {
	width: 47%;
}
.mv-btn-sp {
	display: none;
}
.mv .btn, .detail-content__contact .btn, .btn--contact, .contents--chatbot .chatbotList__item .btn, .contents--case .caseBox .btn, .contents--company .btn, .contents--contact .btn{
	margin-bottom: 13px;
	line-height: 2.8;
	max-width: 310px;
	padding-top: 10px;
	height: 60px;
}
.detail-content__contact .btn, .btn--contact{
	margin: 0 auto;
	padding: 10px 0;
	height: auto;
}
.mv .btn:before, .detail-content__contact .btn:before, .btn--contact:before, .contents--chatbot .chatbotList__item .btn:before, .contents--company .btn:before, .contents--contact .btn:before{
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}
.mv .demoText {
	font-size: 1.2rem;
	color: #fff;
}
.mv .demoText a {
	color: #fff;
}
.mv .sp-mvImage {
	display: none;
}
@media screen and (max-width: 767px) {
.mv {
  padding: calc(205*100vw/750) calc(42*100vw/750) calc(171*100vw/750);
	background: url(../img/sp_main_bg.png) top center no-repeat;
	background-size: cover;
	margin-bottom: 0;
}
.mv .wrapper-flex{
	margin: 0;
	display: block;
}
.mvTitle {
	font-size: 2.2rem;
	line-height: 1.3636;
  margin-bottom: calc(29*100vw/750);
}
.mv .btn {
	margin: 0 auto;
	height: auto;
	padding: 10px;
}
.mv-right {
	width: 100%;
}
.top-mv {
	max-width: 310px;
	padding: 14px 0;
	margin: 0 auto 22px;
}
.top-mv p {
	font-size: 14px;
}
.mv-img img {
	max-width: 240px;
	width: 65%;
}
.mv-btn-pc {
	display: none;
}
.mv-btn-sp {
	display: block;
	margin-top: 5%;
}
.mv .demoText {
	font-size: 1.4rem;
	text-align: center;
}
.mv .sp-mvImage {
	display: block;
	width: 60%;
	margin: 0 auto 5%;
}
.mv .sp-mvImage img{
	width: 100%;
}
}
/*================
      TOP
================*/
.wrapper {
	width: 980px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
.wrapper {
	width: 100%;
}
.wrapper--pd {
  padding-left: calc(60*100vw/750);
  padding-right: calc(60*100vw/750);
}
}
/* certification_badge */
.certification_badge{
	padding-bottom: 3em;
  margin-bottom: 6em;
}
.certification_badge p{
    line-height: 2.0;
		margin-bottom: 30px;
    text-align: center;
    font-size: 2.0rem;
}
.certification_badge_color{
	background-color: #d8e3f3;
}
.certification_badge_color .headline03{
	padding: 1.34em 1.34em 0.5em 1.34em;
}
.certification_logo{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-bottom: 2%;
}
.certification_logo .solution-row{
	width: 30%;
	height: 280px;
	margin-top: 1%;
	margin-bottom: 1%;
	background-color: #fff;
	border-radius: 20px;
}
.certification_logo .solution-row:nth-child(2){
	margin-left: 1%;
	margin-right: 1%;
}
.certification_logo .solution-row .solution-row__img{
	text-align: center;
	margin: 10px auto;
	width: 80%;
}
.certification_logo .solution-row .solution-row__img img{
	width: 100%;
}
.certification_logo .solution-row .headline02{
	text-align: center;
	line-height: 1.8;
	font-size: 1.5em;
	margin-top: 10px;
}
.bnr_sustainability {
	margin-top: 80px;
	text-align: center;
}
.bnr_sustainability a:hover {
	opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .certification_badge {
    display: block;
    align-items: center;
	margin-bottom:4em;
  }
	.certification_badge .contentsHead{
		text-align: center;
	}
  .certification_badge .certification_text{
	font-size: 1em;
    text-align: left;
    padding-left: 1em;
  }
  .certification_badge p{
		margin-top:0;
  }
  .certification_badge p{
		text-align:left;
		line-height: 2.1429;
  }
	.certification_logo .solution-row{
		width: 100%;
		height: 70%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.certification_logo .solution-row:nth-child(2){
		margin-left: 3%;
		margin-right: 3%;
	}
	.certification_logo .solution-row .solution-row__img{
		width: 50%;
	}
	.certification_logo .solution-row .solution-row__img.solution-row__img01, .certification_logo .solution-row .solution-row__img.solution-row__img03{
		margin: 3% auto 5%;
	}
	.certification_logo .solution-row .solution-row__img.solution-row__img02{
		margin: 0 auto;
	}
	.bnr_sustainability {
		margin-top: calc(90 * 100vw / 750);
	}
}
/* engage */
.contents--engage .contentsText:first-of-type {
	margin-bottom: 73px;
	padding-bottom: 50px;
	line-height: 2.5714;
	border-bottom: 1px solid #cccccc;
}
.contents--engage .contentsText:last-of-type {
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.contents--engage .wrapper {
	padding: calc(32*100vw/750) calc(60*100vw/750) calc(70*100vw/750);
}
.contents--engage .contentsHead img {
	width: calc(577*100vw/750);
}
.contents--engage .contentsHead:last-of-type img {
	width: calc(420*100vw/750);
}
.contents--engage .contentsHead span {
	font-size: 2rem;
}
.contents--engage .contentsHead:last-of-type {
/*display: none;*/
}
.contents--engage .contentsText:first-of-type {
	margin-bottom: calc(50*100vw/750);
}
.contents--engage .contentsText:last-of-type {
	margin-bottom: 0;
}
}
/*movie*/
.movie {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 92px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 80px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;/*動画が一つの場合に適応*/
}
.movieHead {
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 29px;
}
.movieHead img {
	vertical-align: baseline;
	margin-right: 5px;
}
.movie__item {
	max-width: 46.938%;
}
.movie__item:first-child {
/*margin-right: 6.124%;*/
  /*動画が2つ以上の場合に適応*/
}
@media screen and (max-width: 767px) {
.movieFrame {
	position: relative;
	padding-top: 56.25%;
}
.movieFrame iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
}
@media screen and (max-width: 767px) {
.movie {
	display: block;
	padding-bottom: calc(101*100vw/750);
	margin-bottom: calc(80*100vw/750);
}
.movie__item {
	max-width: 100%;
}
.movie__item:first-child {
	margin: 0 0 calc(80*100vw/750);
}
.movieHead {
	font-size: 2rem;
	line-height: 1.3333;
	text-align: left;
	margin-bottom: calc(16*100vw/750);
}
.movieHead img {
	width: calc(410*100vw/750);
	margin-right: 0;
}
}
.contentsImage {
	margin-bottom: 57px;
}
@media screen and (max-width: 767px) {
.contentsImage {
	margin-bottom: calc(54*100vw/750);
}
}
/*chatbot*/
.contents--chatbot .chatbot-p{
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 3%;
}
.contents--chatbot .contentsHead img{
	width: 27%;
}
@media screen and (max-width: 767px) {
.contents--chatbot {
	padding-top: 30px;
}
.contents--chatbot .chatbot-p{
	padding: 0 calc(40*100vw/750);
	font-size: 1.8rem;
	margin-top: 5%;
}
}
.contents--chatbot .chatbotList h3 {
	margin-bottom: 15px;
	line-height: 1.8;
	font-size: 2.3em;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
.contents--chatbot h3 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 2em;
}
}
.contents--chatbot .chatbotList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 2%;
}
.contents--chatbot .chatbotList__item {
	width: 480px;
	margin: 0 5px;
}
.contents--chatbot .chatbotList__item p {
	font-size: 1.8rem;
	margin-bottom: 5px;
	line-height: 1.8;
	text-align: left;
}
.contents--chatbot .chatbotList__item.chatbotList__item-left{
	padding-right: 5%;
}
.contents--chatbot .chatbotList__item.chatbotList__item-right{
	padding-left: 5%;
}
.contents--chatbot .chatbotList__item01.chatbotList__item01-btn{
	padding-right: 0;
}
.contents--chatbot .chatbotList__item01 .btn{
	margin: 10px 0 10px 35%;
}
.contents--chatbot .chatbotList__item02 .btn{
	margin: 10px 5% 10px 0;
}
.contents--chatbot .chatbotList__item02 .h4title {
	background: #ee5454;
	color: #fff;
	text-align: center;
	padding: 4% 2%;
	font-weight: bold;
	font-size: 1.8em;
}
.contents--chatbot .chatbotList__item02 .h4title:nth-of-type(2) {
	background: #86bed4;
}
.contents--chatbot .chatbotList__item02 .h4title .spBr {
	display: block;
}
@media screen and (min-width:515px) {
.contents--chatbot .chatbotList__item02 .h4title .spBr {
	display: none;
}
}
.contents--chatbot .chatbotList__item02 ul {
	font-size: 1.4em;
	margin: 4% 0 10% 5%;
}
.contents--chatbot .chatbotList__item02 li {
	list-style: disc;
	margin-bottom: 2%;
	line-height: 1.5;
}
.contents--chatbot .chatbotListItem02 {
	width: 240px;
	float: left;
	padding: 0 5%;
}
.contents--chatbot .chatbotListItem02_01 {
	background: #ed7d31;
	border-radius: 10px;
	padding: 5% 0;
	margin: 10% 0 0;
	color: #fff;
	font-weight: bold;
}
.contents--chatbot .chatbotListItem02_01 span {
	display: block;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.4;
}
.contents--chatbot .chatbotList__item.chatbotList__item__sp {
	display: none;
}
@media screen and (max-width:767px) {
.contents--chatbot .contentsHead {
	text-align: center;
	padding:0 calc(40*100vw/750);
}
.contents--chatbot .contentsHead img{
	width: calc(420*100vw/750);
}
.contents--chatbot .chatbotList {
	padding:0 calc(40*100vw/750);
}
.contents--chatbot .chatbotList__item {
	width: 100%;
	margin: 5% 0;
}
.contents--chatbot .chatbotList__item.chatbotList__item-left{
	padding-right: 0;
}
.contents--chatbot .chatbotList__item.chatbotList__item-right{
	padding-left: 0;
}
.contents--chatbot .chatbotList__item01{
	padding-right: 0;
}
.contents--chatbot .chatbotList__item01, .contents--chatbot .chatbotList__item02{
	margin: 2% 0;
}
.contents--chatbot .chatbotList__item02 h4 {
	line-height: 1.5;
}
.contents--chatbot .chatbotListItem02 {
	width: 100%;
	text-align: center;
	float: none;
}
.contents--chatbot .chatbotList__item.chatbotList__item__sp {
	display: block;
	margin:2% 0;
}
.contents--chatbot .chatbotList__item.chatbotList__item__pc {
	display: none;
}
.contents--chatbot .chatbotList__item01 .btn, .contents--chatbot .chatbotList__item02 .btn{
	margin: 0 auto;
}
.contents--chatbot .chatbotList__item01-btn, .contents--chatbot .chatbotList__item02-btn{
	margin: 2% 0;
}
}
/* LINE社 */
.top_txt_line {
	margin-left: 173px;
	font-size: 1.5em !important;
	color: #7b7777;
}
@media screen and (max-width:767px) {
	.top_txt_line {
		font-size: 1.2rem !important;
		padding: 0 10px 10px;
		margin: 0;
	}
}
/* case */
.second h2.contentsHead02 {
	margin-bottom: 15px;
}
.contents--case {
	/*padding: 165px 0 100px;
	background: url(../img/case_bg.png) top center no-repeat #a4cedf;*/
	padding: 50px 0 30px;
}
.contents--case .contentsHead {
	margin-bottom: 30px;
	padding-top: 30px;
}
.contents--case .contentsHead02 {
	margin-top: 65px;
	margin-bottom: 15px;
}
.contents--case .contentsHead02.contentsHead02_top {
	margin-top: 15px;
}
.contents--case .caseBox{
	background-color: #d8e3f3;
}
.contents--case .caseBox p{
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.8;
	margin-bottom: 25px;
}
.contents--case .caseBox .caseBox_bold{
	font-weight: bold;
}
.contents--case .caseBox .btnArea{
	padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
.contents--case {
	/*padding: calc(127*100vw/750) calc(60*100vw/750) calc(100*100vw/750);
	background-image: url(../img/sp_case_bg.png);*/
	padding: 5% 3% 2%;
}
.contents--case .contentsHead {
	text-align: center;
	margin-bottom: calc(66*100vw/750);
	padding: 3% 3% 0;
}
.contents--case .caseBox p{
	font-size: 1.6rem;
	padding: 0 3%;
}
}
.contents--case .caseBtn {
	margin-top: 30px;
}
.contents--case .caseBtn .btn {
	margin: 0 auto;
	padding: 0.6em 1.5em;
	max-width: 350px;
	height: auto;
	font-size: 2rem;
	line-height: 1.4;
}
@media screen and (max-width: 767px) {
.contents--case .caseBtn .btn {
	font-size: 1.8rem;
}
}
.caseList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.caseList__item {
	width: 490px;
}
.caseList__item:first-child {
	padding-right: 30px;
	border-right: 1px solid #fff;
}
.caseList__item:last-child {
	padding-left: 31px;
}
.caseList__item02 {
	width: 287px;
	margin: 0 59px 40px 0;
	text-align: center;
}
.caseList__item02:nth-child(3n) {
	margin-right: 0;
}
.caseList__item02 a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
.caseList {
	display: block;
}
.caseList__item {
	width: 100%;
}
.caseList__item:first-child {
	padding: 0 0 calc(44*100vw/750);
	border-right: none;
	border-bottom: 1px solid #fff;
	margin-bottom: calc(20*100vw/750);
}
.caseList__item:last-child {
	padding: 0;
}
.caseList__item02 {
	width: 100%;
	margin-right: 0;
}
.caseList__item02 a.btn02 {
	width: 100%;
	margin: 0 auto;
}
}
.caseHead {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.6667;
	text-align: center;
	margin-bottom: 25px;
}
.caseHead02 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.6667;
	margin-top: 10px;
}
.caseText {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.6;
}
@media screen and (max-width: 767px) {
.caseHead {
	font-size: 2rem;
	line-height: 1.5;
	margin-bottom: calc(20*100vw/750);
}
}
@media screen and (max-width: 767px) {
.caseImage {
	text-align: center;
}
}
/* function */
.contents--function {
	padding: 109px 0 36px;
}
.contents--function .contentsHead {
	margin-bottom: 103px;
}
@media screen and (max-width: 767px) {
.contents--function {
	padding: calc(80*100vw/750) calc(60*100vw/750) calc(96*100vw/750);
}
.contents--function .contentsHead {
	margin-bottom: calc(60*100vw/750);
}
}
.functionHead {
	font-size: 2.4rem;
	line-height: 1.6667;
	padding-left: 38px;
	margin-bottom: 25px;
	background: center left no-repeat;
}
.functionText {
	width: 280px;
	font-size: 1.4rem;
	line-height: 2.5714;
}
.functionList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.functionList__item {
	width: 430px;
	margin-bottom: 80px;
	background: top right no-repeat;
}
.functionList__item:nth-child(2n) {
	margin-left: 120px;
}
.functionList__item--01 {
	background-image: url(../img/function_bg_01.png);
}
.functionList__item--01 .functionHead {
	background-position: top 6px left;
	background-image: url(../img/function_icon_01.png);
}
.functionList__item--01 .functionText {
	margin-bottom: 23px;
}
.functionList__item--02 {
	background-image: url(../img/function_bg_02.png);
}
.functionList__item--02 .functionHead {
	background-image: url(../img/function_icon_02.png);
}
.functionList__item--02 .functionText {
	margin-bottom: 23px;
}
.functionList__item--03 {
	background-image: url(../img/function_bg_03.png);
}
.functionList__item--03 .functionHead {
	background-image: url(../img/function_icon_03.png);
}
.functionList__item--04 {
	background-image: url(../img/function_bg_04.png);
}
.functionList__item--04 .functionHead {
	background-position: top 6px left;
	background-image: url(../img/function_icon_05.png);
}
.functionList__item--05 {
	background-image: url(../img/function_bg_05.png);
}
.functionList__item--05 .functionHead {
	background-image: url(../img/function_icon_04.png);
}
.functionList__item--06 .functionHead {
	background-image: url(../img/function_icon_06.png);
}
.functionList__item--06 .functionText {
	width: 100%;
}
.functionList__item:last-child, .functionList__item:nth-last-child(2) {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.functionHead {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: calc(17*100vw/750);
}
.functionText {
	width: calc(370*100vw/750);
	line-height: 2.1429;
}
.functionList__item {
	width: 100%;
	margin-bottom: 0;
	padding: 0 0 calc(95*100vw/750);
	background-position: top 38px right;
}
.functionList__item:nth-child(2n) {
	margin-left: 0;
}
.functionList__item--01 .functionHead {
	background-position: top 2px left;
}
.functionList__item--01 .functionText {
	margin-bottom: calc(70*100vw/750);
}
.functionList__item--02 .functionHead {
	background-position: top 2px left;
}
.functionList__item--02 .functionText {
	margin-bottom: calc(70*100vw/750);
}
.functionList__item--03, .functionList__item--04 {
	margin-bottom: 0;
	padding-bottom: calc(95*100vw/750);
}
}
@media screen and (max-width:670px) and (min-width:388px) {
.functionList__item--01 .functionText, .functionList__item--02 .functionText {
	margin-bottom: calc(90*100vw/750);
}
}
@media screen and (max-width:388px) {
.functionText {
	width: 55%;
}
}
/* company */
section.contents--company .wrapper:first-of-type {
	margin-bottom: 30px;
}
.contents--company {
	padding: 80px 0 30px;
}
.contents--company .contentsHead {
	margin-bottom: 0;
}
.contents--company .contentsText{
	font-size: 2.0em;
	line-height: 2.0;
}
.contents--company .contentsText.right{
	text-align: right;
	font-size: 1.5em;
	padding-top: 1%;
}
.contents--company .btn{
	margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
section.contents--company .wrapper {
	margin-bottom: 10px;
}
.contents--company {
	padding: calc(90*100vw/750) calc(35*100vw/750) calc(0*100vw/750);
}
.contents--company .contentsHead {
	text-align: center;
}
.contents--company .contentsText.right{
	font-size: 1.2rem;
	text-align: left;
}
}
.contentsHead {
	clear: both;
}
/* 企業の導入実績 */
.comapnyCity {
  max-width: 980px;
}
.comapnyCity.border-bottom{
	margin-bottom: 25px;
  padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
.companyList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.companyList__item {
  width: 170px;
  margin-bottom: 5px;
  box-sizing: border-box;
  /* 画像を中央揃え */
  align-items: center;
  display: flex;
  justify-content: center;
}
.companyList__item.item02{
	width: 150px;
}
.companyList__item img {
  width: 150px;
  backface-visibility: hidden;
}
@media screen and (max-width:767px) {  /* SP時は2列固定で、liの幅が変わるだけ */
  .comapnyCity {
    max-width: 980px;
    /* width: calc(100vw - calc(120*100vw/750)); */
    width: 100%;
  }
  .companyList__item {
    width: 40%;
  }
  .companyList__item img {
    max-width: 150px;
    width: 100%;
  }
}
.second .companyList__item.kagoshima_logo{
	width:190px;
}
.second .companyList__item.kagoshima_logo img {
  width: 190px;
  height:126px;
  object-fit:cover;
}
@media screen and (max-width:767px) {
	.second .companyList__item,.second .companyList__item.kagoshima_logo{
    width: 40%;
  }
  .second .companyList__item img {
    height:auto;
  }
}
/* seminar_archive */
.contents--seminar_archive {
	margin: 50px 0;
}
.contents--seminar_archive .sa-framework {
	background-color: #d8e3f3;
	padding: 40px 30px 0;
}
.contents--seminar_archive .seminar-archive-box {
	padding-bottom: 60px;
}
.contents--seminar_archive .contentsHead {
	margin-bottom: 10px;
}
.top-case_study_seminar,
.top-useful_materials_dl {
	display: flex;
	justify-content: space-between;
}
.top-case_study-text,
.top-useful_materials-text {
	width: 50%;
	margin-top: 20px;
}
.top-case_study-text > p,
.top-useful_materials-text > p {
	font-size: 1.8em;
	line-height: 1.8;
}
.top-useful_materials-text > p {
	margin-top: 30px;
}
.top-case_study-img,
.top-useful_materials-img {
	width: 45%;
	margin-top: 10px;
}
@media screen and (max-width:767px) {
	.contents--seminar_archive {
		margin-top: 17%;
	}
	.contents--seminar_archive .wrapper {
		padding: 0 calc(60*100vw/750);
	}
	.contents--seminar_archive .sa-framework {
		padding: 40px 18px 0;
	}
	.contents--seminar_archive .contentsHead {
		text-align: center;
	}
	.top-case_study_seminar,
	.top-useful_materials_dl {
		flex-direction: column;
	}
	.top-case_study-text,
	.top-useful_materials-text {
		width: 100%;
		margin: 30px 0 0 0;
		order: 1;
	}
	.top-useful_materials-text > p {
		margin-top: 0;
	}
	.top-case_study-img,
	.top-useful_materials-img {
		margin: 20px 0 0;
		width: 100%;
		order: 0;
	}
}
	/* contact */
.contents--contact {
	padding: 5px 0 50px;
}
.contents--contact .contentsHead {
	font-size: 2.4rem;
	margin-bottom: 0;
}

.contents--contact .wrapper:last-child {
	margin: 30px auto 0;
}
.contents--contact .wrapper p {
	line-height: 1.8;
	font-size: 1.8rem;
}
.contents--contact .figure-box2 .utilization__text01{
	font-size: 2.5rem;
}
.contents--contact .figure-box3 .utilization__text01{
	font-size: 2.5rem;
}
.contents--contact .utilization__img__box .utilization__img02 img{
	backface-visibility: hidden;
}
.contents--contact .utilization__img__box .utilization__img02.img-size a, .contents--contact .utilization__img__box .utilization__img02.img-size02 a{
	display: block;
}
.contents--contact .utilization__img__box .utilization__img02.img-size a.utilization__img02_under{
	margin-top: 15px;
}
.contents--contact .utilization__img__box .utilization__img02.img-size a img{
	max-width: 90%;
}
.contents--contact .utilization__img__box .utilization__img02.img-size02 a img{
	max-width: 75%;
}
.contents--contact .btn{
	margin: 20px auto 0;
}
@media screen and (max-width: 767px) {
.contents--contact {
 padding: calc(50*100vw/750) calc(60*100vw/750) calc(100*100vw/750);
}
.contents--contact .contentsHead {
	font-size: 2rem;
	line-height: 1.3333;
 margin-bottom: calc(36*100vw/750);
}
.contents--contact .figure-box2 .utilization__box{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.contents--contact .figure-box3 .utilization__box{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
}
/* 機能リリース */
.releaseBox {
	margin-bottom: 60px;
	font-size: 1.5rem;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
.releaseBox {
	margin-bottom: 80px;
	font-size: 1.4rem;
	line-height: 1.8;
}
}
@media screen and (max-width: 767px) {
.releaseBox {
 padding: 0 calc(40*100vw/750);
}
}
.releaseBox__description {
	margin: 1.5em 0;
	text-align: center;
	font-size: 2rem;
}
@media screen and (max-width: 767px) {
.releaseBox__description {
	/*text-align: left;*/
	font-size: 1.8rem;
}
}
.releaseBox__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 767px) {
.releaseBox__row {
	display: block;
	margin-right: 0;
}
}
.releaseBox__col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 50%;
	padding: 0 10px;
}
@media screen and (max-width: 767px) {
.releaseBox__col {
	display: block;
	width: auto;
	padding-right: 0;
}
.releaseBox__col:not(:last-child) {
	margin-bottom: 60px;
}
}
.releaseBox__content {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
}
.releaseBox__content> *:first-child {
	margin-top: 0;
}
.releaseBox__content> *:last-child {
	margin-bottom: 0;
}
.releaseBox__content p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.releaseBox__content ul {
	padding-left: 1.5em;
font-size: 1.4rem;
}
.releaseBox__content ul > li {
	list-style: disc;
}
.releaseBox__content ul > li:not(:last-child) {
	margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
.releaseBox__content ul > li:not(:last-child) {
	margin-bottom: 0.2em;
}
}
.releaseBox__bottom {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
	margin-top: 20px;
}
.releaseBox__img {
	text-align: center;
}
.releaseBox__img img {
	border: 1px solid #c9c9c9;
}
@media screen and (min-width: 768px) {
.releaseBox__img.-img02 img {
	max-width: 435px;
}
}
.releaseBox__title {
	padding: 0.5em;
	margin: 40px 0 20px;
	background: #86bed4;
	line-height: 1.6;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.releaseBox__title {
	font-size: 1.7rem;
}
}
/* news list */
.news_list_area {
	margin-bottom: 80px;
}
.news_list .list-item {
	display: flex;
	margin-bottom: 20px;
}
.news_list .news_date-genre,
.news_list .news-heading {
	line-height: 1.8;
	font-size: 1.8rem;
}
.news_list .news_date-genre {
	display: flex;
	align-items: center;
}
.news_list .news-heading {
	width: 690px;
}
.news_list .news-genre {
	display: inline-block;
	width: 150px;
	height: 34.39px;
	text-align: center;
	border: 1px solid #000;
	margin: 0 20px;
}
.news_list .news-heading-link:hover {
	font-weight: bold;
	color: #4472c4;
}
.news_list_btn {
	background-color: #3db07d;
	font-size: 2rem;
	max-width: 345px;
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
	.news_list .list-item {
		display: block;
	}
	.news_list .news_date-genre,
	.news_list .news-heading {
		line-height: 1.8;
	}
	.news_list .news-heading {
		width: auto;
		margin-bottom: 22px;
	}
	.news_list .news_date-genre {
		margin-bottom: 7px;
	}
	.news_list .news-genre {
		margin: 0 0 0 10px;
	}
	.news_list_btn {
		font-size: 1.8rem;
		margin-top: 0;
	}
}
/*================
      SECOND
================*/
/* header */
.second .header {
	min-width: 980px;
	height: 73px;
	position: static;
	margin: auto;
	background: url(../img/header_bg.png) center no-repeat;
	background-size: 100vw 73px;
}
@media screen and (max-width: 980px) {
	.second .header{
		background-size: inherit;
	}
}
@media screen and (max-width: 767px) {
.second .header {
	height: auto;
	min-width: auto;
 padding: calc(30*100vw/750) calc(42*100vw/750);
	background: url(../img/sp_header_bg.png) center no-repeat;
	background-size: 100vw 100%;
}
}
.second .wrapper.pankuzu {
	font-size: 1.5rem;
	padding: 10px 0 35px;
}
/* mv */
.second .article {
	background: none;
}
.second .mv {
	padding: 0;
	margin-bottom: 72px;
	background: url(../img/main_pc2.png) top center no-repeat;
	background-color: #abd5ee;
	height: 340px;
}
@media screen and (max-width: 767px) {
.second .mv {
 padding-bottom: calc(5*100vw/750);
	background: url(../img/sp_main_bg_second2.png) top center no-repeat #3074bf;
	background-size: contain;
	margin-bottom: 0;
	position: relative;
	height: auto;
}
  .second .mv .wrapper:nth-of-type(1) {
    height: calc(300*100vw/750);
    padding-left: calc(42*100vw/750);
  }
  .second .mv .wrapper:nth-of-type(2) {
    padding: calc(33*100vw/750);
    background-color: #3074bf;
  }
}
.second .mvTitle {
	color: #000;
	font-size: 6rem;
	line-height: 1;
	margin-bottom: 28px;
	padding-left: 20px;
}
.second .mvsubTitle {
	font-size: 2.5rem;
	line-height: 1.7;
	margin-bottom: 10px;
	padding-left: 20px;
}
.second .btnArea {
	padding-left: 20px;
}
@media screen and (max-width: 767px) {
.second .mvTitle {
	font-size: 5vw;
	line-height: 1.3636;
 margin-bottom: calc(10*100vw/750);
	padding-left: 0;
}
.second .mvsubTitle {
	font-size: 2.8vw;
	margin-bottom: 0;
	padding-left: 0;
}
.second .btnArea {
	padding-left: 0;
}
}
/*================
      導入事例
================*/
/* navList */
.navList ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.navList ul li {
	width: calc(33.3333% - 15px);
	margin-bottom: 15px;
	margin-right: 15px;
}
.navList ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.1;
	color: #fff;
	font-size: 2rem;
}
.navList ul li a:hover {
	opacity: 0.8;
}
@media screen and (max-width: 767px) {
.navList ul {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.navList ul li {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
.navList ul li a {
	height: 3em;
	font-size: 1.6rem;
}
}
/* industry */
.contents--industry {
	color: #3074bf;
	padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
.contents--industry {
 padding: 0 calc(60*100vw/750) calc(100*100vw/750);
}
.contents--industry .contentsHead {
	text-align: center;
}
}
.industry__item {
	margin-top: 80px;
	text-align: center;
}
.industry__item:first-child {
	margin-top: 5vw;
}
/* 事例詳細共通 */
.case>div {
	overflow: hidden;
	background: #fff;
	margin: 1em 0 60px;
}
.case .caseDetail p {
	line-height: 1.3;
	font-size: 22px;
	font-weight: bold;
	color: #426DB5;
	margin: 1em 1em 0.5em;
}
.case .detailBtn {
	margin-bottom: 15px;
}
.case .detailBtn .btn {
	max-width: 240px;
	margin: 0 auto;
	font-size: 1.7rem;
}
.case>p {
	font-size: 3rem;
	text-align: center;
	margin-top: 0.7em;
	margin-bottom: 60px;
}
.case .floatLeft, .case .floatRight {
	float: left;
	width: 50%;
}
.case .floatLeft p, .case .floatRight p {
	margin: 20px 10px 10px;
}
.case .floatLeft p img, .case .floatRight p img {
	width: 100%;
	height: auto;
}
.case .floatLeft ul {
	margin: 20px 0 30px 15px;
}
.case .floatLeft ul li {
	font-size: 14px;
	text-indent: -16px;
	margin: 0 0 15px 23px;
	line-height: 20px;
}
.case .floatLeft ul li:before {
	content: "";
	background: #25949F;
	border-radius: 100%;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 7px;
}
.case .floatLeft p {
	overflow: hidden;
}
.case .floatRight p img:nth-child(2) {
	padding: 8px 0;
}
body.second .contents--case {
	background: #fff;
	padding-top: 0;
}
body.second .contents--case.contents--case_bottom {
	padding-bottom: 25px;
}
.headline03.headline03_bottom{
	margin-bottom: 15px;
}
.case .floatLeft.floatLeft_02{
	width: 40%;
}
.case .floatRight.floatRight_02{
	width: 60%;
}
.case .floatLeft.floatLeft_02 ul {
	margin: 0;
}
.case .floatLeft.floatLeft_02 ul li {
	text-indent: 0;
	line-height: 1.8;
	margin: 0;
}
.case .floatLeft.floatLeft_02 ul li:nth-child(1){
	font-size: 2.0em;
	margin-top: 20px;
  margin-bottom: 0.5em;
}
.case .floatLeft.floatLeft_02 ul li:nth-child(2){
	font-size: 1.5em;
	margin-bottom: 1.5em;
}
.case .floatLeft.floatLeft_02 ul li:nth-child(3) {
	font-size: 1.5em;
}
.case .floatLeft.floatLeft_02 ul li:nth-child(3) a{
	color: #0075c1;
}
.case .floatLeft.floatLeft_02 ul li:before{
	content:none;
}
/* 熊本市様 */
.kumamotoCase .floatLeft p img {
	width: 50%;
	height: auto;
	float: left;
}
@media screen and (max-width:767px) {
/* 共通 */
.case .caseDetail p {
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.case .caseDetail p {
	font-size: 16px;
}
.case .floatLeft, .case .floatRight {
	width: 100%;
	float: none;
	padding: 5px 5px;
}
.case .floatLeft ul {
	margin: 20px 0 30px;
	padding: 0 20px;
}
.case .floatLeft ul li {
	margin-left: 0;
}
.case>p {
	font-size: 2.6rem;
}
.case .floatLeft.floatLeft_02, .case .floatRight.floatRight_02 {
	width: 100%;
	float: none;
	padding: 5px 5px;
}
}
.contents--detail {
	margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
.contents--detail {
  margin-bottom: calc(100*100vw/750);
  word-break: break-word;
}
}
.pageTitle {
	margin: 1.5em 0 1.5em;
	padding: 0 0.5em;
	color: #000;
	font-size: 4rem;
	line-height: 1.3;
}
.breadcrumb + .pageTitle {
	margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
.pageTitle {
	margin: 1em 0 1em;
	padding: 0;
	font-size: 2.2rem;
}
}
.pageTitle .main {
	display: block;
	font-size: 100%;
}
.pageTitle .sub {
	position: relative;
	display: inline-block;
	font-size: 0.5em;
}
.pageTitle .sub:after {
	display: block;
	width: 100%;
	height: 2px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(255,255,255,0)));
	background: -o-linear-gradient(left, rgba(0,0,0,1), rgba(255,255,255,0));
	background: linear-gradient(90deg, rgba(0,0,0,1), rgba(255,255,255,0));
	margin: 0.5em 0 0.8em;
	content: "";
}
@media screen and (max-width: 767px) {
.pageTitle .sub:after {
	height: 1px;
}
}
.pageHead {
	overflow: hidden;
	margin-bottom: 30px;
}
.pageHead.-case {
	background-color: #abd5ee;
}
.breadcrumb {
	margin: 15px 0 20px;
	padding: 0;
	font-size: 0;
}
.mv .breadcrumb {
	margin: 0;
	padding: 15px 0 35px;
}
.breadcrumb li {
	display: inline;
	font-size: 1.5rem;
	line-height: 1.5;
}
.breadcrumb li:not(:first-of-type):before {
	content: "\003e";
	margin: 0 0.3em;
}
@media screen and (max-width: 767px) {
.breadcrumb {
	margin: 10px 0 15px;
}
.mv .breadcrumb {
	margin: 0;
	padding: 10px 0 30px;
}
.breadcrumb li {
	font-size: 1.2rem;
}
}
.headline01 {
	background: #426DB5;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding: 0.34em 1.34em;
	line-height: 1.3;
}
.headline02 {
	margin-top: 2em;
	margin-bottom: 0.8em;
	padding: 0.6em 1em;
	border-left: 1px solid #426DB5;
	font-size: 1.2em;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
.headline01 {
	font-size: 18px;
	padding-left: 0.8em;
	padding-right: 0.8em;
}
}
.list {
	counter-reset: list-num;
	margin-bottom: 1em;
}
.list > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 0.1em;
	counter-increment: list-num;
}
.list > li:not(:last-child) {
	margin-bottom: 0.1em;
}
.list.-desc > li > .list__mark:before {
	display: inline-block;
	margin-right: 0.5em;
	margin-left: 0.5em;
	width: 0.6em;
	height: 0.6em;
	border-radius: 50%;
	background: #25949F;
	content: '';
}
.list.-desc > li > .list__mark.-note:before {
	content: '\203B';
}
.list.-desc > li > .list__mark.-num {
	padding-right: 0.5em;
	text-align: right;
}
.list.-desc > li > .list__mark.-num:before {
	content: counter(list-num);
}
.list__mark + * {
	display: block;
}
.table {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border: 1px solid #e3e3e3;
	border-collapse: collapse;
	border-spacing: 0;
}
.table th, .table td {
	padding: 0.8em 1.5em;
	border: 1px solid #e3e3e3;
}
.table th {
	background: #f8f9fa;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
.table td {
	vertical-align: top;
}
@media screen and (max-width: 767px) {
.table {
	font-size: 0.9em;
}
.table th, .table td {
	padding: 0.5em;
}
}
.table--01 {
	width: 100%;
}
.table--01 th {
	text-align: center;
	vertical-align: middle;
}
.table--01 td {
	text-align: center;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
.table--01 {
	min-width: 0;
}
.table--01 th {
	min-width: 8em;
	text-align: left;
}
.table--01 td {
	text-align: left;
}
}
@media screen and (max-width:200px){
	.table--01 th{
		min-width: 100%;
	}
}
.figure-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	margin: 1.5em auto;
}
.figure-box__item {
	display: block;
	text-align: center;
	min-height: 0%;
	width: 25%;
}
.zoom-btn {
	position: relative;
	display: inline-block;
	max-width: 100%;
}
.zoom-btn:before {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 3;
	display: block;
	width: 30px;
	height: 30px;
	background: #fff url('../img/sp_main_bg_second.png') center center / 60% auto no-repeat;
	border-radius: 50%;
	box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.15);
	opacity: 0;
	transition: 0.4s opacity cubic-bezier(0.36, 0.1, 0.16, 1);
	content: '';
}
.zoom-btn:hover:before {
	opacity: 1;
}
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: -20px;
}
[class*="row__col-"] {
 width: 100%;
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 20px;
}
.row__col-1-2 {
	width: 50%;
}
.row__col-1-3 {
	width: 33.3333333333%;
}
.row__col-1-4 {
	width: 25%;
}
.row__col-1-5 {
	width: 20%;
}
.row__col-1-6 {
	width: 16.6666666667%;
}
@media screen and (min-width: 768px) {
.row__col-1-2-lg {
	width: 50%;
}
.row__col-1-3-lg {
	width: 33.3333333333%;
}
.row__col-1-4-lg {
	width: 25%;
}
.row__col-1-5-lg {
	width: 20%;
}
.row__col-2-5-lg {
	width: 40%;
}
.row__col-3-5-lg {
	width: 60%;
}
.row__col-1-6-lg {
	width: 16.6666666667%;
}
}
@media screen and (max-width: 767px) {
	.figure-box__item{
		width:100%;
	}
.row__col-1-2-md {
	width: 50%;
}
.row__col-1-3-md {
	width: 33.3333333333%;
}
.row__col-1-4-md {
	width: 25%;
}
.row__col-1-5-md {
	width: 20%;
}
.row__col-1-6-md {
	width: 16.6666666667%;
}
}
.detail-content {
	font-size: 1.5rem;
	line-height: 1.8;
}
.detail-content:not(:root) >*:first-child {
	margin-top: 0;
}
.detail-content .inner {
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.detail-content p:not([class]) {
	margin-bottom: 0.8em;
}
.detail-content a:not([class]) {
	text-decoration: underline;
}
.detail-content figure {
	margin: 0 0 0.8em;
	text-align: center;
}
.detail-content strong {
	font-weight: bold;
	color: #ff6a4f;
}
.detail-content .img-center, .detail-content .img-left {
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}
@media screen and (min-width: 768px) {
.detail-content .img-left {
	margin: 0.5em 1.5em 1.5em 0;
	float: left;
}
}
@media screen and (max-width: 767px) {
.detail-content {
	font-size: 1.3rem;
}
.detail-content .inner {
	padding-left: 0;
	padding-right: 0;
}
}
.detail-content .headline01 {
	margin-top: 2em;
	margin-bottom: 0.8em;
}
.detail-content__contact {
	margin: 60px 0;
}
@media screen and (max-width: 767px) {
.detail-content__contact {
	margin: 40px 0;
}
}
.u-mb0 {
	margin-bottom: 0 !important;
}
.u-c-main {
	color: #426DB5 !important;
}
.u-fw-b {
	font-weight: bold !important;
}
.u-ta-c {
	text-align: center !important;
}
.u-c-b {
	clear: both !important;
}
/*導入事例一覧*/
.headline03 {
	font-size: 26px;
	font-weight: bold;
	padding: 0.34em 1.34em;
	line-height: 1.3;
	text-align: center;
}
.introduction_list__box {
	width: 300px;
	height: 430px;
	background-color: white;
	border: 1px #b0b0b0 solid;
	float: left;
	margin: 11px;
}
.introduction_list__item {
	text-align: center;
}
.introduction_list__textbox {
	height: 204px;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-top: 1px solid #b0b0b0;
	padding: 10px;
}
.introduction_list__textbox--department {
	font-size: 14px;
	top: 10px;
	line-height: 1.5;
	left: 10px;
	color: #000;
	margin: 1em 1em 0.5em;
	min-height: 5px;
	margin-left: 0px;
}
.introduction_list__textbox--department :hover {
	color: #426db5;
	text-decoration: underline !important;
}
.prefecture {
	font-weight: bold;
	font-size: 16px;
}
.introduction_list__textbox--description {
	font-size: 15.7px;
	margin: 0 auto;
	line-height: 1.3;
	/*width: 267px;*/
}
.introduction_list__textbox--description :hover {
	color: #426db5;
	text-decoration: underline !important;
}
.headline03__details {
	margin-top: 45px;
}
.introduction_list__inner {
	overflow: hidden;
	padding-left: 0em !important;
	padding-right: 0em !important;
}
.introduction_list__textbox--department a {
	text-decoration: none !important;
word-break: break-word;
}
.introduction_list__textbox--description a {
	text-decoration: none !important;
}
.second .headline01{
  margin-top: 2em;
  margin-bottom: 0.8em;
}
 @media screen and (max-width: 1095px) {
.introduction_list {
	width: 647px;
	margin-left: auto !important;
	margin-right: auto !important;
}
}
 @media screen and (max-width: 767px) {
 	.headline03{
 		padding:0.34em 0;
 	}
.introduction_list {
	width: 100%;
	height: auto;
 padding: calc(40*100vw/750) calc(45*100vw/750);
 margin: 0 0 calc(40*100vw/750);
}
.introduction_list__box {
	width: 100%;
float: none;
	margin:0 0 10px;
	height: auto;
}
.introduction_list__item {
	width: 100%;
}
.introduction_list__item img{
	height: auto;
width: auto;
}
.introduction_list__textbox--description {
	font-size: 15.7px;
	margin: 0 auto;
	line-height: 1.3;
}
.introduction_list__textbox{
	height: auto;
}
}
/* slick（スライドエリア） */
.slick_container {
    position: relative;
    margin: auto;
    width: 880px;
}
.slick_container__slider li {
    margin: 0 10px;
    box-sizing: border-box;
    border: #b0b0b0 1px solid;
}
.slick_container__slider__img_block {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: #b0b0b0 1px solid;
}
.slick_container__slider__img_block a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.slick_container__slider__img_block img {
    margin: 0 auto;
}
.slick_container__slider__text_block {
height: 204px;
    padding: 10px;
}
.slick_container__slider__text--01 {
    margin: 1em 1em 0 0;
    font-size: 14px;
    line-height: 1.5;
}
.slick_container__slider__text--02 a:hover,
.slick_container__slider__text--03 a:hover {
    color: #0075c1;
    text-decoration: underline;
}
.slick_container__slider__text--02 {
    font-size: 16px;
    margin: 0 1em 0.5em 0;
    line-height: 1.5;
    font-weight: bold;
}
.slick_container__slider__text--03 {
    font-size: 15.7px;
    line-height: 1.3;
}
/* slick（矢印） */
.slick_container .slick-prev,
.slick_container .slick-next {
    width: 50px;
    height: 50px;
}
.slick_container .slick-prev:before,
.slick_container .slick-next:before {
    content: "";
}
.slick-prev {
    left: -45px;
}
.slick-next {
    right: -45px;
}
button.slick-prev,
button.slick-next {
    z-index: 2;
}
.slick-arrow {
    z-index: 10;
}
.slick-prev__round,
.slick-next__round {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #4472c4;
    border-radius: 50%;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
}
.slick-prev__round span,
.slick-next__round span {
    display: block;
    position: absolute;
    width: 20px;
    height: 5px;
    border-radius: 2px 2px;
    background-color: #fff;
}
.slick-prev__round span:nth-child(1) {
    top: 17px;
    left: 12px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.slick-prev__round span:nth-child(2) {
    top: 28px;
    left: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slick-next__round span:nth-child(1) {
	top: 17px;
    left: 17px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slick-next__round span:nth-child(2) {
	top: 28px;
    left: 17px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media screen and (max-width:767px){
    /* slick（スライドエリア） */
    .slick_container {
        width: 85%;
    }
    .slick_container__slider li {
        margin: 0 5px;
    }
    .slick_container__slider__img_block img {
      width: auto;
    }
    .slick_container__slider__text--01 {
        margin: calc(20*100vw/750) 0 calc(10*100vw/750) 0;
        line-height: 1.2;
    }
    .slick_container__slider__text--02 {
        margin: 0 0 calc(15*100vw/750) 0;
        line-height: 1.1;
    }
    .slick_container__slider__text--03 {
    }
    /* slick（矢印） */
    .slick_container .slick-prev,
    .slick_container .slick-next {
        width: calc(60*100vw/750);
        height: calc(60*100vw/750);
    }
    .slick-prev {
        left: -25px;
        top: 200px;
    }
    .slick-next {
        right: -25px;
        top: 200px;
    }
    .slick-prev__round,
    .slick-next__round {
        width: calc(60*100vw/750);
        height: calc(60*100vw/750);
    }
    .slick-prev__round span,
    .slick-next__round span {
        width: calc(25*100vw/750);
        height: calc(8*100vw/750);
    }
    .slick-prev__round span:nth-child(1) {
        top: calc(20*100vw/750);
        left: calc(14*100vw/750);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .slick-prev__round span:nth-child(2) {
        top: calc(33*100vw/750);
        left: calc(14*100vw/750);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .slick-next__round span:nth-child(1) {
        top: calc(20*100vw/750);
        left: calc(18*100vw/750);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .slick-next__round span:nth-child(2) {
        top: calc(33*100vw/750);
        left: calc(18*100vw/750);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
/* 導入事例・実績を見るリンク */
.link_case_study {
    margin: 20px 0 2rem 60px;
    font-size: 1.6rem;
}
.link_case_study a {
    color: #0075c1;
    text-decoration: underline;
}
@media screen and (max-width:767px){
    .link_case_study {
        margin-left: 0;
        font-size: 1.4rem;
    }
}
/* 導入事例・実績を見る_お問合わせボタン */
.contents--case .btn--contact--normal {
	margin-bottom: 13px;
	line-height: 1.4;
	max-width: 310px;
  margin: 40px auto 0;
	padding: 10px 28px 0 47px;
	height: 60px;
}
.contents--case .btn--contact--normal:before {
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}
@media screen and (max-width: 767px) {
  .contents--case .btn--contact--normal {
    padding: 10px;
height: auto;
  }
}
/* お問合わせ上の文言 */
.link_case_study + p {
    font-size: 1.4rem;
    text-align: center;
    line-height: 2.5714;
}
.contentsText__link {
    color: #0075c1;
    text-decoration: underline;
}
@media screen and (max-width:767px){
    .link_case_study + p {
        line-height: 2.1429;
    }
}
.contentsText.center {
    text-align: center;
}
/*====================
お問合せフォーム
====================*/
/*全共通*/
.form .pageTitle {
	text-align: center
}
@media only screen and (max-width: 767px) {
.form .pageHead.-case {
 padding: 0 calc(42*100vw/750) calc(40*100vw/750);
}
}
/*各共通（入力画面・確認画面）*/
#form_erea {
	width: 750px;
	margin: 0 auto;
}
#form_erea label {
	display: block;
	margin: 0 20px 0px 40px;
	width: 160px;
	line-height: 2;
	font-size: 16px;
}
#form_erea sup {
	color: red;
	margin-left: 2px;
}
#form_erea input[type="text"], #form_erea #content {
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	height: 30px;
	padding: 0 1%;
	transition: background 0.3s ease-in-out;
	width: 500px;
	font-size: 14px;
}
#form_erea #content {
	height: 130px;
	resize: none;
}
#form_erea p {
	letter-spacing: 1.7px;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 1.7px;
}
#form_erea ul {
	margin: 5% 0% 7%;
	height: 575px;
}
#form_erea li {
	display: flex;
	padding-bottom: 30px;
	position: relative;
}
#form_erea #submit-button {
	width: 207px;
	margin: 30px auto 20px;
}
#form_erea a {
	color: #5c7cc7;
}
#form_erea #submit-button input {
	padding: 10px 50px;
	background-color: #1c84dc;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
#form_erea #submit-button input:hover {
	opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#form_erea .error {
	position: absolute;
	margin: 0;
	left: 220px;
	font-size: 13px;
	color: #c90000;
	padding-top: 30px;
	padding-left: 2px;
}
#form_erea #email-error {
	width: 290px;
}
#form_erea #content-error {
	padding-top: 130px;
}
#form_erea #submit-button input[type="button"] {
	background-color: #7b7777;
}
@media only screen and (max-width: 767px) {
#form_erea {
	width: 95%;
	margin-top: 5%;
}
#form_erea label {
	display: block;
	margin: 0;
	width: auto;
	font-size: 3vw;
}
#form_erea ul {
	margin: 10% 0 7%;
	height: auto;
}
#form_erea li {
	display: block;
}
#form_erea #email-error {
	width: 95%;
}
#form_erea input[type="text"] {
	width: 100%;
}
#form_erea #content {
	width: 95%;
}
#form_erea .error {
	position: static;
	font-size: 2.5vw;
	padding-top: 0;
	line-height: 1;
	margin-top: 1%;
}
#form_erea #content-error {
	padding-top: 0;
}
#form_erea p {
	font-size: 3vw;
	width: 100%;
}
#form_erea #submit-button input {
	padding: 5% 10%;
	text-align: center;
	width: 100%;
}
}
input[type="submit"], input[type="button"] {
	-webkit-appearance: none !important;
	border-radius: 0 !important;
}
/*確認画面*/
.check #form_erea p {
	line-height: 2;
	width: 470px;
	font-size: 14px;
	word-wrap: break-word;
}
.check #form_erea ul {
	margin: 5% 0% 6%;
	height: auto;
}
.check #form_erea li {
	margin-left: 60px;
	border-bottom: 1px solid #eee;
	padding-top: 10px;
	padding-bottom: 10px;
}
.check #form_erea li:first-child {
	border-top: 1px solid #eee;
}
.check #form_erea .btns #submit-button {
	width: 140px;
	margin: 0 auto 10px;
	line-height: 1.5;
}
.check #form_erea .btns {
	display: flex;
	width: 500px;
	margin: 0 auto;
}
.check {
	margin-top: 5%;
	margin-bottom: 5%;
}
.check .contents {
	padding: 0;
}
@media only screen and (max-width: 767px) {
.check h2 {
	margin: 15% auto 10%;
}
.check #form_erea li {
	display: block;
	padding-bottom: 3%;
	padding-top: 3%;
	margin-left: 0;
}
.check #form_erea p {
	width: 100%;
	font-size: 3.5vw;
	word-wrap: break-word;
}
.check #form_erea .btns {
	width: 100%;
}
.check #form_erea .btns #submit-button {
	width: 30%;
	margin: 0 auto 10px;
}
.confirmation_height footer {
	position: unset;
}
}
div.contact_check {
	flex: 1 0 auto;
	margin-bottom: 75px;
	min-height: 70%;
}
@media all and (-ms-high-contrast: none) {
body.contact_check {
	display: block;
}
div.contact_check {
	flex: unset;
	margin-bottom: 0;
}
}
 @media only screen and (max-width: 767px) {
body.contact_check {
	display: unset;
}
div.contact_check {
	flex: unset;
	margin-bottom: 0;
}
}
/*完了画面*/
.thanks h2, .check h2 {
	margin: 80px auto 60px;
	text-align: center;
}
.thanks .contents p {
	width: 560px;
	margin: 5% auto;
	line-height: 3;
	font-size: 20px;
}
.thanks_height, .confirmation_height {
	height: auto !important;
	position: relative;
	min-height: 70%;
}
.thanks_height footer, .confirmation_height footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}
 @media only screen and (max-width: 767px) {
.thanks h2 {
	margin: 15% auto 10%;
}
.thanks .contents p {
	width: 90%;
	margin-left: 10%;
	font-size: 4vw;
}
}
 @media all and (-ms-high-contrast: none) {
.thanks_height {
	min-height: 96%;
}
}
/*================
      footer
================*/
/*footer 全体／各共通*/
.footerArea{
	min-width: 980px;
	margin: 0 auto;
}
.footer_Nav .wrapper{
	max-width:980px;
	width: 95%;
	text-align: center;

}
/*footer Nav*/
.footer_Nav{
	padding: 2rem 0 4rem;
}
.footer_Nav li{
	display: inline-block;
	font-size: 1.5rem;
	line-height: 2;
}
.footer_Nav li::after{
	content: "|";
	padding: 0 10px;
}
.footer_Nav li:last-child::after{
	content: "";
padding: 0;
}
.footer_Nav li a{
	color: #4472c4;
}
/*footer Btn*/
.footer_Btn{
	background: #2f5597;
	color: #fff;
	padding: 30px 0;
}
.footer_Btn .wrapper{
	max-width:680px;
	margin:0 auto;
	width: 95%;
}
.footer_Btn img{
	height: auto;
}
.footer_Btn *{
	font-weight: bold;
}
.footer_Btn p{
	font-size:2rem;
}
.footer_contact{
	margin: 25px 0;
}
.footerBtn,.footerTel{
	display: inline-block;
	vertical-align: middle;
}
.footerBtn{
	width: 60%;
}
.footerBtn a{
	display: block;
	background: #fff;
	color: #2f5597;
	border-radius: 50px;
	padding: 15px 0;
	text-align: center;
	line-height: 1.2;
	position: relative;
	font-size: 2rem;
}
.footerBtn a:after{
	content: "";
	border-top: 3px solid #2f5597;
	border-right: 3px solid #2f5597;
	display: block;
	position: absolute;
	top: 40%;
	left: 20px;
	width: 7px;
	height: 7px;
	transform: rotate(45deg);
}
.footerBtn span{
	font-size: 1.3rem;
	display: block;
	width: 75%;
	margin: 0 auto;
	line-height: 1.5;
}
.footerTel{
	width: 39%;
}
.footerTel p{
	padding: 9px 0 9px 15px;
	line-height: .9;
	font-size: 3.2rem;
}
.footerTel span{
	font-size: 2rem;
	font-weight: normal;
}
.footerTel a{
	color: #fff;
	pointer-events: none;
}
.footer_line{
	background: #fff;
	padding: 4%;
}
.lineText,.lineQR-Btn{
	display: inline-block;
	vertical-align: middle;
}
.lineText{
	width: 79%;
}
.footer_line .lineText p{
	color: #2f5597;
	font-size: 2rem;
	margin-bottom: 10px;
}
.footer_line .lineText ul{
	margin-left: 2rem;
}
.footer_line .lineText li{
	color: #000;
	font-size: 1.7rem;
	line-height: 1.8;
	list-style: disc;
}
.lineQR-Btn{
	width: 20%;
}
.lineQR-Btn .lineBtn{
	text-align: center;
}
/*footer*/
.footer {
	padding: 24px 0 23px;
	background-color: #000;
}
.footerText {
	line-height: 2;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
}
@media screen and (max-width:767px){
	.footerArea{
		min-width: auto;
	}
	.footer {
min-width: auto;
 padding: calc(33*100vw/750) calc(42*100vw/750);
}
	.footerText{
		width:calc(566*100vw/750);
		text-align: left;
	}
	.footerTel a{
		pointer-events: all;
	}
}
@media screen and (max-width:767px) and (min-width:420px){
	.footerTel p{
		font-size: 4vw;
	}
	.footerTel span{
		font-size: 3.5vw;
		display: block;
		margin-top: 5px;
	}
}
@media screen and (max-width:520px){
		.lineText{
		width: 69%;
	}
	.lineQR-Btn{
		width: 30%;
}
}
@media screen and (max-width: 420px) {
	.footerArea{
		min-width: 100%;
	}

/*footerNav*/
.footer_Nav .wrapper{
	text-align: center;
}
.footerBtn, .footerTel{
	margin: 1rem 0;
	text-align: center;
	display: block;
	width: 100%;
}
/*footerBtn*/
.footerTel p{
	padding: 9px 0;
}
.lineText,.lineQR-Btn{
	width: 100%;
}
.lineQR-Btn{
	display: flex;
	margin: 0 auto;
	align-items: center;
}
.lineQR-Btn .lineQR,.lineQR-Btn .lineBtn{
	float:left;
	width: 50%;
}
/*footer*/
.footerText {
 width: calc(566*100vw/750);
	text-align: left;
}
}
/*footer企業情報*/
.white {
	color: #FFF;
	font-size: 12px;
}
/*================
       ページトップ
================*/
.angle {
	display: block;
	position: absolute;
	top: 13px;
	left: 0;
	right: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 3px solid #5eb0df;
	border-left: 3px solid #5eb0df;
}
.bar {
	display: block;
	position: absolute;
	top: 13px;
	left: 0;
	right: 0;
	margin: auto;
	width: 3px;
	height: 20px;
	background-color: #5eb0df;
}
/* page-top */
#pageTop {
	position: fixed;
	bottom: 110px;
	right: 17px;
	font-size: 77%;
	z-index: 9999;
}
#pageTop a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background: #fff;
	text-decoration: none;
	color: #fff;
	width: 50px;
	height: 50px;
	border: 3px solid #5eb0df;
	text-align: center;
	display: block;
}
#pageTop a:hover {
	text-decoration: none;
}
@media screen and (max-width: 767px) {
#pageTop {
	bottom: 40px;
}
}
/*================
      solution
================*/
.solution .header {
	min-width: 980px;
	height: 73px;
	position: static;
	margin: auto;
	background: url(../img/header_bg.png) center no-repeat;
	background-size: 100vw 73px;
}
@media screen and (max-width: 980px) {
	.solution .header{
		background-size: inherit;
	}
}
@media screen and (max-width: 767px) {
	.solution .header {
		height: auto;
		min-width: auto;
		padding: calc(30*100vw/750) calc(42*100vw/750);
		background: url(../img/sp_header_bg.png) center no-repeat;
		background-size: 100vw 100%;
	}
}
.solution .article {
	background: none;
}
@media screen and (max-width: 767px) {
	.solution .main{
		font-size:5vw;
	}
}
@media screen and (max-width: 767px) {
	#solution-report .headline03__details{
		padding: 0.34em 0;
	}
}
#solution-report .t-img02 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15px;
}
#solution-report .municipality-box__item img, #solution-report .municipality-box__item2 img{
	flex-shrink: 0;
}
@media screen and (max-width: 767px) {
	#solution-report .figure-box {
		width: 60%;
		flex-wrap: wrap;
	}
	#solution-report .figure-box_size{
		width: 100%;
	}
}
.solution .solution_center,
.solution .solution_center_pc{
	text-align:center;
}
.solution .spaceabove{
	margin-top: 20px;
}
.solution .spaceabove2{
	margin-top: 45px;
}
.figure-box2 {
	display: flex;
	justify-content: center;
	margin: 1.5em auto auto auto;
}
.figure-box3 {
	display: flex;
	justify-content: center;
	margin: 1.5em auto auto auto;
}
.figure-box3 .utilization__box{
	width: 35%;
	float:left;
	margin-right: 25px;
	margin-left: 25px;
}
.utilization__box{
	width: 30%;
	float:left;
	margin-right: 15px;
  margin-left: 15px;
}
.utilization__box2{
	width: 40%;
	float:left;
	margin-right: 10px;
  margin-left: 10px;
}
.column2 {
	justify-content: left;
}
.utilization__img{
	background-color:#426db5;
	text-align:center;
	padding-top: 5px;
  padding-bottom: 5px;
}
.utilization__img img {
	width: 25%;
	padding: 10px;
}
.utilization__title{
	color: #fff;
	font-weight: bold;
	padding: 0.5em;
	font-size: 20px;
}
.utilization__textbox{
	padding: 10px;
	margin-bottom:15px;
	height:auto;
}
.utilization__text01{
	text-align:center;
	font-weight:bold;
	font-size:18px;
}
@media screen and (max-width:767px){
	.figure-box2 {
		flex-wrap:wrap;
	}
	.column2 {
		justify-content: center;
	}
	.figure-box3 {
		flex-wrap:wrap;
	}
	.utilization__box, .utilization__box2{
		width:85%;
		margin-bottom: 15px;
	}
	.solution .solution_center_pc {
		text-align: left;
	}
}
.solution-headline02 {
	border-left:none;
	margin-top: 15px;
	margin-bottom: 3px;
	padding: 0.6em 0;
}
.solution-row__col-1-2-lg{
	background-color:#d6dce5;
	border-radius:20px;
	margin-top: 20px;
	margin-right: 3px;
	margin-left: 3px;
}
@media screen and (max-width:767px){
	.solution-row__col-1-2-lg {
		width: 90%;
	}
}
@media screen and (min-width: 768px){
	.solution-row__col-1-2-lg {
		width: 48%;
    }
}
.solution-row__img{
	margin: 10px 0;
    text-align: center;
}
.solution-row__img2{
	margin: 10px auto;
	text-align: center;
	width: 80%;
}
.solution-row__img2 img{
	backface-visibility: hidden;
}
@media screen and (max-width:767px){
	.solution-row__col-1-3-lg{
		width: 90%;
		margin-left: auto;
    margin-right: auto;
    }
}
@media screen and (min-width: 768px){
	.solution-row__col-1-3-lg{
		width: 33.3%;
    }
}
.sp_max_w374px, .sp_max_w424px{
	display: none;
}
@media screen and (max-width:339px){
	.sp_max_w339px_text_left{
		text-align: left;
	}
}
@media screen and (max-width:374px){
	.sp_max_w374px{
		display: block;
	}
}
@media screen and (max-width:410px){
	.sp_max_w410px_text_left{
		text-align: left;
	}
}
@media screen and (max-width:424px){
	.sp_max_w424px{
		display: block;
	}
}
/* 導入自治体様
*---------------*/
.municipality-box {
	max-width: 860px;
	margin: 0 auto 45px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.municipality-box__item {
	width: 24%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.municipality-box__item2{
	width: 19%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.link_mv {
	color: #4472c4;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.municipality-box {
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	.municipality-box__item > p, .municipality-box__item2 > p {
		font-size: 1.25rem;
		margin-bottom: 0;
	}
	.municipality-box__item, .municipality-box__item2 {
		width: 45%;
	}
	.municipality-img {
		width: 100%;
		max-width: 200px;
	}
}

.solution-btn {
	display: block;
	height: 50px;
	text-align: center;
	color: #fff;
	background: -o-linear-gradient(top, #51d69d 0%, #009252 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#51d69d), to(#009252));
    background: linear-gradient(to bottom, #51d69d 0%, #009252 100%);
	border: 1px solid #006642;
	border-radius: 8px;
	padding-top: 0px;
	line-height: 50px;
}
.solution-btn:hover{
    opacity: 0.8;
}
.solution-question li{
	border-bottom:1px solid #bfbfbf;
	padding-bottom: 10px;
    padding-top: 10px;
}
.solution-question__first{
	border-top:1px solid #bfbfbf;
	margin-top: 10px;
}
.solution-question span{
	font-weight:bold;
}
.solution .row {
	justify-content: center;
}

/* Lineで連絡帳 */
#solution_line .utilization__img{
	height: 80px;
}
	#solution_line .figure-box{
	display:block;
	}
@media screen and (max-width:767px){
	#solution_line .utilization__img{
	height: auto;
	}
	#solution_line .figure-box{
    width:100%;
	}
}
/*salesforce*/
#salesforce .solution-row__img{
	margin: 10px 0 20px;
}
@media screen and (max-width:767px){
	#salesforce .solution-row__col-1-2-lg{
    width: 100%;
	}
}
/* 予約ソリューション */
.utilization__box03{
	width: 25%;
	float:left;
	margin-right: 5px;
  margin-left: 5px;
}
.utilization__img03-box{
	background-color:#426db5;
	padding-top: 5px;
  padding-bottom: 5px;
	width: 100%;
	display: table;
	table-layout: fixed;
}
.utilization__img03{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	height: 60px;
}
.utilization__img03 img {
	width: 25%;
}
.solution-row__col-1-4-lg{
	background-color:#d6dce5;
	border-radius:20px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	height: 390px;
}
.solution_left{
	text-align: left;
}
.solution-row__img03{
	margin: 0 auto;
}
.solution-row__img03.left-top{
	width: 45%;
	padding-top: 7%;
}
.solution-row__img03.right-top{
	width: 51%;
	padding-top: 7%;
}
.solution-row__img03.left-bottom{
	width: 45%;
	padding-top: 8%;
}
.solution-row__img03.right-bottom{
	width: 75%;
	padding-top: 3%;
}
.solution-row__img03 img{
	width: 100%;
}
.solution_center_pc.bottom-space{
	margin-bottom: 22.5px;
}
.municipality-box__item.middle-space{
	margin: 0 auto;
}
.municipality-box__item.municipality-box__item_left{
	margin-left: 20%;
}
.municipality-box__item.municipality-box__item_right{
	margin-right: 20%;
}
.reserve_link_btn {
	display: flex;
	justify-content: center;
}
.btn_reserve01,
.btn_reserve02 {
	max-width: 400px;
	margin: 45px 15px 0;
	line-height: 1;
}
.btn_reserve01 p:not([class]),
.btn_reserve02 p:not([class]) {
	margin: 0;
}
.btn_reserve01 a:not([class]),
.btn_reserve02 a:not([class]) {
	text-decoration: none;
}
.btn_reserve01 {
	background-color: #06c655;
}
.btn_reserve02 {
	background-color: #4471cc;
}
@media screen and (min-width: 768px){
	.solution-row__col-1-4-lg {
		width: 45%;
  }
}
@media screen and (max-width:767px){
	.utilization__box03{
		width:85%;
	}
	.row.sp-row{
		margin-top: 20px;
	}
	.solution-row__col-1-4-lg {
		width: 90%;
		height: auto;
		margin-top: 0;
	}
	.solution-row__img03.left-top{
		padding-top: 3%;
	}
	.solution-row__img03.right-top{
		padding-bottom: 4%;
	}
	.solution-row__img03.left-bottom{
		padding-top: 2%;
		padding-bottom: 4%;
	}
	.solution-row__img03.right-bottom{
		padding-top: 3%;
		padding-bottom: 4%;
	}
	.municipality-box__item.municipality-box__item_left{
		margin-left: 0;
	}
	.municipality-box__item.municipality-box__item_right{
		margin-right: 0;
	}
	.reserve_link_btn {
		display: block;
	}
	.btn_reserve01,
	.btn_reserve02 {
		max-width: 350px;
	}
	.btn_reserve01 p:not([class]),
	.btn_reserve02 p:not([class]) {
		font-size: 1.5rem;
	}
	.btn_reserve01 {
		margin: 0 auto;
	}
	.btn_reserve02 {
		margin: 45px auto 0;
	}
}
@media screen and (max-width:545px) {
	.solution .left_545 {
		text-align: left;
	}
}
@media screen and (max-width:598px) {
	.solution .left_598 {
		text-align: left;
	}
}
/* きずなメール連携 */
.figure-box__item02 {
	display: block;
	text-align: center;
	min-height: 0%;
	width: 33%;
}
.figure-box__item02 .t-img02 img{
	backface-visibility: hidden;
}
#solution-report .t-img03 {
	width: 95%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 15px;
}
.solution-row__img2.left_img{
	width: 50%;
	padding-top: 15%;
}
.solution-row__img2.right_img{
	width: 60%;
}
@media screen and (max-width:767px){
.figure-box__item02{
	width:100%;
}
.solution-row__img2.left_img{
	padding-top: 0;
}
}
/* solutionトップ */
.subsub{
	font-size: 0.5em;
    margin-top: 0.5em;
    display: block;
}
#solution-list .lists{
	display: flex;
	margin-top: 1.0em;
}
#solution-list .solution-explanation{
	margin-right: 2.5em;
}
#solution-list .solution-img{
	flex-shrink: 0;
    width: 50%;
}
#solution-list .solution-explanation li:nth-child(1){
	font-size: 1.3em;
    margin-bottom: 0.5em;
}
#solution-list .solution-explanation li:nth-child(2){
	font-size: 1.0em;
    margin-bottom: 1.5em;
}
#solution-list .solution-explanation li:nth-child(3) a{
	color:#0075c1;
}
@media screen and (max-width:767px){
	#solution-list .lists {
    display: block;
	}
	#solution-list .solution-img {
    width: 100%;
    margin-top: 1em;
	}
	#solution-list .solution-explanation{
		margin: 0;
	}
}
/*================
セキュリティ
================*/
.security .header {
	min-width: 980px;
	height: 73px;
	position: static;
	margin: auto;
	background: url(../img/header_bg.png) center no-repeat;
	background-size: 100vw 73px;
}
@media screen and (max-width: 980px) {
	.security .header, .solution .header, .solution.seminar .header{
		background-size: cover;
	}
}
@media screen and (max-width: 767px) {
	.security .header {
		height: auto;
		min-width: auto;
		padding: calc(30*100vw/750) calc(42*100vw/750);
		background: url(../img/sp_header_bg.png) center no-repeat;
		background-size: 100vw 100%;
	}
}
.security .article {
	background: none;
}
@media screen and (max-width: 767px) {
	#security_control .utilization__box a{
		max-width: 291px;
		display: block;
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px) {
	.security .main{
		font-size:5vw;
	}
}

#security_control .utilization__img{
	height: 80px;
}
#security_control .utilization__img img {
	height: 100%;
}
@media screen and (max-width:767px){
	#security_control .utilization__img img{
	 width: auto;
	}
}
@media screen and (max-width: 767px) {
	#security_control .row{
		display: flex;
		justify-content: center;
	}
}
.security_center{
	text-align:center;
}
.security_text:first-of-type, .security_text:nth-child(2){
	margin-bottom: 20px;
}
.security_text02{
	margin-top: 30px;
	margin-bottom: 20px;
}
.security_text03{
	margin-top: 30px;
}
.annotation{
	display: block;
	text-align: center;
	font-size: 0.8em;
}
.annotation a{
	text-decoration: none;
}
.utilization__security{
	height: auto;
	padding: 10px 0;
	text-align: center;
	background-color: #426db5;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.utilization__security{
		text-align: center;
		font-size: 1.5em;
	}
}
#security_control .row{
	margin-top: 1.5em;
}
.contents_table{
	min-height: 260px;
	margin-top:50px;
	margin-bottom: 20px;
	border-collapse: collapse;
}
.contents_table02{
	height: 190px;
	margin-top:50px;
	margin-bottom: 20px;
	border-collapse: collapse;
}
.contents_table td, .contents_table02 td{
	border-color: #000;
}
.contents_table tr td, .contents_table02 tr td{
	padding-left: 10px;
	border-color: #000;
	line-height: 1.3;
}
.td_01{
	width: 20%;
	padding: 20px 10px;
}
.td_01 a{
	display: block;
}
.td_01 a img{
	width: 100%;
	height: auto;
}
.contents_table02 tr .td_01{
	padding: 20px 25px;
}
@media screen and (max-width: 767px) {
	.td_01 {
		width: 40%;
	}
	.td_01 a img{
		width: 95%;
		height: auto;
	}
}
.td_02{
	height: 55px;
}
.td_02, .td_03{
	background-color: #f2f2f2;
	width: 20%;
}
.td_03.td_03_02{
	height: 135px;
}
/*================
販売代理店
================*/
.pageHead.-agency{
	background-color: #abd5ee;
}
.contents--agency .contentsHead {
	margin-bottom: 10px;
}
#agency .contents--contact {
	padding:50px calc(60*100vw/750) 50px;
}
#agency .contentsHead {
	font-size: 2.6rem;
}
#agency .headline01 {
	padding: 0.39em 0.8em 0.29em;
}
.agency_img {
	width: 100%;
}
#agency .img-center {
	display: block;
	width: 75%;
	margin: 30px auto;
}
.privacy_logos {
	display: flex;
	justify-content: center;
	margin: 30px 0;
}
.privacy_logos a img {
	height: 130px;
	width: auto;
	padding: 0 10px;
}
.agency_btn {
	background-color: #3db07d;
	max-width: 400px;
	margin-top: 30px;
}
.agency_btn p {
	margin: 0 !important;
	line-height: 1;
}
.agency_btn p a {
	text-decoration: none !important;
}
#agency .contents--contact {
	padding: 0 1.5em;
}
#agency .btn {
	margin: 50px auto 100px;
}
#agency .partner-logo {
	display: flex;
	justify-content: space-between;
	width: 75%;
	margin: 30px auto;
}
#agency .premier-logo {
	width: 26%;
	padding-right: 33px;
}
#agency .govtech-logo {
	width: 74%;
	padding-bottom: 2px;
	margin: auto 0;
	object-fit: contain;
}
@media screen and (max-width:980px) {
	#agency .wrapper {
		padding: 0 calc(60*100vw/750);
	}
	#agency .contentsHead {
		text-align: center;
	}
	#agency .img-center {
		width: 100%;
	}
	.privacy_logos {
		align-items: center;
	}
	.privacy_logos a img {
		height: auto;
		max-height: 200px;
		padding: 0 0 0 5%;
	}
	.privacy_logos a:nth-child(1) img {
		padding-left: 0;
	}
	#agency .contents--contact {
		padding: 0;
	}
	#agency .btn {
		margin-bottom: calc(100*100vw/750);
	}
	#agency .partner-logo {
		width: 100%;
	}
	#agency .premier-logo {
		width: 21.1%;
		padding-right: 0;
	}
}
@media screen and (max-width:420px) {
	.agency_btn p a {
		font-size: 0.7em;
	}
}
/*================
        price
================*/
.pageHead.-price{
	background-color: #abd5ee;
}
#price .headline03{
	padding:0.34em 0;
	margin-bottom: .8em;
}
#price .price_content{
	text-align: center;
	margin-bottom: 3em;
}
#price .price_content01{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2em 0;
	flex-wrap: wrap;
}
#price .price_content02{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}
#price .price_content01_box{
	position: relative;
	margin-right: 50px;
}
#price .price_content02_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#price .price_circle01{
	background-color:#00c300;
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	overflow: hidden;
	color: #fff;
	width:160px;
	height: 160px;
	font-size: 18px;
}
#price .price_circle01 span{
	display: block;
	text-align: center;
}
#price .price_circle02{
	background-color:#4472c4;
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	overflow: hidden;
	color: #fff;
	width:160px;
	height: 160px;
	font-size: 18px;
}
#price .price_circle02 span, #price .price_circle03 span{
	line-height: 1.5;
}
#price .price_circle02 span .small, #price .price_circle03 span .small{
	font-size: 15px;
}
#price .price_circle03{
	background-color:#fff;
	border:2px solid #4472c4;
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	overflow: hidden;
	color: #4472c4;
	width:140px;
	height: 130px;
	text-align: center;
}
#price .price_content01_box p::after{
	content: "";
	border-style: solid;
	border-color: transparent transparent transparent #bfbfbf;
	display: block;
	position: absolute;
	top: 35%;
	right: -55px;
	border-width: 30px 20px;
}
#price .price_content01_box.box04{
	margin-right: 0;
}
#price .price_content01_box.box04 .price_circle02{
	font-size: 22px;
}
#price .price_content01_box.box04 .price_circle02::after{
	border:none;
}
#price .price_content02_box:first-child{
	flex-basis:59%;
}
#price .price_content02_box .box_title{
	flex-basis: 100%;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
	font-size: 20px;
}
#price .price_content02_box .box01 .box_title{
	background:#4472c4;
	border:2px solid #4472c4;
}
#price .price_content02_box.box03 .box_title{
	background:#00c300;
	border:2px solid #00c300;
}
#price .price_content02_box .price_circle02,#price .price_content02_box .price_circle03{
	margin: 25px;
	font-size: 22px;
	width:190px;
	height:190px;
}
#price .plus{
	flex-basis: 8%;
	width: 8%;
	text-align: center;
	font-size: 4rem;
	margin-top: 12%;
}
#price .price_content02_box .box01{
	border: 2px solid #4472c4;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#price .price_content02_box.box03{
	/*flex-basis: 33%;*/
	width: 33%;
	border:2px solid #00c300;
}
#price .price_content02_box.box03 .price_circle01{
	font-size:22px;
	width:190px;
	height: 190px;
	margin: 25px 0;
}
#price .textSmall01{
	font-size:12px;
	text-align: left;
	flex-basis: 100%;
}
.title_border{ /* ------ 料金、dl、seminarページ共通 ------ */
	border-bottom:2px solid #2f5597;
	font-weight: bold;
	font-size: 28px;
	margin-bottom: .8em;
	line-height: 1.8em;
}
.title_border span{ /* ------ 料金、dl、seminarページ共通 ------ */
	margin-right:4px;
}
#price .price_bnr{
	margin-top: 2.2em;
}
#price .price_bnr a:hover{
	opacity: 0.8;
}

@media screen and (max-width:767px){
	#price .price_circle01,#price .price_circle02,#price .price_circle03,#price .price_content02_box.box03 .price_circle01{
		width:150px;
		height: 150px;
	}
	#price .price_content02_box{
		width:100%;
	}
	#price .price_content02_box:first-child{
	  flex-basis:100%;
  }
	#price .price_circle01 span, #price .price_circle02 span,#price .price_circle03 span{
		line-height:1.3;
		font-size: 1.5rem;
	}
	#price .price_content01_box{
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#price .price_circle01,#price .price_circle02{
		margin:5px auto;
	}
	#price .price_content01_box p::after{
		top:100%;
		right:0;
		left: 0;
		border-color:#bfbfbf transparent transparent transparent;
		border-width: 20px 30px;
		margin:auto;
		width:0;
	}
	#price .price_content02_box .box01,#price .plus,#price .price_content02_box.box03{
		flex-basis: 100%;
		width: 100%;
		margin-top: 0;
	}
	#price .price_content02_box .price_circle02, #price .price_content02_box .price_circle03{
		width:150px;
		height: 150px;
		margin:25px 15px;
	}
	#price .price_bnr{
		margin-top: 1.2em;
	}
	.title_border{ /* ------ 料金、dl、seminarページ共通 ------ */
		font-size: 5vw;
	}

}
/*機能一覧*/
.headline04 {
	font-size: 24px;
	font-weight: bold;
	padding: 0.34em 1.34em;
	line-height: 1.3;
	text-align: center;
}
.utilization__img__box{
	display: table;
	margin: 0 auto;
	width: 100%;
	table-layout: fixed;
}
.utilization__img__box .utilization__img02{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 210px;
	-ms-layout-grid-line: 210px;
}
.utilization__img__box .utilization__img02 img{
	max-width: 100%;
	width: auto;
	max-height: 190px;
	height: auto;
}
.utilization__img__box .utilization__img02 .img_size{
	max-width: 83%;
}
.link-position{
	margin-bottom: 0;
  padding-top: 28px;
}
.link-position-3lines{
	margin-bottom: 0;
	padding-top: 54px;
}
.link-position-4lines{
	margin-bottom: 0;
	padding-top: 82px;
}
.function_link{
	color: #0075c1;
	display:inline;
}
@media screen and (max-width:767px){
	.headline04{
		padding:0.34em 0;
	}
	.utilization__img__box .utilization__img02{
		height: auto;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.utilization__img__box .utilization__img02.top_img_size img{
		max-height: none;
	}
	.link-position{
		margin-bottom: 0.8em;
		padding-top: 0;
	}
	.link-position-3lines{
		margin-bottom: 0.8em;
		padding-top: 0;
	}
	#article .utilization__textbox .function_link{
		display:inline;
	}
}
/* 提供企業 */
#company .detail-content .headline03__details{
	margin-top: 52px;
}
.company_content dl{
	overflow: hidden;
	width: 935px;
}
.company_content dl dt, .company_content dl dd, .company_content01 dl dt, .company_content01 dl dd{
	display: block;
}
.company_content dl dt{
	float: left;
  text-align: left;
  width: 100px;
	font-weight: bold;
  margin-top: 10px;
}
.company_content dl dd{
	position: relative;
	float: none;
	padding-left: 130px;
	padding-bottom: 10px;
	margin-top: 10px;
	width: 935px;
	border-bottom: solid 3px #bfbfbf;
}
.company_content dl dd::before{
	content: "";
	position: absolute;
  left: 0;
  bottom: -3px;
  width: 100px;
  height: inherit;
  border-bottom: 3px solid #426DB5;
}
.company_content dl dd:nth-last-child(){
	position: relative;
}
.company_content dl .dd_last, .company_content dl .dd_last03{
	border-bottom:none;
}
.company_content dl .dd_last::before, .company_content dl .dd_last03::before{
	content: none;
}
.company_content dl .dd_last02{
	margin-top: 30px;
	padding-bottom: 45px;
}
.company_content dl .dd_last03{
	margin-top: 10px;
}
.company_content dl dd .company_dd_img{
	position: absolute;
	width: 10%;
	top: 0;
	left: 520px;
}
.company_content dl dd .company_dd_img02{
	position: absolute;
	width: 9%;
	top: -25px;
	left: 520px;
}
.company_content dl dd .company_dd_img03{
	position: absolute;
	width: 10%;
	top: 0;
	left: 520px;
}
.company_content dl dd .company_dd_img a, .company_content dl dd .company_dd_img02 a, .company_content dl dd .company_dd_img03 a{
	display: inline-block;
}
.company_content dl dd .company_dd_img a img, .company_content dl dd .company_dd_img02 a img, .company_content dl dd .company_dd_img03 a img{
	width: 100%;
	height: auto;
}
.company_content .company_content01{
	display: flex;
}
.company_content .company_content01 dl{
	overflow: hidden;
	width: 550px;
	margin-bottom: 0.8em;
}
.company_content .company_content01 dl dt{
	float: left;
  text-align: left;
  width: 80px;
  margin-top: 0;
	font-weight:normal;
}
.company_content .company_content01 dl dd{
	position:initial;
	float: none;
	padding-left: 80px;
	padding-bottom: 0;
	margin: 0;
	width: 550px;
	border-bottom:none;
}
.company_content .company_content01 .access_text{
	margin-right: 5%;
	width: 550px;
}
.company_content .company_content01 .access_text p{
	margin-bottom: 0;
}
.company_content .company_content01 .access_text dl dd::before{
	content: none;
}
.company_content .company_content01 .company_content01_img-box{
	flex-shrink: 0;
	margin-left: 50px;
	display: table;
  table-layout: fixed;
	width: 30%;
}
.company_content .company_content01 .company_content01_img-box .company_content01_img{
	display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 120px;
  -ms-layout-grid-line: 120px;
}
.company_content .company_content01 .company_content01_img-box .company_content01_img img{
	max-width: 100%;
	width: auto;
	max-height: 80px;
	height: auto;
}
.company_content .company_content01 .company_content01_img-box02{
	flex-shrink: 0;
	width: 35%;
	margin-left: 30px;
}
.company_content .company_content01 .company_content01_img-box02 img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:767px){
	.company_content dl, .company_content .company_content01 dl{
		width: 100%;
	}
	.company_content dl dt{
		float: initial;
		width: 100%;
	}
	.company_content dl dd{
		width: 100%;
		padding-left: 0;
		padding-bottom: 10px;
		margin-top: 2%;
	}
	.company_content dl .dd_last02{
		margin-top: 0;
		padding-bottom: 10px;
	}
	.company_content dl dd .company_dd_img{
		position:static;
		width: 30%;
		margin-top: 2%;
	}
	.company_content dl dd .company_dd_img02{
		position:static;
		width: 30%;
		margin-top: 2%;
	}
	.company_content dl dd .company_dd_img03{
		position:static;
		width: 30%;
		margin-top: 2%;
	}
	.company_content .company_content01 .access_text{
		width: 100%;
	}
	.company_content .company_content01{
		display:block;
	}
	.company_content .company_content01 dl dt{
		width: 70px;
	}
	.company_content .company_content01 dl dd{
		padding-left: 70px;
		width: 100%;
	}
	.company_content .company_content01 .company_content01_img-box{
		margin: 0 auto;
		width: 80%;
	}
	.company_content .company_content01 .company_content01_img-box .company_content01_img{
		height: 90px;
		-ms-layout-grid-line: 90px;
	}
	.company_content .company_content01 .access_map{
    width: 100%;
		height: 0;
    margin: 0 auto 10px;
    padding: 4% 0 56.25%;
    position: relative;
		z-index: 1;
	}
	.company_content .company_content01 .access_map iframe{
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: 2;
	}
	.company_content .company_content01 .company_content01_img-box02{
		width: 50%;
		margin:20px auto 0;
	}
}
/* セミナー */
.seminar_title{
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.5em 0;
	line-height: 1.3;
}
.seminar_list{
	display: flex;
}
.seminar_item{
	display: flex;
	margin-top: 60px;
}
.seminar_item.top{
	margin-top: 20px;
}
.seminar-explanation{
	margin-left: 2.5em;
}
.seminar-explanation ul{
	font-size: 1.067em;
}
.seminar-explanation li:nth-child(2) a{
	color:#0075c1;
}
.seminar-explanation .two-lines {
	margin-bottom: 3.1em;
}
.seminar-explanation .one-title_two-line{
	margin-bottom: 2.7em;
}
.seminar-explanation .three-line{
	margin-bottom: 3.099em;
}
.seminar-explanation .one-title_three-line{
	margin-bottom: 4.55em;
}
.seminar-explanation .four-line{
	margin-bottom: 1.3em;
}
.seminar-explanation .many-lines{
	margin-bottom: 0.5em;
}
.seminar-img{
	flex-shrink: 0;
		width: 50%;
}
.seminar-headline03 {
	font-size: 26px;
	font-weight: bold;
	padding: 0.34em 0;
	line-height: 1.3;
	text-align: center;
}
.no-seminar-info {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}
.seminar-annotation{
	display: block;
	font-size:12px;
	padding-top: 0.5em;
}
.seminar-no-title{
	padding-top: 0.66em;
}
.txt .small{
	font-size: 14px;
}
#news .seminar_summary th {
  white-space: nowrap;
}
#news .btn--back {
	max-width: 500px;
	border: 4px solid #426DB5;
	border-radius: 50px;
	margin: 85px auto 0;
	transition: .2s;
}
#news .btn--back a {
	display: block;
	color: #426DB5;
	text-align: center;
	font-size: 28.8px;
	padding: 15px 0;
	text-decoration: none;
	transition: .2s;
}
#news .btn--back:hover {
	background-color: #426DB5;
}
#news .btn--back a:hover {
	color: #fff;
}
@media screen and (max-width:767px){
	.seminar_title {
		text-align: center;
		font-size: 1.2em;
		padding: 0.9em 0 0.5em;
	}
	.seminar_item {
		display: block;
	}
	.seminar-img {
		width: 100%;
	}
	.seminar-explanation{
		margin: 0;
	}
	.seminar-explanation .two-lines,
	.seminar-explanation .one-title_two-line,
	.seminar-explanation .three-line,
	.seminar-explanation .one-title_three-line,
	.seminar-explanation .many-lines {
		margin-bottom: 1.3em;
	}
	.seminar-headline03 {
		font-size: 22.8px;
	}
	.no-seminar-info {
		font-size: 1.2em;
		text-align: left;
	}
	.seminar-annotation{
		font-size:11px;
	}
	.seminar-no-title{
		padding-top: 1.9em;
	}
	.txt .small{
		font-size: 3.5vw;
	}
	#news .btn--back {
		max-width: none;
		border: 3px solid #426DB5;
		margin-top: 50px;
	}
	#news .btn--back a {
		font-size: 4.9vw;
		padding: 10px;
	}
}
@media only screen and (max-width: 390px) {
	#news .btn--back a {
		font-size: 1.3em;
	}
}
/* dlフォーム */
/* --- TOPページ --- */
.dl_title{
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.5em 0;
	line-height: 1.3;
}
.case_study_seminar,
.useful_materials_dl {
	display: flex;
	justify-content: space-between;
}
.case_study-text,
.useful_materials-text {
	width: 50%;
	margin-left: 18px;
}
.case_study-text {
	margin-top: 20px;
}
.case_study-text > p,
.useful_materials-text > p {
	font-size: 1.6em;
	line-height: 1.8;
}
.useful_materials-text > p {
	margin-top: 30px;
}
.case_study-img,
.useful_materials-img {
	width: 40%;
	margin: 10px 25px 0 0;
}
/* --- 各フォームページ --- */
.dl .inner,#form_erea .dl_inner{
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.dl_flexbox{
	display: flex;
	justify-content: space-between;
	margin: 22px 0 60px;
}
.dl_flexbox .flex_left{
	width: 47.5%;
}
.dl_flexbox .flex_right{
	width: 47.5%;
}
/*.dl_title_border{
	border-bottom:2px solid #2f5597;
	font-weight: bold;
	font-size: 28px;
	margin-bottom: .8em;
	line-height: 1.8;
}
.dl_title_border span{
	margin-right:4px;
}*/
.dl .inner p,.dl .dl_inner p {
	letter-spacing: 1.7px;
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 1.7px;
}
.dl .textSmall01{
	font-size:12px;
	text-align: left;
	flex-basis: 100%;
}
.dl .inner.mb,#news .inner.mb{
	margin-bottom: 52px;
}
#form_erea .dl_inner{
	width: 980px;
	margin-left: -115px;
}
@media screen and (max-width: 767px) {
	.dl_title {
		text-align: center;
		font-size: 1.18em;
		padding: 0.9em 0 0.5em;
	}
	.case_study_seminar,
	.useful_materials_dl {
		flex-direction: column;
	}
	.case_study-text,
	.useful_materials-text {
		width: 100%;
		margin: 30px 0 0 0;
		order: 1;
	}
	.case_study-text > p,
	.useful_materials-text > p {
		font-size: 1.3871em;
	}
	.useful_materials-text > p {
		margin-top: 0;
	}
	.case_study-img,
	.useful_materials-img {
		margin: 20px 0 0;
		width: 100%;
		order: 0;
	}
	.dl .inner p,.dl .dl_inner p {
		font-size: 3vw;
	}
	.dl_flexbox{
		display: block;
		margin: 22px 0 60px;
	}
	.dl_flexbox .flex_left{
		width: 100%;
		margin-bottom: 22px;
	}
	.dl_flexbox .flex_right{
		width: 100%;
	}
	.dl .inner,#form_erea .dl_inner{
		padding-left: 0;
		padding-right: 0;
	}
	.dl_pc {
		display: none;
	}
}
@media screen and (max-width:559px) {
	.dl_pc {
		display: block;
	}
}
/*================
        eco
================*/
#eco .headline03__details {
	margin-top: 60px;
}
#eco .main_contents {
	background-color: #e2f0d9;
	padding: 0 4px 2%;
}
#eco .offer_reception__box {
	width: 30%;
	background-color: #fff;
	border-radius: 20px;
	margin: 1% 0.5%;
}
#eco .offer_reception__box .sub_headline__text {
	text-align: center;
	padding: 0.6em 0;
	margin: 10px 0;
}
#eco .offer_reception__img__box {
	position: relative;
	width: 80%;
	height: 210px;
	text-align: center;
	margin: 0 30px;
}
#eco .offer_reception__img__box img {
	position: absolute;
	width: auto;
	max-height: 190px;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#eco .t-img02 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15px;
}
#eco .eco_inner_btn {
	display: flex;
	justify-content: center;
	margin: 40px 0;
}
.btn_2column {
	margin: 0 40px;
}
.btn_green {
	background-color: #3db07d;
}
.btn_green p {
	margin-bottom: 0 !important;
	line-height: 1;
}
.btn_green a {
	text-decoration: none !important;
}
#eco .eco_features{
	margin-top:25px;
}
#eco .lay_tile {
	display: flex;
	margin-bottom: 45px;
}
#eco .tile_text,
#eco .tile_img {
	width: 46%;
	margin: 0 2%;
}
#eco .tile_img {
	height: 240px;
	text-align: center;
}
#eco .tile_img img {
	width: auto;
	max-height: 220px;
	height: auto;
}
.sub_headline__text {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 3px;
}
#eco .line_yahoo_kanameto_logo {
	display: flex;
	justify-content: center;
	margin: -4px 0 5px;
}
#eco .line_yahoo_kanameto_logo .line_yahoo_logo {
	width: 40%;
}
#eco .line_yahoo_kanameto_logo .line_yahoo_logo img {
	padding-top: 10px;
}
#eco .line_yahoo_kanameto_logo .kanameto_logo {
	width: 29%;
}
#eco .line_yahoo_kanameto_logo .kanameto_logo img {
	padding-top: 10px;
}
#eco .line_yahoo_kanameto_logo img {
	width: auto;
}
#eco .logo_closs {
	font-size: 3.5em;
	line-height: 1.1;
	padding: 4px 1em 0 0.6em;
	margin: 0;
}
#eco .kanameto_logo {
	padding-top: 5px;
}
#eco .line_yahoo_communications > p {
	text-align: center;
}
#eco .online-cash .figure-box:nth-child(2) .figure-box__item {
	width: 100%;
}
.online-cash .figure-box {
	margin: 0;
}
.online-cash .qr_code_payment{
	margin: 9px auto -7px;
}
.online-cash .credit_card{
	margin-bottom: 20px;
}
#eco .online-cash .figure-box:nth-child(2) img {
	width: 580px;
}
#eco .online-cash > p {
	text-align: center;
}
#eco .municipality-box__item .annotation {
	font-size: 0.8em;
	text-align: left;
}
#eco .usage_image .solution_center p, #eco .line_yahoo_communications > p, #eco .online-cash > p{
	margin-bottom: 0;
}
#eco .sustainability_link {
	display: flex !important;
	justify-content: center;
	margin-top: 60px;
}
#eco .sustainability_link:hover {
	opacity: 0.8;
}
@media screen and (max-width: 355px) {
	.sp_headline03_left_max355px{
		text-align: left;
	}
}
@media screen and (max-width: 374px) {
	.sp_headline03_left_max374px{
		text-align: left;
	}
}
@media screen and (min-width: 450px) {
	.solution .solution_center.sp_headline03_left_max449px p{
		text-align: center!important;
	}
}
@media screen and (max-width: 449px) {
	.solution .solution_center.sp_headline03_left_max449px p{
		text-align: left!important;
	}
}
@media screen and (max-width: 509px) {
	.sp_headline03_left_max509px{
		text-align: left;
	}
}
@media screen and (max-width: 520px) {
	.sp_headline03_left_max520px{
		text-align: left;
	}
}
@media screen and (min-width: 581px) {
	p.sp_headline03_left_max580px{
		text-align: center;
	}
}
@media screen and (max-width: 580px) {
	.sp_headline03_left_max580px{
		text-align: left;
	}
}
@media screen and (min-width: 599px) {
	p.sp_headline03_left_max599px{
		text-align: center;
	}
}
@media screen and (max-width: 599px) {
	.sp_headline03_left_max599px{
		text-align: left;
	}
}
@media screen and (max-width: 663px) {
	.sp_headline03_left_max663px{
		text-align: left;
	}
}
@media screen and (max-width: 670px) {
	.sp_headline03_left_max670px{
		text-align: left;
	}
}
@media screen and (max-width: 685px) {
	.sp_headline03_left_max685px{
		text-align: left;
	}
}
@media screen and (max-width: 720px) {
	.sp_headline03_left_max720px{
		text-align: left;
	}
}
@media screen and (max-width: 740px) {
	.sp_headline03_left_max740px{
		text-align: left;
	}
}
@media screen and (max-width: 767px) {
	.sp_headline03_left{
		text-align: left;
	}
}
@media screen and (max-width: 767px) {
	#eco .main_contents .headline03__details {
		margin-top: 30px;
	}
	#eco .offer_reception__box {
		width: 100%;
		text-align: center;
		margin: 1% 3%;
	}
	#eco .offer_reception__img__box {
		width: 100%;
		margin: 3% auto 5%;
	}
	#eco .offer_reception__img__box img {
		max-width: 90%;
	}
	#eco .eco_inner_btn {
		flex-direction: column;
	}
	.btn_2column {
		margin: 7.5px auto;
	}
	#eco .lay_tile {
		flex-direction: column;
	}
	#eco .tile_rev {
		flex-direction: column-reverse;
	}
	#eco .tile_text,
	#eco .tile_img {
		width: 100%;
	}
	#eco .tile_img,
	.sub_headline__text {
		text-align: center;
	}
	#eco .tile_img {
		height: auto;
		margin: 0;
	}
	#eco .usage_image .figure-box {
		margin-top: 0;
	}
	#eco .eco_features {
		margin-top: 10px;
	}
	#eco .lay_tile {
		margin-bottom: 60px;
	}
		#eco .row .solution-headline02.first {
		margin-top: 0;
	}
	#eco .line_yahoo_kanameto_logo {
		flex-direction: column;
		text-align: center;
		padding-top: 10px;
	}
	#eco .line_yahoo_kanameto_logo .line_yahoo_logo {
		width: 90%;
		margin: 0 auto;
	}
	#eco .line_yahoo_kanameto_logo .line_yahoo_logo img {
		padding: 0 0 10px 0;
	}
	#eco .line_yahoo_kanameto_logo .kanameto_logo {
		width: 47%;
		margin: 0 auto;
	}
	#eco .line_yahoo_kanameto_logo {
		margin-bottom: 20px;
	}
	#eco .logo_closs {
		padding: 0;
	}
	#eco .line_yahoo_kanameto_logo .line_yahoo_logo img{
		padding-bottom: 0;
	}
	#eco .line_yahoo_kanameto_logo .kanameto_logo img{
		padding-top: 0;
	}
	#eco .kanameto_logo{
		padding-top: 0;
	}
	#eco .online-cash .t-img02{
		margin-bottom: 0;
	}
	#eco .online-cash .figure-box {
		width: 100%;
	}
	#eco .online-cash .figure-box:nth-child(1) {
		margin: 2px 0 6px;
	}
	#eco .online-cash .figure-box:nth-child(1) .figure-box__item:nth-child(1) img {
		width: 46%;
	}
	#eco .online-cash .figure-box:nth-child(1) .figure-box__item:nth-child(2) img {
		width: 68%;
		margin-top: 7px;
	}
	#eco .online-cash .figure-box:nth-child(2) img {
		width: 100%;
	}
	#eco .advantages .solution-row__col-1-3-lg p{
		margin-bottom: 0;
	}
	#eco .municipality-box__item > p, .municipality-box__item2 > p {
		font-size: 1.3rem;
	}
	#eco .municipality-box__item .annotation {
		font-size: 1.2rem;
	}
	#eco .usage_image .solution_center p, #eco .line_yahoo_communications > p, #eco .online-cash > p {
		text-align: left;
		margin-bottom: 10px;
	}
	span.sp_mb15 {
		display: block;
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 400px) {
	#eco .logo_closs {
		font-size: 2em;
	}
}
/* --- ECO function --- */
.sub_headline04 {
	text-align: center;
	font-weight: bold;
}
.btn_eco_case {
	margin-top: 15px;
}
.utilization__img__box .utilization__img02.square img{
	max-height: 150px;
}
.utilization__img__box .utilization__img02.landscape img{
	max-height: 140px;
}
@media screen and (max-width: 767px) {
	.btn_eco_function {
		max-width: 300px;
		margin-top: 0;
	}
	.btn_eco_function p {
		line-height: 1.2;
	}
	.btn_eco_function p a {
		padding: 15px 0;
	}
}
/* --- ECO price --- */
.eco_circle {
	width: 147px !important;
	height: 147px !important;
	font-size: 16px !important;
}
.contents_table_eco_price table {
	width: 68%;
	margin: 0 auto 30px;
}
.contents_table_eco_price th,
.contents_table_eco_price td {
	font-size: 16px;
	padding: 10px 0;
}
.contents_table_eco_price th {
	background-color: #426db5;
	color: #fff;
}
.contents_table_eco_price .table_blue {
	background-color: #d8e3f3;
}
.contents_table_eco_price .table_green {
	background-color: #e2f0d9;
}
.contents_table_eco_price .table_gray {
	background-color: #d6dce5;
}
.sp_eco_price,
.sp_eco_price02 {
	display: none;
}
@media screen and (max-width: 767px) {
	.contents_table_eco_price table {
		width: 100%;
	}
	.contents_table_eco_price th,
	.contents_table_eco_price td {
		font-size: 1.2em;
	}
}
@media screen and (max-width: 593px) {
	.contents_table_eco_price th,
	.contents_table_eco_price td {
		font-size: 1em;
	}
	.sp_eco_price {
		display: block !important;
	}
}
@media screen and (max-width: 442px) {
	.sp_eco_price02 {
		display: block !important;
	}
}
@media screen and (max-width: 340px) {
	.eco_price_headline03 {
		width: 290px;
		margin-left: calc(50% - 290px/2);
	}
}
/* --- ECO FOOTER --- */
.eco_footer_Nav .wrapper {
	background-color: #e2f0d9;
}
.eco_footer_Nav ul {
	width: 95%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
}
.eco_footer_Nav li {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 2;
}
.eco_footer_Nav li a {
	color: #4472c4;
}
.eco_footer_Nav li::after {
	content: "|";
	padding: 0 10px;
}
.eco_footer_Nav li:first-child:after,
.eco_footer_Nav li:last-child:after {
	content: "";
	padding: 0;
}
/* --- 240125 top page --- */
.new_service_release{
	background-color: #e2f0d9;
	margin-bottom: 70px;
}
.new_service_release .headline03{
	line-height: 1.5;
}
.new_service_release h2.headline03{
	padding: 30px 0 0;
}
.new_service_release p.headline03{
	padding: 0 0 30px;
}
.new_service_release .headline03 a{
	text-decoration: underline;
	color: #4472c4;
}
#topPage .comapnyCity.border-bottom{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 35px;
}

.contents--eco{
	padding-top: 50px;
}
.contents--eco p{
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.8;
}
.eco_buttons {
	display: flex;
	justify-content: space-between;
}
.eco_btn {
	background-color: #3db07d;
	font-size: 2.0rem;
}
.eco_btn p {
	line-height: 1;
}
.eco_buttons .btn--oval{
	max-width: 300px;
	margin-top: 40px;
}
#topPage .contents--company .contentsHead{
	margin-bottom: 18px;
}
#topPage .utilization__text01{
	font-size: 2.4rem;
}
@media screen and (max-width: 767px){
	.contents--eco{
		padding:50px calc(40*100vw/750) 0;
	}
	.contents--eco .content_txt{
		text-align: left;
	}
	.eco_buttons {
		display: block;
	}
	.eco_buttons .btn--oval:first-of-type{
		margin-top: 20px;
	}
	.eco_buttons .btn--oval{
		margin-top: 15px;
	}
}
/* --- 240125 function --- */
.scroll_btn_area .inner{
	padding-left: 0;
	padding-right: 0;
}
.scroll_btn .utilization__box{
	width: 23%;
	margin-right: 10px;
	margin-left: 10px;
}
.scroll_btn .security_center{
	text-align: left;
}
.br_max334px{
	display: none;
}
@media screen and (max-width: 767px){
	.scroll_btn .utilization__box{
		width: 100%;
		max-width: 291px;
		margin-right: 10px;
		margin-left: 10px;
	}
}
@media screen and (max-width: 334px){
	.br_max334px{
		display: block;
	}
}