@charset "utf-8";
/* CSS Document */

html,body {color:#333;font-size:14px;line-height:1.5em;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;min-width:320px;color:#333;}
.museo,
#gnav li .en,
.categoryTitle .en,
.categoryTitle_e .er,
#spNav .gnav li .en,
.megamenu  .inner > div h2 .en,
.megamenu .megaBth a .en,
.archiveList > div h3 .en,
.borderTitle .en,
#service ul li .en,
#scrollMark,
#serviceSp .serviceSpMenu > div .en {font-family:museo-sans-rounded,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;letter-spacing:2px;}

span.er,
span.en,
span.ja {display:block;}

/*base*/
.cf:before,
.cf:after {content:"";display:table;clear:both;}

input[type="text"],
input[type="email"], 
input[type="password"], 
textarea, 
select {
    outline: none;
}

#wrap:before,
#wrap:after,
.inner:before,
.inner:after,
.text_inner:before,
.text_inner:after,
#contents:before,
#contents:after,
.megamenu :before,
.megamenu :after {content:"";display:table;clear:both;}

#wrap {width:100%;position:relative;overflow:hidden;}
.inner,
.text_inner {margin:0 auto;position:relative;}
.inner {width:1000px;}
.text_inner {width:800px;}
.image_e img {width: 200px;}

#contents {width:100%;position:relative;}

.moc {display:block;position:relative;}
.moc:before {content:"";display:block;width:100%;height:0;background:/*rgba(0,0,0,0.4)*/rgba(6,38,80,0.3);position:absolute;left:0;top:100%;transition:0.3s;border-radius:0 0 0 0;z-index:10;}
.moc:hover:before {width:100%;height:100%;top:0;}

/*header*/
header {width:100%;height:90px;position:fixed;left:0;top:0;z-index:100;background:rgba(255,255,255,1);}

#logo {width:210px;height:90px;overflow:hidden;white-space:nowrap;text-indent:200%;background:url(../images/logo.svg) no-repeat center center;background-size:150px auto;position:absolute;left:0;top:0;}
#logo a {display:block;width:100%;height:100%;}

.headBtn {width:90px;height:90px;position:absolute;top:0;}
.headBtn a {display:block;width:100%;height:100%;}
.headBtn a .in {width:100%;height:100%;}
.headBtn .text {width:100%;text-align:center;font-size:12px;position:absolute;top:62px;}
#menu {right:0;z-index:3;background:#1b5199;}
#menu a .in {}
#menu .image {width:40px;position:absolute;top:25px;left:50%;margin-left:-20px;}
#menu .image div {height:2px;background:#fff;position:absolute;}
#menu .image div:nth-child(1) {width:40px;left:0;top:0;}
#menu .image div:nth-child(2) {width:25px;left:15px;top:12px;}
#menu .image div:nth-child(3) {width:20px;left:20px;top:24px;}
#menu .text {color:#fff;}
#contact {right:0;opacity:0;z-index:2;background:#56abe1;}
#contact a .in {background:url(../images/mail.svg) no-repeat center 21px;}
#contact .text {color:#fff;}
#search {right:0;opacity:0;z-index:1;background:#ccc;}
#search a .in {background:url(../images/search.svg) no-repeat center 21px;}
#search .text {color:#1b5199;}

#gnav {width:0;height:90px;right:90px;text-align:center;}
#gnav > li {display:inline-block;width:25%;height:90px;margin:0 /*30px*/;opacity:0;float: left;}
#gnav > li > a {display:block;width:100%;height:100%;position:relative;overflow:hidden;}
#gnav > li > a:after {content:"";width:0;height:0;border:5px solid transparent;border-bottom: 10px solid #1b5199;position:absolute;left:50%;bottom:0;margin-left:-5px;}

#gnav > li > a > .en {font-size:20px;color:#1b5199;margin-bottom:10px;padding-top:25px;}
#gnav li > a > .ja {font-size:12px;}
#gnav li.current > a {height:calc(100% - 2px);border-bottom:solid 2px #1b5199;}

#spNav {display:none;}

#searchBox {width:100%;height:90px;position:absolute;bottom:-90px;right:0;background:#ccc;}
#searchBox input[type=text] {display:block;width:80%;font-size:30px;padding:22px 30px;border:none;background:none;}
#searchBox input[type=text]::-webkit-input-placeholder  {font-style:italic;}
#searchBox input[type=text]::-moz-placeholder {font-style:italic;}
#searchBox input[type=text]:focus::-webkit-input-placeholder {color:#ccc;}
#searchBox input[type=text]:focus::-moz-placeholder {color:#ccc;}
#searchBox input[type=submit] {display:block;width:90px;height:90px;position:absolute;right:0;top:0;border:none;background:#aaa;cursor:pointer;font-size:1.5em;color:#fff;}
#searchBox input[type=submit]:hover {background-color:#aaa;}

form.gsc-search-box {height: 90px;}
table.gsc-search-box {height: 100%;background: #ccc;}
.gsc-input-box {border: none !important; background: #ccc !important;}
.gsst_a .gscb_a {color: #fff !important;}
td.gsc-search-button {width: 90px !important;background: #aaa;}
.gsc-search-button-v2 {width: 100% !important;height: 90px !important;cursor: pointer;}
.gsc-search-button-v2 svg {width: 30px !important;height: 30px !important;}
.gsc-search-button-v2:focus {box-shadow: none !important;}

.megamenu {width:100%;background:#fff;padding:20px 0 50px 0;overflow:hidden;position:absolute;left:0;top:100%;border-top:solid 1px #1b5199;border-bottom:solid 1px #1b5199;display:none;}
.megamenu .inner > div:first-child {margin-left:0 !important;}
.megamenu .inner > div h2 {display:table-cell;width:175px;height:65px;background:#1b5199;color:#fff;padding:0 5px 0 40px;text-align:center;vertical-align:middle;}
.megamenu .inner > div h2 .en,
.megamenu .inner > div h2 .ja {color:#fff;text-align:center;text-indent:35px;}
.megamenu .inner > div h2 .en {font-size:1.45em;margin-bottom:5px;}
.megamenu .inner > div h2 .ja {font-size:0.9em;}
.megamenu .inner > div ul li {display:block;background:url(../images/arrow_b.svg) no-repeat right 10px center;background-size:14px auto;border-bottom:solid 1px #999;font-size:0.9em;vertical-align:middle;}
.megamenu .inner > div ul li:hover,
.megamenu .inner > div a:hover ul li {background-color:#eee;transition:none !important;}
.megamenu .inner > div ul li span {display:table-cell;width:180px;height:59px;padding:0 30px 0 15px;vertical-align:middle;}
.megamenu img {width:100%;display:block;}

.megamenu a {text-align:left;}
.megamenu .inner > div {width:22%;margin-left:4%;float:left;}
.megamenu.about .inner > div {width:48%;margin-left:4%;}
.megamenu.about .inner > div > div {width:220px;margin-left:40px;float:left;margin-bottom:30px;}
.megamenu.about .inner > div > div:nth-child(2n+1) {margin-left:0;clear:left;}
.megamenu.ebloMember .inner > div,
.megamenu.recruit .inner > div {width:30%;margin-left:5%;}
.megamenu.recruit .inner > div:first-child {margin-left:15% !important;}
.megamenu.csr .inner > div,
.megamenu.service .inner > div {width:22%;margin-left:4%;}
.megamenu.service h2.creative {background:#1b5199 url(../images/megamenu/creative.svg) no-repeat 22px center;background-size:34px auto;}
.megamenu.service h2.promotion {background:#1b5199 url(../images/megamenu/promotion.svg) no-repeat 16px center;background-size:38px auto;}
.megamenu.service h2.consulting {background:#1b5199 url(../images/megamenu/consulting.svg) no-repeat 12px center;background-size:40px auto;}
.megamenu.csr h2.global {background:#1b5199 url(../images/megamenu/global.svg) no-repeat 15px center;background-size:30px auto;}
.megamenu.csr h2.csr {background:#1b5199 url(../images/megamenu/csr.svg) no-repeat 28px center;background-size:42px auto;}
.megamenu.csr h2.report {background:#1b5199 url(../images/megamenu/report.svg) no-repeat 23px center;background-size:25px auto;}
.megamenu.csr h2.global .en,
.megamenu.csr h2.report .en {font-size:1.1em;}

.megamenu .m_close {display:table;width:80px;height:30px;background:url(../images/close.png) no-repeat left center;margin:0 0 20px 50px;padding-left:35px;cursor:pointer;}
.megamenu .m_close span {display:table-cell;width:1000px;height:30px;vertical-align:middle;font-family:museo-sans-rounded,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;letter-spacing:2px;color:#666;}


.megamenu .megaBth a {display:block;width:196px;padding:5px 50px;background:url(../images/arrow_b.svg) no-repeat right 15px center;background-size:14px auto;margin-left:5%;float:left;text-align:center;border-bottom:solid 1px #999;}
.megamenu .megaBth a:first-child {margin-left:0;}
.megamenu .megaBth a .en,
.megamenu .megaBth a .ja {display:inline;}
.megamenu .megaBth a .en {font-size:24px;color:#1b5199;line-height:1.5em;}
.megamenu .megaBth a:hover {background-color:#eee;}


#shadow {display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:5;}

	/*header animetion*/
	#menu a .in,
	#contact a .in,
	#search a .in {transform:matrix(1,0,0,1,0,0);transition:0.2s cubic-bezier(0.3, 0.9, 0.4, 2);}
	#menu a:hover .in,
	#contact a:hover .in,
	#search a:hover .in {transform:matrix(0.9,0,0,0.9,0,0);}
	
	#menu,
	#contact,
	#search,
	#searchBox input[type=submit] {transition:0.3s cubic-bezier(0,1,1,1);}
	#gnav {transition:0.3s cubic-bezier(0,1,1,1);}
	
	#gnav li a:after {bottom:-10px;transition:0.2s cubic-bezier(0,1,1,1);}
	#gnav li.on a:after {bottom:0;}
	
	header.open #menu {right:180px;}
		#menu .image div {transition:0.2s cubic-bezier(0,1,1,1);}
		header.open #menu .image div:nth-child(1) {transform:rotate(45deg);top:10px;}
		header.open #menu .image div:nth-child(2) {width:0;}
		header.open #menu .image div:nth-child(3) {width:40px;left:0;transform:rotate(-45deg);top:10px;}
	header.open #contact {right:90px;opacity:1;}
	header.open #search {opacity:1;}
	header.open #gnav {width:calc(100% - 480px);float: left;margin-left: 190px;opacity:1;}
	header.open #gnav li {opacity:1;transition:0.1s linear 0.1s;}

	#searchBox {width:90px;bottom:0;opacity:0;
	transition:bottom 0.3s cubic-bezier(0,1,1,1) 0.2s,opacity 0.3s cubic-bezier(0,1,1,1) 0.2s,width 0.2s cubic-bezier(0,1,1,1);}
	#searchBox.active {width:460px;bottom:-90px;opacity:1;
	transition:bottom 0.3s cubic-bezier(0,1,1,1),opacity 0.3s cubic-bezier(0,1,1,1),width 0.2s cubic-bezier(0,1,1,1) 0.3s;}
	

/*footer*/
#contactArea {margin:0 auto;padding:70px 0 80px;background:#efefef;}
#contactArea p {font-size:1.45em;color:#1b5199;line-height:1.5em;text-align:center;margin-bottom:70px;}
#contactMethod > div {width:420px;height:100px;}
#contactMethod > div a {display:block;width:100%;height:100%;}
#contactMethod .tel {float:left;}
#contactMethod .tel a {cursor:default;}
#contactMethod .tel .number {width:390px;font-size:42px;letter-spacing:2px;color:#1b5199;background:url(../images/tel.svg) no-repeat left 8px;background-size:auto 34px;text-align:right;margin-top:20px;line-height:1.3em;}
#contactMethod .tel .times {width:380px;text-align:right;}
#contactMethod .mail {background:#1b5199 url(../images/mail.svg) no-repeat 25px center;background-size:38px auto;float:right;}
#contactMethod .mail a {height:calc(100% - 42px);color:#fff;font-size:18px;text-align:center;background:url(../images/arrow.svg) no-repeat right 25px center;padding-top:42px;}

footer {width:100%;padding:45px 0 0;background:#fff;margin-bottom:6em;}
footer .inner {display:table;}
footer .inner > nav,
footer .inner > div {display:table-cell;vertical-align:bottom;}
footer nav {text-align:left;}
footer nav ul,
footer nav ul li {display:inline-block;font-size:0.85em;}
footer nav ul li:before {content:"｜";}
footer nav ul li:first-child:before {display:none;}
footer nav ul li a {font-weight:bold;color:#555;}
footer nav ul li a:hover {color:#1b5199;}
footer .inner > div {text-align:center;}
footer .inner > div #footerLogo {width:200px;margin:0 auto 20px;}
footer .inner > div #footerLogo img {width:100%;height:auto;}
footer .inner > div .addless {font-size:0.85em;}
footer #cl {text-align:right;}
footer #cl #copyright {font-size:0.85em;}
footer #cl #license li {display:inline;vertical-align:middle;margin:0 20px;}


#pagetop {display:block;width:64px;height:64px;border:solid 3px #56abe1;background:rgba(255,255,255,0.9) url(../images/pagetop.svg) no-repeat center center;background-size:30px auto;position:fixed;right:-130px;bottom:15px;z-index:99;
transition:right 0.2s cubic-bezier(0,1,1,1),background-size 0.2s cubic-bezier(0.3, 0.9, 0.4, 2);}
#pagetop.active {right:15px;}
#pagetop:hover {background-size:28px auto;}

/*base style*/
a {text-decoration:none;color:#333;}
.bold {font-weight:bold;}
.red {color:#C30;}

.left {float:left !important;}
.right {float:right !important;}
.center {margin:0 auto;clear:both;}
.clear {clear:both !important;}

.txt_left {text-align:left !important;}
.txt_right {text-align:right !important;}
.txt_center {text-align:center !important;}
.txt_center_e {text-align:center !important;}

br.sp {display:none;}

.categoryTitle_e {text-align:center;position:relative;padding-bottom:0px;margin-bottom:50px;}
.categoryTitle {text-align:center;position:relative;padding-bottom:20px;margin-bottom:65px;}
.categoryTitle .en {font-size:50px;color:#1b5199;line-height:1.5em;}
.categoryTitle_e .er {font-size:13em;line-height:1.0em;color:#1b5199;}
.categoryTitle .ja {font-size:16px;line-height:1.5em;}
.categoryTitle:after {content:"";display:block;width:30px;height:1px;background:#666;position:absolute;bottom:0;left:50%;margin-left:-15px;}
.categoryTitle_e:after {content:"";display:block;width:30px;height:1px;background:#666;position:absolute;bottom:0;left:50%;margin-left:-15px;}

.borderTitle {padding-left:14px;border-left:solid 2px #56abe1;}
.borderTitle .en {font-size:2em;color:#1b5199;line-height:1.3em;font-weight:bold;}

.btn {display:block;width:190px;font-size:1.3em;color:#fff;background:#1b5199 url(../images/arrow.svg) no-repeat right 15px center;padding:20px 50px 20px 20px;margin-bottom:1em;text-align:center;}
.titlebox {display:block;width:80%;font-size:1.3em;color:#fff;background:#1b5199;padding:20px 50px 20px 20px;margin-bottom:1em;margin: 0 auto; text-align: center;}

.item_m{ display: flex;flex-flow: row wrap}
.item_m div{width: 50%;}
.item_m img{width:150px;}
.ancher span{
position: relative;
top: -150px;/*左の数値を変えると、上下に調整します*/
display: block;
}

.line_h a:hover {
	opacity: 0.5 ;
}

.image iframe{max-width: 100%;}


@media (max-width:680px){
.btn {padding:20px 0 20px 0;width:100%;margin-bottom:20px;}
}
.btn.outlink {background-image:url(../images/out.svg);}
.btn.pdflink {background-image:url(../images/pdf_w.svg);}
.btn.archive {width:2em;font-size:1em;background:#333 url(../images/arrow_s.svg) no-repeat right 12px center;background-size:auto 12px;padding:12px 30px 12px 12px;}
.btn:hover {opacity:0.7 !important;}
.titlebox {padding:20px 10px 20px 10px;width:100%;margin-bottom:20px;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}

.font14 {font-size:14px !important;line-height:1.5em !important;}
.font16 {font-size:16px !important;line-height:1.5em !important;}
.font18 {font-size:18px !important;line-height:1.5em !important;}
.font20 {font-size:20px !important;line-height:1.5em !important;}
.font24 {font-size:24px !important;line-height:1.5em !important;}

/*
@media (max-width:1210px){#gnav > li {margin:0 15px;}}
@media (max-width:1120px){#gnav > li {margin:0 10px;}}
@media (max-width:1030px){#gnav > li {margin:0 8px;}}*/
@media (max-width:1020px){
.inner,
.megamenu  {width:90%;}
.item_m .item1{order: 2;}
.item_m .item2{order: 1;}
.item_m .item3{order: 3;}
/*header*/
#gnav {display:none !important;}
header {height: 75px;}
#logo {height: 75px;}
#searchBox, .headBtn {width: 75px;height: 75px;}
#searchBox.active {bottom: -75px;}
header.open #contact {right: 75px;}
header.open #menu{right: 150px;}
#menu .image {top: 18px;}
.headBtn .text{top: 50px;}
#contact a .in, #search a .in {background-position: center 14px;}

#spNav {width:100%;position:absolute;right:-100%;top:100%;background:#fff;display:block;overflow:hidden;
transition:right 0.5s cubic-bezier(0,1,1,1);border-bottom:solid 1px #1b5199;}

/*type1*/
#spNav .gnav {width:calc(100% + 20px);overflow-y:scroll;}
#spNav .gnav  li {width:100%;position:relative;}
#spNav .gnav > li > a {display:block;padding:20px 40px;border-top:solid 1px #1b5199;}
#spNav .gnav > li > a.openBtn {display:block;width:36px;height:65px;padding:0;position:absolute;top:1px;right:20px;border:none;background:#eee url(../images/arrow_single_under.svg) no-repeat center center;background-size:35% auto;}
#spNav .gnav li .en {display:inline-block;width:130px;font-size:22px;color:#1b5199;}
#spNav .gnav li .ja {display:inline-block;font-size:10px;color:#666;}
#spNav .gnav > li.active .lnav {display:block;}
#spNav .lnav {padding:20px 0 40px;display:none;border-left:solid 1px #1b5199;}
#spNav .lnav > li > a {display:block;font-size:16px;padding:10px 40px 10px 50px;background:url(../images/arrow_b.svg) no-repeat left 25px center;background-size:auto 10px;}
#spNav .gnav > li.headerMenu {display:table;display:none;}
#spNav .gnav > li.headerMenu a {display:table-cell;border-left:solid 1px #1b5199;text-align:center;text-indent:1em;}
#spNav .gnav > li.headerMenu a.contactBtn {background:#56abe1 url(../images/mail.svg) no-repeat 20px center;color:#fff;border-bottom:solid 1px #1b5199;border-left:none;}
#spNav .gnav > li.headerMenu a.searchBtn {background:#ccc url(../images/search.svg) no-repeat 20px center;color:#1b5199;border-bottom:solid 1px #1b5199;}

#spNav .gnav .child > li  a {display:block;font-size:12px;padding:5px 40px 5px 65px;background:url(../images/arrow_g.svg) no-repeat left 50px center;background-size:auto 8px;}

/*type2*/
/*#spNav {height:390px;background:rgba(27,81,153,0.8);}
#spNav .gnav > li {width:100px;}
#spNav .gnav > li > a {display:table-cell;width:100px;height:100px;vertical-align:middle;background:#fff;border-radius:100%;text-align:center;}
#spNav .gnav > li .en {font-size:18px;color:#1b5199;}
#spNav .gnav > li .ja {font-size:10px;color:#666;}
#spNav .gnav > li {position:absolute;}
#spNav .gnav > li:nth-child(1) {left:30px;top:30px;}
#spNav .gnav > li:nth-child(2) {left:190px;top:30px;}
#spNav .gnav > li:nth-child(3) {left:110px;top:80px;}
#spNav .gnav > li:nth-child(4) {left:30px;top:130px;}
#spNav .gnav > li:nth-child(5) {left:190px;top:130px;}
#spNav .gnav > li.headerMenu {position:static;width:100%;height:;margin-top:260px;margin-bottom:10px;text-align:center;}
#spNav .gnav > li.headerMenu a {display:inline-block;width:80px;height:70px;border-radius:0;font-size:12px;padding-top:10px;margin:0 10px;}
#spNav .gnav > li.headerMenu a.contactBtn {background:#56abe1 url(../images/mail.svg) no-repeat center 35px;color:#fff;}
#spNav .gnav > li.headerMenu a.searchBtn {background:#ccc url(../images/search.svg) no-repeat center 35px;color:#1b5199;}
#spNav .gnav > li .lnav,
#spNav .gnav > li .openBtn {display:none !important;}
*/





#spNav #spInput {display:none;border-left:solid 1px #1b5199;}

	/*animation*/
	#spNav.on {right:0;}

/*footer*/
#contactMethod .tel,
#contactMethod .mail {float:none;margin:0 auto;}

}
@media (max-width:860px){
.inner,
.text_inner,
.megamenu,
.googlemap  {width:90%;}
.item_m{ display: flex;flex-flow: row wrap}
.item_m div{width: 50%;}
.item_m .item1{order: 1;}
.item_m .item2{order: 2;}
.item_m .item3{order: 3;}
	#item{margin-bottom: 30px;}
	
.categoryTitle_e {margin-bottom:20px;}
.categoryTitle_e .er {font-size:7em;line-height:1.0em;}	
.txt_center_e,p {text-align:center!important;}		
.txt_center,
#contactArea p {text-align:left !important;}
#contactArea p {font-size:1.2em;line-height:1.5em;margin-bottom:20px;}

/*header*/
#menu .text {display: none;}
#menu .image {top: 26px; height: 28px;}

header.open #menu {right:0;}
#contact,
header.open #contact,
#search,
header.open #search {display:none;right:0;}
	#menu a:hover .in,
	#contact a:hover .in,
	#search a:hover .in {transform:matrix(1,0,0,1,0,0);}

#spNav .gnav > li.headerMenu {display:table;}

#spNav #spInput {position:relative;}
#spNav #spInput input {border:none;background:none;border-radius:0;-webkit-appearance:none;}
#spNav #spInput input[type=text] {width:80%;padding:10px 5%;background:#bbb;}
#spNav #spInput input[type=text]::-webkit-input-placeholder  {font-style:italic;}
#spNav #spInput input[type=text]::-moz-placeholder {font-style:italic;}
#spNav #spInput input[type=text]:focus::-webkit-input-placeholder  {color:#bbb;}
#spNav #spInput input[type=text]:focus::-moz-placeholder {color:#bbb;}
#spNav #spInput input[type=submit] {display:block;width:20%;height:100%;background:#999;position:absolute;right:0;top:0;color:#fff;}

form.gsc-search-box, .gsc-search-button-v2 {height: auto !important;}
form.gsc-search-box, table.gsc-search-box {margin-bottom: 0 !important;}
table.gsc-search-box, .gsc-search-box-tools .gsc-search-box .gsc-input, .gsc-input-box {background: #bbb !important;}
.gsc-search-button-v2 svg {width: 20px !important;height: 20px !important;}

#shadow {display:none !important;}

/*footer*/
footer .inner {width:100%;}
footer .inner > nav,
footer .inner > div,
footer #cl {display:block;text-align:center;}
footer .inner > nav {margin-bottom:40px;}
footer .inner > nav ul,
footer .inner > nav li,
footer .inner > nav li a {display:block;width:100%;}
footer .inner > nav li {border-bottom:solid 1px #ccc;background:url(../images/arrow_g.svg) no-repeat right 15px center;}
footer .inner > nav li a {padding:20px 0;font-size:1.2em;}
footer .inner > nav li:before {display:none;}
}
@media (max-width:800px){
	.btn.archive {width:190px;margin:0 auto;font-size:1.3em;padding:20px 50px 20px 20px;text-align:center;background-size:auto 16px;}
	.image_e img{width: 180px;}
}
@media (max-width:680px){
footer {padding-top:0;}
#license {margin:15px 0 10px;}
}
@media (max-width:480px){
/*br.pc {display:none;}
br.sp {display:block;}*/

.txt_left.sp_left,
.txt_right.sp_left,
.txt_center.sp_left {text-align:left;}
.txt_center_e {text-align:center;}

br.pc {display:none;}
br.sp {display:block;}

#contactMethod .tel,
#contactMethod .mail,
#contactMethod .tel .number,
#contactMethod .tel .times {width:100%;}

#contactMethod .tel {background-color:#ccc;}
#contactMethod .tel a {height:calc(100% - 25px);padding-top:25px;cursor:pointer;}
#contactMethod .tel .number {font-size:24px;background-position:25px 2px;background-size:auto 25px;text-align:center;text-indent:2em;margin-top:0;}
#contactMethod .tel .times {text-align:center;text-indent:3em;}
#contactMethod .mail {background-position:25px center;background-size:auto 25px;}
#contactMethod .mail a {font-size:14px;background-position:right 25px center;background-size:auto 14px;}

#pagetop {width:40px;height:40px;background-size:20px auto;bottom:20px;}
#pagetop.active {right:20px;}
#pagetop:hover {background-size:18px auto;}

.categoryTitle .en {font-size:2.3em;line-height:1.5em;}
.categoryTitle_e .er {font-size:6em;line-height:0.8em;letter-spacing:normal;}	
.image_e img{width: 100px;}
.mov .text_inner .ps p{font-size: 2em;}
}



/* 谷村追加　パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


/*add new css*/
.none {display:none !important;} 
#news ul li a {color: #275296;}
