@charset "UTF-8";

@import url("default.css");


/*==================================================
　共通
===================================*/
.pc_con { display:block !important;}
.sp_con { display:none !important;}


section {
    display: block;
    width: 100%;
    margin: auto auto 100px auto;
}
.inner { max-width:1200px; width:100%; margin:auto; padding:0;}



.pageheader { margin:0 0 80px 0; text-align:center; background:#f5f5f5; height:auto; width:100%; text-align:center;}
.pageheader h2 { color:#111; font-size:38.5px; font-family: "Roboto", sans-serif; font-weight:800; letter-spacing:1px; line-height:130%; padding:50px 0;}
.pageheader h2 span { font-size:40%; display:block; font-weight:500;}

.h3bg { margin-bottom: 50px;
    padding-bottom: 15px;
    border-bottom: 3px solid #0ba26b; text-align:center;}
.h3bg h3 {font-size:32px; margin:0; padding:0; font-weight:600;}

p.txt { line-height:180%;}


@media screen and (max-width: 768px) {
.pageheader {margin:0 0 40px 0;}	
.pageheader h2 { font-size:28px; padding:30px 0;}	
.h3bg {padding-bottom: 8px; margin-bottom: 30px;}
.h3bg h3 { font-size:21px;}	
	
/*ここまで*/	
}

.cathtxt { position:absolute; bottom:50px; right: 50px; width: 400px;}
.cathtxt img { width: 100%;}

/*
 画像
---------------------------------------------------------------------- */
img.rab {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
img.rab50 {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
img.rab10 {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.img_c { width:100%; margin:0 auto 0 auto;}
.img_c200 { width:auto; max-width:200px;  margin:0 auto 0 auto;}
.img_c1000 { width:auto; max-width:1000px;  margin:0 auto 0 auto;}
.img_c342c { width:auto; max-width:342px;  margin:0 auto 0 auto;}
.img_c342 { width:auto; max-width:342px;  margin:0 auto 0 0;}
.img_c365 { width:auto; max-width:365px;  margin:0 auto 0 auto;}
.img_c490 { width:auto; max-width:490px;  margin:0 auto 0 auto;}
.img_c632 { width:auto; max-width:632px;  margin:0 auto 0 auto;}
.img_c300 { width:auto; max-width:300px;  margin:0 auto 0 auto;}
.img_c500 { width:auto; max-width:500px;  margin:0 auto 0 auto;}
.img_c534 { width:auto; max-width:534px;  margin:0 auto 0 auto;}
.img_c530 { width:auto; max-width:530px;  margin:0 auto 0 auto;}
.img_c850 { width:auto; max-width:850px;  margin:0 auto 0 auto;}
.img_c640 { width:100%; max-width:640px;  margin:0 auto 0 auto;}
.img_r { width:40%; max-width:400px; margin:0 0 0 30px; float:right;}
.img_l264 { width:50%; max-width:264px; margin:0 20px 20px 0; float:left;}
.img_l { width:40%; margin:0 30px 0 0; float:left;}
.img_l250 { width:25%;  max-width:250px; margin:0 40px 0 0; float:left;}
.img_l200 { width:20%; max-width:200px margin:0 5% 20px 0; float:left;}


.img_l250 img,
.img_l200 img,
.img_c200 img,
.img_c342 img,
.img_c342c img,
.img_c365 img,
.img_c490 img,
.img_c200 img,
.img_c1000 img,
.img_l300 img,
.img_c500 img,
.img_c534 img,
.img_c530 img,
.img_c300 img,
.img_c640 img,
.img_c850 img,
.img_c632 img,
.img_c img,
.img_l264 img,
.img_r img,
.img_l img {width:100%!important;}




/*==================================================
　入居の方
===================================*/

.tenants-box { margin:50px auto;}
.tenants-box ul {}
.tenants-box li { width:45%; border:solid #0ba26b 10px; box-sizing:border-box; padding:20px 20px 0 20px; text-align:center; height:350px;}
.tenants-box li h4 { font-size:28px; margin-bottom:20px; font-weight:600;}
.tenants-box li.left { float:left;}
.tenants-box li.left div { margin-bottom:20px;}
.tenants-box li.right { float:right;}
.tenants-box li div.btn-form {}
.tenants-box li div.btn-form a { }


.btn-form {
    display: inline-block;
    width: 280px;
	
    max-width: 100%;
    padding: 18px 10px;
    background-color: #082966;
    border: 2px solid transparent;
    /*box-shadow: 0 3px 6px rgb(0 0 0 / 16%);*/
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: 0.25s;
    border-radius: 100px!important;
	font-weight:600;
}
.tenants-box li.right a.btn-form {padding: 60px 10px; border-radius: 15px!important; margin-top:30px;}

.btn-form.btn-form__arrowRight {
    position: relative;
    padding-right: 1.5em;
    padding-left: 1.5em;
}


.line-box { margin:50px auto;}
.line-box ul {}
.line-box li { width:50%; margin:0 25%; border:solid #0ba26b 10px; box-sizing:border-box; padding:20px 20px 0 20px; text-align:center; height:350px;}
.line-box li h4 { font-size:28px; margin-bottom:20px; font-weight:600;}
.line-box li div { margin: auto auto 20px auto; width:200px;}
.line-box li div img {}

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

.tenants-box li h4 { font-size:24px;}
.tenants-box li { width:100%; padding:20px 20px 20px 20px; text-align:center; height:auto; margin:0 0 30px 0;}
.tenants-box li.left { float: none;}
.tenants-box li.right { float: none;}
.btn-form { width:100%; box-sizing:border-box;}
.tenants-box li.right a.btn-form {padding: 60px 10px; border-radius: 15px; margin:0 0 20px 0;}

.line-box { margin:50px auto;}
.line-box ul {}
.line-box li { width:90%; margin:0 5%; height:auto;}
.line-box li h4 { font-size:24px;}
.line-box li div { margin: auto auto 20px auto; width:200px;}
.line-box li div img {}

/*ここまで*/	
}



/*==================================================
　貸したい方
===================================*/
.pc_tac { text-align:center;}
.detail_h__lead_nomal {
    position: relative;
    max-width: 900px;
    margin: -80px auto 0;
    padding: 50px 50px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    z-index: 2;
}

p.txt span.bold { font-weight:800; font-size:140%;}
p.txt span.list { color:#167352; line-height:220%; font-weight:600; font-size:125%; margin-bottom:15px;}




@media screen and (max-width: 768px) {
.pc_tac { text-align: left;}
.detail_h__lead_nomal {
    position: relative;
    max-width: 100%;
    margin: 20px auto 0;
    padding: 35px 25px;
	font-size:90%;
}
p.txt span.list { color:#167352; line-height:160% !important; font-weight:800; font-size:110%;}


/*ここまで*/	
}



/*==================================================
　会社概要
===================================*/

table.tbl1 { width:100%; margin:0 0 50px 0;}
table.tbl1 tr {
    display: block;
    width: 80%;
	margin:auto 10%;
    padding: 40px 60px;
    border-top: 1px solid #dcdcdc;
	box-sizing:border-box;
}

table.tbl1 tr:last-of-type {
    border-bottom: 1px solid #dcdcdc;
}
table.tbl1 th {
    width: 200px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
	line-height:1.5;
}
table.tbl1 th span {
	background:rgb(0,164,150);
	font-size:8px;
	color:#fff;
	padding:3px 10px;
	border-radius: 10px;
	line-height:0px;
	vertical-align: middle;
	}
table.tbl1 td {
    text-align: left;
    vertical-align: top;
	line-height:1.5;
	width:auto;
}
table.tbl1 td span.comment {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
}

/*
 googlemap
---------------------------------------------------------------------- */
.gmap {
	position: relative;
	padding-bottom: 40%; /* これが縦横比 */
	height: 0;
	overflow: hidden;
	margin: auto;
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border:0;
}


@media screen and (max-width: 768px) {
.w80 { width:100%!important; margin:0!important;}
.gmap {
	position: relative;
	padding-bottom: 90%; /* これが縦横比 */
	height: 0;
	overflow: hidden;
	margin: auto;
}
table.tbl1 tr {
    display: block;
    width: 100%;
	margin:auto 0%;
    padding: 25px 10px;
    border-top: 1px solid #dcdcdc;
	box-sizing:border-box;
}
table.tbl1 th,table.tbl1 td { display:block; width:100%; font-size:95%;}

table.tbl1 th { padding-bottom:15px;}




/*ここまで*/	
}




/*==================================================
　お問合せ
===================================*/

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}





table.tbl_contact {margin:0 10% 50px 10%; width:80%; box-sizing:border-box;}
table.tbl_contact tr {
    display: block;
    width: 100%;
    padding: 40px 60px;
    border-top: 1px solid #dcdcdc;
	 box-sizing:border-box;
}

table.tbl_contact tr:last-of-type {
    border-bottom: 1px solid #dcdcdc;
}
table.tbl_contact th {
    width: 250px;
    font-size: 110%;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
	line-height:1.5;
}
table.tbl_contact th span {
	background:#fc541a;
	font-size:8px;
	color:#fff;
	padding:3px 10px;
	border-radius: 10px;
	line-height:0px;
	vertical-align: middle;
	}
table.tbl_contact td {
    font-size: 100%;
    text-align: left;
    vertical-align: top;
	line-height:1.5;
	background:#ccc;
	width:750px;
}
table.tbl_contact td span.comment {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
}
.btn_contact { text-align:center; margin:0 0 200px 0;}

.m-form-text {
    height: 3em;
    width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.m-form-text:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}

.m-form-item-textarea textarea {
    height: 300px;
}

.m-form-textarea {
    display: block;
	height: 200px;
    width: 100%;
    padding: 4px 16px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    resize: vertical;
}

.m-form-textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}

.el_btn {
  font-size:110%;
  letter-spacing:2px;
}
input::placeholder,
textarea::placeholder {
  color: #d5d5d5;
}


table.tbl_contact tr td {
	background:none !important;
	}



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

table.tbl_contact { width:100%; margin:0 0 50px 0;}
table.tbl_contact tr {
    display: block;
    width: 100%;
    padding: 0;
    border-top: 1px solid #dcdcdc;
	box-sizing:border-box;
}

table.tbl_contact tr:last-of-type {
    border-bottom: 1px solid #dcdcdc;
}
table.tbl_contact tr th,table.tbl_contact tr td {
	width:100%; display:block; background:none !important;
	}

table.tbl_contact th {
padding:20px 20px 0 20px; font-size:18px;
}
table.tbl_contact th span {
	font-size:8px;
	color:#fff;
	padding:3px 10px;
	border-radius: 10px;
	line-height:0px;
	vertical-align: middle;
	}
table.tbl_contact td {
padding:20px 20px 20px 20px; box-sizing:border-box;
}
table.tbl_contact td span.comment {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
}
.btn_contact { text-align:center; margin:0 0 200px 0;}


/*ここまで*/	
}



/*==================================================
　物件の解約
===================================*/
table.tbl {border-top: 1px dotted #ccc; width:80%!important; margin:auto 10%;}
table.tbl th {
    width: 25%;
    background: #f5f5f5;
	color:#111;
	font-weight:normal;
}
table.tbl th, table.tbl td {
    border: 1px solid #ccc;
    padding: 15px 15px;
    line-height: 150%;
	text-align: left;
	vertical-align: middle!important;	
}
table.tbl th span {
	background:#D80100;
	font-size:10px;
	color:#fff;
	padding:3px 10px;
	border-radius: 10px;
	line-height:0px;
	vertical-align: middle;
	}

.headline,
.pb_font_family_type1 {
    color: #082966;
    font-size: 180%;
    text-align: center;
	margin:30px 0 20px 0;
}


.kaiyaku1 { text-align:center; margin:0 0 20px 0; color:#15365c; font-size:120%; line-height:160%;}
.kaiyaku2 { font-size:12px; line-height:180%; border:1px solid #15365c; padding:10px; margin:0 0 50px 0;}

.pritxt { text-align: center; line-height: 180%;}
.pritxt a { color: #395DB1; text-decoration: none;}
.pritxt a:hover { color: #395DB1; text-decoration: underline;}

.c_privacy {
    border: 1px solid #cccccc;
	width:80%; margin:auto 10%;
	box-sizing:border-box;
}
.c_privacy_head {
    padding: 15px;
    font-size: 120%;
	font-weight:600;
    line-height: 1.4;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    background-color: #f0f0f0;
}
.c_privacy_body {
    max-height: 200px;
    overflow: auto;
    padding: 20px;
}
.c_privacy_check {
    margin-top: 30px;
    padding: 20px;
    text-align: center;
    background-color: #f0f0f0;
}

ul.c_privacy_check_items,
li.c_privacy_check_item { margin:0 auto; padding: 0!important; list-style: none!important;}
#footer_widget { display: none;}


/*カレンダー装飾*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #D80100!important;
    background:none!important;
    font-weight: normal;
    color: #555;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #0b8f60!important;
    background: #dcf4eb url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x!important;
    font-weight: normal;
    color: #212121;
}
.ui-widget-header {
    border: 1px solid #aaa;
    background: #f5f5f5 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x!important;
    color: #222;
    font-weight: bold;
}



@media screen and (min-width: 769px) {
.c_privacy_check_items {
    width: 50%;
    margin: 0 auto!important;
	
}
}

button, label {
    background-color: transparent;
    cursor: pointer;
	font-size:18px;
}
.c_privacy_check_text {
    margin-top: 10px;
    font-size: 12px;
}
input[type=checkbox], input[type=radio] {
    vertical-align: middle;
	width:22px; height:22px;
}
.c-checkbox_parts, .c-radio_parts {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    font-size: 1.6rem;
    line-height: 1.4;
    cursor: pointer;
}
.c-checkbox_parts:before, .c-radio_parts:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: block;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

input.kaiyaku {
	width:200px!important;
    color: #000;
    border: 0;
    padding: 14px;
    font-size: 90%;
    font-family: Arial, sans-serif;
    border: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow:none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}



input[type=checkbox] {width: 22px!important; height: 22px!important;
-moz-box-shadow:none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;}}
input.honnin {}

.c_privacy_body p { line-height:180%; margin-bottom:10px;}
	

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

    font-size: 140%;

}	
	
	
.c_privacy_head { font-size:85%; padding: 12px;}
.c_privacy_body {
    max-height: 200px;
    overflow: auto;
    padding:15px 12px;
	font-size:85%;
}

input.kaiyaku { width:45%!important;}

.c_privacy_check {
    margin-top: 30px;
    padding: 12px;
    text-align: center;
    background-color: #f0f0f0;
}
.post_content ul {
    margin-left: 0;
}
.mwform-checkbox-field-text { font-size:90%;}

input.w300 { width:100%!important;}


table.tbl {border-top: 1px dotted #ccc; width:100%!important; margin:auto 0;}
table.tbl th {
    width: 100%;

}
table.tbl th, table.tbl td {
	display:block;
	width:100%;
    padding: 15px 15px;
	box-sizing:border-box;
	margin-top:-1px;
	
}
table.tbl td { margin-top:-1px;}


.c_privacy {

	width:100%; margin:auto 0;

}

/*ここまで*/	
}







input.w200 {
    width: 50%!important;
    max-width: 200px!important;
}
.w100 {
    width: 20%!important;
    max-width: 100px!important;
}
.w300 {
    width: 100%!important;
	max-width: 300px!important;
}


/*==================================================
　個人情報
===================================*/
.privacy { font-size:100%; line-height:200%!important;}
.privacy dt {
    font-weight: bold;
    font-size: 120%;
    margin-top: 1em;
}

.privacy dt,.privacy dd {line-height:200%;}

.privacy ul { margin-left: 1em;}
.privacy ol { margin-left: 2em;}
.privacy li {padding-left:1em; text-indent:-1em; line-height:200%;}




@media screen and (max-width: 768px) {
.privacy { line-height: 2; font-size:90%;}
.privacy dt {
    font-weight: bold;
	font-size:120%;
    margin-top: 1em;
}

.privacy ul { margin-left: 1em;}
.privacy ol { margin-left: 2em;}
.privacy li {padding-left:1em; text-indent:-1em;}


dd {
    display: block;
    margin-inline-start: 0px;
}

/*ここまで*/	
}




/* =====================================
 仲介
===================================== */
.tenants_box { }
.tenants_box ul { margin:0; padding:0;}
.tenants_box ul li { 
border:5px solid #08385e; box-sizing:border-box; padding:30px;
float:left;
width:40%;
margin:0 5%!important;
text-align:center;
height:350px;


}
.tenants_box ul li div.left,.tenants_box ul li div.right { width:46%; margin:0 2%!important; text-align:center; }
.tenants_box ul li div.left { float:left;}
.tenants_box ul li div.right { float: right;}
.tenants_box ul li img,
.tenants_box ul li img { width:120px; margin:0 auto;}
.tenants_tit { color:#08385e; font-size:180%; font-weight:600;}
.tenants_box p { font-size:90%; line-height:180%;}
.tenants_box p.pbox { height:auto;}
.tenants_tit2 { font-weight:600; color:#294e74; font-size:120%; line-height:150%;}

.tenants_box2 { background:#f5f5f5; padding:30px; text-align:center; width:90%; margin: 0 5% 50px 5%; box-sizing:border-box;}
h3.h3title { text-align:center; font-size:180%; margin-bottom: 30px; color: }
.detail_50 { width:50%; margin:auto;}


table.tbl_tenants { width:100%; max-width:800px; margin:100px auto;}
table.tbl_tenants th,table.tbl_tenants td {
    border: 1px solid #ccc;
    padding: 20px 10px;
    line-height: 150%;
	vertical-align: middle!important;
	text-align:center;
	
	
	}
	
	
.post-password-form { text-align:center;}
.post-password-form p { margin:0 0 50px 0; line-height:180%;}
.post-password-form input#pwbox-104 {background-image:none!important; box-shadow: none!important;}
.post-password-form input#pwbox-104 {
    border:0;
padding:8px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
margin:0 0 20px;
width:300px;
}

.post-password-form input[type="submit"] {
padding:11px 30px 7px 30px;
margin:0 0 20px;
font-size:1.2em;
text-transform:uppercase;
color:#fff;
cursor:pointer;
background:#167352;
	}

.btn-form a{ color:#fff;}

p.post-password-message {
	text-align:center;
    margin: 0 0 50px 0;
    line-height: 180%;
}


.tenants_box2 {
    background: #f5f5f5;
    padding: 30px;
    text-align: center;
    width: 90%;
    margin: 0 5% 50px 5%;
    box-sizing: border-box;
}
.tenants_tit {
    color: #167352;
    font-size: 150%;
    font-weight: 600;
}



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

.mobile_logo_image { width: 50%!important; max-width: 200px;}
.cathtxt {
    position: absolute;
    bottom: 40px;
    right: 0;
	left: 0!important;
    width: 70%;
	margin: auto;
}
	.desc p { text-align: center;}	
	
.tenants_box ul li { 
border:5px solid #08385e; box-sizing:border-box; padding:20px;
float:none;
width:100%;
margin:0 0 20px 0!important;
text-align:center;
height:auto;

}
.tenants_tit { line-height:150%;}
.tenants_box ul li img,
.tenants_box ul li img { width:80px; margin:0 auto;}	
.detail_50 { width:80%; margin:auto;}
.tenants_box2 { padding:20px;}
.tenants_box p.pbox { height:auto;}

table.tbl_tenants { width:100%; max-width:800px; margin:30px auto 100px auto;}

/*ここまで*/
}









@media screen and (max-width: 768px) {
.pc_con { display:none !important;}
.sp_con { display:block !important;}

section {
    display: block;
    width: 100%;
    margin: auto auto 100px auto;
}
.inner { max-width:100%; width:100%; margin:0; padding:0 7%;}


.l_f-footer .l_f-footer__gnav dt {
    color: #e60012;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    padding-bottom: 4px;
}
.l_f-footer .l_f-footer__gnav li a {
    font-size: 14px;
    letter-spacing: 0.18em;
	line-height:150%;
}
.l_f-footer .l_f-footer__gnav li:not(:last-child)::after {
    content: "";
    height: 100%;
    width: 1px;
    background: #000;
    display: inline-block;
    margin: -3px 10px;
}

.about .image, .service .image {
    margin-left: -10%;
    width: 90%;
}
.data .image {
    margin-right: -10%;
    width: 90%;
}
.about .text,
.service .text {
    margin-top: -4%;
    margin-left: 25%;
    width: 70%;
}
.data .text {
    margin-top: -10%;
	margin-left: -10%;
    margin-right: 0;
    width: 100%;
}


.blocks .text .title {

    font-size: 2.3em;

}
.about .text .title, .service .text .title {
    margin-left: 0;
}
.blocks .text .title::after {
    width: 100px;
    height: 5px;
    bottom: -15px;

}

.blocks .text .lead {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
    font-size: 21px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 150%;
}
.blocks .text .body {
    width: 100%;
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.8;
}
.blocks .text a.button {

    width: 180px;
    margin-top: 25px;
    padding: 15px 0 15px 0;
	z-index:999999;

}

.top3-chara,
.top1-chara {
    position: absolute;
    width: 50%;
    top: -20px;
    right: -20px;
	left:auto;
}
.top2-chara {
    position: absolute;
    width: 70%;
    top: -10px;
    right: auto;
	left:-50px;
}

.fadeInTrigger, .fadeUpTrigger, .fadeDownTrigger, .fadeLeftTrigger, .fadeRightTrigger {
    height: 90%;
}


}


/* =====================================
 汎用プロパティ
===================================== */

.fl { float: left;}
.fr { float: right;}

.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

.tal { text-align:left !important;}
.tac { text-align:center !important;}
.tar { text-align:right !important;}


	a:hover img {
		filter: alpha(opacity=70);
	    /* Safari Opera */
	    opacity:0.70;
	    /* Firefox Netscape */
	    -moz-opacity:0.70;
	}



a:hover img {
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	}

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}



/* テキストカラー */
.bk {color:#333!important;}
.green {color:#0ba26b!important;}
.blue {color:#000099!important;}
.red { color:#CC0000!important;}
.redb { color:#CC0000!important; font-weight:500;}
.red2 { color:#ff0000!important;}

/* テキストサイズ */
.t50 { font-size:50%!important;}
.t60 { font-size:60%!important;}
.t70 { font-size:70%!important;}
.t80 { font-size:80%!important;}
.t90 { font-size:90%!important;}
.t120 { font-size:120%!important;}
.t130 { font-size:130%!important;}
.t140 { font-size:140%!important;}
.t150 { font-size:150%!important;}
.t160 { font-size:160%!important;}

/* width */
.w80 { width:80%; margin:auto 10%;}

/* ライン */
.tline { border-top:1px #ccc solid; padding-top:20px;}
.tline_d { border-top:1px #ccc dotted; padding-top:20px; margin-top:20px;}
.bline { border-bottom:1px #ccc solid; padding-bottom:20px; margin-bottom:20px;}
.bline_d { border-bottom:1px #ccc dotted; padding-bottom:20px; margin-bottom:20px;}


/*
 フロート要素の適正な解除（Clearfix）
---------------------------------------------------------------------- */
.clearfixadd:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.clearfixadd{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfixadd{height:1%;}
.clearfixadd{display:block;}
/* End hide from IE-mac */