@charset "UTF-8";
/* CSS Document */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

input[type="text"],
button,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}


input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ol, ul, li
{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
	box-sizing: border-box;
}

*{
	box-sizing: border-box;
}

body {
 	line-height:1.5;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}

ul {
  list-style:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
   font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

img{
	max-width: 100%;
}

.eng,
.eng *{
	font-family: 'Cinzel', serif;
}

a{
	text-decoration: none;
}

.sp{
	display: none;
}


/* main */
	header#trueheader{
		position: fixed;
		width: 100%;
		height: auto;
		padding: 30px;
		display: flex;
		justify-content: space-between;
		z-index: 10;
	}

	header#trueheader.headFixed{
		background: #000000;
		padding: 10px;
		align-items: center;
	}

	header#trueheader.headFixed .top{
		display: none;
	}

	header#trueheader.headFixed .scroll{
		display: block !important;
	}

	header#trueheader a{
		color:#ffffff;
	}

	@media screen and (min-width:1000px){
		.menuBox{
			display: flex;
			justify-content: space-between;
			width: 480px;
			font-size: 17px;
		}
	}

	.grd{
		background: linear-gradient(to right,#7B4DDE 0%,#85AECC 50%,#002EBE 100%);
	}

	.mainImage{
		height: 100vh;
		min-height: 840px;
		background: url("../images/2x/mainImage@2x.png") center;
		width: 100%;
		background-size: cover;
		background-attachment: fixed;
	}

	.contBtn a{
		display: inline-block;
		padding: 10px 20px;
		font-size: 17px;
		border-radius: 100px;
		width: 150px;
		text-align: center;
	}

	.contBtn a img{
		display: inline-block;
		margin-right: 8px;
	}

	.content{
		width: 1000px;
		margin: auto;
	}

	.mainText{
		text-align: center;
		padding-top: 200px;
		color:#ffffff;
		text-shadow: 0px 0px 5px #000000;
	}	
	
	.mainText h2{
		font-size: 65px;
		margin-bottom: 20px;
		letter-spacing: 8px;
		font-weight: 200;
	}
	
	.mainText p{
		font-size: 17px;
		margin-bottom: 40px;
		letter-spacing: 4px;
	}
	
	.mainSubText{
		font-size: 17px;
		font-weight: 300;
		color:#ffffff;
		line-height: 4em;
		-ms-writing-mode: tb-rl;
 		writing-mode: vertical-rl;
		text-align: center;
		display: flex;
		margin: auto;
	}
	
	.mainSubText p{
		text-align: left;
		display: inline-block;
		text-shadow: 0px 0px 5px #000000;
	}

	.sec{
		padding: 80px 0;
	}
	
	.secTitle{
		font-size: 32px;
		letter-spacing: 4px;
		margin-bottom: 10px;
		font-weight: 200;
	}
	
	.secSubTitle{
		font-size: 12px;
		letter-spacing: 4px;
		color:#C59B6D;
	}
	
	.sec01List li{
		display: flex;
		justify-content: space-between;
		margin-top: 40px;
		width: 840px;
		padding-bottom: 40px;
	}

	@media screen and (min-width:1000px){
		.sec01List li:nth-child(even){
			margin-left: 160px;
			flex-flow: row-reverse;
		}
	}
	
	.sec01List__Box-b {
		width: 380px;
	}
	
	.sec01List__Box-b h3{
		font-weight: 200;
		font-size: 23px;
		margin-bottom: 20px;
	}
	
	.sec01List__Box-b h3 span{
		font-weight: 400;
		font-size: 12px;
		color:#C59B6D;
		display: inline-block;
		margin-left: 8px;
	}	
	
	.sec01List__Box-b p{
		line-height: 2em;
		font-size: 14px;
	}

	.sec02 h2,
	.sec02 .secSubTitle{
		text-align: right;
	}

	.sec02List{
		margin-top: 40px;
	}

	.sec02List li{
		height:440px;
		position: relative;
	}

	.sec02List li:nth-child(odd):after{
		content:" ";
		height:100%;
		position: absolute;
		top:0;
		left: 0;
		width: 60%;
		clip-path: polygon(0 0, 100% 0, 86% 100%, 0% 100%);
		background: rgba(0 0 0 / 80%);
	}

	.sec02List li:nth-child(even):after{
		content:" ";
		height:100%;
		position: absolute;
		top:0;
		right: 0;
		width: 60%;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%);
		background: rgba(0 0 0 / 80%);
	}
	
	.sec02ListBox{
		color:#ffffff;
		width:380px;
		position: relative;
		z-index: 2;
	}
	
	.sec02List li .content{
		display: flex;
		align-items: center;
		height: 100%;
	}
	
	.sec02List li:nth-child(even) .content{
		justify-content: flex-end;
	}
	
	.sec02ListBox h3{
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 26px;
		font-weight: 200;
		border-bottom: 1px solid #C59B6D;
		letter-spacing: 4px;
	}
	
	.sec02ListBox p{
		font-size: 14px;
		line-height: 2em;
	}

	.sec02List li:nth-child(1){
		background: url("../images/2x/img01@2x.png") center;
		background-size: cover;
	}

	.sec02List li:nth-child(2){
		background: url("../images/2x/img02@2x.png") center;
		background-size: cover;
	}

	.sec02List li:nth-child(3){
		background: url("../images/2x/img03@2x.png") center;
		background-size: cover;
	}

	.sec02List li:nth-child(4){
		background: url("../images/2x/img04@2x.png") center;
		background-size: cover;
	}

	.sec03 h2,
	.sec03 .secSubTitle{
		text-align: center;
	}

	.sec03Cont{
		margin-top: 40px;
	}

	.sec04{
		background: #F6F2ED;
	}
	
	.sec04List{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-top: 20px;
	}
	
	.sec04List li{
		box-shadow: 0 0 5px 0 rgba(0 0 0 / 30%);
		width: calc((100% - 40px) / 3);
		margin-top: 20px;
		background: #ffffff;
	}
	
	.sec04ListWrap{
		padding: 20px;
		background: #ffffff;
	}
	
	.sec04ListName{
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom:1px solid #C59B6D;
		font-size: 23px;
		font-weight: 200;
	}
	
	.sec04ListText{
		font-size: 14px;
		line-height: 2em;
	}
	
	.sec04ListWrap .link{
		text-align: right;
		margin-top: 10px;
	}	
	
	.sec04ListWrap .link a{
		color:#C59B6D;
		font-size: 16px;
	}	
	
	.sec04ListImg{
		background-size: cover;
		width: 100%;
		height: 200px;
		background-position: center;
	}

	footer{
		background: url("../images/2x/footImg@2x.png") center;
		background-size: cover;
	}

	.footCont{
		padding: 100px 0;
		margin: auto;
		display: flex;
		width: 680px;
		color:#ffffff;
	}
	
	.footCont__Box02{
		padding-left: 50px;
	}
	
	.footTitle{
		font-size: 32px;
		letter-spacing: 4px;
		margin-bottom: 10px;
		font-weight: 200;
	}
	
	.footSubTitle{
		font-size: 12px;
		margin-bottom: 40px;
	}
	
	.footTable *{
		font-size: 14px;
		font-weight: 300;
		text-align: left;
	}
	
	.footTable th,
	.footTable td{
		padding-bottom: 10px;
		padding-right: 10px;
	}

	.copy{
		height: 115px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		color:#ffffff;
		font-size: 12px;
		border-top:1px solid rgba(255 255 255 / 30%);
	}

.otherTitle{
	min-height: 100%;
	height: 300px !important;
}

.otherTitle .mainText {
    padding-top: 130px;
}