/* ＝＝＝＝＝＝＝＝　INITIAL SETUP　＝＝＝＝＝＝＝＝＝ */
* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

html {
  -ms-text-size-adjust: 100%;  /*IE on Windows Phone用デバイスの向きを変えた後にユーザーの文字サイズ調整を防ぐ*/
  -webkit-text-size-adjust: 100%;  /*iOS用デバイスの向きを変えた後にユーザーの文字サイズ調整を防ぐ*/
  overflow: auto;
}
body {
	
}
html, body {
	height:100%;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {font-family: 'Sawarabi Gothic';}

ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

a:link { color: #CFCFCF; }
a:visited { color: #C3C3C3; }
a:hover { color: #FFC1C8; }
a:active { color: #FFC1C8; }

/* ＝＝＝＝＝＝＝＝　LAYOUT　＝＝＝＝＝＝＝＝＝ */

#warpper {
  width: 100%;
}
@media only screen and (min-width:961px) {
  #warpper {
    max-width: 1920px;
    padding: 0px 0px;
    margin: 0px auto;
  }
}

header {
  width: 100%;
}


/* ＝＝＝＝＝＝＝＝　NAV　＝＝＝＝＝＝＝＝＝ */

.inner {
    width: 100%;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
	max-width: 1920px;
    margin: 100px auto 0;
    padding: 35px 0 10px 0;
	background: #666;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
    line-height: 1;
    z-index: 999;
	opacity:0.75;
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
	display:none;
}
#global-nav ul {
    list-style: none;
    position: absolute;
    bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  margin: auto;
    font-size: 14px;
	display:table;
	text-align:center;
	width:100%;
	margin:auto;
}
#global-nav ul li {
	display:inline-block;
	vertical-align:middle;
	width:11%;
	max-width:120px;
}
#global-nav ul li a {

}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding: 35px 0 10px 0;
    height: 40px;
    background: #666;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {

}
#top-head.fixed #global-nav ul li a {
    color: #fff;

}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}


@media screen and (max-width: 650px) {
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #666;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
		display:block;
		padding: 14px 10px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #666;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		display: block;
		left: 0;
  transform: translateX(0%);
  -webkit- transform: translateX(0%);
  width: 100%;
    }
    #global-nav ul li {
        position: static;
		display: block;
		width: 100%;
		border-top:#999 solid 1px;
		max-width:none;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        display: block;
        color: #fff;
        padding: 18px 0;
		text-align:center;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
}

/* ＝＝＝＝＝＝＝＝　Parallax　＝＝＝＝＝＝＝＝＝ */

/*固定する背景*/
.para {
  box-sizing: border-box;
  color: #FFF;
  display: flex;
  height: 100%;
  margin:0;
}
.parallax-bg {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}
/*各背景の画像*/
.img-bg-01 {
  background-image: url('../image/back1.jpg');
}
.img-bg-02 {
  background-image: url('../image/back3.jpg');
}
.img-bg-03 {
  background-image: url('../image/back4.jpg');
}
.img-bg-04 {
  background-image: url('画像のURL');
}
.img-bg-05 {
  background-image: url('画像のURL');
}
 
/*スクロールするコンテンツ*/
.scrollbox1 {
  background-color: #3CB5B5;
}
.scrollbox2 {
  background-color: #FFF;
}
.scrollbox3 {
  background-color: #333;
}
.scrollbox4 {
  background-color: #444;
}
.scrollbox5 {
  background-color: #555;
}
.scrollbox6 {
  background-color: #666;
}

/* ＝＝＝＝＝＝＝＝　GENERAL　＝＝＝＝＝＝＝＝＝ */

.v-space {
  height: 0px;
  margin-bottom: 40px;
}
.text-center {
  text-align: center;
}
.window_width, .bg_position {
  color: #FFF;
  padding: 5px 0;
  font-size: 14px;
}
.pc_none {
	display:none;
}
.smp_none {
	display:block;
}

@media only screen and (max-width:650px) {
  .sm-nopad {
    padding: 0;
  }
  .pc_none {
	display:block;
}
  .smp_none {
	display:none;
}
  .smp_none2 {
	display:none;
}
}


/* ＝＝＝＝＝＝＝＝　main　＝＝＝＝＝＝＝＝＝ */
.main {
	width:60%;
	margin:0 auto;
	text-align:center;
	padding:30px 0 70px 0;
	min-width:1100px;
}
.main h2 {
	font-size:170%;
	font-weight:bold;
	margin:0 0 10px 0;
}
.main p {
	text-align:left;
}

.news {
	margin:20px 0;
	background:#E9DFD4;
	padding:5px;
	width:100%;
	border:#E9DFD4 1px solid;
	border-radius:10px;
}
.news h3 {
	font-size:200%;
	color:#000;
	text-align:left;
	border-bottom:#aaa 1px dashed;
	margin:0 10px 10px 10px;
}
.cal_box {
	display:table;
	width:100%;
}
.cal_box_l {
	display:table-cell;
	vertical-align:top;
	width:30%;
	text-align:left;
}
.cal_box_r {
	display:table-cell;
	vertical-align:top;
	width:67%;
	text-align:left;
	padding-left:3%;
}
.cal_box_r img {
	width:100%;
	max-height:350px;
}

.cal {
	background:#fff;
	padding:10px;
	border:#FFF 1px solid;
	border-radius:10px;
}
.cal h3 {
	background:#666;
	padding:5px;
	font-size:130%;
	text-align:center;
}
.cal p {
	padding:5px;
	color:#333;
	font-size:70%;
}
.open_h1 {
	border:#FFF 1px solid;
	padding:7px;
	text-align:center;
	margin:10px 0 5px 0;
	width:100%;
}
.open_h2 {
	display:table;
	width:100%;
	padding-bottom:7px;
	border-bottom:#FFF 1px solid;
}
.open_h2 li {
	display:table-cell;
}
.open2_h2 {
	display:table;
	width:100%;
	padding-bottom:7px;
}

.bo {
	border:#FFF 1px solid;
	text-align:center;
}
.bo2 {
	border:#000 1px solid;
	text-align:center;
	display:table-cell;
	width:8%;
}
.bo2_e {
	border:#000 1px solid;
	text-align:center;
	display:table-cell;
	width:6%;
}
.bt {
	padding-left:20px;
}
.bt2 {
	padding-left:10px;
	display:table-cell;
	text-align:left;
	width:92%;
}
.bt2_e {
	padding-left:10px;
	display:table-cell;
	text-align:left;
	width:29%;
}
.bm2_e {
	padding-left:10px;
	display:table-cell;
	text-align:left;
	width:65%;
}
.map_b {
	border-bottom:#FFF 1px solid;
	border-top:#FFF 1px solid;
	padding:5px 0;
}

.main2 {
	width:710px;
	margin:30px 0 60px auto;
	text-align:left;
}
.main2 img {
	width:100%;
	margin:50px 0 0 0;
}
.main3 {
	width:60%;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
	min-width:1100px;
}

.main4 {
	width:60%;
	margin:0 auto;
	text-align:left;
	padding:20px 0;
}
.main5 {
	width:660px;
	margin:30px 200px 60px auto;
	text-align:left;
}
.main5 img {
	width:100%;
	margin:30px 0 0 0;
}
.main5_2 {
	width:660px;
	margin:100px 200px 120px auto;
	text-align:left;
}
.main5_2 img {
	width:100%;
	margin:30px 0 0 0;
}
.main6 {
	width:710px;
	margin:30px auto 60px 0;
	text-align:left;
	padding:50px 0;
}
.main6 img {
	width:100%;
	margin:30px 0 0 0;
	padding:120px 0 0 0;
}

.main7 {
	width:860px;
	margin:0 auto;
	text-align:left;
}
.main7 h2 {
	padding-bottom:10px;
}
.staff {
	display:table;
	width:100%;
	margin:20px 0;
}
.staff_e {
	display:table;
	width:100%;
	margin:50px 0;
}
.staff_l {
	display:table-cell;
	width:30%;
	text-align:left;
	vertical-align:top;
}
.staff_l img {
	width:100%;
}
.staff_r h3 {
	font-size:130%;
}
.staff_r {
	display:table-cell;
	width:67%;
	padding-left:3%;
	text-align:left;
	vertical-align:top;
}
.system_title {
	font-size:240%;
	font-weight:bold;
	color:#666;
}
.system_bar {
	background:#666;
	padding:2px;
	margin-bottom:20px;
}
.system_bar_l {
	font-size:140%;
	display:inline-block;
	vertical-align:middle;
}
.system_bar_r {
	font-size:75%;
	display:inline-block;
	vertical-align:middle;
}
.system {
	display:table;
	width:100%;
	color:#000;
}
.system li {
	display:table-cell;
	width:50%;
}
.system_word {
	width:50%;
	margin:0 auto;
	text-align:left;
}
.system_word_box {
	border:#666 1px solid;
	padding:3px;
	text-align:center;
	font-size:120%;
	margin-top:10px;
	font-weight:bold;
}
.system_word_p {
	padding:5px 0 5px 10px;
}
.system_card {
	display:table;
	width:100%;
	margin:20px 0;
	color:#000;
}
.system_card_l {
	display:table-cell;
	width:20%;
	padding-left:7%;
	vertical-align:middle;
	text-align:right;
}
.system_card_r {
	display:table-cell;
	width:70%;
	padding-left:3%;
	vertical-align:middle;
	text-align:left;
}
.system_card_l img {
	width:100%;
}
.back2 {
	width:100%;
}
.back2 img {
	width:100%;
}

.back3 {
	margin:20px 0 -6px 0;
}
.back3 img {
	width:100%;
}

.block_main {
	display:table;
	margin-top:10px;
}
.block1 {
	display:table-cell;
	width:46%;
	vertical-align:top;
	text-align:left;
	padding-right:4%;
}
.block1 img {
	width:100%;
	max-width:300px;
}
.block2 {
	display:table-cell;
	width:50%;
	vertical-align:top;
	text-align:left;
}
.block2 img {
	width:100%;
	max-width:300px;
}
.block2 p {
	padding-bottom:5px;
}
.s1d {
	text-align:center;
	margin:10px 0;
}
.s1p {
	display: inline-block;
    text-align: left;
}
.title1 {
	font-size:260%;
	font-weight:bolder;
}
.imagebox1 {
	width:100%;
	margin:50px 0 0 0;
}
.imagebox1 img {
	width:100%;
}
.imagebox2 {
	width:100%;
}
.imagebox2 img {
	width:100%;
	max-width:190px;
	min-width:80px;
}
.title2 {
	font-size:180%;
	font-weight:bolder;
}

.w_bd1 {
	border-left:#0099FF 5px solid;
}
.w_bd2 {
	border-left:#FF3333 5px solid;
}
.w_bd3 {
	border-left:#66cc33 5px solid;
}
.w_bd4 {
	border-left:#ff00ff 5px solid;
}
.w_bd5 {
	margin-top:30px;
}
.w_title1 {
	vertical-align:top;
	font-size:160%;
}
.w_title1 .tt {
	font-size:160%;
}
.w_title1 .tt b {
	font-weight:bolder;
}
.w_title1_sub {
	font-size:80%;
	vertical-align:bottom;
	display:inline;
}
.table_bo {
	border-top:solid 1px #ccc;
	margin:10px 0 50px 0;
}
.table_bos {
	border-top:solid 1px #ccc;
	margin:10px 0;
	padding:10px 0 0 0;
}
.table_pd10 {
	padding:10px 0;
}
.table_bw {
	display:table;
	width:100%;
}
.table_bw1 {
	display:table-cell;
	vertical-align:top;
	width:82%;
}
.table_bw2 {
	display:table-cell;
	vertical-align:top;
	width:18%;
}

.table_bw2 img {
	width:100%;
	margin-top:10px;
}

.table_bo1 {
	display:table;
	width:100%;
}
.table_bo2 {
	padding:10px 0;
	display:table-cell;
	width:25%;
}
.table_bo3 {
	padding:10px 0;
	display:table-cell;
	width:75%;
}
.table_bo2_1 {
	display:table;
	width:100%;
}
.table_bo2_2 {
	padding:10px 0;
	display:table-cell;
	width:35%;
}
.table_bo2_3 {
	padding:10px 0;
	display:table-cell;
	width:65%;
}
.mg_70p {
	margin:70px 0 0 0;
}
.form_bo {
	border-top:solid 1px #ccc;
	margin:10px 0 0 0;
	text-align:center;
}
.m_word {
	text-align:right;
	width:100%;
	margin:0 0 50px 0;
}

footer {
	background:#333;
	padding:6px 0;
	color:#FFF;
	text-align:center;
}
.f_map_t {
	background:#5c5c5c;
	padding:10px 0;
	margin:50px 0 0 0;
}
.f_mapt1 {
	width:100%;
	display:table;
		text-align:center;
	color:#FFF;
}
.f_mapt2 {
	width:50%;
	text-align:center;
	display:table-cell;
}
.tt2 {
	font-size:150%;
	padding:5px 0;
	width:80%;
	border-bottom:#FFF 1px solid;
	margin:0 auto 10px auto;
}
.tt2 b {
	font-weight:bolder;
}
.tt3 {
	width:80%;
	padding:0 0 5px 0;
	margin:0 auto;
}
.square{
  width: 20px;
  /* これを%指定などで可変にする。またはJavaScriptで値を変化させる。 */
}
.square-in{
  width: 30px;
  height:30px;
  background-color: #000;
  border-radius: 50%;
}
.sub_title {
	font-size:85%;
}

@media only screen and (max-width:1100px) {
.main {
	width:95%;
	min-width:0;
}
.main3 {
	width:95%;
	min-width:0;
}
.main7 {
	width:85%;
}
.cal_box {
	display:block;
	text-align:center;
}
.cal_box_l {
	display:block;
	width:100%;
}
.cal_box_r {
	display:block;
	width:100%;
	padding-left:0;
		margin:10px 0 0 0;
}
.cal_box_r img {
	max-height:none;
}
.system {
	display:block;
}
.system li {
	display:block;
	width:100%;
}
.system_word {
	width:90%;
}

.system_card {
	display:block;
}
.system_card_l {
	display:block;
	width:50%;
	margin:0 auto;
	padding-left:0;
}
.system_card_r {
	display:block;
	width:100%;
	padding-left:0;
}
}

@media only screen and (max-width:650px) {
.para {
	width:100%;
}
.parallax-bg {
  width: 100%;
}
.main {
	width:90%;
	min-width:0;
	padding-bottom:30px;
}
.main2 {
	width:100%;
	margin:0;
}
.main3 {
	width:90%;
	min-width:0;
}

.main4 {
	width:90%;
}
.main5 {
	width:100%;
	margin:0;
}
.main5 h2 {
	line-height:100%;
}
.main5_2 {
	width:100%;
	margin:0;
}
.main6 {
	width:100%;
	margin:0;
	padding:0;
}
.main6 img {
	padding:0;
}
.main7 {
	width:100%;
}
.staff {
	display:block;
}
.staff_l {
	display:block;
	width:100%;
}
.staff_r {
	display:block;
	width:100%;
	padding-left:0;
	margin-top:10px;
}

.system {
	display:block;
}
.system li {
	display:block;
	width:100%;
}
.system_word {
	width:90%;
}

.system_card {
	display:block;
}
.system_card_l {
	display:block;
	width:50%;
	margin:0 auto 10px auto;;
	padding-left:0;
}
.system_card_r {
	display:block;
	width:100%;
	padding-left:0;
}
.back2 {
	overflow: hidden;
}
.back2 img {
	position:relative;
	width:200%;
	left:-50%;
}

.bo2 {
	display:block;
	width:100%;
}
.bo2_e {
	display:block;
	width:100%;
}
.bt2 {
	padding-left:0;
	display:block;
	width:100%;
}
.bt2_e {
	padding-left:0;
	display:block;
	width:100%;
}
.bm2_e {
	padding-left:0;
	display:block;
	width:100%;
}

.w_title1 {
	line-height:110%;
	font-size:130%;
}
.w_title1 .tt {
	font-size:130%;
}
.w_title1_sub {
	font-size:65%;
	vertical-align:top;
	line-height:100%;
	display:block;
}
.table_bo2 {
	padding:10px 0 0 0;
	display:block;
	width:100%;
}
.table_bo3 {
	padding:0 0 10px 0;
	display:block;
	width:100%;
}
.table_bw {
	display:block;
	width:100%;
}
.table_bw1 {
	display:block;
	width:100%;
}
.table_bw2 {
	margin-top:20px;
	display:block;
	width:50%;
	margin:0 auto 10px auto;
}
.f_mapt2 {
	width:100%;
	display:block;
}
.tt2 {
	width:100%;
}
.tt3 {
	width:100%;
	font-size:90%;
}
.cc2 {
	font-size:80%;
}
.sub_title {
	font-size:75%;
}
}

#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 80%;
}
 
#page-top a {
    display: block;
    background: #666;
    color: #fff;
    width: 40px;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
	opacity:0.8;
}
 
#page-top a:hover {
    background: #999;
    text-decoration: none;
}