@charset "utf-8";
/* CSS Document */

/*--------------------------------------
    title
--------------------------------------*/

.main-content.page .title{
	width:100%;
	height:140px;
	position: relative;
}
.main-content.page .title:before{
	display: block;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:1238px;
	height:109px;
	content: "";
}
.main-content.page .title:after{
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:10px;
	content: "";
}
.main-content.page .title.title001:before{
	background: url("../common/images/title_pink.png") no-repeat center center;
	background-size:cover;
}
.main-content.page .title.title001:after{
	background: url("../common/images/bg_pink.jpg") no-repeat center center;
	background-size:cover;
}
.main-content.page .title.title002:before{
	background: url("../common/images/title_yellow.png") no-repeat center center;
	background-size:cover;
}
.main-content.page .title.title002:after{
	background: url("../common/images/bg_yellow.jpg") no-repeat center center;
	background-size:cover;
}
.main-content.page .title h1{
	padding-top: 70px;
	line-height: 1;
	font-size:34px;
	font-size:3.4rem;
	text-align: center;
}

/*--------------------------------------
    visual
--------------------------------------*/

.main-content.page .visual{
	width:100%;
	height:685px;
}

/*--------------------------------------
    corporation
--------------------------------------*/

.main-content.page .corporation .sectionnav{
	text-align: center;
	margin:20px 0 110px;
}
.main-content.page .corporation .sectionnav li{
	display: inline-block;
	margin-right: 10px;
}
.main-content.page .corporation .sectionnav li a{
	display: block;
	background: url("../common/images/icon_list_001.png") no-repeat left center;
	padding:0 0 0 24px;
	font-size:20px;
	font-size:2.0rem;
}
.main-content.page .corporation h2{
	width:550px;
	height:69px;
	background: url("../common/images/heading_001.png") no-repeat center center;
	padding: 10px 0 0;
	line-height: 1;
	box-sizing: border-box;
	font-size:31px;
	font-size:3.1rem;
	text-align: center;
	margin:0 auto 50px;
}
.main-content.page .corporation .section001{
	text-align: center;
	font-size:19px;
	font-size:1.9rem;
	margin:0 auto 110px;
	width:980px;
}
.main-content.page .corporation .section001 h3{
	font-size:28px;
	font-size:2.8rem;
	margin-bottom:30px;
}
.main-content.page .corporation .section001 .box{
	margin-top: 60px;
	border:2px solid #E09BAA;
	padding:30px;
	box-sizing: border-box;
	text-align: center;
}
.main-content.page .corporation .section001 .box .box001{
	width:580px;
	margin:0 auto 10px;
}
.main-content.page .corporation .section001 .box .box001 .left-box{
	width:250px;
	margin:0 auto;
	text-align: center;
	line-height: 1.2;
	padding:10px 0;
	font-size:18px;
	font-size:1.8rem;
}
.main-content.page .corporation .section001 .box .box001 .left-box span{
	width:250px;
	margin:0 auto;
	text-align: center;
	font-size:51px;
	font-size:5.1rem;
	display: block;
}
.main-content.page .corporation .section001 .box .box001 .right-box{
	width:330px;
	box-sizing: border-box;
	margin:0 auto;
	text-align: center;
	border-left:1px solid #E0E0E0;
}
.main-content.page .corporation .section001 .box .box002{
	width:840px;
	margin:50px auto 0;
}
.main-content.page .corporation .section001 .box .box002 .left-box,
.main-content.page .corporation .section001 .box .box002 .right-box{
	width:400px;
	text-align: left;
}
.main-content.page .corporation .section001 .box .box002 span{
	width:80px;
	float:left;
}
.main-content.page .corporation .section001 .box .box002 h4{
	width:300px;
	float:right;
}
.main-content.page .corporation .section001 .box .box002 .text{
	width:300px;
	float:right;
	font-size:15px;
	font-size:1.5rem;
	line-height: 1.5;
}
.main-content.page .corporation .section002{
	text-align: center;
	font-size:19px;
	font-size:1.9rem;
	margin:0 auto 110px;
	width:980px;
}
.main-content.page .corporation .section002 .left-box{
	width:610px;
	text-align: left;
}
.main-content.page .corporation .section002 .left-box dt{
	float:left;
	padding-top:10px;
}
.main-content.page .corporation .section002 .left-box dd{
	background: url("../images/business/bg_table.gif") repeat-x center bottom;
	padding:10px 0 10px 160px;
}
.main-content.page .corporation .section002 .left-box dd:last-child{
	background: none;
}
.main-content.page .corporation .section003{
	width:980px;
	margin: 0 auto;
	position: relative;
}
.main-content.page .corporation .section003 .left-box{
	width:650px;
	text-align: left;
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .corporation .section003 table{
	width:100%;
	margin-top: 100px;
}
.main-content.page .corporation .section003 table tr th{
	width:280px;
	border-right:2px solid #E09BAA;
	text-align: left;
	font-size:19px;
	font-size:1.9rem;
	vertical-align: top;
}
.main-content.page .corporation .section003 table tr td{
	width:700px;
	box-sizing: border-box;
	padding-left: 50px;
	padding-bottom: 20px;
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .corporation .section003 .pic001{
	position: absolute;
	top:700px;
	right:0;
}
.main-content.page .corporation .section003 .pic002{
	position: absolute;
	top:1100px;
	right:0;
}
.main-content.page .corporation .section003 .pic003{
	position: absolute;
	top:1500px;
	right:0;
}
.main-content.page .corporation .section003 .pic004{
	position: absolute;
	top:2010px;
	right:0;
}
.main-content.page .corporation .section003 .pic005{
	position: absolute;
	top:2790px;
	right:0;
}

/*--------------------------------------
    approach
--------------------------------------*/

.main-content.page .approach .section001{
	text-align: center;
	margin:140px auto 190px;
}
.main-content.page .approach .section001 p{
	font-size:20px;
	font-size:2.0rem;
}
.main-content.page .approach .section001 .box{
	width:540px;
	margin:50px auto 0;
}
.main-content.page .approach .section001 .box a span{
	width:175px;
	background: url("../images/approach/bg_018.gif") no-repeat center center;
	color:#D88597;
	font-size:22px;
	font-size:2.2rem;
	line-height: 28px;
	display: inline-block;
}
.main-content.page .approach .section001 .box .right-box a span{
	width:212px;
	background: url("../images/approach/bg_019.gif") no-repeat center center;
}
.main-content.page .approach .section001 .box a .link{
	width:175px;
	height:146px;
	line-height: 146px;
	background: url("../images/approach/bg_001.gif") no-repeat center center;
	font-size:26px;
	font-size:2.6rem;
}
.main-content.page .approach .section001 .box .right-box a .link{
	width:212px;
}
.main-content.page .approach h2{
	font-size:37px;
	font-size:3.7rem;
	line-height: 37px;
	background:url("../images/approach/bg_002.gif") no-repeat center center;
	width:452px;
	height:124px;
	box-sizing: border-box;
	margin:0 auto 60px;
	padding-top: 55px;
	color:#D88597;
	text-align: center;
}
.main-content.page .approach h3{
	font-size:26px;
	font-size:2.6rem;
	line-height: 70px;
	background:url("../images/approach/bg_003.gif") no-repeat center center;
	width:980px;
	height:70px;
	box-sizing: border-box;
	margin:0 auto 50px;
	text-align: center;
}
.main-content.page .approach .section002{
	font-size:18px;
	font-size:1.8rem;
	margin:0 auto 210px;
	position: relative;
	width:980px;
}
.main-content.page .approach .section002 .contents001 .left-box{
	width:600px;
	padding-top: 30px;
}
.main-content.page .approach .section002 .contents001 .left-box .pic-area{
	margin-top: 30px;
	width:560px;
}
.main-content.page .approach .section002 .contents001 .left-box .pic-area span{
	margin-top: 10px;
	line-height: 1.5;
	display: block;
}
.main-content.page .approach .section002 .contents001 .left-box .left{
	width:225px;
	font-size:14px;
	font-size:1.4rem;
	float:left;
}
.main-content.page .approach .section002 .contents001 .left-box .right{
	width:300px;
	font-size:14px;
	font-size:1.4rem;
	float:right;
}
.main-content.page .approach .section002 .contents001 .right-box{
	width:300px;
}
.main-content.page .approach .section002 .contents001 .box002{
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding-top: 90px;
}
.main-content.page .approach .section002 .contents001 .box002 .leftbox{
	width:350px;
}
.main-content.page .approach .section002 .contents001 .box002 .rightbox{
	width:580px;
}
.main-content.page .approach .section002 .contents002{
	margin:150px auto;
}
.main-content.page .approach .section002 .contents002 .box001 .left-box{
	width:370px;
	text-align: center;
}
.main-content.page .approach .section002 .contents002 .box001 .left-box span{
	padding-left: 65px;
	font-size:14px;
	font-size:1.4rem;
	text-align: left;
	display: block;
	margin-top:10px;
	line-height: 1.5;
}
.main-content.page .approach .section002 .contents002 .box001 .right-box{
	width:580px;
}
.main-content.page .approach .section002 .contents002 .box001 .right-box .text:first-child{
	margin-bottom: 50px;
}
.main-content.page .approach .section002 .contents002 .box002{
	margin-top: 50px;
	text-align: center;
}
.main-content.page .approach .section002 .contents002 .box002 span{
	font-size:14px;
	font-size:1.4rem;
	display: block;
	margin-top:10px;
}
.main-content.page .approach .section002 .contents003 .box001{
	width:880px;
	margin:0 auto 60px;
}
.main-content.page .approach .section002 .contents003 .box001 .text:first-child{
	margin-bottom: 50px;
}
.main-content.page .approach .section002 .contents003 .box002{
	margin: 60px auto;
	text-align: center;
}
.main-content.page .approach .section002 .contents003 .box002 span{
	font-size:14px;
	font-size:1.4rem;
	display: block;
	margin-top:10px;
}
.main-content.page .approach .section002 .contents003 .box003{
	background: url("../images/approach/bg_008.gif") no-repeat center center;
	width:980px;
	height:273px;
}
.main-content.page .approach .section002 .contents003 .box003 h4{
	color:#D88597;
	text-align: center;
	font-size:23px;
	font-size:2.3rem;
	line-height: 1.1;
}
.main-content.page .approach .section002 .contents003 .box003 .text{
	margin: 10px 0;
	font-size:17px;
	font-size:1.7rem;
	text-align: center;
}
.main-content.page .approach .section002 .contents003 .box003 ul{
	width:930px;
	margin:0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.main-content.page .approach .section002 .contents003 .box003 ul li{
	font-size:15px;
	font-size:1.5rem;
	text-align: center;
}
.main-content.page .approach .section002 .contents003 .box003 ul li img{
	display: block;
}
.main-content.page .approach .section003{
	font-size:18px;
	font-size:1.8rem;
	position: relative;
	width:980px;
	margin: 0 auto;
}
.main-content.page .approach .section003 .contents001 .box001{
	width:880px;
	margin:0 auto 120px;
}
.main-content.page .approach .section003 .contents001 .box002{
	width:980px;
	margin:0 auto 160px;
	background: url("../images/approach/bg_010.gif") no-repeat center center;
}
.main-content.page .approach .section003 .contents001 .box002 h4{
	font-size:26px;
	font-size:2.6rem;
	color:#9AC454;
	padding-left: 30px;
	margin-bottom: 30px;
}
.main-content.page .approach .section003 .contents001 .box002 ul{
	padding-left: 50px;
}
.main-content.page .approach .section003 .contents001 .box002 ul li{
	padding-left: 20px;
	position: relative;
	font-size:22px;
	font-size:2.2rem;
	line-height: 1.8;
}
.main-content.page .approach .section003 .contents001 .box002 ul li:before{
	position: absolute;
	top:50%;
	left:0;
	transform: translate(0,-50%);
	width:8px;
	height:8px;
	border-radius: 50%;
	background: #9AC454;
	content: "";
	display: block;
}
.main-content.page .approach .section003 .contents001 .box002 .comment{
	color:#D80C18;
	font-size:21px;
	font-size:2.1rem;
	margin-top: 40px;
	text-align: center;
}
.main-content.page .approach .section003 .contents002 .box001{
	width:980px;
	height:820px;
	margin:0 auto;
	text-align: center;
	position: relative;
}
.main-content.page .approach .section003 .contents002 .box001 .list001{
	width:320px;
	height:415px;
	background: url("../images/approach/bg_012.gif") no-repeat left 140px;
	margin-right: 10px;
	position: absolute;
	top:25px;
	left:-15px;
}
.main-content.page .approach .section003 .contents002 .box001 .list002{
	width:320px;
	height:415px;
	background: url("../images/approach/bg_011.gif") no-repeat left top;
	margin-right: 10px;
	position: absolute;
	top:0px;
	left:350px;
}
.main-content.page .approach .section003 .contents002 .box001 .list003{
	width:320px;
	height:415px;
	background: url("../images/approach/bg_013.gif") no-repeat left 200px;
	position: absolute;
	top:15px;
	right:0px;
}
.main-content.page .approach .section003 .contents002 .box001 .list004{
	width:320px;
	height:415px;
	background: url("../images/approach/bg_014.gif") no-repeat left bottom;
	margin-right: 10px;
	position: absolute;
	bottom:-30px;
	left:0px;
}
.main-content.page .approach .section003 .contents002 .box001 .list005{
	width:320px;
	height:415px;
	background: url("../images/approach/bg_015.gif") no-repeat left top;
	margin-right: 10px;
	position: absolute;
	bottom:0px;
	left:320px;
}
.main-content.page .approach .section003 .contents002 .box001 .list006{
	width:320px;
	height:415px;
	background: url("../images/approach/bg_016.gif") no-repeat left 180px;
	position: absolute;
	bottom:0px;
	right:-20px;
}
.main-content.page .approach .section003 .contents002 .box001 .list001 span{
	display: block;
	width:78%;
	line-height: 1.8;
	text-align: left;
	margin: 20px 0 0 40px;
}
.main-content.page .approach .section003 .contents002 .box001 .list002 span{
	display: block;
	width:78%;
	line-height: 1.8;
	text-align: left;
	margin: 0 0 20px 30px;
}
.main-content.page .approach .section003 .contents002 .box001 .list003 span{
	display: block;
	width:78%;
	line-height: 1.8;
	text-align: left;
	margin: 10px 0 0 50px;
}
.main-content.page .approach .section003 .contents002 .box001 .list004 span{
	display: block;
	width:78%;
	line-height: 1.8;
	text-align: left;
	margin: 30px 0 0 30px;
}
.main-content.page .approach .section003 .contents002 .box001 .list005 span{
	display: block;
	width:78%;
	line-height: 1.8;
	text-align: left;
	margin: 25px 0 20px 55px;
}
.main-content.page .approach .section003 .contents002 .box001 .list006 span{
	display: block;
	width:78%;
	line-height: 1.8;
	text-align: left;
	margin: 25px 0 0 25px;
}
.main-content.page .approach .section003 .contents002 .box002{
	width:980px;
	height:430px;
	margin:100px auto 160px;
	background: url("../images/approach/bg_017.gif") no-repeat center bottom;
}
.main-content.page .approach .section003 .contents002 .box002 h4{
	font-size:26px;
	font-size:2.6rem;
	color:#75B4DD;
	padding-left: 30px;
	margin-bottom: 40px;
}
.main-content.page .approach .section003 .contents002 .box002 ul{
	padding-left: 50px;
}
.main-content.page .approach .section003 .contents002 .box002 ul li{
	padding-left: 40px;
	position: relative;
	font-size:22px;
	font-size:2.2rem;
	line-height: 1.8;
}
.main-content.page .approach .section003 .contents002 .box002 ul li:before{
	position: absolute;
	top:15px;
	left:20px;
	width:8px;
	height:8px;
	border-radius: 50%;
	background: #75B4DD;
	content: "";
	display: block;
}
.main-content.page .approach .bg001{
	background: url("../images/approach/bg_004.gif") no-repeat center center;
	width:338px;
	height:338px;
	position: absolute;
	top:275px;
	left:-70px;
	z-index: -1;
}
.main-content.page .approach .bg002{
	background: url("../images/approach/bg_005.gif") no-repeat center center;
	width:262px;
	height:262px;
	position: absolute;
	top:740px;
	left:370px;
	z-index: -1;
}
.main-content.page .approach .bg003{
	background: url("../images/approach/bg_006.gif") no-repeat center center;
	width:383px;
	height:383px;
	position: absolute;
	top:1415px;
	right:-40px;
	z-index: -1;
}
.main-content.page .approach .bg004{
	background: url("../images/approach/bg_007.gif") no-repeat center center;
	width:374px;
	height:374px;
	position: absolute;
	top:2800px;
	left:0px;
	z-index: -1;
}
.main-content.page .approach .bg005{
	background: url("../images/approach/bg_009.gif") no-repeat center center;
	width:334px;
	height:334px;
	position: absolute;
	top:225px;
	right:-20px;
	z-index: -1;
}
.main-content.page .approach .bg006{
	background: url("../images/approach/bg_004.gif") no-repeat center center;
	background-size:cover;
	width:390px;
	height:390px;
	position: absolute;
	top:680px;
	right:-30px;
	z-index: -1;
}
.main-content.page .approach .bg007{
	background: url("../images/approach/bg_004.gif") no-repeat center center;
	width:338px;
	height:338px;
	position: absolute;
	top:2450px;
	right:-10px;
	z-index: -1;
}

/*--------------------------------------
    magazine
--------------------------------------*/

.main-content.page .magazine .sectionnav{
	text-align: center;
	margin:20px 0 110px;
}
.main-content.page .magazine .sectionnav li{
	display: inline-block;
	margin-right: 10px;
}
.main-content.page .magazine .sectionnav li a{
	display: block;
	background: url("../common/images/icon_list_001.png") no-repeat left center;
	padding:0 0 0 24px;
	font-size:20px;
	font-size:2.0rem;
}
.main-content.page .magazine .section001,
.main-content.page .magazine .section002,
.main-content.page .magazine .section003{
	text-align: center;
	margin:100px 0;
}
.main-content.page .magazine h2{
	width:550px;
	height:69px;
	background: url("../common/images/heading_001.png") no-repeat center center;
	padding: 10px 0 0;
	line-height: 1;
	box-sizing: border-box;
	font-size:31px;
	font-size:3.1rem;
	text-align: center;
	margin:0 auto 50px;
}
.main-content.page .magazine a.button{
	width:166px;
	height:35px;
	display: block;
	border:1px solid #D88597;
	border-radius: 5px;
	line-height: 33px;
	text-align: center;
	color:#D88597;
	position: relative;
	font-size:19px;
	font-size:1.9rem;
	box-sizing: border-box;
	margin:0 auto;
	cursor: pointer;
}
.main-content.page .magazine a.button:after{
	position: absolute;
	right:10px;
	top:50%;
	transform: translate(0,-50%) rotate(-45deg);
	content: "";
	display: block;
	width:8px;
	height:8px;
	border:2px solid;
	border-color:transparent #D88597 #D88597 transparent;
}
.main-content.page .magazine .section001{
	text-align: center;
	margin:100px 0;
}
.main-content.page .magazine .section001 .list{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.main-content.page .magazine .section001 li{
	width:212px;
	text-align: left;
	margin-bottom:75px;
}
.main-content.page .magazine .section001 li img{
	width:212px;
	height:212px;
	object-fit: cover;
	margin-bottom: 10px;
}
.main-content.page .magazine .section001 .list li:nth-child(n+13){
	display: none;
}
.main-content.page .magazine .section001.more .list li:nth-child(n+13){
	display: block;
}
.main-content.page .magazine .section002{
	width:684px;
	margin:100px auto;
}
.main-content.page .magazine .section002 .list{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.main-content.page .magazine .section002 li{
	width:304px;
	text-align: left;
	margin-bottom:75px;
}
.main-content.page .magazine .section002 li img{
	width:304px;
	height:215px;
	object-fit: cover;
	margin-bottom: 10px;
}
.main-content.page .magazine .section002 .list li:nth-child(n+7){
	display: none;
}
.main-content.page .magazine .section002.more .list li:nth-child(n+7){
	display: block;
}
.main-content.page .magazine .section003{
	text-align: center;
	margin:100px 0;
}
.main-content.page .magazine .section003 .list{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.main-content.page .magazine .section003 li{
	width:173px;
	text-align: left;
	margin-bottom:75px;
}
.main-content.page .magazine .section003 li img{
	width:173px;
	height:235px;
	object-fit: cover;
	margin-bottom: 10px;
}
.main-content.page .magazine .section003 .list li{
	margin-right:96px;
}
.main-content.page .magazine .section003 .list li:nth-child(4n){
	margin-right:0;
}
.main-content.page .magazine .section003 .list li:nth-child(n+13){
	display: none;
}
.main-content.page .magazine .section003.more .list li:nth-child(n+13){
	display: block;
}

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

.main-content.page .business .pageanchor ul{
	text-align: center;
	margin:20px 0 110px;
}
.main-content.page .business .pageanchor ul li{
	display: inline-block;
	margin-right: 10px;
}
.main-content.page .business .pageanchor ul li a{
	display: block;
	background: url("../common/images/icon_list_001.png") no-repeat left center;
	padding:0 0 0 24px;
	font-size:20px;
	font-size:2.0rem;
}
.main-content.page .business .root{
	width:460px;
	background: url("../images/business/bg_001.jpg") repeat-y 70px center;
	margin: 0 auto 250px;
}
.main-content.page .business .root h2{
	display: block;
	text-align: center;
	font-size:30px;
	font-size:3.0rem;
	background: #F8E8D0;
	line-height: 2;
	border-radius: 10px;
}
.main-content.page .business .root ul{
	padding:30px 0 100px 100px;
	width:100%;
	box-sizing: border-box;
}
.main-content.page .business .root ul li a{
	padding:0 0 0 30px;
	width:100%;
	box-sizing: border-box;
	line-height: 1.5;
	font-size:28px;
	font-size:2.8rem;
}
.main-content.page .business .root ul li a.long{
	font-size:20px;
	font-size:2.0rem;
	line-height: 42px;
}
.main-content.page .business .root ul li a.purple{
	background: url("../common/images/icon_purple.gif") no-repeat left center;
}
.main-content.page .business .root ul li a.pink{
	background: url("../common/images/icon_pink.gif") no-repeat left center;
}
.main-content.page .business .root ul li a.yellow{
	background: url("../common/images/icon_yellow.gif") no-repeat left center;
}
.main-content.page .business .root ul li a.blue{
	background: url("../common/images/icon_blue.gif") no-repeat left center;
}
.main-content.page .business .root ul li a.green{
	background: url("../common/images/icon_green.gif") no-repeat left center;
}
.main-content.page .business .root ul li a.brown{
	background: url("../common/images/icon_brown.gif") no-repeat left center;
}
.main-content.page .business .detail{
	margin-top:150px;
}
.main-content.page .business .detail h2{
	width:550px;
	height:69px;
	background: url("../common/images/heading_001.png") no-repeat center center;
	padding: 10px 0 0;
	line-height: 1;
	box-sizing: border-box;
	font-size:31px;
	font-size:3.1rem;
	text-align: center;
	margin:0 auto 50px;
}
.main-content.page .business .detail .inner{
	width:100%;
	padding:50px 0 80px;
}
.main-content.page .business.pink .detail .inner{
	background: url("../images/business/bg_pink.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.purple .detail .inner{
	background: url("../images/business/bg_purple.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.yellow .detail .inner{
	background: url("../images/business/bg_yellow.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.blue .detail .inner{
	background: url("../images/business/bg_blue.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.green .detail .inner{
	background: url("../images/business/bg_green.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.brown .detail .inner{
	background: url("../images/business/bg_brown.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business .detail .inner h3{
	width:100%;
	text-align: center;
	font-size:27px;
	font-size:2.7rem;
	padding:0 0 10px;
	line-height: 1.2;
	margin-bottom:50px;
}
.main-content.page .business.purple .detail .inner h3{
	background: url("../images/business/purpleline.gif") no-repeat center bottom;
}
.main-content.page .business.pink .detail .inner h3{
	background: url("../images/business/pinkline.gif") no-repeat center bottom;
}
.main-content.page .business.yellow .detail .inner h3{
	background: url("../images/business/yellowline.gif") no-repeat center bottom;
}
.main-content.page .business.blue .detail .inner h3{
	background: url("../images/business/blueline.gif") no-repeat center bottom;
}
.main-content.page .business.green .detail .inner h3{
	background: url("../images/business/greenline.gif") no-repeat center bottom;
}
.main-content.page .business.brown .detail .inner h3{
	background: url("../images/business/brownline.gif") no-repeat center bottom;
}
.main-content.page .business .detail .inner .text{
	width:100%;
	text-align: center;
	font-size:20px;
	font-size:2.0rem;
	line-height: 1.5;
	margin-bottom:20px;
}
.main-content.page .business .detail .inner .pic{
	width:720px;
	height:420px;
	border:5px solid #FFFFFF;
	box-sizing: border-box;
	margin:0 auto;
}
.main-content.page .business .detail .inner .pic img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.main-content.page .business .info h2{
	width:100%;
	height:70px;
	position: relative;
}
.main-content.page .business .info h2 span{
	position:absolute;
	width:402px;
	height:43px;
	display: block;
	line-height: 43px;
	text-align: center;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:28px;
	font-size:2.8rem;
}
.main-content.page .business .info .inner{
	padding:20px 0 40px;
}
.main-content.page .business.purple .info h2{
	background:url("../images/business/title_purple.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.purple .info h2 span{
	background: url("../images/business/heading_purple.gif") no-repeat center center;
}
.main-content.page .business.purple .info .inner{
	background: url("../images/business/bg_purple.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.pink .info h2{
	background:url("../images/business/title_pink.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.pink .info h2 span{
	background: url("../images/business/heading_pink.gif") no-repeat center center;
}
.main-content.page .business.pink .info .inner{
	background: url("../images/business/bg_pink.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.yellow .info h2{
	background:url("../images/business/title_yellow.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.yellow .info h2 span{
	background: url("../images/business/heading_yellow.gif") no-repeat center center;
}
.main-content.page .business.yellow .info .inner{
	background: url("../images/business/bg_yellow.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.blue .info h2{
	background:url("../images/business/title_blue.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.blue .info h2 span{
	background: url("../images/business/heading_blue.gif") no-repeat center center;
}
.main-content.page .business.blue .info .inner{
	background: url("../images/business/bg_blue.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.green .info h2{
	background:url("../images/business/title_green.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.green .info h2 span{
	background: url("../images/business/heading_green.gif") no-repeat center center;
}
.main-content.page .business.green .info .inner{
	background: url("../images/business/bg_green.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.brown .info h2{
	background:url("../images/business/title_brown.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.brown .info h2 span{
	background: url("../images/business/heading_brown.gif") no-repeat center center;
}
.main-content.page .business.brown .info .inner{
	background: url("../images/business/bg_brown.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business .info .inner table{
	width:700px;
	margin:0 auto;
}
.main-content.page .business .info .inner table tr{
	height:50px;
	background: url("../images/business/bg_table.gif") no-repeat center bottom;
}
.main-content.page .business .info .inner table tr th{
	width:150px;
	text-align: left;
}
.main-content.page .business .info .inner table tr td{
	width:550px;
	text-align: left;
	vertical-align: middle;
}
.main-content.page .business .info .detail{
	margin-top:0px;
}
.main-content.page .business .info .detail a{
	width:278px;
	height:35px;
	display: block;
	margin:20px auto 0;
	border-radius: 5px;
	line-height: 35px;
	text-align: center;
	position: relative;
	font-size:21px;
	font-size:2.1rem;
	border:1px solid #000000;
	color:#000000;
}
.main-content.page .business .info .detail a:after{
	position: absolute;
	right:20px;
	top:50%;
	transform: translate(0,-50%) rotate(-45deg);
	content: "";
	display: block;
	width:8px;
	height:8px;
	border:2px solid;
	border-color:transparent #000000 #000000 transparent;
}
.main-content.page .business .life{
	margin:100px 0;
}
.main-content.page .business .life h2{
	width:100%;
	height:70px;
	position: relative;
}
.main-content.page .business .life h2 span{
	position:absolute;
	width:402px;
	height:43px;
	display: block;
	line-height: 43px;
	text-align: center;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:28px;
	font-size:2.8rem;
}
.main-content.page .business .life a.pdf{
	width:278px;
	height:35px;
	display: block;
	margin:60px auto 0;
	border-radius: 5px;
	line-height: 35px;
	text-align: center;
	position: relative;
	font-size:21px;
	font-size:2.1rem;
	border:1px solid #D88597;
	color:#D88597;
}
.main-content.page .business .life a.pdf:after{
	position: absolute;
	right:20px;
	top:50%;
	transform: translate(0,-50%) rotate(-45deg);
	content: "";
	display: block;
	width:8px;
	height:8px;
	border:2px solid;
	border-color:transparent #D88597 #D88597 transparent;
}
.main-content.page .business.purple .life h2{
	background:url("../images/business/title_purple.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.purple .life h2 span{
	background: url("../images/business/heading_purple.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business.pink .life h2{
	background:url("../images/business/title_pink.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.pink .life h2 span{
	background: url("../images/business/heading_pink.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business.yellow .life h2{
	background:url("../images/business/title_yellow.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.yellow .life h2 span{
	background: url("../images/business/heading_yellow.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business.blue .life h2{
	background:url("../images/business/title_blue.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.blue .life h2 span{
	background: url("../images/business/heading_blue.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business.green .life h2{
	background:url("../images/business/title_green.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.green .life h2 span{
	background: url("../images/business/heading_green.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business.brown .life h2{
	background:url("../images/business/title_brown.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.brown .life h2 span{
	background: url("../images/business/heading_brown.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business .life .clearfix{
	width:980px;
	margin:50px auto;
}
.main-content.page .business .life .clearfix .left-box{
	height:240px;
}
.main-content.page .business .life .clearfix .left-box.vertical{
	height:500px;
}
.main-content.page .business .life .clearfix .left-box.vertical2{
	height:754px;
}
.main-content.page .business .life .clearfix .left-box.vertical img:nth-child(n+2){
	display: block;
	margin-top: 20px;
}
.main-content.page .business .life .clearfix .left-box.vertical2 img:nth-child(n+2){
	display: block;
	margin-top: 20px;
}
.main-content.page .business .life .clearfix .left-box.side{
	height:358px;
}
.main-content.page .business .life .clearfix .left-box.side img:nth-child(n+2){
	margin-left: 10px;
}
.main-content.page .business .life .clearfix .right-box{
	width:550px;
}
.main-content.page .business .life .clearfix .right-box .inner h3{
	font-size:26px;
	font-size:2.6rem;
	margin-bottom:20px;
}
.main-content.page .business .life .clearfix .right-box .inner .text{
	font-size:19px;
	font-size:1.9rem;
	line-height: 1.8;
}
.main-content.page .business .life .clearfix .right-box .inner ul.list{
    margin: 10px 0 0 0;
}
.main-content.page .business .life .clearfix .right-box .inner ul.list li {
    text-indent: -1em;
    padding-left: 1em;
}
.main-content.page .business .life .clearfix .right-box .inner ul.list li::before {
  content: '・';
}
.main-content.page .business .life .clearfix .right-box.side{
	width:400px;
}
.main-content.page .business .service{
	margin:100px 0;
}
.main-content.page .business .service h2{
	width:100%;
	height:70px;
	position: relative;
}
.main-content.page .business .service h2 span{
	position:absolute;
	width:402px;
	height:43px;
	display: block;
	line-height: 43px;
	text-align: center;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:28px;
	font-size:2.8rem;
}
.main-content.page .business .service a.pdf{
	width:278px;
	height:35px;
	display: block;
	margin:60px auto 0;
	border-radius: 5px;
	line-height: 35px;
	text-align: center;
	position: relative;
	font-size:21px;
	font-size:2.1rem;
	border:1px solid #D88597;
	color:#D88597;
}
.main-content.page .business .service a.pdf:after{
	position: absolute;
	right:20px;
	top:50%;
	transform: translate(0,-50%) rotate(-45deg);
	content: "";
	display: block;
	width:8px;
	height:8px;
	border:2px solid;
	border-color:transparent #D88597 #D88597 transparent;
}
.main-content.page .business.purple .service h2{
	background:url("../images/business/title_purple.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.purple .service h2 span{
	background: url("../images/business/heading_purple.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business.pink .service h2{
	background:url("../images/business/title_pink.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.pink .service h2 span{
	background: url("../images/business/heading_pink.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business.yellow .service h2{
	background:url("../images/business/title_yellow.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.yellow .service h2 span{
	background: url("../images/business/heading_yellow.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business.blue .service h2{
	background:url("../images/business/title_blue.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.blue .service h2 span{
	background: url("../images/business/heading_blue.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business.green .service h2{
	background:url("../images/business/title_green.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.green .service h2 span{
	background: url("../images/business/heading_green.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business.brown .service h2{
	background:url("../images/business/title_brown.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.brown .service h2 span{
	background: url("../images/business/heading_brown.gif") no-repeat center center;
	font-size:2.8rem;
}
.main-content.page .business .service .intro{
	width:980px;
	margin:40px auto;
	font-size:20px;
	font-size:2.0rem;
}
.main-content.page .business .service .clearfix{
	width:980px;
	margin:0 auto;
	padding:50px 0;
	background: url("../images/business/bg_table.gif") repeat-x center bottom;
}
.main-content.page .business .service .clearfix:last-child{
	background: none;
}
.main-content.page .business .service .clearfix .right-box{
	width:320px;
	text-align: right;
}
.main-content.page .business .service .clearfix .left-box{
	width:550px;
}
.main-content.page .business .service .clearfix .left-box .inner h3{
	font-size:26px;
	font-size:2.6rem;
	margin-bottom:30px;
}
.main-content.page .business .service .clearfix .left-box .inner .text{
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .business .service .clearfix .right-box.vertical{
	height:500px;
}
.main-content.page .business .service .clearfix .right-box.vertical img:nth-child(n+2){
	display: block;
	margin-top: 20px;
}
.main-content.page .business .service .clearfix .right-box.bath img:nth-child(n+2){
	display: block;
	margin-top: 20px;
}
.main-content.page .business .service .clearfix.square .left-box{
	width:240px;
}
.main-content.page .business .service .clearfix.square .right-box{
	width:665px;
	height:495px;
}
.main-content.page .business .service .clearfix.square .right-box img{
	margin-top:18px;
}
.main-content.page .business .service .clearfix.square .right-box img:nth-child(2n){
	margin-left:20px;
}
.main-content.page .business .servicesien{
	margin:100px 0;
}
.main-content.page .business .servicesien h2{
	width:100%;
	height:70px;
	position: relative;
}
.main-content.page .business .servicesien h2 span{
	position:absolute;
	width:402px;
	height:43px;
	display: block;
	line-height: 43px;
	text-align: center;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:28px;
	font-size:2.8rem;
}
.main-content.page .business.purple .servicesien h2{
	background:url("../images/business/title_purple.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.purple .servicesien h2 span{
	background: url("../images/business/heading_purple.gif") no-repeat center center;
}
.main-content.page .business.pink .servicesien h2{
	background:url("../images/business/title_pink.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.pink .servicesien h2 span{
	background: url("../images/business/heading_pink.gif") no-repeat center center;
}
.main-content.page .business.yellow .servicesien h2{
	background:url("../images/business/title_yellow.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.yellow .servicesien h2 span{
	background: url("../images/business/heading_yellow.gif") no-repeat center center;
}
.main-content.page .business.brown .servicesien h2{
	background:url("../images/business/title_brown.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.brown .servicesien h2 span{
	background: url("../images/business/heading_brown.gif") no-repeat center center;
}
.main-content.page .business .servicesien .inner{
	width:980px;
	margin:40px auto;
	font-size:20px;
	font-size:2.0rem;
}
.main-content.page .business .servicesien .inner .pic{
	text-align: center;
}
.main-content.page .business .servicesien .inner .text{
	background: url("../images/business/bg_table.gif") repeat-x center bottom;
	padding:50px 0;
}
.main-content.page .business .servicesien .inner .text:last-child{
	background: none;
}
.main-content.page .business .nyukyo{
	margin:100px 0;
}
.main-content.page .business .nyukyo h2{
	width:100%;
	height:70px;
	position: relative;
}
.main-content.page .business .nyukyo h2 span{
	position:absolute;
	width:402px;
	height:43px;
	display: block;
	line-height: 43px;
	text-align: center;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:28px;
	font-size:2.8rem;
}
.main-content.page .business .nyukyo dl dt:before{
	position: absolute;
	top:50%;
	left:-10px;
	background-size: contain;
	width:35px;
	height:35px;
	content: "";
	transform: translate(-100%,-50%);
	display: block;
}
.main-content.page .business.purple .nyukyo h2{
	background:url("../images/business/title_purple.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.purple .nyukyo h2 span{
	background: url("../images/business/heading_purple.gif") no-repeat center center;
}
.main-content.page .business.purple .nyukyo dl dt:before{
	background: url("../common/images/icon_purple.gif") no-repeat center center;
}
.main-content.page .business.pink .nyukyo h2{
	background:url("../images/business/title_pink.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.pink .nyukyo h2 span{
	background: url("../images/business/heading_pink.gif") no-repeat center center;
}
.main-content.page .business.pink .nyukyo dl dt:before{
	background: url("../common/images/icon_pink.gif") no-repeat center center;
}
.main-content.page .business.yellow .nyukyo h2{
	background:url("../images/business/title_yellow.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.yellow .nyukyo h2 span{
	background: url("../images/business/heading_yellow.gif") no-repeat center center;
}
.main-content.page .business.yellow .nyukyo dl dt:before{
	background: url("../common/images/icon_yellow.gif") no-repeat center center;
}
.main-content.page .business.blue .nyukyo h2{
	background:url("../images/business/title_blue.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.blue .nyukyo h2 span{
	background: url("../images/business/heading_blue.gif") no-repeat center center;
}
.main-content.page .business.blue .nyukyo dl dt:before{
	background: url("../common/images/icon_blue.gif") no-repeat center center;
}
.main-content.page .business.green .nyukyo h2{
	background:url("../images/business/title_green.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.green .nyukyo h2 span{
	background: url("../images/business/heading_green.gif") no-repeat center center;
}
.main-content.page .business.green .nyukyo dl dt:before{
	background: url("../common/images/icon_green.gif") no-repeat center center;
}
.main-content.page .business.brown .nyukyo h2{
	background:url("../images/business/title_brown.gif") repeat center center;
	background-size: cover;
}
.main-content.page .business.brown .nyukyo h2 span{
	background: url("../images/business/heading_brown.gif") no-repeat center center;
}
.main-content.page .business.brown .nyukyo dl dt:before{
	background: url("../common/images/icon_brown.gif") no-repeat center center;
}
.main-content.page .business .nyukyo dl.contents{
	padding:0 50px;
	box-sizing: border-box;
	width:980px;
	margin:0 auto;
}
.main-content.page .business .nyukyo dl.contents dt{
	position: relative;
	font-size:25px;
	font-size:2.5rem;
	margin-top: 50px;
}
.main-content.page .business .nyukyo dl.contents dd{
	font-size:19px;
	font-size:1.9rem;
	padding: 20px 0;
	background: url("../images/business/bg_table.gif") repeat-x center bottom;
}
.main-content.page .business .nyukyo dl.button{
	padding:0 50px;
	box-sizing: border-box;
	width:980px;
	margin:0 auto;
}
.main-content.page .business .nyukyo dl.button dt{
	position: relative;
	font-size:25px;
	font-size:2.5rem;
	margin-top: 100px;
	float:left;
	line-height: 35px;
}
.main-content.page .business .nyukyo dl.button dt.nofloat{
	float:none;
}
.main-content.page .business .nyukyo dl.button dd{
	padding: 100px 0 0 300px;
}
.main-content.page .business .nyukyo dl.button dd.wide{
	padding: 100px 0 0 380px;
}
.main-content.page .business .nyukyo dl.button dd.nofloat{
	padding: 20px 0 0;
}
.main-content.page .business .nyukyo dl.button dd .requestbtn{
	width:278px;
	height:35px;
	display: block;
	border-radius: 5px;
	line-height: 35px;
	text-align: center;
	color:#FFFFFF;
	position: relative;
	font-size:19px;
	font-size:1.9rem;
	box-sizing: border-box;
	background: #906E59;
}
.main-content.page .business .nyukyo dl.button dd .requestbtn:after{
	position: absolute;
	right:20px;
	top:50%;
	transform: translate(0,-50%) rotate(-45deg);
	content: "";
	display: block;
	width:8px;
	height:8px;
	border:2px solid;
	border-color:transparent #FFFFFF #FFFFFF transparent;
}
.main-content.page .business .nyukyo dl.button dd .pdf{
	width:278px;
	height:35px;
	display: block;
	border:1px solid #D88597;
	border-radius: 5px;
	line-height: 33px;
	text-align: center;
	color:#D88597;
	position: relative;
	font-size:19px;
	font-size:1.9rem;
	box-sizing: border-box;
}
.main-content.page .business .nyukyo dl.button dd .pdf.wide{
	width:328px;
}
.main-content.page .business .nyukyo dl.button dd .pdf:after{
	position: absolute;
	right:20px;
	top:50%;
	transform: translate(0,-50%) rotate(-45deg);
	content: "";
	display: block;
	width:8px;
	height:8px;
	border:2px solid;
	border-color:transparent #D88597 #D88597 transparent;
}
.main-content.page .business .nyukyo dl.button dd .contactbtn{
	width:278px;
	height:35px;
	display: block;
	background:#D88597;
	border-radius: 5px;
	line-height: 35px;
	text-align: center;
	color:#FFFFFF;
	position: relative;
	font-size:19px;
	font-size:1.9rem;
	box-sizing: border-box;
}
.main-content.page .business .nyukyo dl.button dd .contactbtn:after{
	position: absolute;
	right:20px;
	top:50%;
	transform: translate(0,-50%) rotate(-45deg);
	content: "";
	display: block;
	width:8px;
	height:8px;
	border:2px solid;
	border-color:transparent #FFFFFF #FFFFFF transparent;
}
.main-content.page .business .nyukyo dl.button dd .instagram{
	padding:0 0 0 40px;
	background: url("../images/top/icon_sns_001.png") no-repeat left center;
	line-height: 40px;
	margin-right: 60px;
	display: inline-block;
	height:40px;
}
.main-content.page .business .nyukyo dl.button dd .facebook{
	padding:0 0 0 40px;
	background: url("../images/top/icon_sns_002.png") no-repeat left center;
	line-height: 40px;
	display: inline-block;
	height:40px;
}

/*--------------------------------------
    about
--------------------------------------*/

.main-content.page .about{
	font-size:20px;
	font-size:2.0rem;
	margin-bottom: 150px;
	text-align: center;
}
.main-content.page .about .pageanchor ul{
	text-align: center;
	margin:20px 0 110px;
}
.main-content.page .about .pageanchor ul li{
	display: inline-block;
	margin-right: 10px;
}
.main-content.page .about .pageanchor ul li a{
	display: block;
	background: url("../common/images/icon_list_001.png") no-repeat left center;
	padding:0 0 0 24px;
	font-size:16px;
	font-size:1.6rem;
}
.main-content.page .about h2{
	width:550px;
	height:69px;
	background: url("../common/images/heading_001.png") no-repeat center center;
	padding: 10px 0 0;
	line-height: 1;
	box-sizing: border-box;
	font-size:31px;
	font-size:3.1rem;
	text-align: center;
	margin:0 auto 50px;
}
.main-content.page .about h2.long{
	font-size:24px;
	font-size:2.4rem;
}
.main-content.page .about .pic{
	width:980px;
	height:610px;
	box-sizing: border-box;
	padding:50px 50px 0;
	position: relative;
	margin:50px 0;
}
.main-content.page .about .pic img{
	width:880px;
	height:560px;
	position: absolute;
	top:50px;
	left:50px;
	object-fit: cover;
	z-index: 100;
}
.main-content.page .about .pic:after{
	width:980px;
	height:300px;
	position: absolute;
	top:0;
	left:0;
	content: "";
	display: block;
	z-index: 50;
}
.main-content.page .about.purple .pic:after{
	background: url("../images/business/bg_purple.gif")
}
.main-content.page .about.pink .pic:after{
	background: url("../images/business/bg_pink.gif")
}
.main-content.page .about.yellow .pic:after{
	background: url("../images/business/bg_yellow.gif")
}
.main-content.page .about.brown .pic:after{
	background: url("../images/business/bg_brown.gif")
}
.main-content.page .about.blue .pic:after{
	background: url("../images/business/bg_blue.gif")
}
.main-content.page .about.green .pic:after{
	background: url("../images/business/bg_green.gif")
}
.main-content.page .about h3{
	margin: 100px auto 50px;
	width:370px;
	position: relative;
	font-size:28px;
	font-size:2.8rem;
	line-height: 1.2;
}
.main-content.page .about h3.long{
	font-size:16px;
	font-size:1.6rem;
}
.main-content.page .about h3:before{
	content: "";
	width:90px;
	height:12px;
	position: absolute;
	left:0;
	top:50%;
	transform: translate(0,-50%);
}
.main-content.page .about h3:after{
	content: "";
	width:90px;
	height:12px;
	position: absolute;
	right:0;
	top:50%;
	transform: translate(0,-50%);
}
.main-content.page .about.purple h3:before,
.main-content.page .about.purple h3:after{
	background: url("../images/about/heading_purple.gif") no-repeat center center;
}
.main-content.page .about.pink h3:before,
.main-content.page .about.pink h3:after{
	background: url("../images/about/heading_pink.gif") no-repeat center center;
}
.main-content.page .about.yellow h3:before,
.main-content.page .about.yellow h3:after{
	background: url("../images/about/heading_yellow.gif") no-repeat center center;
}
.main-content.page .about.brown h3:before,
.main-content.page .about.brown h3:after{
	background: url("../images/about/heading_brown.gif") no-repeat center center;
}
.main-content.page .about.blue h3:before,
.main-content.page .about.blue h3:after{
	background: url("../images/about/heading_blue.gif") no-repeat center center;
}
.main-content.page .about.green h3:before,
.main-content.page .about.green h3:after{
	background: url("../images/about/heading_green.gif") no-repeat center center;
}
.main-content.page .about .businesscontents{
	width:600px;
	margin:0 auto 110px;
}
.main-content.page .about .businesscontents li{
	float:left;
	margin-top: 20px;
	background: #F8E8D0;
	width:280px;
	height:45px;
	line-height: 45px;
	border-radius: 5px;
}
.main-content.page .about .businesscontents li:nth-child(2n){
	float:right;
}
.main-content.page .about .businesscontents li:only-child{
	float:none;
	margin:0 auto;
}
.main-content.page .about table{
	width:650px;
	margin:0 auto;
}
.main-content.page .about table tr{
	background: url("../images/business/bg_table.gif") no-repeat center bottom;
}
.main-content.page .about table tr th{
	width:180px;
	padding:10px 0;
	text-align: left;
}
.main-content.page .about table tr td{
	width:470px;
	padding:10px 0;
}
.main-content.page .about table tr td .contactbtn{
	width:278px;
	height:35px;
	display: block;
	border:1px solid #D88597;
	border-radius: 5px;
	line-height: 33px;
	text-align: center;
	color:#D88597;
	position: relative;
	font-size:19px;
	font-size:1.9rem;
	box-sizing: border-box;
}
.main-content.page .about table tr td .contactbtn:after{
	position: absolute;
	right:20px;
	top:50%;
	transform: translate(0,-50%) rotate(-45deg);
	content: "";
	display: block;
	width:8px;
	height:8px;
	border:2px solid;
	border-color:transparent #D88597 #D88597 transparent;
}
.main-content.page .about .map{
	width:980px;
	height:520px;
}
.main-content.page .about .map iframe{
	width:100%;
	height:100%;
}
.main-content.page .abouttop{
	margin:100px auto 170px;
}
.main-content.page .abouttop .item{
	width:300px;
	float:left;
	margin-top:70px;
	margin-right:40px;
	text-align: center;
}
.main-content.page .abouttop .item:nth-child(3n){
	margin-right:0;
}
.main-content.page .abouttop .item .inner h3{
	display: inline-block;
	padding:0 30px;
	font-size:21px;
	font-size:2.1rem;
	position: relative;
	line-height: 32px;
	margin-bottom: 10px;
}
.main-content.page .abouttop .item .inner h3.long{
	font-size:16px;
	font-size:1.6rem;
}
.main-content.page .abouttop .item .inner h3:before{
	position: absolute;
	top:0;
	left:0;
	width:11px;
	height:32px;
	content:"";
	display: block;
}
.main-content.page .abouttop .item .inner h3:after{
	position: absolute;
	top:0;
	right:0;
	width:11px;
	height:32px;
	content:"";
	display: block;
	transform: rotate(180deg);
}
.main-content.page .abouttop .item.about001 .inner h3:before,
.main-content.page .abouttop .item.about001 .inner h3:after{
	background: url("../images/top/icon_heading_003.png") no-repeat center center;
}
.main-content.page .abouttop .item.about002 .inner h3:before,
.main-content.page .abouttop .item.about002 .inner h3:after{
	background: url("../images/top/icon_heading_004.png") no-repeat center center;
}
.main-content.page .abouttop .item.about003 .inner h3:before,
.main-content.page .abouttop .item.about003 .inner h3:after{
	background: url("../images/top/icon_heading_005.png") no-repeat center center;
}
.main-content.page .abouttop .item.about004 .inner h3:before,
.main-content.page .abouttop .item.about004 .inner h3:after{
	background: url("../images/top/icon_heading_006.png") no-repeat center center;
}
.main-content.page .abouttop .item.about005 .inner h3:before,
.main-content.page .abouttop .item.about005 .inner h3:after{
	background: url("../images/top/icon_heading_007.png") no-repeat center center;
}
.main-content.page .abouttop .item.about006 .inner h3:before,
.main-content.page .abouttop .item.about006 .inner h3:after{
	background: url("../images/top/icon_heading_008.png") no-repeat center center;
}
.main-content.page .abouttop .item .inner .pic{
	width:100%;
	box-sizing: border-box;
	padding:10px;
}
.main-content.page .abouttop .item.about001 .inner .pic{
	background: url("../images/top/bg_about_001.jpg") no-repeat center top;
}
.main-content.page .abouttop .item.about002 .inner .pic{
	background: url("../images/top/bg_about_002.jpg") no-repeat center top;
}
.main-content.page .abouttop .item.about003 .inner .pic{
	background: url("../images/top/bg_about_003.jpg") no-repeat center top;
}
.main-content.page .abouttop .item.about004 .inner .pic{
	background: url("../images/top/bg_about_004.jpg") no-repeat center top;
}
.main-content.page .abouttop .item.about005 .inner .pic{
	background: url("../images/top/bg_about_005.jpg") no-repeat center top;
}
.main-content.page .abouttop .item .inner .pic img{
	width:280px;
	height:160px;
	object-fit: cover;
}
.main-content.page .abouttop .item .inner li{
	width:135px;
	margin-top:10px;
	margin-left: 10px;
	float:left;
	line-height: 25px;
	font-size:12px;
	font-size:1.2rem;
	text-align: center;
	background: #F8E8D0;
	border-radius: 5px;
}
.main-content.page .abouttop .item .inner li a{
	display: block;
}
.main-content.page .abouttop .item .inner li.wide{
	width:180px;
}
.main-content.page .abouttop .item .inner li.sns{
	background: none;
	height:34px;
}
.main-content.page .abouttop .item .inner li.sns a{
	padding:0 5px;
	display: inline-block;
}


/*--------------------------------------
    recruit
--------------------------------------*/

.main-content.page .recruit .pageanchor ul{
	text-align: center;
	margin:20px 0 110px;
}
.main-content.page .recruit .pageanchor ul li{
	display: inline-block;
	margin-right: 10px;
}
.main-content.page .recruit .pageanchor ul li a{
	display: block;
	background: url("../common/images/icon_list_001.png") no-repeat left center;
	padding:0 0 0 24px;
	font-size:20px;
	font-size:2.0rem;
}
.main-content.page .recruit.towork{
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .recruit h2{
	width:550px;
	height:69px;
	background: url("../common/images/heading_001.png") no-repeat center center;
	padding: 10px 0 0;
	line-height: 1;
	box-sizing: border-box;
	font-size:31px;
	font-size:3.1rem;
	text-align: center;
	margin:0 auto 50px;
}
.main-content.page .recruit.towork h3{
	font-size:26px;
	font-size:2.6rem;
	background: url("../common/images/heading_002.jpg") no-repeat center top;
	text-align: center;
	line-height: 120px;
}
.main-content.page .recruit.towork .section001 .inner{
	margin:30px 0 80px;
	text-align: center;
	width:100%;
	height:250px;
	background: url("../images/recruit/towork/bg_001.jpg") no-repeat center top;
}
.main-content.page .recruit.towork .section002 .inner{
	margin:50px auto 120px;
	text-align: center;
	width:721px;
	height:440px;
	background: url("../images/recruit/towork/bg_002.jpg") no-repeat center bottom;
	position: relative;
}
.main-content.page .recruit.towork .section002 .inner .text001{
	position: absolute;
	top:0;
	left:50%;
	transform: translate(-50%,0);
	text-align: center;
}
.main-content.page .recruit.towork .section002 .inner .text002{
	position: absolute;
	top:270px;
	right:10px;
	text-align: center;
	width:250px;
}
.main-content.page .recruit.towork .section003 .inner{
	margin:50px auto 120px;
	text-align: center;
	width:727px;
	height:750px;
	background: url("../images/recruit/towork/bg_003.jpg") no-repeat center bottom;
	position: relative;
}
.main-content.page .recruit.towork .section003 .inner .text001{
	position: absolute;
	top:55px;
	left:80px;
	text-align: center;
	width:220px;
}
.main-content.page .recruit.towork .section003 .inner .text002{
	position: absolute;
	top:250px;
	left:40px;
	text-align: center;
	width:220px;
}
.main-content.page .recruit.towork .section003 .inner .text003{
	position: absolute;
	top:300px;
	right:30px;
	text-align: center;
	width:300px;
}
.main-content.page .recruit.towork .section003 .inner .text004{
	position: absolute;
	top:560px;
	left:130px;
	text-align: center;
	width:340px;
}
.main-content.page .recruit.towork .section003 .inner .pic001{
	position: absolute;
	top:0;
	right:0px;
	text-align: center;
	width:346px;
	height:244px;
}
.main-content.page .recruit.towork .section004 .inner{
	margin:30px 0 100px;
	width:980px;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box001{
	width:820px;
	height:210px;
	padding:20px 0;
	box-sizing: border-box;
	background: url("../images/recruit/towork/bg_004.png") no-repeat left center;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box001 .left-box{
	width:135px;
	height:170px;
	text-align: center;
	border-right:2px solid #0093CD;
	position: relative;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box001 .left-box h4{
	font-size:22px;
	font-size:2.2rem;
	color:#0093CD;
	line-height: 1.5;
	position: absolute;
	top:50%;
	left:0;
	width:100%;
	text-align: center;
	transform: translate(0,-50%);
}
.main-content.page .recruit.towork .section004 .inner .listbox.box001 .left-box h4 span{
	font-size:26px;
	font-size:2.6rem;
	color:#0093CD;
	display: block;
	line-height: 1.5;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box001 .right-box{
	width:650px;
	height:170px;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box001 .right-box li{
	padding-left:20px;
	position: relative;
	line-height:1.8;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box001 .right-box li:before{
	position: absolute;
	content: "";
	top:10px;
	left:0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 16px solid #0093CD;
}
.main-content.page .recruit.towork .section004 .inner .imgbox{
	width:600px;
	height:210px;
	margin:20px auto 50px;
}
.main-content.page .recruit.towork .section004 .inner .imgbox .right-box{
	background: url("../images/recruit/towork/bg_005.jpg") no-repeat center top;
	width:277px;
	height:175px;
	text-align: center;
	line-height: 1.5;
	padding:50px 0 0;
	box-sizing: border-box;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box002{
	width:665px;
	height:440px;
	background: url("../images/recruit/towork/bg_004.png") no-repeat left 20px;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box002 .left-box{
	width:135px;
	height:250px;
	text-align: center;
	border-right:2px solid #0093CD;
	position: relative;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box002 .left-box h4{
	font-size:22px;
	font-size:2.2rem;
	color:#0093CD;
	line-height: 1.5;
	position: absolute;
	top:50%;
	left:0;
	width:100%;
	text-align: center;
	transform: translate(0,-50%);
}
.main-content.page .recruit.towork .section004 .inner .listbox.box002 .left-box h4 span{
	font-size:26px;
	font-size:2.6rem;
	color:#0093CD;
	display: block;
	line-height: 1.5;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box002 .right-box{
	width:500px;
	height:440px;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box002 .right-box li{
	padding-left:20px;
	position: relative;
	line-height:1.8;
}
.main-content.page .recruit.towork .section004 .inner .listbox.box002 .right-box li:before{
	position: absolute;
	content: "";
	top:10px;
	left:0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 16px solid #0093CD;
}
.main-content.page .recruit.towork .section004 .inner .linkbox{
	width:600px;
	height:210px;
	margin:50px auto 0px;
}
.main-content.page .recruit.towork .section004 .inner .linkbox h4{
	color:#0093CD;
	text-align: center;
	font-size:22px;
	font-size:2.2rem;
	margin-bottom: 20px;
}
.main-content.page .recruit.towork .section004 .inner .linkbox .left-box{
	width:275px;
	height:145px;
	background: url("../images/recruit/towork/bg_006.jpg") no-repeat center center;
}
.main-content.page .recruit.towork .section004 .inner .linkbox .left-box a{
	width:100%;
	height:100%;
	display: block;
	font-size:28px;
	font-size:2.8rem;
	color:#5A2E00;
	text-align: center;
	line-height: 145px;
}
.main-content.page .recruit.towork .section004 .inner .linkbox .right-box{
	width:267px;
	height:141px;
	background: url("../images/recruit/towork/bg_007.jpg") no-repeat center center;
}
.main-content.page .recruit.towork .section004 .inner .linkbox .right-box a{
	width:100%;
	height:100%;
	display: block;
	font-size:28px;
	font-size:2.8rem;
	color:#5A2E00;
	text-align: center;
	line-height: 141px;
}
.main-content.page .recruit.towork .section005 .inner.box001{
	margin:50px auto 0;
	width:840px;
	height:250px;
	background: url("../images/recruit/towork/bg_008.jpg") no-repeat left center;
	position: relative;
}
.main-content.page .recruit.towork .section005 .inner.box001 p{
	position: absolute;
	top:50px;
	left:435px;
	width:410px;
	line-height: 1.8;
}
.main-content.page .recruit.towork .section005 .inner.box002{
	margin:30px auto 120px;
	width:834px;
	height:265px;
	background: url("../images/recruit/towork/bg_009.jpg") no-repeat left center;
	position: relative;
}
.main-content.page .recruit.towork .section005 .inner.box002 p{
	position: absolute;
	top:30px;
	left:25px;
	width:410px;
	line-height: 1.8;
}
.main-content.page .recruit.towork .section006 .inner.box001{
	width:900px;
	height:160px;
	margin:50px auto 20px;
	background: url("../images/recruit/towork/bg_010.jpg") no-repeat right center;
}
.main-content.page .recruit.towork .section006 .inner.box001 .right-box{
	margin:40px 30px 0 0;
}
.main-content.page .recruit.towork .section006 .inner.box002{
	width:830px;
	height:280px;
	margin:0 auto 100px;
	background: url("../images/recruit/towork/bg_011.jpg") no-repeat left center;
}
.main-content.page .recruit.towork .section006 .inner.box002 .left-box{
	width:420px;
	height:220px;
	padding:60px 0 0 20px;
}
.main-content.page .recruit.towork .section007 h4{
	font-size:20px;
	font-size:2.0rem;
	color:#0093CD;
	line-height: 45px;
	width:452px;
	text-align: center;
	margin:0 auto 20px;
	background: url("../images/recruit/towork/bg_012.jpg") no-repeat center center;
}
.main-content.page .recruit.towork .section007 .clearfix{
	width:750px;
	margin:0 auto 50px;
}
.main-content.page .recruit.towork .section007 .button{
	width:310px;
	height:40px;
	margin:0 auto;
}
.main-content.page .recruit.towork .section007 .button a{
	width:100%;
	height:40px;
	border:1px solid #0093CD;
	border-radius: 5px;
	box-sizing: border-box;
	padding:0 0 0 20px;
	line-height: 38px;
	position: relative;
	color:#0093CD;
	font-size:21px;
	font-size:2.1rem;
	display: block;
	letter-spacing: 3px;
}
.main-content.page .recruit.towork .section007 .button a:after{
	position: absolute;
	top:50%;
	right:30px;
	width:8px;
	height:8px;
	border:1px solid;
	border-color: transparent #0093CD #0093CD transparent;
	transform: translate(0,-50%) rotate(-45deg);
	content:"";
}

/*  TOP
******************/
.recruitVisual{
    background: url("../images/recruit/top/bg_mainvisual001.png") repeat center center;
}
.recruitVisual .mainvisual{
    background: url("../images/recruit/top/bg_mainvisual002.png") no-repeat center top;
    text-align: center;
    padding: 15px 0 0 0;
}
.main-content.page .recruit.top {
    padding: 110px 0 0;
}
.main-content.page .recruit.top .section001{
    text-align: center;
    font-size: 120%;
}
.main-content.page .recruit.top .section001 span{
    display: block;
}
.main-content.page .recruit.top .section002{
    width: 100%;
    max-width: 785px;
    margin: 0 auto;
}
.main-content.page .recruit.top .section002 .buttonArea{
    margin: 0 0 0 -85px;
}
.main-content.page .recruit.top .section002 .buttonArea p{
    width: 350px;
    float: left;
    margin: 65px 0 0 85px;
}
.main-content.page .recruit.top .section003{
    margin: 80px 0 0 0;
}
.main-content.page .recruit.top .section003 h2{
    width: 100%;
    height: auto;
    background: url("../../images/recruit/top/bg_h2.png") no-repeat center bottom;
    padding: 0 0 10px 0;
    line-height: 1.8;
    font-size: 31px;
    font-size: 3.1rem;
    color: #D88799;
    font-weight: bold;
    text-align: center;
    margin: 0;
}
.main-content.page .recruit.top .section003 .voice {
    width: 100%;
    max-width: 906px;
    margin: 40px auto 0 auto;
}
.main-content.page .recruit.top .section003 .voice ul{
    margin: 0 0 0 -18px;
}
.main-content.page .recruit.top .section003 .voice ul li{
    width: 114px;
    float: left;
    margin: 0 0 0 18px;
}
.main-content.page .recruit.top .section003 .voice ul li h3{
    font-size:15px;
	font-size:1.5rem;
	text-align: center;
	line-height: 1.2;
	margin-top: 10px;
}
.main-content.page .recruit.top .section003 .voice ul li span{
    font-size:10px;
	font-size:1.0rem;
	text-align: center;
	color:#D88799;
}
.main-content.page .recruit.top .section003 p.rikunabi{
    margin: 90px 0 0 0;
    text-align: center;
}



/*  FAQ
******************/
.main-content.page .recruit.qa h2 {
    height: auto;
    background: url(../common/images/heading_001.png) no-repeat center bottom;
    padding: 10px 0 20px;
    line-height: 1.4;
}
.main-content.page .recruit.qa .section001{
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}
.main-content.page .recruit.qa .section001 dl dt{
    margin: 75px 0 5px 0;
    padding: 0 0 0 70px;
    height: 60px;
    font-size: 160%;
    background: url("../images/recruit/qa/icon_q.png") no-repeat left top;
} 
.main-content.page .recruit.qa .section001 dl dt span{
    display: block;
    padding: 0 0 0 5px;
    background: url("../images/recruit/qa/bg_q.png") no-repeat left bottom;
}
.main-content.page .recruit.qa .section001 dl dd{
    font-size: 130%;
    padding: 95px 0 0 0;
    background: url("../images/recruit/qa/icon_a.png") no-repeat left top;
}



/*  newgraduate
******************/
.main-content.page .recruit.newgraduate h2 {
    height: auto;
    background: url("../images/recruit/newgraduate/bg_h2.png") no-repeat center center;
    padding: 70px 0;
    line-height: 1.4;
}
.main-content.page .recruit.newgraduate h3 {
    background: url("../images/recruit/newgraduate/bg_h3.png") no-repeat center center;
    font-size: 26px;
    font-size: 2.6rem;
    text-align: center;
    margin: 0 0 40px 0;
}
.main-content.page .recruit.newgraduate h3 span {
    font-weight: bold;
}
.main-content.page .recruit.newgraduate .entry{
    width: 100%;
    max-width: 727px;
    margin: 60px auto 0 auto;
    text-align: center;
}
.main-content.page .recruit.newgraduate .entry .leftBox{
    width: 45%;
    float: left;
}
.main-content.page .recruit.newgraduate .entry .rightBox{
    width: 45%;
    float: right;
}
.main-content.page .recruit.newgraduate .entry .leftBox h4,
.main-content.page .recruit.newgraduate .entry .rightBox h4{
    background: url("../images/recruit/newgraduate/icon_hana.png") no-repeat left center;
    margin: 0 0 15px 0;
    padding: 0 0 0 40px;
    font-weight: bold;
    font-size: 130%;
    color: #0093CD;
    display: inline-block;
}
.main-content.page .recruit.newgraduate .entry .rightBox p.button a{
    width: 300px;
    display: block;
    background: url("../images/recruit/newgraduate/icon_arrow_b.png") no-repeat 95% center, #fff;
    background-size: 14px 14px;
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    color: #0093CD;
    border: #0093CD solid 1px;
}
.main-content.page .recruit.newgraduate .entry .rightBox p.button a:hover{
    background:  url("../images/recruit/newgraduate/icon_arrow_w.png") no-repeat 95% center, #0093CD;
    background-size: 14px 14px;
    color: #fff;
    border: #0093CD solid 1px;
}
.main-content.page .recruit.newgraduate .section.section001{
    width: 100%;
    max-width: 727px;
    margin: 0 auto;
}
.main-content.page .recruit.newgraduate .section.section001 table{
    background: url("../images/recruit/newgraduate/bg_tebale001.png") no-repeat center bottom;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.main-content.page .recruit.newgraduate .section.section001 table thead th {
    color: #6A3906;
    background: url("../images/recruit/newgraduate/bg_tebale001.png") no-repeat center top, #fef1ce;
    font-weight: bold; 
}
.main-content.page .recruit.newgraduate .section.section001 table thead th:last-child {
    border-right: none;
}
.main-content.page .recruit.newgraduate .section.section001 table th {
    border-right: #C9A063 solid 1px;
    background: none;
    font-weight: normal;
    width: auto;
}
.main-content.page .recruit.newgraduate .section.section001 table th,
.main-content.page .recruit.newgraduate .section.section001 table td {
    font-size: 100%;
    padding: 10px 20px;
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
    border-bottom: #C9A063 solid 1px;
}
.main-content.page .recruit.newgraduate .section.section001 table td span{
    display: block;
}
.main-content.page .recruit.newgraduate .section002,
.main-content.page .recruit.newgraduate .section003{
    margin: 80px 0 0 0;
}
.main-content.page .recruit.newgraduate .section .table{
    background: url("../images/recruit/newgraduate/bg_tebale002.png") no-repeat center top, url("../images/recruit/newgraduate/bg_tebale002.png") no-repeat center bottom;
    padding: 4px 0;
}
.main-content.page .recruit.newgraduate .section table{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.main-content.page .recruit.newgraduate .section table th {
    border-right: #D88799 solid 1px;
    background: #fff1f4;
    font-weight: bold;
    width: 20%;
}
.main-content.page .recruit.newgraduate .section table th,
.main-content.page .recruit.newgraduate .section table td{
    font-size: 110%;
    padding: 10px 20px;
    text-align: left;
    vertical-align: middle;
    word-wrap: break-word;
}
.main-content.page .recruit.newgraduate .section table td h5{
    color: #D88799;
    font-weight: bold;
    margin: 20px 0 0 0;
}
.main-content.page .recruit.newgraduate .section table td h5.first{
    margin: 0;
}
.main-content.page .recruit.newgraduate .section table td ul li{
    background: url("../images/recruit/newgraduate/icon_list.png") no-repeat left center;
    padding: 0 0 0 20px;
}
.main-content.page .recruit.newgraduate .section table tr{
    border-bottom: dotted 1px #D88799;
}
.main-content.page .recruit.newgraduate .copy{
    width: 100%;
    max-width: 800px;
    font-size: 160%;
    font-weight: bold;
    color: #fff;
    background: #0093CD;
    border-radius: 30px;
    margin: 80px auto 0 auto;
    padding: 5px 0;
    text-align: center;
}
.main-content.page .recruit.newgraduate .copy span{
    background: #fff;
    color: #D88799;
    padding: 0 15px;
    font-size: 84%;
    display: inline-block;
    margin: 0 15px 0 0;
    font-weight: bold;
}
.main-content.page .recruit.newgraduate .section table td font{
    font-size:10px;
	font-size:1.0rem;
	vertical-align: top;
}
.main-content.page .recruit.newgraduate .section .right{
    text-align: right;
	display: block;
}



/*  mid-career
******************/
.main-content.page .recruit.mid-career h2 {
    height: auto;
    background: url("../images/recruit/mid-career/bg_h2.png") no-repeat center center;
    padding: 70px 0;
    line-height: 1.4;
    color: #5A2E00;
}
.main-content.page .recruit.mid-career h3 {
    background: url("../images/recruit/mid-career/bg_h3.png") no-repeat center center;
    font-size: 26px;
    font-size: 2.6rem;
    text-align: center;
    margin: 0 0 40px 0;
    font-weight: bold;
}
.main-content.page .recruit.mid-career .entry{
    margin: 60px auto 0 auto;
    text-align: center;
}
.main-content.page .recruit.mid-career .entry h4{
    background: url("../images/recruit/mid-career/icon_hana.png") no-repeat left center;
    margin: 0 0 15px 0;
    padding: 0 0 0 40px;
    font-weight: bold;
    font-size: 130%;
    color: #0093CD;
    display: inline-block;
}
.main-content.page .recruit.mid-career .entry p.button a{
    width: 300px;
    display: block;
    background: url("../images/recruit/mid-career/icon_arrow_b.png") no-repeat 95% center, #fff;
    background-size: 14px 14px;
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    color: #0093CD;
    border: #0093CD solid 1px;
}
.main-content.page .recruit.mid-career .entry p.button a:hover{
    background:  url("../images/recruit/mid-career/icon_arrow_w.png") no-repeat 95% center, #0093CD;
    background-size: 14px 14px;
    color: #fff;
    border: #0093CD solid 1px;
}
.main-content.page .recruit.mid-career .entry p.text{
    font-size: 110%;
    font-weight: bold;
    color: #0093CD;
    margin: 15px 0 0 0;
}
.main-content.page .recruit.mid-career .section.section001{
    width: 100%;
    max-width: 727px;
    margin: 0 auto;
}
.main-content.page .recruit.mid-career .section.section001 table{
    background: url("../images/recruit/mid-career/bg_tebale001.png") no-repeat center bottom;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.main-content.page .recruit.mid-career .section.section001 table thead th {
    color: #6A3906;
    background: url("../images/recruit/mid-career/bg_tebale001.png") no-repeat center top, #fef1ce;
    font-weight: bold;
}
.main-content.page .recruit.mid-career .section.section001 table thead th:last-child {
    border-right: none;
}
.main-content.page .recruit.mid-career .section.section001 table th {
    border-right: #C9A063 solid 1px;
    background: none;
    font-weight: normal;
    width: auto;
}
.main-content.page .recruit.mid-career .section.section001 table th,
.main-content.page .recruit.mid-career .section.section001 table td {
    font-size: 100%;
    padding: 10px 20px;
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
    border-bottom: #C9A063 solid 1px;
}
.main-content.page .recruit.mid-career .section.section001 table th span,
.main-content.page .recruit.mid-career .section.section001 table td span{
    display: block;
}
.main-content.page .recruit.mid-career .section.section001 h5{
    margin: 60px 0 10px 0;
    color: #956134;
    font-size: 134%;
    font-weight: bold; 
}
.main-content.page .recruit.mid-career .section.section001 p{
    font-size: 110%;
}
.main-content.page .recruit.mid-career .section002,
.main-content.page .recruit.mid-career .section003,
.main-content.page .recruit.mid-career .section004,
.main-content.page .recruit.mid-career .section005{
    margin: 80px 0 0 0;
}
.main-content.page .recruit.mid-career .section .table{
    background: url("../images/recruit/mid-career/bg_tebale002.png") no-repeat center top, url("../images/recruit/mid-career/bg_tebale002.png") no-repeat center bottom;
    padding: 4px 0;
}
.main-content.page .recruit.mid-career .section table{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.main-content.page .recruit.mid-career .section table th {
    border-right: #689EC5 solid 1px;
    background: #ebf7fb;
    font-weight: bold;
    width: 20%;
}
.main-content.page .recruit.mid-career .section table th,
.main-content.page .recruit.mid-career .section table td{
    font-size: 110%;
    padding: 10px 20px;
    text-align: left;
    vertical-align: middle;
    word-wrap: break-word;
}
.main-content.page .recruit.mid-career .section table td span{
    display: block;
}
.main-content.page .recruit.mid-career .section table td h5{
    color: #689EC5;
    font-weight: bold;
    margin: 20px 0 0 0;
}
.main-content.page .recruit.mid-career .section table td h5.first{
    margin: 0;
}
.main-content.page .recruit.mid-career .section table td ul li{
    background: url("../images/recruit/mid-career/icon_list.png") no-repeat left center;
    padding: 0 0 0 20px;
}
.main-content.page .recruit.mid-career .section table tr{
    border-bottom: dotted 1px #689EC5;
}
.main-content.page .recruit.mid-career .section table td font{
    font-size:10px;
	font-size:1.0rem;
	vertical-align: top;
}
.main-content.page .recruit.mid-career .section .right{
    text-align: right;
	display: block;
}



/*  voice
******************/
.main-content.page .recruit.voice .section{
    width: 100%;
    max-width: 908px;
    margin: 80px auto 0 auto;
}
.main-content.page .recruit.voice .section h3{
    background: url("../images/recruit/voice/bg_h2.png") no-repeat center bottom;
    /*padding: 5px 0 0 0;*/
	padding: 22px 0;
    line-height: 1.0;
    font-size: 31px;
    font-size: 3.1rem;
    color: #D88799;
    font-weight: bold;
    text-align: center;
}
.main-content.page .recruit.voice .section h3 span{
    display: block;
    color: #D88799;
    font-size: 18px;
    font-size: 1.8rem;
}
.main-content.page .recruit.voice .section h4{
    background: url("../images/recruit/voice/bg_h3.png") no-repeat center center;
    padding: 3px 0;
    line-height: 1.8;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center;
}
.main-content.page .recruit.voice .section .voiceArea{
    margin: 40px 0 0 0;
}
.main-content.page .recruit.voice .section .voiceArea .leftBox{
    width: 448px;
    float: left;
    padding: 20px 0 0 0;
    line-height: 1.8;
    font-size: 19px;
    font-size: 1.9rem;
}
.main-content.page .recruit.voice .section .voiceArea .rightBox{
    width: 460px;
    float: right;
}
.main-content.page .recruit.voice .section .voiceArea .rightBox p{
    margin: 0 0 20px 0;
    text-align: right;
}

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

.main-content.page .contact{
	padding:150px 0 180px;
}
.main-content.page .contact h2{
	width:550px;
	height:69px;
	background: url("../images/contact/heading_001.png") no-repeat center center;
	padding: 10px 0 0;
	line-height: 1;
	box-sizing: border-box;
	font-size:31px;
	font-size:3.1rem;
	text-align: center;
	margin:0 auto 10px;
}
.main-content.page .contact .section001 .text{
	text-align: center;
	font-size:22px;
	font-size:2.2rem;
}
.main-content.page .contact .section001 ul{
	width:780px;
	margin:0 auto;
}
.main-content.page .contact .section001 ul li{
	width:320px;
	height:92px;
	float:left;
	padding-left:40px;
	box-sizing: border-box;
	font-size:28px;
	font-size:2.8rem;
	line-height: 1.5;
	margin-top: 80px;
}
.main-content.page .contact .section001 ul li span{
	font-size:21px;
	font-size:2.1rem;
	line-height: 1.5;
}
.main-content.page .contact .section001 ul li.tel001{
	background: url("../images/contact/icon_pink.png") no-repeat left center;
}
.main-content.page .contact .section001 ul li.tel002{
	background: url("../images/contact/icon_yellow.png") no-repeat left center;
}
.main-content.page .contact .section001 ul li.tel003{
	background: url("../images/contact/icon_blue.png") no-repeat left center;
}
.main-content.page .contact .section001 ul li.tel004{
	background: url("../images/contact/icon_green.png") no-repeat left center;
}
.main-content.page .contact .section001 ul li.tel005{
	background: url("../images/contact/icon_brown.png") no-repeat left center;
}
.main-content.page .contact .section001 ul li.tel006{
	background: url("../images/contact/icon_purple.png") no-repeat left center;
}
.main-content.page .contact .section001 ul li:nth-child(2n){
	float:right;
}
.main-content.page .contact .section002{
	width:780px;
	margin:170px auto 0;
}
.main-content.page .contact .section002 table,
.main-content.page .contact .section002 table tbody,
.main-content.page .contact .section002 table tr,
.main-content.page .contact .section002 table tr th,
.main-content.page .contact .section002 table tr td{
	display: block;
	width:100%;
	box-sizing: border-box;
}
.main-content.page .contact .section002 table{
	margin-top:50px;
}
.main-content.page .contact .section002 table tr th{
	font-size:24px;
	font-size:2.4rem;
	padding-left:30px;
	position: relative;
	text-align: left;
}
.main-content.page .contact .section002 table tr th span{
	font-size:21px;
	font-size:2.1rem;
	padding-left:10px;
	color:#E83828;
}
.main-content.page .contact .section002 table tr th:before{
	position: absolute;
	top:50%;
	left:0;
	transform: translate(0,-50%);
	width:20px;
	height:20px;
	content: "";
	display: block;
	border-radius: 50%;
	background: #E09BAA;
}
.main-content.page .contact .section002 table tr td{
	padding-left:30px;
	padding-bottom:30px;
	font-size:18px;
	font-size:1.8rem;
}
.main-content.page .contact .section002 table tr td input{
	width:100%;
	padding:10px;
	box-sizing: border-box;
	border:1px solid #E8E8E8;
	border-radius: 0;
    box-shadow: none;
	font-size:20px;
	font-size:2.0rem;
}
.main-content.page .contact .section002 table tr td fieldset{
	border:none;
}
.main-content.page .contact .section002 table tr td textarea{
	width:100%;
	height:360px;
	padding:10px;
	box-sizing: border-box;
	border:1px solid #E8E8E8;
	border-radius: 0;
    box-shadow: none;
	font-size:20px;
	font-size:2.0rem;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.main-content.page .contact .section002 table tr td label{
	font-size:20px;
	font-size:2.0rem;
}
.main-content.page .contact .section002 .message{
	margin-top: 50px;
	font-size:18px;
	font-size:1.8rem;
}
.main-content.page .contact .section002 .privacy{
	margin-top:130px;
}
.main-content.page .contact .section002 .privacy h3{
	font-size:24px;
	font-size:2.4rem;
}
.main-content.page .contact .section002 .privacy h4{
	font-size:21px;
	font-size:2.1rem;
	margin-top: 20px;
}
.main-content.page .contact .section002 .privacy .text{
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .contact .section002 .btnwrapper{
	text-align: center;
}
.main-content.page .contact .section002 .form-btn-box.btnconfilm.clearfix{
	width:400px;
	height: 148px;
	margin:0 auto;
}
.main-content.page .contact .section002 .btnwrapper input{
	background: url("../images/contact/bg_button.gif") no-repeat center center;
	width:164px;
	height: 48px;
	margin:100px auto 0;
	border: none;
	font-size: 24px;
	font-size: 2.4rem;
    line-height: 48px;
    letter-spacing: 20px;
    padding: 0 0 0 20px;
	-webkit-transition: opacity 0.3s ease-in-out; 
    -moz-transition: opacity 0.3s ease-in-out; 
    -o-transition: opacity 0.3s ease-in-out; 
    transition: opacity 0.3s ease-in-out;  
}
.main-content.page .contact .section002 .btnwrapper input:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
.main-content.page .contact .section002 .message-group{
	margin-top: 50px;
}
.main-content.page .contact .section002 .message-group .message-text{
	font-size:18px;
	font-size:1.8rem;
}
.main-content.page .contact .section002 .message-group .result a,
.main-content.page .contact .section002 .message-group .message-back-link a{
	font-size:18px;
	font-size:1.8rem;
	text-decoration: underline;
}

/*--------------------------------------
    request
--------------------------------------*/

.main-content.page .request{
	padding:70px 0 180px;
}
.main-content.page .request .section{
	width:880px;
	margin:100px auto 0;
}
.main-content.page .request .section h2{
	font-size:27px;
	font-size:2.7rem;
	margin-bottom: 60px;
}
.main-content.page .request .section h2 span{
	color:#D80C18;
}
.main-content.page .request .section h3{
	font-size:21px;
	font-size:2.1rem;
	margin-bottom: 30px;
	position: relative;
	padding-left:30px;
}
.main-content.page .request .section h3 span{
	color:#D80C18;
	font-size:16px;
	font-size:1.6rem;
}
.main-content.page .request .section h3:before{
	position: absolute;
	top:10px;
	left:0;
	width:20px;
	height:20px;
	content: "";
	display: block;
	border-radius: 50%;
	background: #906E59;
}
.main-content.page .request .section.section001 fieldset{
	border:none;
	padding-left: 30px;
}
.main-content.page .request .section.section001 fieldset label{
	display: block;
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .request .section.section001 .acms-admin-form-checkbox,.main-content.page .request .section.section001 .acms-admin-form-radio {
    position: relative;
    display: block;
    margin-right: 0;
    cursor: pointer;
    line-height: 1.7;
}
.main-content.page .request .section table,
.main-content.page .request .section table tbody,
.main-content.page .request .section table tr,
.main-content.page .request .section table tr th,
.main-content.page .request .section table tr td{
	width:100%;
	box-sizing: border-box;
}
.main-content.page .request .section table tr th{
	width:180px;
	font-size:21px;
	font-size:2.1rem;
	text-align: right;
	vertical-align: top;
	padding:10px 0 0;
}
.main-content.page .request .section table tr th span{
	color:#D80C18;
	font-size:15px;
	font-size:1.5rem;
}
.main-content.page .request .section table tr th font{
	display: block;
	font-size:15px;
	font-size:1.5rem;
}
.main-content.page .request .section table tr td{
	width:660px;
	padding-top:10px;
	padding-left:40px;
	padding-bottom:10px;
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .request .section table tr td input{
	width:60%;
	padding:5px;
	box-sizing: border-box;
	border:1px solid #E8E8E8;
	border-radius: 0;
    box-shadow: none;
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .request .section table tr td.date fieldset{
	margin-bottom: 10px;
}
.main-content.page .request .section table tr th.long{
	box-sizing: border-box;
	padding-top: 10px;
}
.main-content.page .request .section table tr td.long{
	vertical-align: middle;
}
.main-content.page .request .section table tr td.long fieldset{
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.main-content.page .request .section table tr td.date input.acms-form-width-full,
.main-content.page .request .section table tr td.years input.acms-form-width-full,
.main-content.page .request .section table tr td.long input.acms-form-width-full{
	width:100px;
	margin: 10px 0;
}
.main-content.page .request .section table tr td.tel input.acms-form-width-full{
	width:150px;
}
.main-content.page .request .section table tr td.now fieldset{
	float:left;
	width:250px;
}
.main-content.page .request .section table tr td.now fieldset label{
	height:58px;
	vertical-align: middle;
	padding-top: 8px;
	box-sizing: border-box;
}
.main-content.page .request .section table tr td.now .nowbox{
	float:right;
	width:380px;
	text-align: right;
	font-size:18px;
	font-size:1.8rem;
	padding-top: 58px;
}
.main-content.page .request .section table tr td.now .nowbox input.acms-form-width-full{
	text-align: left;
	width:250px;
	margin: 5px 0;
}
.main-content.page .request .section table tr td.book input.acms-form-width-full{
	width:220px;
	margin:0 10px;
}
.main-content.page .request .section table tr td.vertical .acms-admin-form-checkbox{
	display: block;
}
.main-content.page .request .section table tr td fieldset{
	border:none;
}
.main-content.page .request .section table tr td textarea{
	width:100%;
	height:85px;
	padding:5px;
	box-sizing: border-box;
	border:1px solid #E8E8E8;
	border-radius: 0;
    box-shadow: none;
	font-size:19px;
	font-size:1.9rem;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.main-content.page .request .section table tr td label{
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .request .section table tr td select{
	font-size:19px !important;
	font-size:1.9rem !important;
	padding: 10px !important;
	width:200px;
}
.main-content.page .request .section.section005 ul{
	width:100%;
	padding-left: 40px;
	box-sizing: border-box;
}
.main-content.page .request .section.section005 ul li{
	font-size:21px;
	font-size:2.1rem;
	margin-bottom: 20px;
}
.main-content.page .request .message{
	margin:0 0 0 50px;
	font-size:24px;
	font-size:2.4rem;
}
.main-content.page .request .section.confilm{
	margin:50px auto 0;
}
.main-content.page .request .section.confilm h3{
	margin-top:50px;
}
.main-content.page .request .section.confilm li{
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .request .section .privacy{
	margin-top:130px;
}
.main-content.page .request .section .privacy h3{
	font-size:24px;
	font-size:2.4rem;
}
.main-content.page .request .section .privacy h4{
	font-size:21px;
	font-size:2.1rem;
	margin-top: 20px;
}
.main-content.page .request .section .privacy .text{
	font-size:19px;
	font-size:1.9rem;
}
.main-content.page .request .btnwrapper{
	text-align: center;
}
.main-content.page .request .form-btn-box.btnconfilm.clearfix{
	width:400px;
	height: 148px;
	margin:0 auto;
}
.main-content.page .request .btnwrapper input{
	background: url("../images/contact/bg_button.gif") no-repeat center center;
	width:164px;
	height: 48px;
	margin:100px auto 0;
	border: none;
	font-size: 24px;
	font-size: 2.4rem;
    line-height: 48px;
    letter-spacing: 20px;
    padding: 0 0 0 20px;
	-webkit-transition: opacity 0.3s ease-in-out; 
    -moz-transition: opacity 0.3s ease-in-out; 
    -o-transition: opacity 0.3s ease-in-out; 
    transition: opacity 0.3s ease-in-out;  
}
.main-content.page .request .btnwrapper input:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
.main-content.page .request .message-group{
	margin-top: 50px;
}
.main-content.page .request .message-group .message-text{
	font-size:18px;
	font-size:1.8rem;
}
.main-content.page .request .message-group .result a,
.main-content.page .request .message-group .message-back-link a{
	font-size:18px;
	font-size:1.8rem;
	text-decoration: underline;
}

/*--------------------------------------
    information
--------------------------------------*/

.main-content.page .information ul{
	width:700px;
	margin:130px auto 200px;
}
.main-content.page .information ul li{
	width:700px;
	box-sizing: border-box;
	padding-left: 140px;
	background: url("../images/business/bg_table.gif") repeat-x center bottom;
}
.main-content.page .information ul li a{
	display: inline-block;
	padding:15px 40px;
	position: relative;
	line-height: 1.5;
	font-size:24px;
	font-size:2.4rem;
}
.main-content.page .information ul li a:before{
	position: absolute;
	top:50%;
	left:0;
	content: "";
	background: url("../images/information/icon_information_001.gif") no-repeat center center;
	width:29px;
	height:26px;
	transform: translate(0,-50%);
}
.main-content.page .information ul li a:after{
	position: absolute;
	top:50%;
	right:0;
	content: "";
	background: url("../images/information/icon_information_002.gif") no-repeat center center;
	width:27px;
	height:32px;
	transform: translate(0,-50%);
}

/*--------------------------------------
    notfound
--------------------------------------*/

.main-content.page .notfound{
	margin-top: 50px;
}
.main-content.page .notfound a{
	text-decoration: underline;
}