@charset "utf-8";
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxWrapper {max-width:none; width: 100% !important;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:100%; -ms-interpolation-mode:bicubic;
max-width: 100%; height: auto;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#666666;}
#colorbox{outline:0;} .cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;} #cboxTitle{    position: absolute; bottom: 100%; padding-right: 35px; left: 0; color: #ffffff; font-size: 150%;}
#cboxCurrent{display: none !important; position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(//thu-three.com/wp/wp-content/themes/thuThree/menu/css/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:-40px; margin-top:-32px; background:url(//thu-three.com/wp/wp-content/themes/thuThree/menu/img/btn-prev.png) no-repeat top left; width:28px; height:45px; text-indent:-9999px;}
#cboxNext{position:absolute; top:50%; right:-40px; margin-top:-32px; background:url(//thu-three.com/wp/wp-content/themes/thuThree/menu/img/btn-next.png) no-repeat top right; width:28px; height:45px; text-indent:-9999px;}
#cboxClose{    position: absolute; top: -30px; right: 0; display: block; background: url(//thu-three.com/wp/wp-content/themes/thuThree/menu/img/btn-close.png) no-repeat top center; width: 35px;
height: 35px; text-indent: -9999px;}
@media screen and (max-width: 767px) {
#cboxLoadedContent{max-width: 100% !important;}
.cboxPhoto {width: auto !important;max-width: 80%;}
#cboxTitle {
font-size: 18px;
}
#cboxNext{right:10px;
background-size: 60%;  top: 60%;}
#cboxPrevious{left:10px;
background-size: 60%; top: 60%;}
#cboxLoadedContent {
background: none;
}
#colorbox {
left: 0 !important;
}
#cboxClose {
right: 8%;
top: -26px;
background-size: 50%;
}
#cboxTitle {
left: 10%;
font-size: 12px;
padding-right: 65px;
} }
@media screen and (max-width: 767px) and (orientation:landscape) {
#colorbox {
top: 30px !important;
}
.cboxPhoto[src*="color15"],
.cboxPhoto[src*="color16"],
.cboxPhoto[src*="color17"],
.cboxPhoto[src*="color18"],
.cboxPhoto[src*="color19"],
.cboxPhoto[src*="color20"],
.cboxPhoto[src*="color21"],
.cboxPhoto[src*="color22"],
.cboxPhoto[src*="color23"],
.cboxPhoto[src*="color24"],
.cboxPhoto[src*="color25"] {
max-width: 48%;
}
}
 .main {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/fc/img/bg-main.jpg) no-repeat right 7px #fff;
padding-bottom: 78px;
} .main_text {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/fc/img/bg-mainimage.jpg) no-repeat top center;
height: 227px;
padding-top: 173px;
}
.main_text .title {
color: #998366;
font-size: 300%;
margin-bottom: 13px;
font-weight: normal;
}
.main_text p {
color: #998366;
font-size: 117%;
line-height: 2.3;
}
#contents .other .common_inner {
background: inherit;
} #contents .section_title {
color: #9B8367;
font-size: 297%;
padding-top: 30px;
margin-bottom: 50px;
}
#contents .business_section .common_inner {
background: inherit;
}
#contents .business_section .section_inner .text {
font-size: 117%;
color: #333;
line-height: 2.6;
margin-bottom: 33px;
} #contents .section_inner .line {
border-top: 2px solid #e1dbd2;
border-bottom: 2px solid #e1dbd2;
padding: 28px 40px 29px 15px;
}
#contents .section_inner .line:after {
content: "";
display: block;
clear: both;
}
#contents .section_inner .line .tel {
float: left;
}
#contents .section_inner .line .tel dl {
display: table;
}
#contents .section_inner .line .tel dl dt {
font-size: 117%;
display: table-cell;
padding-right: 20px;
vertical-align: middle;
}
#contents .section_inner .line .tel dl dd {
color: #998366;
font-size: 184%;
display: table-cell;
vertical-align: middle;
line-height: 1;
}
#contents .section_inner .line .tel dl dd span {
font-size: 175%;
vertical-align: middle;
}
#contents .section_inner .line .mail {
float: right;
}
#contents .section_inner .line .mail .btn {
width: 300px;
}
#contents .section_inner .line .mail .btn a {
display: block;
color: #9b8365;
padding: 10px 0 6px 0;
font-size: 117%;
text-align: center;
text-decoration: none;
border: 1px solid #9c8365;
background: url(//thu-three.com/wp/wp-content/themes/thuThree/fc/img/bg-arrow.png) no-repeat 96% center;
}
#contents .section_inner .line .mail .btn a:hover {
opacity: 0.7;
} .charm_section img {
width: 100%;
}
.charm_section .common_inner {
padding-bottom: 85px;
}
.charm_section .charm_area.last {
margin-bottom: 43px;
}
.charm_section .charm_area .main_title {
color: #998366;
font-size: 135%;
border-bottom: 1px #E1DBD2 solid;
padding-bottom: 9px;
margin: 46px 0 20px;
}
.charm_section .charm_area p {
line-height: 2.2;
font-size: 117%;
}
.charm_section .charm_area .img_r {
float: right;
width: 39%;
margin-right: 42px;
padding-top: 8px;
}
.charm_section .charm_area .txt_message_l {
float: left;
width: 47%;
}
.charm_section .charm_area .img {
float: left;
width: 49%;
padding-top: 8px;
}
.charm_section .charm_area .txt_message {
float: right;
width: 47%;
}
.charm_section .charm_area .img_l {
float: left;
width: 34.7%;
margin-left: 30px;
}
.charm_section .charm_area .txt_message_r {
float: right;
width: 49%;
} .business_model_section .business_model_area {
background: #f4f4f2;
margin: 20px 20px 40px 20px;
}
#contents .business_model_section .business_model_area .section_inner {
padding: 0 130px;
}
.business_model_section .business_model_area .photo_year {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/fc/img/bg-business_model01.gif) repeat-y top center;
background-size: 100%;
padding: 26px 0 46px 0;
}
.business_model_section .business_model_area .photo_year img {
width: 100%;
}
.business_model_section .business_model_area .business_model_text {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/fc/img/bg-business_model02.gif) repeat-y top center;
background-size: 100%;
border-top: 1px solid #e1dbd2;
border-bottom: 1px solid #e1dbd2;
padding: 23px 0 30px 0;
}
.business_model_section .business_model_area .business_model_text p {
color: #998366;
font-size: 184%;
text-align: center;
}
.business_model_section .business_model_area .business_model_text ul {
width: 460px;
margin: 21px auto 0;
}
.business_model_section .business_model_area .business_model_text ul:after {
content: "";
display: block;
clear: both;
}
.business_model_section .business_model_area .business_model_text ul li {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/fc/img/bg-circle.png) no-repeat top center;
background-size: 100%;
margin-right: 20px;
display: table;
float: left;
}
.business_model_section .business_model_area .business_model_text ul li:last-child {
margin-right: 0;
}
.business_model_section .business_model_area .business_model_text ul li p {
color: #fff;
font-size: 267%;
width: 140px;
height: 140px;
display: table-cell;
vertical-align: middle;
}
.business_model_section .business_model_area .celeby_eye {
margin: 38px 0 0 0;
padding: 0 0 45px 37px;
}
.business_model_section .business_model_area .celeby_eye:after {
content: "";
display: block;
clear: both;
}
.business_model_section .business_model_area .celeby_eye .photo {
float: left;
width: 31%;
max-width: 267px;
}
.business_model_section .business_model_area .celeby_eye .photo img {
width: 100%;
}
.business_model_section .business_model_area .celeby_eye p {
float: right;
font-size: 134%;
width: 65%;
padding-top: 8px;
line-height: 2.4;
}
#contents .business_model_section .section_inner.last {
padding: 0 150px 48px 150px;
} .flow_section img {
width: 100%;
}
.flow_section .common_inner {
padding-bottom: 63px;
}
.flow_section .main_title {
background: #ffffff url(//thu-three.com/wp/wp-content/themes/thuThree/fc/img/bg-main_title.jpg) no-repeat center bottom;
padding-bottom: 23px;
margin: 38px 0 0 0;
font-size: 184%;
font-weight: normal;
color: #9A8366;
text-align: center;
}
.flow_section .point_area {
padding: 38px 0 31px 0;
}
.flow_section .point_area:after {
content: "";
display: block;
clear: both;
}
.flow_section .point_area .area {
width: 48.5%;
float: left;
}
.flow_section .point_area .area:last-child {
float: right;
}
.flow_section .point_area h4 {
font-size: 134%;
font-weight: normal;
color: #9A8366;
border-bottom: 1px solid #e1dbd2;
padding-bottom: 10px;
margin-bottom: 20px;
}
.flow_section .list01 {
display: table;
width: 104%;
}
.flow_section .list01 li {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/fc/img/bg-list01_on.gif) no-repeat left top;
background-size: 100%;
display: table-cell;
vertical-align: middle;
color: #ffffff;
text-align: center;
font-size: 117%;
width: 33.333333%;
padding: 13px 25px 13px 0;
}
.flow_section .list02 {
display: table;
width: 104%;
}
.flow_section .list02 li {
background: url(//thu-three.com/wp/wp-content/themes/thuThree/fc/img/bg-list02_on.gif) no-repeat left top;
background-size: 100%;
display: table-cell;
vertical-align: middle;
color: #ffffff;
text-align: center;
font-size: 117%;
width: 33.333333%;
padding: 13px 25px 13px 0;
}
.flow_section .flow_area {
padding-top: 23px;
}
.flow_section .flow_area:after {
content: "";
display: block;
clear: both;
}
.flow_section .flow_area .photo_r {
float: right;
width: 18.5%;
margin-right: 100px;
}
.flow_section .flow_area .num_l {
float: left;
width: 50%;
}
.flow_section .flow_area .photo_l {
float: left;
padding-top: 7px;
width: 40.4%;
}
.flow_section .flow_area .num_r {
float: right;
width: 50%;
}
.flow_section .flow_area.flow_area_two{
padding-top: 34px;
}
.flow_section .flow_area.other {
padding-top: 40px;
}
.flow_section .flow_area.other .photo_r {
float: right;
padding: 8px 0 0 0;
width: 41.5%;
margin-right: 0;
}
.flow_section .flow_area.last {
padding: 14px 0 56px 0;
}
.flow_section .flow_area.last dl dt {
padding: 8px 10px 8px 12%;
}
.flow_section .flow_area.last dl dd {
padding: 9px 10px 9px 10%;
}
.flow_section .flow_area ol li {
list-style-type: none;
}
.flow_section .flow_area dl {
padding-bottom: 10px;
}
.flow_section .flow_area dl dt {
font-size: 117%;
color: #525252;
padding: 8px 10px 8px 22%;
font-weight: bold;
background: #fcfcfb;
border: 1px solid #e5e5df;
position: relative;
}
.flow_section .flow_area dl dt .step {
position: absolute;
top: 0;
left: 10px;
}
.flow_section .flow_area dl dd {
font-size: 117%;
color: #525252;
padding: 9px 10px 9px 18%;
}
@media screen and (max-width: 1000px) {
#contents .section_inner .line .tel {
float: none;
margin-bottom: 20px;
}
#contents .section_inner .line .mail {
float: none;
}
#contents .business_model_section .business_model_area .section_inner {
padding: 0 10px;
}
#contents .business_model_section .section_inner.last {
padding: 0 10px 30px 10px;
}
.business_model_section .business_model_area .celeby_eye {
padding: 0 0 45px 0;
}
.business_model_section .business_model_area .celeby_eye p {
padding-top: 0;
line-height: 1.6;
}
.flow_section .list01, .flow_section .list02 {
width: 100%;
}
.flow_section .list01 li, .flow_section .list02 li {
padding: 2% 0;
}
.flow_section .flow_area dl dt {
padding: 8px 10px 8px 20%;
}
.flow_section .flow_area dl dd {
padding: 9px 10px 9px 20%;
}
.flow_section .flow_area.last dl dt {
padding: 8px 10px 8px 13%;
}
.flow_section .flow_area.last dl dd {
padding: 9px 10px 9px 13%;
}
}