/*
Theme Name: THS
Theme URI: http://ths.co.jp/
Description: THS WordPress Theme
Author: MONOGRAPH ARTS INC.
Version: 1.0
*/

/*body {
  background: #fff;
  color: #000;
  font-family: 'Noto Sans Japanese',sans-serif; 
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}*/

header .h-inner nav ul li a{
	display: block;
	padding: 20px 22px;
	font-size: 1.2em;/*1.24em*/
	text-decoration: none;
}

/*a {
  text-decoration: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}*/

a img {
  border: 0;
}

a:hover {
  opacity: .5;
}

ul {
  list-style: none;
}

#loading {
  background: #fff url(loading.gif)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/loading.gif*/ center center no-repeat;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}

#wrapper {
  width: 100%;
}

.for-sp {
  display: none;
}






/* ---------- header ---------- */

header {
  background: url(../img/bg.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/header/bg.png*/ 0 0 repeat-x;
  left: 0;
  padding: 20px 0 10px;/*10px 0 0;*/
  position: fixed;
	height: 106px;
  top: 0;
  width: 100%;
  z-index: 10;
}

h1,
#menu {
  margin: 0 auto;
  width: 960px;
}

#h-privacy {
  margin: 0 -380px 0 0;
  position: absolute;
  right: 50%;
  top: 20px;
}

#h-contact {
  margin: 0 -480px 0 0;
  position: absolute;
  right: 50%;
  top: 10px;
}

#menu #h-contact a:hover {
  opacity: .5;
}

#menu ul {
  background: url(sep.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/header/sep.png*/ 0 0 no-repeat;
  height: 25px;
  margin: 15px 0 0;
}

#menu li {
  background: url(sep.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/header/sep.png*/ right 0 no-repeat;
  float: left;
  height: 25px;
  position: relative;
  text-align: center;
}

#menu a {
  display: block;
  height: 23px;
}

#menu li:first-child { width: 60px; }
#menu li:nth-child(2) { width: 114px; }
#menu li:nth-child(3) { width: 88px; }
#menu li:nth-child(4) { width: 138px; }
#menu li:nth-child(5) { width: 118px; }
#menu li:nth-child(6) { width: 153px; }
#menu li:nth-child(7) { width: 105px; }
#menu li:nth-child(8) { width: 92px; }
#menu li:nth-child(9) { width: 92px; height: 30px; }

#menu a:hover,
.top #menu > ul > li:first-child a,
.mission #menu > ul >  li:nth-child(2) a,
.category-news #menu li:nth-child(3) a,
.in-category-news #menu li:nth-child(3) a,
.strength #menu li:nth-child(4) a,
.business #menu li:nth-child(5) a,
.team #menu li:nth-child(6) a,
.history #menu li:nth-child(7) a,
.company #menu li:nth-child(8) a {
  border-bottom: 2px solid #3787C3;
  opacity: 1;
}

#menu li ul {
  background: #fff;
  border-left: 0;
  border-radius: 3px;
  box-shadow: 0 1px 8px rgba(0,0,0,0.4);
  display: none;
  height: auto;
  left: 0;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  top: 25px;
  width: 91px;
}

#menu li:hover ul {
  display: block;
}

#menu li li {
  background-image: none;
  height: 15px;
  padding: 7px 0;
  width: 91px !important;
}

#menu li li a {
  color: #000;
  font-size: 10px;
}

#menu li li a:hover {
  border: 0;
  color: #3787C3;
}






/* ---------- main ---------- */

#main {
  margin: -14px 0 0;/*94px 0 0 */
  width: 100%;
}

#path {
  color: #3787C3;
  margin: 150px auto 75px;
  width: 960px;
}

#prev-next {
  background: #D6DEE1;
  width: 100%;
}

#prev-next div {
  margin: 0 auto;
  overflow: hidden;
  padding: 50px 0;
  width: 960px;
}

#prev-next a {
  display: block;
  float: left;
}

#prev-next a:last-child {
  float: right;
}





/* ---------- top ---------- */

#top-visual {
  background: #FFF url(visual-1.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/top/visual-1.jpg*/ center center no-repeat;
  /*background-size: cover;*/
  height: 656px;
  position: relative;
  width: 100%;
}

#top-visual a {
  bottom: 140px;
  display: block;
  left: 50%;
  margin: 0 0 0 -75px;
  position: absolute;
}

.top h3 {
  background: url(bar-black.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-black.png*/ center bottom no-repeat;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 50px 0 15px;
  text-align: center;
}

.top #top-news {
  margin: 50px 0 0;
}

.top #news-list {
  margin: 50px auto;
  width: 960px;
}

.top #news-list li {
  border-bottom: 1px dotted #888;
}

.top #news-list a {
  background: url(arrow-blue.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/arrow-blue.png*/ right center no-repeat;
  color: #000;
  display: block;
  padding: 25px 0;
}

.top .news-date {
  border: 1px solid #000;
  display: inline-block;
  padding: 7px 0;
  text-align: center;
  width: 80px;
}

.top .news-title {
  display: inline-block;
  font-size: 16px;
  padding: 0 0 0 20px;
}

.top #news-btn a {
  /*background: #3787C3;
  color: #fff;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  width: 150px;*/

  display: block;
  margin: 0 auto;
}



.top #banner {
  margin: 50px auto;
  overflow: hidden;
  width: 960px;
}

.top #banner li {
  float: left;
  width: 465px;
}

.top #banner li:first-child {
  margin: 0 30px 0 0;
}

.top #banner li img {
  height: auto;
  width: 100%;
}



.top #recruit-list {
  margin: 50px auto 100px;
  overflow: hidden;
  width: 960px;
}

.top #recruit-list li {
  float: left;
  font-size: 14px;
  line-height: 2;
  text-align: center;
  width: 462px;
}

.top #recruit-list li.recruit {
  margin: 0 30px 0 0;
}




/* ---------- mission ---------- */

.mission #page-title {
  background: #3787C3;
  color: #fff;
  text-align: center;
  padding: 75px 0 85px;
}

.mission h2 {
  background: url(bar-white.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-white.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

#bg-content {
  background: url(visual-2.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/top/visual-2.jpg*/ center center no-repeat;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}

.dark-box {
  background: rgba(0,0,0,.8);
  color: #fff;
  margin: 30px auto 0;
  text-align: center;
  width: 960px;
}

#bg-content div:first-child {
  margin: 0 auto;
}

.mission h3 {
  background: url(bar-black.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-black.png*/ center bottom no-repeat;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 50px 0 15px;
  text-align: center;
}

.mission #bg-content h3 {
  background: url(bar-white.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-white.png*/ center bottom no-repeat;
}

#slogan img.slogan-img {
  display: block;
  margin: 70px auto 0;
}

#slogan h4 {
  font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",'Noto Sans Japanese',sans-serif; 
  letter-spacing: 5px;
  font-size: 18px;
  line-height: 3;
  padding: 70px 0;
}

#philosophy h4 {
  font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",'Noto Sans Japanese',sans-serif; 
  letter-spacing: 5px;
  font-size: 18px;
  line-height: 3;
  padding: 64px 0 100px;
}

#mission p {
  font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",'Noto Sans Japanese',sans-serif; 
  line-height: 2;
  margin: 0 auto;
  padding: 70px 0;
  text-align: left;
  width: 790px;
  font-size: 16px;
}

#action h4 {
  font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",'Noto Sans Japanese',sans-serif; 
  letter-spacing: 5px;
  font-size: 18px;
  line-height: 2;
  padding: 50px 0 0;
}

#action p {
  font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",'Noto Sans Japanese',sans-serif; 
  line-height: 2;
  margin: 0 auto;
  padding: 70px 0;
  text-align: left;
  width: 790px;
  font-size: 16px;
}





/* ---------- news ---------- */

.category-news #archive-title,
.in-category-news #single-title {
  background: #3787C3;
  color: #fff;
  text-align: center;
  padding: 75px 0 85px;
}

.category-news h2,
.in-category-news h2 {
  background: url(bar-white.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-white.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

.category-news #archive-body,
.in-category-news #single-body {
  margin: 50px auto;
  overflow: hidden;
  width: 960px;
}

.category-news #news-list,
.in-category-news #news-list {
  float: left;
  max-width: 700px;
  width: 100%;
}

.category-news #news-list article,
.in-category-news #news-list article {
  margin: 0 0 30px;
}

.category-news .news-date,
.in-category-news .news-date {
  border: 1px solid #000;
  padding: 7px 0;
  text-align: center;
  width: 80px;
}

.category-news .news-title,
.in-category-news .news-title {
  padding: 30px 0;
}

.category-news .news-title h3,
.in-category-news .news-title h3 {
  line-height: 1.5;
  font-size: 16px;
}

.category-news .news-title a {
  color: #000;
}

.category-news .news-excerpt,
.in-category-news .news-body {
  font-size: 14px;
  line-height: 2;
}

.in-category-news .news-body p {
  margin: 0 0 30px;
}

.in-category-news .news-body img {
  height: auto;
  width: 100%;
}

#news-right {
  float: right;
  width: 200px;
}

#news-right img {
  height: auto;
  width: 100%;
}

.in-category-news #latest-news {
  display: none;
}

.in-category-news #news-right article {
  margin: 0 0 50px;
}

.in-category-news #news-right .news-date {
  border: 0;
  padding: 0;
  text-align: left;
  width: auto;
}

.in-category-news #news-right .news-title {
  padding: 15px 0 0;
}

.in-category-news #news-right .news-title h3 a {
  color: #000;
}

.in-category-news #news-btn a {
  width: 150px;
}





/* ---------- strength ---------- */

.strength #page-title {
  background: #ededed;
  color: #3787C3;
  padding: 75px 0 25px;
  text-align: center;
}

.strength h2 {
  background: url(bar-blue.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-blue.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

.strength #content-header {
  background: #ededed;
  color: #3787C3;
}

.strength #content-header div {
  background: url(head.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/strength/head.png*/ right top no-repeat;
  margin: 0 auto;
  width: 960px;
}

.strength h3 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 60px 0 115px;
}

.strength .row {
  margin: 50px auto 0;
  overflow: hidden;
  width: 960px;
}

.strength .cell {
  float: left;
  width: 465px;
}

.strength .row div:first-child {
  margin: 0 30px 0 0;
}

.strength h4 {
  background: url(bar-black.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-black.png*/ center bottom no-repeat;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 5px;
  padding: 0 0 15px;
  margin: 0 0 50px;
  text-align: center;
}

.strength h5 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  padding: 40px 0 0;
  text-align: center;
}

.strength .cell p {
  font-size: 16px;
  line-height: 1.8;
  padding: 40px 0 0;
}

.strength .cell img {
  height: auto;
  width: 100%;
}





/* ---------- business ---------- */

.business #page-title {
  background: #3787C3;
  color: #fff;
  padding: 75px 0 25px;
  text-align: center;
}

.business h2 {
  background: url(bar-white.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-white.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

.business #content-header {
  background: #3787C3;
  color: #fff;
}

.business #content-header div {
  background: url(head-1.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/business/head.png*/ right top no-repeat;
  margin: 0 auto;
  width: 960px;
}

.business h3 {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 50px 0 100px;
}

.business .row {
  margin: 50px auto 0;
  overflow: hidden;
  width: 960px;
}

.business .cell {
  float: left;
  width: 465px;
}

.business .row div:first-child {
  margin: 0 30px 0 0;
}

.business h4 {
  background: url(bar-black.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-black.png*/ center bottom no-repeat;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 5px;
  padding: 0 0 15px;
  margin: 0 0 50px;
  text-align: center;
}

.business .cell img {
  border-radius: 6px;
  height: auto;
  width: 100%;
}

.business .cell p {
  font-size: 16px;
  line-height: 1.8;
  padding: 40px 0 0;
}

.business .cell span,
.business .cell a {
  display: block;
  margin: 15px 0 0;
}

.business .cell span img,
.business .cell a img {
  border-radius: 0;
}





/* ---------- team ---------- */

.team #page-title {
  background: #ededed;
  color: #3787C3;
  padding: 75px 0 25px;
  text-align: center;
}

.team h2 {
  background: url(../img/bar-blue.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-blue.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

.team #content-header {
  background: #ededed;
  color: #3787C3;
}

.team #content-header div {
  background: url(../img/head-2.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/head.png*/ right top no-repeat;
  margin: 0 auto;
  width: 960px;
}

.team h3 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 25px 0 30px;
}

.team #content-header p {
  font-size: 16px;
  line-height: 1.5;
  padding: 0 0 50px;
}

.team #member {
  /*background: url(../img/bg.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/bg.jpg* center center no-repeat;*/
  background-size: cover;
 	/*background-color: #d9d9d9;*/
}
/*.team .row */
/*.team #main #page-body #member .row */.team .row {
  margin: 0 auto;
  overflow: hidden;
  padding: 0px 0 0;/*100px 0 0;*/
  width: 960px;
}

.team h4 {
  background: url(../img/bar-black.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-black.png*/ center bottom no-repeat;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 5px;
  padding: 0 0 15px;
  text-align: center;
}

.team h4 img {
  vertical-align: bottom;
}

.team .cell {
  float: left;
  width: 465px;
}

.team .row div:nth-of-type(2n-1) {
  margin: 0 30px 0 0;
}

.team .cell p {
  font-size: 13px;
  height: 360px;/*280px*/
  letter-spacing: 5px;
  line-height: 1.5;
  padding: 100px 0 0;
}

.team .row div:nth-of-type(2n) p {
  padding: 100px 0 0 30px;
  width: 435px;
}

.team #member-1 p { background: url(../img/1.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/1.png*/ right top no-repeat; }
.team #member-2 p { background: url(../img/2.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/2.png*/ right top no-repeat; }
.team #member-3 p { background: url(../img/3.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/3.png*/ right top no-repeat; }
.team #member-4 p { background: url(../img/4.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/4.png*/ right top no-repeat; }
.team #member-5 p { background: url(../img/5.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/5.png*/ right top no-repeat; }
.team #member-6 p { background: url(../img/6.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/6.png*/ right top no-repeat; }
.team #member-7 p { background: url(../img/7.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/7.png*/ right top no-repeat;}
.team #member-8 p { background: url(../img/8.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/8.png*/ right top no-repeat;}
.team #member-9 p { background: url(../img/9.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/9.png*/ right top no-repeat;}
.team #member-10 p { background: url(../img/10.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/10.png*/ right top no-repeat;}
.team #member-11 p { background: url(../img/11.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/11.png*/ right top no-repeat;}

.team .row-full {
  width: 100%;
}

.team .row-full .row {
  padding: 50px 0;
}

.team .row-full .cell {
}

.team .cell.solo {
  float: none;
  margin: 0 auto !important;
  width: 535px;
}
.team .cell.solo p {
  font-size: 13px;
  height: 360px;
  letter-spacing: 5px;
  line-height: 1.5;
  padding: 100px 0 0;
}





/* ---------- hitory ---------- */

.history #page-title {
  background: #3787C3;
  color: #fff;
  padding: 75px 0;
  text-align: center;
}

.history h2 {
  background: url(bar-white.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-white.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

.history h3 {
  background: url(bar.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/bar.png*/ center bottom no-repeat;
  font-size: 32px;
  letter-spacing: 2px;
  margin: 50px 0;
  padding: 0 0 25px;
  text-align: center;
  overflow: hidden;
}

.history .photo {
  background-size: cover !important;
  height: 490px;
  position: relative;
  width: 100%;
}

.history #photo-1991 { background: url(1991.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/1991.jpg*/ center center no-repeat; }
.history #photo-1996 { background: url(1996.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/1996.jpg*/ center center no-repeat; }
.history #photo-2001 { background: url(2001.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/2001.jpg*/ center center no-repeat; }
.history #photo-2005 { background: url(2005.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/2005.jpg*/ center center no-repeat; }
.history #photo-2010 { background: url(2010.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/2010.jpg*/ center center no-repeat; }
.history #photo-2015 { background: url(2015.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/2015.jpg*/ center center no-repeat; }

.history .overlay {
  background: rgba(8,136,208,.8);
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 30px 0;
  position: absolute;
  width: 100%;
}

.history .overlay h4 {
  background: url(open.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/open.png*/ right center no-repeat;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 auto;
  width: 960px;
}

.history .overlay h4.x { background-image: url(close.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/close.png*/; }

.history .overlay p {
  font-size: 15px;
  line-height: 1.7;
  margin: 15px auto 0;
  max-height: 100%;
  width: 960px;
}

.history #vision {
  margin: 50px auto 0;
  width: 960px;
}

.history #vision img {
  height: auto;
  width: 100%;
}





/* ---------- company ---------- */

.company #page-title {
  background: #ededed;
  color: #3787C3;
  padding: 75px 0;
  text-align: center;
}

.company h2 {
  background: url(bar-blue.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-blue.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

.company h3 {
  background: url(bar-black.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-black.png*/ center bottom no-repeat;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 5px;
  padding: 0 0 15px;
  margin: 100px 0 50px;
  text-align: center;
}

.company h3:first-of-type {
  margin: 50px 0 50px;
}

.company dl {
  font-size: 16px;
  line-height: 2;
  margin: 0 auto;
  width: 960px;
}

.company dt {
  clear: left;
  float: left;
  font-weight: 700;
  padding: 15px 10px;
  width: 140px;
}

.company dd {
  padding: 15px 10px 15px 170px;
  width: 780px;
}

.company dt:nth-of-type(2n-1),
.company dd:nth-of-type(2n-1) {
  background: url(li-bg.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/privacy/li-bg.png*/;
}

.company #business-btn {
  box-sizing: border-box;
  border: 1px solid #3787C3;
  display: block;
  font-size: 13px;
  line-height: 1;
  margin: 5px 0 0;
  max-width: 400px;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.company #gmap p {
  font-size: 16px;
  line-height: 2;
  padding: 0 0 25px;
  text-align: center;
}

.company #map-canvas {
  width: 100%;
  height: 400px;
}

.company dl:last-of-type dt {
  float: none;
  padding: 15px 10px 5px;
  width: 940px;
}

.company dl:last-of-type dd {
  padding: 0 10px 15px;
  width: 940px;
}

.company dd a {
  color: #3787C3;
  text-decoration: underline;
}





/* ---------- privacy ---------- */

.privacy #page-title {
  background: #3787C3;
  color: #fff;
  padding: 75px 0 50px;
  text-align: center;
}

.privacy h2 {
  background: url(bar-white.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-white.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

.privacy  #content-header {
  background: #3787C3;
  color: #fff;
  text-align: center;
}

.privacy #content-header p {
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
  padding: 0 0 50px;
}

.privacy h4 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 75px 0 50px;
  text-align: center;
}

.privacy dl {
  font-size: 16px;
  line-height: 2;
  margin: 0 auto;
  width: 960px;
}

.privacy dt {
  clear: left;
  float: left;
  font-weight: 700;
  padding: 15px;
  width: 20px;
}

.privacy dd {
  padding: 15px 10px 15px 60px;
  width: 900px;
}

.privacy dt:nth-of-type(2n-1),
.privacy dd:nth-of-type(2n-1) {
  background: url(li-bg.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/privacy/li-bg.png*/;
}

.privacy #fig {
  margin: 50px 0 0;
  text-align: center;
}

.privacy #fig img {
  border: 1px solid #ddd;
  box-sizing: border-box;
  height: auto;
  width: 100%;
  max-width: 960px;
}

.privacy #auth {
  line-height: 3;
  margin: 0 auto;
  width: 90%;
  max-width: 960px;
}

.privacy #auth span {
  display: inline-block;
  width: 80px;
}

.privacy #sign {
  line-height: 1.5;
  margin: 50px auto 0;
  text-align: right;
  width: 90%;
  max-width: 960px;
}

.privacy #iso {
  text-align: center;
}

.privacy #iso h3 {
  background: url(bar-black.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-black.png*/ center bottom no-repeat;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 5px;
  padding: 0 0 15px;
  margin: 100px 0 50px;
  text-align: center;
}

.privacy #iso div {
  background: url(iso.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/privacy/iso.jpg*/ center center no-repeat;
  background-size: contain;
  height: 500px;
  width: 100%;
}





/* ---------- contact ---------- */

.contact #page-title {
  background: #3787C3;
  color: #fff;
  padding: 75px 0;
  text-align: center;
}

.contact h2 {
  background: url(bar-white.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-white.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

.contact form {
  box-sizing: border-box;
  border: 1px solid #ccc;
  margin: 50px auto 0;
  padding: 50px 50px 10px;
  width: 960px;
}

.contact dl {
}

.contact dt {
  clear: left;
  float: left;
  font-size: 16px;
  padding: 10px 0;
  width: 250px
}

.contact dt span {
  background: #d98686;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  padding: 5px;
}

.contact dd {
  font-size: 14px;
  padding: 0 0 40px 250px;
}

.contact dd input[type=text] {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 10px;
  width: 510px;
}

.contact dd textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  height: 250px;
  line-height: 1.5;
  padding: 10px;
  width: 610px;
}

.contact dd div {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  line-height: 2;
  margin: 0 0 30px;
  padding: 15px;
  width: 610px;
}

.contact .confirm {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  padding: 10px 0;
}

.contact .note {
  display: block;
  font-size: 12px;
  margin: 10px 0 0;
}

.contact form + div {
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-width: 0 1px 1px;
  margin: 0 auto 50px;
  padding: 50px;
  text-align: center;
  width: 960px;
}

.contact .button,
.contact .button span {
  width: 300px;
}

.contact #btn-modify span:nth-child(2) { background: #ccc; }
.contact #btn-modify:hover span:nth-child(2) { background: #3787C3; }

.contact #btn-send { margin: 0 0 0 10px; }

#form-message {
  color: red;
  line-height: 1.5;
  text-align: center;
}



.contact-child #page-title {
  display: none;
}

.contact-child #page-title-2 {
  background: #3787C3;
  color: #fff;
  padding: 75px 0;
  text-align: center;
}

.contact-child #page-title-2 h2 {
  background: url(bar-white.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-white.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

.contact-child #message {
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 2;
  margin: 50px auto 0;
  padding: 50px 250px;
  text-align: center;
  width: 960px;
}





/* ---------- aaa_aploud ---------- */

.aaa_aploud #page-title {
  background: #3787C3;
  color: #fff;
  padding: 75px 0;
  text-align: center;
}

.aaa_aploud h2 {
  background: url(bar-white.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-white.png*/ center bottom no-repeat;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 15px;
}

.aaa_aploud h3 {
  background: url(bar-black.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-black.png*/ center bottom no-repeat;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 5px;
  padding: 0 0 15px;
  margin: 100px 0 50px;
  text-align: center;
}

#aaa-logo {
  display: block;
  margin: 100px auto 0;
}

#aaa-overview {
  margin: 0 auto;
  overflow: hidden;
  width: 960px;
}

#aaa-problem {
  float: left;
  padding: 20px 50px;
  width: 380px;
}

#aaa-problem h4 {
  background: url(problem.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/aaa/problem.png*/ 260px 0 no-repeat;
  font-size: 20px;
  height: 24px;
  margin: 0 0 30px;
  padding: 10px 30px 0 0;
  text-align: center;
}

#aaa-problem p {
  font-size: 16px;
  line-height: 1.5;
  padding: 0 0 20px;
}

#aaa-solve {
  background: #3787C3;
  color: #fff;
  float: right;
  padding: 20px 65px;
  width: 350px;
}

#aaa-solve h4 {
  background: url(solve.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/aaa/solve.png*/ 280px 0 no-repeat;
  color: #faf79b;
  font-size: 20px;
  height: 24px;
  margin: 0 0 30px;
  padding: 10px 30px 0 0;
  text-align: center;
}

#aaa-solve p {
  border-bottom: 1px solid #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 20px;
  padding: 0 0 10px;
}



#aaa-detail {
  background: #EAF2F8;
  margin: 50px auto 0;
  padding: 50px 0 0;
  width: 960px;
}

#aaa-detail h3 {
  margin: 0 0 20px;
}

#aaa-detail dl {
  overflow: hidden;
  padding: 30px;
}

#aaa-detail dt {
  clear: left;
  float: left;
  width: 150px;
}

#aaa-detail dd {
  float: left;
  width: 750px;
}

#aaa-detail dd strong {
  color: #3787C3;
  display: block;
  padding: 10px 0;
}


#aaa-contact {
  text-align: center;
}

#aaa-contact p {
  font-size: 18px;
  text-align: center;
}

#aaa-contact ul {
  margin: 30px auto 20px;
  text-align: left;
  width: 300px;
}

#aaa-contact li {
  background: url(li.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/aaa/li.png*/ 0 0 no-repeat;
  height: 20px;
  padding: 0 0 10px 20px;
}





/* ---------- 404 ---------- */

.error404 h2 {
  color: #888;
  padding: 150px 0;
  text-align: center;
}





/* ---------- footer ---------- */


#footer-content {
  height: 185px;
  margin: 0 auto;
  overflow: hidden;
  padding: 45px 0 0;
  position: relative;
  width: 960px;
}

#sitemap,
#address {
  float: left;
  overflow: hidden;
}

#sitemap ul {
  float: left;
  margin: 0 30px 0 0;
}

#sitemap li,
#address {
  line-height: 2.2;
}

#sitemap a,
#sitemap span {
  background: url(a.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/footer/a.png*/ right center no-repeat;
  color: #fff;
  padding: 0 15px 0 0;
}

#address {
  border-left: 1px solid #9aadb8;
  padding: 0 0 0 30px;
}

#address img {
  padding: 10px 0 0;
}

#contact-btn {
  height: 230px;
  position: absolute;
  right: 0;
  top: 0;
  width: 150px;
}

#copyright {
  background: #000;
  box-sizing: border-box;
  color: #888;
  font-size: 10px;
  letter-spacing: 1px;
  padding: 20px 0;
  text-align: center;
  width: 100%;
}























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

#loading {
  background: #fff url(loading.gif)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/loading.gif*/ center 42% no-repeat;
  top: 65px;
}

#wrapper {
  min-width: initial;
}

.for-pc {
  display: none;
}

.for-sp {
  display: initial;
}





/* ---------- header ---------- */

header {
  height: 45px;
  padding: 12px 5% 0;
  /*position: static;*/
  width: 90%;
}

h1 {
  width: 100%;
}

h1 img {
  height: auto;
  width: 48%;
}

#menu-sp-ul {
  background: rgba(55,135,195,0.9);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
}

#menu-sp-ul ul {
  padding: 20px 0;
}

#menu-sp li {
  padding: 15px 10%;
  width: 80%;
}

#menu-sp-ul ul li span,
#menu-sp a {
  background: url(a-sp.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/header/a-sp.png*/ right center no-repeat;
  background-size: 10px 10px;
  color: #fff;
  padding: 0 20px 0 0;
}

#menu-sp-ul ul li span#menu-sp-close {
  background: none !important;
}

#menu-sp img {
  height: auto;
  width: 100%;
}

#menu-sp-btn {
  cursor: pointer;
  height: 65px;
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  z-index: 21;
}

#menu-sp-btn span {
  background: #3787C3;
  display: inline-block;
  left: 20px;
  height: 4px;
  overflow: hidden;
  position: absolute;
  -webkit-transition: .3s;
  transition: .3s;
  width: 25px;
}

#menu-sp-btn #bar1 { top: 26px; }
#menu-sp-btn #bar2 { top: 34px; }
#menu-sp-btn #bar3 { top: 42px; }

#menu-sp-btn #txt {
  background: transparent;
  color: #3787C3;
  height: auto;
  left: 0;
  font-size: 9px;
  text-align: center;
  top: 12px;
  width: 65px;
}

#menu-sp-btn.x span {
  background: #fff;
}

#menu-sp-btn.x #txt {
  opacity: 0;
}

#menu-sp-btn.x #bar1 {
  top: 34px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#menu-sp-btn.x #bar2 {
  opacity: 0;
}

#menu-sp-btn.x #bar3 {
  top: 34px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}





/* ---------- main ---------- */

#main {
  margin: 70px 0 0;
}

#content-header {
  margin-top: -1px;
}

#path {
  margin: 50px auto;
  width: 90%;
}

#prev-next div {
  padding: 30px 0;
  width: 90%;
}





/* ---------- top ---------- */

#top-visual {
  background: url(visual-1-sp.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/top/visual-1-sp.jpg*/ center center no-repeat;
  background-size: cover;
  height: 380px;
  position: relative;
  width: 100%;
}

#top-visual a {
  bottom: 50px;
}

.top h3 {
  font-size: 15px;
  padding: 30px 0 10px;
}

.top #news-list {
  margin: 45px auto;
  width: 90%;
}

.top .news-date {
  display: block;
  font-size: 11px;
}

.top .news-title {
  display: block;
  font-size: 13px;
  padding: 10px 0 0 0;
}

.top #banner {
  width: 90%;
}

.top #banner li {
  float: none;
  width: 100%;
}

.top #banner li:first-child {
  margin: 0 0 10px;
}

.top #recruit-list {
  margin: 50px auto;
  width: 90%;
}

.top #recruit-list li {
  float: none;
  width: 100%;
}

.top #recruit-list li.recruit {
  margin: 0 0 10px;
}

.top #recruit-list li img {
  height: auto;
  width: 100%;
}



/* ---------- mission ---------- */

#bg-content {
  padding: 0;
}

.dark-box {
  margin: 0;
  width: 100%;
}

#bg-content div:first-child {
  margin: 0;
}

#bg-content div:nth-child(3) {
  background: rgba(8,136,208,.8);
}

.dark-box img {
  display: block;
  height: auto;
  padding: 50px 0;
  width: 100%;
}

#slogan.dark-box {
  background-color: transparent;
}

#slogan h3 {
  color: #000;
  background: url(bar-black.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/bar-black.png*/ center bottom no-repeat !important;
}

#slogan img {
  display: block;
  height: auto;
  padding: 50px 0;
  width: 100%;
}

#philosophy h4 {
  letter-spacing: 2px;
  font-size: 14px;
  padding: 40px 0 80px;
}

#mission p {
  margin: 0 auto;
  padding: 30px 0 60px;
  width: 90%;
}

#action h4 {
  letter-spacing: 2px;
  font-size: 14px;
  padding: 50px 0;
}

#action p {
  padding: 30px 0 60px;
  width: 90%;
}




/* ---------- news ---------- */

.category-news h2,
.in-category-news h2 {
  font-size: 15px;
  padding: 30px 0 40px;
}

.category-news #archive-body,
.in-category-news #single-body {
  width: 90%;
}

.category-news #news-list,
.in-category-news #news-list {
  float: none;
}

.category-news .news-date,
.in-category-news .news-date {
  font-size: 11px;
}

.category-news .news-title,
.in-category-news .news-title {
  padding: 10px 0 10px;
}

.category-news .news-title h3,
.in-category-news .news-title h3 {
  font-size: 15px;
}

.category-news .news-excerpt,
.in-category-news .news-body {
  font-size: 12px;
}

#news-right {
  float: none;
  margin: 50px 0 0;
  width: 100%;
}

.in-category-news #latest-news {
  display: block;
  font-size: 15px;
  margin: 0 0 30px;
  padding: 0 0 10px;
  text-align: center;
}

.in-category-news #news-right article {
  margin: 0 0 30px;
}

.in-category-news #news-btn a {
  display: block;
  margin: 0 auto;
}





/* ---------- strength ---------- */

.strength #page-title {
  padding: 30px 0;
}

.strength h2 {
  font-size: 15px;
}

.strength #content-header div {
  background-position: center 0;
  background-size: 350px;
  text-align: center;
  width: 90%;
}

.strength h3 {
  font-size: 15px;
  letter-spacing: 3px;
  padding: 210px 0 30px;
}

.strength .row {
  margin: 0 auto;
  width: 90%;
}

.strength .cell {
  float: none;
  width: 100%;
}

.strength .row div:first-child {
  margin: 0;
}

.strength h4 {
  font-size: 15px;
  letter-spacing: 3px;
  margin: 50px 0 30px;
}

.strength h5 {
  font-size: 14px;
}

.strength .cell p {
  font-size: 12px;
  padding: 25px 0 0;
}





/* ---------- business ---------- */

.business #page-title {
  padding: 30px 0;
}

.business h2 {
  font-size: 15px;
}

.business #content-header div {
  background-position: center 0;
  background-size: 200px;
  text-align: center;
  width: 90%;
}

.business h3 {
  font-size: 15px;
  letter-spacing: 3px;
  padding: 135px 0 30px;
}

.business .row {
  margin: 0 auto;
  width: 90%;
}

.business .cell {
  float: none;
  width: 100%;
}

.business .row div:first-child {
  margin: 0;
}

.business h4 {
  font-size: 15px;
  letter-spacing: 3px;
  margin: 50px 0 30px;
}

.business .cell p {
  font-size: 12px;
}





/* ---------- team ---------- */

.team #page-title {
  padding: 30px 0;
}

.team h2 {
  font-size: 15px;
}

.team #content-header div {
  background-position: center 80px;
  background-size: 150px;
  text-align: center;
  width: 90%;
}

.team h3 {
  font-size: 15px;
  letter-spacing: 3px;
  padding: 0 0 170px;
}

.team #content-header p {
  font-size: 11px;
  line-height: 2;
  padding: 0 0 20px;
}

.team #member {
  /*background: url(bg-sp.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/team/bg-sp.jpg* center center no-repeat;*/
  background-size: cover;
}

.team .row {
  padding: 50px 0 0;
  width: 100%;
}

.team h4 {
  font-size: 15px;
  letter-spacing: 3px;
}

.team #member-5 {
  margin: 0 auto 50px;
}

.team .cell {
  float: none;
  margin: 0 auto;
  width: 90%;
}

.team .row div:nth-of-type(2n-1) {
  margin: 0 auto;
}

.team .cell p {
  background-size: contain !important;
  font-size: 12px;
  height: 200px;
  letter-spacing: 3px;
  line-height: 1.5;
  padding: 50px 0 0;
}

.team .row div:nth-of-type(2n) p {
  padding: 50px 0 0;
  width: 100%;
}

.team .row-full .row {
  padding: 30px 0;
}

.team .cell.solo {
  width: 90%;
}






/* ---------- hitory ---------- */

.history #page-title {
  padding: 30px 0;
}

.history h2 {
  font-size: 15px;
}

.history h3 {
  background-size: 60px;
  font-size: 20px;
  letter-spacing: 2px;
  text-align: center;
}

.history .photo {
  background-size: 400px !important;
  background-position: center top !important;
  height: auto;
  padding: 140px 0 0;
  position: relative;
}

.history .overlay {
  background: #ededed;
  bottom: auto;
  color: #000;
  left: auto;
  padding: 20px 0;
  position: static;
}

.history .overlay h4 {
  background-image: none;
  font-size: 13px;
  line-height: 2;
  padding: 0;
  text-align: center;
  width: 90%;
}

.history .overlay h4.x {
  background-image: none;
  padding: 0;
}

.history .overlay p {
  font-size: 12px;
  width: 90%;
}

.history .overlay .oc-btn-2 {
  background: url(open-sp.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/open-sp.png*/ center bottom no-repeat;
  background-size: 100px auto;
  display: block;
  height: 30px;
  width: 100%;
}

.history .overlay .oc-btn-2.x {
  background-image: url(close-sp-1.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/history/close-sp.png*/;
}

.history #vision {
  width: 90%;
}





/* ---------- company ---------- */

.company #page-title {
  padding: 30px 0;
}

.company h2 {
  font-size: 15px;
}

.company h3 {
  font-size: 15px;
}

.company dl {
  font-size: 12px;
  width: 90%;
}

.company dt {
  box-sizing: border-box;
  float: none;
  padding: 15px 15px 0;
  width: 100%;
}

.company dd {
  box-sizing: border-box;
  padding: 5px 15px 15px;
  width: 100%;
}

.company #gmap p {
  font-size: 12px;
}

.company #map-canvas {
  height: 300px;
}

.company dl:last-of-type dt {
  box-sizing: border-box;
  padding: 15px 15px 0;
  width: 100%;
}

.company dl:last-of-type dd {
  box-sizing: border-box;
  padding: 5px 15px 15px;
  width: 100%;
}





/* ---------- privacy ---------- */

.privacy #page-title {
  padding: 30px 0;
}

.privacy h2 {
  font-size: 15px;
}

.privacy #content-header p {
  font-size: 12px;
  line-height: 2;
  padding: 0 0 40px;
}

.privacy #page-body h4 {
  font-size: 15px;
  line-height: 2;
  padding: 15px 0;
}

.privacy #page-body ul {
  width: 90%;
}

.privacy #page-body li {
  font-size: 13px;
}

.privacy dl {
  font-size: 12px;
  width: 90%;
}

.privacy dt {
  box-sizing: border-box;
  float: none;
  padding: 15px 15px 0;
  width: 100%;
}

.privacy dd {
  box-sizing: border-box;
  padding: 5px 15px 15px;
  width: 100%;
}

.privacy #fig {
  margin: 20px auto 0;
  width: 90%;
}

.privacy #auth span {
  display: block;
}

.privacy #iso div {
  background: url(iso-sp.jpg)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/privacy/iso-sp.jpg*/ center center no-repeat;
  background-size: contain;
  height: 900px;
}





/* ---------- contact ---------- */

.contact #page-title {
  padding: 30px 0;
}

.contact h2 {
  font-size: 15px;
}

.contact form {
  margin: 30px auto 0;
  padding: 0 20px 20px;
  width: 90%;
}

.contact dt {
  float: none;
  font-size: 13px;
  padding: 20px 0 0;
  width: 100%
}

.contact dd {
  font-size: 13px;
  padding: 20px 0 0;
  width: 100%
}

.contact dd input[type=text] {
  padding: 5px;
  width: 100%;
}

.contact dd textarea {
  height: 150px;
  padding: 5px;
  width: 100%;
}

.contact dd div {
  font-size: 12px;
  width: 100%;
}

.contact form + div {
  margin: 0 auto 30px;
  padding: 20px;
  width: 90%;
}

.contact .confirm {
  padding: 0 0 10px 50px;
}

.contact .note {
  line-height: 1.5;
}

.contact #btn-confirm,
.contact #btn-confirm span {
  width: 200px;
}

.contact #btn-modify,
.contact #btn-modify span,
.contact #btn-send,
.contact #btn-send span {
  width: 150px;
}



.contact-child #page-title-2 {
  padding: 30px 0;
}

.contact-child #page-title-2 h2 {
  font-size: 15px;
}

.contact-child #message {
  font-size: 13px;
  padding: 20px;
  text-align: left;
  width: 90%;
}





/* ---------- aaa ---------- */

.aaa #page-title {
  padding: 30px 0;
}

.aaa h2 {
  font-size: 15px;
}

.aaa h3 {
  font-size: 15px;
  letter-spacing: 2px;
  margin: 50px 0 30px;
}

#aaa-logo {
  height: auto;
  margin: 50px auto 0;
  width: 100%;
}

#aaa-overview {
  width: 100%;
}

#aaa-problem {
  float: none;
  padding: 20px 10%;
  width: 80%;
}

#aaa-problem h4 {
  background: url(problem.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/aaa/problem.png*/ 230px 0 no-repeat;
}

#aaa-problem p {
  font-size: 13px;
}

#aaa-solve {
  float: none;
  padding: 20px 10%;
  width: 80%;
}

#aaa-solve h4 {
  background: url(solve.png)/*tpa=http://www.ths.co.jp/wordpress/wp-content/themes/ths/img/aaa/solve.png*/ 265px 0 no-repeat;
}

#aaa-solve p {
  font-size: 13px;
}



#aaa-detail {
  margin: 0;
  padding: 50px 0 0;
  width: 100%;
}

#aaa-detail h3 {
  margin: 0 0 20px;
}

#aaa-detail dl {
  overflow: hidden;
}

#aaa-detail dt {
  width: 90px;
}

#aaa-detail dt img {
  height: auto;
  padding: 20px 0 0;
  width: 70px;
}

#aaa-detail dd {
  line-height: 1.5;
  width: 250px;
}

#aaa-detail dd strong {
  padding: 20px 0 10px;
}


#aaa-contact p {
  font-size: 15px;
}

#aaa-contact img {
  height: auto;
  width: 90%;
}





/* ---------- footer ---------- */

#footer-content {
  height: auto;
  padding: 0;
  width: 100%;
}

#sitemap {
  display: none;
}

#address {
  border: 0;
  float: none;
  line-height: 1.8;
  margin: 0;
  padding: 20px 5%;
}

#contact-btn {
  background: #000;
  height: auto;
  padding: 30px 0 20px;
  position: static;
  text-align: center;
  width: 100%;
}

#contact-btn img {
  height: auto;
  width: 50%;
}



.button {
  background-color: #3787C3;
  color: #fff;
  display: inline-block;
  width: 150px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
}

.button span:nth-child(2) {
  display: none;
}

#btn-modify {
  background: #ccc;
}

}



@media screen and (min-width: 401px) {

.button {
  display: inline-block;
  width: 150px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  position: relative;
  -webkit-perspective: 300px;
  perspective: 300px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-transition: all .1s;
  transition: all .1s;
}
.button span {
  background-color: #3787C3;
  color: #fff;
  display: block;
  position: absolute;
  width: 150px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  -webkit-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
}
.button span:nth-child(1) {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.button span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.button:hover span:nth-child(1) {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.button:hover span:nth-child(2) {
  color: #3787C3;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}

}