@charset "UTF-8";
/* CSS Document */
*{
	text-decoration:none;
	list-style:none;
	font-size:14px;
}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; color:#000;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}

html{overflow-x: hidden;position: relative;}
html body.open{overflow-x: visible;}

@media (max-width: 774px) {
	body {
		position:relative;
    	left: 0;
}

/*header↓ーーーーーーーーーーーーーーーーーーー*/
#header{
	width:100%;
	height:50px;
	margin:0 auto;
	box-shadow:0  0.2em 0.4em rgba(0, 0, 0, 0.25);
	background-color:#fff;
    overflow: hidden;
	position:fixed;
	z-index:600;
	top:0;
	left:0;
}

.logo{
	width:230px;
	display:block;
	position:absolute;
	left:1em;
	top:0em;
	bottom:0em;
	margin-top:auto;
	margin-bottom:auto;   
	z-index:700;
   }
   
#slide_menu{
	position:fixed;
    top: 0em;
    background: #fff;
	z-index:350;
    right: -240px;
    width: 240px;
    height: 100%;
}


/* 以下装飾など */
#slide_menu ul{
    padding: 0;
    margin:50px 0 0;
}

#slide_menu li{
	padding: 7% 0;
    margin:auto 0.7em;
   	border-bottom: solid 1px #ccc; 
   	list-style: none;
	color:#000;
}

#slide_menu li:last-child{
	border-bottom:none;
}

#slide_menu li a{
    display: block;
	margin:auto 0.6em;
	font-size:0.8em;
	font-family: 'Oxygen', sans-serif;
	font-weight:100;
	letter-spacing:0.1em;
    color: #666;
    text-align: left;
    text-decoration: none;
}

#slide_menu li a:hover{
	color:#333;
}
/*ボタン↓*/
.css-bar{
  display: block;
  position: relative;
  margin: auto ;
  padding: 0;
  background: #000;
}

.css-bar, .css-bar:before, .css-bar:after{
  width: 22px;
  height: 4px;
}

.css-bar:before, .css-bar:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  background: #000;
}
.css-bar:before{
  margin-top: -12px;
}
.css-bar:after{
  margin-top: 8px;
}

#button{
	cursor:pointer;
    position: fixed;
    top: 0;
	right:0;
    width: 49px;
    height: 49px;
    outline: none;
    border: none;
    color: #fff;
	z-index:1400;
}

.layer {
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

/*ボタン↑*/


/*link↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/*main↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
#main{
	position:fixed;
	top:0;
	buttom:0;
	margin-top:auto;
	margin-bottom:auto;
	width:100%;
}

#main_w{
	display:none;
}


/*main↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
#wrapper{
	width:100%;
	height:auto;
	margin:0 auto;
	position:absolute;
	padding-top:480px;
	z-index:200;
}
.col{
	position:relative;
	overflow:auto;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:50px 0;
	
}
#col-1{
	background-color:#fff;
	z-index:3;
}

#col-2{
	background-color:#000;
	z-index:4;
	
}

#col-3{
	
	background-color:#001d73;
	z-index:4;
}

#col-4{
	background-color:#730000;
	z-index:4;
	
}

#col-5{
	background-color:#faea00;
	z-index:4;
	
}

#col-6{
	background-color:#fff;
	z-index:4;
	
}

#col-7{
	background-color:#fff;
	z-index:4;
	
}

.h2tx{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:100;
	
	text-align:center;
	margin-bottom:20px;
	
}

.h2tx1{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:24px;
	font-weight:100;
	letter-spacing:4px;
	text-align:center;
	margin-bottom:50px;
	line-height:30px;
}

.h2c{
	color:#fff;
}


.h3tx{
	margin:40px 0 10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:17px;
	font-weight:100;
}

/*col1_start*/
.maintx{
	text-align:center;
	font-size:13px;
	line-height:23px;
	width:80%;
	margin:auto;
	margin-bottom:60px;
	}
/*col1_end*/



/*col2start*/
.c2_img{
	margin:0;
}
.midashi{
	width:80%;
	margin:40px auto 70px;
	color:#fff;
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
}

.miryoku{
	width:100%;
	display:block;
	margin:0 auto;
}

.midashi dt{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:100;
	font-size:20px;
	letter-spacing:5px;	
	color:#fff;
	margin-top:40px;
	text-align:center;
	padding-bottom:0px;
	line-height:30px
}

.midashi dd{
	margin-top:10px;
	font-size:13px;
	line-height:25px;
	margin-bottom:50px;
}
/*col2_end*/

/*col3_start*/
#introduction{
	margin:30px auto 0;
	display:table;
	table-layout:fixed;
	overflow:hidden;
}

.introduction{
	background:#0061b4;
	width:280px;
	height:90px;
	padding:10px;
	margin:0px auto 15px;
}

.introduction:last-child{
	margin-bottom:0;
}

figure{
	width:100%;
	height:100%;
	
}
.img{
	width:80px;
	height:80px;
	padding:5px;
	margin:0 10px 0 0;
	float:left;
}
.prtx{
	display:table-cell;
	vertical-align:middle;
	width:170px;
	height:70px;
	padding:10px 0;
	color:#fff;
}
.obog dt{
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:100;
	line-height:18px;
	display:block;	
	color:#fff;
}

.obog dd{
	margin-top:10px;
	font-size:10px;
	display:block;
}

/*col3_end*/

/*col4_start*/
.busyo li{
	display:block;
	text-align:center;
	margin:0 auto 10px;
	width:300px;
}



.busyo li:last-child{
	margin-bottom:0px;
}
/*col4_end*/

/*col5_start*/
.message{
	text-align:center;
	font-size:13px;
	line-height:23px;
	width:80%;
	margin:auto;
	margin-bottom:60px;	
}
.dashiyo{
	display:block;
	margin:0 auto 30px;
}

/*col5_end*/

/*col6_start*/
.h4tx{
	margin:40px 0 10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:17px;
	font-weight:100;
}

.tb{
	width:260px;
	margin:20px auto 10px;
}

.tb tr td{
	padding:5px 0px;
	font-size:14px;
}

.atten{
	margin-bottom:20px;
	text-align:center;
	font-size:13px;
}

.map{
	display:block;
	margin:40px auto 10px;
	width: 300px;
    height: 300px;
}
.address{
	margin:0 auto 20px;
	display:inline-block;
	line-height:20px;
	font-size:14px;
	padding-left:10%;
	padding-right:10%;
}

/*col6_end*/

/*col7_start*/
.link{
	margin:40px auto;
}

.link li{
	margin:15px auto;
	width:280px;
}
.bar{
	width:280px;
}
/*col7_end*/
/*footer_start*/
footer{
	position:fixed;
	width:100%;
	padding:14px 0;
	bottom:0px;
	background:rgba(252,249,249,0.70);
	z-index:300;
}
.join{
	font-size:15px;
	padding:15px 30px;
	vertical-align:middle;
	text-align:center;
	right:0;
	left:0;
	margin:0 40px;
	color:#fff;
	background:#ff0087;
	
}
}
/*footer_end*/

@media screen and (min-width: 775px) {
	#header{
	width:100%;
	height:50px;
	margin:0 auto;
	box-shadow:0  0.2em 0.4em rgba(0, 0, 0, 0.25);
	background-color:#fff;
    overflow: hidden;
	position:fixed;
	z-index:600;
	top:0;
	left:0;
}

.logo{
	width:230px;
	display:block;
	position:absolute;
	left:1em;
	top:0em;
	bottom:0em;
	margin-top:auto;
	margin-bottom:auto;   
   }
   
#slide_menu{
	position:fixed;
	top:0;
 	z-index:800;
	right:10%;
}


/* 以下装飾など */
#slide_menu ul{
   overflow:hidden;
   height:50px;
   
}

#slide_menu li{
	text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding-top: 16px;
    margin: 0 10px;
    list-style: none;
}

#slide_menu li a{
	margin: 0.6em;
	font-size:14px;
	padding:20px 0px 10px;
	font-family: 'Oxygen', sans-serif;
	font-weight:100;
	letter-spacing:0.1em;
    color: #666;
    text-align: left;
    text-decoration: none;
}

#slide_menu li a:hover{
	color:#333;
}
/*ボタン↓*/
#button{
    display:none;
}
/*ボタン↑*/
.layer{
	display: none;
    position: fixed;
    top: 50px;
    z-index: 1;
    width: 100%;
    background-color: transparent;
}

/*link↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/*main↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
#main{
	display:none;
}
#main_w{
	position:fixed;
	top:0px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	left:10%;
	z-index:2;
	text-align:center;
}



/*main↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
#wrapper{
	width:100%;
	height:auto;
	margin:0 auto;
	position:absolute;
	padding-top:600px;
	z-index:200;
}
.col{
	position:relative;
	overflow:auto;
	width:90%;
	height:auto;
	margin:0 auto;
	padding:50px 5%;
	
}
#col-1{
	background-color:#fff;
	z-index:3;
}

#col-2{
	z-index:4;
	background-image:url(../img/miryoku_1.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:0 50px;
	background-blend-mode: multiply;
	position:relative;
	overflow:auto;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	
}

#col-3{
	
	background-color:#001d73;
	z-index:4;
}

#col-4{
	background-color:#730000;
	z-index:4;
	
}

#col-5{
	background-color:#faea00;
	z-index:4;
	
	
}

#col-6{
	background-color:#fff;
	z-index:4;
	
}

#col-7{
	background-color:#fff;
	z-index:4;
	
}

.h2tx{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:100;
	text-align:center;
	margin-bottom:20px;
	
}

.h2tx1{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:24px;
	font-weight:100;
	letter-spacing:4px;
	text-align:center;
	margin-bottom:50px;
	line-height:30px;
}

.h2c{
	color:#fff;
}


.h3tx{
	margin:40px 0 10px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:17px;
	font-weight:100;
}

/*col1_start*/
.maintx{
	text-align:center;
	font-size:15px;
	line-height:30px;
	width:70%;
	margin:auto;
	margin-bottom:60px;
	}
/*col1_end*/



/*col2start*/
.c2_img{
	margin:0;
}
.ccmiryo{
	background:hsla(0,0%,0%,0.70);
	padding:40px;
	margin:0;
}
.midashi{
	width:60%;
	color:#fff;
	background-color:hsla(0,0%,0%,0.70);
	padding:0 20%;
}

.miryoku{
	display:none;
}



.midashi dt{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:100;
	font-size:24px;
	letter-spacing:5px;	
	color:#fff;
	text-align:center;
	padding-bottom:0px;
	line-height:30px;
	padding-top:20px;
}

.midashi dd{
	margin-top:20px;
	font-size:15px;
	line-height:30px;
	padding-bottom:50px;
}
/*col2_end*/

/*col3_start*/
#introduction{
	margin-top:30px;
	display:block;
	table-layout:fixed;
	width:960px;;
	margin-left: auto;
    margin-right: auto;
	overflow:hidden;
}

.introduction{
	background:#0061b4;
	width:280px;
	height:90px;
	padding:10px;
	margin:0px 10px 20px;
	display:block;
	float:left;
}




figure{
	width:100%;
	height:100%;
	
}
.img{
	width:80px;
	height:80px;
	padding:5px;
	margin:0 10px 0 0;
	float:left;
}
.prtx{
	display:table-cell;
	vertical-align:middle;
	width:170px;
	height:70px;
	padding:10px 0;
	color:#fff;
}
.obog dt{
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:100;
	line-height:18px;
	display:block;	
	color:#fff;
}

.obog dd{
	margin-top:10px;
	font-size:10px;
	display:block;
}

/*col3_end*/

/*col4_start*/
.busyo{
	margin:0 auto;
	text-align:center;
}
.busyo li{
	display:inline-block;
	margin:10px 10px;
	
}

.busyo li:last-child{
	margin-bottom:0px;
	
}
/*col4_end*/

/*col5_start*/
#message{
	margin:0 10%;
}
.message{
	width:500px;
	text-align:left;
	font-size:15px;
	line-height:29px;
	margin-bottom:60px;
	margin-right:10%;
	
}

.yoshida{
	line-height:70px;
	text-align:right;
}
.dashiyo{
	float:right;
	display:block;
	margin:0 auto 30px 25px;
}

/*col5_end*/

/*col6_start*/
.mtg1{
	margin:0 20%;
	width:60%;
	height:600px;
}
.mtg{
	float:left;
	margin-right:30px;
}

.map_b{
	float:right;
	width: 350px;
}

.tb{
	width:260px;
	margin:20px auto 10px;
}
.h4tx{
	margin: 40px auto 30px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	font-weight:100;
	width: 200px;
}

.tb tr td{
	padding:5px 0px;
	font-size:14px;
}

.atten{
	margin-bottom:20px;
	text-align:center;
	font-size:13px;
}

.map{
	display:block;
	margin:40px auto 10px;
	width: 350px;
    height: 350px;
}
.address{
	margin:0 auto;
	display:inline-block;
	line-height:30px;
	letter-spacing:1px;
	font-size:14px;
}

/*col6_end*/

/*col7_start*/
.link{
	width:920px;
	margin:40px auto 150px;
}

.link li{
	margin:15px 5px 100px;
	display:block;
	float:left;
}

.bar{
	width:220px;
}
/*col7_end*/
/*footer_start*/
footer{
	position:fixed;
	width:100%;
	padding:14px 0;
	bottom:0px;
	background:rgba(252,249,249,0.70);
	z-index:300;
}
.join{
	font-size:15px;
	padding:15px 30px;
	vertical-align:middle;
	text-align:center;
	right:0;
	left:0;
	margin:0 40px;
	color:#fff;
	background:#ff0087;
	
}
	
}