@charset utf-8;

/*
RESET・DEFAULT
***********************************/
/*reset*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,em,img,q,small,strong,sub,sup,b,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
h2,h3,h4,h5,h6{font-weight:normal;color: #221815;}
ol,ul,li{list-style:none;}
li{list-style-position:outside; /* for IE */*display:inline;*zoom:1;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
.clearfix{width:100%;}
.clearfix:after{display:block;clear:both;height:0;visibility:hidden;content:".";zoom:1;overflow:hidden;font-size:0.1em;line-height:0;}
/*default*/
body{width:100%;height:auto;line-height:1.4;font-size:14px;color:#585f64;background-color:#fff;word-break:break-all;word-wrap:break-word;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;}
/*
body{width:100%;height:auto;line-height:1.4;font-size:12px;color:#221815;background-color:#fff;word-break:break-all;word-wrap:break-word;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif}
*/
select{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;}


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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-envelop:before {content: "\e900";color: #231815;padding-right: 3px;}

th{font-weight:normal;}
a{outline:none;text-decoration:none;}
a img{border-style:none;}
a:hover{color:#fff;text-decoration:underline;}

/* position */
.block{display: block;}
.hidden{visibility:hidden;}
.over_hidden{overflow:hidden;}
.align_l{text-align:left;}
.align_c{text-align:center;}
.align_r{text-align:right;}
.middle{vertical-align:middle;}
.flo_l{float:left;}
.flo_r{float:right;}
.relative{position:relative;}
.absolute{position:absolute;}

.box{display:-webkit-box;display:-moz-box;display:box;}
.box-flex{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}

/* margin */
.m-auto{margin:0 auto;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mlr5{margin-left:5px;margin-right:5px;}
.mlr10{margin-left:10px;margin-right:10px;}
.mlr15{margin-left:15px;margin-right:15px;}
.mlr20{margin-left:20px;margin-right:20px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}

.pt0_imp{padding-top: 0!important;}

/* size */
.bold{font-weight:700;}
.normal{font-weight:400;}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.lh0{line-height:0;}
/*
.lh13{line-height:1.3}
.lh15{line-height:1.5}
.lh20{line-height:2}
*/

/* color */
.white{color:#fff;}
.gray{color:#555555;}
.gray2{color:#484242;}
.red{color:#ff0000;}

/* decoration */
.underline{text-decoration:underline;}
.round5{border-radius:5px;}
.round10{border-radius:10px;}
.shadow_01{box-shadow:0 1px 0 0;}
/* bg_white */
.bg_white{background-color:#fff;}
.bg_gray{background-color:#e9e8e8;}
.bg_gray2{background-color: #bbbbbb;}

/* width,height */
.w0{width:0;}

/* animation */
.button,.button::before,.button::after {-webkit-transition: all .3s;transition: all .3s;}
a,.a::before,a::after,.btn_red input,.btn_red input::before,.btn_red input::after {-webkit-transition: all .3s;transition: all .3s;}


/*
CONTAINER
***********************************/
/* all */

body#top{display:none;}

#wrapper{}
.container{width:990px;margin:0 auto;}

/* btn */
.btn_red a{display: inline-block;background: url(../img/icon_arrow_r1.png) no-repeat 92% 50% #E02012;color: #fff;padding: 10px 50px;}
.btn_red a:hover{background:url(../img/icon_arrow_r1.png) no-repeat 92% 50% rgba(224, 32, 18, 0.71);text-decoration: none;}
.btn_gray a{display: inline-block;background: url(../img/icon_arrow_r1.png) no-repeat 92% 50% #8c93a3;color: #fff;padding: 10px 50px;}
.btn_gray a:hover{background:url(../img/icon_arrow_r1.png) no-repeat 92% 50% rgba(140, 147, 163, 0.71);text-decoration: none;}
.btn_trans a{color: #fff;padding: 13px 7%;border: solid 1px #fff;display: inline-block;background: url(../img/icon_arrow_r1.png) no-repeat 96% 50%;}

/* header・nav */
#maincatch{width: 100%;}
[class^="eyecatch_"]:before {z-index: 0;content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color:rgba(0,0,0,0.1);height: 401px;}


.eyecatch{background: url(../img/h_bg_01.png) no-repeat center 0;height: 570px;}

header{width: 100%;background: #000;opacity: 0.85;color: #fff;border-bottom:solid 1px #7b6b61;height: 100px ;position: absolute ;z-index:2 ;}
header .h_inner{margin:0 auto; padding:20px;width: 990px;}
header .logo{float: left;width: 81px;margin-right: 30px;}
header .headernavi{float: left;width:700px;margin-right: 10px;}
header .headernavi h1{font-size: 12px;font-weight: normal;margin-bottom: 10px;color: #bdbebe;}

#gnavi {margin: 10px auto 0;height: 40px;}
#gnavi li {position: relative;padding-right: 30px;float: left;}
#gnavi li a {display: block;padding: 15px 0 11px;color: #fff;text-decoration: none;}
#gnavi li a {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
#gnavi li a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
#gnavi li ul {position: absolute;top: 100%;left: 0;margin: 0;padding: 0;border-radius: 0 0 3px 3px;width: 170px;}
#gnavi li ul li{overflow: hidden;width: 100%;height: 0;color: #fff;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;-ms-transition: .2s;transition: .2s;}
#gnavi li ul li a{padding: 13px 15px;background: #000;text-align: left;font-size: 12px;font-weight: normal;}
#gnavi li:hover > a{color: #E02012;}
#gnavi .subcategory li a:hover{color: #E02012;}
#gnavi > li:hover li:hover > a {color: #E02012;}
#gnavi li:hover > ul > li {overflow: visible;height: 38px;}

#gnavi li:hover ul li a span{border-bottom:solid 1px #fff;padding: 0px 5px 7px;display: block;}
#gnavi li:hover ul li a.last span{border-bottom:none;}
#gnavi li:hover ul li a.last{padding: 13px 15px 5px;}
#gnavi li:hover ul li:first-child a{border-top: 0;}
#gnavi li:hover ul li:last-child{border-bottom: 0;}

#gnavi li ul li ul {top: 0;left: 170px;}
#gnavi li:last-child ul li ul {left: -170px;width: 100%;}

header .h_contact{float:left;width: 101px;background-color: #cfcfd0;padding: 5px 10px;}
header .h_contact a{color: #221815;}
header .h_contact:hover{background-color: #f5f5f5;}
header .h_contact a:hover{text-decoration: none;}

#maincatch .inner{padding:137px 20% 0;text-align: center;color: #fff;text-shadow: 1px 1px 3px #000;}
#maincatch .inner .title{font-size: 30px;border-bottom: solid 1px #fff;display: inline-block;padding: 0 10px 7px;font-weight:bold;}
#maincatch .inner p.txt{padding-top: 10px;font-size: 16px;line-height: 1.7;margin-bottom: 20px;}
#maincatch .inner p.btn a{color: #fff;padding: 13px 7%;border: solid 1px #fff;display: inline-block;background: url(../img/icon_arrow_r1.png) no-repeat 96% 50%;}
#maincatch .inner p.btn a:hover{background:url(../img/icon_arrow_r1.png) no-repeat 96% 50% rgba(255,255,255,0.4);text-decoration: none;}


/* footer */
#academy{width: 100%;background: #bec1c3;padding: 50px 0 0;line-height: 0;}
#academy .inner{background: url(../img/bg_02.png) no-repeat center 0;height: 467px;}
#academy .boxline{width: 500px;margin: 0 auto;padding-top: 90px;}
#academy .boxline .inner_bg{background-color: rgba(191, 192, 190, 0.53);}
#academy .boxline h2{}
#academy .boxline h2 img{display: block;margin: 0 auto;padding: 20px 0;}
#academy .boxline .inner_bg .btn_red{text-align: center;padding: 10px 0 34px;}
#academy .boxline .inner_bg .btn_red a{padding: 15px 50px;}	
.gototop{text-align: center;margin: 50px 0 0;cursor:pointer;}

footer{background-color: #273034;width: 100%;}
footer .inner{width: 990px;margin: 0 auto;color: #fff;overflow: hidden;padding: 40px 0 20px;}
footer .inner h2{color: #fff;margin-bottom: 20px;}
footer .inner .footer_l{float: left;width: 35%;}
footer .inner .footer_l .left{float: left;}
footer .inner .footer_l .right{float: right;}
footer .inner .footer_l .padView{display: block;}
footer .inner .footer_l .copy{clear: both;padding: 10px 0;}
footer .inner .footer_r{float: right;width: 42%;overflow: hidden;}
footer .inner .footer_r ul{float: left; margin-right: 6%;}
footer .inner .footer_r li{margin-bottom: 9px;}
footer .inner .footer_r li a{color: #fff;}
footer .inner .footer_r li a:active{color: #fff;}
footer .inner .p_mark{clear: both;text-align: right;overflow: hidden;width: 300px;background: rgba(245, 245, 245, 0.88);padding: 2px 5px;border-radius: 5px;margin: 80px 0 20px;}
footer .inner .p_mark .txt{float: left;width: 180px;color: #353636;font-size: 12px;margin-right: 10px;margin-top: 15px;text-align: left;margin-left: 20px;}
footer .inner .p_mark .mark{float: left;width: 85px;}
footer .inner .copy{clear: both;text-align: center;padding: 10px 0;}



/* breadcrumb・pagenation */
.topic_path{width: 900px;margin: 10px auto 0;}
.topic_path ul{width: 100%;overflow: hidden;}
.topic_path li{float: left;margin-right: 5px;font-size:11px;color:#c4c4c4;}
.topic_path li a{color: #c4c4c4;}
.topic_path li a:hover{text-decoration: underline;}
.bread_tune{position: relative;top: -44px;}
.wp_social_bookmarking_light{overflow: hidden;float: right;}
.pagination{display: block;clear: both;padding: 30px 0;}
.pagination span,.pagination a{border: solid 1px #9C9C9C;padding: 5px 10px;margin-right: 10px;}
.pagination a{color: #221825;}
.pagination a:hover{background-color: #e8b5b4;color: #fff;border: solid 1px #D29898;}
.pagination .current{background-color: #e8b5b4;color: #fff;border: solid 1px #D29898;}


/*
TOP
***********************************/

/* news */
.news_top{margin: 50px auto 0;}
.news_top h2{text-align: center;font-size: 35px;font-weight: bold;margin-bottom: 20px;}
.news_top dl{width: 700px;margin: 0 auto 10px;overflow: hidden;border-bottom: dotted 1px #000;padding-bottom:3px;}
.news_top dt{width: 30%;float: left;overflow: hidden;}
.news_top dt .date{float: left;margin: 2px 20px 5px 2px;}
.news_top dt .category{float: left;background-color: #221815;color: #fff;width: 40%;text-align: center;border-radius: 7px;font-size:12px;margin-top: 2px;}
.news_top dd{width: 70%;float: right;margin: 2px 0;}
.news_top dd a{color: #000;text-decoration: underline;}
.news_top dd a:hover{color:#e02012;}
.news_top .btn_red{margin: 38px auto 60px;text-align: right;width: 700px;}
.news_sub{margin:0 auto 50px!important;}

/* about */
.about_top{margin:0 auto;background:url(../img/bg_01.png) no-repeat center 0;height:700px;}
.about_top h2{text-align: center;font-size: 25px;font-weight: bold;margin-bottom: 20px;color: #fff;letter-spacing: 0.11em;}
.about_top .container{padding: 137px 0 0;text-align: center;color: #fff;}
.about_top .txt{line-height: 1.9;width: 330px;margin: 0 auto 20px;}
.about_top ul.boxline{width: 400px;margin: 0 auto 50px;border: solid 1px #fff;padding: 20px;}
.about_top ul.boxline li{background: url(../img/icon_check.png) no-repeat 0 0;min-height: 55px;height: auto;padding-left: 55px;padding-top: 4px;margin-bottom: 10px;text-align: left;}
.about_top .btn_red a{border: solid 1px #fff;padding: 10px 70px;}

/* staff */
.staff_top{margin: 0 auto 60px;background-color:#bec1c3;color: #fff;}
.staff_top h2{text-align: center;font-size: 25px;font-weight: bold;margin:0 0 20px;padding-top: 60px;color: #fff;letter-spacing: 0.11em;}
.staff_top .txt{width: 600px;margin: 0 auto 20px;text-align: center;line-height: 1.7;}
.staff_top .staff_list{background-color: #363c42;}
.staff_top .staff_list ul{width: 990px;margin: 0 auto;overflow: hidden;}
.staff_top .staff_list li{float: left;position: relative;height: 400px;}
.staff_top .staff_list li a{display: block;}
.staff_top .staff_list li a:hover{opacity:0.7;color:#E02012!important;}

.staff_top .staff_list li img{position: relative;text-align: center;max-width: 100%;}
.staff_top .staff_list .staff_txt{position: absolute;bottom: 0;background: rgba(54, 60, 66, 0.7);width: 100%;padding: 10px;}
.staff_top .staff_list .staff_txt h3,.staff_top .staff_list .staff_txt p{color: #fff;}
.staff_top .btn_trans{text-align: center;padding: 50px 0 70px;}
.staff_top .btn_trans a:hover{background:url(../img/icon_arrow_r1.png) no-repeat 96% 50% rgba(136, 136, 136, 0.71);text-decoration: none;}
	
/* service */
.service_top{margin: 50px auto 80px;}
.service_top h2{text-align: center;font-size: 35px;font-weight: bold;margin-bottom: 20px;}
.service_top .txt{width: 600px;margin: 0 auto 20px;text-align: center;line-height: 1.7;}
.service_top .service_list{width: 100%;overflow: hidden;margin-bottom: 50px;display: none;}
.service_top .service_list li{float: left;width: 311px;margin-right: 28px;text-align: center;padding-bottom: 20px;}
.service_top .service_list li.last{margin-right: 0;}
.service_top .service_list li a{display: block;color: #fff;background-color: #363c42;padding-bottom: 20px;height: 330px;}
.service_top .service_list li a:hover{background: rgba(54, 60, 66, 0.68);text-decoration: none;}
.service_top .service_list li img{max-width:100%;}
.service_top .service_list li img:hover{background-color: #fff;opacity:0.9;}
.service_top .service_list li h3{color: #fff;padding: 7px 0;}
.service_top .service_list li p{font-size: 12px;padding: 5px 10px 0;text-align: left;line-height: 1.7;}
.service_top .btnzone{width: 100%;overflow: hidden;}
.service_top .btnzone .btn_gray{float: left;width: 37%;font-size: 20px;margin-right: 5%;}
.service_top .btnzone .btn_gray a{background: url(../img/icon_arrow_r1.png) no-repeat 97% 50% #8c93a3;}
.service_top .btn_gray a:hover{background:url(../img/icon_arrow_r1.png) no-repeat 97% 50% rgba(140, 147, 163, 0.71);text-decoration: none;}	
.service_top .btnzone .btn_red{float: right;width: 58%;}
.service_top .btnzone a{width: 100%;padding: 20px 0 20px 7%;}

.service_randlist{position: relative;height: 680px;display: block;}
.service_randlist li{position: absolute;background-color: #363c42;}
.service_randlist li a{display: block;color: #fff;background-color: #363c42;padding-bottom: 20px;}
.service_randlist li a:hover{background: rgba(54, 60, 66, 0.68);text-decoration: none;}
.service_randlist li img{max-width:100%;}
.service_randlist li img:hover{background-color: #fff;opacity:0.9;}
.service_randlist li h3{color: #fff;padding: 7px 0;}
.service_randlist li p{font-size: 12px;padding: 5px 10px 0;text-align: left;line-height: 1.7;}
.service_randlist li.rand1{width: 330px;top: 0;left: 0;text-align: center;}
.service_randlist li.rand1 img{width: 100%;height: auto;}
.service_randlist li.rand1 .imgtune{width: 100%;height: 175px;overflow: hidden;}
.service_randlist li.rand2{top: 0;left: 350px;width: 640px;overflow: hidden;}
.service_randlist li.rand2 img{width: 25%;float: left;}
.service_randlist li.rand2 .boxtxt{width: 72%;margin-left: 3%;float: left;}
.service_randlist li.rand3{top: 130px;left: 350px;width: 310px;text-align: center;}
.service_randlist li.rand3 img{width: 100%;height: auto;}
.service_randlist li.rand4{top: 130px;left: 680px;width: 310px;text-align: center;}
.service_randlist li.rand4 img{width: 100%;height: auto;}
.service_randlist li.rand5{width: 330px;top: 320px;left: 0;text-align: center;}
.service_randlist li.rand5 .imgtune{width: 100%;height: 175px;overflow: hidden;}
.service_randlist li.rand5 img{width: 100%;height: auto;}
.service_randlist li.rand6{top: 505px;left: 350px;width: 640px;overflow: hidden;}
.service_randlist li.rand6 img{width: 25%;float: left;}
.service_randlist li.rand6 .boxtxt{width: 72%;margin-left: 3%;float: left;}




/* responsive */
.pcView{display:block;}
.spView{display:none;}


@media screen and (min-width: 1600px) {/* PC & eyecatch tune - width:1600px over - */
.eyecatch,.about_top{background-size:100% auto;}

}

@media screen and (max-width: 990px) {/* Pad & Smartphone Display - width:990px under - */
.container{width: 100%;}
header .headernavi{width:63%;margin-right: 2%;}
header .headernavi h1{font-size:12px;}
header .h_inner{width: 95%;}
#gnavi li{padding-right: 9px;}
#gnavi li a{padding: 5px 0 11px;}

.news_top dl{width: 95%;}
.news_top .btn_red{width: 95%;}
.staff_top .staff_list ul{width: 100%;}
.staff_top .staff_list li{width: 33.3333%;height: auto;}

.service_top .txt{width: 90%;}
.service_top .service_list{width: 95%;overflow: hidden;margin: 0 auto;}
.service_top .service_list li{width: 31.3%;margin-right: 3%;}
.service_top .btnzone{width: 95%;margin: 0 auto;}
.service_top .btnzone .btn_gray{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
.service_top .btnzone .btn_red{float: none;width: 100%;margin-bottom:20px;}
.service_top .btnzone a{width: 94%;padding: 10px 3%;}
.service_top .btnzone .btn_red a{background:url(../img/icon_arrow_r1.png) no-repeat 97% 50% #E02012;text-align: center;}
.service_top .btnzone .btn_red span{font-size:16px;}
.service_top .btnzone .btn_gray{font-size: 16px;text-align: center;}

.service_list{display: block!important;}
.service_randlist{display: none;}



#academy .boxline{width: 90%;}
footer .inner{width: 95%;}
footer .inner .footer_l{width: 50%;}
footer .inner .footer_l{font-size:12px;}
footer .inner .footer_l .left{float:none;}
footer .inner .footer_l .right{float:none;}
footer .inner .footer_l .padView{display: none;}

.topic_path{width: 100%;}
.topic_path ul{width: 95%;margin-left: 5%;}


}

@media screen and (max-width: 727px) { /* SmartPhone Display - width:727px under - */

/*
COMMON
***********************************/
body{font-size:12px;}
.container{width:95%;}

/* header */
header{height: auto;}
.eyecatch{background:url(../img/h_bg_01sp.png) repeat center 0;height:240px;}
[class^="eyecatch_"]:before{height: 236px;}
header .h_inner {width: 95%;padding: 10px 0;overflow: hidden;}
header .logo{width: 50px;margin-right: 0;}
header .popup-modal{float: right;}

.sp_navmenu{}
.sp_navmenu li{}
.sp_navmenu li a{color: #fff;background:url(../img/icon_arrow_r2.png) no-repeat 97% 50%;display: block;}
.sp_navmenu li a span{border-bottom: solid 1px #fff;display: block;padding: 14px 0;margin: 0 10px;font-size:14px;}
.sp_navmenu li ul.sp_subcategory a{background:url(../img/icon_arrow_r3.png) no-repeat 95% 50%;}
.sp_navmenu li ul.sp_subcategory a span{font-size:12px;padding: 14px 0 14px 12px;}
.sp_navmenu li a span.last{border-bottom:none;}

#maincatch .inner{padding:25px 15% 0;}
#maincatch .inner .title{font-size:18px;}
#maincatch .inner p.txt{font-size: 11px;line-height: 1.7;margin-bottom: 10px;}
#maincatch .inner p.btn a{padding: 10px 7%;}

/* footer */
.gototop img{width: 73px;}
footer .inner{width: 100%;}
footer .inner .footer_l{float: none;width: 95%;font-size:12px;margin: 0 auto;max-width:300px;}
footer .inner h2{text-align: center;margin-bottom: 15px;}
footer .inner .footer_l .copy{text-align: center;}
footer .inner .footer_r{display: none;}
footer .inner .footer_l .left{float:left;}
footer .inner .footer_l .right{float: left!important;margin-left: 2%;}
footer .inner .footer_l .padView{display: block;}

/* breadcrumb・pagenation */
.topic_path{width: 95%;}


/*
TOP
***********************************/

.news_top{margin:30px auto 0;}
.news_top h2{font-size:18px;}
.news_top dl{width: 95%;}
.news_top dt,.news_top dd{width: 100%;float: none;}
.news_top dt .date{margin:2px 10px 5px 2px;}
.news_top dt .category{width: 30%;font-size: 90%;}
.news_top .btn_red{width: 100%;margin: 30px auto 40px;text-align: center;}

.about_top{background:url(../img/bg_01_sp.png) no-repeat center 0;height: auto;}
.about_top .container{padding:30px 0;}
.about_top h2{font-size:16px;}
.about_top .txt{width: 85%;margin-bottom: 10px;}
.about_top ul.boxline{width: 80%;padding: 10px;}
.about_top ul.boxline li{height: auto;padding-left: 38px;background: url(../img/icon_check.png) no-repeat 0 20%;background-size:30px;}

.staff_top{margin:0 auto 40px;}
.staff_top h2{font-size:16px;padding-top: 40px;}
.staff_top .txt{width: 90%;}
.staff_top .staff_list ul{width: 90%;}
.staff_top .staff_list li{height: auto;width: 33.3333%;}
.staff_top .staff_list .staff_txt{padding: 0;}
.staff_top .staff_list .staff_txt h3{font-size:12px;margin-bottom: 5px;margin: 7px;}
.staff_top .staff_list .staff_txt p{margin: 7px;}
.staff_top .btn_trans{padding:30px 0 40px;}
.staff_top .btn_trans a{width: 80%;}

.service_top{margin: 0 auto 40px;}
.service_top h2{font-size:16px;}
.service_top .txt{width: 90%;}
.service_top .service_list li{float: none;width: 100%;margin-right: 0;text-align: left;padding-bottom: 20px;overflow: hidden;}
.service_top .service_list li a{padding-bottom:0;overflow: hidden;line-height:0;background-color: #585f64;height: auto;}
.service_top .service_list li .photo{width: 28%;float: left;overflow: hidden;}
.service_top .service_list li .photo img{width: 138px;height: auto;overflow: hidden;max-width:none;}
.service_top .service_list li .boxtxt{float: left;width: 67%;line-height: 1.3;padding: 2%;}
.service_top .service_list li h3{padding: 5px;}
.service_top .service_list li p{padding: 0 5px;line-height: 1.3;}
.service_top .btnzone{width: 100%;}
.service_top .btnzone a{}
.service_top .btnzone .btn_gray{float: none;width: 100%;margin-right: 0;}
.service_top .btnzone .btn_red{float: none;width: 100%;margin-bottom:20px;}
.service_top .btnzone a{width: 94%;padding: 10px 3%;}
.service_top .btnzone .btn_red a{background:url(../img/icon_arrow_r1.png) no-repeat 97% 50% #E02012;text-align: center;}
.service_top .btnzone .btn_red span{font-size:16px;}
.service_top .btnzone .btn_gray{font-size: 12px;text-align: center;}
/*
RESET・DEFAULT
***********************************/

img{max-width:100%;height:auto;}
/* responsd View*/
.pcView{display:none !important;}
.spView{display:block !important;}


}

.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.square_btn:active {/*押したとき*/
    border: solid 1px #03A9F4;
    box-shadow: none;
    text-shadow: none;
}



/* 次行のレムを解除して、スタイル定義をコピペして使用してください。 */
/* <style type="text/css"> */
table.BunsuTbl{        /* 分数を左詰で表示する定義 */
    margin-left:0;
    margin-right:auto;
}
.BnsArea{
    text-align:left;
    margin-left:10px;
}
.Bunsu,.Seisu,.Bunshi,.Bunbo{    /* 分数、整数、分子、分母 */
    font-size:15px;
    color:#123d12;
    text-align:center;
    line-height:20px;
    padding:2px 5px 2px 5px;
}
.Bunsu,.Seisu{    /* 分数、整数 */
    margin:0;
    display:inline-block;
}
.Seisu{        /* 整数 */
    padding-top:0px;
    vertical-align:middle;
}
.Atai{        /* 値 */
    color:red;
}
.Bunshi {    /* 分子 */
    border-style:solid;
    border-width:0px 0px 1px 0px;
    border-color:blue;
    padding-bottom:0px;
}
span.super{    /* 指数 */
    font-size:12px;
    background-color:#ffccff;
    vertical-align:super;
    padding-left:5px;
    padding-right:5px;
}
span.sub{    /* 添え字 */
    color:#008080;
    font-size:12px;
    /*background-color:#00ffff;*/
    vertical-align:sub;
    padding-left:5px;
    padding-right:5px;
}
/* </style> */