@charset "UTF-8";
@import url("../thema/style.css");

/*
	Theme Name: Thema child
	Template: thema
*/

/* 子テーマ用のスタイルを書く */

@import url("common/css/reset.css");
@import url("common/css/base.css");
@import url("common/css/module.css");


/* -------------------------------
topContentArea
------------------------------- */

.contentBlock03 .colmun3WrapA01 a:hover dd,
.colmun3WrapA01 a:hover dt,
.colmun4WrapA01 a:hover {
	color:#cccccc !important;
}
.colmun3WrapA01 a:hover img,
.colmun4WrapA01 a:hover img {
	color:#cccccc !important;
	filter:alpha(opacity=70)!important;
	-moz-opacity: 0.7 !important;
	opacity: 0.7!important;
}

#topContentArea .contentBlock01 { margin-bottom:80px;}
#topContentArea .contentBlock01 .contentBlockInner { width:1100px; margin:0 auto;}
#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 { margin-right:-40px;}
#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a { width:340px; margin-right:40px; display:block; float:left; color:#333333; text-decoration:none; font-size:13px;}
#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a p { margin-bottom:15px;}
#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a dl {}
#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a dl dt {font-size:15px; font-weight:bold; margin-bottom:10px;}
#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a dl dd { margin-bottom:15px;}

.spacer{
	height: 160px
}

#footerbanner {  
    position: fixed !important;  
    position: absolute;
	text-align:center;
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: auto;
    background-color: #333333;  
    color: #fff;
	padding:20px;
	border-top: 1px solid #FFFFFF;
	float:left;
}
#footerbanner .wrap {
display: inline-block;
	height: 100px;	
}
#footerbanner a:hover img {
	filter:alpha(opacity=70)!important;
	-moz-opacity: 0.7 !important;
	opacity: 0.7!important;
}  

#footerbanner-sp {
		display:none;
	}
@media screen and (max-width:940px) and (min-width:700px) {
	#topContentArea .contentBlock01 .contentBlockInner { width:720px;}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a { width:340px; margin-bottom:30px;}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a p img { width:100%; height:auto;}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a p { margin-bottom:10px;}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a dl {}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a dl dt { margin-bottom:5px;}
}
@media (max-width:700px) {
	#topContentArea .contentBlock01 { margin-bottom:60px;}
	#topContentArea .contentBlock01 .contentBlockInner { width:94%; padding-left:3%; padding-right:3%;}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 { margin-right:0;}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a { width:100%; margin-bottom:30px; margin-right:0;}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a:last-child { margin:0;}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a p img { width:100%; height:auto;}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a p { margin-bottom:10px;}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a dl {}
	#topContentArea .contentBlock01 .contentBlockInner .colmun3WrapA01 a dl dt { margin-bottom:2px;}
}


#topContentArea .contentBlock02 { margin-bottom:60px; padding-bottom:75px; border-bottom:1px solid #eeeeee;}
#topContentArea .contentBlock02 .contentBlockInner { width:1100px; margin:0 auto; border-top:1px solid #eeeeee;}
#topContentArea .contentBlock02 .contentBlockInner h2 { text-align:center; font-size:36px; color:#333333; margin-top:-30px; font-weight:bold; margin-bottom:45px ;}
#topContentArea .contentBlock02 .contentBlockInner h2 span { background:#ffffff; padding:0 10px;}
#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 { margin-bottom:45px;}
#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .imageL { float:left; margin-right:40px;}


#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .txt { overflow:hidden; font-size:13px;}
#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .txt .iconListBlock01 { margin-top:30px;}
#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .txt .iconListBlock01 ul {}
#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .txt .iconListBlock01 ul li {margin-bottom:15px; font-weight:bold; font-size:13px; overflow:hidden;}
#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .txt .iconListBlock01 ul li i {
	background: #ff9900;
	color: #ffffff;
	padding: 7px 0;
	margin-right: 15px;
	border-radius: 28px;
	font-weight: normal;
	font-size: 15px;
	width: 30px;
	/* height: 30px; */
	text-align: center;
	vertical-align: middle;
	float:left;
}
#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .txt .iconListBlock01 ul li span { overflow:hidden; vertical-align:middle;}
#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 { margin-bottom:45px; margin-right:-40px;}
#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a { width:340px; margin-right:40px; display:block; float:left; color:#333333; text-decoration:none;}
#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a p { margin-bottom:15px;}
#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a dl {}
#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a dl dt {font-size:15px; font-weight:bold; margin-bottom:10px;}
#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a dl dd {}
#topContentArea .contentBlock02 .linkBtnBlock01 { text-align:center;}
#topContentArea .contentBlock02 .linkBtnBlock01 a { display: inline-block; background:#ff9900; border-radius:8px; color:#ffffff; text-decoration:none; padding:18px 48px; font-size:18px; border:2px solid #ff9900;}
#topContentArea .contentBlock02 .linkBtnBlock01 a:hover { background:#ffffff; color:#ff9900;}
@media screen and (max-width:940px) and (min-width:700px) {
	#topContentArea .contentBlock02 .contentBlockInner { width:720px;}
	#topContentArea .contentBlock02 .contentBlockInner h2 { font-size:26px; margin-top:-17px;}
	#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .imageL { float:none; margin-right:0; margin-bottom:20px;}
	#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .imageL img { width:100%; height:auto;}
	#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a { width:340px; margin-bottom:30px;}
	#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a p img { width:100%; height:auto;}
}
@media (max-width:700px) {
	#topContentArea .contentBlock02 { margin-bottom:30px; padding-bottom:30px;}
	#topContentArea .contentBlock02 .contentBlockInner { width:94%; padding-left:3%; padding-right:3%; border:none;}
	#topContentArea .contentBlock02 .contentBlockInner h2 { font-size:20px; margin-bottom:25px;}
	#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 { margin-right:0;}
	#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .imageL { float:none; margin-right:0; margin-bottom:20px;}
	#topContentArea .contentBlock02 .contentBlockInner .imageColmunWrapA01 .imageL img { width:100%; height:auto;}
	#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 { margin-right:0; margin-bottom:25px;}
	#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a { width:100%; margin-bottom:30px; margin-right:0;}
	#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a:last-child { margin:0;}
	#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a p img { width:100%; height:auto;}
	#topContentArea .contentBlock02 .linkBtnBlock01 { padding:0 3%;}
	#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a p { margin-bottom:10px;}
	#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a dl {}
	#topContentArea .contentBlock02 .contentBlockInner .colmun3WrapA01 a dl dt { margin-bottom:2px;}
	#topContentArea .contentBlock02 .linkBtnBlock01 a { display: block; color:#ffffff; padding:10px;font-size:12px; font-weight:bold;border-radius:5px;}
}


#topContentArea .contentBlock03 { margin-bottom:80px;}
#topContentArea .contentBlock03 .contentBlockInner { width:1100px; margin:0 auto;}
#topContentArea .contentBlock03 .contentBlockInner h2 { margin-bottom:35px; font-size:18px; font-weight:bold; color:#333333;}
#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 { margin-bottom:25px; margin-right:-40px;}
#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a { width:340px; margin-right:40px; display:block; float:left; color:#333333; text-decoration:none;}
#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a p {}
#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a dl {}
#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a dl dt {margin-bottom:15px;}
#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a dl dd {font-size:15px; font-weight:bold;}

@media screen and (max-width:940px) and (min-width:700px) {
	#topContentArea .contentBlock03 .contentBlockInner { width:720px;}
	#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a { width:340px; margin-bottom:30px;}
	#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a p img { width:100%; height:auto;}
}
@media (max-width:700px) {
	#topContentArea .contentBlock03 { margin-bottom:30px;}
	#topContentArea .contentBlock03 .contentBlockInner { width:94%; padding-left:3%; padding-right:3%;}
	#topContentArea .contentBlock03 .contentBlockInner h2 { margin-bottom:25px;}
	#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 { margin-right:0;}
	#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a { width:100%; margin-bottom:30px; margin-right:0;}
	#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a p img { width:100%; height:auto;}
	#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a p { margin-bottom:10px;}
	#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a:last-child { margin:0;}
	#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a dl {}
	#topContentArea .contentBlock03 .contentBlockInner .colmun3WrapA01 a dl dt {margin-bottom:2px;}
}


#topContentArea .contentBlock04 { margin-bottom:80px; background:#fafafa; padding:60px 0 80px 0;}
#topContentArea .contentBlock04 .contentBlockInner { width:1100px; margin:0 auto;}
#topContentArea .contentBlock04 .contentBlockInner h2 { margin-bottom:35px; font-size:18px; font-weight:bold; color:#333333;}
#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 {  margin-bottom:25px; margin-right:-25px; }
#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a { width:255px; margin-right:25px; display:block; float:left; color:#333333; text-decoration:none;margin-bottom:15px;}
#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a dl {min-height:230px;}
#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a dl dt { margin-bottom:15px;}
#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a dl dd { font-size:15px; font-weight:bold; line-height: 1.6}
#topContentArea .contentBlock04 .linkBtnBlock01 { text-align:center; padding-top:25px;}
#topContentArea .contentBlock04 .linkBtnBlock01 a { display: inline-block; background:#ff9900; border-radius:8px; color:#ffffff; text-decoration:none; padding:18px 48px; font-size:18px; border:2px solid #ff9900;}
#topContentArea .contentBlock04 .linkBtnBlock01 a:hover { background:#ffffff; color:#ff9900;}
@media screen and (max-width:940px) and (min-width:700px) {
	#topContentArea .contentBlock04 .contentBlockInner { width:720px;}
	#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a { width:340px;}
	#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a dl dt img { width:100%; height:auto;}
}
@media (max-width:700px) {
	#topContentArea .contentBlock04 { margin-bottom:50px; padding:40px 0 60px 0;}
	#topContentArea .contentBlock04 .contentBlockInner { width:94%; padding-left:3%; padding-right:3%;}
	#topContentArea .contentBlock04 .contentBlockInner h2 { margin-bottom:25px;}
	#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 { margin-right:0;}
	#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a { width:100%; margin-right:0;}
	#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a:last-child { margin-bottom:0;}
	#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a dl dt { margin-bottom:10px;}
	#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a dl dt img { width:100%; height:auto;}
	#topContentArea .contentBlock04 .contentBlockInner .colmun4WrapA01 a dl dd { font-weight: bold;}
	#topContentArea .contentBlock04 .linkBtnBlock01 { padding:0 3%;}
	#topContentArea .contentBlock04 .linkBtnBlock01 a { display: block; color:#ffffff; padding:10px;font-size:12px; font-weight:bold;border-radius:5px;}
}


#topContentArea .contentBlock05 { margin-bottom:75px; padding-bottom:75px; border-bottom:1px solid #eeeeee;}
#topContentArea .contentBlock05 .contentBlockInner { width:1100px; margin:0 auto;}
#topContentArea .contentBlock05 .contentBlockInnerLeft { float:left; width:530px;}
#topContentArea .contentBlock05 .contentBlockInnerRight { float:right; width:530px;}
#topContentArea .contentBlock05 .contentBlockInner h2 { margin-bottom:15px; font-size:18px; font-weight:bold; color:#333333;}
#topContentArea .contentBlock05 .contentBlockInner ul {}
#topContentArea .contentBlock05 .contentBlockInner ul li {}
#topContentArea .contentBlock05 .contentBlockInner ul li a { display:block; border-bottom:1px solid #eeeeee; padding:20px 5px; color:#333333; font-size:13px;}
#topContentArea .contentBlock05 .contentBlockInner ul li a:hover { text-decoration:none;}
#topContentArea .contentBlock05 .contentBlockInner ul li a dl { overflow:hidden;}
#topContentArea .contentBlock05 .contentBlockInner ul li a dl dt { float:left; color:#ff9900; text-decoration:none; margin-right:30px;}
#topContentArea .contentBlock05 .contentBlockInner ul li a dl dd { overflow:hidden;}
@media screen and (max-width:940px) and (min-width:700px) {
	#topContentArea .contentBlock05 .contentBlockInner { width:720px;}
	#topContentArea .contentBlock05 .contentBlockInnerLeft { float:none; width:auto; margin-bottom:50px;}
	#topContentArea .contentBlock05 .contentBlockInnerRight { float:none; width:auto;}
}
@media (max-width:700px) {
	#topContentArea .contentBlock05 { margin-bottom:30px; padding-bottom:30px;}
	#topContentArea .contentBlock05 .contentBlockInner { width:94%; padding-left:3%; padding-right:3%;}
	#topContentArea .contentBlock05 .contentBlockInner h2 { margin-bottom:10px;}
	#topContentArea .contentBlock05 .contentBlockInnerLeft { float:none; width:100%; margin-bottom:30px;}
	#topContentArea .contentBlock05 .contentBlockInnerRight { float:none; width:100%;}
	#topContentArea .contentBlock05 .contentBlockInner ul li a { padding:10px 0; font-size:12px;}
	#topContentArea .contentBlock05 .contentBlockInner ul li a dl { overflow:hidden;}
	#topContentArea .contentBlock05 .contentBlockInner ul li a dl dt { float:left; color:#ff9900; text-decoration:none; margin-right:10px;}
	#topContentArea .contentBlock05 .contentBlockInner ul li a dl dd { overflow:hidden;}
}


#topContentArea .contentBlock06 { width:1100px; margin:0 auto;}
#topContentArea .contentBlock06 h2 { margin-bottom:35px; font-size:18px; font-weight:bold; color:#333333;}
#topContentArea .contentBlock06 .contentBlockInner {}
#topContentArea .contentBlock06 .contentBlockInnerLeft { float:left; width:532px;}
#topContentArea .contentBlock06 .contentBlockInnerRight { float:right; width:532px;}
#topContentArea .contentBlock06 .contentBlockInner dl {}
#topContentArea .contentBlock06 .contentBlockInner dl dt { border-bottom:1px solid #eeeeee; padding-bottom:50px;}
#topContentArea .contentBlock06 .contentBlockInner dl dd { font-size:13px;}
#topContentArea .contentBlock06 .contentBlockInner dl dd h3 {font-size:18px; font-weight:bold; color:#333333; margin-top:-18px; margin-bottom:20px;}
#topContentArea .contentBlock06 .contentBlockInner dl dd h3 span { background:#ffffff; padding-right:10px;}
#topContentArea .contentBlock06 .contentBlockInner dl dd .indentBlock01 { margin-bottom:20px;}
#topContentArea .contentBlock06 .contentBlockInner dl dd .indentBlock01 dl { overflow:hidden; margin-bottom:5px; line-height:1.8;}
#topContentArea .contentBlock06 .contentBlockInner dl dd .indentBlock01 dl dt { float:left; color:#ffffff; background:#000000; padding:0 8px; margin-right:15px;}
#topContentArea .contentBlock06 .contentBlockInner dl dd .indentBlock01 dl dd { overflow:hidden;}
#topContentArea .contentBlock06 .contentBlockInner dl dd .accordionBlock { margin-top:20px;}

#topContentArea .contentBlock06 dl.accordion { border-bottom:1px solid #eeeeee; margin-bottom:10px;}
#topContentArea .contentBlock06 dl.accordion dt.trigger {
		display: block;
		cursor:pointer;
		border-bottom: none;
		padding-bottom:10px;
		font-weight:normal;
		line-height:1.4;
	}
#topContentArea .contentBlock06 dl.accordion dt.trigger span { text-align:center; display: inline-block;width:10px; background:#000000; margin-right:15px; color:#ffffff; padding:2px 8px; font-weight:bold;}
#topContentArea .contentBlock06 dl.accordion dt.trigger em { display:none;}
#topContentArea .contentBlock06 dl.accordion dt.trigger.active span { display:none;}
#topContentArea .contentBlock06 dl.accordion dt.trigger.active em { text-align:center; display: inline-block; width:10px; background:#ff9900; margin-right:15px; color:#ffffff; padding:2px 8px; font-weight:bold;}
#topContentArea .contentBlock06 dl.accordion dt.trigger.over { color:#ff9900;}
#topContentArea .contentBlock06 dl.accordion dt.trigger.over span,
#topContentArea .contentBlock06 dl.accordion dt.trigger.over em { background:#ff9900; color:#ffffff;}
#topContentArea .contentBlock06 dl.accordion dd { display:none; padding-bottom:10px;}



@media screen and (max-width:940px) and (min-width:700px) {
	#topContentArea .contentBlock06 { width:720px;}
	#topContentArea .contentBlock06 .contentBlockInner dl dt img { width:100%;}
	#topContentArea .contentBlock06 .contentBlockInnerLeft { float:none; width:auto; margin-bottom:50px;}
	#topContentArea .contentBlock06 .contentBlockInnerRight { float:none; width:auto;}
}
@media (max-width:700px) {
	#topContentArea .contentBlock06 { width:94%; padding-left:3%; padding-right:3%;}
	#topContentArea .contentBlock06 h2 { margin-bottom:25px;}
	#topContentArea .contentBlock06 .contentBlockInner dl dt img { width:100%;}
	#topContentArea .contentBlock06 .contentBlockInnerLeft { float:none; width:100%; margin-bottom:50px;}
	#topContentArea .contentBlock06 .contentBlockInnerRight { float:none; width:100%;}
	#topContentArea .contentBlock06 dl.accordion dt.trigger.over span { background:#000000;}
	#footerbanner {
	display:none;
	}
	#footerbanner-sp {
	display: block;
    position: fixed !important;  
    position: absolute;
	text-align:center;
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: auto;
    background-color: #333333;  
    color: #fff;
	padding:5px 0;
	border-top: 1px solid #FFFFFF;	
}
#footerbanner-sp .wrap-sp {
display: inline-block;
height:100px;
}
.spacer{
	height: 120px
}
}