@charset "utf-8";

	#gHeader .mainVisual .siteTitle {
		bottom: -2px;
	}
@media only screen and (max-width: 640px) {
	#gHeader .mainVisual .siteTitle {
		bottom: 0;
	}
}

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

スクロール

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

	.scrollbox {
		text-align: center;
	}
@media only screen and (max-width: 640px) {
	.scrollbox {
		display: none;
		overflow-x: scroll;
		width: auto;
		margin: 0;
		padding: 0;
		text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	.scrollbox img {
		max-width: 100%;
		width: 100%;
	}
}

	.slider1,
	.slider2,
	.slider3,
	.slider4,
	.slider5,
	.slider6 {
		display: none;
	}
@media only screen and (max-width: 640px) {
	.slider1,
	.slider2,
	.slider3,
	.slider4,
	.slider5,
	.slider6 {
		display: block;
	}
	.slider1 .image, 
	.slider2 .image, 
	.slider3 .image, 
	.slider4 .image, 
	.slider5 .image, 
	.slider6 .image{
		height: 0;
		padding: 120% 0 0;/*120.312*/
		background: 0 0 no-repeat;
		background-size: auto 100%;
	}
	#slide01 .image {
		padding: 90% 0 0;
		background-image: url(../imgs/161221/img-06.png);
	}
	#slide02 .image {
		padding: 90% 0 0;
		background-image: url(../imgs/161221/img-07.png);
	}
	#slide03 .image {
		padding: 90% 0 0;
		background-image: url(../imgs/161221/img-09.png);
	}
	#slide04 .image {
		padding: 90% 0 0;
		background-image: url(../imgs/161221/img-11.png);
	}
	#slide05 .image {
		padding: 90% 0 0;
		background-image: url(../imgs/161221/img-12.png);
	}
	#slide06 .image {
		padding: 90% 0 0;
		background-image: url(../imgs/161221/img-16.png);
	}
	.slider1 .bar,
	.slider2 .bar,
	.slider3 .bar,
	.slider4 .bar,
	.slider5 .bar,
	.slider6 .bar {
		height: 30px;
		margin: 15px 7.5%;
		padding: 0 30px 0 0;
		position: relative;
	}
	.slider1 .bar:before,
	.slider2 .bar:before,
	.slider3 .bar:before,
	.slider4 .bar:before,
	.slider5 .bar:before,
	.slider6 .bar:before {
		content: '';
		display: block;
		width: 100%;
		height: 4px;
		position: absolute;
		top: 13px;
		left: 0;
		background: #dadada;
	}
	.slider1 .inner,
	.slider2 .inner,
	.slider3 .inner,
	.slider4 .inner,
	.slider5 .inner,
	.slider6 .inner {
		position: relative;
	}
	.slider1 .knob1,
	.slider2 .knob2,
	.slider3 .knob3,
	.slider4 .knob4,
	.slider5 .knob5,
	.slider6 .knob6 {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		border-radius: 50%;
		box-shadow: 0 0 5px rgba(0,0,0,.2);
	}
}

@media only screen and (max-width: 640px){
	.scrollSlide {
	    display: block;
	    margin-bottom: 50px;
	}
	.scrollSlide .imageHolder {
    margin: 0;
    border: 1px solid #dadada;
    position: relative;
    overflow: hidden;
   }
   .scrollSlide .image {
    padding: 10% 0;
    margin: auto;
    overflow-x: scroll;
    height: 380px;
    max-width: 300px;
	}
	.scrollSlide .image img {
    max-width: none;
    height: 100%;
}
}


/*
	.page {
		min-width: 1350px;
	}
@media only screen and (max-width:640px) {
	.page {
		min-width: inherit;
	}
}
*/

	#mainContent {
		background: #f5f5f5;
	}

	.txt span {
		display: none;
		font-family: serif;
		font-size: 16px;
		text-align: left;
	}
@media only screen and (max-width: 640px) {
	.txt img {
		display: none;
	}
	.txt span {
		display: block;
	}

	.icnNum img {
		zoom: 0.7;
	}
}


/* outlineBox */
	.section.outlineBox {
		text-align: center;
		padding: 100px 0;
		background-image: url(../imgs/bg-outline.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.outlineBox h2 {
		margin-bottom: 50px;
	}
	.outlineBox p {
		font-size: 16px;
		line-height: 2.5;
	}
	.outlineBox .capBox {
		display: inline-block;
		color: #fff;
		margin-top: 30px;
		padding: 15px 60px;
		border-radius: 2px;
		background-color: #92a3ab;
	}
	.outlineBox .capBox br {
		display: none;
	}

@media only screen and (max-width:640px) {
	.section.outlineBox {
		padding: 80px 0 60px;
	}
	.outlineBox h2 {
		margin-bottom: 30px;
	}
	.outlineBox h2 img {
		zoom: 0.7;
	}
	.outlineBox p {
		font-size: 12px;
		line-height: 2.0;
	}
	.outlineBox .capBox {
		font-size: 10px;
		margin-top: 20px;
		padding: 15px;
	}
	.outlineBox .capBox br {
		display: block;
	}
}

	.sp {
		display: none;
	}
@media only screen and (max-width:640px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

/* position */
	.relative {
		position: relative;
	}
	.absolute {
		position: absolute;
	}
	.absolute.num1 {
		top: -250px;
		right: 0;
	}
	.absolute.num2 {
		top: -300px;
		left: 0;
	}
@media only screen and (max-width:640px) {
	.absolute.num1,
	.absolute.num2 {
		position: static;
		margin-bottom: 40px;
	}

	.Numb,
	.ttl,
	.h {
		zoom: 0.7;
	}
}

	.fphImg {
		width: 100%;
	}

	.boxA {
		padding: 40px 50px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff); 
    background: rgba(255, 255, 255, 0.6);
		border: solid 1px #c7cdc8;
	}
	.boxB {
		background: #fff;
		border: solid 1px #bcb799;
	}
	.boxB .boxInner {
		padding: 40px 50px;
		border: solid 2px #e6e6e6;
	}
	.boxC {
		padding: 40px 50px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff); 
    background: rgba(255, 255, 255, 0.6);
		border: solid 1px #bcb799;
	}
	.boxD {
		padding: 30px 40px;
		background: #fff;
		border: solid 1px #bcb799;
	}
@media only screen and (max-width:640px) {
	.boxA,
	.boxB .boxInner,
	.boxC {
		padding: 29px;
	}
	.boxD {
		padding: 19px;
	}
}

	.section {
		line-height: 2;
	}

	.boxT {
		display: table;
		width: 100%;
	}
	.boxT .areaL {
		display: table-cell;
		width: 50%;
		vertical-align: middle;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	.boxT .areaR {
		display: table-cell;
		width: 50%;
		vertical-align: middle;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}


	.boxT.line .areaL {
		padding-right: 65px;
		border-right: dashed 1px #d5d5d5;
	}
	.boxT.line .areaR {
		padding-left: 40px;
	}
@media only screen and (max-width:640px) {
	.boxT .areaL,
	.boxT .areaR {
		display: block;
		width: 100%;
	}
	.boxT .areaR {
		margin-top: 40px;
	}
}

	.section .inner {
		position: relative;
		max-width: 1320px;
		margin-left: auto;
		margin-right: auto;
	}

	.mb120 { margin-bottom: 120px;}
	.mb180 { margin-bottom: 180px;}
@media only screen and (max-width:640px) {
	.section .inner {
		padding-left: 10px;
		padding-right: 10px;
	}

	.mb120 { margin-bottom: 60px;}
	.mb180 { margin-bottom: 60px;}
}
/* section.num1 */
	.section.num1 {
		padding-top: 80px;
		padding-bottom: 60px;
		background: url(../imgs/170224/bg-sec-01.png) repeat left top;
		border-top: solid 1px #e5e5e5;
		text-align: center;
	}
@media only screen and (max-width:640px) {
	.section.num1 {
	}
}

/* section.num2 */
	.section.num2 {
		padding-top: 50px;
		padding-bottom: 120px;
		background: url(../imgs/170224/bg-sec-02.jpg) no-repeat center top;
		background-size: cover;
	}
@media only screen and (max-width:640px) {
	.section.num2 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

/* section.num3 */
	.section.num3 {
		padding-top: 60px;
		padding-bottom: 150px;
		background: url(../imgs/170224/bg-sec-03.png) repeat left top;
	}
@media only screen and (max-width:640px) {
	.section.num3 {
		padding-bottom: 40px;
	}
}

/* section.num4 */
	.section.num4 {
		padding-top: 110px;
		padding-bottom: 280px;
		background: url(../imgs/170224/bg-sec-04.jpg) no-repeat left top;
		background-size: cover;
	}
	.section.num4 .boxA.bl1 {
		margin-right: 380px;
	}
	.section.num4 .boxA.bl1 p.text {
		width: 60%;
		max-width: 505px;
	}
	.section.num4 .Numb.bl2,
	.section.num4 .ttl.bl2 {
		margin-left: 700px;
	}
	.section.num4 .boxA.bl2 {
		margin-left: 490px;
	}
	.section.num4 .boxA.bl2 p {
		padding-left: 160px;
	}
@media only screen and (max-width:640px) {
	.section.num4 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section.num4 .boxA.bl1 {
		margin-right: 0;
	}
	.section.num4 .boxA.bl1 p.text {
		width: auto;
		max-width: 100%;
	}
	.section.num4 .Numb.bl2,
	.section.num4 .ttl.bl2 {
		margin-left: 0;
	}
	.section.num4 .boxA.bl2 {
		margin-left: 0;
	}
	.section.num4 .boxA.bl2 p {
		padding-left: 0;
	}
}

/* section.num5 */
	.section.num5 {
		padding-top: 80px;
		padding-bottom: 115px;
		background: url(../imgs/170224/bg-sec-05.jpg) no-repeat left top;
		background-size: cover;
	}
	.clearfix.num1 .fl {
		width: 29%;
	}
	.clearfix.num1 .fr {
		width: 68%;
	}
@media only screen and (max-width:640px) {
	.section.num5 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.clearfix.num1 .fl,
	.clearfix.num1 .fr {
		float: none;
		width: auto;
	}
	.clearfix.num1 .fr {
		margin-top: 40px;
	}
}

/* section.num6 */
	.section.num6 {
		padding-top: 80px;
		padding-bottom: 115px;
		background: url(../imgs/170224/bg-sec-06.png) repeat left top;
	}
	.clearfix.num2 {
		display: table;
		width: 100%;
	}
	.clearfix.num2 .fl {
		float: none;
		display: table-cell;
		width: 69%;
		vertical-align: bottom;
	}
	.clearfix.num2 .fr {
		float: none;
		display: table-cell;
		width: 29%;
		padding-left: 2%;
		vertical-align: bottom;
	}
@media only screen and (max-width:640px) {
	.section.num6 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.clearfix.num2 .fl,
	.clearfix.num2 .fr {
		display: block;
		width: auto;
	}
	.clearfix.num2 .fr {
		margin-top: 40px;
	}
}


/* section.num7 */
	.section.num7 {
		padding-top: 110px;
		padding-bottom: 90px;
		background: url(../imgs/170224/bg-sec-07.jpg) no-repeat center top;
		background-size: cover;
		border-bottom: solid 1px #ededed;
	}
	.section.num7 .areaL {
		padding-top: 30px;
		vertical-align: top;
	}
	.section.num7 .areaR {
		padding-left: 100px;
		vertical-align: top;
	}
@media only screen and (max-width:640px) {
	.section.num7 {
		padding-top: 40px;
		padding-bottom: 40px;
		background: #fff;
	}
	.section.num7 .areaL {
		display: none;
	}
	.section.num7 .areaR {
		margin-top: 0;
		padding-left: 0;
	}
}

/* section.num8 */
	.section.num8 {
		padding-top: 110px;
		padding-bottom: 90px;
		background: url(../imgs/170224/bg-sec-08.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num8 .areaL {
		padding-right: 80px;
		vertical-align: top;
	}
	.section.num8 .areaR {
		padding-top: 20px;
		padding-left: 80px;
		vertical-align: top;
	}
@media only screen and (max-width:640px) {
	.section.num8 {
		padding-top: 40px;
		padding-bottom: 40px;
		background: #fff;
	}
	.section.num8 .areaL {
		padding-right: 0;
	}
	.section.num8 .areaR {
		display: none;
	}
}


/* section.num9 */
	.section.num9 {
		overflow: hidden;
		display: table;
		width: 100%;
		padding-bottom: 90px;
		background: #fff;
	}
	.section.num9 .conL,
	.section.num9 .conC,
	.section.num9 .conR {
		position: relative;
		display: table-cell;
		width: 33.33%;
		padding: 45px 4% 0;
		vertical-align: top;


    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	.section.num9 .conL {
		background: url(../imgs/170224/bg-sec-09.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num9 .conC {
		background: url(../imgs/170224/bg-sec-10.jpg) no-repeat center top;
		background-size: cover;
	}
	.section.num9 .conR {
		background: url(../imgs/170224/bg-sec-11.jpg) no-repeat center top;
		background-size: cover;
	}
	.lineA {
		margin-bottom: 30px;
		padding-bottom: 40px;
		border-bottom: dashed 1px #807c7b;
		text-align: center;
	}

	.section.num9 .boxB {
		margin-bottom: -90px;
		z-index: 1;
	}
@media only screen and (max-width:640px) {
	.section.num9 {
		padding-bottom: 0;
	}
	.section.num9 .conL,
	.section.num9 .conC,
	.section.num9 .conR {
		display: block;
		width: auto;
		padding: 40px 10px;
	}
	.section.num9 .boxB {
		margin-bottom: 0;
	}
}

/* section.num10 */
	.section.num10 {
		position: relative;
		padding-top: 90px;
		padding-bottom: 100px;
		background: #fff;
		z-index: 0;
	}
	.section.num10 .areaL,
	.section.num10 .areaR {
		vertical-align: bottom;
	}
	.section.num10 .areaL {
		padding-right: 80px;
	}
@media only screen and (max-width:640px) {
	.section.num10 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section.num10 .areaL {
		padding-right: 0;
	}
	.section.num10 .areaR {
		display: none;
	}
}

/* section.num11 */
	.section.num11 {
		padding-top: 80px;
		padding-bottom: 130px;
		background: url(../imgs/170224/bg-sec-12.png) repeat left top;
		border-top: solid 1px #e5e5e5;
	}
@media only screen and (max-width:640px) {
	.section.num11 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

/* section.num12 */
	.section.num12 {
		padding-top: 90px;
		padding-bottom: 140px;
		background: url(../imgs/170224/bg-sec-13.jpg) no-repeat left top;
		background-size: cover;
	}
@media only screen and (max-width:640px) {
	.section.num12 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

/* section.num13 */
	.section.num13 {
		padding-top: 90px;
		padding-bottom: 120px;
		background: url(../imgs/170224/bg-sec-14.jpg) no-repeat left top;
		background-size: cover;
	}
	.section.num13 .areaL,
	.section.num13 .areaR {
		vertical-align: bottom;
	}
	.section.num13 .areaL {
		padding-right: 80px;
	}
@media only screen and (max-width:640px) {
	.section.num13 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section.num13 .areaL {
		padding-right: 0;
	}
	.section.num13 .areaR {
		display: none;
	}
}

/* section.num14 */
	.section.num14 {
		padding-top: 90px;
		padding-bottom: 90px;
		background: url(../imgs/170224/bg-sec-15.png) repeat left top;
		border-top: solid 1px #e5e5e5;
	}
@media only screen and (max-width:640px) {
	.section.num14 {
		padding-top: 40px;
		padding-bottom: 60px;
	}
}


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

	.column {
		margin-bottom: 30px;
	}

	.imgBox {
		display: table;
		width: 100%;
	}
	.imgBox .ttlArea,
	.imgBox .txtArea,
	.imgBox .photo {
		display: table-cell;
		vertical-align: middle;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.imgBox.num1 .ttlArea {
		width: 124px;
		padding-right: 50px;
	}
@media only screen and (max-width: 640px) {
	.imgBox.num1 .txtArea {
		display: block;
		width: auto;
		margin-top: 30px;
	}
	.imgBox.num1 .ttlArea {
		display: block;
		width: auto;
		padding-right: 0;
/*
		text-align: center;
*/
	}
}

	.imgBox.num2 .ttlArea {
		width: 163px;
		padding-right: 30px;
	}
	.imgBox.num2 .txtArea p {
		font-size: 16px;
		font-weight: bold;
		color: #000;
		letter-spacing: 1px;
	}
@media only screen and (max-width: 1320px) {
	.imgBox.num2 .txtArea br {
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	.imgBox.num2 .txtArea {
		display: block;
		width: auto;
		margin-top: 10px;
	}
	.imgBox.num2 .ttlArea {
		display: block;
		width: auto;
		padding-right: 0;
		text-align: center;
	}
	.imgBox.num2 .txtArea p {
		font-size: 14px;
		font-weight: normal;
	}
}


	.clmBox {
		overflow: hidden;
	}
	.clmBox > div {
		float: left;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;


    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}

	.clmBox.col2 {
		margin-left: -4%;
	}
	.clmBox.col2 > div {
		width: 46%;
		margin-left: 4%;
	}

	.clmBox.clm2 {
		margin-left: -2%;
	}
	.clmBox.clm2 > div {
		display: inline-block;
		float: none;
		width: 48%;
		margin-left: 2%;
		vertical-align: middle;
	}

	.clmBox.col3 {
	}
	.clmBox.col3 > div {
		width: 33.33%;
	}

	.clmBox.col4 {
		margin-top: -15px;
		margin-left: -2.5%;
	}
	.clmBox.col4 > div {
		width: 22.5%;
		margin-top: 15px;
		margin-left: 2.5%;
	}
@media only screen and (max-width: 640px) {
	.clmBox.col2 {
		margin-top: -25px;
		margin-left: 0;
	}
	.clmBox.col2 > div {
		float: none;
		width: auto;
		margin-top: 25px;
		margin-left: 0;
	}

	.clmBox.clm2 {
		margin-left: 0;
	}
	.clmBox.clm2 > div {
		display: block;
		width: auto;
		margin-left: 0;
	}

	.clmBox.col3 {
		margin-top: -40px;
		margin-left: 0;
	}
	.clmBox.col3 > div {
		float: none;
		width: auto;
		margin-top: 40px;
		margin-left: 0;
	}

	.clmBox.col4 > div {
		width: 47.5%;
	}
	.clmBox > div.clsp {
		clear: left;
	}
}

	.scrollbox {
		text-align: center;
	}
@media only screen and (max-width: 640px) {
	.scrollbox {
		overflow-x: scroll;
		width: auto;
		text-align: center;
		padding-bottom: 20px;
	}
	.scrollbox.num1 img,
	.scrollbox.num2 img,
	.scrollbox.num3 img {
		max-width: 1150px;
		width: 1150px;
	}
}
@media only screen and (max-width: 640px) {
	#cigrCommonFooter {
		padding-top: 20px;
	}
}