.js-scroll-overlap:not(.is-disabled) {
  --sticky-offset: -1px;
  position: sticky;
  top: var(--sticky-offset);
}
.relative {
  position: relative;
}


.box01{
    width: 100%;
    position: relative;
}
.box02{
    width: 100%;
}




.top-title01-anime {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(100px);
	transition: 1s ease-out;
    margin: 0 0 4em 0;
}
.top-title01-anime.is-active {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0px);
}
/*

.top-title01-anime {
  overflow: hidden;
  position: relative;
    margin: 0 0 4em 0;
}
.top-title01-anime.is-active {
  --skewX: 0deg;
  --cover-x: 101%;
  --x: 0;
}

.top-title01-anime::before,
.top-title01-anime::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50vh;
  transform: translateX(var(--cover-x, -101%));
  transition: transform 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.top-title01-anime::before {
  background-color: #fff;
}

.top-title01-anime::after {
  background-color: #245e97;
  transition-delay: 0.1s;
}


.top-title01-anime .top-title01 {*/
/*  color: #fff;
  font-size: 5vw;
  font-weight: 700;*/
    
  /*text-transform: uppercase;
  transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1);*/
  /*transform: translateX(var(--x, -110%)) skewX(var(--skewX, 8deg));
  transition-delay: 0.3s;
}*/
.top-title01{
    width : -webkit-calc( 100% - 30px );
    width : calc( 100% - 30px );
    text-align: center;
    font-size: 4vw;
    line-height: 1.6;
    padding: 10px 0;
    margin: 0 0 30px 0;
    color: #245e97;
    font-weight: bolder;
}



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

.top-title01{
    width : -webkit-calc( 100% - 40px );
    width : calc( 100% - 40px );
    font-size: 1.8em;
    padding: 10px 20px;
    line-height: 1.4;
}
}



.top-title02 {
    width : 100%;
    text-align: left;
    font-size: min(4vw, 70px);
    line-height: 1.6;
    padding: 0 0;
    margin: 0 auto;
    color: #000;
    font-weight: bolder;
    
    text-align: center;
}

.top-title02 span {
    font-size: .4em;
    margin-left: 1em;
    font-weight: normal;
}

.top-title02.fc-f {
    color: #fff;
}





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

.top-title02 {
    font-size: min(7vw, 70px);
}

.top-title02 span {
    width: 100%;
    display: block;
    margin-left: 0;
    font-size: .5em;
}
}



.top-title03 {
    width : 100%;
    max-width: 1000px;
    text-align: left;
    font-size: min(2.2vw, 48px);
    line-height: 1.6;
    padding: 1em 0 0 0;
    margin: 0 auto 0 auto;
    color: #000;
    font-weight: bolder;
    
    text-align: center;
  /*position: relative;
  border-bottom: 3px solid #fff;
    border-radius: 2em;*/
}

.top-title03 span {
    font-size: .8em;
    font-weight: normal;
}

.top-title03.fc-f {
    color: #fff;
}


/*
.top-title03:before {
  position: absolute;
  bottom: -16px;
  left: 50%;
  width: 0;
  height: 0;
  content: '';
  border-width: 16px 20px 0 20px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  translate: -50% 0%;
}

.top-title03:after {
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 0;
  height: 0;
  content: '';
  border-width: 16px 20px 0 20px;
  border-style: solid;
  border-color: #1B7BF2 transparent transparent transparent;
  translate: -50% 0%;
}
*/


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

.top-title03 {
    font-size: min(5vw, 70px);
}
}

/*
.top-title03{
    width : -webkit-calc( 100% - 30px );
    width : calc( 100% - 30px );
    text-align: center;
    line-height: 1.4;
    font-size: 3em;
    padding: 10px 0;
    margin: 0 0 30px 0;
    color: #fff;
    font-weight: bolder;
    font-family: "Kosugi Maru", serif;
}

.top-title03 span{
    font-size: 0.5em;
    font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,"メイリオ","Meiryo",verdana,Sans-Serif;
    line-height: 1.4;
}



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

.top-title03{
    width : -webkit-calc( 100% - 40px );
    width : calc( 100% - 40px );
    font-size: 1.8em;
    padding: 10px 20px;
    line-height: 1.4;
}
}





.top-title04{
    width : -webkit-calc( 100% - 30px );
    width : calc( 100% - 30px );
    text-align: center;
    line-height: 1.2;
    font-size: 3em;
    padding: 10px 0;
    margin: 0 0 30px 0;
    color: #fff;
    font-weight: bolder;
    font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,"メイリオ","Meiryo",verdana,Sans-Serif;
}

.top-title04 span{
    font-size: 0.5em;
    line-height: 1.4;
    font-family: "Kosugi Maru", serif;
}



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

.top-title04{
    width : -webkit-calc( 100% - 40px );
    width : calc( 100% - 40px );
    font-size: 1.8em;
    padding: 10px 20px;
    line-height: 1.4;
}
}


.top-title05{
    width : -webkit-calc( 100% - 30px );
    width : calc( 100% - 30px );
    text-align: center;
    font-size: 3em;
    line-height: 1.6;
    padding: 10px 0;
    margin: 0 0 30px 0;
    color: #245e97;
    font-weight: bolder;
    font-family: "Kosugi Maru", serif;
}

.top-title05 span{
    font-size: 0.5em;
    font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,"メイリオ","Meiryo",verdana,Sans-Serif;
    line-height: 1.4;
}



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

.top-title05{
    width : -webkit-calc( 100% - 20px );
    width : calc( 100% - 20px );
    font-size: 1.6em;
    padding: 10px 10px;
    line-height: 1.4;
}
}



.top-title06{
    width : -webkit-calc( 100% - 30px );
    width : calc( 100% - 30px );
    text-align: center;
    line-height: 1.4;
    font-size: 3em;
    padding: 10px 0;
    margin: 0 0 30px 0;
    color: #fff;
    font-weight: bolder;
    font-family: "Kosugi Maru", serif;
}

.top-title06 span{
    font-size: 0.5em;
    line-height: 1.4;
}



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

.top-title06{
    width : -webkit-calc( 100% - 40px );
    width : calc( 100% - 40px );
    font-size: 1.6em;
    padding: 10px 20px;
    line-height: 1.4;
}

.top-title06 span{
    font-size: 0.6em;
}
}

*/


/*.title01{
    width : -webkit-calc( 100% - 40px );
    width : calc( 100% - 40px );
    font-size: 1.8em;
    padding: 30px 20px;
    text-align: center;
    color: #ce3e8b;
    font-weight: bold;
}*/
.title01{
    font-size: 1.8em;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: .5em 3em;
    border-right: 27px solid #2589d0;
    background-color: #fff;
    color: #ce3e8b;
    margin: 0 auto 2em auto;
}

.title01::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}

    
.title02{
    width : 80%;
    font-size: 1.8em;
    padding: 30px 20px;
    text-align: center;
    color: #fff;
    background: #000;
    font-weight: bold;
    margin: 0 auto 2em auto;
}

.top-text00{
    width: 80%;
    max-width: 1500px;
    margin:40px auto;
}

.top-text00 img{
    width: 100%;
}

.top-text01{
    width: 80%;
    margin:5vh 10%;
}

.top-text01 img{
    width: 100%;
}

.top-text02{
    text-align: left;
	display: inline-block;
}

.top-text02 img{
    width: 100%;
}


.btn01{
    margin: 30px auto;
    text-align: center;
}





/**/
.top-come-bg{
    background:#ecea55;
}
.top-come{
    width: 80%;
    margin:0 10% 5em 10%;
    text-align: center;
    font-size: max(2.4vw,17px);
    font-weight: 700;
    
}
.top-come p{
    margin-bottom: 1em;
    
}
.top-come p.top-come2{
    margin-bottom: 1em;
    font-size: max(3.2vw,24px);
    color: #000;
    
}

@media screen and (max-width: 860px) {
.top-come{
    width: 90%;
    margin:0 5% 5em 5%;
    font-size: max(2.4vw,17px);    
}
}
    
    
    

/*ーーーーーーーーーーー　numbers ーーーーーーーーーーー*/

.zenkaku {
    	font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif;
    	font-weight: 700;
    padding:0 0.5em;
}
/*@media only screen and (min-width:751px){
.fo14 { font-size: 21px; }
.fo18 { font-size: 27px; }
.fo22 { font-size: 33px; }
.fo58 { font-size: 87px; }
.fo58-2 { font-size: 87px; }
.fo88 { font-size: 132px; }
}*/
.fo14 { font-size: min(0.9722vw,21px); }
.fo18 { font-size: min(1.25vw,27px); }
.fo22 { font-size: min(2.277vw,32px); }
.fo22-2 { font-size: min(2.277vw,32px); margin: 0 -0.2em 0 -0.2em }
.fo22-3 { font-size: min(2.277vw,32px); margin: 0 -0.4em }
.fo44 { font-size: min(3.0554vw,46px); margin: 0 -0.2em }
.fo58 { font-size: min(4.0277vw,82px); margin: 0 -0.5em}
.fo58-2 { font-size: min(4.0277vw,82px);}
.fo60 { font-size: min(5.1111vw,94px); }
.fo88 { font-size: min(6.1111vw,106px); }

@media only screen and (max-width:750px){
.fo22 { font-size: min(4vw,32px); }
.fo22-2 { font-size: min(2.277vw,32px); margin: 0 0em 0 -0.2em }
.fo22-3 { font-size: min(2.277vw,32px); margin: 0 -0.1em }
}


.danjo{
    margin:0 -0.6em 0 -0.5em;
}

.numbers-bg{
    width: 100%;
    background: #e1dfcd;
}

.numbers{
    width: 100%;
    display:flex;
    flex-wrap:wrap;
    /*gap:40px;
    font-size: 24px;*/
    	font-size: 1.1111vw;
}


ul.numbers li img {
    width: 60%;
    margin: 20px 20% 0 20%;
}


ul.numbers li {
	width: 31.25%;
	height: 34.875em;
    max-height: 700px;
	/*height: 24em;*/
	background-color: #FAF8ED;
	border-radius: 1em;
	margin: 0 3.125% 2.375em 0;
	position: relative;
}


ul.numbers li.uriage {
	width: 100%;
	height: 40.875em;
	margin: 0 0 2.375em 0;
}
ul.numbers li.uriage div.uriage-box{
    width: 100%;
    display:flex;
    flex-wrap:wrap;
}
ul.numbers li.uriage div.uriage-box div{
    width : -webkit-calc( 100% / 3 );
    width : calc( 100% / 3 );
    height: 8em;
    max-height: 180px;
	margin: 0 0 0 0;
	position: relative;
}

ul.numbers li.uriage div.uriage-box div:nth-child(3n) {
	margin-right: 0;
}

ul.numbers li:nth-child(3n) {
	margin-right: 0;
}
ul.numbers li:nth-child(10),
ul.numbers li:nth-child(11) {
	margin-bottom: 0;
}

ul.numbers li .numbers-name {
	text-align: center;
	padding: 1em 0 0.8em;
}

ul.numbers li .num {
	color: #DCAE00;
	line-height: 1;
	text-align: center;
}
ul.numbers li .num span {
	display: inline-block;
	width: 1.3em;
	line-height: 0.9;
}
ul.numbers li .num span.ich {
	width: 0.65em;
}
ul.numbers li .num span.san {
	width: 1.95em;
}
ul.numbers li .num span.fo44.yon {
	width: 2.95em;
}
ul.numbers li .txt {
	width: 19.2em;
	margin: 2.5em auto 0;
	line-height: 1.75;
}
ul.numbers li .note {
	color: #918D76;
	position: absolute;
	left: 2em;
	bottom: 1.25em;
}
ul.numbers li .note2 {
	color: #918D76;
	position: absolute;
	right: 2em;
	bottom: 1.25em;
}
ul.numbers li .note3 {
	color: #918D76;
	position: absolute;
	left: 2em;
	bottom: 1.25em;
}

ul.numbers li .illust {
	display: block;
    width: 60%;
    /*width: 16.1875em;*/
    max-width: 300px;
    margin: 20px auto 0 auto;
}

ul.numbers li .illust2{
	display: block;
    width: 84%;
    /*width: 16.1875em;*/
    max-width: 372px;
    margin: 20px auto 0 auto;
}

ul.numbers li.uriage .illust {
    width : 25%;
    max-width: 300px;
}

/*
ul.numbers li .pie {
	width: 12.5em;
	height: 12.5em;
	position: absolute;
	left: 50%;
	top: 4.375em;
	margin-left: -6.25em;
}
ul.numbers li .circle-wrap {
    position: relative;
    width: 12.5em;
    height: 12.5em;
}
ul.numbers li .circle {
    width: 12.5em;
    height: 12.5em;
    border-radius: 6.25em;
    background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.about .cont4 ul li:nth-child(8) .circle {
    background-image: url("../img/about/illlust08_bg.svg");
}
.about .cont4 ul li:nth-child(9) .circle {
    background-image: url("../img/about/illlust09_bg.svg");
}
.about .cont4 ul li:nth-child(10) .circle {
    background-image: url("../img/about/illlust10_bg.svg");
}
.about .cont4 ul li:nth-child(11) .circle {
    background-image: url("../img/about/illlust11_bg.svg");
}
.about .cont4 ul li .circle-right {
    position: absolute;
    left: 6.25em;
    width: 6.25em;
    height: 12.5em;
    overflow: hidden;
}
.about .cont4 ul li .circle-right-hidden {
    position: relative;
    left: -6.25em;
    width: 6.25em;
    height: 12.5em;
    overflow: hidden;
    transform: rotate(0deg);
    transform-origin: 100% 50%;
}
.about .cont4 ul li .circle-left {
    width: 6.25em;
    height: 12.5em;
    overflow: hidden;
}
.about .cont4 ul li .circle-left-hidden {
    position: relative;
    left: 6.25em;
    width: 6.25em;
    height: 12.5em;
    overflow: hidden;
    transform: rotate(0deg);
    transform-origin: 0% 50%;
}
.about .cont4 ul li .circle-left .circle {
    position: relative;
    left: -6.25em;
}
.about .cont4 ul li .pie.isAnimate .circle-right-hidden {
	animation: rotateRight 1s linear forwards;
}
.about .cont4 ul li .pie.isAnimate .circle-left-hidden {
	animation: rotateLeft 1s linear forwards;
}
.about .cont4 ul li .illust {
	display: block;
	position: absolute;
	left: 50%;
}
.about .cont4 ul li:nth-child(1) .illust {
	width: 16.1875em;
	top: 4.5em;
	margin-left: -8.09375em;
}
.about .cont4 ul li:nth-child(2) .illust {
	width: 12.5em;
	top: 4.375em;
	margin-left: -6.25em;
}
.about .cont4 ul li:nth-child(3) .illust {
	width: 19.25em;
	top: 2.5em;
	margin-left: -9.625em;
}
.about .cont4 ul li:nth-child(4) .illust {
	width: 8.8125em;
	top: 6.25em;
	margin-left: -4.40625em;
}
.about .cont4 ul li:nth-child(5) .illust {
	width: 19.3125em;
	top: 9.625em;
	margin-left: -9.65625em;
}
.about .cont4 ul li:nth-child(6) .illust {
	width: 8.0625em;
	top: 7.5em;
	margin-left: -4.03125em;
}
.about .cont4 ul li:nth-child(7) .illust {
	width: 7em;
	top: 7.5em;
	margin-left: -3.5em;
}
.about .cont4 ul li:nth-child(8) .illust {
	width: 5.25em;
	top: 8.25em;
	margin-left: -2.625em;
}
.about .cont4 ul li:nth-child(9) .illust {
	width: 3.125em;
	top: 8.375em;
	margin-left: -1.5625em;
}
.about .cont4 ul li:nth-child(10) .illust {
	width: 3.875em;
	top: 9.25em;
	margin-left: -1.6em;
}
.about .cont4 ul li:nth-child(11) .illust {
	width: 4.375em;
	top: 8.75em;
	margin-left: -2.1875em;
}*/
/*
@media only screen and (max-width:750px){
ul.numbers li {
	width: 100%;
	height: 117.6vw;
	border-radius: 4.266vw;
	margin: 0 0 6.4vw;
}

ul.numbers li.uriage {
	width: 100%;
	height: 170.6vw;
	margin: 0 0 6.4vw;
}
ul.numbers li.uriage div.uriage-box div{
    width: 100%;
	height: 30.6vw;
	margin: 0 0 9vw;
}
ul.numbers li .num span.fo44 {
	font-size: 10.333vw;
}

ul.numbers li:nth-child(10),
ul.numbers li:nth-child(11) {
	margin-bottom: 6.4vw;
}
ul.numbers li h4 {
	font-size: 4.8vw;
	padding: 68vw 0 0.5em;
}
ul.numbers li .num span {
	font-size: 19.733vw;
}
ul.numbers li .num span.fo58 {
	font-size: 13.333vw;
}
ul.numbers li .num b {
	font-size: 4.8vw;
}
ul.numbers li .num b.fo88 {
	font-size: 19.733vw;
}
ul.numbers li .txt {
	width: 19.2em;
	margin: 2.5em auto 0;
	line-height: 1.75;
}
ul.numbers li .note {
	font-size: 3.733vw;
	left: 5.33vw;
	bottom: 0.75em;
}
ul.numbers li .note2 {
	font-size: 3.733vw;
	left: 5.33vw;
	bottom: 0.75em;
}
ul.numbers li .pie {
	top: 3.2em;
}
}*/
/*
ul.numbers li .note {
	font-size: 3.733vw;
	left: 5.33vw;
	bottom: 0.75em;
}
.note {
	font-size: 3.466vw;
	padding-top: 1.5em;
	font-weight: 400;
	line-height: 1.6;
}
*/



@media only screen and (max-width:750px){
ul.numbers li {
	width: 47%;
	height: 70.6vw;
	border-radius: 4.266vw;
	margin: 0 6% 6.4vw 0;
}
ul.numbers li:nth-child(3n) {
	margin-right: 6%;
}


ul.numbers li:nth-child(2n) {
	margin-right: 0;
}

ul.numbers li.uriage {
	width: 100%;
	height: 130.6vw;
	margin: 0 0 6.4vw;
    max-height: 1000px;
}
ul.numbers li.uriage div.uriage-box div{
    width: 100%;
	height: 23.6vw;
	margin: 0 0 4vw;
}
ul.numbers li .num span.fo44 {
	font-size: 10.333vw;
}
ul.numbers li .num span.ich {
	width: 0.85em;
}
ul.numbers li h4 {
	font-size: 4.8vw;
	padding: 68vw 0 0.5em;
}
ul.numbers li .num span {
	font-size: 11.733vw;
}
ul.numbers li .num span.fo58 {
	font-size: 13.333vw;
}
ul.numbers li .num b {
	font-size: 3.8vw;
}
ul.numbers li .num b.fo88 {
	font-size: 10.733vw;
}
ul.numbers li .txt {
	width: 19.2em;
	margin: 2.5em auto 0;
	line-height: 1.75;
}
ul.numbers li .note {
	font-size: 2.233vw;
	left: 1.33vw;
	bottom: 0.75em;
}
ul.numbers li .note2 {
	font-size: 2.233vw;
	left: 1.33vw;
	bottom: 0.75em;
}
ul.numbers li .note3 {
	font-size: 3.733vw;
	left: 5.33vw;
	bottom: 1.75em;
}
ul.numbers li .pie {
	top: 3.2em;
}
}








.job-description-box{
	width:100%;
  margin: 0 10px;
}


.job-description{
	width:100%;
	margin:20px 0 50px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    
    padding: 0 0;
}

.job-description li{
	float:left;
    padding: 30px 30px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

/*
.job-description li.job-description-t{
	width:220px;
	font-weight:bold;
    color: #29A6EC;
    border-bottom: 0.6em solid #29A6EC;
    font-size: 2em;
}


.job-description li.job-description-t span{
	font-weight:normal;
    font-size: .5em;
}

.job-description li.job-description-h{
    width : -webkit-calc( 100% - 340px );
    width : calc( 100% - 340px );
    color: #29A6EC;
    border-bottom: 0.3em solid #29A6EC;
    font-size: 1.3em;
    margin-top: 0.7em;
}

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

.job-description li.job-description-t{
    width : 100%;
    padding: 30px 0 10px 0;
    border-bottom: none;
    font-size: 1.5em;
}

.job-description li.job-description-h{
    width : 100%;
    border-top: none;
    padding: 0 0 30px 0;
    font-size: .9em;
}
    
}*/

.job-description li:nth-child(2n-1){
	width:220px;
	font-weight:bold;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.2;
  position: relative;
}
.job-description-t{
    background: #0138E0;
}
.job-description-t::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border: 10px solid transparent;
  border-left: 10px solid #0138E0;
  z-index: 2;
}


.job-description li:nth-child(2n-1) span{
	font-weight:normal;
    font-size: .5em;
}

.job-description li:nth-child(2n){
    width : -webkit-calc( 100% - 340px );
    width : calc( 100% - 340px );
	font-weight:normal;
    font-size: 1em;
}
.job-description-h{
    background: #B8E1F8;
}





.job-description-t2{
    background: #79CF00;
}
.job-description-t2::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border: 10px solid transparent;
  border-left: 10px solid #79CF00;
  z-index: 2;
}

.job-description-h2{
    background: #C7EAC2;
}


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


.job-description li{
	float:left;
    padding: 10px 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.job-description li:nth-child(2n-1){
	width:100%;
	font-weight:bold;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.2;
  position: relative;
}
.job-description-t{
    background: #0138E0;
}
.job-description-t::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border: none;
  border-left: 10px solid #0138E0;
  z-index: 2;
}


.job-description li:nth-child(2n-1) span{
	font-weight:normal;
    font-size: .5em;
}

.job-description li:nth-child(2n){
	width:100%;
    font-size: .8em;
    margin-bottom: 30px;
}
.job-description-h{
    background: #B8E1F8;
}





.job-description-t2{
    background: #79CF00;
}
.job-description-t2::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border: none;
  border-left: 10px solid #79CF00;
  z-index: 2;
}

.job-description-h2{
    background: #C7EAC2;
}
}





.organization-chart{
    width: 100%;
    /*overflow-x: scroll;*/
    padding: 10px 0;
}
.organization-chart img{
    width: 100%;
}

.organization-chart-text01{
    color: #fff;
    font-size: 1.5em;
    margin: 0 40px 40px 40px;
}




.slider{
}
.slider div{
}
.slider .slick-track {
  display: flex;
}
.slider .slick-slide {
  height: auto !important;
}


/*=========================================
#modal
=========================================*/
.modal{
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
  z-index: 1000;
}
.modal__bg{
    background: rgba(8,51,143,0.8);
    width: 100vw;
    height: 100vh;
    position: absolute;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}
/* モーダルウィンドウ内にある×ボタン */
.occupation-box .close {
  /* モーダルウィンドウを基準に位置を調整 */
  position: absolute;
  top: .5em;
  right: .5em;
  /* ホバーしたらカーソルの形になるようにする */
  cursor: pointer;
  font-size: 2.5em;
    line-height: .6;
    font-weight: 100;
    z-index: 5;
}



/*=========================================
#modal
=========================================*/

.occupation-come{
    font-size: 1em;
    margin-bottom: 2em;
}

.occupation-btn-box{
    width: 100%;
    display:flex;
    flex-wrap:wrap;
    position: relative;
}
.occupation-btn-box .js-modal-open{
    width : -webkit-calc(( 100% / 3 ) - 5.1em );
    width : calc(( 100% / 3 ) - 5.1em );
    padding: 2em;
	margin: 0 0.1em 2.375em 0;
    background: #000;
    color: #fff;
    border: .5em solid #000;
    text-align: center;
    font-size: min(1vw,15px);
    cursor: pointer;
}
.occupation-btn-box .js-modal-open:hover{
    background: #ccc;
}
.occupation-btn-n{
    font-size: 10em;
    line-height: 1.4;
}

.occupation-n01{
    color: #00a0e9;
}
.occupation-n02{
    color: #74D300;
}
.occupation-n03{
    color: #E0B600;
}


.occupation-btn-t{
    font-size: 2em;
    line-height: 1.4;
}


@media screen and (max-width: 750px) {
.occupation-come{
    font-size: 3vw;
}
    
.occupation-btn-box .js-modal-open{
    width : -webkit-calc(( 100% / 2 ) - 5.1em );
    width : calc(( 100% / 2 ) - 5.1em );
    padding: 2em;
	margin: 0 0.1em 0.1em 0;
    background: #000;
    color: #fff;
    border: .5em solid #000;
    text-align: center;
    font-size: min(1.5vw,15px);
    cursor: pointer;
}
}




.occupation{
	/*width:100%;
    display:flex;
    flex-wrap:wrap;*/
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 800px;
}


.occupation-box-bg{
    background: url("../img/occupation-bg01.jpg")no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.occupation-box-bg02{
    background: url("../img/occupation-bg02.jpg")no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.occupation-box-bg03{
    background: url("../img/occupation-bg03.jpg")no-repeat;
    background-size: cover;
    background-position: center bottom;
}

.occupation-box{
	/*width: 31.25%;
	margin: 0 3.125% 2.375em 0;*/
    width: 100%;
    height: 100%;
	margin: 0 0 0 0;
    padding-bottom: 2em;
    font-size: min(1.3vw,15px);
    color: #fff;
    position: relative;
    background-color: rgba(35,24,21,0.8);

    max-height: 90vh;
    overflow-y: scroll;
}

.occupation-box::-webkit-scrollbar {
  display: none;
}

.occupation-box01{
    width: 90%;
    padding: 1vw 5%;
    display:flex;
    flex-wrap:wrap;
}

.occupation-box01-1{
    width: 41%;
	margin: 0 8% 2.375em 0;
}

.occupation-box01-2{
    width: 51%;
	margin: 3em 0 2.375em 0;
}

.occupation-namber{
    font-size: 10em;
    line-height: 1.4;
}


.occupation-title{
    font-size: 2em;
    line-height: 1.4;
    text-align: right;
    margin-top: -0.7em;
}


.occupation-title span{
    font-size: .7em;
}


.occupation-text{
    font-size: 1.3em;
    font-weight: normal;
}


.occupation-box02{
	width:90%;
    margin: 0 5%;
}
.occupation-check-title01{
    font-size: 1.2em;
    padding: 0.5em 2em;
    color: #fff;
    background: #00a0e9;
    display: inline-block;
}
.occupation-check-title02{
    font-size: 1.2em;
    padding: 0.5em 2em;
    color: #fff;
    background: #74D300;
    display: inline-block;
}
.occupation-check-title03{
    font-size: 1.2em;
    padding: 0.5em 2em;
    color: #fff;
    background: #E0B600;
    display: inline-block;
}


.occupation-check-text{
    font-size: 1.2em;
    width : -webkit-calc( 100% - 6em );
    width : calc( 100% - 6em );
    margin: -1em 0 0 2em ;
    padding: 2em 2em 1em 2em;
    background: #000;
    color: #fff;
    display: block;
    border: 2px solid #fff;
}

.occupation-check-text li{
    background: url("../img/check-icon.png") no-repeat;
    background-size: 1.5em;
    background-position: left .4em;
    padding-left: 1.8em;
}










.zadannkai-sub-text{
    width: 100%;
    line-height: 1.2;
    margin-bottom: 3.5em;
    font-size: min(3vw,42px);
}

.zadannkai-head{
    width: 100%;
    margin-bottom: 4em;
    font-size: min(1.2vw,19px);
}
.zadannkai-head-img{
    position: relative;
}
.zadannkai-head-img img{
    width: 100%
}
.zadannkai-head-icon01{
    position: absolute;
    top: -2.2em;
    left: 4em;
    text-align: center;
    width: 8em;
}
.zadannkai-head-icon01 img{
    width: 100%;
}
.zadannkai-head-icon02{
    position: absolute;
    top: -1.8em;
    left: 21em;
    text-align: center;
    width: 8em;
}
.zadannkai-head-icon02 img{
    width: 100%;
}
.zadannkai-head-icon03{
    position: absolute;
    top: -4.5em;
    left: 35em;
    text-align: center;
    width: 8em;
}
.zadannkai-head-icon03 img{
    width: 100%;
}
.zadannkai-head-icon04{
    position: absolute;
    top: -1.6em;
    right: 22em;
    text-align: center;
    width: 8em;
}
.zadannkai-head-icon04 img{
    width: 100%;
}
.zadannkai-head-icon05{
    position: absolute;
    top: -5em;
    right: 4em;
    text-align: center;
    width: 8em;
}
.zadannkai-head-icon05 img{
    width: 100%;
}

.zadannkai-head-name{
    text-align: center;
    line-height: 1.2;
    background: #fff;
    color: #333;
    font-size: 1em;
    padding: .2em;
}
.zadannkai-head-name span{
    font-size: .8em;
    font-weight: normal;
}




.zadannkai-head-text{
    width: 100%;
    text-align: center;
    font-size: 1em;
    padding-top: 1em;
}





@media screen and (max-width: 750px) {
    
.zadannkai-sub-text{
    font-size: 4vw;
}

.zadannkai-head-text{
    width: 100%;
    text-align: center;
    font-size: 3em;
    padding-top: 1em;
}
}



.zadannkai-title{
    width : -webkit-calc( 100% - 120px - 1.5em );
    width : calc( 100% - 120px - 1.5em );
    border: 5px solid #fff;
    font-size: 1.8em;
    text-align: center;
    margin: 2em auto 0 auto;
  cursor: pointer;
  position: relative;
  padding-right: 1.5em;
}

.zadannkai-title::before,
.zadannkai-title::after{
  position:absolute;
  content:'';
  top:1px;
  right:20px;
  bottom:0;
  width:.8em;
  height:.15em;
  margin:auto;
  background:#fff;
}
.zadannkai-title::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.zadannkai-title.active::after{transform:rotate(0deg);}

.zadannkai-title span,
.accordion-content span{
  padding-left: 25px;
  position: relative;
}



/* hover */
.accordion-header:hover {
  background-color: rgba(255,255,255,.4);
}


@media screen and (max-width: 750px) {
    
.zadannkai-title{
    width : -webkit-calc( 100% - 6px - 1.5em );
    width : calc( 100% - 6px - 1.5em );
    border: 3px solid #fff;
    font-size: 4vw;
    text-align: center;
  padding-right: 1.5em;
}

.zadannkai-title::before,
.zadannkai-title::after{
  position:absolute;
  content:'';
  top:1px;
  right:10px;
  bottom:0;
  width:.8em;
  height:.15em;
  margin:auto;
  background:#fff;
}
}

.zadannkai-talk-box{
    width: 80%;
  display: none;
    margin: 0 auto 10em auto;
}


.zadannkai-talk-box01{
    display: flex;
    flex-wrap:wrap;
justify-content:center;
align-items:center;
    width : -webkit-calc( 100% - 200px );
    width : calc( 100% - 200px );
    margin: 0 200px 0 0;
    
}


.zadannkai-talk-box01:nth-child(2n){
    flex-direction: row-reverse;
    width : -webkit-calc( 100% - 200px );
    width : calc( 100% - 200px );
    margin: 0 0 0 200px;
}


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

.zadannkai-talk-box{
    width: 82%;
  display: none;
    margin: 0 auto 10em auto;
}
.zadannkai-talk-box01{
    display: flex;
    flex-wrap:wrap;
justify-content:center;
align-items:center;
    width : 100%;
    margin: 0 0 0 0;
    
}


.zadannkai-talk-box01:nth-child(2n){
    flex-direction: row-reverse;
    width : 100%;
    margin: 0 0 0 0;
}
}


.zadannkai-talk{
    width: 200px;
}
.zadannkai-icon{
    margin-top: 1.5em;
}
.zadannkai-icon img{
    width: 100%;
}
.zadannkai-name{
    text-align: center;    
}
.zadannkai-text {
    width : -webkit-calc( 100% - 260px );
    width : calc( 100% - 260px );
    padding: 0 30px;
}
.zadannkai-talk-box01:nth-child(2n-1) .zadannkai-text p {
    width : -webkit-calc( 100% - 40px );
    width : calc( 100% - 40px );
  position: relative;
  display: inline-block;
  margin-left: 20px;
  padding: 16px;
  border-radius: 4px;
  background-color: #fff;
  text-align: left;
    font-size: 1em;
  line-height: 1.5;
    color: #0A5BC0;
    font-weight: bold;
}

.zadannkai-talk-box01:nth-child(2n-1) .zadannkai-text p::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 10px 20px 10px 0;
  border-color: transparent #fff transparent transparent;
  translate: -100% -50%;
}




.zadannkai-talk-box01:nth-child(2n) .zadannkai-text p {
    width : -webkit-calc( 100% - 40px );
    width : calc( 100% - 40px );
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding: 16px;
  border-radius: 4px;
  background-color: #fff;
  text-align: left;
    font-size: 1em;
  line-height: 1.5;
    color: #0A5BC0;
    font-weight: bold;
}

.zadannkai-talk-box01:nth-child(2n) .zadannkai-text p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #fff;
  translate: 100% -50%;
}


@media screen and (max-width: 750px) {
.zadannkai-talk{
    width: 100%;
    display: flex;
justify-content:center;
align-items:center;
}
.zadannkai-icon{
    width: 80px;
}
.zadannkai-icon img{
    width: 100%;
}
.zadannkai-name{
    width : -webkit-calc( 100% - 100px );
    width : calc( 100% - 100px );
    padding-left: 20px;
    padding-top: 20px;
    text-align: left;
}


.zadannkai-talk-box01:nth-child(2n) .zadannkai-talk{
    flex-direction: row-reverse;
}

.zadannkai-talk-box01:nth-child(2n) .zadannkai-talk .zadannkai-name{
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
}    
    
.zadannkai-text {
    width: 100%;
    padding: 0 0;
}
.zadannkai-talk-box01:nth-child(2n-1) .zadannkai-text p {
    width : -webkit-calc( 100% - 32px );
    width : calc( 100% - 32px );
  position: relative;
  display: inline-block;
  margin-left: 0;
  margin-top: 20px;
    margin-bottom:  20px;
  padding: 16px;
  border-radius: 4px;
  background-color: #fff;
  text-align: left;
    font-size: 1em;
  line-height: 1.5;
    color: #0A5BC0;
    font-weight: bold;
}

.zadannkai-talk-box01:nth-child(2n-1) .zadannkai-text p::after {
  content: "";
  position: absolute;
  top: 0;
  left: 11%;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #fff;
  translate: -50% -100%;
}




.zadannkai-talk-box01:nth-child(2n) .zadannkai-text p {
    width : -webkit-calc( 100% - 32px );
    width : calc( 100% - 32px );
  position: relative;
  display: inline-block;
  margin-right: 0;
  margin-top: 20px;
    margin-bottom:  20px;
  padding: 16px;
  border-radius: 4px;
  background-color: #fff;
  text-align: left;
    font-size: 1em;
  line-height: 1.5;
    color: #0A5BC0;
    font-weight: bold;
}

.zadannkai-talk-box01:nth-child(2n) .zadannkai-text p::after {
  content: "";
  position: absolute;
  top: 0;
  right: 6%;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #fff;
  translate: -50% -100%;
}
}






.staff-box01{
    width: 80%;
    max-width: 800px;
    background: #c0e0f6;
    padding: 30px;
    box-shadow: 10px 10px 0 #ecea55;
    margin: 0 auto;
}

.staff-top{
	width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:40px;
}

.staff-img{
	width:300px;
	height:400px;
    background: #fff;
}

.staff-pro{
    width : -webkit-calc( 100% - 340px );
    width : calc( 100% - 340px );
}

.staff-text{
	width:100%;
    margin-top: 40px;
}









.mov{
	width:100%;
    display:flex;
    flex-wrap:wrap;
	margin:50px 0 0 0;
}

.mov-box01{
	width: 48%;
	margin: 0 4% 50px 0;
}

.mov-box01:nth-child(2n) {
	margin-right: 0;
}


.mov-box01 img{
	width: 50%;
    margin: 0 25%;
}





.interview-bg{
    width: 100%;
  background: url("../img/interview-bg01.jpg");
    background-size: cover;
  animation: interview-slide 60s linear infinite;
    margin-bottom: 10em;
}

@keyframes interview-slide{
  0%{background-position: 0 0;
  }
  100%{background-position: calc( 100% - 99.5vw ) 0;
  }
}


.mov2{
	width:100%;
    max-width: 1500px;
    display:flex;
    flex-wrap:wrap;
	margin:0 auto;
    line-height: 0;
}

.mov-box02{
	width: 50%;
	margin: 0 auto 0 auto;
}
.mov-box02 img{
	width: 50%;
    margin: 0 25%;
}

@media screen and (max-width: 750px) {
.mov-box01,.mov-box02{
	width: 100%;
	margin: 0 0 50px 0;
}

.mov-box02{
	width: 100%;
	margin: 0 0 0 0;
}
}



.entry{
	width:100%;
    display:flex;
    flex-wrap:wrap;
}

.entry-box01{
	/*width: 46%;
	margin: 0 4% 50px 0;*/
	width: 50%;
	margin: 0 auto 50px auto;
}

.entry-box01:nth-child(2n) {
	margin-right: 0;
}


.entry-btn01,.entry-btn02 {
	width: 100%;
    border-radius: 1vw;
    background: #29A6EC;
    color: #fff;
    font-size: 2vw;
    font-weight: bold;
    padding: 2vw 0;
    text-align: center;
  transition: .3s;
}
.entry-btn02 {
    background: #E70003;
}

.entry-btn01:hover,.entry-btn02:hover {
    filter: opacity(0.7);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.6);
}


.entry-btn01::before,.entry-btn02::before {
  border-right: 0.3vw solid #fff;
  border-top: 0.3vw solid #fff;
  bottom: 0;
  content: "";
  width: 1vw;
  height: 1vw;
  margin: auto;
  position: absolute;
  top: 0;
  right: 3vw;
  transition: right 0.3s;
  transform: rotate(45deg);
}


.entry-btn01:hover:before,.entry-btn02:hover:before {
  right: 1.5vw;
}


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

.entry-box01{
	/*width: 46%;
	margin: 0 4% 50px 0;*/
	width: 90%;
	margin: 0 auto 50px auto;
}

.entry-btn01,.entry-btn02 {
	width: 100%;
    border-radius: 1vw;
    background: #29A6EC;
    color: #fff;
    font-size: 5vw;
    font-weight: bold;
    padding: 2vw 0;
    text-align: center;
  transition: .3s;
}

.entry-btn01::before,.entry-btn02::before {
  border-right: 0.3vw solid #fff;
  border-top: 0.3vw solid #fff;
  bottom: 0;
  content: "";
  width: 3vw;
  height: 3vw;
  margin: auto;
  position: absolute;
  top: 0;
  right: 3vw;
  transition: right 0.3s;
  transform: rotate(45deg);
}
}



.entry-head{
    position: absolute;
    z-index: 50;
    top: 100%;
    right: 20px;
    display:flex;
}

.entry-head-box01{
	width: 8vw;
    min-width: 100px;
	margin: 0 4% 0 0;
    background: #0000;
}

.entry-head-box01:nth-child(2n) {
	margin-right: 0;
}


.entry-head-btn01,.entry-head-btn02 {
    background: #29A6EC;
    color: #fff;
    font-size: max(0.9vw, 12px);
    font-weight: bold;
    padding: 0.5vw 1vw;
    text-align: center;
  transition: .3s;
    line-height: 1.4;
}
.entry-head-btn02 {
    background: #E70003;
}

.entry-head-btn01:hover,.entry-head-btn02:hover {
    filter: opacity(0.7);
}









.sns-box{
	width:200px;
    display:flex;
    flex-wrap:wrap;
  justify-content: flex-start;
  align-items: center;
	margin: 0 auto;
}

.sns-box01{
	width: 46%;
	margin: 0 4% 50px 0;
    background: #0000;
}

.sns-box01:nth-child(2n) {
	margin-right: 0;
}


.sns-box01 img{
	width: 50%;
    margin: 0 25%;
}





.btn01 a {
  display: inline-block;
    padding: 1em 30px;
    border-radius: 100vh;
    font-size: 1.3em;
  text-align: center;
  text-decoration: none;
      line-height: 1.4;
  color: #fff;
  background-color: #245e97;
    border-bottom: 10px solid #052A4F;
}
.btn01 a:hover {
  background-position: right center;
  background-size: 200% auto;
  -webkit-animation: pulse 2s infinite;
  animation: ripple 1.5s infinite;
  color: #fff;
}
@keyframes ripple {
  0% {box-shadow: 0 0 0 0 #245e97;}
  70% {box-shadow: 0 0 0 20px rgb(27 133 251 / 0%);}
  100% {box-shadow: 0 0 0 0 rgb(27 133 251 / 0%);}
}



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

.btn01 a {
    padding: 1em 50px;
}
}
  
















.qa{
    width: 100%;
    background: #fff;
}


.faq-title{
    letter-spacing: 0em;
}

.accordion {
  width: 100%;
    padding: 30px 0;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
  display: block;
  padding: 10px 80px 10px 10px;
  /*background: #62c9c7;*/
  cursor: pointer;
  margin: 30px 0 5px 0;
  position: relative;
}

/* ＋アイコン */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* アイコンのー */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}
/* ↑ここまで共通 */


/* Q&A追加 */
.accordion_qa .Q,
.accordion_qa .A {
  position: relative;
}

.accordion_qa .Q::before,
.accordion_qa .A::before {
  font-size: 1.5em;
  display: block;
  position: absolute;
  top: -.8em;
  left: -2em;
    padding: 0 10px;
    font-weight: bold;
    color: #fff;
}

.accordion_qa .Q::before {
  content: 'Q';
    /*background: #245e97;*/
    background: #00ADD8;
    /*border-radius: 71% 29% 50% 50% / 65% 22% 78% 35%;*/
}

.accordion_qa .A::before {
  content: 'A';
    /*background: #cf131b;*/
    background: #FF7A12;
    /*border-radius: 71% 29% 50% 50% / 65% 22% 78% 35%;*/
}

.accordion_qa .accordion-open {
  padding-left: 3.5em;
}

.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 15px 50px 40px 3.5em;
}


@media screen and (max-width: 860px) {
.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 15px 10px 40px 3.5em;
}
}

/* Q&A追加ここまで */


/* 中にいろいろ入れたいとき */
.accordion-box {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}

.accordion-hidden:checked+.accordion-open+.accordion-box {
  height: auto;
  opacity: 1;
  padding: 10px;
}


.accordion_qa a{
 color:  #245e97;
    text-decoration: underline;
    cursor: pointer;
}

.accordion_qa a:hover{
 color:  #FF7A12;
    text-decoration: underline;
}





.fw-normal{
    font-weight: normal;
}

.border_d{
    border:1px solid #ddd;
}

.text-ind1{
    text-indent: -1em;
    margin: 0 0 0 1em;
}

.b{
    font-weight: bold;
}
.bb{
    font-weight: bolder;
}

.fs5{
    font-size: 0.5em;
}

.fs6{
    font-size: 0.6em;
}

.fs8{
    font-size: 0.8em;
}

.fs9{
    font-size: 0.9em;
}

.fs10{
    font-size: 1em;
}

.fs12{
    font-size: 1.2em;
}

.fs15{
    font-size: 1.5em;
}

.blue{
    color: #171c61;
}



.t-blue{
    color: #0072BC;
}
.t-k{
    color: #666;
}
.t-red{
    color: #cf131b;
}


.tr{
    text-align: right;
}
.tl{
    text-align: left;
}
.tc{
    text-align: center;
}



.mt20{
    margin-top: 20px;
}
.mt40{
    margin-top: 40px;
}
.mb40{
    margin-bottom: 40px;
}
.mb100{
    margin-bottom: 100px;
}

.ml10{
    margin-left: 10px;
}

.ml20{
    margin-left: 20px;
}

.hishi{
    color: #b0d36c;
}



.img100{
    width: 100%;
}

.img90{
    width: 90%;
    margin: 0 5%;
}

.img80{
    width: 80%;
    margin: 0 10%;
}

.img70{
    width: 70%;
    margin: 0 15%;
}

.img60{
    width: 60%;
    margin: 0 20%;
}

.bg444{
    background: #444;
}



.t-indent15{
    margin-left: 15px;
    text-indent: -15px;
}
.t-indent18{
    margin-left: 18px;
    text-indent: -18px;
}
.t-indent24{
    margin-left: 24px;
    text-indent: -24px;
}