@charset "UTF-8";
/* CSS Document */
body {
	letter-spacing: 0.02em;
}
/***打ち消し***/
.l-header {
	border-bottom: none;
}
.l-header__nav {
	border-top: none;
}
.l-header.is-hide {
  top: -161px;
}
.l-main {
  padding-top: 70px;
  line-height: 1.8;
}
.l-main img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
@media screen and (max-width:750px) {
.l-header.is-hide {
  top: -120px;
}
.l-main {
  padding-top: 45px;
  padding-bottom: 50px;
}

}

/************/

.yu-mincho{
font-family: "Times New Roman", Times,"游明朝体", "Yu Mincho", YuMincho, "HG明朝B",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝', serif;
}
.pc {
	display:block;
}
.sp {
	display:none;
}
.sp_img {
	display: none;
}
@media screen and (max-width:750px) {
.pc {
	display:none;
}
.sp {
	display:block;
}
.sp_img {
	display: block;
	margin: 0 0 20px;
}
}

/************/


.l-main .main {
	background: #f6faf7;
}
.l-main .main .inn {
	margin: 0px auto;
	max-width: 1420px;
}
@media screen and (max-width:750px) {
.l-main .main {
}
.l-main .main .inn {
	margin: 0px 3%;
}
}

/************/


.l-main .sec-intro {
	background: url(../img/intro_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 90px 0px 75px;
}
.l-main .sec-intro .copy {
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 35px;
	line-height: 1;
	padding: 0px 10px;
}
.l-main .sec-intro p {
	line-height: 2.1;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	padding: 0px 10px;
	letter-spacing: 0.04em;
}
@media screen and (max-width:750px) {
.l-main .sec-intro {
	padding: 45px 0px;
}
.l-main .sec-intro .copy {
	font-size: 24px;
	margin: 0px 0px 15px;
}
.l-main .sec-intro p {
	line-height: 2;
	font-size: 14px;
	margin: 0 5%;
	padding: 0;
	text-align: justify;
}
}

/************/

.l-main .sec-app {
	background: #f5f4ef;
	padding: 80px 0px 150px;
	margin: 0px 0px 10px;
}
.l-main .sec-app .innWrap {
	margin: 0px auto;
	padding: 0 10px;
	max-width: 1180px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}
.l-main .sec-app .ttl , .l-main .sec-dig .ttl {
	text-align: center;
	margin: 0px 0px 80px;
	padding: 0px 10px;
}
.l-main .sec-app .ttl .ttl_jn , .l-main .sec-dig .ttl .ttl_jn {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	margin: 0px 0px 15px;
}
.l-main .sec-app .ttl .ttl_en , .l-main .sec-dig .ttl .ttl_en {
	font-family: 'Oswald', sans-serif;
	color: #196ac6;
	font-size: 26px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.06em;
}
.l-main .sec-app .innWrap .box {
	background: #FFF;
	width: 48%;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	margin: 0px 0px 80px;
}
.l-main .sec-app .innWrap .box:nth-last-child(-n+2) {
	margin: 0;
}
.l-main .sec-app .innWrap .box img {
	width: 100%;
	height: auto;
}
.l-main .sec-app .innWrap .box .inn {
	padding: 30px 10px;
	max-width: 500px;
	margin: 0px auto;
}
.l-main .sec-app .innWrap .box .inn .sttl {
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 20px;
	line-height: 1.3;
	padding: 0px 0px 0px 20px;
	position: relative;
}
.l-main .sec-app .innWrap .box .inn .sttl:before {
	margin:0;
	content:" ";
	display:inline-block;
	width:6px;
	height:50%;
	background: #00a0e9;
	vertical-align:middle;
	position: absolute;
	top: 0;
	left: 0;
}
.l-main .sec-app .innWrap .box .inn .sttl:after {
	margin:0;
	content:" ";
	display:inline-block;
	width:6px;
	height:50%;
	background: #00479d;
	vertical-align:middle;
	position: absolute;
	bottom: 0;
	left: 0;
}
.l-main .sec-app .innWrap .box .inn .text {
	font-size: 15px;
	margin: 0px 0px 30px;
	line-height: 1.7;
}
.l-main .sec-app .innWrap .box .inn .text span {
	font-size: 15px;
	color: #00a0e9;
}
.l-main .sec-app .innWrap .box .inn .btn {
	margin: 0px auto;
	width: 245px;
	text-align: center;
	font-size: 15px;
}
.l-main .sec-app .innWrap .box .inn .btn a {
	display: block;
	border: 2px solid #aaaaaa;
	color: #333;
	text-decoration: none;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	padding: 0.3em 0 0.5em;
	position: relative;
}
.l-main .sec-app .innWrap .box .inn .btn a:after {
	content: " ";
	display: inline-block;
	width: 8px;
	height: 14px;
	background: url(../img/arrow.jpg) no-repeat;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	right: 5%;
	-webkit-transform : translate(0,-50%);
	transform : translate(0,-50%);
}
@media screen and (max-width:750px) {
.l-main .sec-app {
	padding: 40px 0px 60px;
	margin: 0px 0px 6px;
	display: block;
}
.l-main .sec-app .innWrap {
	margin: 0px 5%;
}
.l-main .sec-app .ttl , .l-main .sec-dig .ttl {
	margin: 0px 0px 40px;
}
.l-main .sec-app .ttl .ttl_jn , .l-main .sec-dig .ttl .ttl_jn {
	font-size: 22px;
	margin: 0px 0px 10px;
}
.l-main .sec-app .ttl .ttl_en , .l-main .sec-dig .ttl .ttl_en {
	font-size: 18px;
}
.l-main .sec-app .innWrap .box {
	margin: 0px 0px 20px;
	width: 100%;
}
.l-main .sec-app .innWrap .box:nth-last-child(-n+2) {
	margin: 0px 0px 20px;
}
.l-main .sec-app .innWrap .box:last-child {
	margin: 0px;
}
.l-main .sec-app .innWrap .box img {
	width: 100%;
	height: auto;
}
.l-main .sec-app .innWrap .box .inn {
	padding: 15px 0px;
	width: auto;
	max-width: initial;
	margin: 0 5%;
}
.l-main .sec-app .innWrap .box .inn .sttl {
	font-size: 16px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 15px;
}
.l-main .sec-app .innWrap .box .inn .sttl:before {
	width: 5px;
}
.l-main .sec-app .innWrap .box .inn .sttl:after {
	width: 5px;
}
.l-main .sec-app .innWrap .box .inn .text {
	font-size: 14px;
	margin: 0px 0px 15px;
}
.l-main .sec-app .innWrap .box .inn .text span {
	font-size: 13px;
}
.l-main .sec-app .innWrap .box .inn .btn {
	margin: 0;
	width: auto;
	font-size: 14px;
}
.l-main .sec-app .innWrap .box .inn .btn a {
	padding: 0.3em 0 0.4em;
}
.l-main .sec-app .innWrap .box .inn .btn a:after {
	width: 6px;
	height: 12px;
}
}

/************/
.l-main .sec-dig {
	background: #f2f3f1;
	padding: 90px 0px 130px;
}
.l-main .sec-dig .innWrap {
	margin: 0px auto;
	max-width: 1180px;
}
.l-main .sec-dig .ttl .ttl_en {
	color: #4c9802;
}


.l-main .sec-dig .book-tbl {
	max-width: 1180px;
	margin: 0 auto;
}
.l-main .sec-dig .book-tbl tr:nth-child(odd) {
  background: #fafafa;
}
.l-main .sec-dig .book-tbl .thead th {
	padding: 10px;
	border-bottom: 2px solid #4c9802;
	border-right: 1px solid #b5b5b5;
}
.l-main .sec-dig .book-tbl tr td {
	text-align: center;
	border-bottom: 1px dotted #b5b5b5;
	border-right: 1px solid #b5b5b5;
	position: relative;
	vertical-align: middle;
}
.l-main .sec-dig .book-tbl tr td:first-child p {
	text-align: left;
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 80px;
	-webkit-transform : translate(0%,-50%);
	transform : translate(0%,-50%);
}
.l-main .sec-dig .book-tbl tr:last-child td:last-child {
	font-size: 16px;
	font-weight: bold;
}
.l-main .sec-dig .book-tbl tr td:first-child {
	padding: 15px;
	width: 20%;
}
.l-main .sec-dig .book-tbl tr td:first-child:before{
	margin: 0;
	content: " ";
	display: block;
	width: 53px;
	height: 75px;
	vertical-align: middle;
}
.l-main .sec-dig .book-tbl tr:nth-child(2) td:first-child:before{
	background: url(../img/dig_img01.jpg) no-repeat;
	background-size: contain;
}
.l-main .sec-dig .book-tbl tr:nth-child(3) td:first-child:before{
	background: url(../img/dig_img02.jpg) no-repeat;
	background-size: contain;
}
.l-main .sec-dig .book-tbl tr:nth-child(4) td:first-child:before{
	background: url(../img/dig_img03.jpg) no-repeat;
	background-size: contain;
}
.l-main .sec-dig .book-tbl tr:nth-child(5) td:first-child:before{
	background: url(../img/dig_img04.jpg) no-repeat;
	background-size: contain;
}
.l-main .sec-dig .book-tbl tr:nth-child(6) td:first-child:before{
	background: url(../img/dig_img05.jpg) no-repeat;
	background-size: contain;
}
.l-main .sec-dig .book-tbl tr:nth-child(7) td:first-child:before{
	background: url(../img/dig_img06.jpg) no-repeat;
	background-size: contain;
}
.l-main .sec-dig .book-tbl tr:nth-child(8) td:first-child:before{
	background: url(../img/dig_img07.jpg) no-repeat;
	background-size: contain;
}
.l-main .sec-dig .book-tbl tr:nth-child(9) td:first-child:before{
	background: url(../img/dig_img08.jpg) no-repeat;
	background-size: contain;
}

@media screen and (max-width:750px) {
.l-main .sec-dig {
	padding: 45px 0px 70px;
}
.l-main .sec-dig .innWrap {
	margin: 0px auto;
	max-width: 1180px;
}
.l-main .sec-dig .book-tbl {
	  width: 90%;
	  max-width: 100%;
}
.l-main .sec-dig .book-tbl .thead {
    display: none;
  }
.l-main .sec-dig .book-tbl tr {
    width: auto;
  }
.l-main .sec-dig .book-tbl td {
    display: block;
    text-align: right;
    width: 100%;
  }
.l-main .sec-dig .book-tbl tr td:first-child {
  }
.l-main .sec-dig .book-tbl td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    font-size: 15px;
  }
.l-main .sec-dig .book-tbl tr td {
	border-right: none;
	font-size: 14px;
	text-align: right;
	padding: 5px;
}
.l-main .sec-dig .book-tbl tr td:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden;
}
.l-main .sec-dig .book-tbl tr td:first-child p {}
.l-main .sec-dig .book-tbl tr:last-child td:last-child {
	font-size: 14px;
	text-align: center;
}
.l-main .sec-dig .book-tbl tr td:first-child {
	padding: 10px 20px;
	width: auto;
	border-bottom: solid 1px #d5d5d5;
}
.l-main .sec-dig .book-tbl tr td:first-child:before{
	margin: 0;
	content: " ";
	display: block;
	width: 40px;
	height: 57px;
	vertical-align: middle;
	float: none;
}
}