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

/* ===========================================
 * common
=========================================== */

html{
	width: 100%;
	height: 100%;
}

body{
	width: 100%;
	max-width: 100%;
	height: 100%;
	letter-spacing: 0.075em;
	color: #362a23;
	font-size: 14px;
	line-height:1.5;
}

.viewPc{
	display: none;
}

.red {
	color: #e50b4f;
}

a{
	color: #362a23;
	text-decoration: none;
}

img{
	max-width: 100%;
	height: auto;
}

#contents {
	margin-bottom:30px;
}

.illust {
	display:none;
}
.cmnLinkTb {
	padding-right: 13px;
	margin-right: 3px;
	background: url("../img/common/ico_blank02_sp.png") right 0.4em no-repeat;
	background-size: 10px 10px;
}
.cmnLinkPdf {
	padding-left: 20px;
	background: url("../img/common/ico_pdf_sp.png") left 0.1em no-repeat;
	background-size: 16px 15px;
	margin-top: 3px;
	display: inline-block;
}
#contents .cmnTit01 {
	margin-bottom: 15px;
}
#contents .cmnTit01 span {
	display: block;
	font-size: 12px;
	line-height: 1.2;
}
.cmnNote01 {
	padding-left: 1em;
	text-indent: -1em;
}
.cmnTbl01 {
	margin: 15px 0;
}
.cmnTbl01 th {
	background-color: #ece5de;
	text-align: center;
}
.cmnTbl01 th, .cmnTbl01 td{
	border: 1px solid #999;
	padding: 0.8em 1.2em;
	vertical-align: middle;
	line-height: 1.4;
}
.cmnList01, .cmnList02 {
	margin: 0.8em 0;
}
.cmnList01 > li {
	padding-left: 1.8em;
	text-indent: -1.8em;
	margin-top: 0.8em;
}
.cmnList02 > li {
	padding-left: 1.4em;
	text-indent: -1.4em;
	margin-top: 0.8em;
}
.cmnList01 > li li, .cmnList02 > li li {
	margin-top: 0.2em;
}


/* #gHeader
=========================================== */
div#headerWrap{
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.27) 0px 4px 3px -3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.27) 0px 4px 3px -3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.27) 0px 4px 3px -3px;
}

div#headerWrap header h1{
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	margin: auto;
	background: url("../img/common/bg_logo01.png") no-repeat center bottom;
	background-size: 100% auto;
	height: 75px;
	width: 124px;
	text-align: center;
	z-index: 10;
}

div#headerWrap header h1 img {
	width: 97px;
}

div#headerWrap #logoWrap {
	background: #fff;
	height: 70px;
	z-index: 15;
	position: fixed;
	top: 0px;
	width: 100%;
}



/* #gNav
=========================================== */
#spMenu {
	background: url("../img/common/btn_menu01.png") no-repeat 0 0;
	background-size: 40px;
	height: 40px;
	width: 40px;
	position: absolute;
	right: 15px;
	top: 15px;
}

div#headerWrap #navArea {
	display: none;
	position: fixed;
	background: #514a46;
	width: 100%;
	height: 100%;
	overflow: scroll;
	z-index: 9;
}

div#headerWrap #spClose {
    background: #625b57;
    padding: 15px;
    width: 180px;
    margin: 30px auto 0;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border: 1px solid #88817b;
    color: #fff;
}

div#headerWrap #navArea .navWrap{
	margin: 40px 40px 200px;
	
}

div#headerWrap #navArea #gNav,
div#headerWrap #navArea #pNav {
	border: 1px solid #88817b;
	border-bottom: none;
}

div#headerWrap #navArea #gNav li,
div#headerWrap #navArea #pNav li {
	border-bottom: 1px solid #88817b;
}
div#headerWrap #navArea #gNav li li:last-child,
div#headerWrap #navArea #pNav li li:last-child {
	border-bottom:none;
}

div#headerWrap #navArea #gNav li a,
div#headerWrap #navArea #gNav li span,
div#headerWrap #navArea #pNav li a,
div#headerWrap #navArea #pNav li span {
	padding: 15px 10px;
	display: block;
	color: #fff;
}

div#headerWrap #navArea .navPmenu {
}

div#headerWrap #navArea .navPmenu li {
	border:none;
}

div#headerWrap #navArea #gNav li span {
	padding:20px 15px;
	background:url("../img/common/ico_spmenu01.png") no-repeat 95% 25px;
	background-size:11px auto;
}
div#headerWrap #navArea #gNav li a,
div#headerWrap #navArea #pNav li a {
	padding:20px 15px;
	background:url("../img/common/ico_spmenu02.png") no-repeat 95% 25px;
	background-size:8px auto;
}
div#headerWrap #navArea #gNav li li a {
	padding:15px 10px 15px 30px;
	display:block;
	color:#fff;
	background:url("../img/common/ico_spmenu03.png") no-repeat 15px 20px #625b57;
	background-size:5px auto;
}

div#headerWrap #navArea #gNav li span.fukidashi {
	display:none;
}

div#headerWrap #navArea #pNav {
	margin-top:30px;
}


div#infoArea {
	display: none;
}


#mainArea {
	margin: 70px 0 0;
}
	

/* #gFooter
=========================================== */

#pageTop {
/*	position: fixed;
	right: 20px;
	bottom: 20px;
	opacity: 0.9;
	z-index: 9;*/
	display:none !important;
}

#gFooter {
	background: url("../img/common/bg_sp_footer01.png") no-repeat center top #fdf6ec;
	background-size: 100%;
	padding: 25% 0 0;
	padding-bottom: 70px;
}

#gFooter .secIn {
	position: relative;
	padding-bottom: 100px;
}

#gFooter #footerAd .map,
#gFooter #footerAd .ad,
#gFooter #footerAd .btn,
#gFooter #sitemap dl {
	display: none;
}

#gFooter #sitemap .nLink .info {
	overflow: hidden;
	border-top: 2px solid #e9e5dd;
	border-right: 2px solid #e9e5dd;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
}

#gFooter #sitemap .nLink .info li{
	/* float: left; */
	padding: 0;
	width: 50%;
	/* display: table; */
	font-size: 10px;
}
#gFooter #sitemap .nLink .info li a{
	padding: 12px 10px 12px 20px;
	background: #fff url("../img/common/ico_sp_arrow01.png") no-repeat 10px 16px;
	background-size: 4px auto;
	border-bottom: 2px solid #e9e5dd;
	border-left: 2px solid #e9e5dd;
	display: block;
	height: 100%;
	box-sizing: border-box;
}

#gFooter #sitemap .nLink .info li: nth-child(even) a {
	border-left: none;
}

#gFooter #sitemap .nLink .link {
	margin-bottom: 22px;
}

#gFooter #sitemap .nLink .link li{
	width: 100%;
	border-bottom: 2px solid #e9e5dd;
}

#gFooter #sitemap .nLink .link li a{
	display: block;
	background: url("../img/common/ico_sp_arrow01.png") no-repeat 10px 15px;
	background-size: 4px auto;
	padding: 12px 10px 12px 20px;
	font-size: 10px;
}

#gFooter #footerAd {
	text-align: center;
	position: absolute;
	bottom: 30px;
	width:100%;
}

#gFooter #footerAd .logo {
	margin:0 auto;
	width:190px;
}

#gFooter #footerAd .logo a {
	width:190px;
	height:44px;
	background:url("../img/common/img_logo02.png") no-repeat 0 bottom;
	background-size:190px auto;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#gFooter #footerAd .tel {
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
	margin: 14px 0 0 0;
}

#gFooter .copyright {
	background: url("../img/common/bg_copy01.png") repeat 0 0;
	color: #fff;
	text-align: center;
	font-size: 7px;
	padding: 22px 0;
}

.floatbanner {
	position: fixed;
	bottom: 0px;
	z-index: 10;
}











/* #study
======================== */
#study .studyWrap{
	padding: 20px 20px 25px 20px;
	background-color: #fef5e7;
}
#study header {
	margin-bottom: 25px;
	text-align: center;
}
#study h1 {
	width: 55%;
	margin: 0 auto;
	padding: 25px 0 12px 0;
}
#study p.subtit {
	display: inline-block;
	line-height: 1.1;
	margin: 0 auto;
	padding: 5px 16px 4px 18px;
	border-radius: 30px;
	background-color: #63a1b5;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
#study p.subtit span {
	margin-right: 8px;
	color: #362a23;
	font-weight: bold;
}
/* .studyIntro
------------------------ */
#study .studyIntro {
	margin: 25px 0;
	padding: 0 20px;
}
#study .studyIntro .txt p br:first-child {
	display: none;
}
#study .studyIntro .txt {
	margin: 17px 0 0 0;
}
#study .studyIntro .txt h2 {
	line-height: 20px;
	margin-bottom: 5px;
	color: #362a23;
	font-size: 13px;
	font-weight: bold;
}
#study .studyIntro .txt p {
	line-height: 21px;
	color: #362a23;
	font-size: 13px;
}
#study .studyIntro .img {
	position: relative;
	text-align: center;
}
#study .studyIntro .img:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	width: 70px;
	height: 70px;
	background-image: url("../img/ico_sp_family.png");
	-webkit-background-size: contain;
	background-size: contain;
}

/* #intern
======================== */
#intern .internIn{
	padding: 20px 20px 25px 20px;
	background-color: #fff;
}
#intern header {
	text-align: center;
}
#intern h1 {
	width: 55%;
	margin: 0 auto;
	padding: 0 0 12px 0;
}
#intern p.subtit {
	display: inline-block;
	line-height: 1.1;
	margin: 0 auto;
	padding: 5px 18px 3px 18px;
	border-radius: 30px;
	background-color: #63a1b5;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
#intern p.subtit span {
	margin-right: 10px;
	color: #362a23;
	font-weight: bold;
}
/* internIntro
---------------------------- */
#intern .internIntro {
	margin: 25px 0;
	padding: 0 20px;
}
#intern .internIntro h2 {
	margin-bottom: 5px;
	color: #362a23;
	font-size: 13px;
	font-weight: bold;
}
#intern .internIntro p {
	line-height: 21px;
	color: #362a23;
}

#study .studyIntro .txt p {
	line-height: 21px;
	color: #362a23;
	font-size: 13px;
}

#intern .internIntro .img {
	margin-bottom: 15px;
	text-align: center;
}


/* #news
======================== */
#news2 {
	padding: 20px 20px 0 20px;
}
#news2 .newsIn > h1 {
	line-height: 2;
	margin-bottom: 16px;
	padding-bottom: 2px;
	border-bottom: 1px solid #372a24;
	color: #372a24;
	font-size: 14px;
}
#news2 .newsIn article {
	overflow: hidden;
	line-height: 1.1;
	margin-bottom: 21px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e5dcc9;
}
#news2 .newsIn article time {
	float: left;
	color: #554d48;
	font-weight: bold;
	font-size: 11px;
}
#news2 .newsIn article span {
	float: left;
	display: block;
	margin-left: 7px;
	padding: 1px 5px 0 5px;
	border-radius: 3px;
	background-color: #9b8e86;
	color: #fff;
	font-size: 10px;
}
#news2 .newsIn article h1 {
	clear: left;
	line-height: 1.5;
	padding:6px 0 4px 0;
}
#news2 .newsIn article h1 a {
	font-weight: normal;
	font-size: 11px;
	color: #554d48;
	text-decoration: underline;
}
#news2 article .txt a {
	color: #5f9bae;
	text-decoration: underline;
}
#news2 .anime01 {
	display: none;
}


/* .internInfo
-------------------------------- */
#intern .internInfo table {
	width:100%;
	padding: 0px 20px 18px 30px;
}
#intern .internInfo table tr,
#intern .internInfo table th,
#intern .internInfo table td {
	display: block;
}
#intern .internInfo table tr {
	width: 100%;
}
#intern .internInfo table th {
	line-height: 1.2;
	margin-bottom: 5px;
	padding: 9px 0 7px 22px;
	border-top: 1px solid #d8d5cf;
	border-bottom: 1px solid #d8d5cf;
	background: url("../img/home/ico_02.png") no-repeat;
	-webkit-background-size: 27px;
	background-size: 13px;
	background-position: left center;
	color: #362a23;
	font-size: 15px;
	text-align: left;
	vertical-align: top;
}
#intern .internInfo table tr:nth-child(3) {
	margin-bottom: 0;
}
#intern .internInfo table tr:nth-child(3) td {
	padding-bottom: 0;
}
#intern .internInfo table tr:nth-child(3) td:last-child {
	margin-top: 8px;
}
#intern .internInfo table td {
	padding: 6px 0 16px 0;
	color: #554d48;
}
#intern .internInfo table li,
#intern .internInfo table p,
#intern .internInfo table td,
#intern .internInfo table a {
	line-height: 20px;
	font-size: 12px;
}
#intern .internInfo table li > span {
	display: inline-block;
	float: left;
	padding-left: 12px;
	background: url("../img/home/ico_club01.png") no-repeat;
	background-position: left 7px;
	color: #554d48;
	font-weight: bold;
}
#intern .internInfo table li p span {
	display: inline-block;
	color: #554d48;
	font-weight: bold;
}
#intern .internInfo table .txt {
	display: inline-block;
	margin-left: 7px;
}
#intern .internInfo table li.download {
	margin: 2px 0 7px 0;
	font-size: 11px;
}
#intern .internInfo table li.btn {
	display: block;
	line-height: 13px;
	margin-right: 8px;
	background-color: #6d615a;
	text-align: center;
}
#intern .internInfo table li.btn a {
	display: block;
	padding: 8px 0 7px 0;
	color: #fff;
	background-position: 78% center;
	-webkit-background-size: 9px 8px;
	background-size: 9px 8px;
}
#intern .internInfo table .tel {
	display: inline-block;
	line-height: 1.2;
	padding: 6px 0 3px 0;
	font-size: 12px;
	font-weight: bold;
	color: #554d48;
}
#intern .internInfo table .tel a {
	display: inline-block;
	line-height: 1.2;
	font-size: 12px;
	letter-spacing: 0;
}
#intern .internInfo table .contact {
	display: inline-block;
	line-height: 1.3;
	margin-right: 8px;
	padding: 4px 7px 3px 8px;
	border-radius: 20px;
	background-color: #9b8e86;
	color: #fff;
	font-size: 11px;
	float: left;
}
#intern .anime04 {
	display: none;
}
#intern .telTd{
	overflow: hidden;
}
#intern .areaTel{
	float: left;
	margin-top: -2px;
}


/* .studyInfo
------------------------ */
#study .studyInfo table {
	width:100%;
	padding: 20px 20px 18px 30px;
}
#study .studyInfo table tr,
#study .studyInfo table th,
#study .studyInfo table td {
	display: block;
}
#study .studyInfo table tr {
	width: 100%;
}
#study .studyInfo table th {
	line-height: 1.2;
	margin-bottom: 5px;
	padding: 9px 0 7px 22px;
	border-top: 1px solid #d8d5cf;
	border-bottom: 1px solid #d8d5cf;
	background: url("../img/home/ico_02.png") no-repeat;
	-webkit-background-size: 27px;
	background-size: 13px;
	background-position: left center;
	color: #362a23;
	font-size: 15px;
	text-align: left;
	vertical-align: top;
}
#study .studyInfo table tr:nth-child(3) {
	margin-bottom: 0;
}
#study .studyInfo table tr:nth-child(3) td {
	padding-bottom: 0;
}
#study .studyInfo table tr:nth-child(3) td:last-child {
	margin-top: 8px;
}
#study .studyInfo table td {
	padding: 6px 0 16px 0;
	color: #554d48;
}
#study .studyInfo table li,
#study .studyInfo table p,
#study .studyInfo table td,
#study .studyInfo table a {
	line-height: 20px;
	font-size: 12px;
}
#study .studyInfo table li p span {
	display: inline-block;
	color: #554d48;
	font-weight: bold;
}
#study .studyInfo table li span:first-child {
	display: inline-block;
	float: left;
	padding-left: 12px;
	background: url("../img/home/ico_club01.png") no-repeat;
	background-position: left 7px;
	color: #554d48;
	font-weight: bold;
}
#study .studyInfo table .txt {
	display: inline-block;
	margin-left: 7px;
}
#study .studyInfo table li.download {
	margin: 2px 0 7px 0;
	font-size: 11px;
}
#study .studyInfo table li.btn {
	display: block;
	line-height: 13px;
	margin-right: 8px;
	background-color: #6d615a;
	text-align: center;
}
#study .studyInfo table li.btn a {
	display: block;
	padding: 8px 0 7px 0;
	color: #fff;
	background-position: 78% center;
	-webkit-background-size: 9px 8px;
	background-size: 9px 8px;
}
#study .studyInfo table .tel {
	display: inline-block;
	line-height: 1.2;
	padding: 6px 0 3px 0;
	font-size: 12px;
	font-weight: bold;
	color: #554d48;
}
#study .studyInfo table .tel a {
	display: inline-block;
	line-height: 1.2;
	font-size: 12px;
	letter-spacing: 0;
}
#study .studyInfo table .contact {
	display: inline-block;
	line-height: 1.3;
	margin-right: 8px;
	padding: 4px 7px 3px 8px;
	border-radius: 20px;
	background-color: #9b8e86;
	color: #fff;
	font-size: 11px;
	float: left;
}
#study .anime04 {
	display: none;
}
#study .telTd{
	overflow: hidden;
}
#study .areaTel{
	float: left;
	margin-top: -2px;
}


/* #outline table */

#outline table{
	border-top:1px solid #e5dcc9;
	font-size:13px;
	width:100%;
}

#outline table th,
#outline table td {
	border-bottom:1px solid #e5dcc9;
	padding:12px 0;
}

#outline table th {
	font-weight:bold;
	text-align:left;
	width:75px;
	vertical-align:top;
}