@charset "UTF-8";
/*--------------------
/ Foundation - reset
------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
button, select, option, input, textarea {
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
video {
	max-width: 100%;
}
.of_close,
.of_open,
.dt_lead {display:none;}
.open {display:block;}

/*  --------------------------------------
デバイス振り分け(PC)
--------------------------------------  */
@media screen and (min-width:829px) {
.sp {display:none;}
body{
	font-family : Gothic MB101, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align : left;
	font-size:16px;
	color:#000;
	position:relative;
	overflow-x: hidden;
}
/* --------------------  ヘッダー */
header {
	margin:0 auto 20px;
	width:100%;
	font-size:0;
	line-height:0;
	background-image:url("../image/bk.png");
	background-size: 14px;
	background-repeat: repeat-x;
	background-position: top left;
	position:relative;
}
header h1 {
	margin:0 auto;
	padding:0;
	width:1000px;
	font-size:0;
	line-height:0;
	text-align:center;
}
header ul {
	margin:0 auto;
	width:776px;

	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
header li {width:252px;}
header li:nth-child(1),
header li:nth-child(2),
header li:nth-child(4),
header li:nth-child(5) {
	margin:0 10px 13px 0;
}
header li a {display:block;}
header h1 img,
header li img {width:100%;}
main {
	margin:0 auto;
	width:1000px;
}
[id="1"],
[id="2"],
[id="3"],
[id="4"],
[id="5"],
[id="6"],
[id="7"] {
	margin-top:-30px;
	padding-top:30px;
}

/* =========================================
CONTENT
========================================= */
.contwrap {
	margin:0 auto 60px;
	width:776px;	
}
.paragraph {
	margin:0 auto 35px;
	width:776px;
}
.prg_title {
	margin:0 0 40px;
}
.prg_img {
	margin:0 auto 50px;
	width:776px;
	font-size:0;
	line-height:0;
}

.question {
	margin:0 auto 10px;
	width:724px;
	font-size:0;
	line-height:0;
}
.question div {
	width:100%;
	font-size:0;
	line-height:0;
}
.answer {
	margin:5px auto 50px;
	width:724px;
	font-size:18px;
	line-height:25px;
	font-weight:500;
	text-align:justify;
	position:relative;
}
.ans_open,
.ans_close {
	cursor:pointer;
}
.open,
.ans_panel {
	display:none;
}
.ans_panel {
	padding:10px 0 0 50px;
	width:calc(100% - 50px);
}
.ans_panel img {width:100%;}
.memo {
	font-size:12px;
	line-height:20px;
	font-weight:500;
	text-align:justify;
	padding-left:3em;
	text-indent:-3em;
}
.search_wrap {
	margin:0 auto 60px;
	padding:50px;
	width:776px;
	background:#f9e3dd;
}
.serch_inner {
	margin:0 auto;
	padding:25px 0;
	width:100%;
	text-align:center;
	background:#FFF;
}
a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
footer {
	margin:0 auto;
	padding:0;
	width:776px;
	background:#FFF;
}
.caution {
	margin:0 auto 35px;
	padding:30px 20px;
	width:calc(100% - 40px);
	border:1px solid #717071;
}
.caution p {
	padding:0 0 15px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	color:#d6431f;
	position:relative;
}
.caution span {
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}
.caution li {
	padding:0 0 0 14px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	text-align:justify;
	position:relative;
}
.caution li::before {
	content: '';
	width: 10px;
	height:10px;
	background-image:url("../image/icon_mark.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	position:absolute;
	top:2px;
	left:0;
}
.caution li p.cmemo {
	padding:0;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color:#000;
	padding-left:1em;
	text-indent:-1em;
}
.caution li a {
	color:#333;
	text-decoration:underline;
}
.caution li a:hover {
	text-decoration:none;
}


/* --------------------  aタグ処理 画像透過リンク */
a img {
	-webkit-transition:opacity 0.5s; /*Safari,Chrome*/
	-o-transition     :opacity 0.5s; /*Opera*/
	-moz-transition   :opacity 0.5s; /*Firefox*/
	transition        :opacity 0.5s; /*CSS3 Real Property*/
}
a:hover img {
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.7; /*Older Firefox*/
	opacity:0.7; /* Modern Browsers*/
}

/* --------------------  common */
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}

.pb10  {padding-bottom:10px;}
.pb20  {padding-bottom:20px;}
.pb30  {padding-bottom:30px;}
.pb50  {padding-bottom:50px;}
.pb60  {padding-bottom:60px;}
.pb100 {padding-bottom:100px;}

}/* end */

/*  --------------------------------------
デバイス振り分け(SP)
--------------------------------------  */
@media screen and (max-width:828px) {
.pc {display:none;}
body{
	background : #FFF;
	font-family : Gothic MB101, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	width:100%;
	text-align : left;
	position:relative;
}

/*  --------------------------------------
Header
--------------------------------------  */
header {
	margin:0 auto 5vw;
	width:100%;
	position:relative;
}
header h1 {
	margin:0 auto;
	padding:0;
	font-size:0;
	line-height:0;
	text-align:left;
}
header ul {
	margin:3vw auto 0;
	width:80%;

	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
header li {width:32%;}
header li:nth-child(2) {
	margin:0 2% 1vw;
}
header li:nth-child(5) {
	margin:0 2% 0;
}
header li a {display:block;}
header h1 img,
header li img {width:100%;}
main {
	margin:0 auto;
	width:100%;
	position:relative;
	z-index:50;
}
[id="1"],
[id="2"],
[id="3"],
[id="4"],
[id="5"],
[id="6"],
[id="7"] {
	margin-top:-5vw;
	padding-top:5vw;
}


/* =========================================
CONTENT
========================================= */
.contwrap {
	margin:0 auto 5vw;
	width:100%;	
}
.contwrap img {width:100%;}
.paragraph {
	margin:0 auto 5vw;
	width:100%;	
}
.prg_title {
	text-align:center;
}
.prg_img {
	margin:0 auto 5vw;
	width:100%;	
}
.prg_img img,
.paragraph img {width:100%;}
.prg_ttl_undertxt {
	margin:0 auto 5vw;
	width:100%;
	font-size:3.4vw;
	line-height:4.6vw;
	font-weight:600;
	text-align:center;
}
.prg_ttl_undertxt img {width:100%;}
.paragraph h2 {
	margin:4vw auto 3vw;
	padding:0 0 .5vw 5vw;
	width:calc(79% - 4vw - 1px);
	font-size:3.3vw;
	line-height:4.6vw;
	font-weight:600;
	color:#7c6553;
	border-left:1px solid #7c6553;
	border-bottom:1px solid #7c6553;
	position:relative;
}
.prg_ttl_h2txt span {
	color:#d6431f;
}
.prg_img_single {
	margin:0 auto 4vw;
	width:100%;
	font-size:0;
	line-height:0;
}
.prg_img_beta {
	margin:0 auto 2vw;
	width:100%;
	font-size:0;
	line-height:0;
}
.landscape_img_1st {
	margin:3vw auto 4vw;
	width:84%;

	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.prev {
	margin-top:4vw;
	padding-right:2%;
	width:6%;
}
.next {
	margin-top:4vw;
	padding-left:4%;
	width:6%;
}
.landscape_img_1st .lsimg {
	width:82%;
	overflow-x: scroll;
}
.landscape_img_1st .lsimg img {width:730px;}

.question {
	margin:0 auto 2vw;
	width:80%;
	font-size:2.8vw;
	line-height:4vw;
	font-weight:600;
	text-align:justify;
	display: -webkit-flex;
	display: flex;
	align-items:flex-start
}
.question div {
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
.question div {
	width:100%;
}
.answer {
	margin:0.5vw auto 6vw;
	width:80%;
	font-size:2.8vw;
	line-height:4vw;
	font-weight:600;
	text-align:justify;
	position:relative;
}
.answer img,
.ans_panel img {width:100%;}
.ans_open,
.ans_close {
	cursor:pointer;
}
.open,
.ans_panel {
	display:none;
}
.ans_panel {
	padding:2vw 0 0 6vw;
	width:calc(100% - 6vw);
	font-size:0;
	line-height:0;
}
.memo {
	font-size:2.6vw;
	line-height:3.6vw;
	font-weight:600;
	text-align:justify;
	padding-left:3em;
	text-indent:-3em;
}
.search_wrap {
	margin:0 auto 8vw;
	padding:7vw 10%;
	width:calc(100% - 20%);
	background:#f9e3dd;
}
.serch_inner {
	margin:0 auto;
	padding:4vw 0;
	width:100%;
	text-align:center;
	background:#FFF;
}
.search_txt {
	margin:0 auto;
	width:75%;
}
.search_links {
	margin:2vw auto 0;
	width:75%;
}
footer {
	margin:0 auto;
	padding:0;
	width:100%;
	background:#FFF;
}
.caution {
	margin:0 auto 5vw;
	padding:4vw 7vw;
	width:calc(95% - 14vw);
	border:1px solid #717071;
}
.caution p {
	padding:0 0 1vw;
	font-size: 3vw;
	line-height: 3vw;
	font-weight: 700;
	color:#dd1100;
	position:relative;
}
.caution span {
	font-size: 3vw;
	line-height: 3vw;
	font-weight: 600;
}
.caution li {
	padding:0 0 0 2.6vw;
	font-size: 2.6vw;
	line-height: 4vw;
	font-weight: 600;
	text-align:justify;
	position:relative;
}
.caution li::before {
	content: '';
	width: 2vw;
	height:2vw;
	background-image:url("../image/icon_mark.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	position:absolute;
	top:1vw;
	left:0;
}
.caution li a {
	color:#333;
	text-decoration:underline;
}
.caution li p.cmemo {
	padding:0;
	font-size: 2.6vw;
	line-height: 4.6vw;
	font-weight: 600;
	color:#000;
	padding-left:1em;
	text-indent:-1em;
}
.notice {
	margin:8vw auto;
	width:80%;
	font-size:0;
	line-height:0;
}
.search_txt img,
.search_links img,
.notice img {width:100%;}


}/* sp end */