@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

img {
    image-rendering: -webkit-optimize-contrast;
}
/* -------------------------------------------------------------- */

body {
color:#333;
font-size:100%;
font-weight: 500;    
/*letter-spacing: 0.05em;*/
font-family: "游ゴシック", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*font-family: "Yu Gothic UI", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/   
/*font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;*/
line-height:1.5;
-webkit-text-size-adjust: none;
}
strong {
	font-weight:bold;
}

.font_touhaba{
    font-family: 'Liberation Serif', 'Noto Sans CJK JP',  /* Linux/Android/ChromeOS */
  'TakaoGothic', 'VL Gothic',  /* Debian/Ubuntu */
  'Yu Gothic', 'MS Gothic',  /* Windows */
  'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Osaka-Mono',  /* Mac/iOS */
  'Noto Sans JP', Monospace;
    /*font-family: monospace, serif;*/
    /*font-weight: bold;*/
}

/* リンク設定
------------------------------------------------------------*/
a{
    color: #2855FF;
    text-decoration:none;
}
a:hover{
    /*text-decoration:underline;*/
    color: #008EE8;
}
a:active, a:focus {outline:0;}

/*リンクイメージ透過*/
a:hover img {
	opacity:0.80;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	-ms-filter: "alpha(opacity=80)";
}

/*JavaScript許可無しの警告表示*/
noscript .keikoku{
    border:1px #f00 solid;
    color: #f00;
    padding: 10px 2%;
    font-weight: bold;
    text-align: center;
    width: 96%;
    margin-bottom: 1em;
}

/* 全体
------------------------------------------------------------*/
#homeWrapper{
    position:absolute;
    top:100vh;/*swiper.cssのheightと合わせる
    /*top: calc(65vh + 70px);*/
	float:none;
	margin:0;
	padding:0;
	width:100%;
/*	background: linear-gradient(to bottom, #999 3%, #eee, #eee, #eee);*/
	font-size:110%;
}



#mainWrapper{
    position:absolute;
    top:calc(60vh);/*ヘッドイメージのheightと合わせる*/
    float:none;
	margin:0;
	padding:0;
	width:100%;
    font-size:110%;
    /*background: #ddd;*/
}


img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: bottom;
	background: transparent;
}

.pankuzu {
    width: 90%;
    max-width: 1200px;
    margin: 10px auto;
	font-size:80%;
	padding:0;
	color:#777;
}
.pankuzu a {color:#777;}
.pankuzu a:hover {text-decoration: underline;}
.pankuzu2 {
	padding: 0 5px;
}

.clear_f {
	clear:both;
}

span {
   display: inline-block;
	margin: 0;
	padding: 0;
}

td.nowrap{
	white-space: nowrap;
}
.caption {
    margin-top: 5px;
    font-size:85%;
    font-weight: normal;
}
.smalltext {
	font-size:75%;
    font-weight: normal;
}
.smalltext2 {
	font-size:75%;
    font-weight: normal;
}
.font-size90{
    font-size: 90%;
}
.font-size110{
    font-size: 110%;
}
.font-size120{
    font-size: 120%;
}
.font-size130{
    font-size: 130%;
}
.font-size140{
    font-size: 140%;
}
.font-size150{
    font-size: 150%;
}
.font-size160{
    font-size: 160%;
}
.font-size180{
    font-size: 180%;
}

.adjustment_R4{
    padding-right:4px;
}
.adjustment_R10{
    padding-right:10px;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

.indent_10 {
	padding-left:10px;
}
.indent_15 {
	padding-left:15px;
}
.indent_20 {
	padding-left:20px;
}.indent_1em {
	padding-left:1em;
}
.indent_2em {
	padding-left:2em;
}

.color_red{
    color: #DD0003
}
.color_dblue{
    color:#004ea2;
}
.color_glay{
    color:#aaa;
}
.color_green{
    color:#038A02;
}
.color_black{
    color:#111;
}

.bold{
    font-weight: bold;
}
.linkborder{
    border: 1px #003CFF solid;
}
.center {
    text-align: center;
}
.kakko {
	font-size: 100%;
}
.textright {
	text-align:right;
}

.height_space05{
    line-height: 0.5;
}

.line_height2{
    line-height: 2;
}  

.line_space1-2{
    padding: 0.5em 0;
}
.line_space2{
    padding: 1em 0;
}
.line_space3{
    padding: 1.5em 0;
}
.line_space4{
    padding: 2em 0;
}
.footer_line_space2{
    padding: 0.5em;        
}

.hightspace4em{
    padding-bottom: 4em;
}   
.hightspace60{/*ジャンプ時の固定ヘッド分を下げる*/
    display: none;
}

.display_pc{
    display: block;
}
.display_sp{
    display: none;
}
/*telリンクの制御pcの時*/
a[href^="tel:"] {
    pointer-events:none;
}

.kaigyou1{
	line-height: 1.5;
	}
.kaigyou2{
	line-height: 2;
	}	
/*************
/* ヘッダー
*************/

header{
    z-index: 999;
    position: fixed;
       /*position: relative;*/
       /*position: -webkit-sticky;/*Safari用ベンダープレフィックス*/
       top: 0;
    width: 100%;
    /*background:rgba(255,255,255,0.9);*/
	background: #107db0;
    border-top: 14px #000 solid;
    height: 75px; 
}
#header{
	margin:0 auto;
	width:90%;
    max-width: 1200px;
	height:70px;
}

#header h1{
	width:calc(100% - 440px);/*ロゴ300pxと求人70pxとハンバーガーメニュー70pxを引く*/
	padding:25px 0 0 5%;
	font-size:100%;
	font-weight:normal;
	float:left;
	color:#333;
}
h1.header_h1_sp{
    display: none;
}

#header .logo{
	width:300px;
	float:left;
	padding:5px 0 0 0;
}
#header .logo img {
	width:100%;
}



/*スマホ用ヘッドロゴ部*/
#header_sp{
    display: none;
}
    
    
/*コンテンツページヘッドイメージ*/
#headimgbox {
	position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 60vh;/*#mainWrapperのtopと同じ値*/
	margin:0 auto;
	background:#eee;
	text-align: center;
    overflow: hidden;   
}

#headimgbox img{
	object-fit: cover;
    object-position:50% 50%;
    width: 100%;
    min-height: 100%;
    /*height:100vh;*/
}


/*ホームレイアウト*/



#main_contents {
    position:relative;
	width: 100%;
	margin:0;
	padding:0;
}



#main_contents .home_contents_in {
    width: 85%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}






/*トップページのコンテンツリンクボタン*/
.subnav_home_sp{
    display: none;
}

.subnav_home{ /*3ボタン*/
    float: left;
    display: block;
    top: 0;
    left: 0;
	margin:50px 6.66666%;
	padding:0;
	width:20%;
    text-align: center;
}
.subnav_home img{
    width: 100%;
}

/*ホームiso*/
.iso_mark{
	margin: 0;
	text-align: center;
}
.iso_mark img{
	width: 300px;
	padding-bottom: 5px;
}





/*-------------------------------------
ホーム コンテンツリンク
--------------------------------------*/
.home_contents_title {
    /*background-color: #004ea2;*/
    /*border-top: 5px #004ea2 solid;
    border-bottom: 1px #004ea2 solid;*/
    background-color: #004ea2;
    padding: 1em;
    font-size: 180%;
    text-align: center;
    /*color: #004ea2;*/
    color: #fff;
}


.home_contents_text {
    width: 100%;
    margin: 2em 0 0 0;
    text-align:left;
}
.home_contents_text h2{
    color: #004ea2;
    /*border-bottom: 1px solid #394D72;*/
    margin-bottom: 0.5em;
    font-size: 180%;
	font-weight: bold;
	text-align: center;
}


.home_contents_text .center_box{
    margin: 0 auto;
    text-align: center;
    display: block;
}
.home_contents_text ul.home_list1{
    margin: 0 0 0 1.5em;
    list-style: decimal;
    display: inline-block;
    text-align: left;
	font-size: 110%;
}
.home_contents_text ul.home_list1 li{
    padding-bottom: 0.5em;
}

.home_contents_text ul.home_list1 li ul.maru{
    list-style:disc;
    padding: 1.3em;
    margin: -1.2em 0 -1.5em 0;
}
.home_contents_text ul.home_list1 ul.maru li{
    float: left;
    margin-right: 3em;
    padding-left: -10px;
}

.home_contents_img {
    width: 100%;
    margin: 40px 0 20px 0;
}
.home_contents_img img {
    width: 100%;
    /*padding-top: 1em;*/
    padding-bottom: 1em;
}

.home_contents_link_L {/*右側*/
	float: left;
    width: 50%;
	height: 400px;
	padding: 150px 0 0 0;
    margin: 0 0 0 0;
	background-image:url("../images/home_kumitate_image.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #fff;
}
.home_contents_link_L .link_in{
}
.home_contents_link_L .title{
	font-size: 130%;
	text-shadow: 1px 1px 3px #000, 2px 2px 6px #000;
	font-weight: bold;
}
.home_contents_link_L a .link_box{
	display: inline-block;
	margin: 2em auto 0 auto;
	border: 1px #fff solid;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.3);
}
.home_contents_link_L a:hover .link_box{
	background-color: rgba(0, 0, 0, 0.1);
}

.home_contents_link_R {/*左側*/
	float: right;
    width: 50%;
	height: 400px;
	padding: 150px 0 0 0;
    margin: 0 0 0 0;
	background-image:url("../images/home_kensa_image.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #fff;
}
.home_contents_link_R .title{
	font-size: 130%;
	text-shadow: 1px 1px 3px #000, 2px 2px 6px #000;
	font-weight: bold;
}
.home_contents_link_R a .link_box{
	display: inline-block;
	margin: 2em auto 0 auto;
	border: 1px #fff solid;
	padding: 10px 15px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
}
.home_contents_link_R a:hover .link_box{
	background-color: rgba(0, 0, 0, 0.1);
}

/*----*/

#main_contents .home_link{
	display: block;
    width: 100%;
    /*max-width: 1000px;*/
    margin: 0 auto;
    padding: 0;
    font-size: 110%;
    text-align: center;
}
.home_link_syousai{
	float: left;
	width: 21%;
	margin: 15px 2%;
    background-color: #004ea2;
    color: #fff;
    text-align: center;
    padding: 10px 5px;
    border-radius: 7px;
	box-shadow: 4px 4px 4px 0 #aaa;
}
a .home_link_syousai{
    text-decoration: none;
    color: #fff;
}
a:hover .home_link_syousai{
    text-decoration: none;
    background-color: #0061CB;
    color: #fff;
}





/*-------------------------------
/*コンテンツページレイアウト
---------------------------------*/


#main_contents .contents_img_L{
    float: right;
    padding: 0 0 1em 1em;
    width: 50%;
    max-width: 500px;
}
#main_contents h1.midasi{
	font-size: 240%;
	text-align: center;
	font-weight: bold;
}
#main_contents .contents_img_L60{
    float: right;
    padding: 0 0 1em 1em;
    width: 60%;
    max-width: 600px;
}

#main_contents .contents_setumei{
    padding: 1em 0;
    font-size: 110%;
}

#main_contents .contents{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
#main_contents .contents_in{
    width: 85%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

#main_contents .contents_in .contentsL {/*左側*/
    float: left;
    width: 54%;
    margin: 2em 0 0 0;
}
#main_contents .contents_in .contentsL h2{
    color: #394D72;
    border-bottom: 1px solid #394D72;
    margin-bottom: 0.5em;
    font-size: 180%;
}



#main_contents .main_reader {
    width: 100%;
    margin: 2em auto 1em auto;
	padding:0;
    text-align: center;
	font-size: 300%;
	font-weight: bold;
}

/*文字左右にボーダー線*/
.main_reader2_sp{
	display: none;
}
.main_reader2_pc {
	color: #333;
	font-size: 220%;
	display: flex;
	align-items: center;
	font-weight: bold;
}
.main_reader2_pc:before, .main_reader2_pc:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.main_reader2_pc:before {
	margin-right: .4em;
}
.main_reader2_pc:after {
	margin-left: .4em;
}

#main_contents .note1{
    width: auto;
    margin: 0 0 0 10%;
    padding: 1em;
    border: 3px #ccc solid;
    
}

#main_contents .contentsWhite{
    width: 100%;
    margin: 0;
    padding: 0;
    /*background-color: #eee;*/
}

#main_contents .contentsGlay{
    width: 100%;
    margin: 0 0 100px 0;
    padding: 0;
    background-color: #eee;
}



#main_contents .contents1{
    background-color: #fff;
}



#main_contents .waku1{
    border: 1px #ccc solid;
    padding: 1em;
}
#main_contents .waku_green{
    border: 2px #2e9e7d solid;
    padding: 1em;
}
#main_contents .waku_green_center{
    border: 2px #2e9e7d solid;
    padding: 1em;
    text-align: center;
}



/* ページ内リンク着地位置のズレ調整 */
#p_jump_1,
#p_jump_2,
#p_jump_3,
#p_jump_4,
#p_jump_5,
#p_jump_6,
#p_jump_7,
#p_jump_8
{
    scroll-margin-top: 150px;
}



.img_sp{
	display: none;
}
.img_pc{
	display: block;
}

/*実装・組立*/
.jissou_contents1{
	
}
.jissou_contents1 .icon{
	font-size: 120%;
	border-left: 20px #000 solid;
	padding:0.5em 0 0.5em 20px;
	background-color: #004ea2;
	color: #fff;
	font-weight: bold;
}

.jissou_contents1 .title{
	font-size: 160%;
	margin: 0.5em 0;
	color: #004ea2;
}
.jissou_contents1 .back_color1{
	background-color: #ccc;
	padding: 5px 10px;
}
.jissou_contents1 img.full1{
	float: none;
	width: 100%;
	padding-left: 0;
	
}
.jissou_contents1 img.right1{
	float: right;
	width: 35%;
	padding-left: 1em;
	
}
.jissou_contents1 img.right2{
	float: right;
	width: 40%;
	padding-left: 1em;
	
}

.jissou_80{
	width: 70%;
	margin: 1em auto;
}
table.jissou1{
	float:none;
	border-collapse:collapse;
	margin:0 auto 0.5em auto;
	width:100%;
    font-size: 100%;
}

table.jissou1 td{
	border-collapse:collapse;
	text-align:left;
	padding:8px 15px;
	border:1px solid #ccc;
    vertical-align:middle;
}

table.jissou1 th{
    width: 20%;
	max-width:180px;
	padding:8px;
	white-space:nowrap;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
    
}


/***高品質のために**/



table.hinsitu1{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:100%;
	max-width: 640px;
    font-size: 100%;
}

table.hinsitu1 td{
	border-collapse:collapse;
	text-align:left;
	padding:8px 15px;
	border:1px solid #ccc;
    vertical-align:middle;
}
table.hinsitu1 td.center{
	text-align:center;
}
table.hinsitu1 th{
    /*width: 20%;
	max-width:180px;*/
	background-color: #eee;
	padding:8px;
	white-space:nowrap;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
    
}
.hinsitu_imgL{
	width: 30%;
	float: left;
	padding: 0 0;
}
.hinsitu_imgL img {
	width: 100%;
}
.hinsitu_imgR{
	width: 40%;
	float: right;
	padding: 0 0 1em 1em;
}
.hinsitu_imgR img {
	width: 100%;
}
.hinsitu_imgR2{
	width: calc(30%);
	float: right;
	padding: 100px 0 1em 0;
}
.hinsitu_omoiwo{
	height: 300px;
	background-image: url("../images/hinsitu_img6.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	padding-top: 50px;
	text-shadow: 2px 2px 6px #000, 3px 3px 8px #000;
}
.hinsitu_imgM{
	width: 100%;
	float: none;
	padding: 0;
}
/*-------------------------------------
お知らせBOX
--------------------------------------*/
.oshirase_title {
    background-color: #B5FBFF;
    padding: 1em;
    font-size: 150%;
    color: #0DBFBC;
    /*border-bottom: 1px #BEE9EF solid;*/
    font-weight: bold;
    text-align: center;
}

.oshirasebox {
    background-color: #D6FDFF;
	margin:0;
	padding:0 0 1em 0;
	width:100%;
}
.oshirase_in{
    width: 88%;
    height: 10em;
    margin: 2em auto;
    background: #fff;
    padding: 2em;
    font-size: 90%;
}

/*-------------------------------------
問い合わせBOX
--------------------------------------*/
.toiawase_title {
    background-color: #111;
    padding: 1em;
    font-size: 150%;
    text-align: center;
    color: #fff;
    border-bottom: 1px #333 solid;
    font-weight: bold;
}
.denwa_title {
    color: #fff;
    /*font-weight: bold;*/
    padding: 0.5em 0;
}
.toiawasebox {
    background-color: #111;
	margin:0;
	padding:0 0 1em 0;
	width:100%;
    text-align: center;
}

.toiawasebox .toiawase_in{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}
.toiawasebox .soudanwakotira{
    width: 100%;
    margin: 0 auto;
    font-size: 115%;
    padding-bottom: 0.75em;
/*    font-weight: bold;*/
    color:#fff;
}

.toiawasebox .denwauketuke{
    padding: 0.5em 0 0 0;
    vertical-align: middle;
    font-size: 120%;
    color:#fff;
}
.toiawasebox .denwauketuke a{
    color: #fff;
}
.toiawasebox .mailuketuke{
    margin: 1em auto;
}
.toiawasebox .mailuketuke img{
	width: 320px;
}

/*-------------------------------------
対応地域
--------------------------------------*/
.area {
    display:table;
    font-size: 90%;
    border: 1px #aaa solid;
    padding: 0.5em 1em;
    margin: 2em auto;
    text-align: center;
}
.taioutiiki {
    font-weight:bold;
    padding-bottom: 0.5em;
}
table.area{
	border-collapse:collapse;
	margin:0;
	width:100%;
    border: none;
}

table.area td{
	border-collapse:collapse;
	text-align:left;
	padding:8px 15px;
	/*border:1px solid #ccc;*/
    border-bottom: 1px #ccc dotted;
}

table.area th{
    
	white-space:nowrap;
	border-collapse:collapse;
	text-align:left;
	padding:8px 15px;
	/*border:1px solid #ccc;*/
    border-bottom: 1px #ccc dotted;
}

/*ここまで*/






/*業務内容*/




#main_contents .toiawase_link{
    width: 60%;
    min-width: 600px;
    margin: 2em auto;
    box-shadow: 4px 4px 4px 0 #ccc;
    border-radius: 10px;
    padding: 1em;
    text-align: center;
	line-height: 2;
}
#main_contents a .toiawase_link {
    background-color: #913ED8;
    color: #fff;
}
#main_contents a:hover .toiawase_link {
    background-color: #A15ADD;
    color: #fff;
}




.msp_waku1{
	width: 100%;
	margin: 0 auto;
	border: 1px #E00003 solid;
	padding: 2em;
	font-weight: bold;
	text-align: center;
	background-color: #FFF1F1;
}


ul.cp_list {
	margin-top: 1em;
	margin-left: 28%;
	padding:0.5em;
	list-style-type:none;
	text-align: left;
	font-size: 130%;
	font-weight: normal;
}
ul.cp_list li {
	position:relative;
	padding: 0em 0.3em 0em 1.5em;
}
ul.cp_list li::before,ul.cp_list li::after {
	position: absolute;
	content: '';
	display: inline-block;
}
ul.cp_list li::after {
	top: 0.3em;
	left: 0em;
	width: 20px;
	height: 20px;
	background-color: #6ADAF7;
	border-radius: 25%;
}
ul.cp_list li::before {
	position: absolute;
	top: 50%;
	left: 0.8em;
	height: 0;
	width: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #6ADAF7;
	transform: translateY(-50%);
}



ul.fukudashi {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
	text-align: left;
	font-size: 110%;
}

ul.fukudashi li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.fukudashi li:before {
  
  /*font-family: "Font Awesome 5 Free";*/
	font-family:FontAwesome;
  content: "\f075";/*アイコンの種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: skyblue; /*アイコン色*/
}

.toiawase_waku {
	width: 70%;
	margin: 0 auto;
	border: 1px #DF8F49 solid;
	border-radius: 5px;
	padding: 1em;
	text-align: center;
}
.underline {
	border-bottom: 1px #00C7E8 solid;
	color: #00C7E8;
}



ul.kuromaru{
	list-style:disc;
  margin-left: 25%;
}
ul.kuromaru li{
	margin-bottom: 0.5em;
}

.indent1{
	margin-left: 5%;
}



/* 採用情報*/


.page_title_saiyou {
	margin: 0;
    padding: 0;
    font-size: 200%;
    text-align: center;
    color: #1B9EA5;
	font-weight: bold;
}
.page_title_saiyou2 {
	margin: 0;
    padding: 0;
    font-size: 100%;
    text-align: center;
    color: #1B9EA5;
}

.saiyou_title {
    background-color: #BFF1F4;
	margin: 0 0 1em 0;
    padding: 1em;
    font-size: 180%;
    text-align: center;
    color: #1B9EA5;
}
.saiyou_top_img {
	width: 100%;
	margin: 0;
}
.saiyou_top_img img{
	width: 100%;
}

.saiyou_top_imgL {
	width: 40%;
	margin-top: 1em;
	margin-left: 10%;
	float:left;
}
.saiyou_top_imgL img{
	width: 100%;
}
.saiyou_top_textR {
	margin-top: 100px;
	margin-left: -40%;
	margin-right: 10%;
	width: 50%;
	float:right;
	background-color: #D4F7F9;
	border: 2px #D4F7F9 solid;
	padding: 2em;
	font-size: 100%;
}

.saiyou_top_imgR {
	width: 40%;
	margin-top: 1em;
	margin-right: 10%;
	float:right;
}
.saiyou_top_imgR img{
	width: 100%;
}
.saiyou_top_textL {
	margin-top: 100px;
	margin-right: -40%;
	margin-left: 10%;
	width: 50%;
	float:left;
	background-color: #D4F7F9;
	border: 2px #D4F7F9 solid;
	padding: 2em;
	font-size: 100%;
}

.saiyou_top_text_title{
	/*font-size: 110%;*/
	font-weight: bold;
	padding-bottom: 0.5em;
}

.saiyou_data {
	float: left;
	width: 32%;
	min-height: 170px;
	margin:6px 0.66666%;
	padding: 0;
	border: 2px #5B97C9 solid;
	text-align: center;
	border-radius: 10px;
}
.saiyou_data img{
	width: 95%;
}
.saiyou_data .title{
	font-weight: bold;
	padding-bottom: 0.5em
}
.saiyou_data .data{
	font-size: 140%;
	font-weight: bold;
	color: #1B9EA5;
}
.saiyou_note1{
	width: 99%;
	margin: 2em auto;
	background-color: #D4F7F9;
	padding: 2em;
}

.saiyou_top_img100 {
	width: 100%;
}
.saiyou_top_img100 img{
	width: 100%;
}


.saiyou_rikunaviL{
	float: left;
	width: 35%;
	margin-left: 10%;
	text-align: center;
	
}
.saiyou_rikunaviR{
	float: right;
	width: 35%;
	margin-right: 10%;
	text-align: center;
	
}
a .rikunavi_link{
	width: 100%;
	padding:1em;
	margin: 0 0 1em 0;
	background-color:#1B9EA5;
	color: #fff;
	border-radius: 5px;
	box-shadow: 4px 4px 4px 0 #ccc; 
}
a:hover .rikunavi_link{
	background-color:#20BDC5; 
}

.saiyou_gyoumu {
	float: left;
	width: 31.3333%;
	margin:1em 1%;
	padding: 0;
	/*background-color: #eee;*/
	text-align: left;
	font-size: 85%;
	color: #333;
}
.saiyou_gyoumu img{
	width: 100%;
}
.kyujin_syukai_title{
	padding: 0.25em 0;
	margin-bottom: 0.25em;
	background-color: #ddd;
	/*color: #fff;*/
	font-size: 120%;
	text-align: center;
}
.saiyou_gyoumu {
	color: #333;
}

.saiyou_qa {
	float: left;
	width: 24%;
	margin:1em 0.5%;
	padding: 0;
	border: 1px #ccc solid;
	text-align: center;
	font-size: 90%;
}
.saiyou_qa img{
	width: 100%;
}
.saiyou_qa_left {
	float: left;
	width: 12%;
	margin:1em 0;
	padding: 0;
}


/*
#main_contents .contents_in .contentsR img {
    width: 100%;
    padding-bottom: 1em;
}*/

.saiyou_jyouhou_haikei{
    width: 100%;
    background-color: #07B6BF;
    border-radius: 10px;
    padding: 1em 0;
    color: #fff;
}
.senpai_haikei {
    width: 100%;
    background-color: #79DCDC;
}
.senpai_1{
    width: 45%;
    float: left;
    border-radius: 10px;
    background-color: #07B6BF;
    font-size: 140%;
    text-align: center;
    padding: 2em 0.5em;
    color: #fff;
}

.senpai_2{
    width: 45%;
    float: right;
    border-radius: 10px;
    background-color: #07B6BF;
    font-size: 140%;
    text-align: center;
    padding: 2em 0.5em;
    color: #fff;
}


.senpai_navi0{
    width: 30%;
    float: left;
    border-radius: 10px;
    background-color: #07B6BF;
    font-size: 140%;
    text-align: center;
    padding: 1.75em 0.5em;
    margin: 0 5% 0 0;
    color: #fff;
}
.senpai_navi1{
    width: 30%;
    float: left;
    border-radius: 10px;
    background-color: #07B6BF;
    font-size: 140%;
    text-align: center;
    padding: 1em 0.5em;
    margin: 0 5% 0 0;
    color: #fff;
}

.senpai_navi2{
    width: 30%;
    float: right;
    border-radius: 10px;
    background-color: #07B6BF;
    font-size: 140%;
    text-align: center;
    padding: 1em 0.5em;
    color: #fff;
}


.senpai_current{
    background-color: #5ED4D4;
}

.saiyou_senpai_main{
    width: 90%;
    margin: 0 auto;
    /*background-color: #f4f4f4;*/
    padding: 0;
}
.saiyou_senpai_main p{
    padding: 0 3em;
}
.saiyou_senpai_main_markR{
    float: right;
    width: 50px;
    height: 50px;
    border-top:20px #20E1EB solid;
    border-right: 20px #07B6BF solid;
}
.saiyou_senpai_main_markL{
    float: left;
    width: 50px;
    height: 50px;
    border-bottom:20px #0C9097 solid;
    border-left: 20px #07B6BF solid;
}
.saiyou_senpai_main_imgL{
    float: left;
    width: 40%;
    padding: 1em;
}
.saiyou_senpai_main_imgL img{
    width: 100%;
}




.senpai_heder{
	width: 100%;
	background-color: #2A7DFF;
	padding: 0;
	text-align: center;
}
.senpai_heder .senpai_heder_L{
	float: left;
	width: 50%;
}
.senpai_heder .senpai_heder_R{
	float: left;
	width: 50%;
}
.senpai_heder .group{
	padding-top: 1em;
	font-size: 400%;
	font-weight: bold;
	color: #fff;
}
.senpai_heder .group_pes{
	padding-top: 1em;
	font-size: 400%;
	font-weight: bold;
	color: #fff;
}
.senpai_heder .group2{
	padding-top: 1em;
	font-size: 140%;
	font-weight: normal;
	color: #fff;
}
.senpai_heder .group3{
	margin-top: 1em;
	width: 100%;
	padding: 1em;
	/*background-color: #00225A;*/
	font-weight: normal;
	color: #fff;
}

.senpai_heder .photo1{
	width: 100%;
	padding: 0 0;
	text-align: center;
}
.senpai_heder .photo1 img{
	width: 100%;
}



.senpai_qa_box{
	/*float: left;
	width: 60%;*/
}
.iroiro1 {
	color: #2B85FF;
	font-size: 140%;
	font-weight: bold;
}
.iroiro2 {
	color: #FF2A73;
	font-size: 110%;
	font-weight: bold;
}
.iroiro3 {
	color: #6AE826;
	font-size: 200%;
	font-weight: bold;
}
.iroiro4 {
	color: #BD3AF7;
	font-size: 130%;
	font-weight: bold;
}
.senpai_qa_list{
	margin-top: 3em;
	text-decoration: none;
}
.senpai_qa_list li {
	/*border-bottom: 1px #ccc dashed;*/
}

.senpai_qa_list .qa_Q{
	color: #003CFF;
	padding-right: 1em;
}
.senpai_qa_list li.question{
	color: #003CFF;
}
.senpai_qa_list li.ancer{
	border-bottom:none;
	padding-left: 2em;
	padding-bottom: 1em;
}
.senpai_qa_list .qa_A{
	color: #FF2C2C;
	padding-right: 1em;
}


.qa_bottom_photo{
	float: left;
	margin: 1em 0;
	width: 50%;
	padding: 0 0;
	text-align: center;
}
.qa_bottom_photo img{
	width: 100%;
}


.saiyoutophe{
	width: 50%;
	margin: 2em auto;
	background-color: #2DC8CB;
	text-align: center;
	padding: 1em;
	border-radius: 10px;
	color: #fff;
}

a:hover .saiyoutophe{
	background-color: #51D6D8;
}





/*コンテンツ写真レイアウトテーブル*/
table.image_box{
    width: 100%;
    border-collapse:collapse;
    margin: 10px 0;
}
table.image_box th{
    width: 28%;
    background-color: #ddd;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 110%;
    border-bottom: 8px #fff solid;
}
table.image_box td{
    padding-left: 5px;
    width: calc(36% - 5px);
    padding-bottom: 5px;
    text-align: center;
}
table.image_box img {
    width: 100%;
}

table.image_box2{
    width: 100%;
}
table.image_box2 th{
    width: 28%;
    background-color: #ddd;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
table.image_box2 td{
    padding-left: 5px;
    width: calc(36% - 5px);
    padding-bottom: 5px;
    text-align: center;
}
table.image_box_sp {
        display: none;
    }
table.image_box2_sp {
        display: none;
    }


ul.disc {
    width: calc(100% - 2em);
    list-style-type:disc;
    padding-left: 2em;
    padding-bottom: 0.5em;
}




#main_contents .main_title_haikei {
    width: 100%;
    background: linear-gradient(to left, #fff, #0C2B56 50%, #fff);
    color: #fff;
}
#main_contents h2.main_title {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    
    /*background-color: #C7DFEC;*/
    /*border-bottom: 2px solid #41972B;*/
    padding: 0.75em 0;
    font-size: 140%;
    text-align: center;
}
#main_contents p.main_title {
    /*background-color: #C7DFEC;*/
    /*border-bottom: 2px solid #41972B;*/
    padding: 1em;
    font-size: 120%;
    text-align: center;
    /*color: #41972B;*/
}


#main_contents img.size550{
    width: 100%;
    max-width: 550px;
}
#main_contents img.size275{
    width: 50%;
    max-width: 275px;
}
#main_contents img.size630{
    width: 60%;
    max-width: 630px;
}
#main_contents img.size1055{
    width: 100%;
    max-width: 1055px;
}




/*会社概要*/

#main_contents .contents_in_kaisya1{
    display: flex;
    margin: 0 auto;
    padding: 0;
}
#main_contents .contents_in_kaisya2{
    display: flex;
    margin: 0 auto;
    padding: 0;;
}



.kaisya_aisatu {
	display: inline;
	margin: 0 auto;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 2;
    font-size:110%;
    text-align: left;

}
.kaisya_aisatu .text {
	width: 65%;
	float: left;
}
.kaisya_aisatu .photo{
	float: right;
	width: 30%;
	max-width: 300px;
	text-align: center;
}
.kaisya_aisatu .photo img{
	width: 100%;
	padding-bottom: 0.5em;
}


.sign{
	text-align: right;
}
.sign img{
	width: 150px;
	vertical-align: middle;
	mix-blend-mode: multiply;
}
.kaisya_mousitu1 {
	display: inline;
	margin: 0 auto;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 0.5em 0 1em 0;
    line-height: 2;
    font-size:200%;
    text-align: left;
    font-weight: bold;
}
.kaisya_mousitu2 {
	display:inline;
	margin: 0 auto;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 0.5em 0 1em 1em;
    line-height: 1.5;
    font-size:140%;
    text-align: left;
    /*font-weight: bold;*/
}

.kaisya_title {
	/*background: linear-gradient(0deg, #000 0%, #000 50%, #004ea2 50%, #004ea2 100%);*/
	background-color: #004ea2;
    padding: 1em 0.25em;
	margin: 0 0 1em 0;
    font-size: 180%;
    text-align: center;
    color: #fff;
}

.kaisya_iso {
	width: 40%;
	max-width: 500px;
	margin: 3em auto 2em;
	font-size: 14px;
	font-family: "游ゴシック", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}
.kaisya_iso img{
	width: 100%;
}

table.kaisya_gaiyou{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:94%;
    font-size: 100%;
}

table.kaisya_gaiyou td{
	border-collapse:collapse;
	text-align:left;
	padding:8px 15px;
	border:1px solid #ccc;
    vertical-align:middle;
	white-space:normal;
}

table.kaisya_gaiyou th{
    width: 20%;
	max-width:180px;
	padding:8px;
	white-space:nowrap;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
    
}

ul.kaisya{
    list-style-type:none;
    padding-left: 1em;
}

table.enkaku{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:94%;
	font-size: 100%;
}

table.enkaku td{
	border-collapse:collapse;
	text-align:left;
	padding:8px 15px;
	border:1px solid #ccc;
}

table.enkaku th{
    /*width: 25%;*/
    max-width: 250px;
	padding:8px 15px;
	white-space:nowrap;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	font-weight:normal;
	text-align:left;
    vertical-align:middle;
    
}


.gmap {
	width:95%;
	margin:0 auto;
}

.map_note {
    width: 60%;
    float:right;
	padding:10px 0;
}
.map_note .mark {
	padding-right:3px;
	color:#2782CB;
	padding-top:10px;
}
.map_photo {
    margin-left:0;
    float: left;
    width: 30%;
    padding:10px 0;
}
.map_photo img{
    width: 100%;
}
.map_title {
	font-size: 110%;
	font-weight: bold;
    background-color: #CBDCC4;
    padding: 0.5em;
    text-align: center;
    border-bottom: 1px solid #9EB992;
}
.map_title2 {
	font-size: 110%;
	font-weight: bold;
    background-color: #BBCCE4;
    padding: 0.5em;
    text-align: center;
    border-bottom: 1px solid #95ADCC;
}

/***設備***/

.setubi_title {
    background-color: #004ea2;
    padding: 1em 0.25em;
	margin: 0 0 1em 0;
    font-size: 180%;
    text-align: center;
    color: #fff;
}
.setubi_hyou{
	float: none;
	width: 100%;
}

.setubi_img p{
	width: 25%;
	float: left;
	
}
.setubi_img img{
	width: 100%;
}

table.setubi{
	/*float:left;*/
	border-collapse:collapse;
	margin:0;
	width:100%;
    font-size: 100%;
}

table.setubi td{
	border-collapse:collapse;
	text-align:left;
	padding:8px;
	border:1px solid #ddd;
	vertical-align: middle;
}
table.setubi td.center{
	text-align:center;
}
table.setubi th{
	padding:8px;
	white-space:nowrap;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
	background-color: #eee;
}


table.setubi2{
	/*float:left;*/
	border-collapse:collapse;
	margin:0;
	width:100%;
    font-size: 100%;
}

table.setubi2 td{
	border-collapse:collapse;
	text-align:left;
	padding:8px;
	border:1px solid #ddd;
	vertical-align: middle;
}

table.setubi2 th{
	padding:8px;
	white-space:nowrap;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
    background-color: #ddd;
}



/***お問い合わせページ***/

.toiawase_comment {
    margin:0 auto;
	width:90%;
    padding: 0;
}
.toiawaseWrapper {
	width:90%;
	max-width: 640px;
	margin:0 auto;
}

.toiawaseWrapper h2{
	margin:20px 0;
	padding-left:15px;
	font-size:140%;
	font-weight:bold;
	border-left:7px solid #1496C7;
}
.toiawaseWrapper .inner{
	width: 90%;
    max-width: 1200px;
	margin: 0 auto;
}

input[type="text"],input[type="tel"],input[type="email"],textarea {
	letter-spacing: 0.05em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
    width: 100%;
	padding:5px 0;
}

form {
	margin:0 auto;
	width:90%;
    max-width: 800px;
	font-size:100%;
}
form ul {
	margin:0 auto;
	width:100%;
	list-style-type:none;
	border:1px #eee solid;
}
form ul li.koumoku{
    padding: 10px 0 10px 2%;
    margin: 0;
	background-color:#eee;
	border-top:1px #eee solid;

    float: none;
    width: 100%;
}

form ul li.nyuryoku {
	padding: 10px 2%;
    margin: 0;
	border-top:1px #eee solid;
	border-left:none;
	float:none;
    width: 100%;
}
form ul li.nyuryokutop {
	padding: 10px 2%;
    margin: 0;
	border-left:none;
	float:none;
    width: 100%;
}
form ul .check {
	padding:10px 10px 0 10px;
	/*float:left;*/
}
form .nihongo {
    ime-mode: active;
}    /* ONにする */
form .hankaku {
    ime-mode: inactive;
}  /* OFFにする */

.kakunin {
	width:100%;
/*	max-width:610px;*/
	margin:10px 0;
}
.kakunin iframe {
	border:1px #ddd solid;
	padding:5px;
}

input.Bsubmit {
	padding:10px 30px;
	margin: 0 20px 0 0;
    font-size: 110%;
}
input.Breset {
	padding:10px;
	margin: 0 0 20px 0;
    font-size: 110%;
}
.soushin {
	text-align:center;
}
.soushin {
	text-align:center;
}
.otoiawaseTel {
	padding-top:10px;
	font-size:180%;
	font-weight:bold;
	text-align:center;
}
.hissu {
	color: #C36;
	font-size:80%;
}
.hissu2 {
	color:#333;
	font-size:80%;
}
#privacy {
	padding:1em;
}
#privacy h2{
	font-size:110%;
	font-weight:bold;
	padding:5px 0;
}
#privacy h3{
	font-size:110%;
	font-weight:bold;
	padding:5px 0;
	color:#3E72A3;
}
#privacy ol {
	list-style-type:decimal;
	margin-left:40px;
}
#privacy ol li {
	padding:5px 0;
}
	
#privacy .right{
	text-align:right;
	padding-right:0.5em;
}


/*************
テーブル
*************/

/*汎用*/
table.normal{
	float:none;
	border-collapse:collapse;
	margin:0;
	width:100%;
    font-size: 110%;
}

table.normal td{
	border-collapse:collapse;
	text-align:left;
	padding:8px 15px;
	border:1px solid #ccc;
}

table.normal th{
    width: 20%;
	max-width:180px;
	padding:8px;
	white-space:nowrap;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
    /*background-color: #eee;*/
}

/*サイトマップ*/

table.sitemap{
border-collapse:collapse;
margin:5px auto 15px auto;
width:80%;
	font-size: 100%;
}
table.sitemap td{
text-align:left;
/*width:60%;*/
padding:10px 0;
border-bottom:1px #ccc solid;
}

table.sitemap th{
text-align:left;
/*width:40%;*/
padding:10px 0;
font-weight:normal;
border-bottom:1px #ccc solid;
	white-space: nowrap;
}
table.sitemap a {
	color:#333;
}
table.sitemap a:hover {
	color:#3F85FF;
	text-decoration: underline;
}


/*************
/* フッター
*************/
#footer{
    /*position:relative;*/
    /*height: 600px;*/
    width: 100%;
    margin: 0;
    clear:both;
    background-color:#107db0;
    color:#fff;
    padding-top:20px;
    padding-bottom: 0;
}
#footer a {
	color:#333;
}
#footer .inner{
	width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

#footer .footerinfo {
    float: left;
    text-align: left;
    width: 45%;
	margin:3% 0 0 5%;
	font-size:80%;
}
#footer .footerinfo img{
    width: 70%;
    /*width: 40%;*/
    /*opacity: 60%;*/
    }
#footer .footer_address{
        margin: 2em 0 0.5em 0;
    font-size: 120%;
    }
#footer .copy {
    margin: 0;
	padding:20px;
	font-size:11px;
	text-align:center;
	font-family: Verdana, Geneva, "sans-serif";
    /*background-color: #eee;*/
}

#footer .space2{
    padding-left: 2em;
}
#footer .space1{
    padding-left: 1em;
}



/*******************************************************
*
*狭い表示
*
*******************************************************/

@media only screen and (max-width:1200px){
    
#header{
	margin:0 0 0 10px;
	width:93%;
}

/*会社概要*/

#main_contents .contents_in_kaisya1{
    width: 95%;
    max-width:inherit;
    /*max-width: 1100px;*/
    margin: 0 auto;
    padding: 0;
}
#main_contents .contents_in_kaisya2{
    width: 95%;
    max-width:inherit;
    /*max-width: 1100px;*/
    margin: 0 auto;
    background-color: #fff;
    padding: 0 1em;
}

}
/*******************************************************
*
*タブレット
*
*******************************************************/

@media only screen and (max-width:1024px){
 

	
/*トップページ用*/	
#homeWrapper{
    position:absolute;
    top:calc(40vh + 70px);
    float:none;
	margin:0;
	padding:0;
	width:100%;
	font-size:110%;
}
/*コンテンツページ用*/	
#mainWrapper{
    position:absolute;
    top:calc(320px);/*ヘッドイメージのheightと合わせる*/
    float:none;
	margin:0;
	padding:0;
	width:100%;
    font-size:110%;
}	
	
    
#main_contents .contents_in{
    width: 95%;
    margin: 0 auto;
    padding: 0;
}	
	
	
	
table.kaisya_gaiyou{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:100%;
    font-size: 100%;
}
table.enkaku{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:100%;
    font-size: 100%;
}
    
.gmap {
	width:100%;
	margin:0 auto;
}
.map_note {
    width: 65%;
    float:right;
	padding:10px 0;
}
.map_photo {
    margin-left: 0;
    float: left;
    width: 30%;
    padding:10px 0;
}
    


.gmap {
	width:100%;
	margin:0 auto;
}    
.map_note {
    width: 55%;
    float:right;
	padding:10px 0;
}

.map_photo {
    margin-left: 0;
    float: left;
    width: 40%;
    padding:10px 0;
}
    


/*採用情報*/	
.saiyou_top_imgL {
	width: 100%;
	margin-top: 0;
	margin-left: 0;
	float:none;
}

.saiyou_top_textR {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	float:none;
	background-color: #D4F7F9;
	border: 2px #D4F7F9 solid;
	padding: 1em;
	font-size: 100%;
}

.saiyou_top_imgR {
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	float:none;
}
.saiyou_top_imgR img{
	width: 100%;
}
.saiyou_top_textL {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	width: 100%;
	float:none;
	background-color: #D4F7F9;
	border: 2px #D4F7F9 solid;
	padding: 1em;
	font-size: 100%;
}

.saiyou_data {
	float: left;
	width: 48%;
	min-height: 170px;
	margin:6px 1%;
	padding: 0;
	border: 2px #5B97C9 solid;
	text-align: center;
	border-radius: 10px;
}
	
.saiyou_gyoumu {
	float: left;
	width: 48%;
	margin:0.5em 1%;
	padding: 0;
	/*background-color: #eee;*/
	text-align: left;
	font-size: 85%;
	color: #333;
}
	
	
.saiyou_qa {
	float: left;
	width: 48%;
	margin:0.5em 1%;
	padding: 0;
	border: 1px #ccc solid;
	text-align: center;
	font-size: 90%;
}
.saiyou_qa img{
	width: 100%;
}
.saiyou_qa_left {
	float: left;
	width: 0%;
	margin:1em 0;
	padding: 0;
}

	
	
.saiyou_rikunaviL{
	float: left;
	width: 40%;
	margin-left: 7%;
	text-align: center;
	
}
.saiyou_rikunaviR{
	float: right;
	width: 40%;
	margin-right: 7%;
	text-align: center;
	
}
	
	
}/*タブレットここまで*/
/*******************************************************
*
*スマートフォン・タブレット
*
*******************************************************/
@media only screen and (max-width:767px){

    
   

body {
color:#333;
    }

    
.img_sp{
	display: block;
}
.img_pc{
	display: none;
}
	
header{
    z-index: 999;
    position: fixed;
       /*position: relative;*/
       /*position: -webkit-sticky;/*Safari用ベンダープレフィックス*/
       top: 0;
    width: 100%;
    background:#107db0;
    height: 70px; 
}
#header{
	margin:0 auto;
	width:100%;
	height:70px;
}	
	

	
#header .logo{
    width: calc(100% - 100px);
    max-width: 300px;
    float:left;
	padding:5px 0 0 10px;
}


#header .logo img {
	width:100%;
}	
	
#header h1 {
    display: none;
    }
h1.header_h1_sp{
    display: block;
    clear:both;
    width: 100%;
    height: 20px 0 5px 0;
    margin: 0 0 10px 0;
    font-size: 85%;
    color: #333;
    padding:0;
    text-align: center;
    line-height: 1.3;
    }
	
/*トップページ用*/	
#homeWrapper{
    position:absolute;
    top:calc(40vh + 70px);
    float:none;
	margin:0;
	padding:0;
	width:100%;
	font-size:110%;
}
/*コンテンツページ用*/	
#mainWrapper{
    position:absolute;
    top:calc(250px);/*ヘッドイメージのheightと合わせる*/
    float:none;
	margin:0;
	padding:0;
	width:100%;
    font-size:110%;
}	
	
    
#main_contents .contents_in{
    width: 95%;
    margin: 0 auto;
    padding: 0;
}

.pankuzu {
    width: 95%;
/*    max-width: 1024px;*/
    margin: 10px auto 0 auto;
	font-size:75%;
	padding:0;
	color:#777;
}

	
.font-size120{
    font-size: 110%;
}
.font-size130{
    font-size: 120%;
}
.font-size140{
    font-size: 120%;
}
.font-size150{
    font-size: 130%;
}
.font-size160{
    font-size: 140%;
}
.font-size180{
    font-size: 140%;
}
.smalltext {
	font-size:70%;
    font-weight: normal;
}
.smalltext2 {
	font-size:70%;
    font-weight: normal;
}	

.line_space1{
    padding: 0 0;
}   	
.line_space1-2{
    padding: 0.1em 0;
}    
.line_space2{
    padding: 0.5em 0;
}
.line_space3{
    padding: 0.75em 0;
}
.line_space4{
    padding: 1em 0;
}
.footer_line_space2{
    padding: 0;        
}

.hightspace4em{
    display: none;
}    
.hightspace60{/*ジャンプ時の固定ヘッド分を下げる*/
    display: block;
    padding-top: 60px;
    }

	
.kaigyou1{
	line-height: 2;
	}	
.kaigyou2{
	line-height: 2.5;
	}	

#main_contents .main_reader {
    width: 100%;
    margin: 2em auto 1em auto;
	padding:0;
    text-align: center;
	font-size: 180%;
	font-weight: bold;
}

/*文字左右にボーダー線*/
.main_reader2_pc {
	display: none;
	}
.main_reader2_sp {
	color: #333;
	font-size: 120%;
	display: flex;
	align-items: center;
	font-weight: bold;
	text-align: center;
}
.main_reader2_sp:before, .main_reader2_sp:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.main_reader2_sp:before {
	margin-right: .4em;
}
.main_reader2_sp:after {
	margin-left: .4em;
}
	

	
/*採用情報ボタン*/
.kyujin{
    display : block;
  position: fixed;
  z-index : 10000;
      right : 60px;
  top: 0px;
    width: 70px;
    height:70px;
    text-align: center;
}
.kyujin a p{
    width: 100%;
    height: 100%;
    background-color: #27BABC;
    padding-top:12px;
    line-height: 1.2;
}



/*ホームからのコンテンツリンクボタン*/

.subnav_home{ /*3ボタン*/
    float: left;
    display: block;
    top: 0;
    left: 0;
	margin:40px 1.16666%;
	padding:0;
	width:31%;
    text-align: center;
}
.subnav_home img{
    width: 100%;
}	
	
/*SDGs*/
	
ul.kuromaru{
	list-style:disc;
  margin-left: 10%;
}
ul.kuromaru li{
	margin-bottom: 0.5em;
}

.indent1{
	margin-left: 5%;
}	
	

    
#main_contents .home_contents_in {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}


#main_contents .home_link{
	display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    font-size: 120%;
    text-align: center;
}


  

  
/*-------------------------------------
ホーム 
--------------------------------------*/
.home_contents_title {
    background-color: #004ea2;
    padding: 1em;
    font-size: 150%;
    text-align: center;
    color: #fff;
}

	
#main_contents .home_link{
	display: block;
    width: 100%;
    /*max-width: 1000px;*/
    margin: 0 auto;
    padding: 0;
    font-size: 100%;
    text-align: center;
}
.home_link_syousai{
	float: left;
	width: 46%;
	margin: 15px 2%;
    background-color: #004ea2;
    color: #fff;
    text-align: center;
    padding: 10px 5px;
    border-radius: 7px;
	box-shadow: 4px 4px 4px 0 #aaa;
}
a .home_link_syousai{
    text-decoration: none;
    color: #fff;
}
a:hover .home_link_syousai{
    text-decoration: none;
    background-color: #0061CB;
    color: #fff;
}

	
.home_contents_text {
    width: 100%;
    margin: 1em 0 0 0;
    text-align: left;
}
.home_contents_text h2{
    color: #004ea2;
    /*border-bottom: 1px solid #394D72;*/
    margin-bottom: 0.5em;
    font-size: 130%;
    
}	
.home_contents_img {
    width: 100%;
    margin: 20px 0 0 0;
}

	
.home_contents_link_L {/*右側*/
	float: none;
    width: 100%;
	height: 250px;
	padding: 50px 0 0 0;
    margin: 4px 0 0 0;
	background-image:url("../images/home_kumitate_image.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #fff;
}	
.home_contents_link_R {/*左側*/
	float: none;
    width: 100%;
	height: 250px;
	padding: 50px 0 0 0;
    margin: 4px 0 0 0;
	background-image:url("../images/home_kensa_image.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #fff;
}
	
/*ホームiso*/
.iso_mark{
	margin: 2em 0 0 0;
	text-align: center;
}
.iso_mark img{
	width: 200px;
	padding-bottom: 5px;
}	

#main_contents h1.midasi{
	font-size: 180%;
	text-align: center;
	font-weight: bold;
}	

	
	
	
/*タイトル文字サイズ*/
.kaisya_title {
    padding: 1em;
	margin: 0 0 1em 0;
    font-size: 150%;
}
	
	

/***設備***/

.setubi_title {
    background-color: #004ea2;
    padding: 0.7em 0.25em;
	margin: 0 0 1em 0;
    font-size: 135%;
    text-align: center;
    color: #fff;
}
.setubi_hyou{
	float: none;
	width: 100%;
}	
	


.setubi_img p{
	width: 50%;
	float: left;
	
}
.setubi_img img{
	width: 100%;
}

    
/*各ページ下問い合わせ*/    
.toiawasebox .denwauketuke a{
/*    color: #2f5f9e;*/
}

   
/*-------------------------------
/*コンテンツページレイアウト
---------------------------------*/
.toiawasebox .toiawase_in{
    width: 95%;
    max-width:inherit;
    margin: 0 auto;
    padding: 0;
}
.toiawasebox .soudanwakotira{
    width: 95%;
    margin: 0 auto;
    font-size: 105%;
    padding-bottom: 0.75em;
/*    font-weight: bold;*/
    color:#fff;
}
	
 

	
.jissou_contents1 img.right1{
	float: right;
	width: 48%;
	padding-left: 1em;
	padding-bottom: 1em;
	
}
.jissou_contents1 img.right2{
	float: right;
	width: 60%;
	padding-left: 1em;
	padding-bottom: 1em;
	
}
.jissou_contents1 .title{
	font-size: 150%;
	margin: 0.5em 0;
	color: #004ea2;
}
/***高品質のために**/
.hinsitu_imgL{
	width: 40%;
	float: left;
	padding: 0 0;
}
.hinsitu_imgL img {
	width: 100%;
}
.hinsitu_imgR{
	width: 50%;
	float: right;
	padding: 0 0 1em 0.5em;
}
.hinsitu_imgR img {
	width: 100%;
}

.hinsitu_omoiwo{
	height: 200px;
	background-image: url("../images/hinsitu_img6.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	padding-top: 30px;
	text-shadow: 2px 2px 6px #000, 3px 3px 8px #000;
}	
	
	
/*会社案内*/
	
#main_contents .contents_in .contentsL {/*左側*/
    float: none;
    width: 100%;
    margin: 0 0 0 0;
}
	
	
.kaisya_aisatu .text {
	width: 100%;
	float: none;
}
.kaisya_aisatu .photo{
	float: none;
	width: 100%;
	max-width: 100%;
	text-align: center;
}
.kaisya_aisatu .photo img{
	width: 50%;
	padding-bottom: 0.5em;
}	
	
.kaisya_iso {
	width: 65%;
	max-width: 500px;
	margin: 3em auto 2em;
	font-size: 12px;
	font-family: "游ゴシック", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}
.kaisya_iso img{
	width: 100%;
}
	
.kaisya_mousitu1 {
	display: inline;
	margin: 0 auto;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 0.5em 0 1em 0;
    line-height: 2;
    font-size:160%;
    text-align: left;
    font-weight: bold;
}
.kaisya_mousitu2 {
	display:inline;
	margin: 0 auto;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 0.5em 0 1em 0;
    line-height: 2;
    font-size:120%;
    text-align: left;
    font-weight: bold;
}	
	
	
table.kaisya_gaiyou{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:100%;
    font-size: 100%;
}

table.kaisya_gaiyou td{
	border-collapse:collapse;
	text-align:left;
	padding:8px 15px;
	border:1px solid #ccc;
    vertical-align:middle;
	white-space:normal;
}

table.kaisya_gaiyou th{
    /*width: 20%;*/
	max-width:inherit;
	padding:8px;
	white-space:nowrap;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
    
}	
	
	
table.enkaku{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:100%;
}

table.enkaku td{
	/*width: 55%;*/
	border-collapse:collapse;
	text-align:left;
	padding:8px 5px;
	border:1px solid #ccc;
}

table.enkaku th{
    /*width: 45%;*/
    max-width:inherit;
	padding:8px 5px;
	white-space:nowrap;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	font-weight:normal;
	text-align:left;
    vertical-align:middle; 
}	
	
	
#main_contents .toiawase_link{
    width: 90%;
    min-width:inherit;
    margin: 2em auto;
    box-shadow: 4px 4px 4px 0 #ccc;
    border-radius: 10px;
    padding: 1em;
    text-align: center;
	line-height: 1.5;
}	
	
	

.msp_waku1{
	width: 100%;
	margin: 0 auto;
	border: 1px #E00003 solid;
	padding: 1em;
	font-weight: bold;
	text-align: center;
	background-color: #FFF1F1;
}	
ul.cp_list {
	margin-top: 1em;
	margin-left: 0%;
	padding:0.5em;
	list-style-type:none;
	text-align: left;
	font-size: 120%;
	font-weight: normal;
}	
ul.cp_list li {
	position:relative;
	padding: 0em 0.3em 0em 1em;
}
ul.cp_list li::before,ul.cp_list li::after {
	position: absolute;
	content: '';
	display: inline-block;
}
ul.cp_list li::after {
	top: 0.3em;
	left: 0em;
	width: 18px;
	height: 18px;
	background-color: #6ADAF7;
	border-radius: 25%;
}
ul.cp_list li::before {
	position: absolute;
	top: 25%;
	left: 0em;
	height: 0;
	width: 0;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 0px solid #6ADAF7;
	transform: translateY(-50%);
}	
	
	
	
	
/*採用*/
.saiyoutophe{
	width: 80%;
	margin: 2em auto;
	background-color: #2DC8CB;
	text-align: center;
	padding: 1em;
	border-radius: 10px;
	color: #fff;
}
	

	
.saiyou_kyariasaiyou{
	width: 80%;
	min-width:inherit;
	padding:0;
	margin: 0 auto;
	background-color:#1B9EA5;
	color: #fff;
	border-radius: 5px;
	box-shadow: 4px 4px 4px 0 #ccc; 
}	



	

.syokusyu_senpai{
	display: flex;
	width: 98%;
	margin: 3em auto;
	border: 1px #ccc solid;
	background-color: #fff;
}
.syokusyu_senpai_left{
	width: 100%;
	display: flex; /* 要素をフレックスボックスレイアウトにする */
  align-items: center; /* 垂直方向に中央揃えにする */
	background-color: #eee;
	text-align: center;
	padding: 1em;
}	
	
	

	

    


#main_contents .contentsGlay{
    width: 100%;
    margin: 0;
    padding: 0;
}


/***お問い合わせページ***/
.toiawase_comment {
    margin:0 auto;
	width:95%;
    min-width: auto;
    padding: 0;
}    
 
/****/    
#main_contents .note1{
    width: 95%;
    margin: 0 auto;
    padding: 1em;
    border: 3px #ccc solid;
    
}
    
	
.kakko {
	font-size: 80%;
}
    
#mainWrapper h2.lead{
    border: none;
	margin:20px auto;
	padding:0;
	font-size:135%;
	font-weight:bold;
}


/*コンテンツ写真レイアウトテーブル*/
table.image_box {
        display: none;
    }
table.image_box_sp{
    display: block;
    width: 100%;
    border-collapse:collapse; 
    margin: 5px 0;
}
table.image_box_sp th{
    /*width: 28%;*/
    background-color: #ddd;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 110%;
    border-top:4px solid #ddd;
border-right:4px solid #ddd;
border-bottom:4px solid #ddd;
border-left:4px solid #ddd;
}
table.image_box_sp td{
    background-color: #ddd;
    padding-left: 0;
    width: 50%;
    padding-bottom: 0;
    text-align: center;
    border:4px solid #ddd;
}
table.image_box_sp img {
    width: 100%;
}

table.image_box2_sp{
    display: block;
    width: 100%;
}
table.image_box2_sp th{
    /*width: 28%;*/
    background-color: #ddd;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
table.image_box2_sp td{
    padding-left: 5px;
    width: calc(50% - 5px);
    padding-bottom: 5px;
    text-align: center;
}    
.indent_2em {
	padding-left:0;
}




/*会社概要*/

	
#main_contents .kaisya_namae{
    clear: both;
    padding: 0 0 1em 1em;
    width: 100%;
    text-align: right;
}
#main_contents .kaisya_namae img{
    padding: 1em 0.5em 1em 1em;
    width: 200px;
    vertical-align: middle;
}    
    
table.kaisya{
	float:none;
	border-collapse:collapse;
	margin:0 auto;
	width:100%;
}

table.kaisya td{
	border-collapse:collapse;
	text-align:left;
	padding:8px 10px;
	border:1px solid #ccc;
}

table.kaisya th{
	width:20%;
	padding:8px 5px;
	white-space:nowrap;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	font-weight:normal;
	text-align:center;
    vertical-align:middle;
}

	


.gmap {
	width:100%;
	margin:0 auto;
}    
.map_note {
    width: 100%;
    float:left;
	padding:0;
}
.map_note .mark {
	padding-right:3px;
	color:#2782CB;
	padding-top:10px;
}
.map_photo {
    float: right;
    width: 50%;
    padding:10px 0;
}

/*サイトマップ*/

table.sitemap{
border-collapse:collapse;
margin:5px auto 15px auto;
width:95%;
	font-size: 90%;
}

table.sitemap td{
text-align:left;
/*width:60%;*/
padding:10px 0;
border-bottom:1px #ccc solid;
}

table.sitemap th{
text-align:left;
/*width:40%;*/
padding:10px 0;
font-weight:normal;
border-bottom:1px #ccc solid;
	white-space: nowrap;
}
table.sitemap a {
	color:#333;
}
table.sitemap a:hover {
	color:#3F85FF;
	text-decoration: underline;
}

/*お問い合わせ*/
form {
	margin:0 auto;
	width:100%;
	font-size:100%;
}
form ul {
	margin:0 auto;
	width:100%;
	list-style-type:none;
	border:1px #eee solid;
}
form ul li.koumoku{
    padding: 10px 0;
    margin: 0;
	background-color:#eee;
	border-top:1px #eee solid;
	text-align:center;
    float: none;
    width: 100%;
}
form ul li.koumokutop{
    padding: 15px 0;
    margin: 0;
	background-color:#eee;
	height:100%;
	text-align:center;
	float:none;
    width: 100%;
}
form ul li.nyuryoku {
	padding: 10px 2%;
    margin: 0;
	border-top:1px #eee solid;
	border-left:none;
	float:none;
    width: 100%;
}
form ul li.nyuryokutop {
	padding: 10px 2%;
    margin: 0;
	border-left:none;
	float:none;
    width: 100%;
}

    
/*************
/* フッター
*************/
#footer{
    /*position:relative;*/
    /*height: 600px;*/
    width: 100%;
    margin: 0;
    clear:both;
    padding-top:5px;
    padding-bottom: 0;
}

#footer .inner{
	width: 95%;
    max-width: 1200px;
    margin: 0 auto 20px auto;
}

#footer .footerinfo {
    float: none;
    text-align: center;
    width: 100%;
	margin:2.5em 0 0 0;
	font-size:80%;
}
#footer .footerinfo img{
        width: 60%;
    }
#footer .footer_address{
        margin-top: 1em;
    }
#footer .copy {
	padding:20px;
	font-size:11px;
	text-align:center;
	font-family: Verdana, Geneva, "sans-serif";
    background-color: #eee;
}

#footer .space2{
    padding-left: 0;
}
#footer .space1{
    padding-left: 0;
}

	
}
/*スマートフォン・タブレットここまで*/


@media only screen and (max-width:767px){

/*telリンクの制御spの時*/
a[href^="tel:"] {
    pointer-events:auto;
	color: #fff;
} 
	
.kaigyou1{
	line-height: 2;
	}	
.kaigyou2{
	line-height: 1.4;
	}
	
.senpai_heder .group_pes{
	padding-top: 0;
	font-size: 250%;
	font-weight: bold;
	color: #fff;
}
.smalltext2 {
	font-size:60%;
    font-weight: normal;
	line-height: 1;
}	

/*スイッチ仕様表*/	
table.table_spec th{
	width:5em;
	}
	

/*タイトル文字サイズ*/
.kaisya_title {
    padding: 0.75em 0.25em;
	margin: 0 0 1em 0;
    font-size: 120%;
}	
.saiyou_title {
	margin: 0 0 1em 0;
    padding: 0.75em 0.25em;
    font-size: 120%;
}
.sdgs_title {
	margin:0 0 1em 0;
    padding: 0.75em 0.25em;
    font-size: 120%;

	}
.syokusyu_title{
    background-color: #004ea2;
    padding: 0.75em 0.25em;
	margin: 0 0 1em 0;
    font-size: 120%;
	}
.page_title_saiyou {
	margin: 0;
    padding: 0 0.25em;
    font-size: 140%;
}
.page_title_saiyou2 {
	margin: 0;
    padding: 0 0.25em;
    font-size: 80%;
}	

/*ホームレイアウト*/


.home_contents_text h2{
    margin-bottom: 0.5em;
    font-size: 140%;
}
.home_contents_title {
    padding: 1em;
    font-size: 140%;
    text-align: center;
}
	
.toiawase_title {
    padding: 1em;
    font-size: 140%;
}
.toiawasebox .soudanwakotira{
    width: 95%;
    margin: 0 auto;
    font-size: 105%;
    padding-bottom: 0.75em;
/*    font-weight: bold;*/
    color:#fff;
}
	
.jigyou_flow_end{
	margin: 1em auto;
	width: 95%;
	font-size: 120%;
	padding: 1em;
	border-radius: 50px;
}		

.otoiawaseTel {
	padding-top:10px;
	font-size:140%;
}
.kaisya_mousitu {
    padding: 0.5em 0 1em 0;
    line-height: 2;
    font-size:130%;
}	

	
.pes_underline {
	font-size: 140%;
}
ul.cp_list {
	margin-top: 1em;
	margin-left: 0%;
	padding:0.2em;
	list-style-type:none;
	text-align: left;
	font-size: 110%;
	font-weight: normal;
}	
ul.cp_list li {
	position:relative;
	padding: 0em 0.3em 0.25em 1.3em;
}
	
	
.syokusyu_senpai_left{
	width: 100%;
  align-items: center; /* 垂直方向に中央揃えにする */
	text-align: center;
	padding: 1em 0.25em;
}	
	
	
.saiyou_kyariasaiyou{
	width: 85%;
	min-width:inherit;
	padding:0;
	margin: 0 auto;
	background-color:#1B9EA5;
	color: #fff;
	border-radius: 5px;
	box-shadow: 4px 4px 4px 0 #ccc; 
}		
	
}