@charset "UTF-8";

/* 　全般
------------------------------------------------------------------------------ */
html {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 1.6rem;
    line-height: 2.1;
    margin: 0;
    padding: 0;
    text-align: center;
}



/* 　共通
------------------------------------------------------------------------------ */
a:link,a:visited{
	cursor:pointer;
	color:#000;
	text-decoration:none;
}
a{
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	transition:opacity 0.2s;
}
a{
	-webkit-tap-highlight-color:transparent;
}
a:hover img{
	opacity:0.7;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
    margin: 0;
    padding: 0;
}
p {
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 5rem;
    margin: 0 0 50px 0;
}
ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style:none;

}
p{
    font-size: 1.5rem;
    line-height: 2rem;
}
img{
	width:100%;
}
section {
    position: relative;
    background: #fff;
}
section h1 {
    font-size: 3.8rem;
    margin: 0 0 65px;
}

@media screen and (max-width: 950px) {
    p{
        font-size: 1rem;
        line-height: 2rem;
    }
}





@media screen and (max-width: 1550px) {

}

@media screen and (max-width: 1250px) {
	a:link,a:visited{
		cursor:pointer;
		color:#000;
		text-decoration:none;
	}
	a{
		-webkit-transition:opacity 0.2s;
		-moz-transition:opacity 0.2s;
		-o-transition:opacity 0.2s;
		-ms-transition:opacity 0.2s;
		transition:opacity 0.2s;
	}
	a{
		-webkit-tap-highlight-color:transparent;
	}
	a:hover img{
		opacity:0.7;
	}
	h1,h2,h3,h4,h5,h6 {
	    font-weight: 600;
	    margin: 0;
	    padding: 0;
	}
	p {
	    font-size: 3.5rem;
	    font-weight: bold;
	    line-height: 5rem;
	    margin: 0 0 50px 0;
	}
	ul {
	    margin: 0;
	    padding: 0;
	}

	ul li {
	    list-style:none;

	}

}

@media screen and (max-width: 1160px) {
	a:link,a:visited{
		cursor:pointer;
		color:#000;
		text-decoration:none;
	}
	a{
		-webkit-transition:opacity 0.2s;
		-moz-transition:opacity 0.2s;
		-o-transition:opacity 0.2s;
		-ms-transition:opacity 0.2s;
		transition:opacity 0.2s;
	}
	a{
		-webkit-tap-highlight-color:transparent;
	}
	a:hover img{
		opacity:0.7;
	}
	h1,h2,h3,h4,h5,h6 {
	    font-weight: 600;
	    margin: 0;
	    padding: 0;
	}
	p {
	    font-size: 3.5rem;
	    font-weight: bold;
	    line-height: 5rem;
	    margin: 0 0 50px 0;
	}
	ul {
	    margin: 0;
	    padding: 0;
	}

	ul li {
	    list-style:none;

	}

}

@media screen and (max-width: 950px) {
	a:link,a:visited{
		cursor:pointer;
		color:#000;
		text-decoration:none;
	}
	a{
		-webkit-transition:opacity 0.2s;
		-moz-transition:opacity 0.2s;
		-o-transition:opacity 0.2s;
		-ms-transition:opacity 0.2s;
		transition:opacity 0.2s;
	}
	a{
		-webkit-tap-highlight-color:transparent;
	}
	a:hover img{
		opacity:0.7;
	}
	h1,h2,h3,h4,h5,h6 {
	    font-weight: 600;
	    margin: 0;
	    padding: 0;
	}
	p {
	    font-size: 3.5rem;
	    font-weight: bold;
	    line-height: 5rem;
	    margin: 0 0 50px 0;
	}
	ul {
	    margin: 0;
	    padding: 0;
	}

	ul li {
	    list-style:none;

	}

}

@media screen and (max-width: 750px) {
	a:link,a:visited{
		cursor:pointer;
		color:#000;
		text-decoration:none;
	}
	a{
		-webkit-transition:opacity 0.2s;
		-moz-transition:opacity 0.2s;
		-o-transition:opacity 0.2s;
		-ms-transition:opacity 0.2s;
		transition:opacity 0.2s;
	}
	a{
		-webkit-tap-highlight-color:transparent;
	}
	a:hover img{
		opacity:0.7;
	}
	h1,h2,h3,h4,h5,h6 {
	    font-weight: 600;
	    margin: 0;
	    padding: 0;
	}
	p {
	    font-size: 3.5rem;
	    font-weight: bold;
	    line-height: 5rem;
	    margin: 0 0 50px 0;
	}
	ul {
	    margin: 0;
	    padding: 0;
	}

	ul li {
	    list-style:none;

	}

}

@media screen and (max-width: 374px) {

}











/* 　共通　その２
------------------------------------------------------------------------------ */
* .inner {
    width: 1200px;
    margin: 0 auto;
}


* .boundary{
    margin: 150px auto;
    background-color: #ffffff;
    color: #000000;
}
@media screen and (max-width: 1550px) {

}

@media screen and (max-width: 1250px) {

}

@media screen and (max-width: 1160px) {
	.top_header_img{
		margin-top:100px;
	}

    iframe{
        width: 95%;
        height:auto;
    }
	.inquiry {
	    width: 90%;
	    color: #ffffff;
		padding:5px;
	    margin: 0 0 65px;
	    font-size: 1.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}
	* .inquiry a{
	    width: 80%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 1.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}
	.point {
	    width: 80%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #e4007f;
	    margin: 150px auto;
	}

	.special_voice{
	    font-size: 6rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    margin: 100px auto;
	}
    .inner {
        width: 100%;
        margin: 0 auto;
    }

    .boundary{
        margin: 150px auto;
        background-color: #ffffff;
        color: #000000;
    }

}

@media screen and (max-width: 950px) {

	.top_header_img{
		margin-top:80px;
		width:100%;
	}

    iframe{
        width: 95%;
        height:auto;
    }
	.inquiry {
	    width: 90%;
	    color: #ffffff;
		padding:5px;
	    margin: 0 0 65px;
	    font-size: 1.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}
	* .inquiry a{
	    width: 80%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 1.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}
	.point {
	    width: 80%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #e4007f;
	    margin: 150px auto;
	}

	.special_voice{
	    font-size: 6rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    margin: 100px auto;
	}
    .inner {
        width: 100%;
        margin: 0 auto;
    }

    .boundary{
        margin: 150px auto;
        background-color: #ffffff;
        color: #000000;
    }
}

@media screen and (min-width: 751px) {

}



/* 　トップへスクロール
------------------------------------------------------------------------------ */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 18px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #222;
    font-size: 18px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/* 　文字装飾関係
------------------------------------------------------------------------------ */
.font-red{
    color: #ff0000;
}
* .font-g{
    color: #008000;
}
.font-b{
    font-weight: bold;
}
* .midashi_title {
    background: linear-gradient(transparent 70%, #a7d6ff 70%);
    letter-spacing: 5px;
    font-size: 2.5rem;

}

/* 　ヘッダー
------------------------------------------------------------------------------ */
header{
	padding:25px 40px 0 40px;
    margin: auto;
}
header .inner{
    width:100%;
	position:relative;
	padding:0 0 0 40px;
}
header #hLogo{
	position:absolute;
	left:0;
	top:0;
}
header #hLogo a{
	display:block;
	width:402px;
	height:60px;
	background:url(https://www.seiko-se.co.jp/common/img/sse_logo_green.png) no-repeat;
	background-size:100% auto;
	font-size:0;
}
#gNavi{
	width:100%;
	text-align:right;
	font-size:0;
}
#gNavi > li{
	display:inline-block;
	vertical-align:bottom;
	cursor:pointer;
}
#gNavi > li:last-child > a{
	padding-right:0;
}
#gNavi > li > a{
	position:relative;
	display:block;
	font-size:18px;
	font-weight:bold;
	padding:27px 50px 25px 50px;
	cursor:pointer;
}
#gNavi > li.slide > a{
	pointer-events:none;
}
#gNavi > li.slide.active a{
	pointer-events:auto;
}
#gNavi > li > a::before{
	content:"";
	position:absolute;
	top:-52px;
	left:15px;
	width:100px;
	height:70px;
	background-image:url(/common/img/ico-navi_active.svg);
	background-size:100px 100px;
	background-position:left top;
	opacity:0;
}
#gNavi > li.current > a::before,
#gNavi > li:hover > a::before{
	height:100px;
	opacity:1;
}
#gNavi > li:hover > a::before{
	-webkit-transition:height 0.4s,opacity 0.4s;
	-moz-transition:height 0.4s,opacity 0.4s;
	-o-transition:height 0.4s,opacity 0.4s;
	-ms-transition:height 0.4s,opacity 0.4s;
	transition:height 0.4s,,opacity 0.4s;
}
#gNavi > li > a span{
	position:relative;
	left:-15px;
	-webkit-transition:left 0.2s;
	-moz-transition:left 0.2s;
	-o-transition:left 0.2s;
	-ms-transition:left 0.2s;
	transition:left 0.2s;
}
#gNavi > li.current span,
#gNavi > li:hover > a span{
	left:0;
}
#gNavi > li.current span{
	-webkit-transition:left 0s;
	-moz-transition:left 0s;
	-o-transition:left 0s;
	-ms-transition:left 0s;
	transition:left 0s;
}
.mMenu{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	padding:80px 40px;
	margin:0 0 0 -40px;
	text-align:left;
	background-color:rgba(16,53,5,0.85);
	display:none;
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	transition:opacity 0.3s;
	opacity:0;
	cursor:auto;
}
.mMenu.active{
	opacity:1;
}
.mMenu h2{
	position:relative;
	display:inline-block;
	color:#fff;
	font-size:20px;
	display:block;
	max-width:1200px;
	margin:0 auto;
	padding-bottom:28px;
}
.mMenu h2::after{
	content:"";
	width:50px;
	height:4px;
	background-color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.mMenu ul{
	max-width:1200px;
	margin:0 auto;
	font-size:0;
}
.mMenu ul li{
	display:inline-block;
	vertical-align:top;
	width:33.333%;
	font-size:18px;
	font-weight:bold;
	margin-top:50px;
}
.mMenu ul li a{
	position:relative;
	display:inline-block;
	margin-right:20px;
	color:#fff !important;
	padding-bottom:0;
	padding-right:32px;
}
.mMenu ul li a::before{
	position:absolute;
	right:0;
	top:2px;
	content:"";
	background-image:url(/common/img/ico-arrow_04.svg);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:auto 100%;
	width:20px;
	height:10px;
	-webkit-transition:right 0.2s;
	-moz-transition:right 0.2s;
	-o-transition:right 0.2s;
	-ms-transition:right 0.2s;
	transition:right 0.2s;
}
.mMenu ul li a:hover::before{
	right:-5px;
}
.mMenu ul li a[href^="http://"]::before,
.mMenu ul li a[href^="https://"]::before{
	background-image:url(/common/img/ico-win_wht.svg);
	width:18px;
	height:16px;
}
.mMenu ul li a:hover[href^="http://"]::before,
.mMenu ul li a:hover[href^="https://"]::before{
	right:0;
}
.mMenu ul li a small{
	position:absolute;
	margin-top:5px;
	white-space: nowrap;
}
@media screen and (max-width: 1550px) {
    #gNavi > li > a{
    	font-size:16px;
    	padding:26px 22px 25px 22px;
    }
    #gNavi > li > a::before{
    	left:-11px;
    	height:50px;
    }
    #gNavi > li > a span{
    	left:-10px;
    }
}
@media screen and (max-width: 1250px) {
    header{
        width: 100%;
    	padding:20px 40px 0 40px;
    }
    header .inner{
    	width: 100%;
    }
    header #hLogo a{
    	width:298px;
    }
    #gNavi > li > a{
    	font-size:14px;
    	padding:18px 30px 20px 0;
    }
    #gNavi > li > a::before{
    	top:-35px;
    	left:-25px;
    	width:70px;
    	background-size:70px 70px;
    }
    #gNavi > li.current > a::before,
    #gNavi > li:hover > a::before{
    	height:70px;
    }
    #gNavi > li strong span,
    #gNavi > li > a span{
    	left:-6px;
    }
}
@media screen and (max-width: 950px) {
    header .inner{
    	padding:0 0 0 240px;
    }
    header #hLogo a{
    	width:227px;
    	height:26px;
    }
    #gNavi > li > a{
    	font-size:12px;
    	padding:12px 18px 20px 0;
    }
    #gNavi > li.active > a::before,
    #gNavi > li > a::before{
    	top:-43px;
    	left:-21px;
    }
    .mMenu ul li{
    	font-size:14px;
    }
}
@media screen and (max-width: 750px) {
    header{
    	-webkit-transform:translateZ(0);
    	position:fixed;
    	top:0;
    	left:0;
    	z-index:100;
    	width:100%;
        height: 80px;
    	box-sizing:border-box;
    	padding:15px 20px 15px 20px;
    	background:#fff;
    	box-shadow:0px -12px 14px 3px #000000;
    }
    #gNavi{
    	display:none;
    }
}



/* menuBtn
------------------------------------------------------------------------------ */
#menuBtn{
	display:none;
}
@media screen and (max-width: 750px) {
        #menuBtn{
        overflow:hidden;
        display:block;
        position:absolute;
        right:-6px;
        top:10px;
        width:40px;
        height:40px;
        z-index: 100;
        cursor:pointer;
    }
    #menuBtn span,
    #menuBtn::before,
    #menuBtn::after{
        display:block;
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        width:28px;
        height:2px;
        margin:auto;
        background:#449414;
    }
    #menuBtn span{
        overflow:hidden;
        z-index:1;
        color:#251E1C;
    }
    #menuBtn::before{
        z-index:2;
        transform:translate(0, -9px);
        -ms-transform:translate(0, -9px);
        -webkit-transform:translate(0, -9px);
        content:"";
    }
    #menuBtn::after{
        z-index:2;
        transform:translate(0, 9px);
        -ms-transform:translate(0, 9px);
        -webkit-transform:translate(0, 9px);
        content:"";
    }
    #menuBtn span{
        opacity:1;
        transition:opacity 150ms 50ms;
        -ms-transition:opacity 150ms 50ms;
        -webkit-transition:opacity 150ms 50ms;
    }
    #menuBtn::before,
    #menuBtn::after{
        transition:transform 200ms;
        -ms-transition:transform 200ms;
        -webkit-transition:transform 200ms;
    }
    #menuBtn.active span{
        opacity:0;
        transition:opacity 150ms;
        -ms-transition:opacity 150ms;
        -webkit-transition:opacity 150ms;
    }
    #menuBtn.active::before{
        transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
    }
    #menuBtn.active::after{
        transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
    }
}



/* 　フッター
------------------------------------------------------------------------------ */
footer{
	overflow:hidden;
	position:relative;
	background:#1D5D06;
	color:#fff;
	padding:100px 40px;
}
footer::before{
	content:"";
	position:absolute;
	left:-300px;
	top:-300px;
	width:0;
	height:0;
	border:300px solid transparent;
	border-top:300px solid #2B6419;
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
footer::after{
	content:"";
	position:absolute;
	right:-300px;
	bottom:-300px;
	width:0;
	height:0;
	border:300px solid transparent;
	border-top:300px solid #1E570F;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
footer .inner{
	position:relative;
	z-index:99;
	max-width:1400px;
	margin:0 auto;
}
footer #fLogo a{
	display:block;
	width:402px;
	height:60px;
	background:url(https://www.seiko-se.co.jp/common/img/sse_logo_white.png) no-repeat;
	background-size:100% auto;
	font-size:0;
	margin:auto;
}
footer .inner p{
	font-size:1.8rem;
	margin-top:8px;
}
footer .inner #fLogo + p{
	margin-top:12px;
}
@media screen and (max-width: 1250px) {
    footer #fLogo a{
    	width:298px;
    	height:34px;
    }
}
@media screen and (max-width: 950px) {
    footer{
    	padding:60px 40px;
    }
    footer::before{
    	left:-150px;
    	top:-150px;
    	border-width:150px;
    	border-top-width:150px;
    }
    footer::after{
    	right:-150px;
    	bottom:-150px;
    	border-width:150px;
    	border-top-width:150px;
    }
    footer #fNavi .col a{
    	font-size:12px;
    }
}
@media screen and (max-width: 750px) {
    footer{
    	padding:20px;
    }
    footer::before{
    	left:-80px;
    	top:-80px;
    	border-width:80px;
    	border-top-width:80px;
    }
    footer::after{
    	right:-80px;
    	bottom:-80px;
    	border-width:80px;
    	border-top-width:80px;
    }
    footer #fLogo a{
    	width:227px;
    	height:26px;
    }
    footer .inner p{
    	font-size:9px;
    	margin-top:5px;
    }
    footer .inner #fLogo + p{
    	margin-top:10px;
    }
}



/* 　ＰＵＤＵロボット（pudu_robot）
------------------------------------------------------------------------------ */

.inner{
    width:1280px;
}
.top_msg{
	margin-top:-350px;
	text-align:left;
	font-size:2.2rem;
	margin-bottom:80px;
}
.top_msg_title{
	margin:-350px 0 30px 0;
	text-align:left;
	font-size:4rem;
	font-weight:bold;
	border-bottom:2px solid #000000;
}

.point {
    width: 70%;
    color: #ffffff;
    margin: 0 0 65px;
    font-size: 5rem;
    font-weight: 600;
    letter-spacing: 5px;
    border-radius:30px;
    background-color: #e4007f;
    margin: 150px auto;
}
.special_voice{
    font-size: 8rem;
    font-weight: 600;
    letter-spacing: 5px;
    margin: 100px auto;
}

.inquiry {
    width: 1024px;
    color: #ffffff;
    margin: 0 0 65px;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 5px;
    border-radius:30px;
    background-color: #008000;
    margin: 100px auto;
}
.inquiry a{
    width: 1024px;
    color: #ffffff;
    margin: 0 0 65px;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 5px;
    border-radius:30px;
    background-color: #008000;
    margin: 100px auto;
}
.table_pdf{
	width:1280px;
	margin:auto;
}
.catalog_dl {
    margin: 30px 0;
}
.catalog_comment{
	text-align:left;
	font-size:3rem;
	color:#ff0000;
	margin-bottom:80px;
}
.video{
	width:1280px;
	height:720px;
	position: relative;
	margin:0 auto;

}
.video iframe{
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0 auto;
}
.video_40{
	width:600px;              /*横幅いっぱいにwidthを指定*/
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	height:0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
	margin:0 auto;

}
.video_40 iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0 auto;
}
.introduction{
	width:90%;
	text-align:center;
	font-size:3.5rem;
	font-weight:bold;
	margin:80px auto 30px auto;
	border-bottom:3px solid #ccc;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.introduction_01{
	width:90%;
	color:#e4007f;
	text-align:center;
	font-size:3.5rem;
	font-weight:bold;
	margin:80px auto 30px auto;
	border-bottom:5px solid #e4007f;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.introduction_02{
	width:90%;
	color:#6bc8f2; 
	text-align:center;
	font-size:3.5rem;
	font-weight:bold;
	margin:80px auto 30px auto;
	border-bottom:5px solid #6bc8f2;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.item-comment{
	text-align:left;
	font-size:3rem;
	margin-bottom:80px;
	font-weight:bold;
}

.item a:hover{
	text-align:left;
	font-size:2.6rem;
	color:#ff0000;
	margin-bottom:80px;
}
.detail{
	font-weight:bold;
	text-align:center;
	font-size:3rem;
	margin-bottom:80px;
}

.detail a:hover{
	color:#ff0000;
}

.item-blk {
    width: 1280px;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
	margin:auto;
}

.item {
    width: 600px;
    box-sizing: border-box;
    margin-bottom: 80px;
    text-align: center;
}

.item img {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.item_30per {
    width: 28%;
    box-sizing: border-box;
    margin-bottom: 80px;
    text-align: center;
}
.item_70per {
    width: 70%;
    box-sizing: border-box;
    margin-bottom: 80px;
	padding:100px 0;
    text-align: center;
}

.item_30per img,
.item_70per img {
    width: 100%;
}



.item_name {
	font-size:3.5rem;
	font-size:bold;
    text-align: left;
}
.item_strong {
	font-size:5rem;
	font-size:bold;
    text-align: left;
}
.item_detail {
	font-size:2.4rem;
    text-align: left;
}
.item_shiyou {
    width: 500px;
    box-sizing: border-box;
    margin-bottom: 50px;
    text-align: center;
}
.item_shiyou img{
	width:auto;
    height: 500px;
    box-sizing: border-box;
    margin: -20px 0 50px 0;
    text-align: center;
}

.item_shiyou_02 {
    width: 700px;
    box-sizing: border-box;
    margin-bottom: 50px;
    text-align: left;
}
table .table_title{
	width:200px;
}
table .table_detail{
	width:500px;
}


.text_01_hosoku {
    font-size: 1.5rem;
}
.pdf_dl{
    width: 100px;
}

.number {
	width:220px;
	font-size:5rem;
	margin:50px auto -50px auto;
}



@media screen and (max-width: 1550px) {

}

@media screen and (max-width: 1250px) {
	.top_header_img{
		margin-top:80px;
		width:100%;
	}

	.inner{
	    width:95%;
	}
	.point {
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #e4007f;
	    margin: 100px auto 30px auto;
	}
	.special_voice{
	    font-size: 2.4rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    margin: 100px auto;
	}

	.inquiry {
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}
	.inquiry a{
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}

	.catalog_dl {
	    margin: 30px 0;
	}
	.item-comment{
		text-align:left;
		font-size:1.5rem;
		color:#4c4948;
		margin-bottom:80px;
	}
	.catalog_comment{
		text-align:left;
		font-size:3rem;
		color:#ff0000;
		margin-bottom:80px;
	}
	.video{
		width:95%;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
		height:0px;              /*高さはpaddingで指定するためheightは0に*/
		position: relative;
		margin:0 auto;

	}
	.video iframe{
		width:95%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0 auto;
	}
	.item-blk {
	    display: flex;
	    flex-wrap:wrap;
	    justify-content: space-around;
	}

	.item {
	    width: 95%;
	    box-sizing: border-box;
	    margin-bottom: 50px;
	    text-align: center;
		margin:0 auto 50px auto;
	}

	.item img {
	    width: 100%;
	    box-sizing: border-box;
	    margin-bottom: 50px;
	    text-align: center;
	}

	.item_name {
		font-size:2.5rem;
		font-size:bold;
	    text-align: left;
	}
	.item_detail {
		font-size:1.6rem;
	    text-align: left;
	}
	.item_strong {
		font-size:3rem;
		font-size:bold;
	    text-align: left;
	}
	.video_40{
		width:95%;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
		height:0px;              /*高さはpaddingで指定するためheightは0に*/
		position: relative;
		margin:0 auto;

	}
	.video_40 iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0 auto;
	}
	.introduction{
		width:90%;
		text-align:center;
		font-size:3rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:3px solid #ccc;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

	.introduction_01{
		width:95%;
		color:#e4007f;
		text-align:center;
		font-size:2.4rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:5px solid #e4007f;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	.introduction_02{
		width:90%;
		color:#6bc8f2; 
		border-color:#6bc8f2;
		text-align:center;
		font-size:2.4rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:5px solid #e4007f;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	.number{
		width:20%;
		margin:100px auto -30px auto;
	}
	.number img{
		width:100%;
		text-align:center;
	}


	.table_pdf {
	    width:95%;
	}
	.catalog_comment{
		font-size:1.5rem;
	}
	.pdf_dl{
	    width: 100px;
	}

}

@media screen and (max-width: 1160px) {
	.inner{
	    width:95%;
	}
	.top_header_img{
		margin-top:80px;
		width:100%;
	}

	.point {
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #e4007f;
	    margin: 100px auto 30px auto;
	}
	.special_voice{
	    font-size: 2.4rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    margin: 100px auto;
	}

	.inquiry {
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}
	.inquiry a{
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}

	.catalog_dl {
	    margin: 30px 0;
	}
	.item-comment{
		text-align:left;
		font-size:1.5rem;
		color:#4c4948;
		margin-bottom:80px;
	}
	.catalog_comment{
		text-align:left;
		font-size:3rem;
		color:#ff0000;
		margin-bottom:80px;
	}
	.video{
		width:95%;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
		height:0px;              /*高さはpaddingで指定するためheightは0に*/
		position: relative;
		margin:0 auto;

	}
	.video iframe{
		width:95%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0 auto;
	}
	.item-blk {
	    display: flex;
	    flex-wrap:wrap;
	    justify-content: space-around;
	}

	.item {
	    width: 95%;
	    box-sizing: border-box;
	    margin-bottom: 50px;
	    text-align: center;
		margin:0 auto 50px auto;
	}

	.item_name {
		font-size:2.5rem;
		font-size:bold;
	    text-align: left;
	}
	.item_detail {
		font-size:1.6rem;
	    text-align: left;
	}
	.item_strong {
		font-size:3rem;
		font-size:bold;
	    text-align: left;
	}
	.video_40{
		width:95%;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
		height:0px;              /*高さはpaddingで指定するためheightは0に*/
		position: relative;
		margin:0 auto;

	}
	.video_40 iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0 auto;
	}
	.introduction{
		width:90%;
		text-align:center;
		font-size:3rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:3px solid #ccc;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

	.introduction_01{
		width:95%;
		color:#e4007f;
		text-align:center;
		font-size:2.4rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:5px solid #e4007f;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	.introduction_02{
		width:90%;
		color:#6bc8f2; 
		border-color:#6bc8f2;
		text-align:center;
		font-size:2.4rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:5px solid #e4007f;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	.number{
		width:20%;
		margin:100px auto -30px auto;
	}
	.number img{
		width:100%;
		text-align:center;
	}



	.table_pdf {
	    width:95%;
	}
	.catalog_comment{
		font-size:1.5rem;
	}
	.pdf_dl{
	    width: 100px;
	}

}

@media screen and (max-width: 950px) {
	.inner{
	    width:95%;
	}
	.top_header_img{
		margin-top:80px;
		width:100%;
	}

	.top_msg{
		margin-top:-100px;
		text-align:left;
		font-size:2rem;
		margin-bottom:80px;
	}
	.top_msg_title{
		margin:-100px 0 30px 0;
		text-align:left;
		font-size:2.3rem;
		font-weight:bold;
		border-bottom:2px solid #000000;
	}

	.point {
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #e4007f;
	    margin: 100px auto 30px auto;
	}
	.special_voice{
	    font-size: 2.2rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    margin: 100px auto;
	}

	.inquiry {
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}
	.inquiry a{
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}

	.catalog_dl {
	    margin: 30px 0;
	}
	.item-comment{
		text-align:left;
		font-size:1.5rem;
		color:#4c4948;
		margin-bottom:80px;
	}
	.catalog_comment{
		text-align:left;
		font-size:3rem;
		color:#ff0000;
		margin-bottom:80px;
	}
	.video{
		width:95%;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
		height:0px;              /*高さはpaddingで指定するためheightは0に*/
		position: relative;
		margin:0 auto;

	}
	.video iframe{
		width:95%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0 auto;
	}
	.item-blk {
	    display: flex;
	    flex-wrap:wrap;
	    justify-content: space-around;
	}

	.item {
	    width: 95%;
	    box-sizing: border-box;
	    margin-bottom: 50px;
	    text-align: center;
	}

	.item img {
	    width: 100%;
	    box-sizing: border-box;
	    text-align: center;
	}

	.item_30per {
	    width: 50%;
	    box-sizing: border-box;
	    margin-bottom: 80px;
	    text-align: center;
	}

	.item_70per {
	    width: 50%;
	    box-sizing: border-box;
	    margin-bottom: 80px;
		padding:0;
	    text-align: center;
	}

	.item_name {
		font-size:2.5rem;
		font-size:bold;
	    text-align: left;
	}
	.item_detail {
		font-size:1.6rem;
	    text-align: left;
	}
	.item_strong {
		font-size:3rem;
		font-size:bold;
	    text-align: left;
	}
	.video_40{
		width:95%;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
		height:0px;              /*高さはpaddingで指定するためheightは0に*/
		position: relative;
		margin:0 auto;

	}
	.video_40 iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0 auto;
	}
	.introduction{
		width:90%;
		text-align:center;
		font-size:3rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:3px solid #ccc;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

	.introduction_01{
		width:1400px;
		color:#e4007f;
		text-align:center;
		font-size:2.4rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:5px solid #e4007f;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	.introduction_02{
		width:90%;
		color:#6bc8f2; 
		border-color:#6bc8f2;
		text-align:center;
		font-size:2.4rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:5px solid #e4007f;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	.number{
		width:20%;
		margin:100px auto -30px auto;
	}
	.number img{
		width:100%;
		text-align:center;
	}



	.table_pdf {
	    width:95%;
	}
	.catalog_comment{
		font-size:1.5rem;
	}
	.pdf_dl{
	    width: 100px;
	}

}

@media screen and (max-width: 750px) {

	.inner{
	    width:95%;
	}
	.top_header_img{
		margin-top:80px;
		width:100%;
	}

	.top_msg{
		margin-top:-100px;
		text-align:left;
		font-size:1.5rem;
		margin-bottom:80px;
	}
	.top_msg_title{
		margin:-100px 0 30px 0;
		text-align:left;
		font-size:2.3rem;
		font-weight:bold;
		border-bottom:2px solid #000000;
	}

	.point {
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #e4007f;
	    margin: 100px auto 30px auto;
	}
	.special_voice{
	    font-size: 2.2rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    margin: 100px auto;
	}

	.inquiry {
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}
	.inquiry a{
	    width: 95%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}

	.catalog_dl {
	    margin: 30px 0;
	}
	.item-comment{
		text-align:left;
		font-size:1.5rem;
		color:#4c4948;
		margin-bottom:80px;
	}
	.catalog_comment{
		text-align:left;
		font-size:3rem;
		color:#4c4948;
		margin-bottom:80px;
	}
	.video{
		width:95%;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
		height:0px;              /*高さはpaddingで指定するためheightは0に*/
		position: relative;
		margin:0 auto;

	}
	.video iframe{
		width:95%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0 auto;
	}
	.item-blk {
	    width: 100%;
	    display: flex;
	    flex-wrap:wrap;
	    justify-content: space-around;
		margin:auto;
	}

	.detail{
		font-weight:bold;
		text-align:center;
		font-size:2rem;
		margin-bottom:30px;
	}

	.item {
	    width: 95%;
	    box-sizing: border-box;
	    margin-bottom: 50px;
	    text-align: center;
	}

	.item img{
	    width: 100%;
	    box-sizing: border-box;
	    text-align: center;
		margin-bottom:-10px;

	}

	.item_30per {
	    width: 48%;
	    box-sizing: border-box;
	    margin-bottom: 80px;
	    text-align: center;
	}

	.item_70per {
	    width: 48%;
	    box-sizing: border-box;
	    margin-bottom: 80px;
		padding:0;
	    text-align: center;
	}

	.item_name {
		font-size:2.5rem;
		font-size:bold;
	    text-align: left;
	}
	.item_detail {
		font-size:1.6rem;
	    text-align: left;
	}
	.item_strong {
		font-size:3rem;
		font-size:bold;
	    text-align: left;
	}
	.video_40{
		width:95%;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
		height:0px;              /*高さはpaddingで指定するためheightは0に*/
		position: relative;
		margin:0 auto;

	}
	.video_40 iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0 auto;
	}
	.introduction{
		width:90%;
		text-align:center;
		font-size:2.8rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:3px solid #ccc;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

	.introduction_01{
		width:95%;
		color:#e4007f;
		text-align:center;
		font-size:2.2rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:5px solid #e4007f;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	.introduction_02{
		width:90%;
		color:#6bc8f2; 
		border-color:#6bc8f2;
		text-align:center;
		font-size:2.4rem;
		font-weight:bold;
		margin:80px auto 30px auto;
		border-bottom:5px solid #e4007f;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	.number{
		width:20%;
		margin:100px auto -80px auto;
	}
	.number img{
		width:100%;
		text-align:center;
	}



	.table_pdf {
	    width:95%;
	}
	.catalog_comment{
		font-size:1.5rem;
	}
	.pdf_dl{
	    width: 100px;
	}

	.scroll table{
		width:100%;
	}
	.scroll{
		overflow: auto;
		white-space: nowrap;
	}
	.scroll::-webkit-scrollbar{
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
}

@media screen and (max-width: 374px) {
    iframe{
        width: 95%;
        height:auto;
    }
	.top_header_img{
		margin-top:80px;
		width:100%;
	}

	.inquiry {
	    width: 90%;
	    color: #ffffff;
		padding:5px;
	    margin: 0 0 65px;
	    font-size: 1.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}
	.inquiry a{
	    width: 80%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 1.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #008000;
	    margin: 100px auto;
	}
	.point {
	    width: 90%;
	    color: #ffffff;
	    margin: 0 0 65px;
	    font-size: 2rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #e4007f;
	    margin: 150px auto;
	}

	.special_voice{
	    font-size: 1rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    margin: 100px auto;
	}
    .inner {
        width: 100%;
        margin: 0 auto;
    }

    .boundary{
        margin: 150px auto;
        background-color: #ffffff;
        color: #000000;
    }

}