@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);


* {
 padding             : 0;
 margin              : 0;
}

html{
 font-size           : 62.5%;
 line-height         : 140%;
 height              : 100%;
}

body {
 margin              : 0;
 padding             : 0;
 height              : 100%;
/* font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;*/
/* font-family         : "Hiragino Kaku Gothic ProN", "MS PGothic",sans-serif;*/
/* font-family         : "Hannari" , "游明朝", YuMincho, "Sawarabi Mincho" , serif;*/
 font-family         : "游明朝", YuMincho, "Sawarabi Mincho" , serif;
 letter-spacing      : 0.05em;
 color               : #000000; /*もと#302522*/
}


.codepc{ display     : inline; }
.codesp{ display     : none; }

.wrap {
 padding             : 0 0 0 0 !important;
}

a[href^="tel:"]{
 pointer-events: none;
}


/*-------------------------------------------
ヘッダ
-------------------------------------------*/

header{
 position            : relative;
 margin              : 0 0 0 0;
 padding             : 0 0 0 0;
 width               : 100%;
 text-align          : center;
 font-size           : 1.3em;
 line-height         : 180%;
}

header .cp{
 position            : fixed;
 top                 : 40px;
 left                : 50px;
 z-index             : 9998;
}

header .sub01{
 position            : fixed;
 top                 : 50px;
 right               : 92px;
 z-index             : 9998;
}
header .sub02{
 position            : fixed;
 top                 : 50px;
 right               : 50px;
 z-index             : 9998;
 width               : 42px;
}

header .head {
 margin              : 0 auto;
 width               : 1000px;
 padding             : 150px 0 0 0;
}
header .head .left{
 float               : left;
 display             : inline;
 padding             : 0 0 115px 0;
 width               : 50%;
 text-align          : left;
}
header .head .left strong{
 display             : none;
}

header .head .right{
 float               : left;
 display             : inline;
 padding             : 0 0 0 0;
 width               : 50%;
 text-align          : left;
 font-size           : 1.4em;
 line-height         : 180%;
 font-weight         : bold;
}
header .head .right h1{
 display             : block;
 width               : 100%;
 text-align          : left;
 font-size           : 3em;
 line-height         : 140%;
 margin              : 0 0 0.5em 0;
}



/*-------------------------------------------
ナビゲーション
-------------------------------------------*/
.gnavi{
 margin              : 0 auto;
 width               : 1000px;
 padding             : 0 0 14px 0;
 background-image    : url("../img/gnavibg.png");
 background-repeat   : no-repeat;
}
.gnavi:after {
 content             : "";
 display             : block;
 clear               : both;
}


.gnavi01,
.gnavi02,
.gnavi03,
.gnavi04,
.gnavi05{
 float               : left;
 display             : inline;
}


.gnavi01{
 margin              : 0 0 0 10.9%;
 width               : 15.3%;
}
.gnavi02{
 margin              : 0 0 0 3.9%;
 width               : 16.2%;
}
.gnavi03{
 margin              : 0 0 0 3.9%;
 width               : 16.2%;
}
.gnavi04{
 margin              : 0 0 0 3.9%;
 width               : 16.1%;
}
.gnavi05{
 margin              : 0 0 0 3.9%;
 width               : 7.9%;
}

.gnavi01 a,
.gnavi02 a,
.gnavi03 a,
.gnavi04 a,
.gnavi05 a{
 position            : relative;
 display             : inline-block;
 text-decoration     : none;
}

.gnavi01 a:after,
.gnavi02 a:after,
.gnavi03 a:after,
.gnavi04 a:after,
.gnavi05 a:after {
 content             : '';
 width               : 0;
 transition          : all 0.3s ease;
 border-bottom       : 3px solid #221814;
 display             : block;
 position            : absolute;
 bottom              : -5px;
}
.gnavi01 a:hover:after,
.gnavi02 a:hover:after,
.gnavi03 a:hover:after,
.gnavi04 a:hover:after,
.gnavi05 a:hover:after {
 width               : 100%;
 border-bottom       : 3px solid #221814;
 position            : absolute;
 bottom              : -5px;
 opacity             : 1;
 filter              : alpha(opacity=100);
 -moz-opacity        : 1;
 -ms-filter          : "alpha(opacity=100)";
}

.gnavi01 a:hover img,
.gnavi02 a:hover img,
.gnavi03 a:hover img,
.gnavi04 a:hover img,
.gnavi05 a:hover img{
 opacity             : 1;
 filter              : alpha(opacity=100);
 -moz-opacity        : 1;
 -ms-filter          : "alpha(opacity=100)";
}



/*-------------------------------------------
サイドナビゲーション
-------------------------------------------*/

.snavion{ cursor     : pointer;}
.snavioff{ cursor    : pointer;}

.snavi{
 display             : none;
 position            : fixed;
 top                 : 0;
 right               : 0;
 width               : 700px;
 z-index             : 9999 !important;
 background          : #221814;
 color               : #ffffff;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-size           : 1.6em;
 font-weight         : 600;
 line-height         : 350%;
 padding             : 10px 0 20px 0;
 text-align          : center;
}
.snavi .close{
 width               : 90%;
 padding             : 0 10% 0 0;
 text-align          : right;
}

.snavi a{
 color               : #ffffff;
 text-decoration     : none;
}
.snavi a:hover{
 text-decoration     : none;
 opacity             : 0.5;
 filter              : alpha(opacity=50);
 -moz-opacity        : 0.5;
 -ms-filter          : "alpha(opacity=50)";
 color               : rgba(255, 255, 255, 0.5);
 -webkit-transition  : 0.4s;
 -moz-transition     : 0.4s;
 -o-transition       : 0.4s;
 -ms-transition      : 0.4s;
 transition          : 0.4s;
}



/*-------------------------------------------
フッター
-------------------------------------------*/
footer{
 clear               : both;
 display             : block;
 padding             : 85px 0 100px 0;
 width               : 100%;
 background          : #221814;
 text-align          : center;
 color               : #b4b5b5;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-size           : 1.6em;
 line-height         : 170%;
}
footer:after {
 content             : "";
 display             : block;
 clear               : both;
}

footer .cont01{
 margin              : 0 auto;
 padding             : 25px 0 0 0;
}
footer .cont02{
 margin              : 0 auto;
 padding             : 65px 0 0 0;
}
footer .cont03{
 margin              : 0 auto;
 padding             : 10px 0 0 0;
}
footer .cont04{
 margin              : 0 auto;
 padding             : 30px 0 0 0;
}
footer .cont04 div{
 display             : inline-block;
 margin              : 0 auto;
 padding             : 1em 3em 1em 3em;
 background          : #ffffff;
 color               : #127787;
}


footer .cont01 a{
 color               : #ffffff;
 font-weight         : 500;
 text-decoration     : none;
}
footer .cont01 a:hover{
 text-decoration     : none;
 opacity             : 0.5;
 filter              : alpha(opacity=50);
 -moz-opacity        : 0.5;
 -ms-filter          : "alpha(opacity=50)";
 color               : rgba(255, 255, 255, 0.5);
 -webkit-transition  : 0.4s;
 -moz-transition     : 0.4s;
 -o-transition       : 0.4s;
 -ms-transition      : 0.4s;
 transition          : 0.4s;
}


.footmenu{
 display             : none;
}



/*-------------------------------------------
コンテンツ
-------------------------------------------*/


.container{
 margin              : 0 auto;
 width               : 100%;
 text-align          : center;
 background          : #ffffff;
 padding             : 0 0 100px 0;
 font-size           : 1.3em;
}
.container:after {
 content             : "";
 display             : block;
 clear               : both;
}



/*-------------------------------------------
ヘッダリード
-------------------------------------------*/

.content01{
 margin              : 170px 0 85px 0;
 width               : 100%;
 padding             : 0 0 0 0;
 font-size           : 1.3em;
 line-height         : 240%;
 background-image    : url("../img/content01bg.jpg");
 background-position : center center;
 background-repeat   : no-repeat;
}
.content01:after {
 content             : "";
 display             : block;
 clear               : both;
}

.content01 .contents01{
 margin              : 0 auto;
 width               : 1000px;
}

.content01 .contents01 .cont01{
 float               : left;
 display             : inline;
 margin              : 266px 0 0 0;
 width               : 1000px;
 background-image    : url("../img/contbg.png");
 padding             : 0 0 0 0;
}
.content01 .contents01 .cont01 .left{
 float               : left;
 display             : inline;
 margin              : 130px 0 0 135px;
 width               : 130px;
}
.content01 .contents01 .cont01 .right{
 float               : left;
 display             : inline;
 margin              : 130px 0 0 90px;
 padding             : 0 0 60px 0;
 width               : 555px;
 text-align          : left;
 font-size           : 1.2em;
 font-weight         : bold;
}



/*-------------------------------------------
本文
-------------------------------------------*/

.content02{
 margin              : 0 auto;
 width               : 1000px;
 padding             : 30px 0 0 0;
 font-size           : 1.3em;
 line-height         : 180%;
}
.content02 .mds01{
 display           : block;
 font-size         : 1.7em;
 margin            : 0 0 40px 0;
 padding           : 0 0 0 0;
 line-height       : 100%;
 font-family       : "游明朝", YuMincho, "Sawarabi Mincho" , serif;
 font-weight       : 600;
 width             : 100%;
 text-align        : center;
 color             : #000000;
}


.ml30p{ margin-left : 3%; }
.ml29p{ margin-left : 2.9%; }


.box01{
 position            : relative;
 float               : left;
 display             : inline;
 padding             : 0 0 0 0;
 margin-bottom       : 3%;
 width               : 48.5%;
 text-align          : center;
}
.box02{
 position            : relative;
 float               : left;
 display             : inline;
 padding             : 0 0 0 0;
 width               : 31.4%;
 text-align          : center;
}


.box01 a,
.box02 a{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 1.5em 0 1.5em 0;
 border              : 1px solid #221814;
 background-color    : rgba(255,255,255,0);
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight         : 700;
 font-size           : 1.1em;
 letter-spacing      : 0.1em;
 line-height         : 100%;
 background-image    : url("../img/box_bg.png");
 background-position : bottom right;
 background-repeat   : no-repeat;
 text-decoration     : none;
 color               : #000000;
}
.box02 a:hover,
.box01 a:hover{
 text-decoration     : none;
 opacity             : 0.5;
}



/*-------------------------------------------
メインビジュアル部分
-------------------------------------------*/

.visline {
 width               : 100%;
 background-image    : url("../img/visline.png");
 height              : 5px;
}


.vis {
 width               : 100%;
 text-align          : center;
 background          : #f6f7f7;
 padding             : 0 0 0 0;
 font-size           : 1.3em;
}
.vis:after {
 content             : "";
 display             : block;
 clear               : both;
}


.imgarea {
 position            : relative;
 padding             : 32px  0 32px 0;
 margin              : 0 5% 0 5%;
 width               : 90%;
 background          : #f6f7f7;
}

.sld01{
 float               : left;
 display             : inline;
 width               : 50%;
}
.sld01 img{
 width               : 100%;
}

.slide-arrow {
 position            : absolute;
 top                 : 50%;
 -webkit-transform   : translate(0, -50%);
 -ms-transform       : translate(0, -50%);
 transform           : translate(0, -50%);
}

.prev-arrow { left: -50px; z-index:9999;cursor: pointer}
.next-arrow { right: -50px; z-index:9998;cursor: pointer}





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

@media(max-width:1100px) and (min-width: 850px){

		.codepc{ display     : inline; }
		.codesp{ display     : none; }

		a[href^="tel:"]{
		 pointer-events: none;
		}


/*-------------------------------------------
ヘッダ
-------------------------------------------*/

		header .head {
		 margin              : 0 auto;
		 width               : 900px;
		 padding             : 150px 0 0 0;
		}
		header .head .right h1{
		 display             : block;
		 width               : 100%;
		 text-align          : left;
		 font-size           : 5vw;
		 line-height         : 140%;
		 margin              : 0 0 0.5em 0;
		}
		header .cp{
		 position            : fixed;
		 top                 : 40px;
		 left                : 30px;
		 z-index             : 9998;
		}
		header .sub{
		 position            : fixed;
		 top                 : 50px;
		 right               : 30px;
		 z-index             : 9998;
		}



/*-------------------------------------------
ナビゲーション
-------------------------------------------*/
		.gnavi{
		 margin              : 0 auto;
		 width               : 900px;
		 padding             : 0 0 14px 0;
		 background-image    : url("../img/gnavibg.png");
		 background-repeat   : no-repeat;
		 background-size     : contain;
		}



/*-------------------------------------------
サイドナビゲーション
-------------------------------------------*/

/*-------------------------------------------
フッター
-------------------------------------------*/

/*-------------------------------------------
コンテンツ
-------------------------------------------*/

/*-------------------------------------------
ヘッダリード
-------------------------------------------*/

		.content01 .contents01 .cont01{
		 float               : left;
		 display             : inline;
		 margin              : 266px 5% 0 5%;
		 width               : 90%;
		 background-image    : url("../img/contbg.png");
		 background-size     : cover;
		 padding             : 0 0 0 0;
		}
		.content01 .contents01 .cont01 .left{
		 float               : left;
		 display             : inline;
		 margin              : 130px 0 0 13.5%;
		 width               : 11%;
		}
		.content01 .contents01 .cont01 .right{
		 float               : left;
		 display             : inline;
		 margin              : 130px 0 0 11%;
		 padding             : 0 0 60px 0;
		 width               : 55.5%;
		 text-align          : left;
		}



/*-------------------------------------------
本文
-------------------------------------------*/

		.content02{
		 margin              : 0 auto;
		 width               : 86%;
		 padding             : 30px 7% 0 7%;
		 font-size           : 1.3em;
		 line-height         : 180%;
		}



/*-------------------------------------------
メインビジュアル部分
-------------------------------------------*/

		.prev-arrow { left: -20px; z-index:9999;cursor: pointer}
		.next-arrow { right: -20px; z-index:9998;cursor: pointer}

}






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

@media (max-width: 850px) {


	.codepc{ display     : none; }
	.codesp{ display     : inline; }

	a[href^="tel:"]{
	 pointer-events: auto;
	}

/*-------------------------------------------
ヘッダ
-------------------------------------------*/

	header .cp{
	 position            : fixed;
	 top                 : 5px;
	 left                : 7vw;
	 z-index             : 9998;
	 width               : 10.5vw;
	}

	header .sub01{
	 position            : fixed;
	 top                 : 5px;
	 right               : 23vw;
	 z-index             : 9998;
	 width               : 42.5vw;
	}
	header .sub02{
	 position            : fixed;
	 top                 : 5px;
	 right               : 5vw;
	 z-index             : 9998;
	 width               : 16vw;
	}
	header .sub02 img{
	 width               : 100%;
	}

	header .head {
	 margin              : 0 auto;
	 width               : 76%;
	 padding             : 20vw 12% 0 12%;
	}
	header .head .left{
	 float               : left;
	 display             : inline;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : left;
	}
	header .head .left strong{
	 display             : none;
	}

	header .head .right{
	 float               : left;
	 display             : inline;
	 padding             : 0 0 5em 0;
	 width               : 100%;
	 text-align          : left;
	 font-size           : 1.4em;
	 line-height         : 180%;
	 font-weight         : normal;

	}
	header .head .right h1{
	 display             : block;
	 width               : 100%;
	 text-align          : left;
	 font-size           : 5.5vw;
	 line-height         : 140%;
	 margin              : 1em 0 0.5em 0;
	}



/*-------------------------------------------
ナビゲーション
-------------------------------------------*/
	.gnavi{
	 display             : none;
	}



/*-------------------------------------------
サイドナビゲーション
-------------------------------------------*/

	.snavi{
	 display             : none;
	 position            : fixed;
	 top                 : 0;
	 right               : 0;
	 width               : 100%;
	 z-index             : 9999 !important;
	 background          : #221814;
	 color               : #ffffff;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-size           : 1.6em;
	 font-weight         : 600;
	 line-height         : 350%;
	 padding             : 10px 0 20px 0;
	 text-align          : center;
	}



/*-------------------------------------------
フッター
-------------------------------------------*/
	footer{
	 clear               : both;
	 display             : block;
	 padding             : 3em 15% 3em 15%;
	 width               : 70%;
	 background          : #221814;
	 text-align          : center;
	 color               : #b4b5b5;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-size           : 1.4em;
	 line-height         : 170%;
	}

	footer .cont01{
	 display             : none;
	}

	footer .cont02{
	 margin              : 0 auto;
	 padding             : 2em 0 0 0;
	}

	.footmenu{
	 clear               : both;
	 display             : block;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 background          : #221814;
	 text-align          : center;
	 color               : #ffffff;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-size           : 1.4em;
	 font-weight         : 700;
	}
	.footmenu .menu{
	 padding             : 1.5em 0 1.5em 0;
	 width               : 100%;
	 border-bottom       : 1px solid #ffffff;
	}

	.footmenu .menu a{
	 color               : #ffffff;
	 text-decoration     : none;
}
	.footmenu .menu a:hover{
	 text-decoration     : none;
	 opacity             : 0.5;
	 filter              : alpha(opacity=50);
	 -moz-opacity        : 0.5;
	 -ms-filter          : "alpha(opacity=50)";
	 color               : rgba(255, 255, 255, 0.5);
	 -webkit-transition  : 0.4s;
	 -moz-transition     : 0.4s;
	 -o-transition       : 0.4s;
	 -ms-transition      : 0.4s;
	 transition          : 0.4s;
	}



/*-------------------------------------------
コンテンツ
-------------------------------------------*/

/*-------------------------------------------
ヘッダリード
-------------------------------------------*/

	.content01{
	 margin              : 12vw 0 10vw 0;
	 width               : 100%;
	 padding             : 0 0 0 0;
	 font-size           : 1.2em;
	 line-height         : 200%;
	 background-image    : url("../img/content01bg.jpg");
	 background-position : center center;
	 background-repeat   : no-repeat;
	}
	.content01:after {
	 content             : "";
	 display             : block;
	 clear               : both;
	}

	.content01 .contents01{
	 margin              : 0 auto;
	 width               : 100%;
	}

	.content01 .contents01 .cont01{
	 float               : left;
	 display             : inline;
	 margin              : 10vw 7vw 0 7vw;
	 width               : 86%;
	 background-image    : url("../img/contbg.png");
	 background-size     : cover;
	 padding             : 0 0 0 0;
	}
	.content01 .contents01 .cont01 .left{
	 float               : left;
	 display             : inline;
	 margin              : 10vw 6% 0 6%;
	 width               : 88%;
	 font-size           : 1.4em;
	 font-weight         : bold;
	 text-align          : left;
	}
	.content01 .contents01 .cont01 .right{
	 float               : left;
	 display             : inline;
	 margin              : 4vw 6% 0 6%;
	 padding             : 0 0 10vw 0;
	 width               : 88%;
	 text-align          : left;
	 font-weight         : normal;
	}



/*-------------------------------------------
本文
-------------------------------------------*/

	.content02{
	 margin              : 0 auto;
	 width               : 100%;
	 padding             : 30px 0% 0 0%;
	 font-size           : 1.3em;
	 line-height         : 180%;
	}
	.content02 .mds01{
	 display           : block;
	 font-size         : 1.3em;
	 margin            : 0 0 40px 0;
	 padding           : 0 0 0 0;
	 line-height       : 100%;
	 font-family       : "游明朝", YuMincho, "Sawarabi Mincho" , serif;
	 font-weight       : 600;
	 width             : 100%;
	 text-align        : center;
	 color             : #000000;
	}


	.ml30p{ margin-left : 0%; }
	.ml29p{ margin-left : 0%; }


	.box01{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 padding             : 0 0 0 0;
	 margin-bottom       : 3%;
	 width               : 100%;
	 text-align          : center;
	}
	.box02{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : center;
	 margin-bottom       : 3%;
	}


	.box01 a,
	.box02 a{
	 float               : left;
	 display             : inline;
	 width               : 72%;
	 margin              : 0 14% 0 14%;
	 padding             : 1.5em 0 1.5em 0;
	 border              : 1px solid #221814;
	 background-color    : rgba(255,255,255,0);
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 font-size           : 0.9em;
	 letter-spacing      : 0.2em;
	 line-height         : 100%;
	 background-image    : url("../img/box_bg.png");
	 background-position : bottom right;
	 background-repeat   : no-repeat;
	}



/*-------------------------------------------
メインビジュアル部分
-------------------------------------------*/

	.sld01{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	}
	.sld01 img{
	 width               : 100%;
	}







}