@charset "utf-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, 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;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

img {
	vertical-align: top;
	font-size:0;
	line-height: 0;
}


/* サイト共通
------------------------------------------------- */

body {
    line-height:1;
		background: #fff;
}

.clearfix:after {
	content: url(../img/clearfix.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}

address {
	font-style: normal;
}

/*
#wrap {
	background: #fff;
	width: 948px;
	margin: 0 auto;
	text-align: left;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
}
*/



/* ヘッダ
============================ */
/* header {
	background: url(../img/hdr_bg.png) left top repeat-x;
	height: 80px;
	padding: 0 34px 0 19px;
}
header h1 {
	float: left;
	margin-top: 13px;
}
header ul {
	float: right;
	margin-top: 21px;
}
header ul li {
	float: left;
	margin-left: 40px;
} */


/* メインビジュアル
============================ */
#mainvisual {
position: relative;
	max-width: 948px;
	background-size: 100% auto;
	margin: 0 auto;
	
}
#mainvisual .ttl_img {
width: 100%;
height: 100%;
position: absolute;
z-index: 100;

display: -webkit-flex;
display: flex;

-webkit-justify-content: center;
justify-content: center;

-webkit-align-items: center;
align-items: center;

}
#mainvisual .ttl_img h1 {
max-width: 624px;
width: 100%;
display: block;
/*margin: 0 auto;*/
padding-bottom: 40px;
}


/* コンテンツエリア
============================ */
#contentsArea {
	max-width: 624px;
	width: 100%;
	margin: 60px auto 80px;
}
@media (max-width: 767px) {
#contentsArea {
 margin: 40px auto 60px;
}
/*max-width: 767px*/}


#contentsArea h2.h2_ttl {
display: inline-block;
font-size: 2.6rem;
	margin-bottom: 32px;
	line-height: 1.4;
}

#contentsArea .main_txt {
font-size: 1.8rem;
}


#contentsArea dl {
	font-size: 105%;
	line-height: 1.5;
	margin-top: 40px;
}

#contentsArea dt {
	float: left;
	width: 220px;
	display: block;
	margin: 0 4px 10px 0;
	clear:both;
}

#contentsArea dd {
	float: right;
	width: 370px;
	display: block;
	margin-bottom: 10px;
	font-size:100%;
	text-align:left;
}


#contentsArea dd a {
	color: #000;
	text-decoration: none;
}
#contentsArea dd a:hover {
	color: #000;
	text-decoration: underline;
}
#contentsArea p.lnk {
	clear: both;
	font-size: 105%;
	margin-top: 30px;
}
#contentsArea p.lnk a {
	color: #808080;
	text-decoration: none;
}
#contentsArea p.lnk a:hover {
	color: #808080;
	text-decoration: underline;
}
#contentsArea ul.menusns {
	float: right;
	margin: 10px 0 30px 0;
}
#contentsArea ul.menusns li {
	float: left;
	margin-left: 20px;
}
/* IE Hack */

#contentsArea dd {
	float: left;
	width: 370px;
	display: block;
	margin-bottom: 10px;
	font-size:100%;
	text-align:left;
	padding-left:20px;
}

*:first-child+html #contentsArea dd {
	float: left;
	width: 370px;
	display: block;
	margin-bottom: 10px;
	font-size:100%;
	text-align:left;
	padding-left:20px;
}



@media (max-width: 767px) {

#contentsArea dt {
	float: none;
	width: 100%;
	margin-bottom: 8px;
}

#contentsArea dd {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

/*max-width: 767px*/}


/* フッタ
============================ */
/*footer {
	clear: both;
	border-top: 1px solid #000;
	margin-top: 30px;
	padding-bottom: 30px;
}
footer p {
	width: 624px;
	font-size: 72%;
	color: #808080;
	line-height: 1.3;
	padding: 10px 0 0 162px;
}*/



#rwd-content a:hover {
  color: #808080;
}

img.w100 {
display: block;
width: 100%;
height: auto;
}

.w980 {
max-width: 980px;
width: 90%;
margin-left: auto;
margin-right: auto;
}

/* #rwd-content header {
height: 77px;
background: #fff;
border-bottom:  solid 1px #AEAEAE;
display: block;
overflow: hidden;
}

#rwd-content header .rwd-header-identify {
  padding: 15px 0;
	display: block;
	float: left;
}
#rwd-content header .header_ymcdesignlogo {
  padding: 28px 0 27px;
	display: block;
	float: right;
	width: 215px;
} */

@media (max-width: 767px) {

/* #rwd-content header {
height: 61px;
}
#rwd-content header .rwd-header-identify {
  padding: 12px 0;
}

#rwd-content header .header_ymcdesignlogo {
	width: 55%;
	max-width: 200px;
	padding: 0;
}
#rwd-content header .header_ymcdesignlogo a{
	height: 61px;
	display: flex;
align-items: center;
} */
/*max-width: 767px*/}


/*#rwd-content footer {
background: #3B3B3B;
color:#fff;
padding: 30px;
text-align: center;
}*/

#rwd-content a.btn_back {
display: block;
width: 260px;
line-height: 1.4;
margin-left:auto;
margin-right:auto;
border:  solid 1px #000;
font-size: 1.5rem;
padding: 10px 30px;
text-align: center;
border-radius: 8px;
background:#fff url("../img/arw_backbtn.gif") no-repeat center left;

box-sizing: border-box;
}