@font-face {
	font-family:'NotoSerifCJKjp-Regular';
	font-style:normal;
	font-weight:400;
	src:url("../font/NotoSerifCJKjp-Regular.woff") format('woff'),
	url("../font/NotoSerifCJKjp-Regular.otf") format('opentype');
	font-display: swap;
}
@font-face {
	font-family:'NotoSerifCJKjp-Bold';
	font-style:normal;
	font-weight:700;
	src:url("../font/NotoSerifCJKjp-Bold.woff") format('woff'),
	url("../font/NotoSerifCJKjp-Bold.otf") format('opentype');
	font-display: swap;
}
@font-face {
	font-family:'NotoSansJP-Bold';
	font-style:normal;
	font-weight:700;
	src:url("../font/NotoSans-Bold.ttf") format('ttf'),
	url("../font/NotoSansJP-Bold.otf") format('opentype');
	font-display:swap;
}
@font-face {
	font-family:'NotoSansJP-Regular';
	font-style:normal;
	font-weight:400;
	src:url("../font/NotoSans-Regular.ttf") format('ttf'),
	url("../font/NotoSansJP-Regular.otf") format('opentype');
	font-display: swap;
}
.bold_serif{
	font-family: 'NotoSerifCJKjp-Bold';
}
.bold_sans{
	font-family: 'NotoSansJP-Bold';
}


.text_serif{
	font-family: 'NotoSerifCJKjp-Regular';
	font-family: 'Noto Serif JP', serif;
}



html, body {
  min-width: 100%;
  min-height: 100%;}
body {
/*font-family: 'NotoSansJP-Regular';*/
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	 -webkit-overflow-scrolling: touch;
}
body{
	background: #fff;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}
*, :after, :before {
	box-sizing: border-box;
}
#header{
	height: auto !important;
	height: inherit !important;
}
body {
	overflow-x: hidden;
	overflow-y: scroll;
	color: #4E4E4E;
}
.FreightBigProBook{
	font-family: freight-big-pro, serif;
	font-weight: 400;
	font-style: normal;
}
.viewport {
	overflow: hidden;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.scroll-container {
	position: absolute;
	overflow: hidden;
	z-index: 10;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.img-container {
	margin: 0 0 50px;
}
.img-container img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.ec-sliderRole{
	max-width: 800px !important;
}
.slick-next{
	right: -20px;
	top: calc(50% - 12px);
}
.slick-prev{
	left: -20px;
	top: calc(50% - 12px);
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.s14{
	font-size: 14px;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	content: " ";
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	text-align: center;
	opacity: .25;
	background-color: black;
	border-radius: 50%;
}
.item{
	/*transition: 0.5s;*/
}
.item:hover{
	cursor: pointer;
}

/*.item:hover{
    transform: translateY(-20px) scale(1.35) rotateX(15deg);
    transition: 0.5s;
    opacity: 1;
   transition-delay: 0.3s;
   padding-top: 90px;
}*/
.ec-sliderRole .slick-list {
	/*height: 44vw;*/
}
/*
.slick-slide:hover{
	width: 33vw !important;
	 transition: 0.5s;
    opacity: 1;
   transition-delay: 0.3s;
}*/
.slick-dots li.slick-active button:before {
	opacity: .75;
	background-color: black;
}
.slick-dots li button.thumbnail img {
	width: 0;
	height: 0;
}
.slick-prev {
/*left: -35px;*/
	left: -50px;
}
.slick-next, .slick-prev {
	font-size: 0;
	line-height: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: 0;
	background: 0 0;
}
#header .slick-next,#header .slick-prev{
	display: none !important;
}
.slick-next, .slick-prev {
	position: absolute;
	/*display: block;*/
	padding: 0;
	width: 50px;
	height: 50px;
	border-radius: 15%;
	background-color: white 
}
.ec-sliderRole{
/*max-width: 860px !important;*/
	max-width: 100vw !important;
}
.w480px_img,.w768px_img{
	display: none;
}
.slick-next:before, .slick-prev:before {
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: red;
}
.box_1_1_1{
	position: relative;
	
}
#loading {
	width: 100vw;
	height: 100%;
	/*transition: all 1s;*/
	background-color: #BBD4DD;
	position: fixed;
	z-index: 100;
	/*font-size: 9em;
	font-family: 'Playfair Display', serif;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
.img_logo_ .s14{
	letter-spacing: 0.2em;
	line-height: 30px;
	
}
.img_logo_{
	margin-top: 15px;
}
.logo_2 {
    
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.pagetop{
	/*-webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;*/
  -webkit-transition: opacity .4s, visibility .4s;
  transition: opacity .4s, visibility .4s;
}
#header .header{
	width: 100vw !important;
}
/*.loaded {
	opacity: 0;
	visibility: hidden;
	display: none;
}*/
svg {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}
.logo_{
	padding-left: 60px;
}
.logo_ img{
	height: 4vh;
	width:auto !important;
	width:inherit !important;
}
.log_2{
	padding-left: 10px;
}
.text--line3{
	font-size: .3em;
	font-family: 'Shadows Into Light', cursive;
}
.text--line4,.text--line5{
	font-size: .2em;
	font-family: 'Noto Serif JP', serif;
}
/**/
img{
	width: 100%;
}
#header{
	height: 600px;
}
.img_child {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    margin: 0 auto;
}

.item_box16:before{
	padding-top: 100%;
}
.item_box16:before {
    content: "";
    float: left;
    width: 1px;
    margin-left: -1px;
}
.img_box_16_3 {
    /*width: 264px;*/
   /* vertical-align: sub;*/
    /*margin-top: -30px;*/
}
#box_1_r{
	/*padding-top: 50%;*/
}
.youtube-player,.youtube-player1 {
  position: relative;
/*  width: 640px;
  height: 400px;*/
  margin: auto;
  cursor: pointer;
}

.youtube-player img,.youtube-player1 img {
  width: 100%;
}

.youtube-player.pristine::before,.youtube-player1.pristine::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -25px;
  height: 100px;
  width: 100px;
  background-size: 100px;
  transform: translate(-20%,-42%);
  /*border-left: 50px solid purple;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;*/
  background-image: url("../img/play.png");
  background-repeat: no-repeat;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

.youtube-player.pristine:hover::before,.youtube-player1.pristine:hover::before {
  opacity: .7;
}
.box_20_video {
    position: relative;
    /* height: 400px; */
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
}
.img_logo_ img {
    width: 197px;
   /* height: 21px;*/
    margin-right: 10px;
}
.img_logo_ .s12 img{
	width: 71px;
}
#loading{
	opacity: 1;
	
}
#loading.loaded{
	opacity: 0;
	/*display: none;*/
	visibility: hidden;
	-webkit-transition:visibility 0s 2s, opacity 2s linear;
    -moz-transition:visibility 0s 2s, opacity 2s linear;
    -ms-transition:visibility 0s 2s, opacity 2s linear;
    -o-transition:visibility 0s 2s, opacity 2s linear;
}
.logo{
	opacity: 0;
    -webkit-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear;
}
.is-loading .logo{
	opacity: 1;
}
#loading.loaded .logo{
	opacity: 0;
    -webkit-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear;
}
img#cover2,img#cover4 {
    width: 130px;
    top: 50%;
    left: 50%;
    position: absolute;
    opacity: 1;
    transform: translate(-50%, -50%);
    z-index: 100;
}


.responsive-iframe {
	
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.text_child{
	padding-left: 15px;
}

.img_child a,#box_17 a{
	text-decoration:none;
	color: #4E4E4E;
}
.text_child .text_serif{
	letter-spacing: 0.2em;
	line-height: 30px;
	font-size: 17px;
}
.item_box16:after{
	content: "";
    display: table;
    clear: both;
}

.img_box_16_3{
	/*width: 40px;*/
}
.text_logo2 {
	font-size: 14px;
	letter-spacing: 0.2em;
	line-height: 30px;
	color: #4E4E4E;
	position: absolute;
	top: 100px;
	left: 5%;
	display: flex;
	align-items: center;
	text-decoration: none;
}
.text_logo2:focus{
	outline: none;
}
.slick-next, .slick-prev{
	display: none !important;
}
.mobile{
	display: none !important;
}
.box{
	position: relative;
/*  width: 100px;
height: 100px;
text-align:center;
font-size:50px;*/
}
.bg-image0,.bg-image1,.bg-image2,.bg-image3,.bg-image4{
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
	width: 100vw;
	height: 100vh;
}
.bg-image-logo{
	width: 197px;
	
}
img.bg-image-logo {
	margin-right: 10px;
}
.bg-image0{
	background-image:url(../img/slider01.jpg);
}
.bg-image1{
	background-image:url(../img/slider02.jpg);
}
.bg-image2{
	background-image:url(../img/slider03.jpg);
}
.bg-image3{
	background-image:url(../img/slider04.jpg);
}

#header{
	width: 100%;
}
#header img{
/* width: 100%;
background-size: cover;*/
}

div#box_15 {
    min-height: 150px;
}
.header_sp{
    width: 100%;
    background-image: url(../img/head_sp2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    

}
#box_text1 .text_head{
	text-align: center;
	font-size: 30px;
	padding-bottom: 40px;
	letter-spacing: 0.2em;
	line-height: 40px;
}
#box_text2 .text_head,#box_text3 .text_head{
	text-align: center;
	font-size: 40px;
	letter-spacing: 0.1em;
	line-height: 90px;
	margin-bottom: 40px;

}
#box_text2 .text_head span,#box_text3 .text_head span{
	border-bottom: 1px solid #707070;
	padding-bottom: 10px;

}
#box_text1 .text_content,#box_text2 .text_content,#box_text3 .text_content{
	font-size: 13px;
	letter-spacing: 0.2em;
	line-height: 26px;
	width: 606px;
}
#box_text2 .text_content{
	font-size: 13px;
	letter-spacing: 0.2em;
	line-height: 26px;
}
#box_text2 {
	min-height: 500px;
	width: 500px;
	height: 500px;
	margin: 0 auto;
/*display: flex;
justify-content: center;
align-items: center;
flex-direction: column;*/
/*display: table;*/
}
#box_text3 {
	min-height: 330px;
	width: 606px;
	height: 330px;
	margin: 0 auto;
	display: table;
	margin-bottom: 100px;
}
.box_text3{
	width: 606px;
}
#box_text2{
	min-height: 500px;
	width: 606px;
	height: 500px;
	margin: 0 auto;
	display: table;
}
/*#box_text2 .text_serif{
font-size: 13px;
}*/
#box_1{
display: flex;
}
#box_1 #box_1_l{
width: 40%;
-webkit-flex-basis: calc(40% - 2px);
flex-basis: calc(40% - 2px);
}
#box_1 #box_1_r{
width: 60%;
-webkit-flex-basis: calc(60% - 2px);
flex-basis: calc(60% - 2px);
position: relative;
}
.box_1_r{
position: absolute;
bottom: 40px;
left: -400px;
}
.slide:focus,.slick-track:focus,.header:focus,.slick-list:focus,#header:focus,.slick-slide:focus{
outline: none;
border: 0;
}
.box_1_l_text3{
width: 650px;
height: 274px;
font-size: 70px;
position: relative;
line-height: 90px;
letter-spacing: 0.05em;
/*padding-left: 120px;*/
}
.box_1_l_text2{
font-size: 30px;
letter-spacing: 0.2em;
line-height: 44px;
/*padding-left: 120px;*/
}
.box_1_l_text1{
line-height: 90px;
font-family: 'FreightBig Pro';
font-size: 24px;
letter-spacing: 0.1em;
margin-bottom: 30px;

}
.box_1_l_text1 span{
border-bottom: 1px solid #707070;
padding-bottom: 10px;
}
#box_2{
/*display: flex;*/
}
#box_2 #box_2_l{
width: 50%;
-webkit-flex-basis: calc(50% - 2px);
flex-basis: calc(50% - 2px);
width: 50%;
}
#box_2 #box_2_r{
/*  width: 25%;
margin-left: 15px;
display: flex;
align-items: flex-end;
-webkit-flex-basis: calc(25% - 2px);
flex-basis: calc(25% - 2px);*/
-webkit-flex-basis: calc(25% - 2px);
flex-basis: calc(25% - 2px);
width: 25%;
float: right;
position: relative;
top: -60px;
z-index: 11;
}
#box_2_layout {
	position: absolute;
	width: 60%;
	height: 50%;
	background: #F8E9EF;
	top: 0;
	z-index: 10;
	left: 50%;
	top: 57%;
	transform: translate(-50%, -57%);
}
#box_2_child{
	display: flex;
	position: relative;
	z-index: 11;
}
#box_2 #box_2_c{
/*width: 25%;
margin: 130px 0px 0 -15px;
-webkit-flex-basis: calc(25% - 2px);
flex-basis: calc(25% - 2px);*/
	width: 50%;
	-webkit-flex-basis: calc(50% - 2px);
	flex-basis: calc(50% - 2px);

}
.ec-blockTopBtn {
    background-color: white;
    color: #BBD4DD;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid #BBD4DD;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    /*transition: filter 0.25s ease;*/
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1000;
    line-height: 36px
}
#box_2_t {
	width: 40%;
	width: 50%;
	clear: both;
	margin: 0 auto;
	position: relative;
	top: -100px;
	z-index: 11;
	padding-left: 10%;
}
#box_2 #box_2_c {
	width: 50%;
	-webkit-flex-basis: calc(50% - 2px);
	flex-basis: calc(50% - 2px);
	display: flex;
	justify-content: center;
	align-items: center;
}
#box_2_c_child{
	display: table-cell;
	vertical-align: middle;
}
#box_2 #box_2_c .text_head{
	font-size: 20px;
	letter-spacing: 0.1em;
/*line-height: 90px;*/
}
#box_2 #box_2_c .text_head1{
	font-size: 60px;
	color:#BBD4DD;
	letter-spacing: 0.1em;
	line-height: 90px;
}
#box_2 #box_2_c .text_content{
	font-size:12px;
	max-width: 280px;
	line-height: 26px;
	font-size: 13px;
	letter-spacing: 0.2em;
}
#box_3{
/*display: flex;*/
}
div#box_3_l {
/*width: 50%;
padding: 270px 0px 0px 150px;*/
	width: 75%;
	float: right;
}
div#box_3_r {
/* width: 50%;
padding: 50px 270px 0px 110px;
padding: 5% 13% 5% 10%;*/
}
#box_3:after{
	display: table;
	content: '';
	clear: both;
}
.box_3_l {
	width: 472px;
	padding: 30px 30px;
	position: absolute;
	bottom: -100px;
	left: -120px;
/*left: 120px;*/
	background-color:rgba(255, 255, 255, 0.9);
}
.box_3_l .text_content{
	width: 367px;
	line-height: 26px;
	letter-spacing: 0.2em;
}
#box_4 #box_4_l .text_head,#box_3 #box_3_l .text_head{
	font-size: 20px;
	letter-spacing: 0.1em;
}
#box_4 #box_4_l .text_head1,#box_3 #box_3_l .text_head1{
	font-size: 60px;
	color:#BBD4DD;
	letter-spacing: 0.1em;
}
#box_4 #box_4_l .text_content,#box_3 #box_3_l .text_content{
	font-size:13px;

}
#box_4{

}
div#box_4_l {
	width: 46%;
	display: flex;
	align-items: center;
	-webkit-flex-basis: calc(46% - 2px);
	flex-basis: calc(46% - 2px);
}
div#box_4_r {
	width: 54%;
	-webkit-flex-basis: calc(54% - 2px);
	flex-basis: calc(54% - 2px);
	float:right;
}
#box_4:after{
	display: table;
	clear: both;
	content: '';
}
.box_4_l {
	width: 70%;
	-webkit-flex-basis: calc(70% - 2px);
	flex-basis: calc(70% - 2px);
	margin: 0 auto;
}
div#box_5_r {
	position: relative;
	width: 46%;
	padding-left: 10%;
	-webkit-flex-basis: calc(46% - 2px);
	flex-basis: calc(46% - 2px);
}
div#box_5_l {
	width: 54%;
	-webkit-flex-basis: calc(54% - 2px);
	flex-basis: calc(54% - 2px);
	padding-left: 10%;
	padding-top: 10%;
}
#box_2{
	position: relative;
}
.item_box16{
	width: 30%;
	-webkit-flex-basis: calc(30% - 2px);
	flex-basis: calc(30% - 2px);
}
div#box_5 {
	display: flex;
}
#box_5 #box_5_l .text_head{
	font-size: 20px;
	letter-spacing: 0.1em;
}
#box_5 #box_5_l .text_head1 {
	font-size: 85px;
	color: #BBD4DD;
	letter-spacing: 0.1em;
	line-height: 90px;
}
#box_5 #box_5_l .text_content{
	font-size:13px;
	line-height: 26px;
	letter-spacing: 0.2em;
	width: 367px;
}
#box_1,#box_2,#box_3,#box_4,#box_5,#box_6,#box_7,#box_8,#box_9,#box_10,#box_11,#box_12,#box_13,#box_14,#box_15,#box_16,#box_17{
	min-height: 300px;
}
#box_17{
	min-height: 100px;
}
#box_6{
	position: relative;
	background-color: #CDDEE4;
}
#box_6_l {
	width: 80%;
	-webkit-flex-basis: calc(80% - 2px);
	flex-basis: calc(80% - 2px);
	margin: 0 auto;
	padding:10% 0;
}
#box_6_r{
width: 50%;
-webkit-flex-basis: calc(50% - 2px);
flex-basis: calc(50% - 2px);
}
#box_6 #box_6_r .text_head {
font-size: 20px;
}
div#box_6_c {
background-color: white;
width: 472px;
padding: 30px 30px;
position: absolute;
bottom: -150px;
right: 0;
background-color:rgba(255, 255, 255, 0.9);
}
#box_6_c .text_head{
font-size: 20px;
letter-spacing: 0.1em;
}

.box_6_r {
margin-top: 200px;
padding-left: 200px;
}
#box_6 #box_6_c .text_head1 {
font-size: 60px;
color: #BBD4DD;
letter-spacing: 0.1em;
line-height: 90px;
}
#box_6 #box_6_c .text_content {
font-size: 13px;
letter-spacing: 0.2em;
line-height: 26px;
width: 367px;
}
#box_7{
display: flex;
}
#box_7 #box_7_l{
width: 40%;
-webkit-flex-basis: calc(40% - 2px);
flex-basis: calc(40% - 2px);
padding-left: 5%;
}
#box_7 #box_7_c{
width: 25%;
-webkit-flex-basis: calc(25% - 2px);
flex-basis: calc(25% - 2px);
}
#box_7 #box_7_r {
width: calc(50% - 0px);
padding-right: 200px;
margin-top: 180px;
-webkit-flex-basis: calc(50% - 2px);
flex-basis: calc(50% - 2px);
}
#box_7_c{
display: flex;
align-items: flex-end;
}

.box_7_c {
margin: 0px 0px 0px -25px;
}
.box_7_c .text_head{
font-size: 20px;
}
.box_7_c .text_head1{
font-size: 40px;
color: #BBD4DD;
}
.box_7_c .text_content{
font-size: 12px;
}

div#box_8_r {
position: relative;
width: 48%;
float: right;
top:-150px;
}
div#box_8_l {
bottom: 300px;
position: absolute;
left: -460px;
padding: 40px;

}
#box_8_r .text_content {
width: 243px;
font-size: 13px;
line-height: 26px;
letter-spacing: 0.2em;
margin-top: 30px;
}
#box_8:after{
display: table;
content: '';
clear: both;
}
#box_8 #box_8_l .text_head {
font-size: 30px;
}
#box_8 #box_8_l .text_head1 {
font-size: 250px;
color: #BBD4DD;
line-height: 220px;
}
#box_8 #box_8_l .text_content {
font-size: 12px;
}

div#box_9 {
display: flex;
}
div#box_9_l {
width: 52%;
padding-right: 12%;
-webkit-flex-basis: calc(52% - 2px);
flex-basis: calc(52% - 2px);

}
div#box_9_r {
width: 48;
padding-left: 0px;
-webkit-flex-basis: calc(48% - 2px);
flex-basis: calc(48% - 2px);
margin-top:20px;
}
.box_9_r_b {
padding: 200px 60px 60px 60px;
}
.box_9_l_b {
/*padding: 200px 0px 0px 200px;*/
}
.box_9_r_t {
width: 70%;
margin-top: 100px;
}
.box_9_r_t .text_head{
font-size: 20px;
}
.box_9_r_t .text_head1{
font-size: 120px;
color:#BBD4DD;
}
.box_9_r_t .text_content{
font-size: 16px;
}


.box_10_l {
position: absolute;
width: 100%;
max-width: 542px;
bottom: 60px;
background-color: rgba(255, 255, 255, 0.9);
padding: 60px;
left: 7%;
bottom: 7%;
}
div#box_10_r{
position: relative;
}
.box_10_l .text_head{
font-size: 20px;
letter-spacing: 0.2em;
}
.box_10_l .text_head1{
font-size: 60px;
color: #BBD4DD;
letter-spacing: 0.1em;
line-height: 90px;
}
.box_10_l .text_content{
font-size: 13px;
letter-spacing: 0.2em;
line-height: 26px;
}
#box_11_r {
width: 54%;
float: right;
position: relative;
}
.box_11_l {
position: absolute;
width: 450px;
top: 0;
left: -360px;
top: 100px;
}
div#box_12_r {
position: absolute;
bottom: 100px;
max-width: 400px;
width: 100%;
left: 100px;
}
#box_15_r .text_head,.box_20_text{
font-size: 20px;
line-height: 40px;
letter-spacing: 0.3em;
}
div#box_12_l {
position: relative;
color: white;
width: 30%;
}
#box_12_r .text_head{
font-size: 20px;
letter-spacing: 0.2em;
}
#box_12_r .text_head1{
font-size: 80px;
letter-spacing: 0.1em;
line-height: 90px;

}
.box_11_l .text_head {
font-size: 20px;
}
.box_11_l .text_head1 {
font-size: 85px;
color: #BBD4DD;
}
.box_11_l .text_content {
font-size: 13px;
letter-spacing: 0.2em;
line-height: 26px;
width: 281px;
}
#box_12_r .text_content{
font-size: 12px;
}
#box_13{
/*display: flex;*/
}
#box_13_l {
width: 60%;
margin:0 auto;
-webkit-flex-basis: calc(60% - 2px);
flex-basis: calc(60% - 2px);
position: relative;
}

.main_visual .slick-list{
	padding:20px 0px;
}








#box_13_r{
width: 25%;
display: flex;
align-items: flex-end;
-webkit-flex-basis: calc(25% - 2px);
flex-basis: calc(25% - 2px);
}
#box_13_c {
position: absolute;
top: -50px;
right: -170px;
}
#box_13_c .text_head {
font-size: 20px;
text-align: center;
letter-spacing: 0.2em;
}
#box_13_c .text_head1{
font-size: 250px;
color: #BBD4DD;
/*letter-spacing: 0.1em;*/
display:block;
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-ms-transform: rotate(90deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#box_13_l .text_content{
width: 280px;
font-size: 13px;
letter-spacing: 0.2em;
line-height: 26px;
margin-top: 20px;
}
.box_13_c{
width: 100%;
max-width: 250px;
margin: 0 auto;
}
div#box_14_l {
width: 48%;
padding-left: 10%;
padding-right: 10%;
display: flex;
align-items: flex-end;
position: relative;
top: 200px;
-webkit-flex-basis: calc(48% - 2px);
flex-basis: calc(48% - 2px);
}
div#box_18 {
/*display: flex;*/
position: relative;
margin-top: 300px;
}
div#box_18_r {
position: relative;
}
.box_18_l {
position: absolute;
width: 100%;
max-width: 542px;

padding: 60px;
left: 7%;
top: 7%;
}
.box_18_l .text_head {
font-size: 20px;
letter-spacing: 0.2em;
}
.box_18_l .text_head1 {
font-size: 85px;
color: #BBD4DD;
letter-spacing: 0.1em;
line-height: 90px;
}
.box_18_l .text_content {
font-size: 13px;
letter-spacing: 0.2em;
line-height: 26px;
width: 330px;
}
div#box_19 {
width: 85%;
margin: 0 auto;
position: relative;
padding: 0px 100px;
margin-top:200px;
}
div#box_19_l {
padding: 0% 23%;
}
div#box_19_r {
margin-top: -12%;

}
div#box_20 {
width: 55%;
margin: 0 auto;
background: #D2E1E6;
padding: 50px;
margin-bottom: 150px;
text-align: center;
}
.box_20_text {
margin-top: 50px;
}
div#box_14 {
display: flex;
margin-top: 40px;
}
div#box_14_r {
width: 52%;
padding-left: 10%;
-webkit-flex-basis: calc(52% - 2px);
flex-basis: calc(52% - 2px);
}
div#box_15 {
    min-height: 150px;
}
div#box_15_r {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
#box_16{
width: 90%;
margin:0 auto;
}
.box_16{
display: flex;
justify-content: space-between;

}
.item_box16 {
    box-shadow: 0px 2px 10px rgba(0,0,0,0.12);
    /* margin: 0px 20px; */
}
#box_17_l {
max-width: 330px;
display: block;
text-align: center;
vertical-align: middle;
margin: 0 auto;
margin-top: 100px;
margin-bottom: 40px;
}
#box_17_r{
max-width: 502px;
display: block;
margin: 0 auto;
margin-bottom: 40px;
}

.box_text1,.box_text2,.box_text3 {
display: table-cell;
vertical-align: middle;
}
#box_3{
margin-top: 40px;
}
#box_13{
margin-top: 100px;
}
#box_5,#box_8,#box_11,#box_7{
margin-top: 100px;
}
#box_8{
margin-top: 0;
}
#box_4{
margin-top: 175px;
}
#box_12{
margin-top: 150px;
}
#box_10{
margin-top: 0;
}
#box_6{
margin-top: 100px;
}

#box_text1 {
/*width: 764px;*/
margin: 0 auto;
margin-top: 40px;
min-height: 500px;
height: 500px;
padding-top: 50px;
display: table;
}
.box_text1 .text_content {
display: flex;
}
._img_ {
width: 273px;
}
._text_ {
width: 491px;
padding-left: 39px;
line-height: 26px;
letter-spacing: 0.2em;
font-size: 13px;
}
#box_text1 .text_content{
width: 764px;
}













.main_visual .slick-track{
	padding: 40px 0px;
}



@media only screen and (min-width: 1260px){
.main_visual .slick-track{
	padding: 3% 0;
}
}
@media only screen and (min-width: 1260px){
	.text_child .text_serif{
		letter-spacing: 0.2em;
		line-height: 30px;
		font-size: 20px;
	}
}
@media only screen and (min-width: 1025px){
.box_9_l_b {
padding: 50% 0% 5% 30%;
}

div#box_9_r {
width: 48%;
/* padding-left: 10%; */
padding-right: 20%;
margin-top: 250px;
margin-top: 20px;
}
div#box_9_l {
width: 52%;
padding-right: 12%; 
padding-left: 5%;
position: relative;
top: -250px;
top: -400px;
}
}







/*loadding*/
.text--line {
font-size: .3em;
}
text.text--line,text.text--line2,text.text--line3,.text--line4 {
transform: rotate(-9deg);
}
.text-copy {
fill: none;
stroke: white;
stroke-dasharray: 7% 28%;
stroke-width: 2px;
/*-webkit-animation: stroke-offset 3s  linear;*/
/*animation: stroke-offset 3s  linear;*/
-webkit-animation: stroke-offset 4s ease-in;
animation:stroke-offset 4s ease-in;
}
.text-copy:nth-child(1) {
stroke: white;
stroke-dashoffset: 7%;
}
.text-copy:nth-child(2) {
stroke: white;
stroke-dashoffset: 14%;
}
.text-copy:nth-child(3) {
stroke: white;
stroke-dashoffset: 21%;
}
.text-copy:nth-child(4) {
stroke: white;
stroke-dashoffset: 28%;
}
.text-copy:nth-child(5) {
stroke: white;
stroke-dashoffset: 35%;
}

@-webkit-keyframes stroke-offset {
0% {
stroke-dashoffset: 35%;
stroke-dasharray: 0 87.5%;
}
}

@keyframes stroke-offset {
0% {
stroke-dashoffset: 35%;
stroke-dasharray: 0 87.5%;
}
}


@keyframes spin {
from{
transform: rotateY(0deg);
moz-transform: rotateY(0deg); //Firefox
ms-transform: rotateY(0deg); //Microsoft Browsers
}
to{
transform: rotateY(360deg);
moz-transform: rotateY(360deg); //Firefox
ms-transform: rotateY(360deg); //Microsoft Browsers
}
}
@-webkit-keyframes spin{
from{-webkit-transform: rotateY(0deg);}
to{-webkit-transform: rotateY(360deg);}
}
.imageSpin{
animation-name: spin;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 5s;
-webkit-animation-name: spin;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 5s;
}


/*endloading*/



@media only screen and (max-width: 1024px){
	.text_child .text_serif{
		font-size: 13px;
	}

	.ipad_loadding .bg-image0,.ipad_loadding .bg-image1,.ipad_loadding .bg-image2,.ipad_loadding .bg-image3,.ipad_loadding .bg-image4{
		
	    background-position: center !important;
	    background-repeat: no-repeat !important;
	    background-size: cover !important;
	    width: 100% !important;
	    height: 600px !important;
	
	}
.box_9_l_b {
padding: 80% 0% 5% 30%;
}
#box_8{
	margin-top: 100px;
}
#box_2 #box_2_c .text_head1 {
    font-size: 56px;
}
#box_7{
margin-top: 200px;
}
.box_12_l.mobile{
	margin-top: 20px;
}
#box_11:after{
	display: table;
	content: '';
	clear: both;
}
.box_1_r {
position: absolute;
bottom: 25px;
left: -278px;
}
.box_11_l {

left: -334px;

}
div#box_8_l {

left: -415px;

}

#box_5 #box_5_l .text_content {

width: 320px;
}
div#box_6_c {
    bottom: -200px;
}
div#box_9_l {
    top: -400px;
    position: relative;
}
div#box_9_r{
padding-right: 20%;
margin-top: 250px;
margin-top: 50px;
}
#box_13_c .text_head1 {
font-size: 200px;
}
}
.item {
/*text-align: center;*/
color: #FFF;
font-size: 3em;
/*padding:0 70px; */
}

.item {
  transition: .5s;
  padding: 0 2px;
}

.item:hover {
  transition: .5s;
  transform:scale(1.2) rotate(0.1deg);
  transform-origin: 50.01%;

}

.item img{
	width: 85%;
}
.main_visual .item {
 padding: 0 60px;
  transition: 250ms all;
}







@media only screen and (max-width: 768px){
	.ec-sliderRole .slick-list {
    height: 90vw;
}
.w480px_img{
	display: block;
}
.ec-blockTopBtn{
	right: 10px;
}
.item img{
	margin: 0 auto;
}
.text_child .text_serif {
    font-size: 28px;
}
.pc{
display: none !important;
}
.mobile{
display: block !important;
}
#box_7:after{
	display: table;
	content: '';
	clear: both;
}
#box_text1 .text_content{
display: block;
width: 100%;
}
div#box_8_r{
	top: 0;
}
#box_text1{
width: 80%;
margin: 0 auto;
}
._img_{
width: 100%;
}
div#box_14_l{
padding-right: 0;
}
._text_{
width: 100%;
padding-left: 0;
padding-top: 20px;
}
#box_1 #box_1_r{
width: 100%;
-webkit-flex-basis: calc(100% - 2px);
flex-basis: calc(100% - 2px);
}
.box_1_l_text1{
width: 80%;
margin: 20px auto;
text-align: center;
}
.box_1_l_text2,.box_1_l_text3{
width: 80%;
margin: 0 auto;
}
.box_1_l_text2{
margin-top: 20px;
}
.item {
padding: 45px;
}
#box_2 #box_2_l{
-webkit-flex-basis: calc(65% - 2px);
flex-basis: calc(65% - 2px);
width: 65%;
}
#box_2 #box_2_r{
-webkit-flex-basis: calc(35% - 2px);
flex-basis: calc(35% - 2px);
width: 35%;
}

#box_2_t {
top: -65px;
padding-left: 0;
}
#box_2_c_child_mobile {
width: 80%;
margin: 0 auto;
margin-bottom: 70px;
}
#box_2_c_child_mobile .text_head1 {
font-size: 40px;
color: #BBD4DD;
}
#box_2_c_child_mobile .text_content {
font-size: 13px;
line-height: 26px;
letter-spacing: 0.2em;
margin-top: 10px;
}
div#box_3_l{
width: 100%;
}
.box_3_l{
position: static;
width: 80%;
margin: 0 auto;
}
.box_3_l .text_content{
width: 100%;
}
div#box_4_r {
width: 80%;
-webkit-flex-basis: calc(80% - 2px);
flex-basis: calc(80% - 2px);
margin: 0 auto;
float: inherit ;
}
div#box_5 {
display: block;
width: 80%;
margin: 0 auto;
}
div#box_5_r {
float: right;
padding-left: 0;
width: 65%;
margin-top: 30px;
}
div#box_5_l {
padding-top: 40px;
width: 100%;
margin: 0 auto;
clear: both;
padding-left: 0;
}

#box_5 #box_5_l .text_head1, #box_3 #box_3_l .text_head1 {
font-size: 40px;
}
.box_3_l .text_content, #box_5 #box_5_l .text_content {
width: 100%;
}

#box_7 {
display: block;
margin: 0 auto;
width: 80%;
margin-top: 50px;
}
#box_7 #box_7_l {
padding-left: 0;
width: 75%;
margin-bottom: 30px;
}
#box_7_c_child .text_head, #box_8_l_child .text_head, .box_12_l .text_head {
font-size: 20px;
}
#box_7_c_child .text_head1, #box_8_l_child .text_head1, .box_12_l .text_head1 {
font-size: 40px;
color: #BBD4DD;
}
#box_7_c_child .text_content, #box_8_l_child .text_content, .box_12_l .text_content {
font-size: 13px;
line-height: 26px;
letter-spacing: 0.2em;
}
div#box_8_r {
width: 55%;
}

div#box_9_l {
width: 45%;
padding-right: 0;
-webkit-flex-basis: calc(45% - 2px);
flex-basis: calc(45% - 2px);
}

div#box_9_r {
width: 48%;
padding-left: 0px;
-webkit-flex-basis: calc(48% - 2px);
flex-basis: calc(48% - 2px);
position: relative;
top: 230px;
margin: 0 auto;
}
#box_8_l_child {
margin: 0 auto;
width: 80%;
margin-top: 50px;
}
.box_10_l {
position: static;
padding: 0;
left: 0;
width: 80%;
margin: 0 auto;
margin-top: 40px;
}
.box_10_l .text_head1 {
font-size: 40px;
}
div#box_9_l {
top: -150px;
position: relative;
}
div#box_9_r {

top: 150px;
padding-right: 10%;
padding-left: 10%;
}
div#box_3_l, #box_11_r, .box_18_l .text_content {
width: 100%;
}
#box_12 {
width: 80%;
margin: 0 auto;
}
#box_10, #box_12 {
margin-top: 100px;
}
div#box_12_l {
width: 100%;
}
#box_13 {
display: block;
}

#box_13_l {
width: 100%;
margin: 0 auto;
-webkit-flex-basis: calc(100% - 2px);
flex-basis: calc(100% - 2px);
}
#box_13_c {
position: static;
width: 80%;
margin: 0 auto;
margin-top: 20px;
}
#box_13_l .text_content {
width: 100%;
}
.box_13_c {
max-width: 100%;
}
#box_13_c .text_head {
text-align: left;
}
#box_13_c .text_head1 {
font-size: 40px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
}

#box_13_l .text_content {
width: 100%;
}
div#box_14 {
margin-top: 40px;
}
div#box_14, div#box_14_l {
display: block;
}
div#box_14_l {
width: 100%;
-webkit-flex-basis: calc(100% - 2px);
flex-basis: calc(100% - 2px);
padding-left: 30%;
top: 0;
}
div#box_14_r {
width: 48%;
padding: 0;
display: block;
position: relative;
top: 100px;
-webkit-flex-basis: calc(48% - 2px);
flex-basis: calc(48% - 2px);
}
div#box_18 {
margin-top: 150px;
}
.box_18_l {
position: static;
max-width: 100%;
padding: 0;
left: 0;
top: 0;
margin: 0 auto;
width: 80%;
}
.box_18_l .text_head1 {
font-size: 40px;
}
.box_18_l .text_content {
width: 100%;
}
div#box_19 {
width: 80%;
margin: 0 auto;
position: relative;
padding: 0;
margin-top: 40px;
}
#box_15_r .text_head, .box_20_text {
font-size: 12px;
line-height: 24px;
letter-spacing: 0.3em;
}
div#box_20 {
width: 90%;
margin: 0 auto;
padding: 30px;
margin-bottom: 100px;
text-align: center;
}
#box_16 {
width: 80%;
}
.box_16 {
flex-wrap: wrap;
}
.item_box16 {
width: 100%;
margin-bottom: 40px;
-webkit-flex-basis: calc(100% - 2px);
flex-basis: calc(100% - 2px);
}
#box_17_l{
width: 80%;
}
#box_17_r {
width: 80%;
max-width: 100%;
}

.box_18_l{
margin-bottom: 30px;
}

#box_text1 .text_content, #box_text2 .text_content, #box_text3 .text_content{

width: 100%;
}
#box_text2,#box_text3{
width: 80%;
}
.box_1_l_text3{
height: inherit;
}





}
@media only screen and (max-width: 480px){
.pc{
display: none !important;
}
.ec-sliderRole{
	height: 60vw;
}
#box_17_l{
	margin-top: 20px;
	margin-bottom: 10px;
}
.main_visual .item {
    padding: 0 20px;
    transition: 250ms all;
}
img#cover2, img#cover4 {
    width: 85px;
}
.item {
padding: 0;
}
.text_child .text_serif {
    font-size: 20px;
}
.box_1_l_text1{
text-align: center;
}
.box_3_l {
width: 80%;
padding: 0;
bottom: 0;
left: 0;
position: static;
margin: 0 auto;
}
.box_3_l .text_content,#box_5 #box_5_l .text_content{
width: 100%;
}
#box_text1 .text_content, #box_text2 .text_content, #box_text3 .text_content{
width: 100%;
}
._img_,._text_,div#box_3_l,#box_11_r,.box_18_l .text_content{
width: 100%;
}

/*.text_content {
display: flex;
flex-wrap: wrap;
}*/
#box_text1{
width: 80%;
margin: 0 auto;
}
#box_text2 .text_content,#box_text3 .text_content{
display: block;
}
.box_3_l{
position: static;
}
div#box_4{
margin-top: 100px;
}
div#box_4_r{
width: 80%;
margin: 0 auto;
-webkit-flex-basis: calc(80% - 2px);
flex-basis: calc(80% - 2px);
float: none;
}
div#box_14,div#box_14_l{
display: block;
}
div#box_14_l{
top: 0;
}
.box_1_l_text3 {
    width: 650px;
    height: 274px;
    font-size: 70px;
    position: relative;
    line-height: 53px;
    
    /* padding-left: 120px; */
}
.box_3_l{
	margin-top:20px;
}
._text_ {
/*margin-top: 40px;*/
margin-top: 0px;
margin-bottom: 40px;
padding-left: 0;
}
#box_1 #box_1_r{
width: 100%;
margin:0 auto;
-webkit-flex-basis: calc(100% - 2px);
flex-basis: calc(100% - 2px);
}
#box_2 #box_2_l {
-webkit-flex-basis: calc(65% - 2px);
flex-basis: calc(65% - 2px);
width: 65%;
}
#box_2 #box_2_r {
-webkit-flex-basis: calc(35% - 2px);
flex-basis: calc(35% - 2px);
width: 35%;
}
div#box_5_l {
padding-top: 40px;
width: 100%;
margin: 0 auto;
clear: both;
padding-left: 0;
}
div#box_5_r{
float: right;
padding-left: 0;
width: 65%;
}
#box_5 #box_5_l .text_head1,#box_3 #box_3_l .text_head1{
font-size: 40px;
}
div#box_5{
display: block;
width: 80%;
margin: 0 auto;
}
#box_2_t {
top: -65px;
padding-left: 0;
}
.item{
padding:25px;
}
.box_1_l_text2,.box_1_l_text3 {
width: 80%;
margin: 0 auto;
}
#box_text2 .text_head, #box_text3 .text_head{
font-size: 20px;
}
.box_1_l_text2{
font-size: 17px;
line-height: 35px;
margin-bottom: 25px;
margin-top: 30px;
}
.box_1_l_text3{
font-size: 38px;
}
#box_text2 .text_content,#box_text3 .text_content{
/*width: 80%;*/
margin: 0 auto;
}
#box_text3,#box_17_l,#box_8_r .text_content,#box_6_c,.box_1_l_text3,#box_text2,.box_text2{
width: 80%;
}
#box_2_layout {
width: 80%;
height: 55%;
top: 35%;
transform: translate(-50%, -50%);
}
#box_text1 .text_head{
font-size: 18px;
text-align: center;
}
.box_1_l_text3{
height: auto;
}
#box_2_c_child_mobile{
width: 80%;
margin: 0 auto;
margin-bottom: 70px;
}

#box_2_c_child_mobile .text_head{
font-size: 20px;
}
#box_2_c_child_mobile .text_head1{
font-size: 40px;
color: #BBD4DD;
}
#box_2_c_child_mobile .text_content{
font-size: 13px;
line-height: 26px;
letter-spacing: 0.2em;
margin-top: 10px;
}
#box_7{
display: block;
margin:0 auto;
width: 80%;
margin-top: 50px;
}
div#box_8_r{
width: 55%;
}
div#box_9_r {
    width: 52%;
    padding-left: 0px;
    -webkit-flex-basis: calc(52% - 2px);
    flex-basis: calc(52% - 2px);
    position: relative;
    top: 110px;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0 auto;
}

div#box_9_l {
width: 45%;
padding-right: 0;
-webkit-flex-basis: calc(45% - 2px);
flex-basis: calc(45% - 2px);
}
#box_7 #box_7_l {
padding-left:0;
width: 75%;
margin-bottom: 30px;
}
#box_8_l_child{
margin: 0 auto;
width: 80%;
margin-top: 50px;
}
#box_12{
width: 80%;
margin:0 auto;
}
div#box_12_l{
width: 100%;
}
#box_10,#box_12{
margin-top: 100px;
}
#box_12 {
    margin-top: 50px;
}
.box_10_l{
position: static;
padding:0;
left: 0;
width: 80%;
margin: 0 auto;
margin-top: 40px;
}
.box_10_l .text_head1{
font-size: 40px;
}
#box_7_c_child .text_head,#box_8_l_child .text_head,.box_12_l .text_head{
font-size: 20px;
}
#box_7_c_child .text_head1,#box_8_l_child .text_head1,.box_12_l .text_head1{
font-size: 40px;
color: #BBD4DD;
}
#box_7_c_child .text_content,#box_8_l_child .text_content,.box_12_l .text_content{
font-size: 13px;
line-height: 26px;
letter-spacing: 0.2em;
}
#box_13{
display: block;
}
#box_13_l {
width: 100%;
margin: 0 auto;
-webkit-flex-basis: calc(100% - 2px);
flex-basis: calc(100% - 2px);
}
#box_13_c{
position: static;
width: 80%;
margin: 0 auto;
margin-top: 20px;
}
.logo_ {
  padding:0;
    display: table;
    margin: 0 auto;
}
.box_13_c{
max-width: 100%;
}
div#box_14 {
margin-top: 40px;
/*display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;*/
}
div#box_14_r {
width: 48%;
padding: 0;
display: block;
position: relative;
top: 100px;
-webkit-flex-basis: calc(48% - 2px); 
flex-basis: calc(48% - 2px);
}
div#box_14_l {
width: 100%;
-webkit-flex-basis: calc(100% - 2px);
flex-basis: calc(100% - 2px);
padding-left: 30%;
}
div#box_18{
margin-top: 150px;
}
img.img_box_18_r.mobile{
margin-top: 40px;
}
.box_18_l .text_head1{
font-size: 40px;
}
div#box_19 {
width: 80%;
margin: 0 auto;
position: relative;
padding: 0;
margin-top: 40px;
}
#box_15_r .text_head,.box_20_text{
font-size: 12px;
line-height: 24px;
letter-spacing: 0.3em;
}
div#box_20 {
width: 90%;
margin: 0 auto;
padding: 30px;
margin-bottom: 100px;
text-align: center;
}
#box_16{
width: 80%;
}
.box_16{
flex-wrap: wrap;
}
.item_box16{
width: 100%;
margin-bottom: 40px;
-webkit-flex-basis: calc(100% - 2px);
flex-basis: calc(100% - 2px);
}
#box_17_r{
width: 80%;
max-width: 100%;
}
.box_18_l{
position: static;
max-width: 100%;
padding: 0;
left: 0;
top: 0;
margin: 0 auto;
width: 80%;
}
#box_13_l .text_content{
width: 100%;
}
#box_13_c .text_head{
text-align: left;
}
#box_13_c .text_head1{
font-size: 40px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
}
.box_12_l.mobile {
margin-top: 40px;
}
.header_sp{
/*width: 100vw;*/
}
#box_text1 .text_content{
display: block;
}
}



@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
 
	.bg-image0, .bg-image1, .bg-image2, .bg-image3, .bg-image4 {
	    background-position: center !important;
	    background-repeat: no-repeat !important;
	    background-size: cover !important;
	    width: 100% !important;
	    height: 600px !important;
	}

}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
 	/*.bg-image0, .bg-image1, .bg-image2, .bg-image3, .bg-image4 {
	    background-position: center !important;
	    background-repeat: no-repeat !important;
	    background-size: cover !important;
	    width: 100% !important;
	    height: 600px !important;
	}*/
}





@media screen and (max-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {


#box_8_l_child.mobile {
margin: 0 auto;
width: 80%;
margin-top: 150px;
}

}
@media screen and (max-width: 480px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {


#box_8_l_child.mobile {
margin: 0 auto;
width: 80%;
margin-top: 70px;
}

}
@media screen and (max-width: 375px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

div#box_9_r{
	top: 15px;
}
#box_8_l_child.mobile {
margin: 0 auto;
width: 80%;
margin-top: -30px;
}

}
@media screen and (max-width: 375px) {
#box_2_t {
width: 50%;
}
.text_child .text_serif {
    font-size: 15px;
}
div#box_9_r {
    width: 52%;
    padding-left: 0px;
    -webkit-flex-basis: calc(52% - 2px);
    flex-basis: calc(52% - 2px);
    position: relative;
    top: 65px;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0 auto;
}
#box_8_l_child {
    margin: 0 auto;
    width: 80%;
     margin-top: 0px; 
}
}