@charset "utf-8";
/*******************************************************
mescius -http://www.mescius.jp/
Copyright(c)
by GrapeColors
*******************************************************/

/*****************************************************
	Subpages Common
*****************************************************/
/*img:not(.header-logo):not(.h2--img):not(.h3--img):not(.no--bgc):not(.card--learn-more__img):not(.footer-logo):not(.service-img):not(.sort--img):not(.section--movie-thumb):not(.block--case-parter_img):not(.partner--img):not(.card-img)  {
	height: 100%; 
	padding:1em;
}*/

.h1--wrap {
	width: 100%;
	padding: 20px;
	background: #35afd6;
}

.sub-h1 {
	display: flex;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	font-size: 40px;
	font-weight: bold;
	padding: 35px;
	color: #fff;
	background: url("../imgs/grid.svg");
	background-size: 35px 35px;
	background-repeat: repeat;
}

.two-lines {
	flex-direction: column;
	height: auto;
}

.sub-h1 span {
	display: flex;
	padding-top: 0.5em;
	font-size: 60%;
}


.main-visual {
	display: flex;
	width: 70%;
	object-fit: contain;
	margin: 5rem auto 3rem;
	padding: 2em !important;
}


.section--two-col {
	display: flex;
	flex-wrap: wrap;
}

.box {
	padding: 20px 40px;
    margin: 2em 0;
    font-weight: bold;
    color: #1E64A5;/*文字色*/
    background: #FFF;
    border: solid 3px #1E64A5;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.table {
	width: 100%;
	margin-top: 10px;
	border: solid 1px #999 !important;
	text-align: center;
	vertical-align: middle;
}

.table--head {
	background: #b1d5e1;
	text-align: center;
}

 table .table--tr{
	border-top: solid 1px #999 !important;
}

 table .table--td, table .table--head{
 	padding: 1em 2em !important;
	border-top: solid 1px #999 !important;
	vertical-align: middle;
 	line-height: 1.8em;
}

/* 新テーブルクラス*/
.table-class {
	width: 100%;
}
.table-class th {
	text-align: center;
	background: #b1d5e1;
	border: solid 1px #ccc;
	color: #fff;
	padding: 10px;
}
.table-class td {
	border: solid 1px #ccc;
	padding: 10px;
}
/* --- List ----------------------- */
.list-bul--circle-arrow {
	margin-bottom: 0;
	padding-left: 2rem;
}
.list-bul--circle-arrow li {
	list-style-type: none;
	margin-bottom: .5rem;
	font-size: clamp(16px, 10vw, 18px);
	text-indent: -2rem;
	line-height: 1.5;
}
.list-bul--circle-arrow li::before {
	padding-right: .6rem;
    font-family: "Font Awesome 5 Free";
    content: "\f138";
	font-size: 1.3rem;
	font-weight: 900;
	color:#45AFD6;
}
/* --------------------------------
	Media Query
----------------------------------- */
@media screen and (max-width: 834px) {
	.table-class tr {
	  display: block;
	  float: left;
	  margin: 20px 0;
	}
	.table-class tr td, 
	.table-class tr th {
	  display: block;
	  height: 70px;
	}
	.table-class thead {
	  display: none;
	}
	.table-class thead tr {
	  width: 100%;
	}
	.table-class tbody td:last-child {
	  border-bottom: solid 1px #ccc;
	}
  }


.case--point {
	width: 100%;
	padding: 2em;
	background: #c0d5e0;
}

.case--point *:not(a) {
	color: #444;
}

.case--point_ul {
	margin: 0;
	padding-left: 20px;
}

@media only screen and (max-width : 960px) {

.main-visual {
	width: 100%;
	margin: 2.5rem auto 1.5rem;
	}
}

@media only screen and (max-width : 640px) {
	.sub-h1 {
		height: auto;
		font-size: 28px;
		line-height:40px;
		padding: 15px;
	}
	img:not(.header-logo):not(.h2--img):not(.h3--img):not(.card--learn-more__img):not(.footer-logo):not(.footer--btm-right img):not(.service-img):not(.sort--img):not(.section--movie-thumb):not(.block--case-parter_img):not(.partner--img), .section--1col-img {
		width: 100% !important;
		padding: 1em;
	}

	/* --- List ----------------------- */
	.list-bul--circle-arrow li {
		font-size: clamp(12px, 10vw, 16px);
	}
}