@charset "UTF-8";
body{
	
	}
article.fullscreen {
	width:100%;
	max-width: 100%;
	margin:0 auto;
	padding: 0;
}
article.fullscreen section{
	padding: 60px 0;
	margin: 0 auto;
}
article.fullscreen section ul{
	list-style: none;
}
article.fullscreen h5{
	width:60%;
	max-width: 1100px;
	margin:50px auto;
	text-align: center;
	font-size: 1.4rem;
	color: rgba(255,255,255,1.00);
}
.bg_gray {
	padding: 0;
	background-color: rgba(230,230,230,1.00);
}
.bg_black {
	background-color: rgba(43,43,43,1.00);
	color: rgba(255,255,255,1.00);
	padding: 0;
}
.bg_black a{
	color: rgba(255,255,255,1.00);
}

.bg_main{
	color: rgba(255,255,255,1.00);
	background-image: linear-gradient(315deg, rgba(60,60,60,1.00) 0%, rgba(43,43,43,1.00) 74%);
	text-align: center;
}
.bg_blgrn{
	color: rgba(255,255,255,1.00);
	background-image: linear-gradient(315deg, rgba(0,160,153,1.00) 0%, rgba(111,196,198,1.00) 74%);
	text-align: center;
}
.main_pv{
	margin:0 auto 20px;
	width: 100%;
	max-width: 800px;
	text-align:center;
	z-index: 1000;
	box-shadow: 0px 15px 50px;
	color: rgba(0,0,0,1.00);
}
/* ~~ flexボックスの親 ~~ */
div.flex_oya_title{
	display: flex;
	justify-content:space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 2em auto 0;
	width: 80%;
	max-width:800px;
}
div.flex_rv{
	flex-direction: row-reverse;
}
/* ~~ 1カラム textarea ~~ */
div.text_area_title{
	width:45%;
	padding:0;
	margin:0;
}
div.text_area_title h3{
	padding:0;
	margin:  0 0 0;
	font-size: 1.3rem !important;
    line-height:2.3rem;
}
div.text_area_title p{
	font-size:1rem;
	width: 100%;
	text-align: center;
	margin:0.5em 0 1em 0 !important;
	padding: 0;
	line-height: 2em;
    display: block;
}
div.text_area_title a h4{
	padding:1em 0;
	margin: 2em 1em 0;
    background-color:darkorange;
    border-radius: 100px;
}
div.text_area_title a{
    color: rgba(255,255,255,1.00);
}
div.text_area_title a:hover{
    text-decoration: none;
}
div.text_area_title a h4:hover{
	opacity: 0.9;
    text-decoration: none;
}

/* ~~ textarea ~~ */
div.image_area_title{
	width: 40%;
	padding:0;
	margin:0;
	text-align: center;
}
.image_area_title img{
	width: 80%;
	
}
.p_title{
	width:auto;
	margin: 0 auto 80px auto;
	padding: 20px 0;
	text-align:center;
    line-height: 1.8em;
}
.hikaku_zone{
	margin:60px auto 0;
	width: 90%;
	max-width: 800px;
	text-align:center;
}
.hikaku_zone dl{
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.hikaku_zone dl dt{
width: 100%;
padding: 1.5em 0 0.3em;
border-top: rgba(150,150,150,1.00) solid 0px;

}
.hikaku_zone dl dd{
width: 33%;
display: inline-block;
border-bottom: rgba(150,150,150,1.00) solid 1px;
	margin: 0;
    padding: 0.3em 0 1.5em;
}
.hikaku_zone dl dd img{
width:50%;
padding: 0 0 1em 0;
display: block;
margin: auto;
}
.hikaku_zone dl dd a span{
width:80%;
padding: 0.5em 0 ;
display: inline-block;
margin:1.5em auto;
background-color:darkorange;
color:rgba(255,255,255,1.00);
font-family: tbudgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
border-radius: 100px;
}
.hikaku_zone dl dd a:hover{
text-decoration: none;
}
.hikaku_zone dl dd a span:hover{
opacity: 0.9;
}
dt.lock {
visibility: hidden;
}
dd.lock {
border-bottom: none !important;
}
.catalog{
width:1.5em !important;
margin:0 0.3em 0 0 !important;
padding: 0 !important;
vertical-align: middle;
display: inline-block !important;
}

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

}

@media screen and (max-width: 480px) {
/* ~~ flexボックスの親 ~~ */
.flex_oya_title{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1100px;
}
.main_pv{
	margin:-60px auto 20px;
}
/* ~~ 1カラム textarea ~~ */
div.text_area_title{
	width:100%;
}
div.text_area_title h3{
	width:90%;
	margin: 0.8em auto !important;
	text-align: center;
     line-height: 1.5em;
     font-size: 1.2rem !important;
	}
div.text_area_title p{
	width:90%;
	margin:0.3em auto 1em !important;
	padding: 0 !important;
	text-align: center;
}
div.text_area_title h4{
	width:90%;
	margin: 2em auto 0!important;
	padding: 1em !important;
	text-align: center;
}
/* ~~ 1カラム textarea ~~ */
div.image_area_title img{
	width: 55%;
}
/* ~~ textarea ~~ */
div.image_area_title{
	width: 100%;
	padding:0;
	margin:0;
	text-align:center;
}

.hikaku_zone {
}
.hikaku_zone dl{
width: 100%;
padding: 0;
display: flex;
flex-wrap: wrap;
font-size: 0.8rem;
}
dt.lock {
display: none;
}
dt.lock , dd.lock{
border-bottom: none !important;
width: 33% !important;
padding: 0.5em 0 !important;
padding-top: 100px;
}
.hikaku_zone dl dt{
padding: 1em 0 0.2em 0 ;
}
.hikaku_zone dl dd{
width: 33%;
display: inline-block;
	margin: 0;
    padding: 0.2em 0 1em 0;
}
.hikaku_zone dl dd img{
width: 50%;
padding-bottom: 0.5em;
}
.hikaku_zone dl dd span{
margin:0.8em auto;
font-size: 0.6rem;
}
.catalog_cell{
background-color:darkorange !important;
}
}