@charset "utf-8";

/*----------------------------------------------------------
COLOR SETTING
----------------------------------------------------------*/

/* company background color */
.bg-west,.bg-westg{
	background-color: #073A97;
}
.bg-bs{
	background-color: #BE0809;
}
.bg-ma{
	background-color: #F0B72C;
}
.bg-ft{
	background-color: #039EA8;
}
.bg-neo{
	background-color: #0389C9;
}
.bg-ba{
	background-color: #A43782;
}
.bg-smc{
	background-color: #AAC50B;
}

/* company font color */
.fc-west{
	color: #073A97;
}
.fc-bs{
	color: #BE0809;
}
.fc-ma{
	color: #F0B72C;
}
.fc-ft{
	color: #039EA8;
}
.fc-neo{
	color: #0389C9;
}
.fc-ba{
	color: #A43782;
}
.fc-smc{
	color: #AAC50B;
}





.vbox{
	display: inline-block;
	margin-top: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #0080C0;
	color: #FFFFFF;
	font-size: 18px;
	white-space: nowrap;
	font-weight: bold;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.vbox1{
	display: inline-block;
	margin-top: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #339933;
	color: #FFFFFF;
	font-size: 14px;
	white-space: nowrap;
	font-weight: normal;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.vbox2{
	display: inline-block;
	margin-top: 8px;

	background-color: #fff;
	color: #333;
	font-size: 100%;
	/*	white-space: nowrap;*/
	font-weight: normal;
	margin-left: 0px;
	padding-top: 8px;

	width: 100%;
	margin-bottom: 5px;
}





	



.wtn_copyright{
/*	visibility: hidden;*/
	display: none;
	}







/* company font & border color */
.bf-west{
	color: #073A97;
	border: 1px solid #073A97;
}
.bf-bs{
	color: #BE0809;
	border: 1px solid #BE0809;
}
.bf-ma{
	color: #F0B72C;
	border: 1px solid #F0B72C;
}
.bf-ft{
	color: #039EA8;
	border: 1px solid #039EA8;
}
.bf-neo{
	color: #0389C9;
	border: 1px solid #0389C9;
}
.bf-ba{
	color: #A43782;
	border: 1px solid #A43782;
}
.bf-smc{
	color: #AAC50B;
	border: 1px solid #AAC50B;
}

/*----------------------------------------------------------
RESET
----------------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style-type: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

body{

	}

h1{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W5", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

table {
    border-collapse:collapse;
	border-spacing:0;
	border: none;
	empty-cells:show;
}
fieldset,img,abbr {
    border:0;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var {
    font-style:normal;
	font-weight:normal;
}
caption,th { 
    text-align:left;
}
li,dl {
	list-style:none;
}
img {
    vertical-align:top;
	border: none;
}

legend {
	display:none;
}

hr{
	display: none;
	clear: both;
}

.left{
	float: left;
}
.right{
	float: right;
}

a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.pc{
	display: block !important;
}
.sp{
	display: none !important;
}
@media screen and (max-width: 768px) {
.pc{
	display: none !important;
}
.sp{
	display: block !important;
}
img{
	max-width: 100%;
}
}

@font-face {
	font-family: 'MonoSocialIconsFont';
	src: url('font/MonoSocialIconsFont-1.10.eot');
	src: url('font/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
	     url('font/MonoSocialIconsFont-1.10.woff') format('woff'),
	     url('font/MonoSocialIconsFont-1.10.ttf') format('truetype'),
	     url('font/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
	src: url('font/MonoSocialIconsFont-1.10.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'fontello';
	src: url('font/fontello.eot');
	src: url('font/fontello.eot#iefix') format('embedded-opentype'),
	     url('font/fontello.woff') format('woff'),
	     url('font/fontello.ttf') format('truetype'),
	     url('font/fontello.svg#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}








/*----------------------------------------------------------
CLEARFIX
----------------------------------------------------------*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#wrap{
	position: relative;
}



/*----------------------------------------------------------
HEADER
----------------------------------------------------------*/
#header_wrapper{
	background-color: #FFFFFF;
	height: 95px;
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 0;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #039;
	border-left-color: #039;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#header{
	/*padding: 0 30px;*/
	position: relative;
}
#header .inner{
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}
#header h1{
	top: 30px;
	left: 30px;
/*	position: absolute;*/
}
#header .navi{
	display: none;
}
#header ul.navi01{
	position: absolute;
	top: 0px;
	right: 30px;
	margin-top: 3px;
	background-image: url(images/tel.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:contain;
}
#header ul.navi01 li{
	float: left;
	height: 80px;
	width: 300px;
	padding-bottom: 20px;
	margin-right: 1px;
	text-align: center;
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
}
#header ul.navi01 li a{
	display: block;
	height: 30px;
	width: 300px;
	padding-top: 7px;
	padding-bottom: 20px;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#header ul.navi01 li.entry a{
	background-color: #006633;
}
#header ul.navi01 li.mypage a{
	background-color: #d7b100;
}
#header ul.navi01 li.entry a:hover{
	background-color: #0A8D55;
}
#header ul.navi01 li.mypage a:hover{
	background-color: #ebc92d;
}

#header ul.navi02{
	position: absolute;
	top:  76px;
	left: 30px;
	width: 100%;
}
#header ul.navi02 li{
	float: left;
	margin: 0 33px 0 0;
	padding: 0px;
	line-height: 11px;
}
#header ul.navi02 li a{
	display: block;
	padding-bottom: 3px;
	padding: 14px 12px;
}
#header ul.navi02 li a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#header ul.navi02 li a i{
	display: none;
}


#header #spmenu{
	display: none;
}


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

#header_wrapper{
	background-color: #FFFFFF;
	height: 56px;
	position: static;
}
#header_wrapper .megamenu{
	display: none;
}
#header .inner{
	max-width: 100%;
	height: 50px;
	line-height: 0%;
	position: fixed;
}
#header{
	height: 56px;
	width: 100%;
	position: relative;
	padding: 0;
	max-width: none;
}
#header h1{
	margin: 0;
	position: static;
	display: inline-block;
	background-color: #fff;
	width: 100%;
	height: 55px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #069;
}

/*↓スマホ展開メニュー*/
#header .spheader .fixed{
	position: fixed;
	width: 100%;
	height: 60px;
	z-index: 1000;
	/*	background-color: #FFFFFF;*/
	top: 0;
	left: 0;
	

}
#header .spheader .fixed.active{
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

/*展開ボタン三の四角形*/
#header .navi{
	top: 0px;
	right: 0px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 1000;
	background-color: #fff;
	color: #fff;
	padding: 13px 16px;
	font-size: 21px;
	line-height: 21px;
	border-left: 1px solid #e9e9e9;
}
#header .navi span{
	display: block;
	height: 3px;
	width: 24px;
	margin: 5px 0 5px 0;
	transition: all 1.0s;
	position: relative;
	background-color: #069;
	/*↑スマホ展開ボタンの描画色*/
}

/*↓スマホ展開ボタンの背景色*/
#header .active .navi{
	background-color: #006699;
}

#header .active .navi span{
	background: #fff;
}
#header .active .navi .m1{
    -webkit-transform: translate(0,8px) rotate(-45deg);
    transform: translate(0,8px) rotate(-45deg);

}
#header .active .navi .m2{
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.ie8 #header .active .navi .m2{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#header .active .navi .m3{
    -webkit-transform: translate(0,-8px) rotate(45deg);
    transform: translate(0,-8px) rotate(45deg);
}
#header ul.navi01{
	position: static;
	width: 100%;
	margin-top: 56px;
}
#header ul.navi01 li{
	width: 49.5%;
}
#header ul.navi01 li.entry{
	margin-right: 1%;
}
#header ul.navi01 li.mypage{
	margin-right: 0;
}
#header ul.navi01 li a{
	font-size: 0.9em;
	width: 100%;
	display: block;
	text-align: center;
	padding-bottom: 20px;
	color: #fff;
	text-decoration: none;
}

#header .spmenu-wrap{
	position: absolute;
	top:  0;
	left: 0;
	z-index: 1000;
	width: 100%;
}
#header #spmenu{
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 1000;
	width: 100%;
	background-color: #006699;
}

/*↓展開メニュのコンテンツ背景色*/
#header ul.navi02{
	position: static;
	background-color: #006699;
	width: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*選択コンテンツの下部線*/
#header ul.navi02 li{
	float: none;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#header ul.navi02 li a{
	position: relative;
	display: block;
	padding: 17px 18px;
	height: auto;
	white-space: normal;
	background-image: none;
	text-indent: 0;
	overflow: visible;
	color: #000;
	text-decoration: none;
	font-size: 0.95em;
	font-weight: bold;
	background-color: #fff;
}
#header ul.navi02 li.nolink{
	position: relative;
	display: block;
	padding: 17px 18px;
	height: auto;
	white-space: normal;
	background-image: none;
	text-indent: 0;
	overflow: visible;
	color: #000;
	text-decoration: none;
	font-size: 0.95em;
	font-weight: bold;
	background-color: #fff;
}
#header ul.navi02 li li.nolink{
	position: relative;
	display: block;
	padding: 17px 18px;
	height: auto;
	white-space: normal;
	background-image: none;
	text-indent: 0;
	overflow: visible;
	text-decoration: none;
	font-weight: bold;
	background-color: #0e20cc;
	color: #fff;
	font-size: 0.8em;
}
#header ul.navi02 li a:hover,
#header ul.navi02 li a.current{
	border: none;
}
#header ul.navi02 li a i{
	display: inline;
	position: absolute;
	right: 18px;
	top: 19px;
}
#header ul.navi02 li.nolink i{
	display: inline;
	position: absolute;
	right: 18px;
	top: 19px;
}
#header ul.navi02 li a i.fa-plus{
	display: inline;
}
#header ul.navi02 li a i.fa-minus{
	display: none;
}
#header ul.navi02 li.active a i.fa-plus{
	display: none;
}
#header ul.navi02 li.active a i.fa-minus{
	display: inline;
}

#header ul.navi02 li#nav_about a,
#header ul.navi02 li#nav_work a,
#header ul.navi02 li#nav_event a,
#header ul.navi02 li#nav_recruit a,
#header ul.navi02 li#nav_company a{
	width: 100%;
}

#header ul.navi02 li ul{
	border-bottom: 3px solid #fff;
	border-left:   4px solid #fff;
	border-right:  4px solid #fff;
}
#header ul.navi02 li li{
	border-bottom: 2px solid #fff;
}
#header ul.navi02 li li a{
	background-color: #0e20cc;
	color: #fff;
	font-size: 0.8em;
}
#header ul.navi02 li li a i{
	right: 14px;
}
#header ul.navi02 li li.nolink i{
	display: inline;
	position: absolute;
	right: 14px;
	top: 19px;
}
#header ul.navi02 ul{
	display: none;
}

#header ul.navi03{
	padding: 0 10px;
	background-color: #000931;
}
#header ul.navi03 li{
	float: left;
	width: 49.5%;

	height: 50px;
	padding-bottom: 20px;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#header ul.navi03 li a{
	display: block;
	height: 50px;
	width: 100%;
	padding-top: 16px;
	padding-bottom: 20px;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#header ul.navi03 li.entry {
	margin-right: 1%;
}
#header ul.navi03 li.entry a{
	background-color: #002dac;
}
#header ul.navi03 li.mypage a{
	background-color: #d7b100;
}

#header #spmenu .social{
	display: table;
	width: 100%;
	padding: 0 10px;
	background-color: #000931;
}
#header #spmenu .social span{
	display: table-cell;
	text-align: center;
	padding: 24px 0 16px;
}
#header #spmenu .social span.noie{
	display: inline;
	text-align: center;
	padding: 0;
}
#header #spmenu .close{
	position: relative;
	background-color: #fff;
	border: 8px solid #000931;
	text-align: center;
	padding: 20px 0;
	line-height: 100%;
	font-weight: bold;
	cursor: pointer;
}
#header #spmenu .close i{
	position: absolute;
	right: 20px;
	top: 20px;
}
.ie8 #header #spmenu .social span.noie{
	display: none;
}
.ie8 #header #spmenu .social img{
	display: block;
}
.ie8 #header .social a,
.ie8 #header .social a:hover{
	background: none !important;
}

}

/*----------------------------------------------------------
FOOTER
----------------------------------------------------------*/
.pagetop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 500;
	display: none;
}


/*----------------------------------------------------------
CONTENTS
----------------------------------------------------------*/
main{
	display: block;
}

.pagenavi{
	margin: 122px auto 0;
}
.pagenavi ul{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 30px;
}
.pagenavi li{
	float: left;
	margin-right: 11px;
	margin-bottom: 6px;
}
.pagenavi li a{
	font-size: 0.8em;
	line-height: 43px;
	background-color: #f1efe7;
	display: block;
	height: 43px;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.pagenavi li.nolink{
	font-size: 0.8em;
	line-height: 43px;
	background-color: #f1efe7;
	display: block;
	height: 43px;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #b1b1b1;
}

.pagenavi li a:hover,
.pagenavi li a.current{
	color: #FFF;
	background-color: #b1b1b1;
}

.breadcrumb{
	background-color: #f3f3f3;
	display: block;
}
.breadcrumb ul{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 30px;
}
.breadcrumb li{
	font-size: 10px;
	color: #767676;
	float: left;
	padding: 8px 0;
	margin-right: 6px;
}
.breadcrumb li a{
	color: #767676;
	text-decoration: none;
}


@media screen and (max-width: 768px) {
.pagenavi{
	height: 80px;
	margin-top: 0px;
	width: 100%;
	padding-left: 0px;
}
.pagenavi li{
	float: left;
	margin-right: 0px;
	width: 50%;
}
.pagenavi li a{
	font-size: 0.6em;
	line-height: 40px;
	background-color: #f1efe7;
	display: block;
	height: 40px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}
}






/*ＰＤＦボタンのホバー*/

li,dl {
	list-style:none;
}


#first ul{
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}

#first li{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	vertical-align: middle;
	text-align: center;
}

#first li a{
	display: table;
	background-color: #003366;
	color: #f1f1f1;
	height: 48px;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	line-height: 130%;
}

#first li a:hover{
	background-color: #006699;
	color: #fff;
}

#first li a span.na{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	text-align: center;
	/*	padding: 15px 28px 15px 0;*/
}

#first li a span.num{
	display: table-cell;
	/*	font-size: 39px;*/
	vertical-align: middle;
	text-align: right;/*	padding: 15px 20px 15px 28px;*/
	width: 40%;
	padding-right: 15px;
}






/*----------------------------------------------------------
CONTENTS
----------------------------------------------------------*/
#visual-wrap{
	position: relative;
}

#visual{
	height: 500px;
	width: 100%;
	margin: 115px auto 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#visual .inner{
	margin: 0 auto;
}
#visual li img{
	width: 100%;
}

#visual li{
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
}

#visual #visual-logo{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	margin: auto;
	width: 540px;
	height: 78px;
}

.bnrs{
	position: absolute;
	bottom: 36px;
	left: 26px;
	z-index: 100;
}

#contents h2{
	position: absolute;
	top: 412px;
	width: 100%;
	text-align: center;
}
#contents h2 .sp{
	display: none;
}
#contents .news_wrapper{
	position: absolute;
	background-image: url(../../images/news_bg.png);
	bottom: 0px;
	height: 35px;
	width: 100%;
	padding-left: 10px;
	max-width: 1220px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
}
#contents .news{
	height: 35px;
}
#contents .news .left,
#contents .news .right{
	display: none;
}
#contents .news_wrapper h3{
	font-size: 0.8em;
	font-weight: bold;
	float: left;
	margin-right: 50px;
	line-height: 150%;
}
#contents .news ul span{
	font-weight: bold;
	display: inline-block;
	margin-right: 20px;
	color: #000;
	line-height: 150%;
}
#contents .news ul li{
	font-size: 0.8em;
	margin-right: 20px;
	line-height: 150%;
}

@media screen and (max-width: 768px) {
	
	/*@media screen and (max-width: 980px) and (min-width: 641px) {*/
#visual{
	height: auto;
	margin-top: 0;
}
#visual .inner{
	position: static;
	margin: 0;
}
#visual img{
	width: 100%;
}
.bnrs{
	position: static;
	text-align: center;
	margin: 10px 0;
}

.bnrs img{
	width: auto;
}

}

@media screen and (max-width: 768px) {
#visual{
	height: auto;
	margin-top: 0;
}
#visual .inner{
	position: static;
	margin: 0;
}
#visual img{
	width: 100%;
}
#visual #visual-logo{
	display: none;
}
.bnrs{
	position: static;
	text-align: center;
	margin: 10px 0;
}

.bnrs a{
	display: block;
	width: 32.333%;
	margin: 0.5%;
	float: left;
}
.bnrs img{
	width: 100%;
}
.bnrs a.special_btn{
	display: none;
}
#contents{
	height: auto;
	width: 100%;
	background: none;
	position: static;
}
#contents .news_wrapper{
	position: static;
	background-image: none;
	height: auto;
	width: 100%;
	background-color: #FFF;
	padding: 0 10px 10px;
}
#contents .news{
	height: 128px;
	width: 100%;
	position: relative;
}
#contents .news .left,
#contents .news .right{
	display: block;
}
#contents .news h3{
	font-size: 0.8em;
	font-weight: bold;
	float: none;
	margin-right: 0px;
	line-height: 27px;
	text-align: center;
	height: 27px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c7c7c7;
	position: absolute;
	top: 0px;
	width: 100%;
}
#contents .news .left{
	position: absolute;
	left: 8px;
	top: 66px;
}
#contents .news .right{
	position: absolute;
	right: 8px;
	top: 66px;
}
#contents .news dl{
	float: none;
	position: absolute;
	left: 48px;
	top: 50px;
	margin-right: 48px;
}
#contents .news dl dt{
	font-size: 0.8em;
	font-weight: bold;
	float: none;
	margin-right: 0px;
	line-height: 100%;
	color: #094375;
	margin-bottom: 10px;
}
#contents .news dl dd{
	font-size: 0.8em;
	float: none;
	margin-right: 0px;
	line-height: 150%;
}






}









@media (min-width:768px){
#sub {
	width: 100%;
	background-color: #039;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 24px;
}
.text {
	font-size: 14px;
	text-align: left;
	background-color: #069;
	color: #FFF;
	padding: 30px;
	line-height: 20px;
	vertical-align: middle;
	height: 100%;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


.de01 {
	background-color: #069;
	width: 90%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.detext {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
}
.de01 img{
	margin-top: 10px;
	margin-bottom: 10px;
	
}

.de01 h3{
	margin-top: 10px;
	font-size: 18px;	
}


.de02 {
	background-color: #fff;
	width: 90%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	color: #036;
}
.detext02 {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 20px;
}
.de02 img{
	margin-top: 10px;
	margin-bottom: 10px;
	
}

.de02 h3{
	margin-top: 10px;
	font-size: 18px;	
}





}


.detailtext td {
	font-size: 14px;
	color: #333;
	padding: 9px;
	margin: 9px;
}

/*↓スマホ挙動*/

@media screen and (max-width: 768px) {
/*　coommonにも↓のＰＣ表示挙動あり　*/
#sub {
	width: 100%;
	background-color: #039;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 24px;
}

.text {
	font-size: 16px;
	text-align: left;
	background-color: #069;
	color: #FFF;
	padding: 30px;
	line-height: 20px;
	vertical-align: middle;
	height: 100%;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


.de01 {
	background-color: #069;
	width: 90%;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
.detext {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	font-size: 18px;
	line-height: 25px;
}
.de01 img{
	margin-top: 25px;
	margin-bottom: 25px;
	
}

.de01 h3{
	margin-top: 10px;
	font-size: 25px;	
}


.de02 {
	background-color: #fff;
	width: 90%;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	color: #036;
}
.detext02 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
	line-height: 25px;
}
.de02 img{
	margin-top: 25px;
	margin-bottom: 25px;
	
}

.de02 h3{
	margin-top: 10px;
	font-size: 25px;	
}
/*　coommonにも↑のＰＣ表示挙動あり　*/

#pctable {
	width: 100%;
}

}





.subtext {
	font-size: 12px;
	color: #069;
}
#foot {
	background-color: #036;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	padding-top: 25px;
	margin-top: 40px;
	padding-bottom: 5px;
}