@charset "utf-8";
/*
Theme Name: satosg
Theme URI: http://theme.o2gp.com/
Description: satosg
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}
body{
    margin: 0px;
    padding: 0px;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:visited{  
}
.pc{ display:block;} .sp{ display:none;}
li{
    list-style-type: none;
	margin: 0px;
    padding: 0px;
}
.clear{
    clear: both;
}
.box880{
    width: 100%;
    max-width: 880px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3%;
}
header {
    margin: 0px;
    padding: 0px;
	position: relative;
	z-index: 100;
	
}
#wrapper {
    margin: 0px;
    padding: 0px;
}
h1.logo {
    width: 70%;
    margin: 0px;
    padding: 10px;
    top: 0;
    left: 0;
	position: relative;
	z-index: 110;
}
h1.logorecruit {
    width: 70%;
    margin: 0px;
    padding: 10px;
    top: 100px;
    left: 10;
	position: relative;
	z-index: 110;
}
h2.logo {
    width: 100%;
	max-width: 90px;
	margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 3%;
	z-index: 110;
}
.contact_head {
    width: 20%;
	margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
	padding-left: 3%;
}
.stylus_head {
    width: 20%;
	margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
	padding-left: 3%;
}
.head_sns{
    width: 100%;
	max-width: 100px;
    margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
	padding-left: 3%;
}
.head_snsbot{
    width: 100%;
    max-width: 30%;
    float: left;
	margin-right: 8%;
    margin-left: 8%;
}
.head_snsbot2{
    width: 100%;
    max-width: 38%;
    float: left;
	margin-right: 8%;
    margin-left: 8%;
	margin-top: 3%;
}
.head_menue {
    position: fixed;
    top: 10px;
    right: 120px;
    margin-top: 50px;
    margin-right: 0px;
    width: 100%;
    height: 30px;
    max-width: 130px;
    color: #FFFFFF;
    background-color: #F18700;
    text-align: center;
	font-family: "TsukuAOldMinPr6-R", serif;
	border: 1px solid #F18700;
}
.head_menue a {
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: auto;
    color: #FFFFFF;
    background-color: #F18700;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.head_menue:hover{
	cursor:pointer;
	background-color: #F18700;
	font-family: "TsukuAOldMinPr6-R";
}
.head_menue3 {
    position: fixed;
    top: 10px;
    right: 240px;
    margin-top: 50px;
    margin-right: 0px;
    width: 100%;
    height: 30px;
    max-width: 130px;
    color: #F18700;
    background-color: #FFFFFF;
    text-align: center;
    font-family: "TsukuAOldMinPr6-R", serif;
    border: 1px solid #F18700;
}
.head_menue3 a {
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: auto;
    color: #F18700;
    background-color: #FFFFFF;
    font-family: "TsukuAOldMinPr6-R", serif;
}
.head_menue3:hover{
	cursor:pointer;
	background-color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R";
}


.head_menuecontents {
    position: fixed;
    top: 50px;
    right: 380px;
    margin-top: 10px;
    margin-right: 0px;
    width: 100%;
    height: 70px;
    max-width: 800px;
    text-align: center;
	font-family: "TsukuAOldMinPr6-R", serif;
	
}
.head_menuecontents a {
    color: #FFFFFF;
}
.head_menuecontents:hover{
    color: #FFFFFF;
}
.head_menuecontents li {
    float: left;
    color: #FFFFFF;
    font-size: 115%;
    width: 100%;
    max-width: 140px;
    text-align: center;
    border-bottom: 1px solid #FFFFFF;
    margin-left: 2%;
}

.header_contentsIn {
    position: fixed;
    top: 0;
    left: 0;
	z-index: 110;
}
.topimage_in {
    /* 画像ファイルの指定 */
    background-image: url(images/top/topimage.jpg);
    /* 画像を常に天地左右の中央に配置 */
    background-position: center center;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: fixed;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: cover;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #464646;
    height: 100vh;
}

/*ハンバーガーボタン(3本線)パーツ*/

.menu-btn {
    position: fixed;
    top: 30px;
    right: 20px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 110;
    transition-duration: 0.3s;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: "";
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: rgb(255,255,255,1);
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

/*ハンバーガーメニューパーツ*/

.hamburger-contents{
    background: rgb(255,255,255,0.5);
    color: #333;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0 10px;
    transition-duration: 1.0s;
    z-index: 100;
    overflow: auto;
    transform: translateX(110%);
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R";
}

/*チェックボックス：オン・オフ動作のパーツ*/

#menu_btn_check:checked ~ .hamburger-contents{
    transform: translateX(0);
}

#menu_btn_check:checked + .menu-btn{
    transform: translateX(340px);
    transition-duration: 0.3s;
}

/*閉じる動作のパーツ：ボタンか画面全体のマスクで閉じる*/

.menu-close {
    height: 60px;
    width: 60px;
    display: block;
    text-align: center;
    margin-top: 15px;
    font-size: 200%;
    float: right;
}

#menu_btn_check:checked ~ label.menu-mask{
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.5);
    position: fixed;
    top: 0;
    left: 0;
}

/*チェックボックス非表示*/

.hamburger-menu input[type="checkbox"]{
    transform: translateX(-50vw);
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R";
}
.burger-wrap{
    width: 100%;
    max-width: 200px;
    text-align: center;
    line-height: 250%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 100;
    left: 20px;
    top: 20px;
}
.burger-wrap a{
    color: #333333;  
}
.burger-wrap li{
    list-style-type: none;
	margin: 0px;
    padding: 0px;
}
.copy{
    width: 100%;
    color: #FFFFFF;
    font-size: 350%;
    margin-right: auto;
    margin-left: auto;
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    text-align: center;
	font-family: "TsukuAOldMinPr6-R", serif;
	margin-top: 460px;
	position: relative;
    z-index: 1;
}
.copy_logo{
    width: 10%;
    margin-right: auto;
    margin-left: auto;
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    margin-top: 10px;
	position: relative;
    z-index: 1;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.contents{
    width: 100%;
    position: relative;
    z-index: 1;
	letter-spacing: 0.1em;
}
.contents_copy{
    width: 75%;
    background: rgba(0,0,0,0.8);
    mix-blend-mode: multiply;
    margin-top: 15%;
	margin-bottom: 0px;
    color: #FFFFFF;
	padding-top: 5%;
	padding-bottom: 5%;
    padding-left: 10%;
	padding-right: 5%;
}
p.contents_title{
    width: 100%;
    font-size: 150%;
	font-family: "DNPShueiGoGinStd-M";
}
p.contents_title2{
    width: 100%;
    font-size: 100%;
    margin-top: 0%;
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R";
}
p.contents_titleW{
    width: 100%;
    font-size: 150%;
	font-family: "DNPShueiGoGinStd-M";
}
p.contents_title2W{
    width: 100%;
    font-size: 100%;
    margin-top: 0%;
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R";
}
h3.contents_title3{
    width: 100%;
    font-size: 160%;
    font-family: "TsukuAOldMinPr6-R", serif;
    margin-bottom: 2%;
    margin-top: 2%;
}
h3.contents_title3-2{
    width: 100%;
    font-size: 250%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 M";
	margin-bottom: 5%;
}
p.text1{
    width: 100%;
    font-size: 100%;
    line-height: 250%;
	font-family: "TsukuAOldMinPr6-R", serif;
}
p.text_center{
    width: 100%;
    font-size: 100%;
    line-height: 180%;
	font-family: "DNPShueiGoGinStd-L";
}
.contents_overview{
    width: 100%;
    background: rgba(255,255,255,0.8);
    position: relative;
    z-index: 2;
    height: 100%;
    padding-top: 5%;
	padding-bottom: 5%;
}

.contents_right{
    width: 80%;
    z-index: 2;
    float: right;
	position: relative;
}
.contents_left{
    width: 80%;
    z-index: 2;
    float: left;
	position: relative;
}
.contents_right2{
    width: 80%;
    z-index: 2;
    float: right;
	position: relative;
}
.contents_overviewImage{
    margin-top: 5%;
}
.block_title{
    width: 100%;
    font-size: 350%;
    position: absolute;
    bottom: -15px;
    left: 0px;
    color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R";
}
.block_title2{
    width: 90%;
    font-size: 350%;
    position: absolute;
    bottom: -15px;
    left: 10%;
    color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R";
	
}
.contentstext_left{
	width: 25%;
    font-size: 150%;
    float: left;
    margin-top: 7%;
	margin-right: 5%;
	margin-left: 2%;
	font-family: "TsukuAVintageMinSPr6-R", serif;
}
.contentstext_right{
    width: 68%;
    font-size: 110%;
    float: left;
    margin-top: 2%;
    margin-right: 0%;
    font-family: "TsukuAOldMinPr6-R", serif;
    line-height: 250%;
}
.contentstext_center{
	width: 100%;
    font-size: 200%;
    margin-top: 1%;
	margin-left: 2%;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.contentstext_center2{
	width: 100%;
    margin-top: 1%;
	margin-left: 2%;
	font-family: "TsukuAOldMinPr6-R", serif;
	font-size: 130%;
}
.contents_bot{
    width: 65%;
    float: right;
    margin-top: 0%;
    margin-right: 0%;
    padding-right: 10%;
	padding-left: 3%;
    border-bottom: 1px solid #323232;
	color: #333333;
}
.contents_bot2{
    width: 28%;
    margin-top: 6%;
    margin-right: 0%;
    padding-right: 3%;
    border-bottom: 1px solid #ffffff;
    color: #FFFFFF;
    text-align: right;
    font-family: "TsukuAOldMinPr6-R", serif;
}
.contents_bot3{
    width: 25%;
    float: left;
    margin-top: 5%;
    margin-right: 0%;
    padding-right: 3%;
	padding-left: 20%;
    border-bottom: 1px solid #ffffff;
	color: #ffffff;
}
.contents_bot a{
    color: #333333;
}
.contents_bot a:hover{
    color: #333333;
}
.contents_bot3 a{
    color: #ffffff;
}
.contents_bot3 a:hover{
    color: #ffffff;
}
.contents_center{
    width: 90%;
    z-index: 2;
    margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
}
.contents_center2{
    width: 80%;
    z-index: 2;
    margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
	padding-top: 10%;
}
.contents_center3{
    width: 80%;
    z-index: 2;
    margin-top: 0%;
    margin-right: auto;
    margin-left: auto;
	padding-top: 0%;
}
.contents_centerL{
	width: 29.333333%;
    float: left;
	margin-top: 2%;
	margin-left: 2%;
	margin-right: 2%;
	font-family: "DNPShueiGoGinStd-L";
}
p.text_center{
    font-size: 95%;
    text-align: center;
}
p.text_left{
    font-size: 95%;
    margin-top: -35%;
    color: #FFFFFF;
    margin-left: 5%;
}
.contents_vision{
    /* 画像ファイルの指定 */
    background-image: url(images/top/vision_image.jpg);
    /* 画像を常に天地左右の中央に配置 */
    background-position: center center;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: fixed;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: cover;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #464646;
    height: 100vh;
}
.contents_about{
    /* 画像ファイルの指定 */
    background-image: url(images/footer/about_back.jpg);
    /* 画像を常に天地左右の中央に配置 */
    background-position: center center;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: fixed;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: cover;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #464646;
    height: 100%;
}
p.contents_Vtitle{
    color: #FFFFFF;
	width: 100%;
    font-size: 160%;
	font-family: "DNPShueiGoGinStd-M";
}
p.contents_Vtitle2{
    color: #FFFFFF;
	width: 100%;
    font-size: 100%;
	font-family: "TsukuAVintageMinSPr6-R", serif;
}
p.contents_Vtitle3{
    color: #FFFFFF;
	width: 100%;
    font-size: 100%;
    margin-top: 0%;
	font-family: "TsukuAOldMinPr6-R", serif;
	line-height: 250%;
}

h3.vision_title{
    color: #FFFFFF;
	width: 100%;
    font-size: 200%;
	margin-top: 2%;
	font-family: "TsukuAOldMinPr6-R", serif;
}
ul.about_menu{
    color: #FFFFFF;
    margin-top: 15%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0%;
    padding-top: 0%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 10%;
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R", "TsukuAVintageMinSPr6-R";
}
ul.about_menu li{
	color: #FFFFFF;
    width: 30%;
    margin-top: 0%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 2%;
    padding-top: 0%;
    padding-right: 0px;
    padding-left: 0%;
    padding-bottom: 0%;
    border-bottom: 1px solid #FFFFFF;
}
ul.about_menu li a{
	color: #FFFFFF;

}
.googlemap-bw iframe {
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    z-index: 1;
    position: relative;
}
#footer{
    color: #FFFFFF;
    background-color: #000000;
    margin-top: -5.7%;
    padding-top: 5%;
    padding-bottom: 3%;
    z-index: 90;
	position: relative;
}
.footer_in{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.footer_left{
    float: left;
	width: 15%;
}
.footer_left2{
    float: left;
	width: 35%;
	margin-left: 5%;
}
.footer_tel{
    font-size: 200%;
	font-family: "秀英角ゴシック銀 B";
	margin-top: -0.5%;
	margin-bottom: 1%;
}
.footer_reception{
    font-size: 90%;
	font-family: "秀英角ゴシック銀 L";
	margin-bottom: 1%;
}
.footer_left3{
    float: left;
    width: 35%;
    margin-left: 10%;
}
.footer_logo{
    width: 100%;
}
.footer_logo2{
    width: 100%;
	margin-top: 2%;
}
.footer_logo3{
    width: 60%;
	margin-top: 2%;
}
.footer_sns{
    width: 100%;
	max-width: 100px;
    margin-top: 10%;
    margin-right: auto;
    margin-left: auto;
}
.footer_snsbot{
    width: 100%;
    max-width: 35%;
    float: left;
	margin-right: 5.5%;
    margin-left: 5.5%;
}
.footer_snsbot2{
    width: 100%;
    max-width: 35%;
    float: left;
	margin-right: 5.5%;
    margin-left: 5.5%;
	margin-top: 3%;
}
p.copyright{
    text-align: center;
    font-size: 70%;
}

/*コンテンツ*/
.topimage_about {
    /* 画像ファイルの指定 */
    background-image: url(images/about/topimage.jpg);
    /* 画像を常に天地左右の中央に配置 */
    background-position: left top;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: scroll;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: 100%;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    height: 100%;
}
.topimage_health {
    /* 画像ファイルの指定 */
    background-image: url(images/about/health_top.jpg);
    /* 画像を常に天地左右の中央に配置 */
    background-position: left top;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: scroll;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: 100%;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    height: 100%;
}
.copy_title{
    margin-right: 10%;
    margin-left: 10%;
    margin-top: 15%;
    font-size: 150%;
    color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.copy_titleFoot{
    margin-right: 10%;
    margin-left: 10%;
    margin-top: 1%;
    font-size: 250%;
	color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.copy_title2{
    margin-right: 10%;
    margin-left: 70%;
    margin-top: 45%;
    font-size: 150%;
    color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.copy_titleFoot2{
    margin-right: 10%;
    margin-left: 70%;
    margin-top: 1%;
    font-size: 250%;
	color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.contents2{
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 45%;
	letter-spacing: 0.1em;
}
.contents5{
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 10%;
	letter-spacing: 0.1em;
}
.contents_inner{
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
.about_title{
    
}
hr.border{
    width: 100%;
    border-bottom: 1px solid #000000;
	margin-top: -3%;
}
.about_titleL{
    font-size: 180%;
    float: left;
	font-family: "秀英角ゴシック銀 L";
}
.about_titleL2{
    font-size: 110%;
    float: left;
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R", "TsukuAVintageMinSPr6-R";
	margin-top: -3%;
}
.about_titleL3{
    font-size: 110%;
    float: left;
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R", "TsukuAVintageMinSPr6-R";
	margin-top: 10%;
}

.about_titleR{
    font-size: 130%;
    float: right;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.about_text{
    font-size: 100%;
    line-height: 220%;
    padding-left: 2%;
    margin-top: 3%;
	margin-bottom: 10%;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.about_text2{
    font-size: 120%;
    line-height: 220%;
    padding-left: 2%;
    margin-top: 3%;
}
.about_text2L{
    width: 20%;
    float: left;
}
.about_text2R{
    width: 75%;
    float: left;
	margin-left: 5%;
}
.health_title{
    text-align: center;    
}
.health_titleL{
    font-size: 180%;
	font-family: "秀英角ゴシック銀 L";
}
.health_titleR{
    font-size: 130%;
	font-family: "TsukuAOldMinPr6-R", serif;
}

.center_copy{
    font-size: 220%;
    text-align: center;
    padding-bottom: 5%;
    padding-top: 5%;
	font-family: "fot-tsukumin-pr6n";
    font-weight: 300;
    font-style: normal;
}
.box450_L{
    width: 50%;
    float: left;
}
.box450_R{
    width: 50%;
    float: left;
	margin-bottom: 10%;
}
.about_lefttext{
    font-size: 250%;
	margin-top: 25%;
    font-family: "TsukuAOldMinPr6-R";
    line-height: 190%;
}
.about_lefttext2{
    font-size: 180%;
    font-family: "TsukuAOldMinPr6-R";
    line-height: 190%;
	margin-top: 25%;
}
.about_righttext{
    font-size: 110%; 
	margin-top:30%;
	font-family: "TsukuAOldMinPr6-R";
}
.health_text{
    font-size: 110%;
    margin-top: 2%;
    font-family: "TsukuAOldMinPr6-R";
    line-height: 210%;
}
.health_textC{
    font-size: 110%;
    margin-top: 0%;
    font-family: "TsukuAOldMinPr6-R";
    line-height: 210%;
    text-align: center;
}
.health_textL{
    font-size: 150%;
    margin-top: 10%;
    font-family: "TsukuAOldMinPr6-R";
    line-height: 190%;
}
.health_textR{
    font-size: 110%;
    margin-top: 10%;
    font-family: "TsukuAOldMinPr6-R";
    line-height: 180%;
    float: right;
}
.health_image{
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 500px;
	margin-top: 10%;
}
/* table02
------------------------------ */
#table02 {
  font-family: "TsukuAOldMinPr6-R";
	width: 100%;
}
#table02 tr {
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
}

#table02 th,
#table02 td {
    padding: 24px 0;
    border: none;
    text-align: left;
    font-weight: normal;
	border-bottom: 1px solid #333333;
}

#table02 th {
  width: 20%;
}
#table02 td {
  width: 80%;
}


/* table03
------------------------------ */
#table03 {
  font-family: "TsukuAOldMinPr6-R";
	width: 100%;
}
#table03 tr {
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
}

#table03 th,
#table03 td {
    padding: 24px 0;
    border: none;
    text-align: left;
    font-weight: normal;
	border-bottom: 1px solid #333333;
}

#table03 th {
    width: 30%;
    background-color: #FFDAAC;
    padding-left: 3%;
	padding-right: 3%;
}
#table03 td {
  width: 58%;
	padding-left: 3%;
	padding-right: 3%;
}

/*コンテンツ*/

/*リクルート*/
.topimage_recruit3 {
    /* 画像ファイルの指定 */
    background-image: url(images/recruit/topimage2.jpg);
    /* 画像を常に天地左右の中央に配置 */
    background-position: left top;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: scroll;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: 100%;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    height: 100%;
}
.head_menue2 {
    position: fixed;
    top: 0px;
    right: 0px;
    margin-top: 0px;
    margin-right: 0px;
    width: 100%;
    height: 80px;
    max-width: 200px;
    color: #FFFFFF;
    background-color: #F18700;
    text-align: center;
	z-index: 100;
}
.head_menue2 a {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
    height: auto;
    color: #FFFFFF;
    background-color: #F18700;
}
.head_menue2:hover{
	cursor:pointer;
	background-color: #F18700;
}
.contents3{
    width: 100%;
    position: relative;
    z-index: 0;
    margin-top: 0%;
	letter-spacing: 0.1em;
}
.recruit_back {
    /* 画像ファイルの指定 */
    background-image: url(images/recruit/recruit_back.jpg);
    /* 画像を常に天地左右の中央に配置 */
    background-position: left top;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: scroll;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: 100%;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    height: 100%;
    margin-top: -6px;
}
.recruit_back2 {
    /* 画像ファイルの指定 */
    background-image: url(images/recruit/recruit_back2.jpg);
    /* 画像を常に天地左右の中央に配置 */
    background-position: left top;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: scroll;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: 100%;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    height: 100%;
    margin-top: -6px;
}

.movie{
    width: 100%;
    position: relative;
    z-index: 0;
    margin-top: -1%;
}
.box620{
    width: 100%;
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
	padding-bottom: 10%;
}
.recruit_title{
    text-align: center;
    font-size: 200%;
	padding-top: 10%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 L";
}
.recruit_titleC{
    text-align: center;
    font-size: 110%;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	font-family: "TsukuAOldMinPr6-R";
	margin-top: 5%;
}
.recruit_botL {
    margin-top: 5%;
    margin-right: 18px;
    width: 100%;
    height: 55px;
    max-width: 300px;
    color: #333333;
    background-color: #FFFFFF;
    text-align: center;
    border: 1px solid #000000;
    float: left;
    padding-top: 15px;
	font-family: "TsukuAOldMinPr6-R";
}
.recruit_botL a {
    width: 100%;
    height: auto;
    color: #333333;
    background-color: #ffffff;
    text-align: center;
}
.recruit_botL:hover{
	cursor:pointer;
	background-color: #ffffff;
}
.recruit_botR {
    margin-top: 5%;
    margin-right: 0px;
    width: 100%;
    height: 55px;
    max-width: 300px;
    color: #FFFFFF;
    background-color: #F18700;
    text-align: center;
	float: left;
	padding-top: 15px;
	font-family: "TsukuAOldMinPr6-R";
}
.recruit_botR a {
    width: 100%;
    height: auto;
    color: #FFFFFF;
    background-color: #F18700;
    text-align: center;
}
.recruit_botR:hover{
	cursor:pointer;
	background-color: #F18700;
}
.recruit_botC {
    margin-top: 5%;
    margin-right: auto;
    width: 100%;
    height: 55px;
    max-width: 300px;
    color: #F18700;
    background-color: #FFFFFF;
    text-align: center;
    border: 1px solid #F18700;
    padding-top: 15px;
    font-family: "TsukuAOldMinPr6-R";
    margin-left: auto;
}
.recruit_botC a {
    width: 100%;
    height: auto;
    color: #F18700;
    background-color: #FFFFFF;
    text-align: center;
}
.recruit_botC:hover{
	cursor:pointer;
	background-color: #FFFFFF;
}
.recruit_block{
	width: 25%;
    padding-top: 2%;
    padding-bottom: 2%;
	padding-left: 10%;
    background-color: #000000;
	margin-top: 10%;
}

.recruit_titleL{
    font-size: 160%;
    color: #FFFFFF;
	font-family: "DNPShueiGoGinStd-M";
}
.recruit_titleR{
    font-size: 100%;
    color: #FFFFFF;
    margin-top: -2%;
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R";
}
.recruit_block2{
	width: 25%;
    padding-top: 2%;
    padding-bottom: 2%;
	padding-left: 10%;
    background-color: #000000;
	margin-top: 10%;
	margin-bottom: 5%;
}
.recruit_titleL2{
    font-size: 160%;
    color: #FFFFFF;
	font-family: "DNPShueiGoGinStd-M";
}
.recruit_titleR2{
    font-size: 100%;
    color: #FFFFFF;
    margin-top: -2%;
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R";
}
.recruit_right{
    width: 80%;
    float: right;
	margin-top: 5%;
}
.recruit_textL{
    width: 48%;
    float: left;
    font-size: 110%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 R";
	line-height: 200%;
}
.recruit_imageR{
	width: 48%;
	float: left;
	margin-left: 4%;
}
.recruit_left{
    width: 80%;
    float: left;
    font-family: "fot-tsukumin-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
	margin-top: 5%;
	
}
.recruit_box{
    width: 100%;
	position: relative;
	
}
.recruit_textR{
    width: 50%;
    float: left;
    font-size: 110%;
    position: absolute;
    color: #FFFFFF;
    top: 40%;
    left: 45%;
    line-height: 220%;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.recruit_imageL{
    width: 100%;
    position: relative;
}
h3.contents_title3R{
    width: 90%;
    font-size: 200%;
	padding-left: 10%;
	font-family: "TsukuAOldMinPr6-R", serif;
	margin-bottom: 5%;
}
h3.contents_title3R-2{
    width: 90%;
    font-size: 250%;
	padding-left: 10%;
	font-family: "TsukuAOldMinPr6-R", serif;
	margin-bottom: 5%;
}
.recruit_right2{
    width: 80%;
    float: right;
	margin-top: 5%;
	
}
.recruit_textR2{
    width: 65%;
    float: left;
    font-size: 110%;
    position: absolute;
    color: #FFFFFF;
    top: 10%;
    left: 5%;
    line-height: 220%;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.recruit_imageL2{
    width: 100%;
    position: relative;
}
h3.contents_title3L2{
    width: 100%;
    font-size: 200%;
	font-family: "TsukuAOldMinPr6-R", serif;
	margin-bottom: 5%;
}
h3.contents_title3L2-2{
    width: 100%;
    font-size: 250%;
	font-family: "TsukuAOldMinPr6-R", serif;
	margin-bottom: 5%;
}
.contents_overview2{
    width: 100%;
    font-family: "fot-tsukumin-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
    position: relative;
    z-index: 2;
    height: 100%;
    padding-top: 5%;
	padding-bottom: 5%;
}
.recruit_centerL{
	width: 25%;
    float: left;
	margin-top: 0%;
	margin-left: 0%;
	margin-right: 0%;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.recruit_centerL2{
    width: 25%;
    float: left;
    margin-top: 0%;
    margin-left: 0%;
    margin-right: 0%;
    color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R", serif;
}
span.rjigyou{
	font-size: 100%;
}
span.name{
	font-size: 130%;
}
span.saiyou{
	font-size: 100%;
}
span.rjigyou2{
	font-size: 100%;
}
span.name2{
	font-size: 130%;
}
span.saiyou2{
	font-size: 80%;
}
.stuff_text{
    position: absolute;
    z-index: 1;
    top: 83%;
    margin-left: 10%;
    font-size: 150%;
    color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R", serif;
	line-height: 150%;
}
p.message_text{
    font-size: 100%;
    line-height: 220%;
    margin-left: 10%;
	font-family: "TsukuAOldMinPr6-R", serif;
}
span.message_text2{
    font-size: 100%;
    margin-left: 35%;
	font-family: "TsukuAOldMinPr6-R", serif;
}
span.message_text3{
    font-size: 150%;
    margin-left: 35%;
	font-family: "TsukuAOldMinPr6-R", serif;
}
.copy2{
    width: 100%;
    color: #FFFFFF;
    font-size: 200%;
    margin-right: auto;
    margin-left: auto;
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    text-align: center;
	font-family: "TsukuAOldMinPr6-R", serif;
	position: absolute;
    z-index: 1;
	top: 40%;
}
.copy3{
    width: 100%;
    color: #FFFFFF;
    font-size: 450%;
    margin-right: auto;
    margin-left: auto;
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    text-align: center;
	font-family: "TsukuAOldMinPr6-R", serif;
	margin-top: 0px;
	position: absolute;
    z-index: 1;
	top: 43%;
}
.copy4{
    width: 90%;
    color: #FFFFFF;
    font-size: 250%;
    margin-left: 10%;
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    font-family: "FOT-筑紫Aオールド明朝 Pr6 M";
    margin-top: 0px;
    position: absolute;
    z-index: 1;
    top: 48%;
    line-height: 180%;
}
.recruit_textLeft{
    float: left;
    width: 30%;
	margin-right: 5%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 M";
	margin-top: 10%;
}
.recruit_textLeft2{
    float: left;
    width: 35%;
	margin-right: 5%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 M";
	margin-top: 10%;
}
.recruit_textRight{
    float: left;
    width: 60%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 R";
	margin-top: 20%;
}
.recruit_textRight2{
    float: left;
    width: 65%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 R";
	margin-top: 10%;
}
span.big{
	font-size: 200%;
}
span.gin{
    font-family: "秀英角ゴシック銀 B";
}
.box{
    width: 100%;
    max-width: 100%;
	margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
}
.box980{
    width: 100%;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
}
.box900{
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}
.box620R{
    width: 100%;
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
	margin-top: 5%;
}
.recruit_back3 {
    width: 100%;
    background-color: #666666;
	margin-top: 10%;
    padding-top: 5%;
	padding-bottom: 5%;
}
.other_title{
    font-size: 200%;
    color: #FFFFFF;
    text-align: center;
	margin-bottom: 5%;
}
.recruitment_title{
    
}
.recruitment_titleL{
    font-size: 180%;
    float: left;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 L";
	margin-top: -5%;
}
.recruitment_text{
    font-size: 170%;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 M";
}
.recruitment_text2{
    font-size: 100%;
	text-align: center;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 R";
}
.recruitment_title2{
	font-family: "秀英角ゴシック銀 B";
	color: #F18700;
	font-size: 150%;
	text-align: center;
	margin-top: 10%;
}
.recruitment_bot{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	margin-top: 5%;
	font-family: "秀英角ゴシック銀 B";
}
.recruitment_botL {
    margin-top: 0px;
    margin-right: 0px;
    width: 33%;
    height: 50px;
    color: #F18700;
    background-color: #FFFFFF;
    text-align: center;
    border-color: #F18700 #FFFFFF #F18700 #F18700;
    border-style: solid none solid solid;
    border-left-width: 1%;
    border-bottom-width: 1%;
    border-top-width: 1%;
    float: left;
    padding-top: 15px;
}
.recruitment_botL a {
    color: #F18700;
}
.recruitment_botL:hover{
	cursor:pointer;
	
}
.recruitment_botR {
    margin-top: 0px;
    margin-right: 0px;
    width: 33%;
    height: 50px;
    color: #F18700;
    border-color: #F18700 #F18700 #F18700 #F18700;
    border-style: solid solid solid solid;
    text-align: center;
    border-width: 1%;
    float: left;
    padding-top: 15px;
}
.recruitment_botR a {
    color: #F18700;
}
.recruitment_botR:hover{
	cursor:pointer;
}
/* table01
------------------------------ */
#table01 {
	width: 100%;
  border-top: 2px solid #333333;
}
#table01 tr {
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
}

#table01 th,
#table01 td {
    padding: 24px 0;
    border: none;
    text-align: left;
    font-weight: normal;
	border-bottom: 1px solid #333333;
}

#table01 th {
  width: 30%;
  font-family: "秀英角ゴシック銀 B";
}
#table01 td {

  font-family: "秀英角ゴシック銀 L";
}
.kyariacontact{
    text-align: center;
    line-height: 220%;
}

.kakuninbutton{
    width:280px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
	margin-top: 30px;
    margin-bottom: 70px;
}
input.kakunin{
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    color: #595757;
    border: 1px solid #595757;
    background-color: #FFFFFF;
    cursor: pointer;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px;
    text-align: center;
	font-family: "TsukuAOldMinPr6-R";
}
input.mwform-file-delete{
    font-size:30px;
    
}
.youtube{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R";
    z-index: 50;
}
.snstitle{
    line-height: 31px;
	font-size: 120%;
}
.snstitle img{
    margin-right: 1%;
}
.youtubeL{
    width: 21%;
    margin-right: 2%;
    margin-left: 2%;
	margin-top: 5%;
    margin-bottom: 5%;
    float: left;
    
}
/* sp */



/*リクルート*/

@media only screen and (max-width: 1280px) {
.recruit_textR{
	top: 10%;
    font-size: 95%;
	line-height: 180%;
}
.recruit_textR2{
	top: 10%;
    font-size: 95%;
	line-height: 180%;
}
.head_menuecontents {
    display: none;    
	
}
}


@media only screen and (max-width: 780px) {
.topimage_in {
    background-image: url(images/top/topimage_sp.jpg);

}
.pc{ display:none;}
.sp{ display:block;}
.copy_logo{
    width: 30%;
	margin-top: 8%;
}
.head_sns{
    width: 100%;
	max-width: 100px;
    margin-top: 10%;
    margin-right: auto;
    margin-left: auto;
}
.head_snsbot{
    width: 69%;
    max-width: 35%;
    float: left;
	margin-right: 5.5%;
    margin-left: 5.5%;
}
.head_snsbot2{
    width: 69%;
    max-width: 35%;
    float: left;
	margin-right: 5.5%;
    margin-left: 5.5%;
	margin-top: 3%;
}
.copy{
    width: 80%;
    color: #FFFFFF;
    font-size: 250%;
    margin-right: auto;
    margin-left: auto;
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    text-align: center;
	font-family: "TsukuAOldMinPr6-R", serif;
	margin-top: 350px;
	position: relative;
    z-index: 1;
}
.contents_copy{
    width: 85%;
    background: rgba(0,0,0,0.8);
    mix-blend-mode: multiply;
    margin-top: 35%;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
    color: #FFFFFF;
	padding-top: 5%;
	padding-bottom: 5%;
    padding-left: 5%;
	padding-right: 5%;
}
p.contents_title{
    width: 90%;
    font-size: 130%;
	margin-left: 0%;
}
p.contents_title2{
    width: 90%;
    font-size: 100%;
    margin-top: 0%;
	margin-left: 0%;
}
p.contents_titleW{
    width: 90%;
    font-size: 120%;
	margin-left: 5%;
}
p.contents_title2W{
    width: 90%;
    font-size: 100%;
    margin-top: 0%;
	margin-left: 5%;
}
h3.contents_title3{
    width: 100%;
    font-size: 160%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 M";
}
p.text1{
    width: 100%;
    font-size: 80%;
    line-height: 200%;
}
p.text_center{
    width: 100%;
    font-size: 90%;
    line-height: 180%;
	font-family: "DNPShueiGoGinStd-L";
}
.contents_overview{
    width: 100%;
    background: rgba(255,255,255,0.8);
    position: relative;
    z-index: 2;
    height: 100%;
    padding-top: 5%;
	padding-bottom: 5%;
}
.contents_right{
    width: 100%;
    float: none;
}
.contents_left{
    width: 100%;
    z-index: 2;
    float: none;
}
.contents_right2{
    width: 90%;
    z-index: 2;
    float: none;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.contents_overviewImage{
    margin-top: 5%;
}
.block_title{
    width: 90%;
    font-size: 150%;
    position: absolute;
    top: 190px;
    left: 10%;
}
.block_title2{
    width: 90%;
    font-size: 150%;
    position: absolute;
    top: 120px;
    left: 10%;
}
.contentstext_left{
	width: 100%;
    font-size: 150%;
    float: none;
    margin-top: 7%;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 0em;
}
.contentstext_right{
    width: 100%;
    font-size: 90%;
    float: left;
    margin-top: 2%;
    margin-right: auto;
	margin-left: auto;
    line-height: 200%;
	letter-spacing: 0em;
}
.contentstext_center{
	width: 100%;
    font-size: 150%;
    margin-top: 10%;
	margin-left: 0%;
}
.contentstext_center2{
	width: 100%;
    margin-top: 5%;
	margin-bottom: 10%;
	margin-left: 0%;
	font-size: 100%;
}
.contents_bot{
    width: 80%;
    float: right;
    margin-top: 0%;
    margin-right: 0%;
	margin-bottom: 20%;
    padding-right: 0%;
	padding-left: 3%;
    border-bottom: 1px solid #323232;
}
.contents_bot2{
    width: 68%;
    margin-top: 10%;
    margin-right: 0%;
    padding-right: 3%;
    border-bottom: 1px solid #ffffff;
    color: #FFFFFF;
    text-align: right;
}
.contents_bot3{
    width: 80%;
    float: none;
    margin-top: 5%;
    margin-right: 0%;
    margin-bottom: 20%;
    padding-right: 0%;
    padding-left: 3%;
    border-bottom: 1px solid #ffffff;
    text-align: center;
}
.contents_centerL{
	width: 100%;
    float: none;
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
}
p.contents_Vtitle{
    color: #FFFFFF;
	width: 100%;
    font-size: 130%;
}
p.contents_Vtitle2{
    color: #FFFFFF;
	width: 100%;
    font-size: 100%;
}
p.contents_Vtitle3{
    color: #FFFFFF;
	width: 100%;
    font-size: 90%;
    margin-top: 0%;
	line-height: 200%;
}

h3.vision_title{
    color: #FFFFFF;
	width: 100%;
    font-size: 150%;
	margin-top: 20%;
}
ul.about_menu{
    color: #FFFFFF;
    margin-top: 15%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30%;
    padding-top: 0%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 10%;
	width: 100%;
}
ul.about_menu li{
    width: 70%;
    margin-top: 0%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2%;
    padding-top: 0%;
    padding-right: 0px;
    padding-left: 0%;
    padding-bottom: 0%;
    border-bottom: 1px solid #FFFFFF;
    text-align: center;
}
.googlemap-bw iframe {
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    z-index: 1;
    position: relative;
}
#footer{
    color: #FFFFFF;
    background-color: #000000;
    margin-top: -5.7%;
    padding-top: 5%;
    padding-bottom: 3%;
    z-index: 90;
	position: relative;
}
.footer_in{
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}
.footer_left{
	width: 60%;
    float: none;
	margin-right: auto;
    margin-left: auto;
}
.footer_left2{
    float: none;
	width: 90%;
	margin-right: auto;
    margin-left: auto;
}
.footer_tel{
    font-size: 130%;
	margin-top: 2%;
	margin-bottom: 1%;
	text-align: center;
}
.footer_reception{
    font-size: 80%;
    margin-bottom: 0%;
    text-align: center;
}
.footer_left3{
    float: none;
    width: 80%;
	margin-top: 20%;
    margin-right: auto;
    margin-left: auto;
}
.footer_logo{
    width: 100%;
	margin-top: 20%;
}
.footer_logo2{
    width: 100%;
	margin-top: 2%;
}
.footer_logo3{
    width: 80%;
	margin-top: 20%;
	margin-right: auto;
    margin-left: auto;
}
.footer_sns{
    width: 100%;
	max-width: 100px;
    margin-top: 10%;
    margin-right: auto;
    margin-left: auto;
}
.footer_snsbot{
    width: 89%;
    max-width: 35%;
    float: left;
	margin-right: 5.5%;
    margin-left: 5.5%;
}
.footer_snsbot2{
    width: 89%;
    max-width: 35%;
    float: left;
	margin-right: 5.5%;
    margin-left: 5.5%;
	margin-top: 3%;
}
.contact_head {
    width: 40%;
	margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
	padding-left: 3%;
}
.stylus_head {
    width: 40%;
	margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
	padding-left: 3%;
}

p.copyright{
    text-align: center;
    font-size: 70%;
}
.contents_center2{
    width: 90%;
    z-index: 2;
    margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
	padding-top: 10%;
}
.contents_vision{
    /* 画像ファイルの指定 */
    background-image: url(images/top/vision_imagesp.jpg);

}
.contents_about{
    /* 画像ファイルの指定 */
    background-image: url(images/footer/about_backsp.jpg);

}
.about_text{
    font-size: 100%;

}

.box450_L{
    width: 90%;
    float: none;
	margin-right: auto;
    margin-left: auto;
}
.box450_R{
    width: 90%;
    float: none;
	margin-right: auto;
    margin-left: auto;
}
.about_lefttext{
    font-size: 200%;
    font-family: "TsukuAOldMinPr6-R";
    line-height: 190%;
    text-align: center;
}
.about_lefttext2{
    font-size: 150%;
    font-family: "TsukuAOldMinPr6-R";
    line-height: 190%;
    text-align: center;
}
.about_righttext{
    font-size: 110%; 
	margin-top:10%;
	font-family: "TsukuAOldMinPr6-R";
}
.contents_inner{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
h1.logo {
    width: 40%;
    margin: 0px;
    padding: 10px;
    top: 0;
    left: 0;
}
h1.logorecruit {
    width: 40%;
    margin: 0px;
    padding: 10px;
    top: 30px;
    left: 5;
	position: relative;
	z-index: 110;
}
.copy_title{
    margin-right: 0%;
    margin-left: 0%;
    margin-top: 30%;
    font-size: 120%;
    color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R", serif;
	text-align: center;
}
.copy_titleFoot{
    margin-right: 0%;
    margin-left: 0%;
    margin-top: 1%;
    font-size: 180%;
    color: #FFFFFF;
    font-family: "TsukuAOldMinPr6-R", serif;
    text-align: center;
}
	.copy_title2{
    margin-right: 0%;
    margin-left: 0%;
    margin-top: 35%;
    font-size: 120%;
    color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R", serif;
	text-align: center;
}
.copy_titleFoot2{
    margin-right: 0%;
    margin-left: 0%;
    margin-top: 1%;
    font-size: 180%;
    color: #FFFFFF;
    font-family: "TsukuAOldMinPr6-R", serif;
    text-align: center;
}

.topimage_recruit2 {
    /* 画像ファイルの指定 */
    background-image: url(https://www.satosg.com/wp/wp-content/themes/satosg/images/recruit/topimage_sp.jpg);
    /* 画像を常に天地左右の中央に配置 */
    background-position: center center;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: scroll;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: 100%;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    height: 100%;
}
.copy2-2{
    width: 100%;
    color: #FFFFFF;
    font-size: 200%;
    margin-right: auto;
    margin-left: auto;
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    text-align: center;
	font-family: "TsukuAOldMinPr6-R", serif;
	position: absolute;
    z-index: 1;
	top: 40%;
}
.copy3-2{
    width: 100%;
    color: #FFFFFF;
    font-size: 450%;
    margin-right: auto;
    margin-left: auto;
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    text-align: center;
	font-family: "TsukuAOldMinPr6-R", serif;
	margin-top: 0px;
	position: absolute;
    z-index: 1;
	top: 43%;
}
.recruit_botL {
    margin-right: auto;
	margin-left: auto;
    width: 100%;
    max-width: 300px;
    float: none;
}
.recruit_botR {
    margin-right: auto;
	margin-left: auto;
    width: 100%;
    max-width: 300px;
    float: none;
}
.recruit_block{
	width: 55%;
    padding-top: 2%;
    padding-bottom: 2%;
	padding-left: 10%;
    background-color: #000000;
	margin-top: 10%;
}

.recruit_titleL{
    font-size: 130%;
    color: #FFFFFF;
	font-family: "DNPShueiGoGinStd-M";
}
.recruit_titleR{
    font-size: 100%;
    color: #FFFFFF;
    margin-top: -2%;
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R";
}
.recruit_block2{
	width: 55%;
    padding-top: 2%;
    padding-bottom: 2%;
	padding-left: 10%;
    background-color: #000000;
	margin-top: 10%;
	margin-bottom: 5%;
}
.recruit_titleL2{
    font-size: 130%;
    color: #FFFFFF;
	font-family: "DNPShueiGoGinStd-M";
}
.recruit_titleR2{
    font-size: 100%;
    color: #FFFFFF;
    margin-top: -2%;
	font-family: "FOT-筑紫Aヴィンテージ明S Pr6 R";
}
.recruit_right{
    width: 90%;
    float: none;
	margin-top: 5%;
	margin-right: auto;
	margin-left: auto;
}
h3.contents_title3-2{
    width: 100%;
    font-size: 130%;
    text-align: center;
}
.recruit_textL{
    width: 100%;
    float: none;
    font-size: 100%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 R";
	line-height: 180%;
}
.recruit_imageR{
	width: 100%;
	float: none;
	margin-left: auto;
	margin-top: auto;
}
.recruit_imageR img{
	width: 100%;
	float: none;
	margin-left: auto;
	margin-top: auto;
}
h3.contents_title3R-2{
    width: 100%;
    font-size: 130%;
    text-align: center;
	padding-left: 0%;
}
p.message_text{
	width: 90%;
    font-size: 100%;
    line-height: 180%;
	font-family: "TsukuAOldMinPr6-R", serif;
	margin-left: 5%;
	margin-top: 5%;
}
.head_menue2 {
    position: fixed;
    top: 0px;
    right: 0px;
    margin-top: 0px;
    margin-right: 0px;
    width: 100%;
    height: 60px;
    max-width: 30%;
    color: #FFFFFF;
    background-color: #F18700;
    text-align: center;
	z-index: 100;
}
.head_menue2 a {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: auto;
    color: #FFFFFF;
    background-color: #F18700;
}
ul.slider{
	width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    text-align: center;
}
.recruit_textLeft{
    float: none;
    width: 80%;
    margin-top: 10%;
    text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.recruit_textRight{
    float: none;
    width: 90%;
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 0em;
}
.copy4{
    width: 90%;
    color: #FFFFFF;
    font-size: 120%;
    margin-left: 10%;
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    font-family: "FOT-筑紫Aオールド明朝 Pr6 M";
    margin-top: 0px;
    position: absolute;
    z-index: 1;
    top: 40%;
    line-height: 120%;
}
.stuff_text{
    position: absolute;
    z-index: 1;
    top: 70%;
    margin-left: 10%;
    font-size: 70%;
    color: #FFFFFF;
	font-family: "TsukuAOldMinPr6-R", serif;
	line-height: 130%;
}
span.rjigyou2{
	font-size: 40%;
}
span.name2{
	font-size: 120%;
}
span.saiyou2{
	font-size: 40%;
}
#table01 {
  margin-bottom: 20px;
}
.recruitment_botL {
    width: 32%;
    font-size: 80%;
}
.recruitment_botR {
    width: 32%;
	font-size: 80%;
}
.recruitment_titleL{
    font-size: 180%;
    float: left;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 L";
	margin-top: -10%;
}
.youtubeL{
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
	margin-top: 5%;
    margin-bottom: 5%;
    float: left;
    
}
}