@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Oswald&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap");

#area-header,
#area-billboard,
#area-main,
#area-side-a,
#area-side-b,
#area-footer,
#area-contents {
	border: 0px solid black
}

#area-billboard {
	border-color: orange;
}

#area-main {
	border-color: blue
}

#area-side-a {
	border-color: red
}


#area-side-b {
	border-color: maroon
}

#area-footer {
	border-color: black
}


#area-contents {
	border-color: olive
}

.none {
	display:none;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}



/* ------------------------------------------------------------
COMMON & RESET
-------------------------------------------------------------*/
*,
*::before,
*::after {
	box-sizing: border-box;
}


.widget li,
.inner-box li {
	list-style:none;
}

.area-feat h1,
.area-feat h2,
.area-feat h3,
.area-feat h4,
.area-feat h5,
.area-feat h6,
.area-feat p,
.area-feat li,
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6,
.widget p,
.widget li,	{
	color:red;
	font-size:14px;
	line-height:1.5;
	text-align:left;
	padding:0;
	margin:0;
	font-weight:400;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
}

.area-feat ul,
.area-feat ol,
.area-feat ul>li,
.area-feat ol>li,
.area-feat dl,
.area-feat dl dt,
.area-feat dl dd {
	padding:0;
	margin:0;
}

.area-feat a {
	padding:0;
	margin:0;
	text-decoration:none;
	border:none;
	color:purple;
	background:transparent

}

.area-feat a:hover {

}



.btn-more {
	display:block;
	padding:0;
	margin:15px 0;
	text-align:left;
}

.btn-more a {
	display:block;
	text-align:center;
	background:#ffb54e;
	background: linear-gradient( #ffb54e 0% , #ff8000 100%  );
	font-size:14px;
	color:white;
	width:15em;
	padding:0.7em 0 0.4em;
	line-height: 1;
	border-radius:30px;
	transition:0.4s;
}

.btn-more a:hover	{
	opacity:0.4;
}












/* ------------------------------------------------------------
widget
-------------------------------------------------------------*/
.widget {
	border:0px solid red;
	padding:0;
	margin:0;
}

.widget img {
	display:block;
	padding:0;
	margin:0;
	width:100%;
	height:auto;
	background:white;
}

.widget ul {
	border:1px solid #DDD;
	padding:5px;
	margin:10px 0;
}


.widget ul li {
	border:0px solid red;
	list-style:none;
	display:block;
	padding:4px;
	margin:0;
	background:white
}

.widget ul li a {
	border:0px solid black;
	list-style:none;
	display:block;
	padding:0;
	margin:0;
	text-align:left;
	transition:0.4s;
}

.widget ul li a:hover	{
	opacity:0.3;
	cursor:pointer;
}




.widget ol {
	border:0px solid #DDD;
	padding:5px;
	margin:5px 0;
}


.widget ol li {
	border-bottom:1px dotted #ddd;
	list-style:none;
	display:block;
	padding:10px 5px ;
	margin:0;
	background:white
}

.widget ol li a {
	border:0px solid black;
	list-style:none;
	display:block;
	padding:0;
	margin:0;
	text-align:left;
	transition:0.4s;
	background:white;
	color:#333;
	font-size:12px;
	text-indent: -1.3em;
	margin-left:1.3em;
}


.widget ol li a:before{
	font-family: "Font Awesome 5 Free";
	content: '\f58d';
	font-weight: 900;
	color:#f90;
	margin-right:0.3em;
}


.widget ol li a i {
	display:none;
}
.widget ol li a b {
	color:#F29702
}

.widget ol li a:hover	{
	opacity:0.3;
	cursor:pointer;
	text-decoration:none
}







.widget.second ul	{
	margin:20px 0;
	padding:0;
	border:none;
}

.widget.second ul li	{
	padding:5px 0;
}

.widget.logo .navigation  {
	margin-top:0;
	padding:20px;
}




/* ------------------------------------------------------------
area-feat
-------------------------------------------------------------*/
.area-feat {
	border-top: 1px solid #E7E7E7;
	padding: 45px 0;
	margin:  0;
}

.area-feat figure {
	border:0px solid green;
	width:100%;
	display:block;
	padding:0;
	margin:0;
}

.area-feat img {
	border:0px solid red;
	width:100%;
	height:Auto;
	display:block;
	padding:0;
	margin:0;
}

.area-feat .container {
	border:0px solid blue;
	width: 100%;
	padding: 0;
	margin: 0;
}

.area-feat .row {
	border:0px solid aqua;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}

.area-feat .inner-box.col-12,
.area-feat .inner-box.col-06,
.area-feat .inner-box.col-04 {
	border: 0px solid black;
	padding: 0 10px;
	margin:  0;
	display:block;
	text-align:left;
}

	.area-feat .inner-box.col-12 {
	width: 100%
}

.area-feat .inner-box.col-06 {
	width: 50%;
}

.area-feat .inner-box.col-04 {
	width: 33.33333%;
}

.area-feat dl {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin:  0;
}

.area-feat dl dt,
.area-feat dl dd {
	border:0px solid pink;
	padding:0;
	margin:0;
	text-align:left;
}

.area-feat .order1{
	order:1;
}

.area-feat .order2{
	order:2;
}


.area-feat h3	{
	color:#333;
	font-weight:600;
	font-size:25px;
	margin-bottom:0.75em;
	letter-spacing: 0.15em;
}

.area-feat h4	{
	color:#666;
	font-size:20px;
	margin-bottom:0.5em;
}

.area-feat p	{
	color:#777;
	font-size:13px;
	margin-bottom:0.5em;
	line-height:1.5;
}


.area-feat .icon	{
	border:0px solid blue;
	height:16px;
	display:inline-block;
	padding:0;
	margin:10px 0 0 0;
}

.area-feat .icon	img {
	width:auto;
	height:16px;
	display:block;
	padding:0;
	margin:0 5px 0 0;
	border:0px solid black
}




/* ------------------------------------------------------------
area-feat FIRST
-------------------------------------------------------------*/
.area-feat.first dl dt {
	width:40%
}

.area-feat.first dl dd {
	width:60%
}

.area-feat.first dl dd.order1 {
	padding-right:25px;
}

.area-feat.first dl dd.order2 {
	padding-left:25px;
	margin-bottom:45px;
}




/* ------------------------------------------------------------
area-feat SECOND
-------------------------------------------------------------*/
.area-feat.second h3	{
	color:#333;
	font-size:20px;
	letter-spacing: 0.05em;
	margin:0.5em 0;
	line-height:1.3;
}

.area-feat.second a {
	border:0px solid red;
	display:block;
	transition:0.4s;
	position:relative;
}

.area-feat.second a:hover{
	opacity:0.4;
}


.area-feat.second .icon	{
	position:absolute;
	bottom:2px;
	right:2px;
}





/* ------------------------------------------------------------
area-feat THIRD
-------------------------------------------------------------*/
.area-feat.third blockquote	{
	background:#fafafa;
	padding:30px;
	border:1px solid #f3f3f3;
	margin:15px 0;
	width:100%;
}

.area-feat.third h3	{
	font-size:20px;
	margin:0 0 1.5em;
	line-height:1.3;
	letter-spacing: 0.3em
}

.area-feat.third h3 i {
	color:#ff8000;
}

.area-feat.third li {
	border-top:1px solid #eee;
	padding:10px 0;
	margin: 0;
	display:block;
	transition:0.4s;
}

.area-feat.third li:hover{
	opacity:0.4;
}

.area-feat.third li:last-child {
	border-bottom:1px solid #eee;
}

.area-feat.third dl {
display : -webkit-flex;
display :-ms-flexbox;
display : flex;
-webkit-flex-wrap : wrap;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
padding:0;
margin:0;
}

.area-feat.third dl dt,
.area-feat.third dl dd {
	font-size:13px;
	line-height:1.5;

}
.area-feat.third dl dt {
	color:#ff8000;
	font-weight:600;
	width:18%;
	letter-spacing:0.05em;
}

.area-feat.third dl dd {
	width:82%;
	color:#333;
}

.area-feat.third dl dd a {
	color:#333;
}





/* ------------------------------------------------------------
area-feat FOURTH
-------------------------------------------------------------*/
.area-feat.fourth .inner-box	{
	border:0px solid black;
	height:auto;
}

.area-feat.fourth dl	{
	border:1px solid #ddd;
	padding:5px;
	margin:5px auto;
	width:100%;
	height:93px;
	display : -webkit-flex;
	display :-ms-flexbox;
	display : flex;
	-webkit-flex-wrap : wrap;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
}

.area-feat.fourth dl dt	{
	width:27%;

}

.area-feat.fourth dl dd	{
	width:73%;
	padding-left:10px;
	height:auto;
}

.area-feat.fourth dl dd h3	{
	margin:0 0 0.5em 0;
	font-size:16px;
	letter-spacing: 0;
}

.area-feat.fourth dl dd p	{
	margin:0 ;
	padding:0;
}


.area-feat.fourth a {
	border:0px solid red;
	display:block;
	transition:0.4s;
}

.area-feat.fourth a:hover {
	opacity:0.4;
}







/*
.area-feat.first .col-12:first-child	{
	margin-bottom:60px;
}

.area-feat.second a {
	transition:0.4s;
	display:block

}

.area-feat.second a:hover {
	opacity:0.4;
	background:transparent;

}

.area-feat.third h3:first-child {
	margin-top:0;
}

.area-feat.third ul {
	padding:0;
	margin:0;
}

.area-feat.third li dl dd a:hover	{
	background:transparent
}

.area-feat.third li:hover	{
	opacity: 0.4;
	transition:0.4s;
	display:block;
}

.area-feat.fourth dl dd p	{
	color:#777;
	font-size:13px;
	margin-bottom:0.5em;
	line-height:1.5;
}

.area-feat.fourth a {
	display:block;
	transition:0.4s;
	background:transparent;
}

.area-feat.fourth a:hover {
	opacity:0.4;;
}

	.area-feat .icon	{
	display:inline-block;
	height:16px;
	width:auto;
	text-align:right;
	margin:0 2px;
	float:right;
}

.area-feat .icon::after	{
	display:block;
	content:'';
	clear:both
} */