@charset "utf-8";

@font-face {
    font-family: "Arial";
    src: url("../font/Arial Nova W07 Bold.woff") format("woff");
}

@font-face {
    font-family: "YuGothB";
    src: url("../font/YuGothB.woff") format("woff");
}

@font-face {
    font-family: "yumin-db";
    src: url("../font/yumin-db.woff") format("woff");
}

.benefitsBox span,
.contact_btns span,
.massageBox_title {
    font-family: "yumin-db";
}

body,
html {
    font-size: 15px;
    font-family: "YuGothB";
    overflow-x: hidden;
	
}

.wrap {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}


img {
    width: 100%;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

.mg_bt100 {
    margin-bottom: 100px;
}

.toTop {
    position: fixed;
    bottom: 2.5%;
    right: 2.5%;
    z-index: 5;
}

.toTopimg {
    width: 50px;
    height: auto;
}

.fv {
    width: 100%;
    height: auto;
    max-width: 2000px;
    margin: 0 auto;
    position: relative;
    background-color: none;
}

.Top_logo {
    width: 600px;
    text-align: center;
    position: absolute;
    bottom: 20%;
}

.Top_logo img {
    width: 173px;
    height: auto;
    margin-bottom: 50px;
}

.topText {
    color: #333;
    font-size: 1.333em;
    line-height: 1.5;
}

.topText span {
    font-size: 1.3em;
    font-weight: 600;
}

.sectionTitle {
    font-size: 1.867em;
    text-align: center;
    color: #333333;
    font-family: "Arial";
}

.subTitle {
    font-family: "yumin-db";
    font-size: 1.2em;
    text-align: center;
    line-height: 2.25;
    color: #333333;
    margin: 30px 0;
}

.concept {
    padding: 150px 0 0 0;
}

.sectionText {
    line-height: 2.25;
    text-align: center;
    margin: 50px 0;
}

.privilege {
    padding: 125px 0 0 0;
}


.inner_privilege {
    width: 70%;
    margin: 80px auto 0;
    display: block;
    justify-content: center;
    padding: 0 5% 100px;
}

.benefits {
    width: 100%;
    margin: 0 auto 5vh;
}

.benefitsTitle ul {
    width: 100%;
}

.annotation {
    margin: 10px 0 0;
}

.privilege_Img {
    width: 600px;
    height: auto;padding-top: 50px;
}

.benefitsTitle {
    font-size: 24px;
    margin: 0 0 1vh;
}

.benefitsBox {
    width: 100%;
    line-height: 1.55;
    padding: 25px 0;
    border-bottom: solid 1px;
}


.benefitsBox span {
    font-size: 1.6em;
}

.slider {
    width: 100%;
    margin: 0 auto;
    padding: 100px 0;
    background-color: #474748;
}

.slick {
    width: 872px;
    height: auto;
    margin: 0 auto;
}

.contact {
    padding: 125px 0 0 0;
    background-color: #d5d6d8;
}

i img {
    width: 45px;
    height: auto;
    margin: 0 10px 0 0
}

.contact_btns {
    display: flex;
    justify-content: center;
    padding: 60px 0 100px;
    flex-wrap: nowrap;line-height: 1.2
}

.contact_btns a {
    display: flex;
    align-items: center;
    color: #333333;
    padding: 0 20px;
   /* border-right: solid 1px #333333;*/
}

.contact_btns a:last-child{
  /*  border: none;*/
}

.contact_btns a span {
    font-size: 1.333em
}

.education {
    padding: 100px 0 0;
}

.educationText {
    line-height: 2.25;
    text-align: center;
    margin-bottom: 50px;
}

.massage {
    display: flex;
    justify-content: space-between;
    padding: 0 5%;
}

.massageBox_title {
    text-align: center;
    font-size: 1.333em;
    margin-bottom: 20px
}

.massageBox {
    max-width: 500px;
	margin: 1%;
}

.massageBox_text {
    padding: 30px 20px 40px;
    line-height: 1.75;
    border: solid 1px;
}

.massageBox_text span {
    font-size: 1.2em;
    line-height: 1.5;
}

.solution {
    padding: 100px 0 150px;
}

.solution_icons {
    text-align: center;
}

.solution_icons img {
    width: 85px;
    height: auto;
    margin: 0 15px;
}

.media {
    padding: 125px 0 0 0;
    background-color: #303133;
    background-image: url("../img/renya.jpg");
    background-position: top left;
    background-size: 100%;
    background-repeat: no-repeat
}

.media .sectionTitle,
.media .sectionText {
    color: #ffffff;
}

.mediaImages {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 50px 5% 100px;
}

.mediaImages figure {
    width: 300px;
    height: auto;
    margin-bottom: 50px;
}
.qa{ padding: 125px 0 0 0;line-height: 1.6}
.qa dl{display: flex;
  flex-direction: column;
  padding: 50px 15% 0;}
.qa dt {
color: red;
position: relative;
padding: 0 0 0 40px;
margin: 0 0 20px 0;
}
.qa dt:before {
font-weight: bold;
position: absolute;
  top: 0px;
  left: 0;
}
.qa dt.q1::before {
  content: 'Q1.';
}
.qa dt.q2::before {
  content: 'Q2.';
}
.qa dt.q3::before {
  content: 'Q3.';
}
.qa dt.q4::before {
  content: 'Q4.';
}
.qa dt.q5::before {
  content: 'Q5.';
}
.qa dt.q6::before {
  content: 'Q6.';
}
.qa dt.q7::before {
  content: 'Q7.';
}
.qa dt.q8::before {
  content: 'Q8.';
}
.qa dt.q9::before {
  content: 'Q9.';
}
.qa dd {
position: relative;
padding: 0 0 0 40px;
margin: 0 0 20px 0;
}
.qa dd:before {
font-weight: bold;
position: absolute;
  top: 0px;
  left: 0;
}
.qa dd.a1::before {
  content: 'A1.';
}
.qa dd.a2::before {
  content: 'A2.';
}
.qa dd.a3::before {
  content: 'A3.';
}
.qa dd.a4::before {
  content: 'A4.';
}
.qa dd.a5::before {
  content: 'A5.';
}
.qa dd.a6::before {
  content: 'A6.';
}
.qa dd.a7::before {
  content: 'A7.';
}
.qa dd.a8::before {
  content: 'A8.';
}
.qa dd.a9::before {
  content: 'A9.';
}
.movie {
    padding: 125px 0 100px 0;
}

.system {
    padding: 125px 0 100px 0;
}

table {
    margin: 0;
	width: 49%;
}

tr {
    border: solid 1px;
}

td {
    padding: 30px 20px;
    line-height: 2.25;
}

th {
    border: solid 1px;
    vertical-align: middle;
    font-size: 1.1em;
    padding: 15px 20px;
    letter-spacing: 1.5px;
}

.system-access {
    display: flex;
    justify-content: space-between;
    padding: 50px 5% 100px;
}

.maps {
    margin: 0;
	width: 49%;
}
.google_map{
position:relative;
width:100%;
height:0;
padding-top:75%;
}
.google_map iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.mapTitle {
    color: #333333;
    font-size: 1.6em;
    margin: 20px 0 50px;
}

.accessInfo {
    display: flex;
    align-items: center;
    margin: 50px 0;
}

.accessInfo a {
    color: #333333;
}

.accessInfo img {
    height: 28px;
    width: auto;
    margin-right: 20px;
}

.links {
    display: flex;
    justify-content: center;
    margin: 50px 0;
}

.sns,
.official {
    width: 50%;
}
.sns {
    border-right: solid 1px #999999;
}

.linkTitle {
    font-size: 1.261em;
    text-align: center;
}

.linkIcons {
    text-align: center;
}

.linkIcons img {
    width: 70px;
    height: auto;
    margin: 50px 20px 10px;
}
.icon_sns_br {
    display: none;
}
@media screen and (max-width: 600px) {
    .linkIcons img {
        margin: 50px 10px 0;
    }
    .icon_sns_br {
        display: block;
    }
}
footer {
    max-width: 2000px;
    margin: 0 auto;
    position: relative;
}

.footer_logo {
    text-align: center;
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    margin: auto;
}

.footer_logo img {
    width: 173px;
    height: auto;
	margin-bottom: 10px
}

small {
    color: #fff;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;text-shadow: 0 0 5px #000;
}

.movie_slick {
    width: 580px;
    height: auto;
    margin: 50px auto;
}

.brTablet {
    display: none;
}

figure {
    margin: 0 auto;
}

.footerImg_sp {
    display: none;
}
.footer_logo > .topText {
    color: #fff;text-shadow: 0 0 5px #000;
}
@media screen and (max-width:1440px) {
    .mediaImages {
        width: 90%;
    }
}
/*-------------------------------------
■ Main Visual
-------------------------------------*/
/* ↓ swiper */
.swiper-pagination-bullet{
	width:60px;
	height:5px;
	border-radius:0;
}
.swiper-pagination-bullet-active{
	background:#fff;
}
/* ↑ swiper */

.main_v{
	background:#fff
}

.main_slider_container{
}
.msc_cts{
	width:100%;
	background-size:cover;
	background-position:center center;
}
.msc_01{
	background-image:url("../img/tmv_01_bg.gif");
}
.msc_02{
	background-image:url("../img/tmv_02_bg.jpg");
}
.msc_03{
	background-image:url("../img/tmv_03_bg.jpg");
}
.msc_04{
	background-image:url("../img/tmv_04_bg.jpg");
}

.msc_box{
	margin:0 auto;
	/*padding:0 15px;*/
	padding:0;
	max-width:1310px;
}
	.pt_cts,.fiut_pc,.fiu_box{display:block}
	.sp_cts,.fiut_sp{display:none}
@media screen and (max-width:480px){
	.pt_cts,.fiut_pc,.fiu_box{display:none}
	.sp_cts,.fiut_sp{display:block}}
a.btn_green{
 position: relative;
padding: 10px 15px 10px 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius:10px;
  color: #fff;
  background-color:#00c402;
  border-bottom: 5px solid #02ad03;
  margin: 2px}
a.btn_green:hover {
  margin-top: 3px;
  color: #fff;
  background: #04db07;
  border-bottom: 2px solid #02ad03;
}
a.btn_orange{
 position: relative;
padding: 10px 15px 10px 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius:10px;
  color: #fff;
  background-color:#ffaf33;
  border-bottom: 5px solid #de8700;
  margin: 2px}
a.btn_orange:hover{ margin-top: 3px;
  color: #fff;
  background: #ffbe33;
  border-bottom: 2px solid #de8700;}
a.btn_blue{
 position: relative;
padding: 10px 15px 10px 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius:10px;
  color: #fff;
  background-color:#5571FF;
  border-bottom: 5px solid #4055c7;
  margin: 2px}
a.btn_blue:hover{ margin-top: 3px;
  color: #fff;
  background: #5596ff;
  border-bottom: 2px solid #4055c7;}