#main_wrap {
min-width:950px;
position: relative;
}
#main_wrap * {
position: relative;
  z-index:2;
}
#main_wrap:before {
width:50%;
content:"";
left:0;
top:0;
position: absolute;
height:100%;
background: #ecfbff;
z-index:0;
}
#main_wrap:after {
width:50%;
content:"";
right:0;
top:0;
position: absolute;
height:100%;
background: #edfced;
z-index:0;
}
#mv {
	height:469px;
	position: relative;
}
#loader { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;background:linear-gradient(90deg,#ecfbff 0%,#ecfbff 50%,#edfced 50%,#edfced 100%);}
#loader::before { position: absolute; top: 50%; left: 50%; display: block; width: 40px; height: 40px; content: ""; box-sizing: border-box; border-style: solid; border-width: 3px; border-color: rgba(102, 102, 102, 0.3); border-top-color: #fff; border-radius: 20px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; margin-left: -20px; margin-top: -20px; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
#mv .l01 {
 width:50%;
 background:#b6c9d2 url(../images/top/t_l01.jpg) right top no-repeat;
 height:469px;
 float:left;
 z-index:2;
 background-size: 700px 100%;
}
#mv .r01 {
width:50%;
  background:#bfd6ba url(../images/top/t_r01.jpg) left top no-repeat;
height:469px;
float:right;
z-index:2;
background-size: 700px 100%;
}
#mv .l02 {
 width:50%;
 background:#b6c9d2 url(../images/top/t_l02.jpg) right top no-repeat;
 height:469px;
 float:left;
 z-index:2;
 background-size: 700px 100%;
}
#mv .r02 {
width:50%;
  background:#bfd6ba url(../images/top/t_r02.jpg) left top no-repeat;
height:469px;
float:right;
z-index:2;
background-size: 700px 100%;
}
#mv .l03 {
 width:50%;
 background:#b6c9d2 url(../images/top/t_l03.jpg) right top no-repeat;
 height:469px;
 float:left;
 z-index:2;
 background-size: 700px 100%;
}
#mv .r03 {
width:50%;
  background:#bfd6ba url(../images/top/t_r03.jpg) left top no-repeat;
height:469px;
float:right;
z-index:2;
background-size: 700px 100%;
}
#mv2 .l {
background:#b6c9d2 url(../images/top/b_l_bg.jpg) left top repeat-x;
height:485px;
 width:50%;
 float:left;
 background-size: 100% 100%;
}
#mv2 .r {
background:#b6c9d2 url(../images/top/b_r_bg.jpg) left top repeat-x;
height:485px;
width:50%;
float:left;
background-size: 100% 100%;
}
#mv2 .l01 {
 width:100%;
 background:url(../images/top/b_l01.jpg) right top no-repeat;
 height:485px;
 float:left;
 z-index:2;
 background-size: 700px 100%;
}
#mv2 .r01 {
  width:100%;
  background:url(../images/top/b_r01.jpg) left top no-repeat;
height:485px;
float:right;
z-index:2;
background-size: 700px 100%;
}
#mv2 .l02 {
width:100%;
 background:url(../images/top/b_l02.jpg) right top no-repeat;
 height:485px;
 float:left;
 z-index:2;
background-size: 700px 100%;
}
#mv2 .r02 {
  width:100%;
  background:url(../images/top/b_r02.jpg) left top no-repeat;
height:485px;
float:right;
z-index:2;
background-size: 700px 100%;
}
#mv2 .l03 {
 width:100%;
 background:url(../images/top/b_l03.jpg) right top no-repeat;
 height:485px;
 float:left;
 z-index:2;
 background-size: 700px 100%;
}
#mv2 .r03 {
  width:100%;
  background:url(../images/top/b_r03.jpg) left top no-repeat;
height:485px;
float:right;
z-index:2;
background-size: 700px 100%;
}
.video {
margin-top:-80px;
text-align: center;
z-index:3;
  width:540px;
  height:304px;
  margin-left:auto;
  margin-right: auto;
  background: #fff;
  margin-bottom:160px;
}
.video .modal_btn {
cursor:pointer;
transition: all .3s ease-out;
display: inline-block;
}
.video .modal_btn .movie_txt {
  line-height:1.8em;
  margin-top:15px;
  text-align: left;
  font-size:14px;
}
.video .modal_btn:hover {
opacity: .7;
}
.video figure {
  margin:0;
  padding:0;
}
/*==============================
modal
==============================*/
#modal {
display: none;
position: absolute;
left: 50%;
top: 60px;
width: 870px;
min-height: 100px;
margin-left: -435px;
z-index: 1010;
}
#modal.modal_top {
width: 640px;
margin-left: -320px;
}
#modal #modal_close{
position: absolute;
right: 0;
top: -50px;
width: 30px;
height: 30px;
cursor: pointer;
transition: transform .5s ease-out;
}
#modal #modal_close span {
    display: none;
}
#modal #modal_close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ie #modal #modal_close:hover {
    opacity: .8;
}
#modal #modal_close:before,
#modal #modal_close:after {
    content: "";
    display: block;
    width: 42px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -1px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#modal #modal_close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#modal #modal_close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#modal_ov {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    z-index: 1000;
}
#modal .modal_in .copy {
    background: #fff;
    padding: 5px 0;
    text-align: center;
    font-size: .857em;
}
#anime {
  margin-top:60px;
}
#anime h3 {
  letter-spacing: 0.25em;
}
h3 {
  color:#945d3f;
  font-size:35px;
  font-weight: normal;
  text-align: center;
}
.itemlist li {
  width:445px;
  background: #fff;
  margin-top:48px;
  margin-bottom:7px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);
  padding-bottom:35px;
}
.itemlist li:nth-of-type(2n+1) {
  float:left;
  margin-left:5px;
}
.itemlist li:nth-of-type(2n+2) {
  float:right;
  margin-right:5px;
}
.itemlist li h4 {
  text-align: center;
  margin-top:30px;
  line-height:1.7em;
  font-size:21px;
  font-weight: bold;
  position: relative;
  padding-bottom:15px;
  color:#945d3f;
  letter-spacing:0.05em;
}
.itemlist li h4:before {
  position: absolute;
  bottom:0;
  left:50%;
  content:"";
  width:35px;
  margin-left:-17px;
  border-bottom:1px solid #945d3f;
}
.itemlist li .txt01 {
  font-size:14px;
  line-height:1.9em;
  margin-top:20px;
  min-height:140px;
  padding-left:27px;
  padding-right:27px;
}
.itemlist li .txt02 {
  font-size:14px;
  line-height:1.9em;
  margin-top:20px;
  min-height:92px;
  padding-left:27px;
  padding-right:27px;
}
.itemlist li .btn01 {
  width:240px;
  margin:0 auto;
  background: url(../images/common/btn01_bg.jpg) no-repeat;
  color:#fff;
  font-size:14px;
  line-height:50px;
  text-align: center;
  background-size:100% 100%;
}
.itemlist li .btn01 a {
  text-decoration: none;
  color:#fff;
  display: block;
  -webkit-transition: all .5s ease-out 0.1s;
  -moz-transition: all .5s ease-out 0.1s;
  -o-transition: all .5s ease-out 0.1s;
  transition: all .5s ease-out 0.1s;
}
.itemlist li .btn01 a:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
}
.itemlist dt {
position: relative!important;
}
.itemlist .mk01 {
position: absolute!important;
left:0;
top:0;
padding-left:10px;
width:145px;
height:50px;
line-height:50px;
margin: auto;
text-align: center;
font-size:14px;
color:#fff;
background: #438cb1;
letter-spacing:0.1em;
}
.itemlist .mk01:after {
position: absolute;
content:"";
right:-20px;
top:0;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 20px 0 0;
border-color: #438cb1 transparent transparent transparent;
}
.itemlist .mk02 {
position: absolute!important;
left:0;
top:0;
padding-left:10px;
width:145px;
height:50px;
line-height:50px;
margin: auto;
text-align: center;
font-size:14px;
color:#fff;
background: #569b67;
letter-spacing:0.1em;
}
.itemlist .mk02:after {
position: absolute;
content:"";
right:-20px;
top:0;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 20px 0 0;
border-color: #569b67 transparent transparent transparent;
}
#voice h3 {
  margin-top:90px;
  letter-spacing: 0.25em;
}