@charset "utf-8";

/**********************************************
** Site Name: プレママ・プレパパ応援キャンペーン
** Description: アンケートLP CSS
**********************************************/

/*-------------------------------------------*/
/*  CONTENTS:
/*--------------------------------------------
1.0 - reset
2.0 - 汎用スタイル
    2.1 - カラム
    2.2 - PC・SP表示
3.0 - ヘッダー
4.0 - フッター
    4.1 - ナビゲーション
    4.2 - 固定フッター
5.0 - 内容
6.0 - 注意事項

---------------------------------------------*/

/*-------------------------------------------*/
/*  1.0 - reset
/*-------------------------------------------*/

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0}hr{border:0}

/*-------------------------------------------*/
/*  2.0 - 汎用スタイル
/*-------------------------------------------*/

html { font-size: 62.5%;}
body {
  background: #FCF8EC;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #212121;
}
li { list-style: none;}
div, ul, li, a { box-sizing: border-box;}

/*  2.1 - カラム
/*-------------------------------------------*/

.contents {
	width: 100%;
	max-width: 1000px;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
  padding-bottom: 5px;
  border-radius: 2px;
  background: #FFE1DB;
  box-shadow: 0 0 5px #C2BAA1;
	position: relative;
}

/*  2.2 - PC・SP表示
/*-------------------------------------------*/

.sp { display: none;}

@media screen and (max-width: 767px) {
  .pc { display: none;}
	.sp { display: block;}
}

/*-------------------------------------------*/
/*  3.0 - ヘッダー
/*-------------------------------------------*/

header {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  background: #fff;
  align-items: center;
}
header .logo { margin: 0 auto;}
header .logo img {
  width: 100%;
  vertical-align: bottom;
}

@media screen and (max-width:767px) {
  header {
    height: 40px;
    padding: 0 0px 0 10px;
  }
  header .logo { width: 70px;}
}

@media screen and (min-width:768px) {
  header {
    height: 60px;
  }
  header .logo { 
    width: 100px;
    height: 35px;
  }
}

/*-------------------------------------------*/
/*  4.0 - フッター
/*-------------------------------------------*/

footer {padding-bottom: 80px;}
footer .copyright {
  box-sizing: border-box;
  background: #2b2b2b;
	padding: 15px 0;
  text-align: center;
  font-size: 1.1rem;
	color: #fff;
}

/*  4.1 - ナビゲーション
/*-------------------------------------------*/

footer {
  box-sizing: border-box;
  position: relative;
  padding-top: 20px;
}
footer .fnav { width: 100%;}
footer .fnav nav {
	width: 100%;
	box-sizing: border-box;
}
footer .fnav ul { text-align: center;}
footer .fnav ul li {
  display: inline-block;
	box-sizing: border-box;
	margin-right: 30px;
}
footer .fnav ul li:last-child { margin-right: 0;}
footer .fnav a {
  position: relative;
	text-decoration: none;
  color: #4d4d4d;
}
footer .fnav ul li a::before {
  width: 1px;
	height: 16px;
	content: "";
	position: absolute;
	top: 3px;
	right: -18px;
	background: #4d4d4d;
}
footer .fnav li:last-child a::before { content: none;}

@media screen and (max-width: 750px) {
  footer .fnav ul { padding: 15px 0;}
  footer .fnav a { font-size: 1.2rem;}
	footer .fnav ul li a::before { height: 12px;}
}
@media screen and (max-width: 480px) {
  footer { padding-top: 20px;}
  footer .fnav a { font-size: 1.1rem;}
	footer .fnav ul li a::before { height: 10px;}
}
@media screen and (min-width: 751px) {
  footer .fnav nav {
	  height: 80px;
	}
	footer .fnav ul { padding: 25px 0;}
  footer .fnav a { font-size: 1.4rem;}
}


/*  4.2 - 固定フッター
/*-------------------------------------------*/

.footer_fix {
  width: 100%;
  height: 80px;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  background: #34B1AE;
  box-shadow: 0 -2px 3px rgba(0,0,0, 0.2);
}
.footer_fix .inner {
  max-width: 1000px;
  height: 80px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}
.footer_fix .inner img {
  width: 100%;
  vertical-align: bottom;
}

@media screen and (max-width: 767px) {
  .footer_fix .inner { padding: 0 10%;}
}
@media screen and (max-width: 480px) {
  .footer_fix .inner { padding: 0 20px;}
}

@media screen and (min-width: 768px) {
  .footer_fix .inner { padding: 0 50px;}
}

/*-------------------------------------------*/
/*  5.0 - 内容
/*-------------------------------------------*/

h1 img {
  width: 100%;
  vertical-align: bottom;
}

.form {
  position: relative;
  border-radius: 4px;
  background: #fff;
  margin: 60px 20px 20px;
  padding: 0 0 30px;
  color: #212121;
}
.form h2 {
  box-sizing: border-box;
  max-width: 425px;
  position: relative;
  top: -23px;
  margin: 0 auto;
}
.form h2 img { width: 100%;}
.form .lead {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}
.form .inner iframe { height: 1550px;width:100%;}

@media screen and (max-width: 767px) {
  .form { margin-top: 40px;}
  .form .inner { padding: 0 2% 10px;}
  .form h2 {
    top: -18px;
    padding: 0 40px;
  }
}

@media screen and (max-width: 480px) {
  .form .inner iframe { height: 1350px;}
}

@media screen and (min-width: 768px) {
  .form .inner { padding: 0 20px 20px;}
  .form .heading { font-size: 1.8rem;}
}

/*-------------------------------------------*/
/*  6.0 - 注意事項
/*-------------------------------------------*/

.note {
  border-radius: 4px;
  background: #fff;
  margin: 20px;
  padding: 30px 0;
  color: #212121;
}
.note .inner {
  box-sizing: border-box;
  line-height: 1.5;
}
.note .heading {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}
.note ul { margin-bottom: 20px;}
.note ul:last-child { margin-bottom: 0;}
.note li {
  margin-bottom: 5px;
  line-height: 1.6;
  font-size: 1.3rem;
}
.note .indent li {
  margin-left: 1em;
  text-indent: -1em;
}
.note li.mb { margin-bottom: 1.5em;}
.note a {
  text-decoration: underline;
  color: #448CF7;
}
.note a:hover { color: #333;}

@media screen and (max-width: 767px) {
  .note { padding: 30px 0;}
  .note .inner { padding: 0 20px;}
  .note .heading { font-size: 1.5rem;}
}

@media screen and (max-width: 480px) {
  .note li { font-size: 1.1rem;}
}

@media screen and (min-width: 768px) {
  .note .inner { padding: 0 40px;}
  .note .heading { font-size: 1.8rem;}
}

.Dq4amc {display:none;}