@charset "utf-8";
.mt70{
	margin-top: 70px;
}
.mt3{
	margin-top: 3rem;
}
.mt1{
	margin-top: 1rem;
}
.mg3{
	margin: 3rem 0;
}
button{
	background-color: #f06000;
	padding: 1rem 4rem;
	border-radius: 0.3rem;
	border: none;
	color: white;
	font-size: 1.8em;
	cursor: pointer;
}
button a, button a:hover{
	color: white;
	text-decoration: none;
}
#header-footer-standard{
	background-color: #fcfcfc;
}
.sightseeingTrainTop{
	font-size: 62.5%;
	padding-bottom: 8em;
	/*background-color: #fcfcfc;*/
}

/* ----- Main title ------ */
.mainTitleSection{
	display: inline-block;	
	width: 100%;
	text-align: center;
}
h1{
	width: 100%;
	font-size: 5em;
	color: #ef0006;
	font-weight: bold;
	line-height: 0.8em;
	margin-bottom: 20px;
}
h1 span{
	font-size: 0.7em;
}
.mainTitleSection p{
	font-size: 2.5em;
}
/* ----- End of Main title ------ */

/* ----- Train type section ------ */
h2{
	font-size: 3.5em;
	line-height: 1;
	font-weight: bold;
}
h2 span{
	font-size: 0.6em;
}
.trainType{
	display: flow-root;
}
.trainType img{
	display: inline-block;
	float: left;
	padding-right: 2rem;
}
.trainType p{
	font-size: 1.6em;
	line-height: 1.5em;
	padding-right: 0.5rem;
}
.introTrainType{
	display: flow-root;
}
.tango{
	background-color: #fdedd5;
}
.tango h2{
	color: #7a4e0b;
}
.nagara{
	background-color: #fdf2e5;
}
.nagara h2{
	color: #d80101;
}
.viewDetailBtn{
	margin-top: 1.5rem;
}
@media (max-width: 1200px){
	h1 {
    font-size: 6.5em;
	}
	h1 span {
    font-size: 0.6em;
	}
	h2 {
    font-size: 4em;
	}
	.mt3 {
    margin-top: 1.5rem;
	}
	.trainType img{
		width: 50%;
		height: auto;
	}
	.viewDetailBtn {
    margin-bottom: 2rem;
	}
}
@media (max-width: 1199px){
	.trainType img{
		margin-top: 2em;
	}
}
@media (max-width: 991px){
	.container{
		width: 100% !important;
		max-width: 100% !important;
	}	
}
@media (max-width: 768px){	
}
@media (max-width: 767px){
	.trainType img{
		width: 100%;
		height: auto;
		margin-top: 0;
		padding-right: 0;
	}
	.introTrainType {
    display: flow-root;
		padding: 0.7rem 1.5rem 1.5rem;
	}
	.introTrainType a{
		text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
	}
	.mt3 {
    margin-top: 1.5rem;
	}
}
@media (max-width: 600px){
	h1 {
    font-size: 4em;
	}
	.mainTitleSection p {
    font-size: 2.2em;
    line-height: 1.2em;
	}
	.mt2 {
    margin-top: 0.5rem;
	}
	.mg3 {
    margin: 2rem 0;
	}
	.viewDetailBtn {
    margin-bottom: 1rem;
	}
}
@media(max-width:480px){
    h2 {
        font-size: 3em;
    }
}
@media (max-width: 425px){	
	h1 span {
    font-size: 0.7em;
	}
    h2 {
        font-size: 2.8em;
    }
    h2 span {
        font-size: 0.7em;
    }
	.mg3 {
    margin: 2rem 0;
	}
	.mg5 {
    margin: 2.5rem 0;
	}
	.mainTitleSection p {
    font-size: 2em;
    line-height: 1.2em;
	}
}
@media (max-width: 424px){
	h1 {
    font-size: 3.5em;
	}
}
/* ----- End of Train type section ------ */