@charset "UTF-8";
td.layout_content{ width:100%;}
.system_content{ width:100%;}
.layout_table{ width:100%;}

#ts-content *, #ts-content *::before, #ts-content *::after, .items-wrapper *, .items-wrapper *::before, .items-wrapper *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

section {
  width: 100%;
}
h2, h3, h4 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
  /*WEBフォント使用可能な場合下記を使用 
  font-family: yu-mincho-pr6, sans-serif;
  font-weight: 400;
  font-style: normal;
  */
}
.pima {
  background: #f0f4f5;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
#ts-content {
  width: 100%;
  min-width: 1000px;
  margin: 0 auto;
  padding: 0;
  font-size: 13px;
  color: #323232;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  letter-spacing: 1px;
  position: relative;
}
#ts-content ul, #ts-content li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#ts-content h1, #ts-content h2, #ts-content h3, #ts-content h4, #ts-content h5, #ts-content p {
  display: block;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
 line-height: 1.8;
}
#ts-content h2 {
    font-size: 25px;
    position: relative;
}
#ts-content img {
  border: none;
  vertical-align: bottom;
}
#ts-content .ts-wrapper {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

/* utility */
#ts-content .flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
#ts-content .between {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
}

/* main-img */
#ts-content .main-img {
	background: url(../img/img_maing.png) center center no-repeat;
	height: 715px;
    margin: 0 auto 100px;
}

/* about */
#ts-content .about {
    text-align: center;
    margin: 0 0 100px;
}
#ts-content .about h2 {
    color:#0d6380;
    background: url("../img/bg_ttl.png") center bottom no-repeat;
    padding: 0 0 80px;
}
#ts-content .about .point {
    margin:70px auto 0;
    width: 1000px;
    border: 1px solid #9f7a46;
    padding: 0 0 50px 0;
}
#ts-content .about .point .flex {
    width:690px;
    margin: auto;
}
#ts-content .about .point .flex .cont {
    width: 240px;
}
#ts-content .about .point h3 {
    color: #9f7a46;
    display: inline-block;
    background: #f0f4f5;
    position: relative;
    font-size: 40px;
    margin: -40px 0 0 0;
    padding: 0 40px;
}


/* what is */
#ts-content .whatis {
    margin: 0 0 150px;
}
#ts-content .whatis > div {
    background: #FFF;
    text-align: center;
    padding: 80px 40px 100px;
}
#ts-content .whatis h2 {
    background: url("../img/bg_ttl2.png") center top no-repeat;
    margin: 0 0 50px;
    padding: 150px 0 0 0;
}
#ts-content .whatis .flex {
    width: 100%;
    margin: 70px auto 50px;
}
#ts-content .whatis .flex:last-of-type {
    width:100%;
    margin: 0 auto 50px;
}
#ts-content .whatis .between {
	justify-content: center;
}
#ts-content .whatis .flex p {
    width: 24%;
	margin: 0 .5%;
}
#ts-content .whatis .flex p img {
	width: 100%;
}

/* point1 */
#ts-content .point01 {
    text-align: center;
    margin: 0 0 120px;
}
#ts-content .point01 h2 {
    margin: 20px 0 40px;
}

/* point2 */
#ts-content .point02 {
    text-align: center;
    margin: 0 0 200px;
}
#ts-content .point02 .ts-wrapper {
    background: #FFF;
    padding: 120px 0 150px;
}
#ts-content .point02 h2 {
    margin: 30px 0;
}

/* point3 */
#ts-content .point03 {
    text-align: center;
    margin: 0 0 200px;
}
#ts-content .point03 h2 {
    margin: 30px 0;
}

/* point4 */
#ts-content .point04 {
    text-align: center;
    margin: 0 0 130px;
}

/* point4 */
#ts-content .point04 h2 {
    margin: 20px 0 40px;
}
#ts-content .point04 .box {
    background: url("../img/bg_tailor_mens.png") center top no-repeat;
	background-size: 100%;
	width: 1000px;
    margin: 70px 0 0;
    padding: 120px 0 0;
    height: 1121px;
}
#ts-content .point04 .box h3 {
    color: #a27e4c;
    font-size:28px;
    position: relative;
}
#ts-content .point04 .box h3:after {
    content:  "";
    background: #a27e4c;
    height: 1px;
    position: absolute;
    width: 180px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#ts-content .point04 .box .txt1 {
    position: absolute;
    left: 425px;
    top: 630px;
    text-align: left;
}
#ts-content .point04 .box .txt2 {
    position: absolute;
    right: 330px;
    top: 780px;
}
#ts-content .point04 .box .txt3 { position: absolute; bottom: 80px; left: 85px;}
#ts-content .point04 .box .txt4 { position: absolute; bottom: 80px; left: 340px;}

/* point5 */
#ts-content .point05 {
    margin:0 0 130px;
}
#ts-content .point05 .ts-wrapper > p {
    text-align: center;
    margin: 0 0 70px;
}
#ts-content .point05 .box1,
#ts-content .point05 .box2 {
    position: relative;
    width: 955px;
    margin: 0 auto 150px;
    height: 1300px;
}
#ts-content .point05 .box1 h3,
#ts-content .point05 .box2 h3 {
    font-size: 60px;
    line-height: 1.2;
    margin: 0 0 50px 0;
    color: #0d6380;
}
#ts-content .point05 .box1 h4,
#ts-content .point05 .box2 h4 {
    font-size: 25px;
    line-height: 2;
    margin: 0 0 30px 0;
    color: #0d6380;
}
#ts-content .point05 .box1 h4 span {
    background: #f0f4f5;
    padding: 10px 10px 10px 0;
}
#ts-content .point05 .box2 h4 span {
    background: #f0f4f5;
    padding: 10px 0px 10px 10px;
}
#ts-content .point05 .box1 .box-left,
#ts-content .point05 .box1 .box-right,
#ts-content .point05 .box2 .box-left,
#ts-content .point05 .box2 .box-right {
    position: absolute;
    height: 100%;
}
#ts-content .point05 .box1 .box-left,
#ts-content .point05 .box2 .box-right {
    width: 450px;
}
#ts-content .point05 .box1 .box-right,
#ts-content .point05 .box2 .box-left {
    width: 620px;
}
#ts-content .point05 .box1 .box-left,
#ts-content .point05 .box2 .box-left {
    left:0;
}
#ts-content .point05 .box1 .box-left,
#ts-content .point05 .box2 .box-right {
    z-index:1;
}
#ts-content .point05 .box1 .box-right,
#ts-content .point05 .box2 .box-right {
    right:0;
}
#ts-content .point05 .box1 .box-left p.txt1,
#ts-content .point05 .box2 .box-right p.txt1 {
    margin: 0 0 50px;
}
#ts-content .point05 .box1 .box-left p.txt2,
#ts-content .point05 .box2 .box-right p.txt2 {
    margin: 0 0 90px;
}
#ts-content .point05 .box1 .box-right,
#ts-content .point05 .box2 .box-right {
    right:0;
}
#ts-content .point05 .box1 .box-right .txt {
    padding: 30px 0 0 150px;
    color: #b4b4b4;
    font-size: 13px;
}
#ts-content .point05 .box2 .box-left .txt {
    padding: 30px 150px 0 0;
    color: #b4b4b4;
    font-size: 13px;
}
#ts-content .point05 .box1 .box-right .btn{
    text-align: center;
    width: 496px;
    float: right;
    margin: 10px 0 0 0;
}
#ts-content .point05 .box2 .box-left .btn {
    text-align: center;
    width: 496px;
    margin: 10px 0 0 0;
}
#ts-content .point05 .box1 .box-right .btn p,
#ts-content .point05 .box2 .box-left .btn p {
    margin: 30px 0 0 0;
} 
#ts-content .point05 .box2 .box-right p.txt1,
#ts-content .point05 .box2 .box-right h3,
#ts-content .point05 .box2 .box-right h4 {
    text-align: right;
}

/* point6 */
#ts-content .point06 {
    margin:0 0 100px 0;
}
#ts-content .point06 h2 {
    margin: 20px 0 40px;
}
#ts-content .point06 .ts-wrapper > p {
    text-align: center;
}
#ts-content .point06 .box {
    background: url("../img/bg_white.png") center top no-repeat;
	width: 1000px;
	background-size: 100% 100%;
    padding: 70px 0 0 0;
    height: 2700px;
}
#ts-content .point06 .box h3 {
    color: rgb(162, 126, 76);
    font-size: 28px;
    position: relative;
    text-align: center;
    margin: 0 0 30px 0;
}
#ts-content .point06 .box h3:after {
    content:  "";
    background: #a27e4c;
    height: 1px;
    position: absolute;
    width: 180px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#ts-content .point06 .box h4 {
    text-align: center;
    font-size:18px;
}
#ts-content .point06 .box .box-inner1 {
    position: relative;
    background: url("../img/bg_tailor_womens.png") center top no-repeat;
	background-size: 100%;
    height: 1089px;
    width: 960px;
    margin: 30px auto 70px;
    text-align: center;
}
#ts-content .point06 .box .box-inner1 p {
    position: absolute;
}
#ts-content .point06 .box .box-inner1 p.txt1 {
    left: 390px;
    top: 70px;
}
#ts-content .point06 .box .box-inner1 p.txt2 {
    right: 40px;
    top: 420px;
}
#ts-content .point06 .box .box-inner1 p.txt3 {
    left: 440px;
    top: 668px;
}
#ts-content .point06 .box .box-inner1 p.txt4 {
    right: 40px;
    bottom: 95px;
}
#ts-content .point06 .box h3+p {
    text-align: center;
}
#ts-content .point06 .box .box-inner2 {
    position: relative;
    background: url("../img/bg_2way.png")center top no-repeat;
	background-size: 100%;
    height: 892px;
    width: 960px;
    margin: 30px auto 70px;
    text-align: left;
}
#ts-content .point06 .box h3:last-of-type {
    background: url("../img/txt_womens2.png") center top no-repeat;
    height: 100px;
    padding: 20px 0 0 0;
}
#ts-content .point06 .box h3:last-of-type:after {
    content:none;
}
#ts-content .point06 .box .box-inner2 p {
    position: absolute;
}
#ts-content .point06 .box .box-inner2 p.txt1 {
    left: 340px;
    top: 55px;
    width: 290px;
}
#ts-content .point06 .box .box-inner2 p.txt2 {
    left: 75px;
    top: 315px;
    width: 230px;
}
#ts-content .point06 .box .box-inner2 p.txt3 {
    left: 265px;
    top: 570px;
    width: 363px;
}
#ts-content .point06 .box .box-inner2 p.txt4 {
    left: 35px;
    top: 830px;
    width: 250px;
}



/* fadein */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1s;
}
.fadein2 {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
}
.fadein3 {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}






/* FIXED SIDE LINKS */
ul.fixedlink li{
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
ul.fixedlink li a {
	display: block;
	width: 220px;
	padding: 8px 0;
	background: #838383;
	color: #fff;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
}
ul.fixedlink li:first-child{ position: fixed; width: 223px; height: 36px; bottom: 300px; right: -5px; z-index:999; }
ul.fixedlink li:nth-child(2){ position: fixed; width: 223px; height: 36px; bottom: 250px; right: -5px; z-index:999; }
ul.fixedlink li:nth-child(3){ position: fixed; width: 223px; height: 36px; bottom: 200px; right: -5px; z-index:999; }
ul.fixedlink li:nth-child(4){ position: fixed; width: 223px; height: 36px; bottom: 150px; right: -5px; z-index:999; }
ul.fixedlink li:nth-child(5){ position: fixed; width: 223px; height: 36px; bottom: 100px; right: -5px; z-index:999; }

/* TOPへ戻る */
.pagetop {
    position: fixed;
    right: 20px;
    bottom: 10px;
    z-index: 9998;
}