@charset "UTF-8";

/* SP
----------------------------------------------------------*/
@media only screen and (max-width: 640px) {

	/* page */
    .wrapper,
    #footer-wrapper{
        min-width: 0;
        overflow: visible;
    }

	.sub-ttl{
		font-size: 100%;
	}
	.ttl-01{
		font-size: 190%;
		line-height: 1.25em;
	}

		/* inner　デバイスのモニター幅に納めるコンテナ */
		.inner,
		.footer-group .inner {
			padding: 0 3%; /* デバイスのモニター幅に納めるコンテナ */
			clear: both;
			overflow: hidden;
		}
		/* タイトル帯 */
		.ttl-wrap{
			padding-top: 1.25em;
			padding-bottom: 1.25em;
			margin-bottom: 2em;
		}
		.ttl-wrap2{
			position: static;
			height: auto;
			margin-bottom: 14%;
		}
		.ttl-wrap2 img{
			margin-left: 0;
			max-width: 100%;
			position: static;
			left: 0;
}

		/*  セクショントップのリストボタン  */
		.section-top-list{
			margin-right: 0;
		}
		.section-top-list>li{
			float: none;
			width: 100%;
			margin-right: 0;
			margin-bottom: 10%;
		}
		.section-top-list li .sub-ttl{
			padding:3.8%;
		}
		.section-top-list .next-link{
			width: 94.1%;
			padding: 2% 2% 10% 4%;
			bottom: 24%;
		}
		.section-top-list li .sub-list li{
			float: none;
		}

		/*** main ***/
		.main {
			margin-top: 0;
			margin-bottom: 45px;
		}
		.main.inner {
			padding: 0 0 0 0;
		}
		.main-cont-01,
		.main-cont-02,
		.right-nv .main-cont-01,
		.right-nv .main-cont-02 {
			float: none;
			width: auto;
		}
		.main-cont-01 {
			margin: 0 0 50px 0;
		}

		/*タイトル*/
		.main .head1{
			font-size:176%;
		}

		/*ボタン*/
		.btn a{
			padding: 3% 0;
		}
		.btn2{
			margin: 30px 3% 150px;
		}
		.btn2 a{
			text-align:left;
			width: 100%;
		}


		/*** サイドバー ***/
		.ml-cont-01{
			padding: 0 3%;
		}

		.pagetop a{
			margin-right: 0;
		}
		.fglb02w-nav{
			float: none;
		}
		.fglb02w-nav li{
			width: 50%;
			text-align: center;
			margin: 1em 0 0;
		}
		.core-parts.footer_01 .copyright{
			float: none;
			clear: both;
			text-align: center;
		}
		/* スマホメニュー */
		.core-parts.header_02 .hglb02-nav {
			width: 100%;
			padding-right: 0;
			padding-left: 0;
			font-size: 85%;
			margin-top: 1.25em;
		}
		.global-02-close {
			margin: 0 0 1em 0;
		}
		.global-02-close a {
			display: block;
			float: right;
			width: 22px;
			margin-top: 3%;
			margin-right: 3%;
		}
		.core-parts.header_02 .hglb02-nav li {
			float: none;
			width: 100%;
			margin: 0;
			border: none;
			border-bottom: 1px solid #b2b2b2;
			padding: 0;
			display: block;
		}
		.core-parts.header_02 .hglb02-nav li:first-child {
			border-left: none;
			border-top: 1px solid #b2b2b2;
		}
		.core-parts.header_02 .hglb02-nav li a {
			text-align: left;
			height: auto;
			box-sizing: border-box;
			padding: 20px;
		}
		.core-parts.header_02 .hglb02-nav li a,
		.core-parts.header_02 .glb02nav-txt,
		.core-parts.header_02 .fst.sbl-wrap .glb02nav-txt{
			border: none;
		}
		.core-parts.header_02 .hglb02-nav li a:hover,
		.core-parts.header_02 .hglb02-nav li.hglb02nv-current a {
			text-decoration: none;
			background: none;
		}
		.core-parts.header_02 .glb02nav-txt{
			padding: inherit;
		}
		/*logo*/
		.core-parts.header_02 .header-logo {
				width: 41.83%;
				margin-right: 4.18%;
				margin-top: 7%;
		}
		.wrapper .header-logo-2 {
				width: 10.46%;
				margin-top: 4.25%;
		}
		.core-parts.header_02.header-group {
				padding-top: 0;
				padding-bottom: 3.5%;
		}
		.core-parts.header_02 .hglb-sp-btn {
				margin-top: 5.25%;
		}








	/* 共通箇所 ------------------------------------*/


		/*** コンテンツ ***/
		.main .section{
			width:100%;
		}

		.inline-txt-block{
			display:inline-block;
		}

		/*** テーブル ***/
		.tbl{
		border: 1px solid #d5d5d5;
		}
		.tbl th,
		.tbl td{
			display: block;
			width: 100%;
			border:none;
			border-bottom: 1px solid #d5d5d5;
			padding:5% 4.5%;
		}
		.tbl tr:last-child td{
			border-bottom:none;
		}

		.scroll {
			overflow: auto;
		}
		.scroll::-webkit-scrollbar{
			width: 5px;
			background: #eee;
		}
		.scroll::-webkit-scrollbar:horizontal{
			height: 5px;
			background: #eee;
		}
		.scroll::-webkit-scrollbar-thumb{
			background: #666;
			border-radius: 2px;
		}
		.scroll::-webkit-scrollbar-thumb:horizontal{
			background: #666;
			border-radius: 2px;
		}

		/*** フォーム ***/
		.form .tbl th,
		.form .tbl td {
			width: 100%;
		}
		.form .tbl .fld-1 {
			width: 100%;
		}
		.form .tbl .fld-2 {
			width: 20%;
		}
		.form .viewport .agree .agree-txt{
			padding: 15px 0;
		}
		.form .tbl .products{
			margin-bottom: 1em;
		}
		.form .btn-wrapper .btn {
			width: 80%;
			float: none;
		}
		.form .btn-wrapper .send_btn {
			margin: 0 auto 20px;
		}
		.form .btn-wrapper .edit_btn {
			margin: 0 auto;
		}
	/*百周年バナー*/
	.img-100lp {
    width: 100%;
}
}