@charset "UTF-8";

@media screen and (min-width: 768px) {
.cnt-inner {
	background-color: #fff;
	width: 100%!important;
	margin: 0 auto;
}
}

@media screen and (max-width: 767px) {
.cnt-inner {
	height: auto!important;
	background-color: #fff;
}
}
/*================================================
	layout
================================================*/
.l-container img {
	vertical-align: bottom;
}
.main-inner{
	background-color: #000;
}
.main-body{
	background-color: #000;
}
@media screen and (min-width: 768px) {
.l-main {
	width: 100%;
	height: 480px;
	position: relative;
	min-width: 960px;
	/*    background: url(../img/index_mainimg_001_pc.jpg) no-repeat center center;*/
	margin: 41px 0 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	background-size: cover;
}
.main-text {
	margin: 0 auto;
	position: absolute;
	width: 960x;
	text-align: center;
	bottom: 0px;
	left: 50%;
	margin-left: -480px;
}
.l-btn {
	width: 100%;
	position: relative;
	background-color: #000;
}
.btn-inner {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0;
}
.l-container {
	width: 100%;
	background-color: #191919;
	padding: 50px 0 30px;
	vertical-align: bottom;
}
.container-inner {
	width: 960px;
	margin: auto;
	position: relative;
}
.l-box {
	margin: 0 0 50px;/*		padding-bottom: 35px;*/
}
.l-arch {
	width: 960px;
	background-color: #000;
}
.arch-inner {
/*		padding-bottom: 40px;*/
}
.arch-image {
/*
		width:850px;
		margin: 50px auto 40px;
*/
}
.l-pt {
	/*		background: url(../img/index_bg_001_pc.jpg) no-repeat center center;*/
	width: 100%;
	background-size: cover;
	padding-bottom: 0px;
/*	background-color: #000;*/
}
.pt-inner {
	/*		background: url(../img/index_bg_002_pc.jpg) no-repeat center center;*/
	width: 100%;
	background-size: cover;
	padding: 50px 0 0px;
	margin: 0px auto 0;
	background-color: #191919;
}
.pt-inner-2 {
	background: url(../img/index_bg_002_pc.jpg) no-repeat center center;
	width: 100%;
	background-size: cover;
	    padding: 1px 0 60px;
    margin: 50px auto 0;
}
	.pt-inner-3{
			background-color: #000;
		    padding-bottom: 50px;
	}
.pt-text-1 {
	padding: 50px 0 0px;
}
.pt-text-2 {
	padding: 30px 0 0px;
}
.pt-image {
	margin: 0 auto;
	text-align: center;
	width: 400px;
}
.pt-heading-1 {
	font-size: 36px;
	width: 800px;
	height: 80px;
	line-height: 80px;
	border: 1px solid #fff;
	color: #fff;
	margin: 50px auto 0;
	text-align: center;
}
.pt-heading-2 {
	font-size: 36px;
	width: 800px;
	height: 70px;
	line-height: 70px;
	border: 1px solid #fff;
	color: #fff;
	margin: 40px auto 0;
	text-align: center;
}
.l-ca {
	background-color: #fff;
}
.ca-inner {
	padding-bottom: 60px;
	background-color: #000;
	color: #fff;
}
.ca-heading {
	font-size: 35px;
	padding-top: 60px;
	padding-bottom: 40px;
	line-height: 1;
/* 	text-align: center; */
	margin: 0 auto;
}
}

@media screen and (max-width: 767px) {
.l-main {
	margin: 0;
	overflow: hidden;
	width: 100%;
}
.l-main img {
	vertical-align: bottom;
}
.l-btn {
	margin-bottom: 0;
}
.pt-inner {
	/*		background: url(../img/index_bg_001_sp.jpg) no-repeat center center;*/
	width: 100%;
	background-size: cover;
}
.pt-inner-2 {
	background: url(../img/index_bg_002_sp.jpg) no-repeat center center;
	width: 100%;
	background-size: cover;
	padding-top: 5%;
	position: relative;
/*	    margin-top: 8%;*/

}
.pt-inner-2 .more-btn,  .pt-inner-2 .primary-text {
	background-color: transparent;
}
.l-pt {
	background: none;
	width: 100%;
	/*
		background-size: cover;
		    padding-bottom: 60px;
*/
/*	background-color: #000;*/
}
.pt-inner {
    padding-top: 10%;
    padding-bottom: 10%;
	width: 100%;
	margin: 0 auto;
	background-color: #000;
}
	.pt-inner-3{
			background-color: #000;
		padding-bottom: 8%;
	}
.pt-image {
	margin: 0 auto;
	text-align: center;
	width: 50%;
	padding: 0 0 5.5%;
}
.pt-heading-1 {
	font-size: 6.66vw;
	width: 87.5%;
	border: 1px solid #fff;
	color: #fff;
	margin: 0 auto 0;
	text-align: center;
	line-height: 1.3;
	padding: 2.5% 0 2.5%;
}
.pt-heading-2 {
	font-size: 6.66vw;
	width: 87.5%;
	border: 1px solid #fff;
	color: #fff;
	padding: 5% 0 5%;
	margin: 10% auto 0;
	/* text-align: center; */
}
.pt-text-1 {
	/*	margin-top: 5%!important;*/
	color: #fff!important;
	font-size: 4.266vw!important
}
.pt-text-2 {
	margin-top: 5%!important;
	color: #fff!important;
	margin-bottom: 8%!important;
}
.pt-text-4 {
	/*    margin-top: 5%!important;*/
	color: #fff!important;
	/*    margin-bottom: 8%!important;*/
	padding-bottom: 4%;
}
.l-ca {
	background-color: #fff;
}
.ca-inner {
	background-color: #191919;
	color: #fff;
}
 . .ca-inner .primary-text {
 color: #fff;
}
.ca-heading {
	font-size: 4.666vw;
	padding-top: 8%;
	padding-bottom: 6.5%;
	line-height: 1;
	/* text-align: center; */
	margin: 0 auto;
}
.ca-text-1 {
	margin: 0 0 6.67%!important;
}
	.l-present{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		background-color: #191919;
	}
	.present{
		width: 90%;
		margin: 0 auto;
		padding: 10% 0px;
	}
}
/*================================================
	module
================================================*/
.primary-heading {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #fff;
	background-color: #58463E;
	font-weight: normal;
	text-align: center;
}
.primary-text {
	text-align: center;
	color: #fff;
}
.more-btn {
	justify-content: space-between;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
}
.pt-heading-1 {
/*
	letter-spacing: 0.25rem;
	text-indent:0.25rem;
*/
}
.pt-heading-2 {
	letter-spacing: 1rem;
	text-indent: 1rem;
}

@media screen and (min-width: 768px) {
.primary-heading {
	font-size: 27.5px;
	line-height: 60px;
	height: 60px;
	width: 100%;
}
.primary-text {
	font-size: 28px;
	line-height: 1.7;
}
.more-btn {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: #fff;
	width: 350px;
	margin: 40px auto 0;
}
.l-pt .more-btn {
	width: 525px;/*		font-feature-settings: "palt";*/
/*		letter-spacing: -0.05rem;*/
}
.l-pt .more-btn-2 {
	width: 625px;
	/* font-feature-settings: "palt"; */
	letter-spacing: 0;
}
.l-pt .more-btn-3 {
	width: 505px;
	/* font-feature-settings: "palt"; */
	letter-spacing: 0;
}
.more-btn-4 a img {
		-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.more-btn-4 a:hover img {
	opacity: 0.7;
}
.l-ca .more-btn {
	width: 487px;/*			font-feature-settings: "palt";*/
/*			letter-spacing: -0.05rem;*/

}
.l-ca .more-btn-2 {
	width: 675px;/*			font-feature-settings: "palt";*/
/*			letter-spacing: -0.05rem;*/

}
.more-btn:hover {
	opacity: 0.7;
}
.more-btn img {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.more-btn:hover img {
	opacity: 0.7;
}
.more-btn-text {
	font-size: 25px;
	line-height: 50px;
	display: block;
	margin-left: 35px;
	margin-right: 10px;
	font-weight: bold;
}
.more-btn-text:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 15px;
	height: 20px;
	margin-top: -10px;
	background: url("../img/index_right_arrow_001_pc.png") top left no-repeat;
	background-size: 15px 20px;
}
.more-btn-area {
/*
	display: table;
	    margin: 0 auto 40px;
    padding-bottom: 50px;
*/
}
.pt-present {
	width: 800px;
	margin: 40px auto;
}
.pt-present img {
	width: 800px;
	width: 100%;
}
.pt-image-2 {
	margin: 0 auto 0px;
	text-align: center;
	width: 800px;
	padding: 60px 0 0;
	/*				background: url(../img/index_bg_002_pc.jpg) no-repeat center center;*/
	background-size: cover;
}
.pt-text-3 {
	font-size: 18px;
	line-height: 1.7;
	margin-top: 20px;
}
.pt-text-4 {
	padding: 30px 0 0px;
}
}

@media screen and (max-width: 767px) {
.primary-heading {
	font-size: 5.46vw;
	width: 100%;
	height: 14.6vw;
	line-height: 14.6vw;
}
.primary-text {
	color: #fff;
	font-size: 3.73vw;
	line-height: 1.7;
	margin: 6.67% 0 6.67%;
}
.more-btn-area {
	width: 100%;
	display: block;
	background-color: #000;
	height: 45px;
}
.more-btn {
	font-size: 15px;
	line-height: 29px;
	color: #000;
	/*width: 201px;*/
	float: right;
	padding-right: 5%;
	/*    padding-top: 2.1vw;*/
	padding-top: 8px;
}
.l-pt .more-btn {
	/*        width: 310px;*/
	font-feature-settings: "palt";
	letter-spacing: 0.55px;
}
.l-ca .more-btn {
	/*       width: 290px;*/
	font-feature-settings: "palt";
	letter-spacing: 0.55px;
}

.more-btn-text {
	font-size: 14px;
	line-height: 28px;
	display: block;
	/*    margin-left:10%;*/
	position: relative;
	font-weight: bold;
	margin-right: 10px;
	color: #fff;
}
.more-btn-text-2 {
	letter-spacing: 0;
	transform: scale(0.97, 1);
	margin-left: 10p;
	display: block;
	margin-right: 5px;
}
.more-btn-text-3 {
	letter-spacing: 0;
	/* transform: scale(0.98, 1); */
	margin-left: 10p;
	display: block;/* margin-right: 0; */
}
.more-btn-text:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -15px;
	width: 22px;
	height: 12.5px;
	margin-top: -6.25px;
	background: url(../img/index_right_arrow_001_sp.png) top left no-repeat;
	background-size: contain;
}
.more-btn-icon {
	display: block;
	position: relative;
	width: 97px;
	height: 29px;
	overflow: hidden;
}
.pt-present {
	width: 100%;
	margin: 4% auto;
}
.pt-present img {
	width: 100%;
}
.pt-image-2 {
	margin: 0 auto;
	text-align: center;
	width: 90%;
}
.pt-text-3 {
	font-size: 2.66vw;
	line-height: 1.7;
	/* padding-top: 4%; */
	background-color: #000;
	margin: -1% auto 0;
	padding-bottom: 4%;
	color: #fff;
}
	.more-btn-4{

		width: 90%;
    margin: 0 auto;
}
}
.clearText {
	text-indent: 100%!important;
	white-space: nowrap!important;
	overflow: hidden!important;
	height: 0;
}
/*================================================
	utility
================================================*/

.u-black {
	color: #000;
}

@media screen and (max-width: 767px) {
.u-black_sp {
	color: #000!important;
}
}

/*================================================
alert
================================================*/
.alert{
    width: 100%;
    position: relative;
}
.alert-text{
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
.alert{
  padding-top: 40px;
      background-color: #f4f4f4;
    box-sizing: border-box;
}
.alert-inner{
    border: 4px solid #ad8431;
    width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
}
.alert-text{
      font-size: 18px;
    line-height: 1.8;
        padding: 30px;
}
.alert-text span{
  font-size: 14px;
  line-height: 1.6;
  font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
  display: inline-block;
  margin: 1em 0;
}
}
@media screen and (max-width: 767px) {
.alert{

}
.alert-inner{
    position: relative;
     border: 2px solid #ad8431;
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
}
.alert-text{
     font-size: 15px;
    line-height: 1.7;
        padding: 5%;
}
.alert-text span{
  font-size: 12px;
  line-height: 1.6;
  font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
  display: inline-block;
  margin: 1em 0;
}
}