@charset "utf-8";

@media screen and (max-width: 740px) {
#container {
  padding: 20px 0px 0px 0px;
}
#tree ol {
  width: 96%;
}
#tree ol li {
  float: left;
  color: #353535;
  font-size: 13px;
  list-style-type: none;
  background: url(../images/ic_tree.gif) no-repeat 0px 4px;
  padding: 0px 0px 0px 20px;
  margin: 0px 14px 0px 0px;
}
#tree ol li#home {
  background: none;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}
h2.h2staff {
  width: 100%;
  font-size: 20px;
  line-height: 1.2em;
  box-sizing: border-box;
  padding: 10px 5px 10px 30px;
  background-position: 10px 0px;
}
ul.pagenavi {
  clear: both;
  overflow: hidden;
  width: 90%;
  margin: 20px auto 20px;
}
ul.pagenavi li {
  display: block;
  float: none;
  clear: both;
  width: 90%;
  margin: 0px auto 0px;
}
ul.pagenavi li a {
  display: block;
  float: none;
  margin: 0px 0px 10px 0px;
}
/**/

ul.staff_list {
  width: 100%;
}
ul.staff_list li {
  display: inline-block;
  width: 45%;
  margin: 0px 2% 10px 2%;
}
ul.staff_list li span.tab01 {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  padding: 4px 0px 4px 0px;
  background-color: #0e63be;
  margin: 0px auto 5px;
}
ul.staff_list li span.tab02 {
  font-size: 13px;
}
ul.staff_list li a img {
  display: block;
  box-sizing: border-box;
  border: 3px solid #DDDDDD;
  width: 100%;
  height: auto;
  margin: 0px 0px 5px 0px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
/*-----------------------------------------------------------------*/

		/* first */

#wrap_company01 {
  height: auto!important;
}
div.sec_company {
  width: 90%;
  margin: 0px auto 10px;
}
.photo_right {
  float: none;
}
.photo_right img {
  display: block;
  width: 100%;
  height: auto;
}
h2#h2_company {
  float: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 5px;
  margin: 20px 0px 20px;
}
h2#h2_company2 {
  float: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 5px;
  margin: 20px 0px 20px;
}
h2#h2_company2 span {
  display: block;
  line-height: 1.2em;
  margin: 0px 0px 10px 0px;
}
#company01_white {
  clear: both;
  width: 100%;
  padding: 30px 30px;
  box-sizing: border-box;
  margin: 0px auto 20px;
}
#wrap_company02 {
  height: auto;
}
.photo_left {
  float: none;
  width: 90%;
  margin: 0px auto 10px;
}
.photo_left img {
  display: block;
  width: 100%;
  height: auto;
}
.tx_right {
  float: none;
  width: 100%;
}
#staff {
  min-width: 100%;
}
#staff_lr {
  background: none;
  min-height: auto;
}
#staff_inner {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 3% 40px;
}
p#number2 {
  text-align: left;
}
p#number2 span {
  text-align: left;
}
p#concept_text {
  width: 90%;
  margin: 0px auto 20px;
}
/**/
div.con_980 {
  width: 90%;
  margin: 0px auto 20px;
}
table.table_about {
  width: 90%;
  margin: 0px auto 20px;
}
table.table_about th {
  display: block;
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #c5c5c5;
}
table.table_about td {
  padding: 10px 5px 10px 5px;
}
div.full_photo {
  max-height: auto;
}
div.sec_yakuin {
  width: 96%;
  padding: 20px 20px;
  margin: 0px auto 20px;
}
div.yaku_photo {
  clear: both;
  float: none;
  width: 100%;
  margin: 0px 0px 10px 0px;
}
div.yaku_photo img {
  display: block;
  width: 100%;
  height: auto;
}
div.yaku_detail {
  float: none;
  width: 100%;
  margin: 0px 0px 15px 0px;
}
table.yaku_table {
  clear: both;
  width: 100%;
}
table.yaku_table th {
  display: block;
  width: 100%;
  padding: 6px 20px;
  box-sizing: border-box;
}
table.yaku_table td {
  display: block;
  width: 100%;
  padding: 6px 20px;
  box-sizing: border-box;
}
#concept_logo {
  width: 300px;
}
#concept_logo img {
  display: block;
  width: 100%;
  height: auto;
}
h2.h2normal_02 {
  width: 320px;
  font-size: 28px;
}
/*-----------------------------------------------------------------*/
	/* service */
	
p.p_desccenter {
  width: 90%;
}
ul.pagenavi2 {
  width: 90%;
  margin: 30px auto 20px;
}
ul.pagenavi2 li {
  float: left;
  display: block;
  width: 98%;
  box-sizing: border-box;
  margin: 0px auto 10px auto;
}
ul.pagenavi3 {
  width: 90%;
  margin: 30px auto 20px;
}
ul.pagenavi3.sp_view{
	display: block!important;
}
ul.pagenavi3 li {
  float: left;
  display: block;
  width: 98%;
  box-sizing: border-box;
  margin: 0px auto 10px auto;
}
/**/
	
div.left_photo, div.right_photo {
  float: none;
  width: 100%;
  margin: 0px 0px 10px 0px;
}
div.right_text, div.left_text {
  float: none;
  width: 100%;
  margin: 0px 0px 20px 0px;
}
#service_block_inner {
  width: 100%;
}
div.sb_list {
  float: none;
  width: 94%;
  height: auto;
  margin: 0px auto 30px;
}
div.sb_image img {
  display: block;
  width: 100%;
  height: auto;
}
#wrap_ad {
  height: auto;
}
#ad_photo {
  overflow: hidden;
  float: none;
  height: 200px;
  margin: 0px 0px 10px 0px;
}
#ad_text {
  float: none;
  width: 100%;
  padding: 3% 0px 3%;
}
#ad_text h4 {
  font-size: 24px;
}
#ad_flow {
  width: 94%;
  margin: 0px auto 20px;
}
div.aflist {
  width: 100%;
}
div.step {
  width: 70px;
  margin: 0px 10px 10px;
  padding: 10px 0px 5px;
}
div.step span {
  display: block;
  line-height: 1.2em;
}
div.aflist h5 {
  font-size: 26px;
  line-height: 1.2em;
  margin: 15px 10px 10px 0px;
}
div.aflist p {
  clear: both;
  font-size: 14px;
  padding: 0px 15px 25px 15px;
}
/*-----------------------------------------------------------------*/
	
h2.h2normal {
  width: 96%;
  margin: 0px auto 20px;
}
h2.h2normal_02 {
  width: 96%;
  margin: 0px auto 20px;
}
h2.h2normal_03 {
  width: 96%;
  font-size: 30px;
  margin: 0px auto 20px;
}
h2.h2normal_04 {
  width: 96%;
  line-height: 1.3em;
  margin: 0px auto 20px;
  border-bottom: 3px solid #353535;
}
h2.h2normal_05 {
  width: 96%;
  line-height: 1.3em;
  margin: 0px auto 20px;
  border-bottom: 3px solid #353535;
}
h2.h2normal_022 {
  clear: both;
  width: 96%;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px auto 20px;
}
h3.h3_zeimu {
  padding: 0px 0px 10px 0px;
  line-height: 1.3em;
}
/*-----------------------------------------------------------------*/
	
#other_linkbox {
  background-image: none, none, url('../images/service/bg_ten.gif');
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat, repeat;
}
#ol_inner {
  width: 100%;
  margin: 30px auto 30px;
}
#ol_inner h3 {
  width: 94%;
}
#last_roumu {
  width: 96%;
  padding: 10px 10px;
}
#last_roumu h2 {
  font-size: 20px;
  line-height: 1.4em;
  padding: 0px 0px 8px 0px;
}
#last_roumu p {
  font-size: 16px;
}
div.photo02 {
  float: none;
  width: 100%;
  margin: 0px 0px 0px 0px;
}
	
ul#service_boxlist {	
	padding: 40px 0px 30px 0px;
}
	
ul#service_boxlist li {
  clear: both;
  width: 100%;
  height: auto;
  margin: 0px auto 10px;
}
ul#service_boxlist li img {
  display: block;
  width: 100%;
  height: auto;
}

.button2 {
	background-image: url(../images/ic_rec01_on.png), url(../images/foot_link.png);
	background-position: 20px 10px, 310px 16px;
}
	
.button3 {
	background-image: url(../images/ic_rec01_on.png), url(../images/foot_link.png);
	background-position: 20px 10px, 360px 16px;
}
	
div.bt_comlink a {
	display: block;
	width: 340px;
	padding: 10px 10px 10px 50px;
}	
div.bt_comlink2 a {
  display: block;
  width: 360px;
  padding: 10px 10px 10px 50px;
}
/**/
ul.konoyou_list {
  width: 100%;
  padding: 20px 20px;
}
div.kime {
  width: 90%;
  margin: 0px auto 20px;
  background-size: 100% auto;
}
div.kime p {
  font-size: 20px;
  line-height: 1.3em;
  padding: 0px 0px 8px 0px;
}
div.konoyou_list2 {
  width: 100%;
  padding: 20px 20px;
}
div.konoyou_list2 ul {
  width: 100%;
}
div.kime2 {
  width: 90%;
  margin: 0px auto 20px;
  background-size: 100% auto;
}
div.kime2 p {
  font-size: 18px;
  line-height: 1.3em;
  padding: 0px 0px 8px 0px;
}
#bg_second {
  height: auto;
  padding: 30px 20px 30px 20px;
}
#bg_second h2 {
  width: 100%;
}
#bg_second p{
	text-align: left;
}
dl.faq {
  width: 94%;
  margin: 0px auto 30px;
}
dl.faq dt {
  line-height: 1.3em;
  box-sizing: border-box;
}
dl.faq dd {
  line-height: 1.7em;
}
/**/
	
h2.h2_center_white02 {
  width: 96%;
  margin: 0px auto 10px;
  background-size: auto 100%;
}
p.center_white_text {
  width: 90%;
  font-size: 15px;
  margin: 0px auto 40px;
}
#wrap_office01 {
  background: url(../images/office/bg001.jpg) no-repeat top center;
  background-size: auto 100%;
  padding: 40px 0px 20px 0px;
}
div#office_box {
  width: 100%;
}
#office_img {
  float: none;
  width: 100%;
  margin: 0px 0px 20px 0px;
}
#office_img img {
  display: block;
  width: 100%;
  height: auto;
}
#office_detail {
  float: none;
  width: 94%;
  margin: 0px auto 0px;
}
#office_detail h3 {
  color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
#office_detail p {
  color: #FFFFFF;
}
div#gmaps {
  width: 100%;
}
div#gmaps iframe {
  display: block;
  width: 100%;
}
.mb30 {
  margin-bottom: 10px!important;
}
h3.h3_blue {
  line-height: 1.2em;
  padding: 12px 10px;
}
ul.access_img {
  width: 98%;
}
ul.access_img li {
  width: 48%;
}
ul.access_img li img {
  display: block;
  width: 100%;
  height: auto;
}
#staff_inner h4 {
  font-size: 23px;
}
dl.policy dt {
  font-size: 18px;
  line-height: 1.6em;
  border-bottom: 1px solid #CCCCCC;
  padding: 0px 0px 6px 0px;
  margin: 0px 0px 6px 0px;
}
dl.policy dd {
  margin: 0px 0px 25px 0px;
	word-break: break-all;
}
p.p_address {
  width: 100%;
  box-sizing: border-box;
}
div.policybox2 {
  width: 100%;
}
/*-----------------------------------------------------------------*/
	/* contact */
	
#contact_box {
  width: 100%;
}
div.telbox {
  width: 96%;
  margin: 0px auto 25px;
}
#contact_box p.description {
  width: 92%;
  font-size: 14px;
  margin: 0px auto 20px;
}
div.telbox p.tellist {
  font-size: 20px;
}
div.telbox p.tellist span {
  clear: both;
  display: block;
  font-size: 26px;
  line-height: 1.5em;
  margin: 6px 0px 0px 0px;
	float: none;
}
#thanksbox {
  width: 96%;
  padding: 25px 20px;
}
ul.sitemap_list li {
  display: inline;
  width: 100%;
  line-height: 1.6em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
ul.sitemap_list li a {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6em;
  padding: 10px 20px 10px 36px;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  margin: 0px auto 2% auto;
  box-sizing: border-box;
  background: url(../images/ic_newsdetail.png) no-repeat 20px 15px;
}
/*-----------------------------------------------------------------*/
	
#other_kiji {
  clear: both;
  overflow: hidden;
  width: 94%;
  margin: 0px auto 30px auto;
}
#other_kiji h3 {
  clear: both;
  width: 100%;
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 10px 10px 10px 34px;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1.2em;
  margin: 0px 0px 20px 0px;
  background-image: url(../images/kakuteisinkoku/ic_bar2.gif);
  background-repeat: no-repeat;
  background-position: 15px 14px;
  background-color: rgba(14,99,190,0.6);
}
#other_kiji ul li {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0px 0px 10px 0px;
}
#other_kiji ul li img {
  display: block;
  width: 100%;
  height: auto;
}
	
/*-seminar.html----------------------------------------------------------------*/
.seminar{
	width: 95%;
}
.seminar img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.seminar h2 {
 font-size: 17px;
	letter-spacing: -1px;
	text-align: left;
}
.seminar p.top_bottom{
	margin-bottom: 30px;
	text-align: left;
}
.list_wrap dt{
	width: 100%;
	font-size: 15px;
	margin: 5px 0px 5px 0;
	padding: 5px;
	text-align: left;
}
.list_wrap dd{
	font-size: 15px;
	padding:5px;
}
.list_wrap dd.top{
	font-size: 15px;
	font-weight: normal;
}
.list_wrap dd span.bold{
	font-size: 15px;
	font-weight: normal;
}
.list_wrap dd span.s_bold{
	font-size: 15px;
	font-weight: normal;
}
.list_wrap dd span.s_small{
	font-size: 15px;
	font-weight: normal;
}
.list_wrap dd.bottom{
	line-height: 1.6em;
}
.seminar iframe{
	width: 100%;
}
.lecturer{
	width: 95%;
	margin: 50px auto 0;
}
.lecturer h2{
	padding: 10px 0;
	font-size: 20px;
	margin-bottom: 30px;
}
.lecturer_wrap .text_part{
	width: 100%;
}
.lecturer_wrap img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.lecturer_wrap .text_part h3{
	font-size: 15px;
	line-height: 2.6em;
	margin-bottom: 20px;
	border-bottom:1px solid #ccc;
	padding-bottom: 10px;
}
.lecturer_wrap .text_part h3 span.syozoku{
	font-size: 15px;
}
.lecturer_wrap .text_part h3 span.name{
	font-size: 30px;
	margin-left: 30px;
}
.lecturer_wrap .text_part p{
	line-height: 1.8em;
	padding-bottom: 30px;
}
.lecturer_wrap.second{
	padding-top: 30px;
}
.lecturer_wrap.second .text_part{
	width: 100%;
}
.lecturer .form_part{
	margin: 0 auto 30px;
	width:100%;
	padding: 10px;
}
.lecturer .form_part .button{
	font-size: 15px;
	width: 300px;
	margin-bottom: 10px;
}
.lecturer .form_part .button a{
	padding: 10px 0 10px 30px;
}
	
/*=============================
		  pamphlet
===============================*/
.pamphlet_box .bnr_pamphlet img{
	width: 100%;
	height: auto;
}
.pamphlet_box .bnr_pamphlet{
	max-width: 360px;
	width: 100%;
	margin: 20px 0 15px;
}
.pamphlet_box .download{
	font-size: 14px;
}
.pamphlet_box .download span{
    padding-left: 23px;
    background: url(../images/company/ic_dl.svg) no-repeat left top 4px;
    background-size: 14px auto;
}
	

}

/*-----------------------------------------------------------------*/