@charset "UTF-8";
/*----------------------------------------

	- content
	- pc（1281px〜）
	- pc（1025px〜1280px）
	- tablet（737px〜1024px）
	- sp（〜736px）

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

/*	content
-----------------------------------------*/
img{
	width:auto;
	height:auto;
}
#contents_area{
	padding-bottom:220px;
}
.banner_02{
	background:url(../../common/imgs/img_index_main.jpg) no-repeat center center;
	width:100%;
	margin:0 auto;
	height:540px;
	background-size:cover;
	background-position:center center;
}
#main_banner .inner{
	text-align:center;
}
#main_banner .inner h1{
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:40px;
	line-height:70px;
	text-align:center;
	color:rgba(255,255,255,1.00);
	padding-top:220px;
	display:inline-block;
	position:relative;
}
#main_banner .inner h1::after{
	content:"";
	position:absolute;
	display:block;
	bottom:-10px;
	border-bottom:2px solid #fff;
	width:88px;
	left:50%;
	margin-left:-44px;
}
.pankz{
	width:100%;
	padding-bottom:15px;
}
.pankz dl dd{
	float:left;
	font-size:12px;
	padding-right:5px;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.pankz dl dd a{
	color:rgba(0,0,0,1.00);
	text-decoration:none;
}
.pankz dl dd a:hover{
	color:#e50012;
	text-decoration:underline;
}
.common-banner-area{
	padding:70px 0 0 0;
}
.common-banner-area .lead-area{
	text-align:center;
}
.common-banner-area .lead-area h2,
.common-banner-area .lead-area h3{
	line-height:1.0;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.common-banner-area .lead-area h2{
	font-size:20px;
	position:relative;
	display:inline-block;
}
.common-banner-area .lead-area h2::after{
	content:"";
	position:absolute;
	display:block;
	bottom:-18px;
	border-bottom:2px solid #e50012;
	width:42px;
	left:50%;
	margin-left:-21px;
}
.common-banner-area .lead-area h3{
	margin:37px 0 0 0;
	font-size:16px;
}
.common-banner-area .banner-box{
	width:100%;
	height:100%;
	display:block;
	margin-top:60px;
	position:relative;
	border-bottom:2px solid #2f2f2f;
	padding-bottom:60px;
}
.common-banner-area .banner-box::before,
.common-banner-area .banner-box::after{
	position: absolute;
    top: 100%;
    right: 46%;
    transform: translateX(-50%);
	content: "";
}
.common-banner-area .banner-box::before{
    margin-top: 2px;
    border-top: 20px solid #2f2f2f;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin-left: -10px;
}
.common-banner-area .banner-box::after{
    border-top: 20px solid #ffffff;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin-left: -10px;
}
.common-banner-area .box{
	width:305px;
	float:left;
	margin-right:22px;
}
.common-banner-area .box:nth-of-type(3n){
	float:right;
	margin-right:0;
}
.common-banner-area .box:nth-of-type(4n){
	clear:both;
}
.common-banner-area .box:nth-of-type(4),
.common-banner-area .box:nth-of-type(5),
.common-banner-area .box:nth-of-type(6){
	margin-top:30px;
}
.common-banner-area .box:nth-of-type(4) p{
	font-size:15px;
}
.common-banner-area .box a{
	text-decoration:none;
	color:#000;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.common-banner-area .no-active a,
.common-banner-area .box a:hover{
	opacity:0.7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.common-banner-area .no-active a:hover{
	opacity:1.0;
	-webkit-opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.common-banner-area .box p{
	text-align:center;
	line-height:1.0;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin-top:15px;
	font-size:18px;
	letter-spacing:2px;
}
.common-banner-area .second-banner{
	margin-top:70px;
}
.common-banner-area .second-banner dl{
	display:table;
}
.common-banner-area .second-banner dl dt,
.common-banner-area .second-banner dl dd{
	display:table-cell;
	vertical-align:middle;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.common-banner-area .second-banner dl dt{
	font-size:30px;
	color:#8b2689;
	padding-right:40px;
	border-right:2px solid #2f2f2f;
}
.common-banner-area .second-banner dl dd{
	font-size:16px;
	line-height:1.8;
	padding-left:40px;
}
.common-banner-area .second-banner .s-banner-box{
	margin-top:64px;
}
.common-banner-area .s-banner-box .no-active p{
	opacity:0.3;
	-webkit-opacity: .3;
	-moz-opacity: .3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}

/*-----------------------------------------*/
/*	work
-----------------------------------------*/
.work #contents_area{
	padding-bottom:0;
}
.work .banner_02{
	background:url(../imgs/img_specific_work_main.jpg) no-repeat center center;
	width:100%;
	margin:0 auto;
	height:540px;
	background-size:cover;
	background-position:center center;
}
.work .block-01{
	width:760px;
	margin:0 auto;
	padding:65px 0 120px 0;
}
.work .block-01 h2{
	font-size:30px;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align:center;
	line-height:1.0;
	width:100%;
	border-bottom:2px solid #f0f0f0;
	padding-bottom:30px;
	margin-bottom:30px;
}
.work .block-01 p{
	font-size:14px;
	line-height:1.8;
}
.work .block-02 .lead-area{
	text-align:center;
}
.work .block-02 .lead-area h2,
.work .block-02 .lead-area h3{
	line-height:1.0;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.work .block-02 .lead-area h2{
	font-size:20px;
	position:relative;
	display:inline-block;
}
.work .block-02 .lead-area h2::after{
	content:"";
	position:absolute;
	display:block;
	bottom:-18px;
	border-bottom:2px solid #e50012;
	width:42px;
	left:50%;
	margin-left:-21px;
}
.work .block-02 .lead-area h3{
	margin:37px 0 0 0;
	font-size:16px;
}

.work .block-02 .anchor-area .inner{
	width: 962px;
	margin: 0 auto;
}

.work .block-02 .anchor-area{
	background-color:#FFFFFF;
	margin-top:40px;
	margin-bottom:40px;
}
.work .block-02 .anchor-area ul li{
	float:left;
}
.work .block-02 .anchor-area ul li a,
.work .btn-area div a{
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.work .block-02 .anchor-area ul li a:hover,
.work .btn-area div a:hover{
	opacity:0.7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.work .block-02 .anchor-area ul li:nth-child(1),
.work .block-02 .anchor-area ul li:nth-child(2){
	border-right: 1px solid rgba(255,255,255,1.00);
}

.work .image-block{
	position:relative;
	background-color:#aeaeae;
}
.work .image-block .arrow{
	position:absolute;
	left:50%;
	margin-left:-37px;
	top:-20px;
}
.work .image-block .image{
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom center;
}
.work .image-block .image .inner{
	position:relative;
}
.work .image-block .image .inner h3{
	color:#fff;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:56px;
	letter-spacing:2px;
	line-height:1.4;
	position:absolute;
	left:0;
	bottom:60px;
}
.work .image-block .text-area{
	padding:45px 0;
	color:#fff;
}
.work .image-block .text-area h4{
	font-size:32px;
	letter-spacing:2px;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.work .image-block .text-area p{
	margin-top:35px;
	font-size:14px;
}
.work .block-03{
	padding-top:87px;
}
.work .block-03 .arrow{
	top:67px;
}
.work .block-03 .image{
	background-image:url(../imgs/img_specific_work_image01.jpg);
}
.work .block-03 .image,
.work .block-03 .image .inner{
	height:600px
}
.work .block-04 .image{
	background-image:url(../imgs/img_specific_work_image02.jpg);
}
.work .block-04 .image,
.work .block-04 .image .inner{
	height:600px
}
.work .block-05 .image{
	background-image:url(../imgs/img_specific_work_image03.jpg);
}
.work .block-05 .image,
.work .block-05 .image .inner{
	height:600px
}
.work .btn-area{
	padding:125px 0;
}
.work .btn-area div{
	text-align:center;
}

.btn_work{
	width: 32%;
}

.btn_work img{
	width: 100%;
	height: auto;
}


@media screen and (min-width: 768px)  and (max-width: 840px) {
	.work .block-01 {
    width: 92%;
    margin: 0 auto;
    padding: 65px 0 120px 0;
}

.anchor-area .inner{
	width:100%;
	margin:0 auto;
}

.anchor-area ul li{
	width:33.33%;
	float:left;
}

.anchor-area ul li img{
	width:100%;
	height:auto;
}

.work .image-block .text-area h4{
	font-size:24px;
	letter-spacing:2px;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

}