@charset "utf-8";
@import url("../asset/default.css");
body{background: #fff; font-family:'メイリオ', Meiryo ,'Helvetica Neue', Helvetica, 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'sans-serif'; text-size-adjust: 100%;
 　　-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　　-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　　-moz-text-size-adjust: 100%;/*firefox*/}
h3{font-weight:bold;}
h1{padding-bottom:0;margin-bottom:0;}
p{/*margin-bottom:2em;*/text-align: left;color: #000;line-height: 1.5;}


/* header */
.header{
	/*padding-top: 100px;*/
}
.header-bg{
	background-image:url(../img/header_bg.png);
	width:100%;
	background-size:cover;
}

footer{
	padding:1em 0
}
footer{
	background:#dedede;
	font-size: 0.6em;
}
footer p{
	margin-bottom: 0;
}

.container{
	padding-left:2em;
	padding-right: 2em;
	font-size: 0.9em;
	max-width: 980px;
}

.bg-1{
	background-image: url("../img/bg.png") ;
	background-size:  cover;
}
.bg-2{
	background: #fff9e9;
}
.bg-3{
	background: #e4e4e4;
}
.bg-4{
	background: #e7edff;
}
.bg-5{
	background: #ebfdff;
}

.merit-body{
	padding: 1em;
	margin:0 auto;
	border:1px solid #b0b0b0;
	border-top:none;
	max-width:980px;
	background-color: #fff9e9;
	/*border-radius: 10px;角の丸み*/
}

.merit-body-head{
	/*padding: 2em 2em 2em 2em;*/
	margin:0 auto;
	border: 1px solid #b0b0b0;
	border-bottom:none;
	max-width:980px;
	background-color: #a58736;
	color: #fff;
	padding: 1em;
	font-size: 30px;
	font-weight: bold;
	/*border-radius: 10px;角の丸み*/
}
@media only screen and (max-width: 750px) {
.merit-body-head { 	
	/*padding: 2em 2em 2em 2em;*/
	margin:0 auto;
	border: 1px solid #b0b0b0;
	border-bottom:none;
	max-width:980px;
	background-color: #a58736;
	color: #fff;
	padding: 1em;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.3;}
}


.sub-head{
	background: #051831;
}
@media only screen and (max-width: 750px) {
.sub-head { 	
	color: #a58736;
	text-decoration:underline 5px #bfa96e;
	text-underline-offset: 10px;
	font-size: 28px;
	font-weight: bold;}
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}


.wrap {
     overflow: hidden;
 }

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.head_ue{
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	width: 100%;
	background: cover;
	background-color: #fff;
	  display: block;
  position: fixed;
}

.parent {
    display: flow-root;
}
.left {
    float: left;
}
.right {
    float: right;
}
.qa-8 dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}

.qa-8 dt::before,
.qa-8 dd::before {
    margin-right: .4em;
}

.qa-8 dt::before {
    content: "Q.";
}

.qa-8 dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #f2f2f2;
    color: #333333;
}

.qa-8 dd::before {
    content: "A.";
}
.note3{
  background-color: #fff;
  background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
  background-size: 8px 100%,100% 2em;
  line-height: 2em;
  border: solid 1px #e6e6e6;
  padding: 2em 1em 1.98em 1em;
  color: #4A4A4A;
  margin: 0em 0;
  font-weight: bold;
  box-shadow:2px 2px 0 rgba(0,0,0,.1);
}
.bt_sita{
	font-size: 13px;
	padding: 10px 40px;
}
.content_waku{
	background-color: #e4f2ff;
	padding: 20px;	
}