/* Style for Smartphonea */
@media screen and (max-width: 768px) {

/* Slide
---------------------------------*/
.slidebody {
width:100%;
height: auto;
display: block;
position: relative;
}
#slidemm_m.cycle-slideshow {
width:100%;
height: 60vh;
display: block;
}
#slidemm_m.cycle-slideshow div {
width:100%;
height: 100%;
min-height: 100%;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#slidemm_m.cycle-slideshow div.sm01 {
background-image: url("../img/index/slide001.jpg");
}
#slidemm_m.cycle-slideshow div.sm01 .sltt {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding: 45% 0 0 5%;
}
#slidemm_m.cycle-slideshow div.sm02 {
background-image: url("../img/index/slide002.jpg");
}
#slidemm_m.cycle-slideshow div.sm02 .sltt {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding: 45% 5% 0 0%;
text-align: right;
}
#slidemm_m.cycle-slideshow div.sm03 {
background-image: url("../img/index/slide003.jpg");
}
#slidemm_m.cycle-slideshow div.sm03 .sltt {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding: 45% 0 0 5%;
}
#slidemm_m.cycle-slideshow div.sm04 {
background-image: url("../img/index/slide004.jpg");
}
#slidemm_m.cycle-slideshow div.sm04 .sltt {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding: 45% 5% 0 0%;
text-align: right;
}
#slidemm_m.cycle-slideshow .sltt h2 {
font-family: 'Lato', sans-serif;
font-size:40px;
font-weight: 700;
line-height: 1.25em;
color:#fff;
letter-spacing: -1px;
margin-bottom: 5px;
text-shadow: 0px 2px 10px rgba(0,0,0,0.50);
}
#slidemm_m.cycle-slideshow .sltt p {
font-size:14px;
font-weight: 700;
line-height: 1.25em;
color:#fff;
letter-spacing: 0px;
text-shadow: 0px 2px 10px rgba(0,0,0,0.50);
}

#slidemm {
display: none;
}


/* Title
---------------------------------*/
.titlemm {
width:100%;
height: auto;
display: block;
text-align: center;
margin-bottom: 30px;
}
.titlemm h2 {
font-size:28px;
font-family: 'Lato', sans-serif;
font-weight: 400;
line-height: 1.25em;
letter-spacing: -1px;
margin-bottom: 5px;
color:#8593a3;
}
.titlemm p {
font-size:12px;
font-weight: 400;
line-height: 1.25em;
margin-bottom:0px;
color:#222;
}


/* Text botton
---------------------------------*/
p.txtbn {
width:80%;
height: 40px;
display: block;
font-size:14px;
line-height: 40px;
margin:0 auto;
}
p.txtbn a {
width:100%;
height: 40px;
display: block;
background-color: #424951;
text-align: center;
color:#fff;
margin:0 auto;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
p.txtbn a:hover {
background-color: #8593a3;
}


/* News
---------------------------------*/
.newsmm {
width:100%;
height: auto;
display: block;
padding:60px 5%;
}


/* Intro
---------------------------------*/
.intromm {
width:100%;
height: auto;
display: block;
background-image:url("../img/index/imbg_m.jpg");
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
}
.imbody {
width:100%;
height: auto;
display: block;
padding:0px 5% 55%;
}
.imbody h2.imtitle01 {
font-size:26px;
font-weight: 700;
line-height: 1.4em;
color:#333;
margin-bottom: 10px;
}
.imbody p.imtitle02 {
font-size:14px;
font-family: 'Lato', sans-serif;
font-weight: 400;
line-height: 1.4em;
color:#8593a3;
margin-bottom: 25px;
}
.imbody p.imcom {
font-size:14px;
font-weight: 400;
line-height: 2em;
margin-bottom: 0px;
}
.imbody p.imcom br {
display: none;
}


/* Features
---------------------------------*/
.featuresmm {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding:60px 5%;
}
.fmcontents {
width:47.85%;
height: auto;
display: block;
margin:0 1% 50px;
}
.fmcontents a {
width:100%;
height:auto;
display: block;
padding:55% 5% 0;
text-decoration: none;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}
.fmcontents a.fm01 {
background-image: url("../img/index/fm01.jpg");
}
.fmcontents a.fm02 {
background-image: url("../img/index/fm02.jpg");
}
.fmcontents a.fm03 {
background-image: url("../img/index/fm03.jpg");
}
.fmcontents a.fm04 {
background-image: url("../img/index/fm04.jpg");
}
.fmcc {
width:100%;
height: auto;
display: block;
padding:25px;
background-color: #fff;
margin:0 auto;
}
.fmcc h2 {
font-size:14px;
font-family: 'Lato', sans-serif;
font-weight: 400;
line-height: 1.25em;
color:#8593a3;
margin-bottom: 5px;
}
.fmcc h3 {
font-size:26px;
font-weight: 700;
line-height: 1.25em;
color:#333;
margin-bottom: 10px;
}
.fmcc p.fmc_com {
font-size:14px;
line-height: 1.8em;
margin-bottom: 10px;
color:#555;
}
.fmcc p.fmc_bn {
width: 100%;
height: auto;
display: block;
font-size:0.8em;
text-align: right;
margin:0;
color:#8593a3;
}


/* Access
---------------------------------*/
.accessmm {
width:100%;
height: auto;
display: block;
padding-bottom: 60px;
}
.accessmm .mmmap {
width:100%;
height: 400px;
display: block;
}
.accessmm .mmmap iframe {
width:100%;
height: 400px;
display: block;
}
.accessmm .accbody {
width:100%;
height: auto;
display: block;
}
.accessmm .accbody .accm {
width:100%;
height: auto;
display: block;
padding:40px 5%;
}
.mll {
border-bottom:1px solid #8593a3;
}

.accessmm .accbody .accm h3 {
width:100%;
height: auto;
display: block;
margin-bottom: 20px;
padding-top:60px;
font-size:12px;
font-weight: 400;
line-height: 1.25em;
text-align: center;
background-image: url("../img/header/logo.png");
background-repeat: no-repeat;
background-position: center top;
background-size: auto 50px;
}
.accessmm .accbody .accm p {
text-align: center;
}
.accessmm .accbody .accm p.accp1 {
font-size:14px;
font-weight: 400;
line-height: 1.25em;
margin-bottom: 5px;
}
.accessmm .accbody .accm p.accp2 {
width:200px;
height: 40px;
display: block;
font-size:24px;
font-family: 'Lato', sans-serif;
color:#8593a3;
font-weight: 700;
line-height: 40px;
letter-spacing: -1px;
margin:0 auto 10px;
}
.accessmm .accbody .accm p.accp2 a {
width:200px;
height: 40px;
display: block;
font-size:28px;
font-family: 'Lato', sans-serif;
color:#8593a3;
text-decoration: none;
font-weight: 400;
line-height: 40px;
letter-spacing: -2px;
text-align: right!important;
background-image: url("../img/header/ic-tel.png");
background-position: left center;
background-repeat: no-repeat;
background-size: auto 30px;
}
.accessmm .accbody .accm p.accp3 {
font-size:12px;
font-weight: 400;
line-height: 1.25em;
}
.accessmm .accbody .accm ul {
margin:0 0 0 1em;
}
.accessmm .accbody .accm ul li {
font-size:14px;
line-height: 1.4em;
list-style-image: url("../img/lidot.png");
padding-bottom: 15px;
border-bottom: 1px dotted #8593a3;
margin:0 0 15px 1em;
}


/* Link
---------------------------------*/
.linkmm {
width:100%;
height: auto;
display: block;
padding:30px 0;
border-top:1px solid #8593a3;
}
.linkul li {
width:100%;
height: auto;
display: block;
padding:10px 5%;
}
.linkul li a {
width:100%;
height:auto;
display: block;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.linkul li a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}


}

/* Style for Smartphonea */
@media screen and (max-width: 480px) {

/* Features
---------------------------------*/
.featuresmm {
width:100%;
height: auto;
display: block;
padding:60px 5%;
}
.fmcontents {
width:100%;
height: auto;
display: block;
margin:0 0 50px;
}

}

/* Style for PCs */
@media screen and (min-width: 769px) {

/* Slide
---------------------------------*/
.slidebody {
width:100%;
height: 85vh;
display: block;
}
.cycle-slideshow {
width:100%;
height: 100%;
min-height: 100%;
display: block;
}
.cycle-slideshow div {
width:100%;
height: 100%;
min-height: 100%;
display: block;
background-position: center bottom;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
.cycle-slideshow div.sm01 {
position: relative;
background-image: url("../img/index/slide001.jpg");
}
.cycle-slideshow div.sm01 .sltt {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding: 28% 0 0 5%;
}
.cycle-slideshow div.sm02 {
position: relative;
background-image: url("../img/index/slide002.jpg");
}
.cycle-slideshow div.sm02 .sltt {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding: 28% 5% 0 45%;
text-align: right;
}
.cycle-slideshow div.sm03 {
position: relative;
background-image: url("../img/index/slide003.jpg");
}
.cycle-slideshow div.sm03 .sltt {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding: 28% 0 0 5%;
}
.cycle-slideshow div.sm04 {
position: relative;
background-image: url("../img/index/slide004.jpg");
}
.cycle-slideshow div.sm04 .sltt {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding: 28% 5% 0 45%;
text-align: right;
}

.cycle-slideshow .sltt h2 {
font-size:70px;
font-family: 'Lato', sans-serif;
font-weight: 700;
line-height: 1.25em;
color:#fff;
letter-spacing: -2px;
margin-bottom: 8px;
text-shadow: 0px 2px 10px rgba(0,0,0,0.50);
}
.cycle-slideshow .sltt p {
font-size:18px;
font-weight: 700;
line-height: 1.25em;
color:#fff;
letter-spacing: 0px;
text-shadow: 0px 2px 5px rgba(0,0,0,0.70);
}


#slidemm_m {
display: none;
}


/* Title
---------------------------------*/
.titlemm {
width:100%;
height: auto;
display: block;
text-align: center;
margin-bottom: 30px;
}
.titlemm h2 {
font-size:28px;
font-family: 'Lato', sans-serif;
font-weight: 400;
line-height: 1.25em;
letter-spacing: -1px;
margin-bottom: 5px;
color:#8593a3;
}
.titlemm p {
font-size:12px;
font-weight: 400;
line-height: 1.25em;
margin-bottom:0px;
color:#222;
}


/* Text botton
---------------------------------*/
p.txtbn {
width:30%;
height: 40px;
display: block;
font-size:14px;
line-height: 40px;
margin:0 auto;
}
p.txtbn a {
width:100%;
height: 40px;
display: block;
background-color: #424951;
text-align: center;
color:#fff;
margin:0 auto;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
p.txtbn a:hover {
background-color: #8593a3;
}


/* News
---------------------------------*/
.newsmm {
width:100%;
height: auto;
display: block;
padding:60px 5%;
}


/* Intro
---------------------------------*/
.intromm {
width:100%;
height: auto;
display: block;
background-image:url("../img/index/imbg.jpg");
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
}
.imbody {
width:100%;
height: auto;
display: block;
padding:60px 5% 15%;
text-align: center;
}
.imbody h2.imtitle01 {
font-size:40px;
font-weight: 700;
line-height: 1.4em;
color:#333;
margin-bottom: 10px;
}
.imbody p.imtitle02 {
font-size:12px;
font-family: 'Lato', sans-serif;
font-weight: 400;
line-height: 1.4em;
color:#8593a3;
margin-bottom: 40px;
}
.imbody p.imcom {
font-size:14px;
font-weight: 400;
line-height: 2em;
margin-bottom: 0px;
}


/* Features
---------------------------------*/
.featuresmm {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding:60px 5%;
}
.fmcontents {
width:47.85%;
height: auto;
display: block;
margin:0 1% 50px;
}
.fmcontents a {
width:100%;
height:auto;
display: block;
padding:55% 5% 0;
text-decoration: none;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}
.fmcontents a.fm01 {
background-image: url("../img/index/fm01.jpg");
}
.fmcontents a.fm02 {
background-image: url("../img/index/fm02.jpg");
}
.fmcontents a.fm03 {
background-image: url("../img/index/fm03.jpg");
}
.fmcontents a.fm04 {
background-image: url("../img/index/fm04.jpg");
}
.fmcc {
width:100%;
height: auto;
display: block;
padding:25px;
background-color: #fff;
margin:0 auto;
}
.fmcc h2 {
font-size:14px;
font-family: 'Lato', sans-serif;
font-weight: 400;
line-height: 1.25em;
color:#8593a3;
margin-bottom: 5px;
}
.fmcc h3 {
font-size:26px;
font-weight: 700;
line-height: 1.25em;
color:#333;
margin-bottom: 10px;
}
.fmcc p.fmc_com {
font-size:14px;
line-height: 1.8em;
margin-bottom: 10px;
color:#555;
}
.fmcc p.fmc_bn {
width: 100%;
height: auto;
display: block;
font-size:0.8em;
text-align: right;
margin:0;
color:#8593a3;
}


/* Access
---------------------------------*/
.accessmm {
width:100%;
height: auto;
display: block;
padding-bottom: 60px;
}
.accessmm .mmmap {
width:100%;
height: 400px;
display: block;
}
.accessmm .mmmap iframe {
width:100%;
height: 400px;
display: block;
}
.accessmm .accbody {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.accessmm .accbody .accm {
width:49.85%;
height: auto;
display: block;
padding:40px;
}
.mll {
border-right:1px solid #8593a3;
}

.accessmm .accbody .accm h3 {
width:100%;
height: auto;
display: block;
margin-bottom: 20px;
padding-top:60px;
font-size:12px;
font-weight: 400;
line-height: 1.25em;
text-align: center;
background-image: url("../img/header/logo.png");
background-repeat: no-repeat;
background-position: center top;
background-size: auto 50px;
}
.accessmm .accbody .accm p {
text-align: center;
}
.accessmm .accbody .accm p.accp1 {
font-size:14px;
font-weight: 400;
line-height: 1.25em;
margin-bottom: 5px;
}
.accessmm .accbody .accm p.accp2 {
width:200px;
height: 40px;
display: block;
font-size:24px;
font-family: 'Lato', sans-serif;
color:#8593a3;
font-weight: 700;
line-height: 40px;
letter-spacing: -1px;
margin:0 auto 10px;
}
.accessmm .accbody .accm p.accp2 a {
width:200px;
height: 40px;
display: block;
font-size:28px;
font-family: 'Lato', sans-serif;
color:#8593a3;
text-decoration: none;
font-weight: 400;
line-height: 40px;
letter-spacing: -2px;
text-align: right!important;
background-image: url("../img/header/ic-tel.png");
background-position: left center;
background-repeat: no-repeat;
background-size: auto 30px;
}
.accessmm .accbody .accm p.accp3 {
font-size:12px;
font-weight: 400;
line-height: 1.25em;
}
.accessmm .accbody .accm ul {
margin:0 0 0 1em;
}
.accessmm .accbody .accm ul li {
font-size:14px;
line-height: 1.4em;
list-style-image: url("../img/lidot.png");
padding-bottom: 15px;
border-bottom: 1px dotted #8593a3;
margin:0 0 15px 1em;
}


/* Link
---------------------------------*/
.linkmm {
width:100%;
height: auto;
display: block;
border-top:1px solid #8593a3;
}
.linkul li {
width:33.3333333333%;
height: auto;
display: block;
float: left;
padding:5%;
}
.linkul li a {
width:100%;
height:auto;
display: block;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.linkul li a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

}