/* -------------------------------- 
-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 100%;
  font-family: "Roboto", sans-serif;
  color: #3d3536;
  background-color: white;
}

body, html {
  /* important */
  height: 100%;
}

/* -------------------------------- 
Modules - reusable parts of our design
-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.cd-container::after, .cd-bnr::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.cd-bnr, .cd-bnr2 {
  width: 100%;
  max-width: 700px;
  margin: 2rem auto 2rem;
}
.cd-bnr2 {
/*  max-width: 900px;*/
  margin: 2rem auto 2rem;
    text-align: center;
    font-weight: 400;
}

@media (max-width: 768px){
.cd-bnr, .cd-bnr2 {  
  width: 90%;  
}}

.cd-bnr2  u{
/*  max-width: 900px;*/
	text-decoration: none;    
 background:linear-gradient(transparent 70%, #F1EBDD 0%);
}




/* -------------------------------- 
Main components 
-------------------------------- */
.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.cd-header:after {
  content: "";
  display: table;
  clear: both;
}
.cd-header #cd-logo {
  float: left;
  margin: 13px 0 0 5%;
}
.cd-header #cd-logo img {
  display: block;
}
@media only screen and (min-width: 768px) {
  .cd-header {
    height: 70px;
  }
  .cd-header #cd-logo {
    margin: 23px 0 0 5%;
  }
}

.cd-main-nav {
  float: right;
  margin-right: 5%;
  width: 44px;
  height: 100%;
/*  background: url("http://testhome.biz/aws/test/classic3/img/cd-icon-menu.svg") no-repeat center center;*/
  background-size: 44px 44px;
  cursor: pointer;
}
.cd-main-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.cd-main-nav ul.is-visible {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.cd-main-nav a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 5%;
  background: #2f292a;
  border-top: 1px solid #453c3d;
  color: #8e7d7f;
}
@media only screen and (min-width: 768px) {
  .cd-main-nav {
    width: auto;
    height: auto;
    background: none;
    cursor: auto;
  }
  .cd-main-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 70px;
  }
  .cd-main-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-main-nav li {
    display: inline-block;
    margin-left: 1em;
  }
  .cd-main-nav a {
    display: inline-block;
    height: auto;
    line-height: normal;
    background: transparent;
    padding: .6em 1em;
    border-top: none;
    color: #3d3536;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .no-touch .cd-main-nav a:hover {
    color: #99a478;
  }
}

.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 100%;
  position: relative;
  z-index: 1;
}

.cd-fixed-bg {
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.cd-fixed-bg50 {
  position: relative;
  min-height: 50%;
/*  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;*/
  z-index: 1;
}

.cd-fixed-bg65 {
  position: relative;
  min-height: 65%;
/*  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;*/
  z-index: 1;
}

/**/
.cd-fixed-bg h1, .cd-fixed-bg h2 , .cd-fixed-bg h3, .cd-fixed-bg h4, .cd-fixed-bg h5 {
font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
 position: absolute;
  display: block;    
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(50%) translateY(-50%);
  -moz-transform: translateX(50%) translateY(-50%);
  -ms-transform: translateX(50%) translateY(-50%);
  -o-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
  width: 90%;
  max-width: 1170px;
  text-align: center;
 /* font-size: 1.875rem;*/
/*  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);*/
  color: #000;
font-size: 20px;
font-weight: 300;	
}

.cd-fixed-bg h3, .cd-fixed-bg h4, .cd-fixed-bg h5 {
 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

/*2020*/
.parallax-bg-1,.parallax-bg-2,.parallax-bg-3,.parallax-bg-4,.parallax-bg-5 {
width: 100%;  
}

.parallax-bg-1 {
  background-image: url("../images/home/wedding_main.jpg");
}
@media (max-width: 768px){
.parallax-bg-1 {
  background-image: url("../images/home/wedding_main_sp.jpg");
}	
}

.parallax-bg-2 {
  background-image: url("../images/concept_bg_001.jpg");
 margin: 0px 0px;
}
@media (max-width: 768px){
.parallax-bg-2 {
  background-image: url("../images/concept_bg_001_sp.jpg");
 margin: 0px;
}	
}

.parallax-bg-3 {
  background-image: url("../images/concept_bg_002.jpg");
 margin: 0px 0px;
width: 100    
}
@media (max-width: 768px){
.parallax-bg-3 {
  background-image: url("../images/concept_bg_002_sp.jpg");
 margin: 0px;
}	
}

.parallax-bg-4 {
background-image: url("../images/concept_bg_003.jpg");
 margin: 0px 0px;	
}
@media (max-width: 768px){
.parallax-bg-4 {
  background-image: url("../images/concept_bg_003_sp.jpg");
 margin: 0px;
}	
}

.parallax-bg-5 {
background-image: url("../images/concept_bg_004.jpg");
 margin: 0px 0px;	
}
@media (max-width: 768px){
.parallax-bg-5 {
  background-image: url("../images/concept_bg_004_sp.jpg");
 margin: 0px;
}	
}

@media only screen and (min-width: 1170px) {
  .cd-fixed-bg {
    background-attachment: fixed;
  }
  .cd-fixed-bg h1, .cd-fixed-bg h2 , .cd-fixed-bg h3 , .cd-fixed-bg h4 , .cd-fixed-bg h5 {
    font-size: 20px;
    font-weight: 300;
/*    font-size: 48px;*/
  }
}

.cd-fixed-bg h1{
margin-top: 45%;/*margin-top: 45vw;*/
font-family: 'Libre Baskerville', serif;
    font-size: 60px;
	color: #FFF;
	letter-spacing: 0.5rem;
}
@media (max-width: 768px){
.cd-fixed-bg h1{
margin-top: 0%;
    font-size: 2rem;
	letter-spacing: 0.5rem;
} 
}

.nihon{
	font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Times New Roman", Times, "serif";
    font-size: 20px;
		letter-spacing: 0rem;
margin: 1rem;
}
@media (max-width: 768px){
.nihon{
    font-size: 1rem;
		letter-spacing: 0rem;
margin: 1rem;
}    
}

.cd-fixed-bg h2 {
/*		font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Times New Roman", Times, "serif";
	color: #947B3B;
	text-align: left;
	left: 48%;
	top: 30%;
	bottom: auto;
	right: auto;
	line-height: 2.8rem;*/
	font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Times New Roman", Times, "serif";
	color: #947B3B;
	text-align: left;
	left: auto;
	top: 30%;
	bottom: auto;
	right: 50%;
	line-height: 2.8rem;
    max-height: 100%;
}
@media (max-width: 768px){
.cd-fixed-bg h2 {
	color: #FFF;
	font-size: 1rem;
	text-align: center;
	left: auto;
	top: 35vw;
	bottom: auto;
	right: 50%;
	line-height: 2rem;
/*	font-size: 1.1rem;
	text-align:center;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	line-height: 2rem;*/
}	
}

.cd-fixed-bg h3 {
		font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Times New Roman", Times, "serif";
	color: #fff;
	left: auto;
	top: 100%;
	bottom: auto;
	right: 50%;
	line-height: 2.8rem;
}
@media (max-width: 768px){
.cd-fixed-bg h3 {
	font-size: 1rem;
	text-align:center;
	top: 50%;
	line-height: 2rem;
}}

.cd-fixed-bg h4 {
	font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Times New Roman", Times, "serif";
	color: #fff;
	left: auto;
	top: 0%;
	bottom: auto;
	right: 50%;
	line-height: 2.8rem;
}
@media (max-width: 768px){
.cd-fixed-bg h4 {
	font-size: 1rem;
	text-align:center;
	top: 0%;
	/*	top: 50%;*/
	bottom: auto;
	line-height: 2rem;
}}

.cd-fixed-bg h5 {
	color: #fff;/**/
	font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Times New Roman", Times, "serif";
	left:auto;
	top: 13px;
	bottom: auto;
	right: 50%;
	line-height: 2.8rem;
}
@media (max-width: 768px){
.cd-fixed-bg h5 {
	font-size: 1rem;
	text-align:center;
	top: 50%;
	line-height: 2rem;
}	


/**/

.cd-fixed-bg {
  position: relative;
  min-height: 100%;
    display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
 margin: 0 5%;
}

.cd-fixed-bg50 {
  position: relative;
  min-height: 50%;
/*  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;*/
  z-index: 1;
}

.cd-fixed-bg65 {
  position: relative;
  min-height: 65%;
/*  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;*/
  z-index: 1;
}}

/**/
/*cd-fixed2-bg*/

.cd-fixed2-bg h1, .cd-fixed2-bg h2 , .cd-fixed2-bg h3, .cd-fixed2-bg h4, .cd-fixed2-bg h5, .cd-fixed2-bg h6  {
font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
 position: absolute;
  display: block;  
  width: 90%; 
  max-width: 1170px;
  text-align: center;
  font-size: 1.875rem;
  color: #000;
font-weight: 300;    
  bottom: auto;
  left: auto;  
  top: 50%;    
right: 50%;    
  -webkit-transform: translateX(50%) translateY(-50%);
  -moz-transform: translateX(50%) translateY(-50%);
  -ms-transform: translateX(50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);    
/*  left: 50%;




*/
}

.cd-fixed2-bg h1,.cd-fixed2-bg h3, .cd-fixed2-bg h4, .cd-fixed2-bg h5 {
 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

@media only screen and (min-width: 1170px) {
  .cd-fixed-bg {
    background-attachment: fixed;
  }
  .cd-fixed2-bg h1, .cd-fixed2-bg h2 , .cd-fixed2-bg h3 , .cd-fixed2-bg h4 , .cd-fixed2-bg h5  , .cd-fixed2-bg h6{
    font-size: 20px;
    font-weight: 300;
}}

.cd-fixed2-bg h1{
margin-top: 16vw;
font-family: 'Libre Baskerville', serif;
    font-size: 60px;
	color: #FFF;
	letter-spacing: 0.3rem;
}
@media (max-width: 768px){
.cd-fixed2-bg h1{
margin-top: 45vw;
font-size: 2rem;
letter-spacing: 0.3rem;
}}

.nihon{
font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN","Times New Roman",Times, "serif";
font-size: 20px;
letter-spacing: 0rem;
margin: 1rem;
}
@media (max-width: 768px){
.nihon{
font-size: 1rem;
letter-spacing: 0rem;
margin: 1rem;
}}

.cd-fixed2-bg h2 {
	color: #c5ad6f;
	text-align: left;
	left: auto;
	top: 35%;
	bottom: auto;
	right: 48%;
	line-height: 2.8rem;
}
@media (max-width: 768px){
.cd-fixed2-bg h2 {
	font-size: 1.2rem;
	text-align:center;
	top: 50%;
	bottom: auto;
	right: 50%;
	line-height: 2rem;
}}

.cd-fixed2-bg h3 {
	color: #fff;
	left: auto;
	top: 100%;
	bottom: auto;
	right: 50%;
	line-height: 2.8rem;
}
@media (max-width: 768px){
.cd-fixed2-bg h3 {
	font-size: 1.2rem;
	text-align:center;
	top: 50%;
	line-height: 2rem;
}}

.cd-fixed2-bg h4 {
	color: #fff;
	left: auto;
	top: 0%;
	bottom: auto;
	right: 50%;
	line-height: 2.8rem;
}
@media (max-width: 768px){
.cd-fixed2-bg h4 {
	font-size: 1.2rem;
	text-align:center;
	top: 50%;
	line-height: 2rem;
}	
}

.cd-fixed2-bg h5 {
	color: #fff;/**/
	left: auto;
	top: 65%;
	bottom: auto;
	right: 50%;
	line-height: 2.8rem;
}
@media (max-width: 768px){
.cd-fixed2-bg h5 {
	font-size: 1.2rem;
	text-align:center;
	top: 50%;
	bottom: auto;
	line-height: 2rem;
}	}

.cd-fixed2-bg h6 {
	/*	text-align: left;
	left: 11%;
	top: 5%;
	bottom: auto;
	right: auto;*/
	text-align: left;
	top: 50px;
	bottom: auto;
	right: 50%;
	width: 95%;
	max-width: 100%;
}
@media (max-width: 768px){
.cd-fixed2-bg h6 {
text-align: left;
/*	text-align:center;*/
	left: auto;
	top: 5%;
	bottom: auto;
	line-height: 2rem;
}}

/*.cd-fixed2*/

/*.cd-scrolling-bg */
.cd-scrolling-bg {
  position: relative;
/*  min-height: 100%;*/ 
/*	padding: 4em 0;*/
	padding: 0em 0;
  line-height: 1.6;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .cd-scrolling-bg {
/*    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2;*/
}}	

.cd-scrolling-bg.cd-color-1 {
/*  background-color: #3d3536;*/
}
.cd-scrolling-bg.cd-color-2 {
  background-color: #fff;
  color: #3d3536;
}
.cd-scrolling-bg.cd-color-3 {
 margin: 0px 1%;
color: #3d3536;
background-image: url("../images/concept_bg_002.jpg");
/*background-size:cover;*/
-moz-background-size:100% auto;
background-size:100% auto;
}

.cd-scrolling-bg.cd-color-f {
	background-color: #fff;
	box-shadow: 0 0 10 0px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 768px) {
 .cd-scrolling-bg-f {
	  /*    padding: 1em 0;*/
    padding: 0em 0;
}}

/*home*/
.hw_banner img {
width: 100%;	
max-width: 820px;
padding: 0rem auto;	
}

/*plan*/
.plan {
	margin: 0 auto 0;
	text-align:center;
	float:none;
		width: 100%;
	max-width:1100px;
	z-index:100;
}
/*Collaboration plan*/

#colabo h2, #colabo h4{
	letter-spacing: 0.2rem;
	width: 450px;
	font-size: 24px;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Times New Roman", Times, "serif";
	border-bottom: thin solid #c5ad6f;
	margin: 0 auto -0.2rem ;
	padding: 16px 0 0;
}
@media (max-width: 768px){
#colabo h2, #colabo h4{
	width: 80vw;
	font-size: 18px;
	margin: 10vw auto -0.2rem ;
}}
#colabo h4{
	letter-spacing: 0.1rem;
}
#colabo h3{
	letter-spacing: 0.1rem;
	color: #c5ad6f;
	font-size: 12px;
	text-align: center;
	margin: 0.2rem auto 1rem ;
	padding: 0 auto;
}







.footer_column, .footer_column2 {
	width: 49%;
	text-align: center;
	float: left;
	margin-bottom:  11px;
	margin-left:  0.5%;
	margin-right: 0.5%;
}
@media (max-width: 768px){
.footer_column, .footer_column2 {
	width: 90vw;
	margin-top: 0px;
	margin-bottom: 0.5rem;
	margin-left:    5vw;
	margin-right:    5vw;
}}
.footer_column2 {
	width: 66%;
	text-align: center;
	float: none;
	margin: 0 auto;
}
@media (max-width: 768px){
.footer_column2 {
	width: 90vw;
}}

.footer_column img,.footer_column2 img {
	width: 100%;
}

/*contact*/
.contact_btn {
	margin: 0 auto 0;
	text-align:center;
	float:none;
	width: 100%;
	max-width:840px;
	z-index:100;
}

.btn_area {
	width: 44%;
	text-align: center;
	float: left;
	margin-bottom:  11px;
	margin-left:  3%;
	margin-right: 3%;
}
@media (max-width: 768px){
.btn_area {
	width: 84vw;
	margin-top: 0px;
	margin-bottom: 0.5rem;
	margin-left:   8vw;
	margin-right:  8vw;
}}

.btn_area img {
	width:367px;
}
@media (max-width: 768px){
.btn_area img{
	width: 100%;
}}