@import url("hamburger.css?id=9");
html {font-size: 625%;}

/*リセット*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	appearance: none;
    box-sizing: unset;
}

body {
	font-family: sans-serif;
	font-size: 14px;
	font-size: .14rem;
	color:#555;
	letter-spacing: .01rem;
	line-height: .2rem;
	-webkit-text-size-adjust: 100%;
	background: #f1f1f1;
	box-sizing: border-box;
	overflow-x: hidden;
}
/*共通*/
ol
,ul {
	list-style: none;
}
a{
	text-decoration: none;
	cursor: pointer;
}
button{
	cursor: pointer;
	border: none;
}
::placeholder{
	color: #ccc;
	font-size: .12rem;
}
.wrap{
	max-width: 1050px;
	width: 96%;
	margin: 0 auto;
}
header {
	background: #f1f1f1;
	width:100%;
	position: relative;
	z-index: 3;
}
footer .logo_wrap,
header .logo_wrap{
	display: flex;
	justify-content: space-between;
	width:calc(100% - 40px);
	padding:20px;
}


footer .logo_wrap{
	padding:40px 20px;
}

footer h1,
header h1 {
	width:200px;
}
footer img,
header img {
	width:100%;
}
.logo_wrap h1 a img:hover{
	opacity: 0.6;
	transition: all .4s ease;
}
footer nav ,
header nav {
	background: #34675c;
	width:100%;
}
nav ul{
	width:calc(100% - 2em);
	max-width:1440px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:auto;
	padding: 1em;
}
nav ul li{
	margin:0 1em;
}
nav ul li a{
	color:#fff;
	padding: 1em;
}
nav ul li a:hover{
	color:#4CB5F5;
	background: #fff;
	transition: all .4s ease;
}
.contact{
	background: #4CB5F5;
}
#main_image{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 600px;
	width:100%;
	background:#4CB5F5;
	position:relative;
}
#toggleButton{
	position:absolute;
	right:20px;
	top:24px;
}
#search_area {
	max-width: 960px;
	background:rgba(255,255,255,0.8);
	padding:40px 60px;
	border-radius: 10px;
	text-align: center;
	margin: 20px auto;
}
.search_detail h1 {
	font-size: 18px;
	color:#555;
	margin-bottom:.5em;
}
.search_detail h1:after {
	content:'※複数選択可';
	color:red;
	font-size: 12px;
	margin-left:.5em;
}
.search_detail:first-child h1:after {
	content:none;
}
.search_detail h1:before {
	content: "";
	background-color: #555;
	display: inline-block;
	height: .2rem;
	width: .16rem;
	-webkit-mask: url("../images/search_icon.svg");
	mask: url("../images/search_icon.svg");
	-webkit-mask-size: cover;
	mask-size: cover;
	vertical-align: middle;
	margin-right:.5em;
}
.search_detail h1.keyowrd:after {
	display: none;
}

.search_detail ul {
	text-align: center;
	margin:1em 0 2em;
}
.search_detail li {
	display: inline-block;
	padding:0.5em 0;
}
.search_detail input[type="radio"],
.search_detail input[type="checkbox"] { 
		display: none;
}
.search_detail input[type="radio"]:checked + label,
.search_detail input[type="checkbox"]:checked + label {
	background:#4CB5F5;
	color:#fff;
	transition: all .4s ease;
}
.search_detail label:hover {
	background:#B3C100;
	color:#fff;
	transition: all .4s ease;
}
.search_detail label { 
	margin: 0.5em 0.25em;
	padding:0.25em 0.5em;
	border: 1px solid #555;
	border-radius: 5px;;
	cursor: pointer;
	font-size: 16px;
	white-space: nowrap;
}
.search_btn button,
.search_detail input[type=password],
.search_detail input[type=search] { 
	border:1px solid #555;
	padding: .5em;
	border-radius: 2em;
	min-width: 240px;
	max-width: calc(320px - 1em);
	line-height: 1.5;
}
.search_detail input::placeholder {
	text-align: center;
}
  
.search_btn button{
	background: #34675c;
	color:#fff;
	margin-top:2em;
	border:1px solid #34675c;
}
.search_btn button:hover{
	background: #fff;
	color:#34675c;
	margin-top:2em;
	border:1px solid #34675c;
	transition: all .4s ease;
}
@media (max-width: 768px){
	#search_area{
		padding:40px 10px;
		margin: 5px auto;
	}
	#main_image{
		width:calc(100% - 20px);
		padding: 10px;
	}
}

.wrap {
	width:100%;
	max-width: 1440px;
	text-align: center;
	margin: auto;
	padding: 60px 0;
}
main .full_wrap:nth-child(even){
	background:#fff;
}
main .title_area {
	line-height: 1;
}

main .title_area span,
main .title_area h1 {
	display: inline-block;
}
main .title_area h1{
	color: #34675c;
	font-size: clamp(16px,3vw,.36rem);
	font-weight: bold;
	margin-bottom: 40px;
}
.list_area {
	display:flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom:2em;
}
.list_area .items{
	max-width:400px;
	width: 100%;
	text-align: left;
	font-size: 16px;
}
.list_area .items img{
	width:100%;
	border-radius: 10px;
}
.list_area .items img:hover{
	opacity: 0.6;
	transition: all .4s ease;
}
.list_area .items h1{
	font-size: 14px;
}
.list_area .items .status3,
.list_area .items .status2,
.list_area .items .status1 {
	margin:.5em 0;
}
.list_area .items span{
	padding:.1em .25em;
	margin-right: 1px;
	border-radius: 2em;	
	white-space: nowrap;
}
#detail .items .status1 span,
.list_area .items .status1 span{
	background:#4CB5F5;
	color:#fff;
}
#detail .items .status2 span,
.list_area .items .status2 span{
	background:#B7B8b6;
	color:#fff;
}
#detail .items .status3 span,
.list_area .items .status3 span{
	background:black;
	color:#fff;
}
#detail .items .status4 span,
.list_area .items .status4 span{
	background:#B3C100;
	color:#fff;
}
.list_area .items .btn-default{
	border: 1px solid #34675c;
	display: block;
	background: #34675c;
	padding:0.25em 0;
	border-radius: 1em;
	line-height: 1.5;
	color:#fff;
	text-align: center;	
	margin:1em 0;
}
.list_area .items .btn-default:hover{
	background: none;
	color:#34675c;
	transition: all .4s ease;
}
.more{
	position: relative;
	height: 40px;
}
.more:hover{
	opacity: 0.6;
	transition: all .4s ease;
}
.more a{
	position: absolute;
	top:20px;
	bottom:0;
	right:20px;
	margin: auto;
	color:#34675c;
}
.more a:before{
	content:'→';
	color:#fff;
	background:#34675c;
	width:40px;
	height:40px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	line-height: 40px;
	margin-right: 1em;
}
@media (max-width: 768px){
	.more a{
		top:0;
		right:0;
		left:0;
		margin: 2em 0;
	}
	main .title_area h1{
		margin-bottom: 0.5em;
	}
	main .title_area span{
		margin-bottom: 20px;
	}
	.list_area {
		padding: 10px;
	}
}

/*column*/
.column .list_area .items{
	max-width:calc(50% - 40px - 2em);
	width: 100%;
	text-align: left;
	font-size: 12px;
	padding:20px;
	background: #f1f1f1;
	border-radius: 10px;
	margin:1em;
	box-shadow:2px 2px 3px rgba(0,0,0,0.2);
}
.column .list_area .items img{
	border-radius: 10px;
	margin-bottom: 20px;
}
.column .list_area .items h1{
	padding:10px 0;
	text-align: center;
	border-top:1px solid #555;
}
@media (max-width: 768px){
	.column .list_area .items{
		max-width:none;
	}
}
/*column detail*/
.column{
	background: #fff;
}
#column .tags,
#column_detail .tags{
	width: calc(100% - 40px);
	text-align: left;
	font-size: 14px;
	padding:20px 20px 12px;
	background: #f1f1f1;
	border:1px solid #cccc;
	border-radius: 10px;
	margin:1em auto;
}
#column .tags ul,
#column_detail .tags ul{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
#column .tags ul li,
#column_detail .tags ul li{
	margin-bottom: .5em;
}
#column .tags ul li a,
#column_detail .tags ul li a{
	padding:.1em .5em;
	margin: 5px;
	border-radius: 2em;	
	background:#e761a4;
	color:#fff;
}
#column .tags ul li.is_apply a{
	background:#038b8e;
	color:#fff;
}

#column .tags ul li a:hover,
#column_detail .tags ul li a:hover{
	opacity: 0.6;
	transition: all .4s ease;
}
#column_detail .contact_btn{
    display: flex;
	justify-content: center;
    flex-wrap:wrap;
    font-size: clamp(16px,3vw,.24rem);
    margin:40px auto;
}
#column_detail .contact_btn a{
    padding:0.25em .5em;
    border-radius:5px;
    line-height:1;
    color:#fff;
    margin:0 .5em;
}
#column_detail .contact_btn .column{
    background:#4CB5F5;
}
#column_detail .title_area h1{
	margin-bottom: .5em;
}

#column_detail .title_area span{
	display: block;
	margin-bottom: 1em;
}
@media (max-width: 768px){
	#column .tags{
		width: calc(100% - 60px - 2em);
	}
	#column_detail .tags{
		width: calc(100% - 40px);
	}
	#column_detail .wrap{
		width:calc(100% - 20px);
		padding-left: 10px;
		padding-right: 10px;
	}
	#column .tags ul,
	#column_detail .tags ul{
		justify-content: left;
	}

}


/*footer*/
#footer_contact{
	background:#4CB5F5;
	color:#fff;
	padding: 0 20px;	
}
#footer_contact .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#footer_contact .wrap .half{
	width: 50%;
    text-align: left;
}
#footer_contact .wrap .half:last-child{
    text-align: right;
}
#footer_contact .wrap .half h1{
	margin-bottom: 1em;;
}
#footer_contact .wrap .half a{
	left: 2em;
	color:#fff;
}
#footer_contact .more a:before{
	color:#4CB5F5;
	background:#fff;
}
#footer_contact .wrap .half img{
	max-width: 200px;
}
#nav_footer {
	display: block; 
	font-size:12px;
}
#nav_footer ul{
	flex-wrap:wrap;  
}

@media (max-width: 768px){
	#footer_contact  {
		padding: 0;
	}
	#footer_contact .wrap {
		position: relative;
	}
	#footer_contact .wrap .half{
		width:100%;
		z-index: 2;
		text-align:center !important;
	}
	#footer_contact .wrap .half:last-child{
		position: absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		margin: auto;
		z-index: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#footer_contact .wrap .half:last-child:before{
		content:'';
		width:100%;
		height: 100%;
		display: block;
		background: rgba(0,0,0,0.3);
		position: absolute;
	}

	#footer_contact .wrap .half a{
		left: 0;
		right: 0;
		margin: auto;
	}
	#nav_footer li{
		display:block;
	}
	#nav_footer li a{
		padding:.25em;
		line-height:2;
	}
		
}

footer .logo_wrap{
	justify-content: space-between;
	display: flex;
	align-items: center;
}
@media (max-width: 768px){
	footer .logo_wrap{
		display: block;
		text-align: center;
	}
	footer h1{
		margin: auto;
		margin-bottom: 20px;
	}
	nav ul li{
		display: none;
	}
}
/*list*/
#list #main_image{
	min-height: 100px;
}
.cp_pagination{
    display: flex;
    justify-content:center;
    align-items:center;
    font-size:16px;
    margin-bottom:1em;
}
.cp_pagination button{
    font-size:16px;
	color:#fff;
	background: #4CB5F5;
    padding:.5em;
    margin:.25em;
    border-radius:5px;
}
.cp_pagination button.current{
	background: #B3C100;
}
#toggleButton{
    padding:.25em .5em;
    background:#fff;
    border-radius:5px;
    border:1px solid #4CB5F5;
}
#result{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:1em .5em;
    background:#fff;
    border-radius:5px;
    border:1px solid #4CB5F5;
}
#result span{
    padding:0 0 0 .5em;
    background:#4CB5F5;
    border:1px solid #4CB5F5;
    border-radius:5px;
	color:#fff;
    margin:.25em;
    line-height:1;
}
#result span:after{
    content:'×';
    background:#fff;
    border-radius:0 5px 5px 0;
    border:1px solid #4CB5F5;
	color:#4CB5F5;
    margin:0 0 0 .25em;
    line-height:1;
	cursor: pointer;
	font-size:14px;
}
#result span:hover:after{
	background:#B3C100;
	transition: all .4s ease;
}

/* detail */
#detail .title_area {
    margin-bottom:1em;
}
#detail .title_area *{
    display:block;
    margin:0 auto 0.5em;
}
.detail_area {
    max-width:640px;
    margin:auto;
}
.detail_area *{
    max-width:640px;
}
#detail_image{
    width:100%;
}
.box-wrap.headers {
    text-align:left;
    padding:1em 0;
}
.box-wrap.headers  i{
    color:#b7B8b6;
    font-size:20px;
}
.box-wrap.headers  h1{
    font-size:16px;
    margin-bottom:1em;
}
.box-wrap.headers  p,
.box-wrap.items  p{
    border-bottom:1px solid #ccc;
    display: block;
    padding:1em 0;
}
.box-wrap.items p{
    display: flex;
	justify-content: left;
    flex-wrap:wrap;
	align-items: center;
}
.box-wrap.items span{
    margin:0.25em;
    padding:0.25em 0.5em;
    border-radius:5px;
}

#detail .contact_btn{
    display: flex;
	justify-content: center;
    flex-wrap:wrap;
    font-size: clamp(16px,3vw,.24rem);
    margin:40px auto;
}
#detail .contact_btn a{
    padding:0.25em .5em;
    border-radius:5px;
    line-height:1;
    color:#fff;
    margin:0 .5em;
}
#detail .contact_btn .order-tel{
    background:#34675c;
}
#detail .contact_btn .order-mail{
    background:#4CB5F5;
}

.point .point-title{
    margin-bottom:.5em;
    color:#B3C100;
    font-size: clamp(16px,3vw,.24rem);
}
.point .point-detail{
    text-align:left;
    padding:1em;
    border:1px solid #ccc;
    border-radius:5px;
    line-height:1.5;
}
.map .map-title{
    margin-bottom:.5em;
    color:#b7B8b6;
    font-size: clamp(16px,3vw,.24rem);
}
.map .map-detail{
    text-align:left;
    border:1px solid #ccc;
    border-radius:5px;
    line-height:1.5;
}
@media (max-width: 768px){
    #detail main .full_wrap .wrap{
        width:calc(100% - 20px);
        padding:10px;
    }
}
/* contact */
#contact form {
	max-width: 640px;
	margin: auto;
	width: calc(100% - 20px);
	padding: 10px;
}
#contact form table{
	width: 100%;
	border: none;
}

#contact form table tr{
	border-bottom:1px solid #ccc;
	padding: 0.5em 0;
	display: block;
}
#contact form table tr:last-child{
	border:none;
}
#contact form table td,
#contact form table th{
	padding: 0.5em 0;
	display: flex;
	text-align: left;
	justify-items: center;
	align-items: center;
	flex-wrap: wrap;
}
#contact form table th:before{
	content:'任意';
    color:#fff;
	font-size: 14px;
	margin-right: .5em;
	background: #34675c;
	padding: 0.2em 0.5em;
	border-radius: 5px;
}
#contact form table th.require:before{
	content:'必須';
	background: red;
}
#contact form table th.recommend:before{
	content:'推奨';
	background: #4CB5F5;
}
#contact form table th.recommend:after{
	content:'※自動返信メール(控え)が届きません';
	color: #4CB5F5;
	font-size: 14px;
}
#contact form table td select,
#contact form table td textarea,
#contact form table td input{
	width: calc(100% - 20px);
	padding: 10px;
	background-color: rgba(0,0,0,0.05);
	font-size: 16px;
	border: none;
	border-radius: 5px;
}
#contact form table td textarea{
	min-height: 100px;
}
#contact .contact_btn{
    display: flex;
	justify-content: center;
    flex-wrap:wrap;
    margin:20px auto 40px;
}
#contact .contact_btn button{
    padding:0.25em .5em;
    border-radius:5px;
    line-height:1;
    color:#fff;
    margin:0 .5em;
    font-size: clamp(16px,3vw,.24rem);
}
#contact .contact_btn .reset{
    background:#B3C100;
}
#contact .contact_btn .submit{
    background:#4CB5F5;
}
#contact.order main .full_wrap .wrap{
	padding-bottom: 20px;
}

#contact.order .title_area h1{
	display: block;
}
#contact.order .title_area span{
	display: block;
    font-size: clamp(14px,3vw,.24rem);
	font-weight: bold;
}
#contact .input-wid-small{
	width:100px;
}

#contact .select-wid-small{
	width:200px;
}
#contact input[type=radio] { 
	display: none;
}
#contact label:hover,
#contact input[type="radio"]:checked + label {
	background:#B3C100;
	color:#fff;
	transition: all .4s ease;
}
#contact label { 
	margin: 0.5em 0.25em;
	padding:0.25em 0.5em;
	border: 1px solid #555;
	border-radius: 5px;;
	cursor: pointer;
	font-size: 12px;
}
@media (max-width: 768px){
}

/*entry*/
#entry form,
#entry .wrap {
    max-width:640px;
    margin:auto;
}
#entry form .list{
    display: block;
	margin-bottom:1em;
}
#entry .require{
    font-size:16px;
}
#entry form .list > div{
    display: block;
    line-height:2;
    padding: 0.25em 0;
}
#entry form .list > div:first-child:before{
	content:'任意';
    color:#fff;
	font-size: 14px;
	margin-right: .5em;
	background: #34675c;
	padding: 0.2em 0.5em;
	border-radius: 5px;
}

#entry form .list div.require:first-child:before{
    font-size:16px;
	content:'必須';
	background: red;
}
#entry form .list div.recommend:before{
	content:'準必須';
	background: #4CB5F5;
}
#entry form .list div.recommend:after{
	content:'※メールか電話、どちらか必須です';
	color: #4CB5F5;
	font-size: 14px;
}

#entry form .list div select,
#entry form .list div textarea,
#entry form .list div input[type=url],
#entry form .list div input[type=tel],
#entry form .list div input[type=email],
#entry form .list div input[type=password],
#entry form .list div input[type=search],
#entry form .list div input[type=number],
#entry form .list div input[type=text]{
    font-size:16px;
    line-height:2;
    width:calc(100% - 1em);
    padding: 0.25em 0.5em;
    border:1px solid #ccc;
    background-color:#fff;
    border-radius:5px;
}
#entry form .list.price div{
	display: inline-block;
}
#entry form .list.price:after{
	content:'円';
}
#entry form .list div select:disabled,
#entry form .list div input:disabled{
    background-color:#efefef;
}
#entry form .list div select,
#entry form .list div input.input-wid-small{
    max-width:150px;
}
#entry form .list.form-wrapper div input[type=text],
#entry form .list div input[type=password]{
    width: 250px;
}

#entry .search_detail label{
	font-size: 16px;
}
#entry form .list.form-wrapper div:last-child{
     display: flex;
     justify-content: left;
     align-items:center;
     gap: 10px;
     margin: 10px 0;
}

#eye {
     cursor: pointer;
     font-size:20px;
     line-height:2;
}
.view_box *{
    display:block;
    width:auto;
    text-align:left;
    margin-bottom:0.5em;
}
.view_box img{
    max-width:100%;
}
.view_box .button.red{
    padding:0.25em .5em;
    background:red;
    color:#fff;
    font-size:16px;
    border-radius:5px;
}
#entry .contact_btn{
    display: flex;
	justify-content: center;
    flex-wrap:wrap;
    margin:20px auto 40px;
}
#entry .contact_btn button{
    padding:0.25em .5em;
    border-radius:5px;
    line-height:1;
    color:#fff;
    margin:0 .5em;
    font-size: clamp(16px,3vw,.24rem);
}
#entry .contact_btn .reset{
    background:#34675c;
}
#entry .contact_btn .submit{
    background:#b7B8b6;
}
.quill_box,
.ql-editor {
    height:auto !important;
}
.ql-editor {
    background:#fff;
}
@media (max-width: 768px){
	#entry form {
		padding: 10px;
	}
}
/*mypage*/
.mypage .list.mypage_navi {
    display:flex;
    justify-content:center;
    align-items:center;
    line-height:2;
    flex-wrap:wrap;
}
.mypage .list.mypage_navi a{
    padding:.25em .5em;
    font-size:16px;
    color:#fff;
    background:#4CB5F5;
    border-radius:5px;
    margin:10px;
}
.mypage .list.mypage_navi a.red-btn{
	background: #B3C100;
}
.mypage .contact_btn{
    display: flex;
	justify-content: center;
    flex-wrap:wrap;
    font-size: clamp(16px,3vw,.24rem);
    margin:40px auto;
}
.mypage .contact_btn a{
    padding:0.25em .5em;
    border-radius:5px;
    line-height:1;
    color:#fff;
    margin:0 .5em;
}
.mypage .contact_btn a.preview{
    background:#4CB5F5;
}
.mypage .contact_btn a.edit{
    background:#34675c;
}
.mypage .contact_btn button{
    background:red;
}

#contacts .contact_list{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    padding:10px;
}
#contacts .contact_list .items{
    max-width:320px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    border:1px solid #ccc;
    border-radius:5px;
    margin:10px;
    background:#fff;
}
#contacts .contact_list .items div.item-head{
    padding:10px;
    background:#34675c;
    color:#fff;
    width:100%;
    border-radius:5px 5px 0 0;
    margin-bottom:5px;
}
#contacts .contact_list .items div.item-head h1{
    font-size:18px;
}
#contacts .contact_list .items div.item-head h2{
    font-size:14px;
}
#contacts .contact_list .items div.item-inquiry{
    font-size:12px;
    padding:10px 0;
    width:100%;
    margin-bottom:5px;
}
#contacts .contact_list .items div.item-inquiry span{
    margin:0 5px 5px;
}
#contacts .contact_list .items div.item-inquiry h3{
    font-size:18px;
    margin-top:10px;
}
#contacts .contact_list .items div.item-address{
    font-size:12px;
    width:100%;
    margin-bottom:10px;
    padding: 10px;
    border-top:1px dotted #ddd;
    border-bottom:1px dotted #ddd;
}
#contacts .contact_list .items div.item-address span{
    white-space:nowrap;
}
#contacts .contact_list .items div.item-address span a{
    font-size:14px;
}
#contacts .contact_list .items div.item-address span a:hover{
    font-size:14px;
    background:#B3C100;
    color:#fff;
	transition: all .4s ease;
}
#contacts .contact_list .items div.item-address p{
    margin-top:5px;
}
#contacts .contact_list .items div.item-detail{
    font-size:14px;
    width:100%;
    margin-bottom:10px;
    padding-bottom: 10px;
    border-bottom:1px dotted #ddd;
}
#contacts .contact_list .items div.item-detail span{
	color:#fff;
    padding:.25em .5em;
    border-radius:5px;
}
#contacts .contact_list .items div.item-detail span:nth-child(1){
	background:#4CB5F5;
}
#contacts .contact_list .items div.item-detail span:nth-child(2){
	background:#b7B8b6;
}
#contacts .contact_list .items div.item-detail span:nth-child(3){
	background:#B3C100;
}
#contacts .contact_list .items div.item-comment{
    font-size:14px;
    width:100%;
    text-align:left;
    padding:0 10px 10px;
}
/*forgot*/
#entry.forgot{
    text-align:center;
}
#entry.forgot form .list.form-wrapper div:last-child{
    display:block;
    position: relative;
}
#entry.forgot form .list.form-wrapper div:last-child #eye{
    position: absolute;
    margin-left:10px;
}
/*company*/
#company .container {
    width: 80%;
    margin: auto;
    overflow: hidden;
}
#company .header {
    background: #B3C100;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}
#company .content {
    padding: 20px;
}
#company .content ul,
#company .content p {
    max-width:640px;  
    margin:auto;
}
#company .company-info {
    width: 100%;
    max-width:640px;
    border-collapse: collapse;
    margin:auto;
    margin-bottom:40px;
    background:#fff;
}
#company .company-info th, 
#company .company-info td {
    padding: 8px;
    border: 1px solid #ccc;
}
#company .company-info th {
    background-color: #ddd;
    width: 30%;
}
#company .company-info td {
    text-align:left;
}
#company .content ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
    flex-wrap:wrap;
    margin:20px auto;
}
#company .content ul li {
    margin:1em .5em;
}
#company .content ul li img{
    max-height:60px;
    height:100%;
    display: block;
}
/*other_pages*/
.other_pages .container {
    max-width:640px;
    margin: 0 auto 20px;
}
.other_pages .header {
    border-radius:10px 10px 0 0;
    background: #B3C100;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}
.other_pages .content {
    padding: 20px;
    background: #fff;
    line-height:2;
    text-align:left;
    border-radius:0 0 10px 10px;
}
.other_pages .content h3{
    color: #34675c;
    font-size:24px;
    text-align:center;
    margin:1em auto;
}
.other_pages .content strong{
    color: #B3C100;
    font-size:24px;
}
.other_pages .content img{
    width:100%;
}
.other_pages .content h2 {
    color: #B3C100;
}
.other_pages .illustration {
    text-align: center;
    margin-top: 20px;
}
.other_pages .content li{
    font-size:20px;
}