@charset "UTF-8";
/* MainVisual
======================================================================*/
#contents.model-bg{
	background-image: url(../../images/plan/plan-bg@2x.png);
	background-repeat: no-repeat;
	background-position: center top 100px;
	background-size: 100% auto;
}
@media screen and (max-width: 768px) {
#contents.model-bg{
	background-position: center top 60px;
}
}

/* MainVisual
======================================================================*/
.MainVisual {
  text-align: center;
  /*margin-bottom: 0px;*/
}
@media screen and (max-width: 768px) {
.MainVisual {
	margin-top: 60px;
  /*margin-bottom: 40px;*/
}
}

.MainPhoto {
  position: relative;
  width: 100%;
}

.MainVisual h2.ttl {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	color: #FFFFFF;
}

.MainPhoto p.cap {
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 10px;
}

@media screen and (max-width: 768px) {
/*.MainVisual h2.ttl img{
	max-width: 80px;
}*/
}

@media screen and (max-width: 480px) {
.MainVisual p.ttl img{
	max-width: 60px;
}
}

/* introWrap
======================================================================*/
.introWrap {
	padding-top: 80px;
}
@media screen and (max-width: 768px) {
.introWrap {
	padding-top: 40px;
}
}

.introWrap h2{
	margin-bottom: 80px
}
@media screen and (max-width: 768px) {
.introWrap h2{
	margin-bottom: 40px
}
}
.introWrap h3{
	margin-bottom: 20px
}

.introWrap p.lead{
	letter-spacing: -0.05em;
}


/* model
======================================================================*/

* {
  -webkit-box-sizing: initial;
  box-sizing: initial;
}

.model{
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 80px;
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../../images/plan/plan-bg@2x.png);
	background-repeat: no-repeat;
	background-position: center top -60px;
	background-size: 100% auto;*/
}
.model .inner{
    max-width: 1340px; /*1280px*/
}

@media screen and (max-width: 480px) {
.model{
    margin-bottom: 40px;
}
}
/*
.model h2{
    font-size: 2.6rem;
    padding-bottom: 10px;
    margin: 0 auto 80px;
    text-align: center;
    border-bottom: 1px solid #1E3E23;
    max-width: 860px;
}
.model h2 span{
    font-size: 1.8rem;
    display: block;
}

@media screen and (max-width: 480px) {
.model h2{
    font-size: 2.0rem;
    margin-bottom: 20px;
}
.model h2 span{
    font-size: 1.6rem;
}
}*/

.model p.caption {
	margin-top: 80px;
	font-size: 1.2rem;
}

/*** slick ***/

.slick-img{
    position: relative;
}

.slick-img p.cap{
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 1.2rem;
    text-align: right;
    color: #FFFFFF;
}

@media screen and (max-width: 768px) {
.slick-img p.cap{
    font-size: 1.0rem;
}
}


/* layout
=========================================*/

.slider-ttl{
	width: 100%;
	padding: 60px 0;
	border-top: 18px solid #f3f2e6;
}

@media screen and (max-width: 768px) {
.slider-ttl{
	padding: 30px 0;
}
}

.slider-ttl h3{
	text-align: center;
	color: #6e6865;
}

.slider-ttl h3 span{
	font-size: 2.0rem;
	display: block;
}