@charset "SHIFT_JIS";
/* CSS Document */

@media screen and (max-width: 1000px) {
	.slick-slide img {
		width: 99.5%;
	}
	#information .tab li {
		font-size: 1em;
	}
	#information .panel ul li dl dt {
		width: 35%;
	}
	#information .panel ul li dl dd span.important {
		width: 9em;
	}
	#instrument dl {
		width: 48%;
		border: 1px solid #cccccc;
		border-radius: 3px;
	}
	#instrument dl:first-child, #instrument dl:nth-child(2), #instrument dl:nth-child(3), #instrument dl:nth-child(4) {
		margin-bottom: 2rem;
	}
	#link ul li {
		width: 32%;
	}
	#link ul li img {
		width: 100%;
	}
}

@media screen and (max-width: 737px) {
	.slick-slide img.pc {
		display: none;
	}
	.slick-slide img.sp {
		display: block;
	}
	#breadcrumbList {
		display: none;
	}
	#notification {
		display: block;
	}
	#notification h2 {
		width: auto;
		display: block;
	    padding: 0.4rem 0;
	}
	#notification h2::after {
		display: none;
	}
	#notification .notificationBox01 {
		width: auto;
		display: block;
	}
	#information .tab li {
		position: relative;
	}
	#information .tab li:first-child {
		width: 38%;
	}
	#information .tab li:last-child {
		width: 62%;
	}
	#information .tab li div::before {
		display: none;
	}
	#information .tab li.active div::after {
		background-image: url(/img/common2/arrow04.png);
	}
	#information .tab li div::after {
		content: '';
		display: block;
		width: 10px;
		height: 6px;
		background-image: url(/img/common2/arrow05.png);
		background-size: contain;
		margin: 0.2em auto 0;
		position: absolute;
		bottom: 0.2rem;
		left: 46%;
	}
	#information .tab li span.new {
		font-size: 0.8em;
		padding: 0.5em 0.3em;
		margin: 0.25em auto 0;
		display: block;
		width: 2rem;
	}
	#information .panel {
	    padding: 0.5rem 2.5% 1.2rem;
	}
	#information .panel ul li {
		padding: 0.8em 0;
	}
	#information .panel ul li dl {
		display: block;
		font-size: 0.95em;
	}
	#information .panel ul li dl dt {
		width: auto;
		font-weight: bold;
		color: #666666;
        display: inline-block;
	}
    
    #information .panel ul li dl .important {
        display: inline-block;
        padding: 0 0.4rem;
        width: auto;
    }
    
    #information .panel ul li dl .icon02 {
        display: inline-block;
        padding: 0 0.4rem;
        width: auto;
    }

    #information .panel ul li dl .icon03 {
        display: inline-block;
        padding: 0 0.4rem;
        width: auto;
    }
    
    
	#information .panel ul li dl dd {
		width: auto;
	}
	#information .panel ul li dl dd span.new {
		font-size: 0.8em;
		padding: 0.25em 0.3em;
		margin: -0.25em 0 0 0.2rem;
	}
	#information .more {
		margin: 0.5rem auto 0;
		width: 70%;
	}
	#information .more a {
		display: block;
		padding: 1rem 0;
	}
	#instrument .instrumentBox01 {
		display: block;
	}
	#instrument dl:first-child, #instrument dl:nth-child(2), #instrument dl:nth-child(3), #instrument dl:nth-child(4) {
		margin-bottom: 1.5rem;
	}
	#instrument dl {
		width: auto;
		margin-bottom: 1.5rem;
	}
	#instrument dl dt {
		font-size: 1.2em;
		padding: 0.4em 0;
	}
	#instrument dl dd {
		padding: 1.2rem 2.5% 0.5rem;
	}
	#instrument dl dd ul {
	    display: flex;
		flex-wrap: wrap;
	}
	#instrument dl dd ul li {
		margin-bottom: 1em;
	    width: 49%;
	}
	#instrument dl dd ul li.wAuto01 {
	    width: auto;
	}
	#instrument dl dd ul li.wAuto02 {
	    width: auto;
	    margin-left: 1em;
	}
	#linkSp {
		margin: 2.5rem 2.5% 0;
	}
	#linkSp h2 {
		color: #094fa4;
		font-weight: bold;
		font-size: 1.5em;
		margin-bottom: 1.2rem;
	}
	#linkSp h2 span {
		display: inline-block;
		width: 8px;
		background: #0083d3;
		background: -webkit-gradient(linear, left top, left bottom, from(#0083d3), to(#094fa4));
		background: -webkit-linear-gradient(top, #0083d3, #094fa4);
		background: linear-gradient(to bottom, #0083d3, #094fa4);
		border-radius: 3px;
		height: 1.2em;
		vertical-align: middle;
		margin: 0 0.5em 0.15em 0;
	}
	#linkSp ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#linkSp ul li {
		width: 32.8%;
		margin-bottom: 0.75rem;
        margin-right: 1px;
	}
	#linkSp ul li a {
		display: block;
	}
	#linkSp ul li a img {
		width: 100%;
	}
}

@media screen and (max-width: 350px) {
	#information .tab li {
		font-size: 0.9rem;
	}
	#instrument dl dd ul {
		display: block;
	}
	#instrument dl dd ul li {
		width: auto;
	}
	#instrument dl dd ul li.wAuto02 {
	    margin-left: 0;
	}
}