@charset "UTF-8";
/*
Theme Name:  ボタニカル本番テーマ
Theme URI: 
Description: 一般向けサイト テーマ
Version: 1.0
*/

/* init
*******************************/
body{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 400; /* reset css => font-weight:inherit */
	color:#000;
	line-height:1.7;
	font-size:14px;
	
	min-width:1140px;
	
	/* pc用背景 */
	background-color:#efefef;
}

a{
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}

ul{
	font-size: 0;
}

li{
	font-size: 12px;
}


/* basic style
*******************************/
.container{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	overflow:hidden;
}
a img{
	transition: all 0.3s ease;
	display: inline-block;
    backface-visibility: hidden;
    zoom: 1;
}
a:hover img{
	opacity:0.8;
}

.pc-block{
	display:inline-block;
}
.sp-block{
	display:none;
}





/* hdl */
.hdl02{
	font-size:28px;
	font-weight:bold;
	line-height:1.3;
}
@media screen and (max-width: 680px) {
.hdl02{
	font-size:22px;
}
}



#subCatch{
	padding-right:3%;
	padding-left:3%;
	box-sizing:border-box;
}





/* slide navi*************************************/
#mainHeader{
	height:auto;
	background-color:#FFF;
	/*border-bottom:1px solid rgba(0,0,0,0.2);*/
	z-index:99;
}
#mainHeader .container{
	overflow:visible;
}
#mainHeader .logo{
	float:left;
	padding:24px 30px;
}
#mainHeader .logo img{
}
#navi{
	float:right;
	position:relative;
}
#navi > ul > li{
	float:left;
	display: flex;
    align-items: center;
}
#navi ul li.sp{
	display:none;
}
#spMenuBody{
	display:none;
}
/********************/

#navi .mainNavi{
	float:left;
	padding:43px 1px 0 0;
}
#navi .dropmenu > li > a{
	vertical-align:middle;
	padding:8px 10px;
	margin:10px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-shadow:0 1px 1px rgba(0,0,0,0.2);
}
#navi .dropmenu > li > a:hover{
	background:rgba(255,255,255,0.2);
}
#navi .dropmenu > li::before{
	content:"|";
	color:#FFF;
	margin:0 2px;
}
#navi .dropmenu > li:nth-child(4)::after{
	content:"|";
	color:#FFF;
	margin:0 2px;
}
#navi .headerBtn{
	position: absolute;
    top: 0;
    right: 20px;
	z-index:100;
    text-align: center;
}
#navi .headerBtn .button{
	font-size: 15px;
	margin-top:20px;
}
#navi .headerBtn .button a{
    padding: 4px 3px;
}
#navi a:hover{
	opacity:0.7;
}


.content::before{
	content:"";
	display:block;
	width:100%;
	height:30px;
}
.content .conInner{
	width:1066px;
	margin: auto;
	background-color: #fff;
}
.content::after{
	content:"";
	display:block;
	width:100%;
	height:32px;
	margin-bottom:60px;
}




#mainFooter .copyright{
	text-align:center;
	letter-spacing: 1px;
	font-size: 10px;
	color:#40210f;
	font-family: 'Noto Sans JP', sans-serif;
}
#mainFooter .footer_nav{
	font-size:0;
	text-align:center;
}
#mainFooter .footer_nav li{
	font-size:13px;
	display:inline-block;
}
#mainFooter .footer_nav li a{
	color:#40210f;
	padding:0 10px;
}
#mainFooter .footer_nav li:not(:last-child)::after{
	content:"/";
}




/* topics-list
********************/
.topics-list .container{
	padding:0;
}

.topics-list ul{
	font-size:0;
	text-align:center;
}
.topics-list ul li{
	display:inline-block;
	width:163px;
	margin:0 10px 10px;
    font-size: 16px;
    line-height: 1;
	vertical-align:top;
	border-top:5px solid #FFF;
}
.topics-list li a{
	display: block;
	position:relative;
	overflow:hidden;
    width: 100%;
    box-sizing: border-box;
}
.topics-list li .postDate{
	text-align:left;
	font-size:14px;
	padding:8px 0 6px 0;
	font-weight:bold;
	margin-bottom: 0px!important;
}
.topics-list li .tags{
	display: inline;
	float:right;
    display:block;
	padding-right:0;
	font-size:12px;
	margin:1px 0 2px;
}
.topics-list li .tags span{
	padding: 4px 20px 6px;
    background: #ffd800;
    color: #000;
    display: inline;
}
.topics-list li .title{
	text-align:left;
	font-size:14px;
}

.topics-list li:hover{
	opacity:0.8;
	border-top:5px solid #59d1c6;
}

@media screen and (max-width: 980px) {
.topics-list ul li{
	width:17%;
	margin: 0 1% 10px;
}
}


/* topics-detail
********************/
.postMeta{
	text-align:center;
	margin-top:15px;
}
.postMeta .postDate{
	padding-bottom:10px;
	border-bottom:1px solid #000;
	margin-bottom:10px;
	display:inline-block;
}
.postMeta .tags span{
    padding: 5px;
    background: #f49d15;
    border-radius: 5px;
    color: #FFF;
    margin: 0 4px;
    font-size: 13px;
    font-weight: bold;
}


/*	pagerBtn
********************/
.pagerBtn{
	padding:20px 0 10px 0;
}
.pagerBtn .page-numbers{
	padding:8px 14px;
	border:1px solid #353535; 
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0,0,0,0.2);
}
.pagerBtn .page-numbers.current{
	border-color:#ffd800;
	background:#ffd800;
	font-weight:500;
}
.pagerBtn .page-numbers:hover{
	border-color:#ffd800;
	background:#ffd800;
	font-weight:500;
}

/*	pageNavi
********************/
.pageNavi{
	font-size:0;
	text-align:center;
}
.pageNavi li{
	font-size:17px;
	font-weight:500;
	display:inline-block;
	margin:0 8px 16px;
	text-align:center;
	padding: 0 0 3px;
	vertical-align: top;
}
.pageNavi li a{
	text-decoration:none!important;
	display:block;
	padding:15px 40px 15px;
	background:#e4deb4;/*#d6d0aa;*/
	color:#000;
	border-radius:8px;
	text-shadow:0 1px 0px rgba(255,255,255,0.6);
	box-shadow: 0 6px 1px 1px rgb(160, 157, 137);
}
.pageNavi li:hover{
	margin-bottom:13px;
	padding-top: 3px;
}
.pageNavi li:hover a{
	box-shadow: 0 1px 1px 1px rgb(160, 157, 137);
	background-color:#ffd800;
}
@media screen and (max-width: 680px) {
.pageNavi li{
	width:80%;
	font-size:16px;
}
.pageNavi li a{
	padding-left:5px;
	padding-right:5px;
}
}




/* ggmap
********************/
.ggmap iframe, .ggmap object, .ggmap embed{
	width:100%;
	height:100%;
}

/* fixBtn
********************/
#fixBtn{
	display:none;
	position:fixed;
	right:1%;
	bottom:10%;
	z-index:9999;
}
#fixBtn .delBtn{
	cursor:pointer;
	position:relative;
	z-index:100;
}
#fixBtn .delBtn:hover img{
	margin-bottom:-1px;
}
#fixBtn .mainBtn{
    margin-top: -14px;
    display: block;
}
@media screen and (max-width: 900px) {
#fixBtn{
	width: 25%;
	max-width:161px;
	min-width: 100px;
	bottom:1%;
}
#fixBtn .mainBtn{
    margin-top: -9%;
}	
}


/* lightbox
*********************/
#gallery .lb-data .lb-close{
	background: url(img/close.png) top right no-repeat;
    margin: 18px 26px 10px 0;
    background-size: cover;
    position: relative;
    z-index: 9999;
}
#gallery .lightbox .lb-image {
    border-radius: 0;
    /*border: 30px solid white;
	border-top-width:18px;*/
}
#gallery .lb-dataContainer {
	border-radius: 0!important;
    background: white;
}

#gallery .lb-outerContainer{
	border-radius:0!important;
}

#gallery .lb-image{
	position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}
#gallery .lb-nav a.lb-next{
	width:49%;
	margin-right:1%;
}
#gallery .lb-nav a.lb-prev{
	width:49%;
	margin-left:1%;
}

@media screen and (max-width: 900px) {
	#gallery .lightbox .lb-image {
	    border: none;
		border-top-width:0;
	}
	#gallery .lb-data .lb-close{
		width: 14px;
	    height: 14px;
	    margin: 10px 0 10px;
	}
	.lb-nav a.lb-next,
	.lb-nav a.lb-prev{
		background-size:20%!important;
		opacity:1!important;
	}
	.lb-nav a.lb-next:hover,
	.lb-nav a.lb-prev:hover{
		opacity:0.7!important;
	}
}


/* banner01
********************/
.banner01 .outer{
	overflow:hidden;
	border-radius:8px;
	border:3px solid #3d3d3d;
}
.banner01 .outer h3{
	padding:20px 30px;
	background:#3d3d3d;
}
.banner01 .outer .bnrBody{
	padding:20px 0px 20px 30px;
}
.banner01 .outer .bnrBody a:hover{
	opacity:0.7;
}





/*****************************************************

	Post content

*****************************************************/

/* underHdl
**********************/
.underHdl02,
.postContent .container h2{
	color:#FFF;
	background:#4bbcb0;
	padding:12px 15px 10px 30px;
	font-size:18px;
	font-weight:bold;
	line-height:1.3;
	width:100%;
	text-shadow:0 1px 1px rgba(0,0,0,0.2);
	border-top:1px solid #6fc9be;
	border-bottom:1px solid #6fc9be;
	box-sizing:border-box;
	position:relative;
}
.underHdl02::before,
.postContent .container h2::before{
	content: "";
    background: #FFF;
    width: 7px;
    height: 20px;
    margin-right: 12px;
    display: inline-block;
    float: left;
	box-shadow:0 1px 1px rgba(0,0,0,0.2);
	position:absolute;
	top:13px;
	left:15px;
}

.underHdl03,
.postContent .container h3{
	color:#4bbcb0;
	font-size:18px;
	font-weight:bold;
	line-height:1.3;
}
.underHdl03::before,
.postContent .container h3::before{
	content: "";
    background: #4bbcb0;
    width: 7px;
    height: 20px;
    margin-right: 12px;
    display: inline-block;
    float: left;
}


.postContent .container h2{
	margin-top:3.5em;
	margin-bottom:1.5em;
	clear:both;
}
.postContent .container h3{
	margin-top:3.5em;
	margin-bottom:1.5em;
}
.postContent .container p{
	margin-bottom:1.5em;
}
.postContent .container ul.disc{
	list-style-type:disc;
	margin-left:17px;
	margin-bottom:1.5em;
}


.basicContent h2{
	font-size:1.2em;
	font-weight:bold;
	margin-top:3em;
	margin-bottom:1em;
	clear:both;
}
.basicContent h3{
	font-weight:bold;
	margin-top:2em;
}
.basicContent p{
	margin-bottom:1.5em;
}






/* topics-list */
.topics-list{
	width: 80%;
	max-width: 700px;
    background: #ffe43d;
    margin: 0 auto;
    border-radius: 10px;
}
.moreTopics{
	width: 80%;
	max-width: 700px;
	margin: 0 auto;
	text-align:left;
	box-sizing:border-box;
	padding:3px;
}
.moreTopics a{
	text-decoration:underline;
	color:#462b1a;
	font-size:16px;
}
.moreTopics a:hover{
	text-decoration:none;
}

.topics-list article{
	clear:both;
	padding:16px 0;
	margin:0 16px;
}
.topics-list article:not(:first-child){
	padding-top:19px;
	background:url(img/pc_img_underline02.png) center top repeat-x;
}
.topics-list .postDate{
	float:left;
	font-size:16px;
	color:#1b99cd;
	line-height:1.5;
	text-align:left;
	font-weight:bold;
	padding:4px 12px;
	background:#FFF;
	margin-right:20px;
}
.topics-list .postDate span{
	display:block;
}
.topics-list h3{
	text-align:left;
}
.topics-list h3 a{
	display:block;
	text-decoration:underline;
}
.topics-list h3 a:hover{
	text-decoration:none;
}


.retHome{
	padding-bottom:20px;
}


/********************************************************************************************************************/








/* page style
************************************************/



/***  home  ***/
#keyv{
	width:100%;
	padding:24px 0;
}
#keyv .inner{
	width:100%;
	height:100%;
}
#keyv #mainSlider{
	width:100%;
	text-align:center;
	position:relative;
	padding:0;
	height:520px;
	overflow:hidden;
}

#mainSlider img{
	width: 1066px;
}

#keyv #mainSlider .slick-list{
	/*width:100%;  // 750以下で設定 */
}
#keyv #mainSlider li{
	margin:0 15px;
}

#keyv #mainSlider .slick-prev{
	left:auto;
	right:0;
	z-index:999;
	height:100%;
	text-align:left;
}
#keyv #mainSlider .slick-prev::before{
	content:"";
	display:inline-block;
	background:url(img/btn_slick_next.png) left top no-repeat;
	width:26px;
	height:58px;
	background-size:contain;
}
#keyv #mainSlider .slick-next{
	left:0;
	right:auto;
	z-index:999;
	height:100%;
	text-align:right;
}
#keyv #mainSlider .slick-next::before{
	content:"";
	display:inline-block;
	background:url(img/btn_slick_prev.png) left top no-repeat;
	width:26px;
	height:58px;
	background-size:contain;
}


#home #con01 .sub02 area {
	outline:none;
}
#home #con01 .sub01 .btn01{
	position:absolute;
	width:100%;
	text-align:center;
	top:18px;
}
#home #con01 .sub01 .movie{
	position:absolute;
	width:100%;
	text-align:center;
	top:230px;
}

#home #con01 .sub01 .video{
	position:relative;
	width:100%;
	padding-top:56.25%;
    position: relative;
    width: 40%;
    padding-top: 24.25%;
    margin: 0 auto;
}
#home #con01 .sub01 .video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}



#home #con03 {
	margin-bottom:66px;
}
#home #con03 .conBody{
	background:url(img/pc_home_con03_bg.png) center top no-repeat;
	overflow:hidden;
}

#home #con04 {
	margin-bottom:66px;
}
#home #con04 .container{
	overflow:visible;
}
#home #con04 .slick-slide{
	padding:0 8px;
}

#home #con05 {
	margin-bottom:66px;
}
#home #con05 h2{
	margin-bottom:82px;
}
#home #con05 #movieList{
	width: 980px;
    margin: 0 auto;
    text-align: left;
}
#home #con05 #movieList li{
	clear:both;
	font-size:14px;
    display: inline-block;
    margin: 0 0 44px 0;
    width: 100%;
}
#home #con05 #movieList .movie{
	float: left;
    width: 43%;
    margin-left: 7%;
}

#home #con05 #movieList .video{
	width:100%;
	padding-top:56.25%;
    position: relative;
    margin: 0 auto;
}
#home #con05 #movieList .video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
#home #con05 #movieList .text{
    float: left;
    margin-left: 2.6%;
	width: 40%;
    font-size: 16px;
    color: #444444;
	line-height:1.3;
}
#home #con05 #movieList .text h3{
	margin-bottom:8px;
}




#home #con06 {
	margin-bottom:66px;
}
#home #con06 .conBody{
	text-align:center;
}
#home #con06 .conBody h3{
	text-align:left;
	padding-bottom:10px;
}
#home #con06 .conBody .leftArea{
	display:inline-block;
	width:480px;
	padding:10px 25px 6px;
	background:#ffe43c;
	margin:0 10px 20px;
	border-radius:8px;
	box-sizing:border-box;
}
#home #con06 .conBody .leftArea .thumbnail-wrapper img{
	border-radius:8px;
}

#home #con06 .conBody .rightArea{
	display:inline-block;
	width:480px;
	padding:10px 25px 13px;
	background:#ffe43c;
	margin:0 10px 20px;
	border-radius:8px;
	box-sizing:border-box;
}
#home #con06 .conBody .rightArea .twitterList{
	height: 288px;
    overflow-y: scroll;
	background:#FFF;
}
#home #con06 .conBody .rightArea .twitterList li{
	border-top: 1px solid rgba(15,70,100,.12);
}
#home #con06 .conBody .rightArea .twitterList li a{
	padding:10px;
	display:block;
	text-align:left;
}
#home #con06 .conBody .rightArea .twitterList li .tweetHeader{
    position: relative;
    margin-bottom: 2px;
    padding-left: 40px;
}
#home #con06 .conBody .rightArea .twitterList li .eyecatch{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 4px;
}
#home #con06 .conBody .rightArea .twitterList li .eyecatch img{ 
    border-radius: 50%;
	max-width:100%;
	max-height:100%;
}
#home #con06 .conBody .rightArea .twitterList li .name{
	max-width: 100%;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    word-wrap: normal!important;
	
	font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 4px;
}
#home #con06 .conBody .rightArea .twitterList li .screenName{
	max-width: 100%;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    word-wrap: normal!important;
	
	font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    padding-right: 4px;
	color: #8899A6;
}
#home #con06 .conBody .rightArea .twitterList li .text{
	margin-left: 40px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    white-space: pre-wrap;
    word-wrap: break-word;
}
#home #con06 .conBody .rightArea .twitterList li .date{
    float: right;
    margin-top: 2px;
	font-size: 12px;
    line-height: 18px;
	color: #8899a6;
}





#home #con07 {
	margin-bottom:80px;
}
#home #con07 .conBody{
	background:url(img/pc_home_con07_bg.png) center top no-repeat;
	overflow:hidden;
}

#home #con07 .conBody .leftArea{
	float:left;
	margin:73px 0 0 145px;
}
#home #con07 .conBody .rightArea{
	float:left;
	margin:115px 0 0 18px;
}
#home #con07 .conBody .rightArea ul{
	margin-bottom:32px;
}
#home #con07 .conBody .rightArea li{
	display:inline-block;
}
#home #con07 .conBody .rightArea li img{
	vertical-align:top;
}



/***  scledule  ***/

#schedule #con01{
	padding-bottom:30px;
}

#schedule #con01 ol{
	width: 980px;
    margin: 0 auto;
    text-align: left;
	font-size:0;
}

#schedule #con01 li{
	font-size:14px;
	display:inline-block;
	padding:0 5px 40px 5px;
	box-sizing:border-box;
	width:25%;
}
#schedule #con01 li a,
#schedule #con01 li a img{
	width:100%;
}

#schedule #con02{
	padding-bottom:40px;
}


/* photoGallery */
.photoGallery {
	width: 980px;
    margin: 0 auto;
	margin-bottom:20px;
    text-align: left;
	clear:both;
	overflow:hidden;
}
.photoGallery .photoList{
	width: 50%;
	float:left;
	font-size:0;
}
.photoGallery .photoList li{
	font-size:14px;
    display: inline-block;
	
    width: 50%;
	padding: 2px 3px;
	box-sizing:border-box;
}
.photoGallery .photoList li.sizeL{
	width:100%;
}
.photoGallery .photoList li img{
	width:100%;	
}
.photoGallery .photoList li a img{
    transition: none;
}
.photoGallery .more{
	text-align:right;
	padding-right:5px;
}
.photoGallery .more a{
	font-size:16px;
	color:#3f210e;
	text-decoration:underline;
}
.photoGallery .more a:hover{
	text-decoration:none;
}


/***  gallery Page  ***/
#gallery .content{
	margin-top:20px;
}
#gallery #con01 h2{
	overflow:hidden;
}
#gallery #con01 h2 img{
	margin-top:-10px;
}







/***  document  ***/
#document .content{
	margin-top:20px;
}
#document #con01 .postContent{
	margin-bottom:60px;
}
#document #con01 .postContent::after{
	content:"";
	display:block;
	width:876px;
	height:9px;
	background:url(img/pc_img_underline01.png) center top no-repeat;
	background-size:center;
	margin:0 auto;
} 
#document #con01 .postContent .postTitle{
	width:806px;
	background:url(img/ptn_dot01.png);
	padding:13px 26px;
	box-sizing:border-box;
	margin:0 auto 30px;
	border-radius:10px;
	color:#444;
}
#document #con01 .postContent .postTitle .region{
	background:#2aa0d2;
	padding:6px 15px 5px;
	float:left;
	color:#FFF;
	font-size:21px;
	line-height:1;
	font-weight:bold;
	margin-right:20px;	
}
#document #con01 .postContent .postTitle .place{
	font-size:21px;
	line-height:1.7;
	float:left;
	font-weight:bold;
	text-align:left;
}
#document #con01 .postContent .postTitle h3{
	clear:both;
	font-size:26px;
	line-height:1.3;
	font-weight:bold;
	text-align:left;
	padding:5px 0;
}
#document #con01 .postContent .postTitle .date{
	font-size:14px;
	text-align:left;
}

#document #con01 .postContent .postBody{
	width:786px;
	margin:0 auto 40px;
}
#document #con01 .postContent .postBody p{
	margin-bottom:20px;
	text-align:left;
	font-size:17px;
}
#document #con01 .postContent .postBody p img{
	max-width:786px;
}

#document #con01 .postContent .postBody p.underline{
	text-decoration:underline;
}




.container{
	padding: 20px 0;
}


.container h2 {
	color: #444;
	font-size: 24px;
	display: flex;
	align-items: center;
	width: 96%;
	margin: auto;
	margin-bottom: 20px;
}
.container h2:before, .container h2:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.container h2:before {
	margin-right: .4em;
	margin-left: .4em;
}
.container h2:after {
	margin-right: .4em;
	margin-left: .4em;
}

.container dl{
	width: 100%;
}

.buy ul{
	width: 96%;
	margin: auto;
}

.buy li{
	width: 32%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	border: 2px solid #F5D020;
	border-radius: 3px;
	padding: 10px 15px;
	margin-right: 1.6%;
	margin-bottom: 15px;
	min-height: 180px;
	background-color: #FFFBE9;
}

.buy li:nth-of-type(3n){
	margin-right: 0;
}

.buy li strong{
	color: #D25317;
	font-size: 24px;
	font-weight: bold;
}

.buy li p{
	text-align: left;
	font-size: 110%;
}

#mainFooter img{
	width: 192px;
}

.contact{
	width:90%;
	margin:auto;
	text-align:left;
	font-size: 18px;
}

.contact dl{
	margin-bottom: 30px;
}

.contact dt{
	margin-bottom: 10px;
	border-left: 5px solid #D34F4F;
	padding-left: 10px;
}

.contact dd input {
	width: 100%;
	height: 50px;
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
	box-sizing: border-box;
	font-size: 18px;
	padding-left: 10px;
}

.contact dd textarea {
	width: 100%;
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
	box-sizing: border-box;
	font-size: 18px;
	padding: 10px;
}

.contact .btn02{
	width: 180px;
	height: 60px;
	margin: auto;
}

.contact .btn02 input{
	width: 180px;
	height: 60px;
	font-size: 18px;
}

.company{
	width:70%;
	margin:auto;
	text-align:left;
	font-size: 18px;
}

.company dl{
	width: 100%;
	overflow: hidden;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:10px;
}

.company dl:last-child{
	border-bottom: 0;
}

.company dt , .company dd{
	display: inline-block;
	vertical-align: top;
}

.company dt{
	width: 15%;
	padding-left: 10px;
}

.company dd{
	width: 80%;
}

.suumo_banner{
	width: 65%;
	margin: auto;
	margin-top: 30px;
	padding: 20px 0;
	border: 1px solid #ccc;
}

/*.container dt , .container dd{
	width: 33%;
	float: left;
}

.container dd:after{
	content: "";
	height: 0;
	width: 0;
	clear: both;
}*/

.container_txt01 , .csr_img_list , .csr_img_list02{
	width: calc( 100% - 40px );
	margin: auto;
	margin-bottom: 30px;
}

.csr_img_list li{
	width: 32%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	margin:0 2% 20px 0;
}

.csr_img_list li:nth-of-type(3n){
	margin-right: 0;
}

.csr_img_list02 li{
	width: 32%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	margin:0 2% 20px 0;
}

.csr_img_list02 li:nth-of-type(3n){
	margin-right: 0;
}

.csr_img_list li .csr_img , .csr_img_list02 li .csr_img02{
	width: 100%;
	box-sizing: border-box;
	border:1px solid #ddd;
	background-color:#eee;
}

.csr_img_list li .csr_img img , .csr_img_list02 li .csr_img02 img{
  width: 100%;
  height: 250px;
  object-fit: contain;
}

.csr_img03 , .csr_img03 img{
	width: 80%;
	margin: auto;
	text-align: center;
}