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

*{
	box-sizing: border-box;
	font-size: 16px;
}

/*大きさの計算*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*iOSフォーム要素の初期化*/
input, button, textarea, select {
	-webkit-appearance: none;
	appearance: none;
}

body {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%; /*スマホ横向き時のフォントサイズ*/
	text-size-adjust: 100%; /*スマホ横向き時のフォントサイズ*/
	-webkit-font-feature-settings: 'palt';/*文字詰め*/
	font-feature-settings: 'palt';/*文字詰め*/
}

body *{
  box-sizing: inherit; /* box-sizingの値は継承されないので明示的に設定 */
}

/*画像の調整*/
img {
    max-width: 100%;
    height: auto;
	vertical-align: bottom;
	width: 100%;
}

a:hover {
    opacity: 0.8;
}

/*****LPコーディングここから*****/
.lp-content{
	max-width: 768px;
	margin: 0 auto;
	background: white;
}

/***背景画像を設定したいとき***/
.content01 {
    background: #fff7f8;
}

/*背景を固定したいとき*/
.content02 {
    background-image: url("img/bg-content02.jpg");
	background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
	background-size: contain;
/*
    background-size: cover;
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
	background-repeat: no-repeat; 
    background-position: center bottom;
*/
}

@media screen and (max-width:768px) {
.cd-fixed-bg{
position: relative;
min-height: 100%;
/* background-size: cover; */
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center; 
z-index: 2;
}	
	
	
/*
.content02::before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:50% 100%;
background-image:url("img/bg-content02.jpg");
background-size:cover;
background-size: auto 100vh;	
}
.content02-in{
background-color:rgba(255,255,255,0.8); 
border-radius: 2px;
font-size:40px;
text-align:center; 
padding:5%;
}
*/
	}

/*背景を固定無し*/
.content03 {
	background-image: url("img/bg-content03.webp");
    background-size: contain;
    background-position: center center;
}


/***メールフォーム***/
.bg-cta {
    background: #fefcd3;	/*メールフォーム背景*/
	padding: 1rem;
}

.cta-btn:hover {
    opacity: 0.8;
}


input#touroku_mail {
    width: 100%;
    height: 100px;
    border: 3px solid orange; /*メールフォームの枠線*/
    background: white;
    border-radius: 5px;
	font-size: 2rem;
	margin-bottom: 1rem;
}

input#touroku_mail::placeholder {
    font-size: 2rem;
    text-align: center;
    color: lightgray; /*好きな色を設定してください*/
	font-weight: bold;
}

input#confirmBtn {
    width: 100%;
}

@media screen and (max-width:768px) {
	
input#touroku_mail {
    height: 70px;
}	
input#touroku_mail::placeholder {
    font-size: 1.5rem;
}
	
}


/***フッター***/
.footer-section {
    background: lightgrey; /*好きな色を設定してください*/
    padding: 2rem;
}

ul.footer-menu {
    display: flex;
    justify-content: center;
}

ul.footer-menu li {
    list-style: none;
}

ul.footer-menu li a {
    color: black;
    margin-right: 10px;
    font-size: 1rem;
}

.logo {
    width: 50%;  /*ロゴにあわせて調整してください*/
    margin: 0 auto;
}


@media screen and (max-width:768px) {
	ul.footer-menu {
    display: block;
    text-align: center;
}
	
	.logo {
    width: 90%;  /*ロゴにあわせて調整してください*/
}
	
	.footer-section {
    padding: 1rem;
}
}