/* 共通
-----------------------------------------------------*/
.flex {display: flex;}

/* font
---------------------------------------------------------*/
@font-face {
  font-family: 'gyousho';
  src: url('../../font/HGRGY_0.TTC') format('truetype');}

.gyousho {
	font-family: 'gyousho', sans-serif;}

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


.sub_image {
    position: relative;
}
.sub_image::before {
	content: '';
	display: inline-block;
	background: rgba(0,0,0, .35);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sub_image.about {
    background: url(../../img/main_about.jpg) no-repeat;
    background-size: cover;
    height: 305px;
}
.sub_image.service {
    background: url(../../img/main_service.jpg) no-repeat;
    background-size: cover;
    height: 305px;
}
.sub_image.recruit {
    background: url(../../img/main_recruit.jpg) no-repeat;
    background-size: cover;
    height: 305px;
}
.sub_image.contact {
    background: url(../../img/main_contact.jpg) no-repeat;
    background-size: cover;
    height: 305px;
}
.sub_image.news {
    background: url(../../img/main_news.jpg) no-repeat;
    background-size: cover;
    height: 305px;
}
.sub_image.policy {
    background: url(../../img/main_policy.jpg) no-repeat;
    background-size: cover;
    height: 305px;
}
.sub_image.sitemap {
    background: url(../../img/main_sitemap.jpg) no-repeat;
    background-size: cover;
    height: 305px;
}

@media screen and (max-width: 767px){
.sub_image.about ,
.sub_image.service ,
.sub_image.recruit ,
.sub_image.contact ,
.sub_image.news ,
.sub_image.policy ,
.sub_image.sitemap {
    height: 210px;
    padding: 0;
	background-position: center;
	}
.inner .ja {
    font-size: 22px!important;
    line-height: 28px!important;
	}
.inner .ja .en {
    font-size: 14px!important;
	}
}

#main_about .ja{ margin-bottom: 50px; font-size: 32px; line-height: 40px;color: #fff;}
#main_contact .ja{ margin-bottom: 50px; font-size: 32px; line-height: 40px;color: #fff;}
#main_case .ja{ margin-bottom: 50px; font-size: 32px; line-height: 40px;color: #fff;}
#main_service .ja{ margin-bottom: 50px; font-size: 32px; line-height: 40px;color: #fff;}
#main_policy .ja{ margin-bottom: 50px; font-size: 32px; line-height: 40px;color: #fff;}
#main_feature .ja{ margin-bottom: 50px; font-size: 32px; line-height: 40px;color: #fff;}
#main_strategy .ja{ margin-bottom: 50px; font-size: 32px; line-height: 40px;color: #fff;}
#main_blog .ja{ margin-bottom: 50px; font-size: 32px; line-height: 40px;color: #fff;}

@media screen and (max-width: 767px){
#main_about .ja{ margin-bottom: 80px; font-size: 32px; line-height: 40px;color: #fff;margin-top:80px;}
#main_contact .ja{ margin-bottom: 80px; font-size: 32px; line-height: 40px;color: #fff;;margin-top:80px;}
#main_case .ja{ margin-bottom: 80px; font-size: 32px; line-height: 40px;color: #fff;;margin-top:80px;}
#main_service .ja{ margin-bottom: 80px; font-size: 32px; line-height: 40px;color: #fff;;margin-top:80px;}
#main_policy .ja{ margin-bottom: 80px; font-size: 32px; line-height: 40px;color: #fff;;margin-top:80px;}
#main_feature .ja{ margin-bottom: 80px; font-size: 32px; line-height: 40px;color: #fff;;margin-top:80px;}
#main_strategy .ja{ margin-bottom: 80px; font-size: 32px; line-height: 40px;color: #fff;;margin-top:80px;}
#main_blog .ja{ margin-bottom: 80px; font-size: 32px; line-height: 40px;color: #fff;;margin-top:80px;}
}

#main_about .ja .en{ display: block; font-size: 18px; color: #fff;}
#main_contact .ja .en{ display: block; font-size: 18px; color: #fff;}
#main_case .ja .en{ display: block; font-size: 18px; color: #fff;}
#main_service .ja .en{ display: block; font-size: 18px; color: #fff;}
#main_policy .ja .en{ display: block; font-size: 18px; color: #fff;}
#main_feature .ja .en{ display: block; font-size: 18px; color: #fff;}
#main_strategy .ja .en{ display: block; font-size: 18px; color: #fff;}
#main_blog .ja .en{ display: block; font-size: 18px; color: #fff;}


#main h1, #main h1 span{ color: #fff }
#main h1{ position: absolute; top: 55px; right: 0; bottom: 0; left: 0; margin: 0 auto }

/*massage*/
#massage {
    background: url(../../img/about/massage_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 0px 0 60px 0;
}
#massage::before {
	content: '';
	display: inline-block;
	background: rgba(255,255,255,.9025);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#massage .inner {
    z-index: 1;
    position: relative;
}
#massage .inner .ja {
    margin-bottom: 175px;
    margin-top: -45px;
}
#massage h2{ font-size: 24px; line-height: 36px; margin-bottom: 30px }
#massage p{ text-align: center }
#massage .have_bottom {
    margin-bottom: 30px;
    font-size: 16.75px;
}
#massage.policy_page {
	background: #fff;
}
#massage.policy_page .have_bottom{ margin-bottom: 30px; text-align: left;}
#massage.massage2 {
	background: none;
}
#massage.massage2::before {
	content: none;
}
#massage.massage2 .flex {
    gap: 0 45px;
}
#massage.massage2 .inleft {
	display: inline-block;
	width: 80%;
}
#massage.massage2 .inleft p {
	text-align: left;
	font-size: 15.75px;
    line-height: 1.725;
}
#massage.massage2 .inleft p.right {
    text-align: right;
    font-size: 22px;
    margin-top: -25px;
}
#massage.massage2 .inleft p.right span {
    font-size: 28px;
}
#massage.massage2 .inright {
	display: inline-block;
	width: 40%;
}

/*office_information*/
#office_information{ background: url(../../img/office_information_bg.png) no-repeat; background-size: cover }
#office_information table {
    width: 100%;
    margin-top: -20px;
}
#office_information table th, #office_information table td{ box-sizing: border-box; padding: 20px 0; border: solid 1px #d2d2d2 }
#office_information table th{ width: 17.5%; background: #f7f7f7; text-align: center }
#office_information table td{ width: 82.5%; background: rgba(255,255,255,0); padding-left: 7% }

/*access_map*/
#access_map .wrapper {
	margin-top: -25px;
}
#access_map .wrapper iframe{
	width: 100%; 
	height: 420px;
}

@media(max-width: 820px){
/*main*/
#main{ padding-top: 70px; height: 240px }
#main h1{ top: 125px }

/*massage*/
#massage h2{ font-size: 18px; line-height: 22px; margin-bottom: 20px }
#massage .have_bottom{ margin-bottom: 20px }

/*office_information*/
#office_information table td{ padding-left: 5% }
}


@media(max-width: 767px){
#massage {
    padding: 0px 0 20px 0;
	}
#massage .inner .ja {
    margin-bottom: 140px;
    margin-top: -85px;
	}
#massage .have_bottom {
    font-size: 14.5px;
    text-align: left;
    line-height: 1.6;
	}
#massage.massage2 .flex {
    display: block;
	}
#massage.massage2 .inleft {
    width: 100%;
    display: block;
	margin-bottom: -20px;
	}
#massage.massage2 .inleft p {
    font-size: 14.5px;
    line-height: 1.675;
    margin-bottom: 15px;
	}
#massage.massage2 .inright {
    width: 100%;
    display: block;
	}
#massage.massage2 .inleft p.right {
    font-size: 19px;
	}
#massage.massage2 .inleft p.right span {
    font-size: 24px;
	}
#office_information table {
	margin-top: -5px;
	}
#office_information table th {
    width: 19.5%;
    padding-left: 5px;
    padding-right: 5px;
	}
#access_map {
    padding-top: 5px;
	}
#access_map .wrapper iframe{
	height: 240px;
	}
#access_map .wrapper {
    margin-top: -5px;
	}
}


/* ============================================================== サービス */
#service.sub ul li {
    margin-left: 0;
    display: block;
    width: 100%;
}
#service.sub ul li dl {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 3px dotted #ebebeb;
}
#service.sub ul li dt {
    display: inline-block;
	width: 20%;
	margin-right: 30px;
	vertical-align: top;
}
#service.sub ul li dd {
    display: inline-block;
	width: 76%;
	vertical-align: top;
}
#service.sub ul li dd p {
	margin-bottom: 15px;
}
#service.sub h2 {
    text-align: left;
    color: #008e36;
}
@media screen and (max-width: 767px){
#service.sub ul ,
#service.sub ul li {
	margin-bottom: 0;
    }
#service.sub ul li dl {
    margin-bottom: 0px;
    padding-bottom: 5px;
    border-bottom: 2px dotted #ebebeb;
	}
#service.sub ul li dt {
    width: 19.5%;
    margin-right: 5px;
	}
#service.sub h2 {
    font-size: 18px;
	}
}


/* ============================================================== 採用情報 */
#massage.service {
	background: url(../../img/recruit/recruit_bg.jpg) no-repeat;
    background-size: cover;
    padding: 0px 0 45px 0;
}
#massage.service::before {
	background: rgba(0,0,0,.1);
}
#massage.service h1 {
	color: #fff;
}
#massage.service p {
	color: #fff;
}
.requirements_box dl {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}
.requirements_box dt {
display: inline-block;
    width: 10%;
    margin-right: 20px;
    margin-bottom: 5px;
    vertical-align: top;
}
.requirements_box dd {
    display: inline-block;
    width: 80%;
    padding: 15px;
    background-color: #f7f9ff;
    vertical-align: top;
}
section .requirements_box ul {
	margin-bottom: 0;
}
.requirements_box li {
    width: 100% !important;
    margin-left: 0!important;
	padding-left: 1em;
	text-indent: -1em;
}
.requirements_box dd p {
    margin-top: 15px;
}


@media screen and (max-width: 767px){
#massage.service {
    padding: 5px 0 20px 0;
	}
#massage.service .have_bottom {
    font-size: 14.0px;
    margin-bottom: 15px;
	}
.requirements_box dt {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
	}
.requirements_box dt span {
    font-size: 16px;
    color: #008e36;
	}
.requirements_box dd {
	display: block;
	width: 94%;
	}
}


/* ============================================================== サイトマップ */
.sitemap_box {
    margin-top: 40px;
}
.sitemap_box a {
    margin-right: 30px;
	margin-bottom: 25px;
    padding: 18px 0px;
    background-color: #31774c;
    color: #fff;
    display: inline-block;
    width: 30%;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}
.sitemap_box a:nth-child(3n) {
    margin-right: 0;
}
@media screen and (max-width: 767px){
.sitemap_box a {
    margin-right: 12px;
    margin-bottom: 15px;
    padding: 16px 0px;
    width: 48%;
	}
.sitemap_box a:nth-child(3n) {
    margin-right: 12px;
	}
.sitemap_box a:nth-child(2n) {
    margin-right: 0;
	}
}





/* ============================================================== お問い合わせ */
.formarea {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}
.formarea table {
    margin-top: 30px;
    margin-bottom: 50px;
    width: 100%;
}
.formarea th {
    padding: 18px 15px 18px 15px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    border-left: solid 1px #e4e4e4;
    background: #daf5dc;
    color: #000000;
    line-height: 1;
    letter-spacing: 0.1em;
    vertical-align: top;
    width: 80%;
    line-height: 1.4;
    margin-bottom: 12px;
    display: block;
    vertical-align: middle;
}
.formarea td {
    padding: 0px 20px 10px 10px;
    width: 80%;
    margin-bottom: 12px;
    vertical-align: middle;
}
.formarea td input {
    padding: 10px;
    border: solid 1px #d8d8d8;
    width: 80%;
}
.formarea td textarea {
    width: 82.15%;
    padding: 10px;
}
.send {
    margin: -20px auto 30px auto;
    text-align: center;
}
.send p {
    text-align: center;
}
.send input {
    padding: 20px 100px!important;
    border: solid 1px #ffffff!important;
    border-bottom: solid 3px #000!important;
    background: #31774c!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 500!important;
    border-radius: 10px!important;
    width: 32%!important;
}
.send input:hover {
    background: #4b8b64!important;
    transition: .3s;
}
.send span {
	display: none!important;
}
@media screen and (max-width: 767px){
.formarea table {
    margin-top: -15px;
    margin-bottom: 15px;
	}
.formarea th {
    font-size: 95%;
    padding: 15px;
    width: 90%;
    display: block;
	}
.formarea th p {
    text-align: center;
	}
.formarea td {
    padding: 0px 0px 0px 0px;
    width: 100%;
    display: block;
	}
.formarea td input ,
.formarea td textarea {
    width: 93%;
	}
.send input {
    padding: 20px 30px!important;
    width: 60%!important;
	}
.send.under {
    margin-top: -10px;
	}
}





/* ============================================================== エントリーフォーム */
.entry_area {
    padding: 50px 0 35px 0;
    background: #fffbec;
}
.entry_area.complete {
    padding: 50px 0 75px 0;
    background: #fffbec;
}
.entry_area th {
    background: #ad9300;
    color: #fff;
}
.formarea tr.year td input {
    width: 20%;
}
.formarea tr.year td span:nth-child(2) input ,
.formarea tr.year td span:nth-child(3) input {
    width: 10%;
}
.formarea tr.radio td label {
    width: 7em;
    display: inline-block;
}
.formarea tr.radio td input {
    width: 20%;
}
.entry_area  .send input {
    background: #978000 !important;
}
.entry_area  .send input:hover {
	opacity: .75;
	transition: .3s;
}


/* ============================================================== ブログ一覧 */
.box	{margin-left:auto; margin-right:auto; width:1000px;min-width:1000px;text-align:left; clear:both;position:relative;}
.box2	{margin-left:auto; margin-right:auto; width:770px;text-align:left; clear:both;position:relative;font-size: 16px;}

.box2 h3 		{padding:15px 10px;border:solid 1px #111;border-radius:2px;margin-top: 20px;}
.box2 h3 span	{
padding:3px 0 0 10px;
font-size:18px;
font-weight:bold;
color:#111;
line-height:1;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing:0.1em;
line-height:1;
border-left:solid 5px #111;
}

.box2 h4 {
margin:20px 0 10px 0;
padding:0 0 10px 0;
border-bottom: solid 1px #e4e4e4;
position: relative;
font-size:16px;
color:#111;
line-height:1;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing:0.1em;
font-weight:bold;
}
.box2 h4 span {
font-size:16px;
color:#111;
line-height:1;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing:0.1em;
font-weight:bold;
}

.box2 h4:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 1px #111;
bottom: -1px;
width: 10%;
}

.box2 h5				{line-height:1;font-size:18px;font-weight:bold;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#111;}
.box2 h6				{margin:20px 0 0px 0;padding:0;line-height:1;font-size:16px;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#111;font-weight:bold;text-decoration: underline;}

.box2 table			{margin-top:30px;margin-bottom: 30px;border-right:solid 1px #e4e4e4;border-bottom:solid 1px #e4e4e4;width:100%;}
.box2 th			{padding:20px;background:#f2faf5;border-left:solid 1px #e4e4e4;border-top:solid 1px #e4e4e4;width:210px;letter-spacing:0.1em;vertical-align:top;}
.box2 td			{padding:20px;border-left:solid 1px #e4e4e4;border-top:solid 1px #e4e4e4;vertical-align:top;}
.box2 td a			{text-decoration:underline;}
.box2 td a:hover	{text-decoration:none;}
.box2 td .arrow img			{width: 3%;margin-top: 30px;margin-left: 25%;margin-bottom: 15px;}
.box2 td p.acc img			{width: 50%;margin-top: 10px;margin-bottom: 10px;}
.box2 td.abouttable span.infotxt	{margin-top: 10px;}
.box2 td.abouttable span.infotxt p	{margin-top: 10px;}

.box2 p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 2.1;
    letter-spacing: 0.05em;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box2 h2 {
padding:0 0;
font-weight:bold;
text-shadow: 1px 1px 5px black;
text-align:center;
font-size:30px;
color:#fff;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing:0.2em;
position:absolute;
font-size:23px;
background:rgba(0,94,60,0.75);
height:100%;
line-height:200px;
}

.box2 ul {list-style: disc; margin-left: 20px;}


/*ブログ詳細 ここから*/

.box2.blog_detail	{margin-top: 50px;margin-bottom: 50px;margin-left:auto; margin-right:auto; width:100%;text-align:left; clear:both;position:relative;font-size: 18px;}

/*ブログ詳細 ここまで*/


.topicsBox table			{border-collapse: collapse;
    margin-top: 70px;
    margin-bottom: 100px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.topicsBox tr				{background:url(../img/chip_01.png) repeat-x bottom left;}
.topicsBox th				{padding:20px 0px 18px 0px;width:200px;font-size:15px;color:#333;letter-spacing:0.05em;display: -webkit-inline-box;}
.topicsBox th span	{
margin-left:10px;
margin-right: 10px;
padding:6px 0 5px 0;
position:relative;
top:-1px;
width:100px;
font-size:13px;
font-weight:bold;
color:#fff;
background:#111;
text-align:center;
line-height:1;
display:inline-block;
letter-spacing:0.05em;
border-radius: 3px;
}
.topicsBox th span a {font-weight:normal;font-size:100%;margin:0;padding:0;text-decoration:none;color:white;line-height:1;display:block;font-weight:bold;}
.topicsBox td				{padding:20px 0 18px 55px;font-size:16px;color:#333;width: 100%;}
.topicsBox td	a 			{font-size:16px;color:#333;text-decoration:none;display:block;}
.topicsBox td	a:hover 	{text-decoration: underline;}
.topicsBox p.more			{margin:30px auto 0 auto;text-align:center;width:230px;}
.topicsBox p.more a		{
padding:20px 0;
display:block;
background:#81c3f1;
color:#fff;
/*font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family:"メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;
font-weight:bold;
line-height:1;
font-size:16px;
letter-spacing:0.1em;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
}
.topicsBox p.more a:hover	{background:#333;}

.wp-pagenavi {text-align:center;margin-top:10px;margin-bottom: 15px;}



.topicsBox table			{border-collapse: collapse;
    margin-top: 70px;
    margin-bottom: 100px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.topicsBox tr				{background:url(../img/chip_01.png) repeat-x bottom left;}
.topicsBox th				{padding:20px 0px 18px 0px;width:200px;font-size:15px;color:#333;letter-spacing:0.05em;display: -webkit-inline-box;    vertical-align: text-top;}
.topicsBox th span	{
margin-left:10px;
margin-right: 10px;
padding:6px 0 5px 0;
position:relative;
top:-1px;
width:100px;
font-size:13px;
font-weight:bold;
color:#fff;
background:#ec6800;
text-align:center;
line-height:1;
display:inline-block;
letter-spacing:0.05em;
border-radius: 3px;
}
.topicsBox th span a {font-weight:normal;font-size:100%;margin:0;padding:0;text-decoration:none;color:white;line-height:1;display:block;font-weight:bold;}
.topicsBox td				{padding:20px 0 18px 55px;font-size:16px;color:#333;width: 100%;vertical-align: top;}
.topicsBox td	a 			{font-size:16px;color:#333;text-decoration:none;display:block;}
.topicsBox td	a:hover 	{text-decoration: underline;}
.topicsBox p.more			{margin:30px auto 0 auto;text-align:center;width:230px;}
.topicsBox p.more a		{
padding:20px 0;
display:block;
background:#81c3f1;
color:#fff;
/*font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family:"メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;
font-weight:bold;
line-height:1;
font-size:16px;
letter-spacing:0.1em;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
}
.topicsBox p.more a:hover	{background:#333;}

.wp-pagenavi {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 45px;
}

.topNews span	{
margin-left:10px;
padding:6px 0 5px 0;
position:relative;
top:-1px;
width:100px;
font-size:13px;
font-weight:bold;
color:#fff;
background:#111;
text-align:center;
line-height:1;
display:inline-block;
letter-spacing:0.05em;
border-radius: 3px;
}
.topicsBox{
	padding-bottom: 65px;
}
.topicsBox span {
    margin-left: 8px;
    padding: 6px 0 5px 0;
    position: relative;
    top: -1px;
    width: 64px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    background: #008e36;
    text-align: center;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.05em;
    border-radius: 3px;
}
.blog_detail span	{
margin-left:10px;
padding:6px 0 5px 0;
position:relative;
top:-1px;
width:100px;
font-size:13px;
font-weight:bold;
color:#fff;
background:#008e36;
text-align:center;
line-height:1;
display:inline-block;
letter-spacing:0.05em;
border-radius: 3px;
}

.idx_blog_post             {padding:0 0 0.5em;margin:0 0.5em 0.5em;border-bottom:1px solid #c8d4e0;display:flex;flex-direction:row-reverse;text-decoration:none;}
.idx_blog_txt              {flex:1;margin-left:0.5em;position:relative;}
.idx_blog_date             {font-size: 14px;color:#08191f;text-align: left;}
.idx_blog_ttl              {font-size: 14px;line-height:140%;color:#08191f;font-weight:bold;text-align: left;}
.idx_blog_fig              {width:17%;}
.idx_blog_fig img              {width:100%;height: 100%;}


@media screen and (min-width: 768px){
	.idx_blog                  {padding-bottom:4em;}
	.idx_blog_lst              {margin-bottom:4em;}
	.idx_blog_post             {padding:0 0 1em;margin:0 0.5em 1em;transition:0.3s;}
	.idx_blog_fig              {margin-right:0em;}
.idx_blog_fig img {
    margin-right: 0em;
    width: 150px;
    height: 100px;
	}
	.idx_blog_date             {font-size: 16px;margin-bottom:1em;}
	.idx_blog_ttl              {font-size: 16px;text-align: left;}
	.idx_blog_post:hover       {opacity:0.8;}
	.idx_blog_post:hover .idx_blog_ttl      {text-decoration:underline;}
}

@media screen and (max-width: 767px){
/* TOPICS一覧 */

.topicsBox tr				{background:url(../img/chip_01.png) repeat-x bottom left;}
.topicsBox th				{padding:10px 5px 0 5px;font-size:15px;color:#333;letter-spacing:0.05em;display:-webkit-inline-box;/*width: 80%;*/}
.topicsBox td				{padding:5px 5px 10px 5px;font-size:15px;color:#333;display:block;}
.topicsBox td	a 			{font-size:15px;color:#333;text-decoration:none;display:block;}
.topicsBox td	a:hover 	{text-decoration: underline;}
.topicsBox p.more			{margin:30px auto 0 auto;text-align:center;width:230px;}
.topicsBox p.more a		{
padding:20px 0;
display:block;
background:#81c3f1;
color:#fff;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
line-height:1;
font-size:16px;
letter-spacing:0.1em;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
}
.topicsBox p.more a:hover	{background:#333;}

.box	{margin-left:auto; margin-right:auto; width:100%;min-width:100%;text-align:left; clear:both;position:relative;}

.idx_blog_fig img {
    width: 100px;
    height: 75px;
	}
.idx_blog_fig {
    width: 30%;
	}

/*ブログ詳細SP ここから*/
.box2.blog_detail {
	width: 96%;
}
.box2.blog_detail p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.05em;
}
.box2.blog_detail th,.box2.blog_detail td {display:block;}
.box2.blog_detail h3 		{padding:15px 10px;border:solid 1px #111;border-radius:2px;}
.box2.blog_detail h3 span	{
padding:3px 0 0 10px;
font-size:15px;
font-weight:bold;
color:#111;
line-height:1;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing:0.1em;
display:block;
line-height:1;
border-left:solid 5px #111;
}
.box2.blog_detail h4 {
margin:25px 0 0 0;
padding:0 0 10px 0;
border-bottom: solid 1px #e4e4e4;
position: relative;
font-size:16px;
font-weight:bold;
color:#111;
line-height:1;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing:0.1em;
}

.box2.blog_detail h4:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 1px #111;
bottom: -1px;
width:20%;
}

.box2.blog_detail h5				{font-size:16px;}
.box2.blog_detail h6				{margin:20px 0 0px 0;padding:0;line-height:1.3;font-size:16px;font-weight:bold;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#111;text-decoration: underline;}



.box2.blog_detail table	{margin-top:20px;border-right:solid 1px #e4e4e4;border-bottom:solid 1px #e4e4e4;width:100%;}
.box2.blog_detail th	{padding:18px 15px 15px 15px;background:#f2faf5;border-left:solid 1px #e4e4e4;border-top:solid 1px #e4e4e4;width:auto;display:block;letter-spacing:0.1em;vertical-align:middle;line-height:1;}
.box2.blog_detail td	{padding:15px;border-left:solid 1px #e4e4e4;border-top:solid 1px #e4e4e4;vertical-align:top;display:block;}
.box2.blog_detail td img	{width:100%;}
.box2.blog_detail td .arrow img			{width: 8%;margin-top: 20px;margin-left: 45%;margin-bottom: 15px;}
.box2.blog_detail td p.acc img			{width: 100%;margin-top: 10px;margin-bottom: 10px;}
}
/*ブログ詳細SP ここまで*/