@charset "UTF-8";

/* common
**************************************** */
#main { max-width: none; }
.container { position: relative; margin: 0 auto; width: 980px; max-width: 980px; }
.container img { max-width: 100%; vertical-align: bottom; height: auto; }
.lead { font-size: 133.3333%; line-height: 2; margin: 0; }
@media only screen and (max-width:768px){
.container { position: relative; margin: 0; padding-right: 0; padding-left: 0; width: auto; min-width: inherit; max-width: inherit; }
.lead { font-size: 100%; line-height: 1.7272; }
}

/* cSection
**************************************** */
.cSection { margin-top: 100px; }
@media only screen and (max-width:768px){
.cSection { margin-top: 45px; }
}

/* cHeading
**************************************** */
.cHeading_A { font-size: 233.3333%; font-weight: 700; margin-bottom: 20px; }
.cHeading_B { font-size: 158.3333%; font-weight: 700; }
@media only screen and (max-width:768px){
.cHeading_A { font-size: 128.5714%; font-weight: 700; margin-bottom: 20px; }
.cHeading_B { font-size: 100%; font-weight: 700; }
}

/* cColumn
**************************************** */
.cColumn { display: flex; justify-content: space-between; margin-top: 50px; }
.cColumn .cColumn_cell { width: calc(50% - 18px); }
.cColumn .cColumn_img { font-size: 0; line-height: 0; margin: 20px 0 0 0; }
.cColumn .cColumn_img img { width: 100%; }
.cColumn .cColumn_img a { display: block; position: relative; }
.cColumn .cColumn_img a.popup::before { border-radius: 50%; background-color: #e60000; content: ""; position: absolute; top: calc(50% - 42px); left: calc(50% - 42px); width: 84px; height: 84px; z-index: +1; }
.cColumn .cColumn_img a.popup::after { width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 20px; border-color: transparent transparent transparent #fff; content: ""; position: absolute; top: calc(50% - 13px); left: calc(50% - 6px); z-index: +2; }
.cColumn .cColumn_text { font-size: 133.3333%; margin: 10px 0 0 0; }
.cColumn .cColumn_link { font-size: 125%; font-weight: 700; margin: 15px 0 0 0; }
.cColumn .cColumn_link a { display: inline-block; vertical-align: bottom; position: relative; padding-left: 15px; }
.cColumn .cColumn_link a::before { width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #e83731; content: ""; position: absolute; top: calc(50% - 5px); left: 0px; }
@media only screen and (min-width:769px){
.cColumn .cColumn_img a { transition: opacity .25s ease-out; }
.cColumn .cColumn_img a:hover { opacity: 0.7; }
}
@media only screen and (max-width:768px){
.cColumn { display: block; margin-top: 25px; }
.cColumn .cColumn_cell { margin-left: 0; margin-right: 0; width: auto; }
.cColumn .cColumn_cell:nth-of-type(n+2) { margin-top: 25px; }
.cColumn .cColumn_img { margin: 10px 0 0 0; }
.cColumn .cColumn_img a.popup::before { top: calc(50% - 33px); left: calc(50% - 33px); width: 66px; height: 66px; }
.cColumn .cColumn_img a.popup::after { border-width: 11px 0 11px 18px; top: calc(50% - 11px); left: calc(50% - 6px); }
.cColumn .cColumn_text { font-size: 100%; }
.cColumn .cColumn_link { font-size: 100%;  margin: 10px 0 0 0; }
.cColumn .cColumn_link a { padding-left: 12px; }
.cColumn .cColumn_link a::before { border-width: 4px 0 4px 5px; top: calc(50% - 4px); }
}

/* cBtnMore
**************************************** */
.cBtnMore { margin: 50px 0 0 0; }
.cBtnMore a { box-sizing: border-box; box-shadow: 10px 10px 20px 0 rgb(0 0 0 / 20%); background: linear-gradient(90deg, rgba(30,151,254,1) 0%, rgba(57,203,255,1) 100%); color: #ffffff !important; display: block; font-family: 'Rajdhani', sans-serif; font-size: 183.3333%; font-weight: 600; font-style: italic; line-height: 1.2; text-align: center; padding: 12px 20px; }
.cBtnMore a:hover { text-decoration: none; }
.cBtnMore a span { display: block; position: relative; padding: 0 30px; }
.cBtnMore a span::before { background-color: #ffffff; content: ""; position: absolute; top: calc(50% - 3px); right: 0px; width: 6px; height: 6px; }
.cBtnMore a span::after { background-color: #ffffff; content: ""; position: absolute; top: calc(50% - 1px); right: 0px; width: 26px; height: 2px; }
.cBtnMore a span img { vertical-align: middle; margin-left: 10px; }
@media only screen and (min-width:769px){
.cBtnMore a { transition: opacity .25s ease-out; }
.cBtnMore a:hover { opacity: 0.7; }
}
@media only screen and (max-width:768px){
.cBtnMore { margin: 25px 0 0 0; }
.cBtnMore a { box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 20%); font-size: 116.6666%; padding: 12px 15px; }
.cBtnMore a span { padding: 0 20px; }
.cBtnMore a span::before {  top: calc(50% - 2px); width: 4px; height: 4px; }
.cBtnMore a span::after { width: 13px; }
.cBtnMore a span img { vertical-align: middle; margin-left: 10px; }
}

/* home_title
**************************************** */
.home_title { background-color: #000000; position: relative; min-width: 980px; z-index: 3; }
.home_title .eng { color: #098ae5; font-family: 'Rajdhani', sans-serif; display: block; font-size: 1033.3333%; font-weight: 600; font-style: italic; line-height: 0.8467; text-align: right; position: absolute; bottom: -45px; right: calc(0px + 0.15em); }
.home_title .title { display: flex; align-items: center; position: relative; height: 739px; }
.home_title .block { color: #ffffff; }
.home_title .block .heading { font-size: 400%; font-weight: 400; line-height: 1.2; }
.home_title .block p { font-size: 150%; line-height: 2; margin-top: 30px; }
.home_title .bg { display: block; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -2; }
.home_title .bg video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate3d(-50%, -50%, 0); }
.home_title .bg::after { background-color: rgba(0,0,0,1); content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transition: background-color 1.5s ease-out; }
.home_title .bg.is-show::after { background-color: rgba(0,0,0,0.7); }
@media only screen and (max-width:768px){
.home_title { margin: 0 -16px 120px -16px; min-width: 0%; }
.home_title .container { padding-right: 16px; padding-left: 16px; }
.home_title .eng { font-size: 414.2857%; line-height: 0.8367; bottom: -1.255em; right: 15px; }
.home_title .title { display: block; padding: 55px 0 100px 0; height: auto; }
.home_title .block .heading { font-size: 142.8571%; line-height: 1.4; }
.home_title .block p { font-size: 100%; line-height: 1.7272; margin-top: 10px; }
}

/* tour_title
**************************************** */
.tour_title { background: url(/fa/cxcenter/factory/nagoya/img/bg_title.jpg) center center/cover no-repeat; min-width: 980px; }
.tour_title .container { color: #ffffff; display: flex; align-items: center; height: 230px; }
.tour_title .block { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.tour_title .heading { font-family: 'Rajdhani', sans-serif; font-size: 100%; font-weight: 600; font-style: italic; line-height: 1.2; }
.tour_title .heading span { display: block; font-size: 400%; margin-left: -0.05em; }
.tour_title .heading small { display: block; font-size: 250%; margin-left: -0.05em; }
.tour_title .text { display: block; font-size: 133.3333%; font-weight: normal; line-height: 1.7272; text-align: right; margin: 0;  }
@media only screen and (max-width:768px){
.tour_title { background: url(/fa/cxcenter/factory/nagoya/img/bg_title_sp.jpg) center center/cover no-repeat; margin: 0 -16px; min-width: 0%; }
.tour_title .container { box-sizing: border-box; padding: 30px 16px; height: auto; min-height: 206px; }
.tour_title .block { display: block; }
.tour_title .heading span { font-size: 200%; }
.tour_title .heading small { font-size: 128.5714%; }
.tour_title .text { border-top: 1px solid #ffffff; font-size: 100%; text-align: left; margin-top: 13px; padding-top: 18px; }
}

/* tour_contents
**************************************** */
.tour_contents { margin: 100px 0 50px 0; }
@media only screen and (max-width:768px){
.tour_contents { margin: 45px 0; }
}