@charset "utf-8";

*{
	font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
	font-size:2.0vw;
	color:#333333;
	letter-spacing:0.5px;
	line-height:200%;
	margin:0px;
	padding:0px;
	}

img {
	border:0px;
	vertical-align:bottom;
	}
	
h1 {
	font-size:120%;
	}
b {
	font-weight:bold;
	color:#ffffff;
	font-size:100%;
	}
	
#wrapper1{
	display:none;
	}

a {
	}
a:hover {
    opacity:0.6;
	}

html {
	overflow:auto;
	}
	
body {
	margin:auto;
	text-align:center;
	width:100%;
	overflow:hidden;
	position:relative;
	background-color:#9ad5f1;
	}

#container {
	width:100%;
	margin:0px auto 0px auto;
	min-height:100%;
	margin-bottom:0px;
	height:auto !important;
	text-align:left;
	}



/* head */
#hd {
	width:80%;
	padding:0 10% 0 10%;
	}

.hd_logo {
	width:70px;
	margin:50px 0px 0px 0px;
	float:left;
	z-index:9999;
	position:fixed;
	top:5px;
	left:50px;
	}
.hd_l {
	width:400px;
	margin:50px 0px 0px 0px;
	float:left;
	z-index:9999;
	position:fixed;
	top:0px;
	left:130px;
	font-size:40px;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	color:#009fe8;
	}




/* menu */
#mnu {
	width:100%;
	margin:2% 0px 0px 0px;
	position:relative;  
	float:left; 
	text-align:center;
	z-index:990;
	display:none;
	}

#mnu .mn_bx {
	margin:0px 20px 0px 20px;
	color:#ffffff;
	text-decoration:none;
	display:inline;
	font-weight:bold;
	font-size:90%;
	}
.mn_bx:hover {
	padding:0px 0px 5px 0px;
	border-bottom:4px solid #ffffff;
    opacity:1.0;
	}

/* change menu */
#change {
	width:100%;
	background-color:#ffffff;
	display:none;
	}

#change .mn_bx {
	margin:0px 20px 0px 20px;
	color:#9ad5f1;
	text-decoration:none;
	display:none;
	font-weight:bold;
	font-size:90%;
	}

#content {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	}

.inner {
	width:100%;
	margin:auto;
	float:left;
	}



/* contents */
.cts {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	}

.cts_bk_main {
	margin:0px 0% 0px 0%;
	padding:0px 0%;
	float:left;
	}

.cts_bk01 {
	width:80%;
	margin:0px 0% -1px 0%;
	padding:0% 10% 15% 10%;
	float:left;
	z-index:903;
	position:relative;
	background-image:url("../_img/top/bk_cloud.png");
	background-repeat:no-repeat;
	background-size:100%;
	background-position:bottom;
	}

.cts_bk02 {
	width:80%;
	margin:0px 0% -1px 0%;
	padding:5% 10%;
	float:left;
	z-index:903;
	position:relative;
	background-color:#ffffff;
	}

.cts_bk03 {
	width:90%;
	margin:0px 0% -1px 0%;
	padding:0px 5%;
	float:left;
	z-index:903;
	position:relative;
	background-color:#ffffff;
	}

.cts_bk04 {
	width:80%;
	margin:0px 0% -1px 0%;
	padding:10% 10% 0% 10%;
	float:left;
	z-index:905;
	position:relative;
	background-image:url("../_img/top/bk_cloud02.png");
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top;
	}

.cts_bk_other {
	width:80%;
	margin:0px 0% -1px 0%;
	padding:10% 10% 15% 10%;
	float:left;
	z-index:903;
	position:relative;
	background-image:url("../_img/top/bk_cloud.png");
	background-repeat:no-repeat;
	background-size:100%;
	background-position:bottom;
	}





/* top */
.bx {
	width:100%;
	margin:0% 0% 5% 0%;
	float:left;
    }
.bx02 {
	width:100%;
	margin:0% 0% 0% 0%;
	float:left;
    }

.bx80 {
	width:80%;
	margin:0% 10% 10% 10%;
	float:left;
    }

.bx2_l {
	width:50%;
	margin:0% 0% 0px 0%;
	float:left;
    }
.bx2_l .txt {
	font-size:100%;
    }

.bx2_r {
	width:50%;
	margin:0% 0% 0px 0%;
	float:right;
    }

.bx2_02l {
	width:70%;
	margin:0% 0% 5% 15%;
	float:left;
    }
.bx2_02l_02 {
	width:80%;
	margin:0% 0% 10% 10%;
	float:left;
    }
.bx2_02r {
	width:100%;
	margin:0% 0% 0% 0%;
	float:right;
    }

.bx2_03l {
	width:100%;
	margin:0% 0% 0px 0%;
	float:left;
    }
.bx2_03r {
	width:100%;
	margin:0% 0% 5% 0%;
	float:right;
    }

.bx3 {
	width:28%;
	margin:0% 3% 0px 2%;
	float:left;
    }
.bx3 img {
	width:100%;
	margin:0% 0% 5% 0%;
	float:left;
    }




.bnr {
	width:100%;
	margin:10% 0% 0% 0%;
	padding:10% 0% 10% 0%;
	float:left;
	z-index:906;
	position:relative;
	background-color:#000000;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	color:#9ad5f1;
	text-align:center;
	font-size:200%;
	}
.bnr:hover {
	background-color:#ffffff;
	font-size:120%;
    opacity:1.0;
	}





/* top */
.main {
	width:120%;
	margin:-10% 0% 0px -10%;
	height:auto;
	animation:animationZoom1 2s ease-in-out forwards;
	overflow:hidden;
    }
@keyframes animationZoom1 {
	100% { transform:scale(0.8)} 
    }

.main_img01 {
	width:120%;
	margin:-58% 0% 0px -10%;
	float:left;
	z-index:901;
	position:relative;
    }
.main_img02 {
	width:20%;
	margin:-52% 0% 0px 68%;
	float:left;
	z-index:900;
	position:relative;
    }
.main_img02 img {
	animation:rotation 20s linear infinite;
	}
/* アニメーション */
@keyframes rotation {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(-360deg);
  }
}
.main_cpy01 {
	width:90%;
	margin:-26% 0% 0px 5%;
	float:left;
	z-index:901;
	position:relative;
    }
.main_cpy02 {
	width:90%;
	margin:-15% 0% 0px 5%;
	float:left;
	z-index:901;
	position:relative;
    }

.per_yaku {
	width:100%;
	margin:5% 0% 0px 0%;
	float:left;
	font-weight:bold;
	font-size:70%;
	text-align:right;
    }
.per_name {
	width:100%;
	margin:0% 0% 0px 0%;
	float:left;
	font-weight:bold;
	letter-spacing:2px;
	text-align:right;
    }
.per_name_eng {
	width:100%;
	margin:0% 0% 0px 0%;
	float:left;
	font-size:60%;
	text-align:right;
    }



/* txt */
.tit_top_eng {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:right;
	font-weight:bold;
	color:#ffffff;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	}
.tit_top {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:right;
	font-weight:bold;
	color:#ffffff;
	font-size:120%;
	}

.tit_eng {
	width:100%;
	margin:0px 0px 50px 0px;
	float:left;
	font-weight:bold;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	color:#9ad5f1;
	font-size:400%;
	}
.tit_eng_center {
	width:100%;
	margin:0px 0px 50px 0px;
	float:left;
	font-weight:bold;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	color:#9ad5f1;
	font-size:400%;
	text-align:center;
	}
.tit_eng_center_wh {
	width:100%;
	margin:0px 0px 50px 0px;
	float:left;
	font-weight:bold;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	color:#ffffff;
	font-size:400%;
	text-align:center;
	}
.tit_eng_s {
	width:100%;
	margin:0px 0px 10px 0px;
	float:left;
	font-weight:bold;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	}
.tit_eng_s_person {
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0 0 10px 0;
	float:left;
	font-weight:bold;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	border-bottom:2px dotted #565656;
	}
.tit_eng_s_center {
	width:100%;
	margin:0px 0px 30px 0px;
	float:left;
	font-weight:bold;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	text-align:center;
	}
.tit {
	width:100%;
	margin:0px 0px 30px 0px;
	float:left;
	font-weight:bold;
	font-size:130%;
	text-align:center;
	}
.tit_center {
	width:100%;
	margin:0px 0px 30px 0px;
	float:left;
	font-weight:bold;
	text-align:center;
	font-size:200%;
	}

.page_tit {
	width:100%;
	margin:0px 0px 30px 0px;
	float:left;
	font-weight:bold;
	font-size:120%;
	text-align:center;
	}


.txt_top {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:right;
	color:#ffffff;
	font-size:80%;
	}
.txt {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	}
.txt_s {
	width:100%;
	margin:0px 0px 30px 0px;
	float:left;
	font-size:90%;
	}



/* slideshow */
.sli_show_bx {
	width:100%;
	margin:0 0 0 0%;
	float:left;
	background-color:#ffffff;
	border-radius:20px;
	}

.sli_show_img img {
	width:100%;
	margin:0 0 0% 0%;
	float:left;
	border-radius:20px;
	z-index:100;
	position:relative;
	}

.sli_show_tit {
	width:100%;
	margin:3% 0 0% 0%;
	padding:0% 0%;
	float:left;
	text-align:center;
	font-size:90%;
	}








/* footer */
.cts_fot {
	width:80%;
	height:200px;
	background-color:#ffffff;
	margin:0 0%;
	padding:60px 10%;
	float:left;
	}

.fot_logo {
	width:30%;
	margin:0px 0px 0px 0px;
	float:left;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	color:#7abbd9;
	}
.fot_logo a {
	font-size:200%;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	color:#7abbd9;
	text-decoration:none;
	}
.fot_ad {
	width:100%;
	margin:-2% 0px 0px 0px;
	float:left;
	color:#7abbd9;
	font-size:80%;
	}
.fot_tel {
	width:100%;
	margin:2% 0px 0px 0px;
	float:left;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	color:#7abbd9;
	font-size:120%;
	}

.fot_mnu {
	width:70%;
	margin:5% 0px 0px 0px;
	text-align:right;
	float:left;
	color:#7abbd9;
	}

.ft {
	margin:0px 10px;
	font-size:80%;
	text-decoration:none;
	color:#7abbd9;
	}

/* copy */
.fot_copy {
	width:100%;
	margin:5% 0px 0px 0px;
	text-align:right;
	float:left;
	font-size:80%;
	}



/* News */
.news_top_bx {
	width:100%;
	margin:5% 0% 10% 0%;
	padding:0% 0%;
	float:left;
	border-bottom:2px dotted #ffffff;
	}
.news_top_bx_l {
	width:100%;
	margin:0 0%;
	padding:0px 0%;
	float:left;
	color:#ffffff;
	font-size:100%;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	}
.news_top_bx_r {
	width:100%;
	margin:0 0%;
	padding:0px 0%;
	float:left;
	color:#ffffff;
	font-size:100%;
	}






/* Recruit */
.rec_lin {
    width:100%;
    margin:0px 0% -1px 0%;
    float:left;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	}
.rec_l{
    width:25%;
    margin:0px 4% 0px 0px;
    padding:2% 0%;
    float:left;
	text-align:right;
	font-size:90%;
	font-weight:bold;
    }
.rec_r{
    width:71%;
    margin:0px 0px 0px 0px;
    padding:2% 0%;
    float:left;
	border-bottom:1px dotted #333333;
    }

.rec_contact{
	width:40%;
    margin:50px 30% 0px 30%;
	padding:2% 0%;
	background-color:#009fe8;
	border-radius:10px;
	border:2px solid #ffffff;
    float:left;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	}







/* News */
.news_lin {
    width:100%;
    margin:0px 0% -1px 0%;
    float:left;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	}
.news_l{
    width:25%;
    margin:0px 4% 0px 0px;
    padding:2% 0%;
    float:left;
	text-align:right;
    color:#ffffff;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
    }
.news_r{
    width:71%;
    margin:0px 0px 0px 0px;
    padding:2% 0%;
    float:left;
    color:#ffffff;
	border-bottom:1px dotted #ffffff;
    }

.news_tit{
    width:100%;
    margin:0px 0px 100px 0px;
    float:left;
    color:#ffffff;
	font-size:120%;
	text-align:center;
	font-weight:bold;
    }
.news_txt{
    width:100%;
    margin:0px 0px 100px 0px;
    float:left;
    color:#ffffff;
    }
.news_bnr{
    width:40%;
    margin:0px 0px 100px 30%;
	padding:2% 0;
    float:left;
	color:#9ad5f1;
	text-align:center;
	font-family:'Lobster Two', sans-serif;
	font-style:italic;
	background-color:#ffffff;
	border-radius:10px;
    }








/* Company */
.com_lin {
    width:100%;
    margin:0px 0% -1px 0%;
    float:left;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	}
.com_l{
    width:25%;
    margin:0px 4% 0px 0px;
    padding:2% 0%;
    float:left;
	text-align:right;
    color:#ffffff;
    }
.com_r{
    width:71%;
    margin:0px 0px 0px 0px;
    padding:2% 0%;
    float:left;
    color:#ffffff;
	border-bottom:1px dotted #ffffff;
    }

.com_map{
    width:100%;
    margin:0px 0px 0px 0px;
    padding:2% 0%;
    float:left;
    color:#ffffff;
    }





/* form */
.tbl_lin {
    width:100%;
    margin:0px 0% -1px 0%;
    float:left;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	}
.tbl_l{
    width:22%;
    margin:0px 0px 0px 0px;
    padding:25px 2%;
    float:left;
    font-size:90%;
	text-align:right;
    color:#ffffff;
    }
.tbl_l_txtara{
    width:22%;
    margin:0px 0px 0px 0px;
    padding:100px 2%;
    float:left;
    font-size:90%;
	text-align:right;
    color:#ffffff;
    }
.tbl_r{
    width:70%;
    margin:0px 2% 0px 2%;
    padding:2% 0%;
    float:left;
    text-align:left;
    }
.tbl_icn{
    color:#ff0000;
    font-size:60%;
    }
.tbl_r select {
    width:96%;
    margin:0px 0px 0px 0px;
    padding:2% 2%;
    float:left;
    border:1px solid #ffffff;
	border-radius:5px;
    color:#333333;
    }
.tbl_r input,textarea {
    width:96%;
    padding:1% 2%;
    float:left;
    border:1px solid #ffffff;
	border-radius:5px;
    }
.tbl_lin_chk {
    width:100%;
    margin:0px 0px 0px 0%;
    padding:0px 0%;
    float:left;
    text-align:center;
    }
.tbl_lin_chk a {
    font-size:80%;
    text-decoration:none;
    }
.tbl_lin_btn input {
	width:30%;
	margin:2% 0px 0px 35%;
	padding:2% 0%;
	float:left;
	background-color:#009fe8;
	border:none;
    color:#ffffff;
	border-radius:10px;
    }
.tbl_lin_btn input:hover {
    background-color:#ffffff;
    color:#009fe8;
    cursor:pointer;
    }



/* link */
p.mail{
	width:40%;
	position:fixed;
	padding:3% 0%;
	right:50px;
	background-color:#7abbd9;
	z-index:910;
	border-radius:10px;
	border:2px solid #ffffff;
	}
p.mail a{
	display:block;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	}



/* privacy */
.pv_bx {
	width:100%;
	margin:30px 0px 20px 0px;
	float:left;
	}
.pv_bx li {
    width:95%;
    margin:0 0 0 5%;
    float:left;
    }
.pv_bx li ol {
    width:100%;
    margin:10px 0 10px 0;
    float:left;
    }
.pv_bx h2 {
	width:100%;
	margin:30px 0 5px 0;
	float:left;
	font-size:100%;
    }