@charset "utf-8";
/* etkcms
-----------------------------------------------------------*/
body,p,div,form,ul,li,dl,dt,dd,th,td,input,textarea,select,h1,h2,h3,h4{ font-family :Quicksand, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', serif;margin:0;padding:0;font-size:14px;line-height:150%;list-style-type:none;-webkit-text-size-adjust:none; }
a{ text-decoration:none;color:#900; }
a.bt{ padding:5px 20px;background:#E3C65D;border:1px #999 solid;color:#333; }
img{ max-width:100%;line-height:70%;border:none;vertical-align:bottom; }
strong{ font-weight:100;text-decoration:none; }
/* ------------------------------------------------------- */
#etk_message{ position:absolute;width:400px;overflow:auto;padding:5px;margin:5px;z-index:99; }
.lnsClear{ clear:both;height:0; }
.clearFix{ zoom: 1; }
.clearFix:after { content: '';display: block;height: 0;clear: both; }
.DEBT{ padding:5px; }
.alert{ color:#f00; }
.box{ margin-bottom:15px; }
.box_large{ margin-bottom:30px; }
.box_block{ margin-bottom:45px; }
.content_text{ height:0;overflow:hidden; }
.bt_more{ text-align:right;margin-right:15px; }
.right{ text-align:right; }
.center{ text-align:center; }
.mincho { font-family: "Sawarabi Mincho", serif; }
.br_sp{ display:none; }
.link{ position:relative; }
.bold{ font-weight:bold; }


.circle_dl{ display:table;width:100%;border-collapse:collapse;border-spacing:0; }
.circle_dt{ width:20%;font-weight:normal;vertical-align:middle;padding-right:4%; }
.circle_dt .circle{ position:relative;border:1px #000 solid;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;  }
.circle_dt .title{ width:100%;position:absolute;top:50%;font-size:18px;text-align:center;font-weight:bold;margin-top:-27px;z-index:20; }
.circle_dd{ vertical-align:top;padding:25px 0; }
.circle_dt,.circle_dd{ display:table-cell; }

.cont_column{  }
.cont_column .cont_image{ width:25%;float:left;text-align:center; }
.cont_column .cont_note{ width:72%;float:right; }

.bt_link{ display:inline-block;background:#000;color:#fff;line-height:100%;font-weight:bold;padding:10px 20px;margin-bottom:5px; }
/* ------------------------------------------------------- */
body{ background:#fff; }
h1{ font-size:12px;font-weight:normal;margin-bottom:10px; }
h2{ font-size:28px;/*font-weight:normal;*/font-weight:bold;margin-bottom:15px; }
h2 .eng{ font-size:14px;line-height:100%; }
.h3_wrap{ text-align:center; }
h3{ display:inline-block;font-size:27px;border-bottom:4px #541D17 solid;margin:0 auto 30px; }
h4{ background:url(/img/bg_h4.png) 50% 100% no-repeat;font-size:21px;text-align:center;padding-bottom:40px;margin-bottom:15px; }
/* ------------------------------------------------------- */
.wrap{ width:980px;margin:0 auto; }
#wrap{ /*background:url(/img/bg_wrap.png) 50% 0 repeat-y;*/ }


#head{ padding:5px 0 10px; }
#head_left{ width:67%;float:left; }
#logo_wrap{ width:62%;float:left; }
#head_middle{ width:35%;float:right;text-align:right;margin:30px 0 0; }
#head_right{ width:30%;float:right;margin:10px 0 0; }
#head_right .bt{ margin-bottom:3px; }
#head_bt_menu{ display:none; }
#menu{ height:63px;background:#F8F8F7; }

.sidr .icon_close { margin:15px;text-align: right; }
.sidr .icon_close img{ height:30px; }
#menu_side{ display:none; }
#menu_side_bnr{ margin:0 15px 15px; }
#sidr-right{ text-align:left; }
#sidr-right .bt{ width:70%; }
#sidr-right p{ width:90%;margin-left:auto;margin-right:auto; }
#sidr-right i{ margin-right:7px; }
#side_logo{ width:90%;margin-left:auto;margin-right:auto; }

#menu .wrap{ position:relative; }
#menu ul li{ display:inline-block;width:18%;position:static; }
#menu ul li:first-child{ margin-left:1%; }
#menu ul li:last-child{ margin-right:1%; }
#menu ul li.nav_top{ width:6%; }
#menu ul li.nav_about{ width:26%; }
#menu ul li.nav_service{ width:18%; }
#menu ul li.nav_exsample{ width:18%; }
#menu ul li.nav_faq{ width:18%; }
#menu ul li.nav_company{ width:12%; }
#menu ul li a{ position:static;display:block;text-align:center; }
#menu span{ position:relative;display:block;width:6%;height:3px;background:#000;left:1%; }
#menu ul.nouser_nav{text-align:center;}
#menu span.nouser_border{left:12%; }




#top_image{ position:relative; }
#top_image_main{ position:absolute;background:url(/img/top_image_main.png) 50% 50% no-repeat;width:100%;height:100%;text-align:center;/*top:172px;top:50%;*//*margin-top:-98px;*/z-index:80; }
#slide {
	width:100%;/*表示の範囲です。中の要素によって適宜変えてください*/
	height:540px;/*表示の範囲です。中の要素によって適宜変えてください*/
	overflow:hidden;/*普通に考えるとoverflow:hidden;は必要です*/
	position:relative;/*スライドが絶対配置で移動するので、positionはrelativeである必要があります*/
	margin:0 auto;
}
#slideIn {
	position:absolute;/*スライドが絶対配置で移動するので、positionはabsoluteである必要があります*/
	left:0;/*必要です*/
	top:0;/*必要です*/
}
#slide li {
	float:left;/*横移動する場合は、あらかじめloat:left;しておきます*/
	width:960px;
	height:540px;
	margin-right:0px;
}

#sub_image_service,#sub_image_company{ background-image:url(/img/sub_image/service.jpg); }
#sub_image_about,#sub_image_faq{ background-image:url(/img/sub_image/about.jpg); }
#sub_image_example,#sub_image_privacy{ background-image:url(/img/sub_image/example.jpg); }
#sub_image_example_detail,#sub_image_contact,#sub_image_finish{ background-image:url(/img/sub_image/example_detail.jpg); }
#sub_image_investigation,#sub_image_finish_investigation{ background-image:url(/img/sub_image/investigation.jpg); }
#sub_image_basic,#sub_image_topics,#sub_image_topics_detail,#sub_image_finish_entry{ background-image:url(/img/sub_image/basic.jpg); }
#sub_image_solution{ background-image:url(/img/sub_image/solution.jpg); }
#sub_image_newsletter,#sub_image_finish_newsletter{ background-image:url(/img/sub_image/newsletter.jpg); }
#sub_image_media{ background-image:url(/img/sub_image/media.jpg); }
#sub_image_staff{ background-image:url(/img/sub_image/staff.jpg); }

.sub_image_wrap{ background-position:50% 50%;background-size:cover;padding:110px 0;margin-bottom:20px; }
#sub_image{ max-width:580px;background:rgba(255,255,255,0.65);margin:0 auto; }
#sub_image h2{ background:url(/img/bg_logo.png) 50% 50% no-repeat;background-size:47px auto;font-size:32px;text-align:center;font-weight:normal;padding:15px 2%;margin:0; }


#main_cont{ padding:25px 0 50px; }

#bnr_common{ text-align:center;margin-bottom:50px; }
#bnr_common .large{  }
#bnr_common .large div{ width:48%;float:left;margin-right:4%; }
#bnr_common .large div:nth-child(2n){ margin-right:0; }
#bnr_common .small{  }
#bnr_common .small div{ width:23.5%;float:left;margin-right:2%; }
#bnr_common .small div:nth-child(4n){ margin-right:0; }

#foot_wrap{ background:#F8F8F7;border-top:1px #CACACA solid;padding:20px 0 40px; }
#foot_info{ width:47%;float:left; }
#foot_logo{ margin-bottom:30px; }
#foot_addr{ margin-bottom:20px; }
#foot_info #foot_tel{ margin-bottom:20px; }
#foot_info #foot_tel .tel_free{ margin-bottom:15px; }
#foot_info .bt{ margin-bottom:3px; }
#foot_menu{ width:50%;float:right; }
#foot_menu ul{  }
#foot_menu ul li{ width:50%;float:left;line-height:100%;margin-bottom:15px; }
#foot_menu ul li i{ margin-right:7px; }
#foot_menu ul li a{ color:#000; }
#copyright{ background:#000;color:#fff;line-height:100%;text-align:center;padding:10px 0; }

/* ------------------------------------------------------- */
.tbl_form{ background:#fff;width:100%;margin:0 auto; }
.tbl_form th{ background:#444;color:#fff;padding:10px;text-align:right;font-weight:100; }
.tbl_form td{ background:#ddd;color:#000;padding:10px; }
.tbl_form td input[Type=text],#tbl_form td textarea{ border:1px #999 solid;padding:3px;width:200px; }
.tbl_form td textarea{ width:300px;height:120px; }
.tbl_form td input[Type=submit]{ padding:4px 20px; }
.tbl_form .td_submit{ background:#fff; }

.tbl_list{ background:#fff;max-width:100%;margin:0 0 10px; }
.tbl_list th{ background:#666;color:#fff;padding:10px;text-align:center; }
.tbl_list td{ background:#eee;color:#000;padding:10px;text-align:center; }
/*
.tbl_list td input[Type=text],#tbl_form td textarea{ border:1px #999 solid;padding:3px;width:200px; }
.tbl_list td textarea{ width:300px;height:120px; }
.tbl_list td input[Type=submit]{ padding:4px 20px; }
*/

.list dl { border-collapse: collapse;border-spacing: 0;border-top: 1px solid #C7C7C7;display: table;margin: 0;width: 100%; }
.list dl:nth-last-of-type(1) { border-bottom: 1px solid #C7C7C7; }
.list dt { background:#000;color:#fff;font-weight:normal;padding:10px;width: 25%; }
.list dd { background:#fff;width:75%;word-wrap: break-word;padding:10px; }
.list dt, .list dd { font-size:11pt;border-left: 1px solid #C7C7C7;border-right: 1px solid #C7C7C7;display: table-cell;vertical-align: top; }


.list_form dl { border-collapse: collapse;border-spacing: 0;border-top: 1px solid #C7C7C7;display: table;margin: 0;width: 100%; }
.list_form dl:nth-last-of-type(1) { border-bottom: 1px solid #C7C7C7; }
.list_form dt { background-color: #FAFAFA;color: #000;font-weight:normal;padding:10px;width: 25%; }
.list_form dt span{ color:#010100; }
.list_form dd { background-color: #fff;width:75%;word-wrap: break-word;padding:10px; }
.list_form dt, .list_form dd { font-size:11pt;border-left: 1px solid #C7C7C7;border-right: 1px solid #C7C7C7;display: table-cell;vertical-align: top; }
/*
.list_form dl { border-collapse: collapse;border-spacing: 0;display: table;margin: 0 0 5px;width: 100%; }
.list_form dl:nth-last-of-type(1) {  }
.list_form dt { background:#EEF4E7;font-weight:bold;width: 30%; }
.list_form dt span{ display:inline-block;color:#f00;padding-left:5px; }
.list_form dd { background:#fff;width:70%;word-wrap: break-word; }
.list_form dd div{ padding:5px 0 0; }
.list_form dt, .list_form dd { color:#474747;font-size:10pt;display: table-cell;vertical-align: top;padding:10px; }
.list_form dd input[Type=text],.list_form dd textarea{ border:1px #999 solid;padding:3px;width:90%; }
.list_form dd textarea{ width:90%;height:160px; }
.bt_submit input[Type=submit]{ padding:4px 20px;cursor:pointer;margin:15px 0; }
*/

.tbl_admin dl{ display:table;border:1px solid #fff;border-top:none;width:100%; }
.tbl_admin dt{ width:15%;display:table-cell;vertical-align:middle;background:#3A3A3A;color:#fff;padding:20px; }
.tbl_admin dd{ display:table-cell;vertical-align:middle;padding:20px;background:#eee;border-left:1px solid #fff; }
.tbl_admin input[type="text"]{ width:90%;border:1px #cccaca solid;padding:5px;font-size:10pt;line-height:12pt; }
.tbl_admin input[type="password"]{ width:90%;border:1px #cccaca solid;padding:5px;font-size:10pt;line-height:12pt; }
.tbl_admin textarea{ width:90%;height:120px;padding:5px;border:1px #cccaca solid;font-size:10pt;line-height:12pt; }
.tbl_admin .list_del{ background:#fdd; }

.item_list{ background:#999;width:100%; }
.item_list th{ padding:2px 5px;background:#eaeaea;font-weight:100; }
.item_list td{ padding:2px 5px;background:#fff; }
.item_list .tr_even td { background: #f4f1ec; }
.item_list .edit{ width:10%;text-align:center; }
/* ------------------------------------------------------- */
.pager {
    text-align: center;
}
.pager li {
    display: inline-block;
    margin: 0 5px;
}
.pager li a {
    border: 1px solid #000;
	color:#000;
	line-height:100%;
    display: block;
    padding: 10px;
}
.pager li span {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
	line-height:100%;
    display: block;
    padding: 10px;
}
.pager li a:hover, .pager li a.current {
    background-color: #000;
    color: #fff;
}
.pager li.prev {
    margin-right: 15px;
}
.pager li.prev a {
    background-color: #000;
    color: #fff;
    padding: 10px 15px;
}
.pager li.next {
    margin-left: 15px;
}
.pager li.next a {
    background-color: #000;
    color: #fff;
    padding: 10px 15px;
}
.page-current-display p{
	margin-bottom:15px;
}

dl.info-list {
    padding-bottom: 5px;
}
dl.info-list dt {
	margin-bottom: 5px;
}

dl.info-list dd {
    border-bottom: 1px dotted #000;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
dl.info-list dd a {
	text-decoration: underline;
	color:#000;
}
dl.info-list dd a:hover {
}
/* ------------------------------------------------------- */
.contact_tel {
    margin: 30px auto 45px;
	border: 1px solid #C7C7C7;
	max-width:600px;
	box-sizing: border-box;
	padding:25px 30px;
}
.contact_tel dl {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    margin: 0;
    width: 100%;
}
.contact_tel dl:first-child{
	border-top:0;
}

.contact_tel dt {
    color: #fff;
    font-weight: normal;
    width: 50%;
	border-right: 1px solid #C7C7C7;
}
.contact_tel dd {
    width: 50%;
    word-wrap: break-word;
}
.contact_tel dt, .contact_tel dd {
    display: table-cell;
    vertical-align: middle;
	padding: 10px 30px;
}
#contact_form {
    width:92%;
	margin:0 auto 45px;
}
#contact_form dl {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #C7C7C7;
    display: table;
    margin: 0;
    width: 100%;
}
#contact_form dl:nth-last-of-type(1) {
    border-bottom: 1px solid #C7C7C7;
}
#contact_form dt {
    background-color: #3A3A3A;
	color:#fff;
    font-weight: bold;
    padding: 15px 20px;
    width: 30%;
}
#contact_form dt .nec{
	display:inline-block;
	background:#CB0003;
	color:#fff;
	font-size:85%;
	font-weight:normal;
	padding:0 10px;
	margin-left:10px;
}


#contact_form dt span{ color:#010100; }
#contact_form dd {
    background-color: #fff;
    width: 70%;
    word-wrap: break-word;
	padding: 10px;
}
#contact_form dt, #contact_form dd {
    border-left: 1px solid #C7C7C7;
    border-right: 1px solid #C7C7C7;
    display: table-cell;
    vertical-align: top;
}
#contact_submit {
    font-size: 0;
    margin-top: 20px;
    text-align: center;
}
#contact_form dd input[type="text"], #contact_form dd textarea, #contact_form dd select, #contact_form dd input[type="password"] {
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    max-width: 80%;
    padding: 5px;
    transition: all 0.3s ease 0s;
    width: 100%;
}
#contact_form dd textarea {
    height: 230px;
}
#contact_form dd select{
	width:auto;
	padding:3px;
}

#contact_form dd input[type="text"].short{ max-width:7em; }

#contact_form input[type="submit"] {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%) repeat scroll 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 252, 252, 1)), to(rgba(224, 224, 224, 1)));
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #4a4a4a;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    left: 0;
    line-height:100%;
    margin: 0;
    overflow: visible;
    padding: 15px 50px;
    position: relative;
    text-decoration: none;
    top: 0;
    vertical-align: middle;
    width: auto;
	-webkit-appearance:none;
}
#contact_form input[type="button"] {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%) repeat scroll 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 252, 252, 1)), to(rgba(224, 224, 224, 1)));
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #4a4a4a;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    line-height:100%;
    margin: 0;
    overflow: visible;
    padding: 8px 15px;
    position: relative;
    text-decoration: none;
    top: 0;
    vertical-align: middle;
    width: auto;
	-webkit-appearance:none;
}

#contact_form input[type="submit"]:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(252, 252, 252, 1) 0%, rgba(237, 237, 237, 1) 100%) repeat scroll 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 252, 252, 1)), to(rgba(237, 237, 237, 1)));
    border: 1px solid #bbb;
}
.message{ color:#c12020;border-left:3px #a51411 solid;padding-left:10px;margin-bottom:15px; }

.contact_box{ width:100%;max-width:670px;margin-left:auto;margin-right:auto; }
.contact_box_cont{ min-height:126px;background:url(/img/bg_contact_left.png) 0 50% no-repeat,url(/img/bg_contact_right.png) 100% 50% no-repeat;padding:0 30px; }
.contact_box .tel{ width:68%;float:left;padding:5px 0; }
.contact_box .note{ width:30%;float:right;padding:10px 0; }

/* ------------------------------------------------------- */
/*
.pager { text-align: center; }
.pager li { display: inline-block;margin: 0 5px; }
.pager li a { display: block;padding: 10px;font-size: 1.1em;line-height: 1;border: 1px #6A3906 solid; }
.pager li span { display: block;padding: 10px;font-size: 1.1em;line-height: 1;border: 1px #6A3906 solid;color: #fff;background-color: #6A3906; }
.pager li a:hover, .pager li a.current { color: #fff;background-color: #6A3906; }
.pager .prev { margin-right: 15px; }
.pager .prev a { padding: 10px 15px;color: #fff;background-color: #6A3906; }
.pager .next { margin-left: 15px; }
.pager .next a { padding: 10px 15px;color: #fff;background-color: #6A3906; }
*/
/* ------------------------------------------------------- */
ul.rss_list{ margin:15px; }
ul.rss_list li{ border-bottom:1px #999 dotted;margin-bottom:5px;height:22px;line-height:22px;overflow:hidden; }
ul.rss_list li a{ color:#6B5446; }
/* ------------------------------------------------------- */
.num1{ background:url(/img/number/1.png) 50% 50% no-repeat; }
.num2{ background:url(/img/number/2.png) 50% 50% no-repeat; }
.num3{ background:url(/img/number/3.png) 50% 50% no-repeat; }
.num4{ background:url(/img/number/4.png) 50% 50% no-repeat; }
.num5{ background:url(/img/number/5.png) 50% 50% no-repeat; }
.num6{ background:url(/img/number/6.png) 50% 50% no-repeat; }
.num7{ background:url(/img/number/7.png) 50% 50% no-repeat; }
.num8{ background:url(/img/number/8.png) 50% 50% no-repeat; }
.num9{ background:url(/img/number/9.png) 50% 50% no-repeat; }
.num10{ background:url(/img/number/10.png) 50% 50% no-repeat; }
.num11{ background:url(/img/number/11.png) 50% 50% no-repeat; }
.num12{ background:url(/img/number/12.png) 50% 50% no-repeat; }
.num{ background-size:75px auto; }
.h4_num .num{ background-position:50% 0; }
.h4_num h4{ padding-top:25px; }
/* ------------------------------------------------------- */
.top_box{ margin-bottom:30px; }
.border_box{ border:1px #D1D1D1 solid; }
#concept{ background:url(/img/deco_arrow.png) 50% 100% no-repeat, url(/img/concept_line.png) 0 100% repeat-x,url(/img/bg_logo.png) 50% 60% no-repeat;padding:0 0 50px;margin-bottom:15px; }
#concept h2{ font-weight:normal; }
.concept_title{ font-size:28px;letter-spacing:3px;margin-bottom:20px; }
#concept p{ line-height:180%; }

.top_event{ padding:30px 2% 20px; }
.top_event h2{ font-size:21px;line-height:80%; }
.top_event h2 .eng{ font-size:14px;line-height:100%; }
.top_event h3{ display:block;font-size:20px; }
.top_event .image{ width:28%;float:left;text-align:center; }
.top_event .txt{ width:70%;float:right; }

.top_bnr{  }
.top_bnr div{ width:30%;float:left;margin-right:5%; }
.top_bnr div:nth-child(3n){ margin-right:0; }

.top_exsample{ width:47.5%;float:left; }
.top_topics{ width:47.5%;float:right; }
.top_topics a{ color:#000; }
.top_topics .border_box{ padding:15px 0 10px; }
.rsslist{ padding:0 2%; }
.rsslist ul li{ padding-bottom:3px;border-bottom:1px #D1D1D1 dashed;margin-bottom:3px; }
.top_topics h2{ font-size:21px;line-height:80%;margin-bottom:5px; }
.top_topics h2 .eng{ font-size:14px;line-height:100%; }

.bnr_basicpack{ margin-bottom:45px; }
.bnr_basicpack div{ margin-bottom:5px; }

#top_icon{ margin-bottom:45px; }
#top_icon ul{  }
#top_icon ul li{ width:25%;float:left; }
#top_icon ul li a{ display:block;text-align:center;border-right:2px #424242 solid;padding:10px 2%; }
#top_icon ul li:last-child a{ border-right:none; }

#top_icon2{ margin-bottom:45px; }
#top_icon2 ul{  }
#top_icon2 ul li{ border-bottom:1px #E8E8E8 solid;padding-bottom:25px;margin-bottom:25px; }
#top_icon2 ul .col3{ width:33.3%;float:left; }
#top_icon2 ul .col2{ width:50%;float:left; }
#top_icon2 ul .border_none{ border-bottom:none;padding-bottom:0; }
/*#top_icon2 ul .line{ clear:both;width:100%; }*/
#top_icon2 ul li a{ display:block;background:url(/img/icon2_line.png) 100% 50% no-repeat;text-align:center;padding:0 2%; }
#top_icon2 ul .col_last a{ background:none; }

#top_example{ background:#F8F8F7;padding:25px 0; }
#top_example .example_box{ width:31%;float:left;margin-right:3.5%; }
#top_example .example_box:nth-child(3n){ margin-right:0; }
#top_example .example_box a{ display:block;color:#000; }
#top_example .example_box .num{ margin-bottom:3px; }
#top_example .example_box .image{ border:1px #d2d2d2 solid;border-top:4px #000 solid;margin-bottom:10px; }
#top_example .example_box .name{ text-align:center; }

#top_link{  }
#top_link .bnr{ width:48%;float:left;text-align:center;margin-right:4%; }
#top_link .bnr:nth-child(2n){ margin-right:0; }

/* ------------------------------------------------------- */
/* service */
.service_box{ width:28%;float:left;text-align:center;margin-right:8%;margin-bottom:45px; }
.service_box:nth-child(3n){ margin-right:0; }
.service_box:nth-child(3n+1){ clear:both; }
.service_box .circle{ position:relative;border:1px #000 solid;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;margin-bottom:10px;  }
.service_box .title{ width:100%;position:absolute;top:50%;font-size:24px;line-height:24px;margin-top:-12px;z-index:20; }



/* ------------------------------------------------------- */
/* company */
#map{ width:100%; }
#map iframe{ width:100%;height:350px; }
/* ------------------------------------------------------- */
/* faq,privacy */
.border-box dt{ /*background:url(/img/bg_h4.png) 50% 100% no-repeat;font-size:21px;text-align:left;padding-bottom:40px;margin-bottom:15px;*/font-size:16px;font-weight:bold;border-bottom:4px #000 solid;padding:0 0.2em; }
.border-box dl dd{ border:1px #d2d2d2 solid;padding:10px 1em;margin-bottom:30px; }
.border-box dl dd span { float: left;margin: 0 0 0 -2em;font-weight: bold; }

#faq dl dd{ padding:10px 1em 10px 3em; }

/* ------------------------------------------------------- */
/* example */
#example .example_box{ width:23.5%;float:left;margin:0 2% 2% 0; }
#example .example_box:nth-child(4n){ margin-right:0; }
#example .example_box a{ display:block;color:#000;text-align:center;border:1px #CACACA solid;padding:8%; }
#example .example_box .image{ margin:0 0 10px; }
#example .example_box .image img{ border:1px #CACACA solid; }
/* ------------------------------------------------------- */
/* example_detail */
#example_detail #main_image{ width:72%;float:left;box-sizing: border-box;border:1px #CACACA solid;margin-bottom:30px; }
#example_detail #main_image a{ display:block; }
#example_detail #main_image .image{ display:none; }
#example_detail #main_image .image:first-child{ display:block; }
#example_detail #thumb_image{ width:26%;float:right;margin-bottom:30px; }
#example_detail #thumb_image .image{ width:49%;float:left;box-sizing: border-box;border:1px #CACACA solid;margin:0 2% 2% 0; }
#example_detail #thumb_image .image:nth-child(2n){ margin-right:0; }
/* ------------------------------------------------------- */
/* investigation */
.checklist{  }
.checklist li{ background:url(/img/icon_check.png) 0 0 no-repeat;font-weight:bold;padding:5px 0 5px 45px;margin-bottom:5px; }
.house_image{ width:82%;margin-left:auto;margin-right:auto; }
.house_image div{ width:32%;float:left;margin-right:2%; }
.house_image div:nth-child(3n){ margin-right:0; }
#investigation_form #contact_form dt{ width:35%; }
/* ------------------------------------------------------- */
/* basic */
.reform .reform_box{ width:23.5%;float:left;margin-right:2%; }
.reform .reform_box:nth-child(4n){ margin-right:0; }
.reform .reform_box p{ background:#000;color:#fff;text-align:center;padding:5px; }
/* ------------------------------------------------------- */
/* solution */
#insulation_reform_image{ padding:10px 0 30px; }
#insulation_construction{  }
#insulation_construction .note{ width:36%;float:left;margin:0 2%; }
#insulation_construction .note span{ display:inline-block;border-bottom:2px #000 solid; }
#insulation_construction .images{ width:60%;float:right; }
#insulation_construction .images .box{ width:30%;float:left;margin-right:5%; }
#insulation_construction .images .box:nth-child(3n){ margin-right:0; }
#insulation_construction .images .box div{ margin-bottom:5px; }
#insulation_construction .images .box p{ text-align:center; }
#earthquake_proof_solution div{ width:32%;float:left;margin-right:2%; }
#earthquake_proof_solution div:nth-child(3n){ margin-right:0; }
#step{  }
#step .step_box{ width:23.5%;float:left;margin:0 2% 2% 0; }
#step .step_box:nth-child(4n){ margin-right:0; }
#step .step_box .day{ background:#000;text-align:center;padding:10px 5px; }
#step .step_box .frame{ border:1px #000 solid;padding:7%; }
#step .step_box .title{ font-size:18px;font-weight:bold;text-align:center;margin-bottom:10px; }
#step .step_box:nth-child(1) .title,#step .step_box:nth-child(4) .title{ padding:13px 0; }
#step .step_box .note{ min-height:63px;margin-bottom:10px; }
#step .step_box .image{ text-align:center; }
/* ------------------------------------------------------- */
/* topics */
.topics_box{ margin:0 2%; }
/* ------------------------------------------------------- */
/* newsletter */
#newsletter{  }
.letter_box{ display:none;width:30%;float:left;margin-right:5%;margin-bottom:30px; }
.letter_box h4{ padding-bottom:30px;margin-bottom:10px; }
.letter_box:nth-child(1),.letter_box:nth-child(2),.letter_box:nth-child(3),.letter_box:nth-child(4){ display:block; }
.letter_box:nth-child(1){ width:100%; }
.letter_box:nth-child(1) .image{ width:50%;float:left; }
.letter_box:nth-child(1) h4{ width:48%;float:right;font-size:24pt; }
.letter_box:nth-child(1) p{ width:48%;float:right; }
.letter_box:nth-child(1) .released{ font-size:12pt; }
.letter_box:nth-child(1) .released span{ font-size:18pt; }
.letter_box:nth-child(1) .note{ height:auto;margin-bottom:10px; }
.letter_box:nth-child(1) .bt{ display:block; }
.letter_box:nth-child(3n+1){ margin-right:0; }
.letter_box:nth-child(3n+2){ clear:both; }
.letter_box .image{ margin-bottom:5px; }
.letter_box .released{ color:#aaa;text-align:center;margin-bottom:10px; }
.letter_box .released span{ font-weight:bold;font-size:11pt; }
.letter_box .note{ height:0;overflow:hidden; }
.letter_box .bt{ display:none; }
#newsletter .letter_box .bt_link{ line-height:130%; }

#bt_more_newsletter{ text-align: center; }
#bt_more_newsletter .bt_link{ cursor:pointer; }
#bt_more_newsletter input{
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: #c0b097;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	height: 46px;
	line-height: 44px;
	margin: 0;
	max-width: 280px;
	outline: medium none;
	padding: 0;
	position: relative;
	text-align: center;
	transition: opacity 0.3s ease 0s;
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #a99a83;
}
.newsletter_request{ width:92%;margin:0 auto 15px; }
/* ------------------------------------------------------- */
/* staff */
.staff_box{ border-bottom:1px #BBBABA solid;padding:0 0 45px;margin:0 0 45px; }
.staff_box .name_sp{ display:none; }
.staff_box .image{ width:22%;float:left;margin-bottom:30px; }
.staff_box .profile{ width:73%;float:right; }
.staff_box .motto{ width:50%;float:left;margin-bottom:30px; }
.staff_box .name{ width:48%;float:right;text-align:right;margin-bottom:30px; }
.staff_box .txt{ background:url(/img/bg_line.png) 0 0 no-repeat;padding-top:45px; }
/* ------------------------------------------------------- */
/* media */
.media_box{ width:45%;float:left;margin-right:10%;margin-bottom:60px; }
.media_box:nth-child(2n){ margin-right:0; }
.media_box .image{ text-align:center;margin-bottom:15px; }
.media_box .image img{ max-height:480px; }
.media_box .txt p{ text-align:center;margin-bottom:10px; }
.media_box .txt .bt i{ margin-left:8px; }
/* ------------------------------------------------------- */

@media (max-width: 1024px){
	.wrap{ width:96%;margin:0 auto; }
	
	#menu .wrap{ width:100%; }
	
	.staff_box .profile{ width:75%; }
	
	


}
@media (max-width: 780px){
	/*.box{ margin-bottom:10px; }
	.box_large{ margin-bottom:30px; }*/
	/*#head_bt_menu{ position:fixed;display:block;width:58px;top:10px;right:10px;text-align:right;z-index:100; }
	#head_bt_menu img{ width:42px;background:#fff;border:1px #d5d5d5 solid;padding:7px;cursor:pointer; }*/
	
	#head{ position:fixed;width:100%;height:45px;background:#fff;border-bottom:5px #070707 solid;padding:10px 0;z-index:100; }
	#h1_wrap{ height:0;overflow:hidden; }
	#head_left{ width:78%;float:left; }
	#logo_wrap{ width:100%;float:left;margin-top:0; }
	#logo_wrap #logo img{ max-height:45px; }
	
	#head_middle{ display:none; }
	#head_right{ display:none; }
	#head_bt_menu{ display:block;width:20%;float:right;text-align:right;padding:6px 0 0; }
	#head_bt_menu img{ height:35px; }
	#head_coordination{ height:70px;z-index:10; }
	#menu{ display:none; }
	
	
	
	#foot_wrap{ padding:20px 0; }
	#foot_info{ width:100%;float:none; }
	#foot_logo{ margin-bottom:15px; }
	#foot_addr{ margin-bottom:10px; }
	#foot_info #foot_tel{ margin-bottom:15px; }
	#foot_info #foot_tel .tel_free{ margin-bottom:5px; }
	#foot_info #foot_tel .tel_free img{ width:156px; }
	#foot_info #foot_tel .tel img{ width:154px; }
	#foot_info .bt{ max-width:70%;margin-bottom:5px; }
	#foot_menu{ display:none;width:100%;float:none; }
	#copyright{ font-size:80%; }
	
	.list{ margin:0 0 30px; }
	.list dl{ display:block; }
	.list dl:first-child dt{  }
	.list dt{ width:94%;font-weight:bold; }
	.list dd{ width:94%; }
	.list dt,.list dd{ display:block;padding:10px 3%; }
	
	.circle_dl{ display:block; }
	.circle_dt{ width:100%;padding-right:0; }
	.circle_dt .circle{ width:40%;max-width:220px;margin:0 auto; }
	.circle_dt .title{ font-size:18px;margin-top:-27px; }
	.circle_dd{ padding:25px 0; }
	.circle_dt,.circle_dd{ display:block; }
	
	.cont_column{  }
	.cont_column .cont_image{ width:100%;float:none;margin-bottom:15px; }
	.cont_column .cont_note{ width:100%;float:none; }
	/* ------------------------------------------------------- */
	.service_box{ width:46%;float:left;text-align:center;margin:0 2% 30px; }
	.service_box:nth-child(3n){ margin-right:2%; }
	.service_box:nth-child(3n+1){ clear:none; }
	.service_box:nth-child(2n+1){ clear:both; }
	.service_box .num{ background-size:100px auto; }
	.service_box .title{ font-size:16px;line-height:16px;margin-top:-8px; }
	.service_box .note{ font-size:14px; }
	/*
	.service_box{ width:60%;float:none;text-align:center;margin:0 auto 45px; }
	.service_box:nth-child(3n){ margin-right:auto; }
	.service_box .circle{ position:relative;border:1px #000 solid;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;margin-bottom:10px;  }
	.service_box .title{ width:100%;position:absolute;top:50%;font-size:24px;line-height:24px;margin-top:-12px;z-index:20; }
	*/
	/* ------------------------------------------------------- */
	#example .example_box{ width:48%;margin:0 4% 4% 0; }
	#example .example_box:nth-child(2n){ margin-right:0; }
	/* ------------------------------------------------------- */
	#example_detail #main_image{ width:100%;float:none;margin-bottom:15px; }
	#example_detail #thumb_image{ width:100%;float:none;margin-bottom:30px; }
	#example_detail #thumb_image .image{ width:23.5%;float:left;margin-right:2%;margin-bottom:2%; }
	#example_detail #thumb_image .image:nth-child(2n){ margin-right:2%; }
	#example_detail #thumb_image .image:nth-child(4n){ margin-right:0; }
	/* ------------------------------------------------------- */
	.contact_tel {
		margin-bottom:20px;
	}
	.contact_tel dl {
		display: block;
		width: 100%;
		border:0;

	}
	.contact_tel dt::after {
		clear: both;
		content: "";
		display: table;
	}
	.contact_tel dt {
		margin-bottom: 10px;
		padding: 0;
		text-align: left;
		width: auto;
		border-right:0;
		border-bottom: 1px solid #C7C7C7;
	}
	.contact_tel dd {
		width: auto;
	}
	.contact_tel dt, .contact_tel dd {
		display: block;
		margin: 0;
		padding: 10px;
		vertical-align: top;
	}
	
	#contact_form {
		 width:100%;
		margin:0 auto 30px;
	}
	#contact_form dl {
		display: block;
		width: 100%;
		border:0;
	}
	#contact_form dt::after {
		clear: both;
		content: "";
		display: table;
	}
	#contact_form dt {
		/*background:#3A3A3A;
		color:#fff;*/
		margin-bottom: 10px;
		padding: 0;
		text-align: left;
		width: auto;
	}
	#contact_form dd {
		width: auto;
	}
	#contact_form dt, #contact_form dd {
		border: medium none;
		display: block;
		margin: 0;
		padding: 10px;
		vertical-align: top;
		border:0;
	}

	#contact_form dd select {
		font-size: 16px;
	}
	#contact_form dd input[type="text"], #contact_form dd textarea, #contact_form dd select{
		font-size: 16px;
		max-width:95%;
	}
	#contact_form input[type="button"] {
	    vertical-align: top;
	}
	
	.contact_box{  }
	.contact_box_cont{ min-height:126px;background:url(/img/bg_contact_left.png) 0 50% no-repeat,url(/img/bg_contact_right.png) 100% 50% no-repeat;padding:0 30px; }
	.contact_box_cont .box{ margin-bottom:5px; }
	.contact_box .tel{ width:100%;float:none;padding:0;margin-bottom:5px; }
	.contact_box .note{ width:100%;float:none;padding:0; }
	/* ------------------------------------------------------- */
	/* investigation */
	.checklist{  }
	.checklist li{ background-position:0 50%;background-size:20px auto;padding:5px 0 5px 30px;margin-bottom:3px; }
	.house_image{ width:100%; }
	#investigation_form #contact_form dt{ width:auto; }
	/* ------------------------------------------------------- */
	/* basic */
	.reform .reform_box{ width:49%;float:left;margin:0 2% 2% 0; }
	.reform .reform_box:nth-child(2n){ margin-right:0; }
	.reform .reform_box p{ padding:5px; }
	/* ------------------------------------------------------- */
	/* solution */
	#insulation_construction{ width:80%;margin-left:auto;margin-right:auto; }
	#insulation_construction .note{ width:100%;float:none;margin:0 0 15px; }
	#insulation_construction .images{ width:100%;float:none; }
	#insulation_construction .images .box{ width:30%;float:left;margin-right:5%; }
	#insulation_construction .images .box:nth-child(3n){ margin-right:0; }
	#insulation_construction .images .box div{ margin-bottom:5px; }
	#earthquake_proof_solution div{ width:49%;float:left;text-align:right;margin:0 2% 2% 0; }
	#earthquake_proof_solution div:nth-child(3n){ margin-right:2%; }
	#earthquake_proof_solution div:nth-child(2n){ text-align:left;margin-right:0; }
	#step{  }
	#step .step_box{ width:49%;float:left;margin:0 2% 2% 0; }
	#step .step_box:nth-child(2n){ margin-right:0; }
	#step .step_box .frame{ border:1px #000 solid;padding:5%; }
	#step .step_box .note{ min-height:42px; }
	
	/* ------------------------------------------------------- */
	/* newsletter */
	#newsletter{ margin-bottom:30px; }
	.letter_box{ width:31%;float:left;margin-right:3.5%;margin-bottom:5px; }
	.letter_box:nth-child(1){ width:100%;margin-bottom:30px; }
	.letter_box:nth-child(1) .image{ width:35%;float:left; }
	.letter_box:nth-child(1) h4{ width:62%;float:right;font-size:14pt; }
	.letter_box:nth-child(1) p{ width:62%;float:right; }
	.letter_box:nth-child(1) .released{ font-size:9pt; }
	.letter_box:nth-child(1) .released span{ font-size:12pt; }
	.letter_box:nth-child(1) .note{ height:auto; }
	.letter_box h4{ font-size:10pt; }
	.letter_box:not(:first-child) h4{ background:none;padding:0;margin-bottom:0; }
	.letter_box .released{ font-size:7pt; }
	.letter_box .released span{ font-size:9pt; }
	
	.newsletter_request{ width:100%;margin:0 auto 15px; }
	/* ------------------------------------------------------- */
	/* staff */
	.staff_box{ padding:0 3% 30px;margin:0 0 30px; }
	.staff_box .name_sp{ display:block;font-size:24px;line-height:110%;margin-bottom:10px; }
	.staff_box .name_sp span{ font-size:14px; }
	.staff_box .name_sp .position{ color:#4c0c04; }
	.staff_box .image{ width:100%;float:none;text-align:center;margin-bottom:15px; }
	.staff_box .profile{ width:100%;float:none;margin-bottom:15px; }
	.staff_box .motto{ width:62%;float:none;text-align:center;margin:0 auto 15px; }
	.staff_box .name{ display:none; }
	.staff_box .txt{ background-size:auto 12px;padding-top:25px; }
	/* ------------------------------------------------------- */
	/* media */
	.media_box{ width:100%;float:none;margin-right:0; }
	.media_box .image img{ max-width:60%;max-height:auto; }
	/* ------------------------------------------------------- */


}
@media (max-width: 640px){
	input,textarea,select{ font-size:16px; }
	.br_sp{ display:block; }
	
	.box_block{ margin-bottom:30px; }
	
	h3{ font-size:21px;margin:0 auto 30px; }
	
	.sub_image_wrap{ padding:40px 0;margin-bottom:0; }
	.sub_image_wrap .wrap{ width:100%; }
	#sub_image{ max-width:320px;background:rgba(255,255,255,0.7); }
	#sub_image h2{ background-size:30px auto;font-size:21px;padding:10px 2%; }
	
	
	
	
	#main_cont{ padding:25px 0; }
	
	#bnr_common{ margin-bottom:25px; }
	#bnr_common .large{ margin-bottom:15px; }
	#bnr_common .large div{ width:100%;float:none;margin-right:0;margin-bottom:15px; }
	#bnr_common .small{  }
	#bnr_common .small div{ width:48%;float:left;text-align:right;margin:0 4% 4% 0; }
	#bnr_common .small div:nth-child(2n){ text-align:left;margin-right:0; }
	
	.top_box{ margin-bottom:15px; }
	.concept_title{ font-size:21px;letter-spacing:1px;margin-bottom:10px; }
	
	.top_event h3{ margin-bottom:15px; }
	.top_event .image{ width:50%;float:none;margin:0 auto 15px; }
	.top_event .txt{ width:100%;float:none; }
	
	.top_bnr div{ width:70%;float:none;text-align:center;margin:0 auto 10px; }
	.top_bnr div:nth-child(3n){ margin-right:auto; }
	
	.top_exsample{ width:100%;float:none;margin-bottom:15px; }
	.top_topics{ width:100%;float:none;margin-bottom:15px; }
	
	.bnr_basicpack{ margin-bottom:15px; }
	.bnr_basicpack div{ margin-bottom:5px; }
	
	#top_icon{ margin-bottom:15px; }
	#top_icon ul{  }
	#top_icon ul li{ width:50%;margin-bottom:10px; }
	#top_icon ul li a{ padding:15px 2%; }
	#top_icon ul li:nth-child(2n) a{ border-right:none;padding-left:4%; }
	#top_icon ul li:nth-child(2n+1) a{ padding-right:4%; }
	#top_icon ul li img{ max-height:130px; }
	
	#top_icon2{ margin-bottom:15px; }
	#top_icon2 ul{  }
	#top_icon2 ul li{ width:50%;float:left;padding-bottom:0;margin-bottom:10px; }
	#top_icon2 ul li:nth-child(2n+1){ clear:both; }
	#top_icon2 ul .col3{ width:50%;border:none;padding-bottom:0;margin-bottom:10px; }
	#top_icon2 ul .col2{ width:50%;border:none; }
	#top_icon2 ul .col_last a{ background:url(/img/icon2_line.png) 100% 50% no-repeat; }
	#top_icon2 ul li:nth-child(2n) a{ background:none;padding-left:4%; }
	#top_icon2 ul li:nth-child(2n+1) a{ padding-right:4%; }
	
	
	#top_example{ padding:15px 0; }
	#top_example h2 img{ max-height:40px; }
	#top_example .example_box{ width:100%;float:none;margin-right:0%;margin-bottom:15px; }
	#top_example .example_box .num img{ max-height:16px; }
	#top_example .example_box .image{ margin-bottom:5px; }
	
	#top_link{  }
	#top_link .bnr{ width:100%;float:none;margin-right:0%;margin-bottom:10px; }
	#top_link .bnr:nth-child(2n){ margin-right:0; }


	#map iframe{ height:250px; }
	
	/* solution */
	#insulation_construction{ width:100%; }
	
	.pager {
		margin-top:0;
	}
	.pager li {
		margin: 0 2px;
	}
	.pager li a {
		padding: 7px;
	}
	.pager li span {
		padding: 7px;
	}
	.pager li.prev {
		margin-right: 5px;
	}
	.pager li.prev a {
		padding: 7px 8px;
	}
	.pager li.next {
		margin-left: 5px;
	}
	.pager li.next a {
		padding: 7px 8px;
	}
}

@media (max-width: 515px){
	#top_image_main{ background-size:contain; }
	
	#slide { height:270px; }
	#slide li { width:480px;height:270px; }
	#slide li img{ width:480px; }

}