@charset "utf-8";


/* *****************************************************************************
   PCÓäΥ¹¥¿¥¤¥ëÓ›Êö
***************************************************************************** */
/* @media screen and (min-width: 769px), print { */
@media screen and (min-width: 1180px), print {

.is-sp {
    display: none;
}
.is-pc {
    display: block;
}
.l-header{
	/*background: #fff;
    position: fixed;*/
    z-index: 999;
    width: 100%;
    height: 100px;
}
.l-header:after {
    content:"";
    display: inline-block;
    width: 100%;
    height: 5px;
    background: #492b56;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

.l-header .logo {
    position: relative;
    top: 8px;
    left: 0;
    width: 260px;
    height: 100px;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999;
}
.l-header .logo a {
    padding: 15px 0;
    display: block;
}
.l-header .logo img {
    width: 210px;
    height: auto;
}
.l-header nav {
    position: fixed;
     top: 0;
    right: 0;
    z-index: 999;
    display: flex;
    width: 1120px;
    max-width: calc(100% - 260px);
}
@media screen and (max-width: 1200px), print{
	.l-header nav {
		/*width: 800px;*/
        width: calc(100% - 260px);
            
	}
}
/*@media screen and (max-width: 992px), print{
	.l-header nav {
		width: 600px;
	}
}*/

.l-header .p-gnav{
    width: 80%;
}
.l-header .p-gnav dl.p-gnav__student,
.l-header .p-gnav dl.p-gnav__student {
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
}
.l-header .p-gnav dl dt {
    display: none;
}

.l-header .p-gnav dl dd {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.l-header .p-gnav dl.p-gnav__student dd {
    width: 50%;
    text-align: center;
}
.l-header .p-gnav dl.p-gnav__student dd a {
    display: flex;
    color: #fff;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
	font-size: 18px;
	font-weight: bold;
}
.l-header .p-gnav dl.p-gnav__student dd a {
    background: #ebb231;
}
.l-header .p-gnav dl.p-gnav__student dd:nth-last-child(2) a,
.l-header .p-gnav dl.p-gnav__student dd:last-child a {
    background: #492b56;
}
.l-header .p-gnav dl.p-gnav__student dd:last-child a {
	border-left: 1px solid #fff;
}
.l-header .p-gnav dl.p-gnav__mainnav{
	display: flex;
	background: #fff;
}
.l-header .p-gnav dl.p-gnav__mainnav dd {
    width: 25%;
    text-align: center;
}
.l-header .p-gnav dl.p-gnav__mainnav dd a {
    display: block;
    width: 100%;
	font-size: 16px;
    line-height: 1.2;
	font-weight: bold;
    position: relative;
}
.l-header .p-gnav dl.p-gnav__mainnav dd a:before {
    content:"";
    display: inline-block;
    width: 1px;
    height: 25px;
    background: #21110d;
    position:absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.l-header .p-gnav dl.p-gnav__mainnav dd a > span {
    display: inline-block;
    font-size: 14px;
    line-height: 1.1;
}

.l-header dl.p-gnav__subnav {
    display: flex;
    width: 34%;
}
.l-header dl.p-gnav__subnav dd {
    height: 100px;
    width: 33%;
		background-color: #9FA0A0;
}
.l-header dl.p-gnav__subnav dd.search {
	background-color: #54535B;
}
.l-header dl.p-gnav__subnav dd a {
    display: block;
    text-align: center;
    height: 100%;
    width: 100%;
    padding: 60px 5px 0;
	box-sizing: border-box;
	line-height: 1.2em;
	color: #fff;
	font-size: 12px;
}
.l-header dl.p-gnav__subnav dd:first-child a {
    background: url(/img/ico_access.svg) no-repeat;
		background-size: 170%;
    background-position: center;
    padding-top: 70px;
}
.l-header dl.p-gnav__subnav dd:nth-child(2) a {
	background: url(/img/common/itoss.svg) no-repeat;
	background-size: 65%;
	background-position: center 20px;
}

.l-header dl.p-gnav__subnav dd {
        position: relative;
}
.l-header dl.p-gnav__subnav dd:before {
		content:"";
		display: inline-block;
		width: 1px;
		height: 100%;
		background: #bbb;
		position: absolute;
		left: 0;
		top: 0%;
}
.l-header dl.p-gnav__subnav dd:nth-child(3) a {
    background: url(/img/common/donation.svg) no-repeat;
    background-size: 40%;
    background-position: center 20px;
}
.l-header dl.p-gnav__subnav dd:last-child a {
    background: url(https://www.sapporo-u.ac.jp/img/ico_search.svg) no-repeat;
    background-size: 150%;
		background-position: -25px center;
		padding-top: 70px;
}


#search {
	position:absolute;
	top:100px;
	right:0px;
	/* right:-420px; */
	width:420px;
	background-color:#e6e6e6;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:99;
	display:none;
}

#search form {
	width:100%;
	display:table;
}

#search .keyword {
	color:#373637;
	font-size:18px;
	font-weight:bold;
	font-family:"Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
	width:330px;
	height:60px;
	margin:0;
	padding:0 20px;
	border:none;
	display:blcok;
	float:left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#search .keyword:placeholder-shown {
	color:#c4c4c4;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
#search .keyword::-webkit-input-placeholder {
	color:#c4c4c4;
}
/* Firefox 18- */
#search .keyword:-moz-placeholder {
	color:#c4c4c4;
}
/* Firefox 19+ */
#search .keyword::-moz-placeholder {
	color:#c4c4c4;
}
/* IE 10+ */
#search .keyword:-ms-input-placeholder {
	color:#c4c4c4;
}

#search .recommend {
	font-size:0;
	padding:5px 25px 25px;
	text-align:left;
}

#search .recommend li {
	margin:5px;
	background-color:#fff;
	display:inline-block;
}

#search .recommend li a {
	position:relative;
	color:#4e4e4e;
	font-size:14px;
	font-weight:bold;
	padding:7px 35px 6px;
	background:url(/common/img/ico_recommend_1.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #ccc;
	letter-spacing:-0.1em;
	display:block;
}

#search .recommend li a .number {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	padding:2px 4px 5px 2px;
	background-color:#ccc;
	line-height:1em;
	letter-spacing:normal;
	display:inline-block;
}

#search .recommend li.n1 a {
	background:url(/common/img/ico_recommend_1.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #f7b66c;
}
#search .recommend li.n1 a .number {
	background-color:#f7b66c;
}

#search .recommend li.n2 a {
	background:url(/common/img/ico_recommend_2.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #52c3f1;
}
#search .recommend li.n2 a .number {
	background-color:#52c3f1;
}

#search .recommend li.n3 a {
	background:url(/common/img/ico_recommend_3.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #f3a1a3;
}
#search .recommend li.n3 a .number {
	background-color:#f3a1a3;
}

#search .recommend li.n4 a {
	background:url(/common/img/ico_recommend_4.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #759975;
}
#search .recommend li.n4 a .number {
	background-color:#759975;
}

#search .recommend li.n5 a {
	background:url(/common/img/ico_recommend_5.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #f39f64;
}
#search .recommend li.n5 a .number {
	background-color:#f39f64;
}

#search .recommend li.n6 a {
	background:url(/common/img/ico_recommend_6.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #7580be;
}
#search .recommend li.n6 a .number {
	background-color:#7580be;
}

#search .recommend li.n7 a {
	background:url(/common/img/ico_recommend_7.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #60c1be;
}
#search .recommend li.n7 a .number {
	background-color:#60c1be;
}

#search .recommend li.n8 a {
	background:url(/common/img/ico_recommend_8.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #b18c69;
}
#search .recommend li.n8 a .number {
	background-color:#b18c69;
}

#search .recommend li.n9 a {
	background:url(/common/img/ico_recommend_9.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #ee86b4;
}
#search .recommend li.n9 a .number {
	background-color:#ee86b4;
}

#search .recommend li.n10 a {
	background:url(/common/img/ico_recommend_10.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #91c982;
}
#search .recommend li.n10 a .number {
	background-color:#91c982;
}

#search .bt-search {
	color:#fff;
	font-size:15px;
	font-weight:bold;
	font-family:"Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
	width:90px;
	height:60px;
	margin:0;
	padding:0;
	background-color:#4da1d9;
	border:none;
	display:blcok;
	float:left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing:0.3em;
	cursor:pointer;
}


#search h2 {
	color:#373637;
	font-size:20px;
	font-family:"Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:25px 25px 0;
	letter-spacing:0.1em;
}

#search h2 .jp {
	font-size:13px;
	font-weight:bold;
	letter-spacing:normal;
}
}


/* *****************************************************************************
   ¥¹¥Þ©`¥È¥Õ¥©¥óÓäΥ¹¥¿¥¤¥ëÓ›Êö
***************************************************************************** */
/* @media screen and (max-width: 769px) { */
@media screen and (max-width: 1179px) {
.is-sp {
	display:block;
}
.is-pc {
	display:none;
}
#menu {
	position: absolute;
	right: -100%;
	width: 100%;
	background-color: #fff;
	/* top: 7vh; */
	top: 70px;
}
.l-header{
	display: flex;
	/* height: 7vh; */
	height: 70px;
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #fff;
}
.l-header:after {
    content:"";
    display: inline-block;
    width: 100%;
    height: 3px;
    background: #492b56;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}

.l-header nav {
    position: fixed;
    /* top: 214px; */
    right: 0;
    width: 100% !important;
    z-index: 999;
    /* overflow-x: hidden; */
}
.l-header .logo {
    position: fixed;
    left: 0;
    /* width: 110px; */
		width: 180px;
	font-size: 1.1rem;
    z-index: 9999;
		top: -.3% !important;
}
/*.l-header .logo::before {
    content: "";
    padding-top: 41%;
    display: block;
}*/
.l-header .logo img {
    height: auto;
    margin: 0 auto;
	vertical-align: middle;
}
.l-header .logo a {
	/*background: #fff;*/
	display: block;
	padding: 1.6vh 2vw 2vh;/* padding: 1.25vh 2vw 0; */
}
.l-header nav.gnav {
    position: fixed;
    /* top: 214px; */
    right: 0;
    width: 100% !important;
    z-index: 999;
    /* overflow-x: hidden; */
}

.l-header nav.gnav ul.nav-sp {
    display: flex;
    justify-content: flex-end;
}

.l-header nav.gnav ul.nav-sp li {
		width: 16vw; /* width: 9vh; */
    background-color: #fff;
    vertical-align: top;
    display: block;
    float: right;
		border-left: 1px solid #fff;
}
.l-header nav.gnav ul.nav-sp a::before {
    content: "";
    /* padding-top: 100%; */
		height: 70px;
    display: block;
}
/* .l-header nav.gnav ul.nav-sp li.menu {
    border-left: 1px solid #fff;
} */
.l-header nav.gnav ul.nav-sp li a {
    position: relative;
    color: #fff !important;
    font-size: 12px;
    width: 100%;
		line-height: 0em;/* line-height: .5em; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
.l-header nav.gnav ul.nav-sp li a span {
    position: absolute;
    bottom: 18%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.l-header .p-gnav dl.p-gnav__mainnav .p-gnav__en{
	display: inline-block;
	font-size: 0.75rem;
	margin-left: 10px;
}
.l-header nav.gnav ul.nav-sp li.menu a {
    background: #373637 url(https://www.sapporo-u.ac.jp/img/ico_menu.svg) no-repeat;
		background-size: 160%;
    background-position: 50% 20%;
}
.l-header nav.gnav ul.nav-sp li.menu.open a {
    background: #373637 url(https://www.sapporo-u.ac.jp/img/ico_menu_close.svg) center center no-repeat;
    /* background-size: 100%; */
		background-size: 170%;
}
.l-header nav.gnav ul.nav-sp li.menu.open a span {
    display: none;
}
.l-header nav.gnav ul.nav-sp li.search a {
    background: #54535B url(https://www.sapporo-u.ac.jp/img/ico_search.svg) no-repeat;
    background-size: 100%;
}
.l-header nav.gnav ul.nav-sp li.search a {
    background: #54535B url(https://www.sapporo-u.ac.jp/img/ico_search.svg) no-repeat;
    background-size: 160%;
    background-position: 55% 31%;
}
.l-header nav.gnav ul.nav-sp li.access a {
	background: #54535B url(/img/ico_access.svg) no-repeat;
	background-size: 175%;
	background-position: 49% 31%;
	font-size: 11px;
}
.l-header .p-gnav dl{

}
.l-header .p-gnav dd a,
.l-header .p-gnav dt{
	padding:10px 20px;
	width: calc(100% - 40px);
	display: block;
	position: relative;
}

.i_box{
    position: absolute;
    border-left: 1px solid #fff;
    width: 60px;
    height: 100%;
    right: 0px;
    top: 0px;
	transition: .3s
}
.i_box::after{
	content: '';
	background: url(/img/common/icon_close.svg) ;
    width: 20px;
    height: 20px;
    background-size: contain;
    top: calc(50% - 12px);
    right: 22px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
	transition: .3s;
	transform:rotate(90deg);
}
.stay .i_box::after{
	background: url(/img/common/icon_open.svg) ;
	background-size: contain;
	transform:rotate(00deg);

}
.stay.open .i_box::after{
	background: url(/img/common/icon_close.svg) ;
	background-size: contain;
	transform:rotate(90deg);
}
.open .i_box::after{
	content: '';
	background: url(/img/common/icon_open.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
    top: calc(50% - 12px);
    right: 22px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
	transition: .3s;
	transform:rotate(0deg);
}
.accordion_inner {
	display: none;
	
	}
.accordion_inner.stay {
	display: block;
}
/*
.accordion_inner.stay {
	display: flex;
	flex-flow: row wrap;
}
.accordion_inner.stay dd{
	width: 50%;
}
*/
.accordion_inner.stay dd:first-child{
	background: #ebb231;
    border-bottom: 1px solid #fff;
}
/*
.accordion_inner.stay dd:nth-child(2){
	background: #492b56;
    border-bottom: 1px solid #fff;
}
*/
.accordion_inner.stay dd:first-child a {
    color: #fff;
}
/*
.accordion_inner.stay dd:nth-child(2) a {
    color: #fff;
}
*/
.l-header .p-gnav dd:first-child a::after{
    background: url(/img/common/arrow_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
/*
.l-header .p-gnav dd:nth-child(2) a::after{
    background: url(/img/common/arrow_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.accordion_inner.stay dd:last-of-type {
	width: 100%;
}
*/
    
.l-header .p-gnav dt .p-gnav__top{
	position: relative;
}
.l-header .p-gnav dt.p-gnav__top a::after,
.l-header .p-gnav dd.system a::after,
.l-header .p-gnav dd.donation a::after{
    content: '';
    background: url(/img/common/arrow_white.svg);
	background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    background-size: contain;
	right: 20px;
	top: calc(50% - 6px);
}
.l-header .p-gnav dt{
	background: #6a366e;
	color: #fff;
	border-bottom:1px solid #fff;
}
.l-header .p-gnav dd.system,
.l-header .p-gnav dd.donation {
	border: none;
}
.l-header .p-gnav dd.system a {
	background: #9FA0A0 url(/img/common/itoss.svg) no-repeat;
	color: #fff;
	border-bottom:1px solid #fff;
	background-position: 20px center;
	background-size: 50px;
}
.l-header .p-gnav dd.system span{
	width: 60px;
	display: inline-block;
}
.l-header .p-gnav dd.donation {
	background: #9FA0A0;
}
.l-header .p-gnav dd.donation a {
    color: #fff;
}
.l-header .p-gnav dt a{
	color: #fff;
}
.l-header .p-gnav dd{
	border-bottom:1px solid #492b56;
	position: relative;
}
.l-header .p-gnav dd a::after{
    content: '';
    background: url(/img/common/arrow_purple.svg);
	background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    background-size: contain;
	right: 20px;
	top: calc(50% - 6px);
}
.l-header .p-gnav dd.p-gnav__sns{
	border: none;
}
.l-header .p-gnav__sns ul{
	display: flex;
	justify-content: space-around;
	padding:10px 0;
}
.l-header .p-gnav__sns ul a{
	padding: 0px;
}
.l-header .p-gnav__sns ul a::after{
	display: none;
}

#search {
	position:absolute;
	right:0;
	/* right:-420px; */
	width:100%;
	background-color:#e6e6e6;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:99;
	display:none;
}

#search form {
	width:100%;
	display:table;
}

#search .keyword {
	color:#373637;
	font-size:16px;
	font-weight:bold;
	font-family:"Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
	width:78%;
	height:40px;
	margin:0;
	padding:0 20px;
	border:none;
	display:blcok;
	float:left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#search .keyword:placeholder-shown {
	color:#c4c4c4;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
#search .keyword::-webkit-input-placeholder {
	color:#c4c4c4;
}
/* Firefox 18- */
#search .keyword:-moz-placeholder {
	color:#c4c4c4;
}
/* Firefox 19+ */
#search .keyword::-moz-placeholder {
	color:#c4c4c4;
}
/* IE 10+ */
#search .keyword:-ms-input-placeholder {
	color:#c4c4c4;
}

#search .recommend {
	font-size:0;
	padding:5px 25px 25px;
	text-align:left;
}

#search .recommend li {
	margin:5px;
	background-color:#fff;
	display:inline-block;
}

#search .recommend li a {
	position:relative;
	color:#4e4e4e;
	font-size:14px;
	font-weight:bold;
	padding:7px 35px 6px;
	background:url(/common/img/ico_recommend_1.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #ccc;
	letter-spacing:-0.1em;
	display:block;
}

#search .recommend li a .number {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	padding:2px 4px 5px 2px;
	background-color:#ccc;
	line-height:1em;
	letter-spacing:normal;
	display:inline-block;
}

#search .recommend li.n1 a {
	background:url(/common/img/ico_recommend_1.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #f7b66c;
}
#search .recommend li.n1 a .number {
	background-color:#f7b66c;
}

#search .recommend li.n2 a {
	background:url(/common/img/ico_recommend_2.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #52c3f1;
}
#search .recommend li.n2 a .number {
	background-color:#52c3f1;
}

#search .recommend li.n3 a {
	background:url(/common/img/ico_recommend_3.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #f3a1a3;
}
#search .recommend li.n3 a .number {
	background-color:#f3a1a3;
}

#search .recommend li.n4 a {
	background:url(/common/img/ico_recommend_4.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #759975;
}
#search .recommend li.n4 a .number {
	background-color:#759975;
}

#search .recommend li.n5 a {
	background:url(/common/img/ico_recommend_5.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #f39f64;
}
#search .recommend li.n5 a .number {
	background-color:#f39f64;
}

#search .recommend li.n6 a {
	background:url(/common/img/ico_recommend_6.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #7580be;
}
#search .recommend li.n6 a .number {
	background-color:#7580be;
}

#search .recommend li.n7 a {
	background:url(/common/img/ico_recommend_7.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #60c1be;
}
#search .recommend li.n7 a .number {
	background-color:#60c1be;
}

#search .recommend li.n8 a {
	background:url(/common/img/ico_recommend_8.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #b18c69;
}
#search .recommend li.n8 a .number {
	background-color:#b18c69;
}

#search .recommend li.n9 a {
	background:url(/common/img/ico_recommend_9.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #ee86b4;
}
#search .recommend li.n9 a .number {
	background-color:#ee86b4;
}

#search .recommend li.n10 a {
	background:url(/common/img/ico_recommend_10.svg) right center no-repeat;
	background-size:20px auto;
	border:2px solid #91c982;
}
#search .recommend li.n10 a .number {
	background-color:#91c982;
}

#search .bt-search {
	color:#fff;
	font-size:13px;
	font-weight:bold;
	font-family:"Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
	width:22%;
	height:40px;
	margin:0;
	padding:0;
	background-color:#4da1d9;
	border:none;
	display:blcok;
	float:left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing:0.3em;
	cursor:pointer;
}


#search h2 {
	color:#373637;
	font-size:16px;
	font-family:"Arvo", "Yu Gothic", "ÓÎ¥´¥·¥Ã¥¯", "YuGothic", "ÓÎ¥´¥·¥Ã¥¯Ìå", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:20px 25px 0;
	letter-spacing:0.1em;
}

#search h2 .jp {
	font-size:12px;
	font-weight:bold;
	letter-spacing:normal;
}


}

/* Ó¡Ë¢ÓÃ */
@media print {
	.l-header nav{
		display: none;
	}
}

/* 20240319¸ÄÐÞ */
.l-header .logo {
	top: 6px;
  background-color: transparent;
}