@charset "utf-8";
/*
Description: バーゲンフィールド
Version: 20250320
*/

/* clearfix */
.cf {
	zoom: 1;
}
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

/* --------------------------------------
 * 共通
 * -------------------------------------- */
body {
    background-color: #FFF697;
	/*font-family: "Sawarabi Gothic", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;*/
	font-family: "M PLUS 1p", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	font-size: 18px;
	color: #222222;
}
a {
	color: #1188b9;
	text-decoration: none;
}
a:hover {
	color: #ff9933;
	text-decoration: underline;
}
a:hover img {
	opacity: 0.7;
}
.img-responsive {
	height: auto;
	max-width: 100%;
}

/* entry */
ol,
ul {
	margin-bottom: 15px;
	margin-left: 25px;
}
ol li {
	list-style-type: decimal;
}
ul li {
	list-style-type: disc;
}
p {
	margin-bottom: 15px;
}
sup {
	font-size: 0.7em;
	vertical-align: super;
}
.bold {
	font-weight: bold;
}
.red {
	color: #ff0000;
}
.blue {
	color: #0066cc;
}
.orange {
	color: #f7931e;
}
.brown {
	color: #663300;
}
.font11 {
	font-size: 1.1em;
}
.font12 {
	font-size: 1.2em;
}
.font13 {
	font-size: 1.3em;
}
.font15 {
	font-size: 1.5em;
}
hr {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 20px;
	padding: 0px;
	border: 0;
	height: 1px;
	background: #aaaaaa;
}
pre {
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* fontawesome */
.arrow_blue {
	color: #1d2087;
	font-size: 0.9em;
}
.arrow_red {
	color: #ed1c24;
	font-size: 0.9em;
	margin-right: 10px;
}
.arrow_white {
	color: #ffffff;
	font-size: 0.9em;
	margin-right: 10px;
}


/* --------------------------------------
 * スマートフォン (768pxまで）
 * -------------------------------------- */
@media only screen and (max-width: 768px) {
	/* Header */
    #wrap_header {
        /*width: 100%;*/
        height: 70px;
        margin: 0;
        padding: 0;
        /*background: linear-gradient(to right, #EA6000 0%, #EA6000 50%, #FFF697 50%, #FFF697 100%);*/
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
    header {
		display: none;
	}

	.mobile_header {
		margin: 0;
		padding: 0;
        /*width: 100%;*/
        height: 70px;
        background-color: #FFF697;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
    }
    .mobile_header h1 {
        margin: 0;
        padding: 0;
        height: 70px;
        background-image: url('images/sp_header01.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .mobile_header h1 a {
        margin: 0;
        padding: 0;
        background-image: url('images/sp_header02.png');
        background-position: 95px 10px;
        background-repeat: no-repeat;
        background-size: 55%;
        /*width: auto;*//*424px;*/
        height: 70px;/*86px;*/
        text-indent: -9999px;
        display: block;
    }

    /* ハンバーガー */
    .hamburger {
        display : block;
        position: absolute;
        z-index : 3;
        right : 13px;
        top   : 13px;
        width : 42px;
        height: 42px;
        cursor: pointer;
        text-align: center;
    }
    .hamburger span {
        display : block;
        position: absolute;
        width   : 40px;
        height  : 4px;
        left    : 6px;
        background : #EB6100;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition   : 0.3s ease-in-out;
        transition        : 0.3s ease-in-out;
    }
    .hamburger span:nth-child(1) {
        top: 10px;
    }
    .hamburger span:nth-child(2) {
        top: 22px;
    }
    .hamburger span:nth-child(3) {
        top: 34px;
    }

    /* スマホメニューを開いてる時のボタン */
    .hamburger.active span:nth-child(1) {
        top : 16px;
        left: 6px;
        background : #EB6100;
        -webkit-transform: rotate(-45deg);
        -moz-transform   : rotate(-45deg);
        transform        : rotate(-45deg);
    }

    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) {
        top: 16px;
        background : #EB6100;
        -webkit-transform: rotate(45deg);
        -moz-transform   : rotate(45deg);
        transform        : rotate(45deg);
    }

    /* メニュー背景　*/
    .globalMenuSp {
        position: absolute;
        z-index : 2;
        top  : 70px;
        right: 0;
        color: #fff;
        background: #792900;
        text-align: center;
        width: 100%;
        transform: translateX(500%);
        transition: all 0.6s;
    }
    .globalMenuSp ul {
        margin: 0 auto;
        padding: 0;
        width: 90%;
    }
    .globalMenuSp ul li {
        list-style-type: none;
        padding: 0;
        width: 100%;
        transition: .4s all;
    }
    .globalMenuSp ul li:last-child {
        padding-bottom: 0;
        border-top-color: #ffffff;
        border-top-style: solid;
        border-top-width: 2px;
    }
    .globalMenuSp ul li:hover{
        opacity: 0.7;
    }
    .globalMenuSp ul li a {
        font-size: 16px;
        display: block;
        color: #ffffff;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
        text-decoration : none;
        text-align: left;
        vertical-align: middle;
    }
    .globalMenuSp ul li a i {
        margin-top: 1px;
        font-size: 20px;
    }
    /* クリックでjQueryで追加・削除 */
    .globalMenuSp.active {
        opacity: 100;
        display: block;
        transform: translateX(0%);
    }

	/* content */
	#wrap {
        margin: 0;
        padding-top: 70px;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
	article {
		margin: 0;
		padding: 0;
	}
	section {
		margin-top: 0;
		margin-bottom: 50px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 0;
	}

	.alignleft {
		display: block;
		margin-top: 5px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.alignright {
		display: block;
		margin-top: 5px;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.aligncenter {
		text-align: center;
		display: block;
		padding: 0px;
		margin-left: auto;
		margin-bottom: 10px;
		margin-right: auto;
		margin-top: 5px;
	}

	section img {
		height: auto;
		max-width: 100%;
	}


    article.toppage {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    article.toppage .photo {
        background-image: url('images/sp_photo01.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        height: 0;
        padding-top: 116.60%;
        text-indent: -9999px;
        margin-left: 0;
        margin-right: 0;
    }

    article.toppage .home1 {
    }
    article.toppage .home1 .h1-1 {
        background-image: url('images/content01.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
        height: 0;
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 25%;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        text-indent: -9999px;
    }
    article.toppage .home1 .h1-2 {
        background-image: url('images/sp_content02.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
        height: 0;
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 75%;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        text-indent: -9999px;
    }
    article.toppage .home1 .h1-3 {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.3em;
        margin-top: 0;
        margin-bottom: 50px;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    article.toppage .home1 .h1-3 span {
    }
    article.toppage .home1 .h1-4 {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
    article.toppage .home1 .h1-4 a {
        background-image: url('images/content03.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
        height: 0;
        margin: 0;
        padding-top: 16%;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        text-indent: -9999px;
        display: block;
    }

    article.toppage .home2 h2,
    article.toppage .home3 h2 {
        /*background-color: #EA6000;*/
        margin-top: 0;
        margin-bottom: 50px;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        height: 0;
        line-height: 1.0em;
    }
    article.toppage .home2 a.anc,
    article.toppage .home3 a.anc {
        display: block;
        margin-top: -75px;
        padding-top: 75px;
    }

    article.toppage .home2 {
        margin-left: 0;
        margin-right: 0;
    }
    article.toppage .home2 h2 {
        background-image: url('images/sp_title01.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 8%;/*7.4%;*/
        text-indent: -9999px;
    }
    article.toppage .home2 .h2-1 {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 10px;
        margin-right: 10px;
        padding: 0;
    }
    article.toppage .home2 .h2-1 ul {
        width: 90%;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
    article.toppage .home2 .h2-1 ul li {
        height: 0;
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
        padding-top: 74.05%;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        list-style-type: none;
        text-indent: -9999px;
        display: block;
    }
    article.toppage .home2 .h2-1 ul li.l1 {
        background-image: url('images/content11.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
    }
    article.toppage .home2 .h2-1 ul li.l2 {
        background-image: url('images/content12.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
    }
    article.toppage .home2 .h2-1 ul li.l3 {
        background-image: url('images/content13.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
    }
    article.toppage .home2 .h2-1 ul li.l4 {
        background-image: url('images/content14.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
    }
    article.toppage .home2 .h2-1 ul li.l5 {
        background-image: url('images/content15.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
    }
    article.toppage .home2 .h2-1 ul li.l6 {
        background-image: url('images/content16.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
    }

    article.toppage .home3 {
        margin-left: 0;
        margin-right: 0;
    }
    article.toppage .home3 h2 {
        background-image: url('images/sp_title02.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
        padding-top: 8%;/*7.4%;*/
        text-indent: -9999px;
    }
    article.toppage .home3 .h3-1 {
        margin-top: 0;
        margin-bottom: 50px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 0;
    }
    article.toppage .home3 .h3-1 iframe {
        width: 100%;
        height: 350px;
        margin: 0;
        padding: 0;
        display: block;
    }
    article.toppage .home3 .h3-2 {
        background-image: url('images/content21.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
        height: 0;
        margin-top: 0;
        margin-bottom: 50px;
        margin-left: 0;
        margin-right: 0;
        padding-top: 28%;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        text-indent: -9999px;
    }
    article.toppage .home3 .h3-3 {
        margin: 0;
        padding: 0;
    }
    article.toppage .home3 .h3-3 table {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 10px;
        margin-right: 10px;
        padding: 0;
    }
    article.toppage .home3 .h3-3 table th {
        font-size: 18px;
        font-weight: normal;
        width: 30%;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        vertical-align: text-bottom;
    }
    article.toppage .home3 .h3-3 table td {
        font-size: 20px;
        font-weight: normal;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        vertical-align: text-bottom;
    }

	/* footer */
    #wrap_footer {
        margin-top: 30px;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 70px;
        padding-left: 0;
        padding-right: 0;
    }
    footer {
        margin: 0;
        padding: 0;
    }
    footer .copy {
        font-size: 12px;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    /* mobile */
    .mobile_footer {
        margin: 0;
        padding: 0;
        height: 50px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .mobile_footer .tel {
        margin: 0;
        padding: 0;
        width: 50%;
        float: left;
    }
    .mobile_footer .tel a {
        background-image: url('images/sp_footer01.png');
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: contain;
        height: 50px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        display: block;
    }
    .mobile_footer .contact {
        margin: 0;
        padding: 0;
        width: 50%;
        float: right;
    }
    .mobile_footer .contact a {
        background-image: url('images/sp_footer02.png');
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: contain;
        height: 50px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        display: block;
    }

    .pagetop {
		width: 50px;
		height: 50px;
		position: fixed;
		bottom: 55px;
		right: 10px;
		transition: 0.3s;
		z-index:1;
	}
	.pagetop.hide {
		bottom: 10px;
	}
	.pagetop a {
		height: 0;
		background-image: url('images/pagetop.png');
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		margin: 0;
		padding-top: 88.7%;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		text-indent: -9999px;
	}

}





/* --------------------------------------
 * タブレット (769px〜960px)
 * -------------------------------------- */
/* JSで縮小表示 */


/* --------------------------------------
 * タブレット (769px〜960px) JSで縮小表示
 * PC (961px以上)
 * -------------------------------------- */
/*@media only screen and (min-width: 961px) {*/
/*@media only screen and (min-width: 768px) {*/
@media print, screen and (min-width: 768px) {
	/* Header */
	#wrap_header {
		width: 100%;
        height: 100px;
        margin: 0;
        padding: 0;
        background: linear-gradient(to right, #EA6000 0%, #EA6000 50%, #FFF697 50%, #FFF697 100%);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
	header {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		width: 1200px;
		height: 100px;
        background-color: #FFF697;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
	}
	header h1 {
		margin: 0;
		padding: 0;
		width: 580px;
		height: 100px;
        background-image: url('images/header01.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        float: left;
    }
	header h1 a {
		margin-top: 5px;
        margin-bottom: 0;
        margin-left: 170px;
        margin-right: 0;
		padding: 0;
        background-image: url('images/header02.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 365px;
		height: 90px;
		text-indent: -9999px;
		display: block;
	}
	header h1 a:hover {
		opacity: 0.7;
	}
    header .tel {
        margin: 0;
        padding: 0;
        width: 330px;
        height: 64px;
        float: left;
    }
    header .tel a {
        margin-top: 17px;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        background-image: url('images/header03.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 292px;
        height: 64px;
        text-indent: -9999px;
        display: block;
    }
    header .contact {
        margin: 0;
        padding: 0;
        width: 200px;
        height: 61px;
        float: left;
    }
    header .contact a {
        margin-top: 20px;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        background-image: url('images/header04.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 200px;
        height: 61px;
        text-indent: -9999px;
        display: block;
    }
    header .contact a:hover {
        opacity: 0.7;
    }

    /* ハンバーガー */
    .hamburger {
        display : block;
        position: absolute;
        z-index : 3;
        right : 0;
        top   : 25px;
        width : 42px;
        height: 42px;
        cursor: pointer;
        text-align: center;
    }
    .hamburger span {
        display : block;
        position: absolute;
        width   : 40px;
        height  : 4px;
        left    : 6px;
        background : #EB6100;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition   : 0.3s ease-in-out;
        transition        : 0.3s ease-in-out;
    }
    .hamburger span:nth-child(1) {
        top: 10px;
    }
    .hamburger span:nth-child(2) {
        top: 22px;
    }
    .hamburger span:nth-child(3) {
        top: 34px;
    }

    /* スマホメニューを開いてる時のボタン */
    .hamburger.active span:nth-child(1) {
        top : 16px;
        left: 6px;
        background : #EB6100;
        -webkit-transform: rotate(-45deg);
        -moz-transform   : rotate(-45deg);
        transform        : rotate(-45deg);
    }

    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) {
        top: 16px;
        background : #EB6100;
        -webkit-transform: rotate(45deg);
        -moz-transform   : rotate(45deg);
        transform        : rotate(45deg);
    }

    /* メニュー背景　*/
    .globalMenuSp {
        position: absolute;
        z-index : 2;
        top  : 90px;
        right: 0;
        color: #fff;
        background: #792900;
        text-align: center;
        width: 430px;/*100%;*/
        transform: translateX(500%);
        transition: all 0.6s;
    }
    .globalMenuSp ul {
        margin: 0 auto;
        padding: 0;
        width: 400px;/*100%;*/
    }
    .globalMenuSp ul li {
        list-style-type: none;
        padding: 0;
        width: 100%;
        transition: .4s all;
    }
    .globalMenuSp ul li:last-child {
        padding-bottom: 0;
        border-top-color: #ffffff;
        border-top-style: solid;
        border-top-width: 2px;
    }
    .globalMenuSp ul li:hover{
        opacity: 0.7;
    }
    .globalMenuSp ul li a {
        display: block;
        color: #ffffff;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
        text-decoration : none;
        text-align: left;
        vertical-align: middle;
    }
    .globalMenuSp ul li a i {
        margin-top: 1px;
        font-size: 25px;
    }
    /* クリックでjQueryで追加・削除 */
    .globalMenuSp.active {
        opacity: 100;
        display: block;
        transform: translateX(0%);
    }

    /* スマホ用ナビゲーション */
	.mobile_header {
		display: none;
	}

	/* content */
	#wrap {
		margin: 0;
		padding-top: 100px;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
		width: 100%;
	}
	article {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	section {
		margin-top: 0;
		margin-bottom: 100px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		width: 1200px;
	}

	.alignleft {
		margin-top: 5px;
		margin-right: 15px;
		margin-bottom: 15px;
		float: left;
	}
	.alignright {
		margin-top: 5px;
		margin-left: 15px;
		float: right;
		margin-bottom: 15px;
	}
	.aligncenter {
		text-align: center;
		display: block;
		padding: 0px;
		margin-left: auto;
		margin-bottom: 15px;
		margin-right: auto;
		margin-top: 5px;
	}

	section img {
		height: auto;
		max-width: 100%;
	}

	/* ホーム */
	article.toppage {
        margin: 0;
        padding: 0;
        width: 100%;
	}
    article.toppage .photo {
        width: 100%;
        background-image: url('images/photo01.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        padding-top: 32.47%;
        text-indent: -9999px;
    }

    article.toppage .home1 {
    }
    article.toppage .home1 .h1-1 {
        background-image: url('images/content01.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 981px;
        height: 266px;
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        text-indent: -9999px;
    }
    article.toppage .home1 .h1-2 {
        background-image: url('images/content02.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 1082px;
        height: 337px;
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        text-indent: -9999px;
    }
    article.toppage .home1 .h1-3 {
        width: 700px;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.7em;
        margin-top: 0;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
    article.toppage .home1 .h1-3 span {
        display: block;
    }
    article.toppage .home1 .h1-4 {
        width: 858px;
        height: 139px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
    article.toppage .home1 .h1-4 a {
        background-image: url('images/content03.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 858px;
        height: 139px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        display: block;
    }
    article.toppage .home1 .h1-4 a:hover {
        opacity: 0.7;
    }

    article.toppage .home2 h2,
    article.toppage .home3 h2 {
        background-color: #EA6000;
        margin-top: 0;
        margin-bottom: 50px;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        line-height: 1.0em;
    }
    article.toppage .home2 a.anc,
    article.toppage .home3 a.anc {
        display: block;
        margin-top: -105px;
        padding-top: 105px;
    }
    
    article.toppage .home2 {
        width: 100%;
    }
    article.toppage .home2 h2 {
        background-image: url('images/title01.png');
        background-position: center 0;
        background-repeat: no-repeat;
        width: 100%;
        height: 77px;
        text-indent: -9999px;
    }
    article.toppage .home2 .h2-1 {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 1100px;
    }
    article.toppage .home2 .h2-1 ul {
        width: 100%;
        height: auto;
        text-align: justify;
        margin: 0;
        padding: 0;
        font-size: 0;
    }
    article.toppage .home2 .h2-1 ul:after {
        content:"";
        display: inline-block;
        width: 100%;
        line-height:0;
        height: 0;
    }
    article.toppage .home2 .h2-1 ul li {
        width: 501px;
        height: 371px;
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        text-indent: -9999px;
        list-style-type: none;
        display: inline-block;
    }
    article.toppage .home2 .h2-1 ul li.l1 {
        background-image: url('images/content11.png');
        background-position: center 0;
        background-repeat: no-repeat;
    }
    article.toppage .home2 .h2-1 ul li.l2 {
        background-image: url('images/content12.png');
        background-position: center 0;
        background-repeat: no-repeat;
    }
    article.toppage .home2 .h2-1 ul li.l3 {
        background-image: url('images/content13.png');
        background-position: center 0;
        background-repeat: no-repeat;
    }
    article.toppage .home2 .h2-1 ul li.l4 {
        background-image: url('images/content14.png');
        background-position: center 0;
        background-repeat: no-repeat;
    }
    article.toppage .home2 .h2-1 ul li.l5 {
        background-image: url('images/content15.png');
        background-position: center 0;
        background-repeat: no-repeat;
    }
    article.toppage .home2 .h2-1 ul li.l6 {
        background-image: url('images/content16.png');
        background-position: center 0;
        background-repeat: no-repeat;
    }

    article.toppage .home3 {
        width: 100%;
    }
    article.toppage .home3 h2 {
        background-image: url('images/title02.png');
        background-position: center 0;
        background-repeat: no-repeat;
        width: 100%;
        height: 77px;
        text-indent: -9999px;
    }
    article.toppage .home3 .h3-1 {
        margin-top: 0;
        margin-bottom: 50px;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    article.toppage .home3 .h3-1 iframe {
        width: 850px;
        height: 500px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        display: block;
    }
    article.toppage .home3 .h3-2 {
        background-image: url('images/content21.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 580px;
        height: 175px;
        margin-top: 0;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        text-indent: -9999px;
    }
    article.toppage .home3 .h3-3 {
        margin: 0;
        padding: 0;
    }
    article.toppage .home3 .h3-3 table {
        width: 700px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
    article.toppage .home3 .h3-3 table th {
        font-size: 20px;
        font-weight: normal;
        width: 30%;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }
    article.toppage .home3 .h3-3 table td {
        font-size: 20px;
        font-weight: normal;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }

	/* footer */
	#wrap_footer {
		margin-top: 50px;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
        padding-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
		width: 100%;
	}
	footer {
		width: 1200px;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
	footer .copy {
        font-size: 16px;
        text-align: center;
        margin: 0;
        padding: 0;
	}

    /* mobile */
    .mobile_footer {
        display: none;
    }

    .pagetop {
		width: 100px;/*124px;*/
		height: 100px;/*110px;*/
		position: fixed;
		bottom: 10px;
		right: 10px;
	}
	.pagetop a {
		width: 100px;/*124px;*/
		height: 100px;/*110px;*/
		background-image: url('images/pagetop.png');
		background-position: 0 0;
		background-repeat: no-repeat;
        background-size: contain;
		display: block;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
	}
	.pagetop a:hover {
		opacity: 0.7;
	}

}


/* end css */