@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;
	overflow-x:hidden;
}



.Call{
	visibility:hidden;
}

@media screen and (max-width: 1550px) {
	.Call{
		visibility:hidden;
	}
}

@media screen and (max-width: 1250px) {
	.Call{
		visibility:hidden;
	}
}

@media screen and (max-width: 1160px) {
	.Call{
		visibility:hidden;
	}
}

@media screen and (max-width: 950px) {
	.Call{
		visibility: visible;
	}
	#gNavi.active{
		display:block;
		position:absolute;
		top:65px;
		left:0;
		width:100%;
		max-height:calc(100vh - 80px);
		overflow-y:auto;
		padding:0;
		background:#fff;
		text-align:left;
		box-shadow:0 8px 16px rgba(0,0,0,0.15);
	}
	#gNavi.active > li{
		display:block;
	}
	#gNavi > li > a,
	#gNavi > li.slide > a{
		display:block;
		padding:14px 20px;
		font-size:15px;
		pointer-events:auto;
	}
	#gNavi .mMenu{
		position:static;
		width:100%;
		margin:0;
		padding:16px 20px;
	}
	#gNavi .mMenu ul li{
		display:block;
		width:100%;
		margin-top:12px;
		font-size:14px;
	}
}

@media screen and (max-width: 750px) {
	.Call{
		visibility: visible;
	}
}

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


}


/* 　共通
------------------------------------------------------------------------------ */
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: 0px;
    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;
}


.pc_mode{
	display:Visible !important;
}
.mobile_mode{
	display:none !important;
}


@media screen and (max-width: 950px) {
    p{
        font-size: 1rem;
        line-height: 2rem;
    }
	.pc_mode{
		display:none !important;
	}
	.mobile_mode{
		display:Visible !important;
	}

}





@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;

	}
	.pc_mode{
		display:none !important;
	}
	.mobile_mode{
		display:Visible !important;
	}


}

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

}



/* 　共通　その２
------------------------------------------------------------------------------ */
* .inner,.inner_02 {
    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: #00A199;
	    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: #00A199;
	    margin: 100px auto;
	}

	.inquiry_01 {
		font-size:1.2rem;
		text-align:center;
	    margin: 20px auto;
	}

	a.btn--orange {
		width:90%;
		font-size:2.5rem;
		font-weight:bold;
		letter-spacing:5px;
		color: #fff;
		background-color: #FF0000;
	}

	a.btn--orange:hover {
	  color: #fff;
	  background: #f56500;
	}

	a.btn-c {
	  font-size: 1.8rem;
	  position: relative;
	  padding: 20px;
	}

	a.btn-c i.fa {
	  margin-right: 1rem;
	}


	.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: #00A199;
	    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: #00A199;
	    margin: 100px auto;
	}

	.inquiry_01 {
		font-size:1.2rem;
		text-align:center;
	    margin: 20px auto;
	}

	a.btn--orange {
		width:90%;
		font-size:3rem;
		font-weight:bold;
		letter-spacing:5px;
		color: #fff;
		background-color: #FF0000;
	}

	a.btn--orange:hover {
	  color: #fff;
	  background: #f56500;
	}

	a.btn-c {
	  font-size: 1.8rem;
	  position: relative;
	  padding: 20px;
	}

	a.btn-c i.fa {
	  margin-right: 1rem;
	}

	.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;
    }
    .inner_02 {
        width: 100%;
	    display: flex;
	    flex-wrap:wrap;
	    justify-content: space-between;
        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{
	display:block;
	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:#3AABB1;
	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 #99BBAB;
	-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 #99BBAB;
	-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;
    }
	.item_detail2 {
		font-size:2.5rem;
	    margin:0 auto ;
	}
}
@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;
    }
	.item_detail2 {
		font-size:2.5rem;
	    margin:0 auto ;
	}
}

/* 　FAQ
------------------------------------------------------------------------------ */
.qa-007 {
    max-width: 1000px;
    margin-bottom: 10px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
}

.qa-007 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;

}

.qa-007 summary::before,
.qa-007 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-007 summary::before {
    color: #75bbff;
    content: "●";
}

.qa-007 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-007[open] summary::after {
    transform: rotate(225deg);
}

.qa-007 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-007[open] p {
    transform: none;
    opacity: 1;
}

.qa-007 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}


/* j30s（clean_robot）
------------------------------------------------------------------------------ */
.title{
    float: left;
    margin: 0;
    width: 30%;
    margin: 0 -60px -50px -60px;
}
.title img{
    margin: 0;
    max-width: 20%;
    align: left;
}

.column3{
    display: flex;
	
}

.item4 {
    width: calc(100% / 4);
    box-sizing: border-box;
    padding: 20px ;
    text-align: center;
}

.scrollbox{
    display: flex;
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 80px;9
}

.scrollbox div{
    width: 25%;
    margin: 5px;
    flex-shrink: 0;
}

.wide1{
	padding:30px;
    background-color: #3891B1;
} 

.wide4{
    position:relative;
    margin:50px calc(50% - 50vw);
    overflow:hidden;
    background-color: #6DC4C5;
    padding: 100px;
    font-size: 3rem;
    color: #000000;
} 

.wide5{
    position:relative;
    margin:50px calc(50% - 50vw);
    overflow:hidden;
    background-color: #050920;
    padding: 100px;
    font-size: 3rem;
    color: #000000;
} 

.inner{
    width:1280px;
}

.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;
}

.special_voice_01{
    font-size: 5rem;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 5px;
    margin:  auto;
}

.special_voice_01 a {
	color: #0000ff;
	text-decoration: underline;
}
.special_voice_01 a:hover {
	color: #0000ff;
	text-decoration: underline;
}
.special_voice_01 a:visited {
	color: #ff0000;

}

.special_voice_02{
    font-size: 5rem;
    font-weight: 600;
    color: #3AABB1;
    letter-spacing: 5px;
    margin: 100px auto;
}

.inquiry {
    width: 1024px;
    color: #ffffff;
    margin: auto;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 5px;
    border-radius:30px;
    background-color: #00A199;
    margin: 100px auto;
}
.inquiry a{
    width: 1024px;
    color: #ffffff;
    margin: auto;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 5px;
    border-radius:30px;
    background-color: #00A199;
    margin: 100px auto;
}
.inquiry_01 {
	text-align:center;
    margin: 100px auto;
}


a.btn--orange {
	width:1280px;
	font-size:3rem;
	font-weight:bold;
	letter-spacing:5px;
	color: #fff;
	background-color: #FF0000;
}

a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}

a.btn-c i.fa {
  margin-right: 1rem;
}



.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:640px;
	height:360px;
	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_4_spilt{
	width:300px;              /*横幅いっぱいに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;
}
.images_c{
    width: 25%;
    margin:0 auto;
}
.imagesbox3{
 display: flex;
 font-size: 0;
}
.imagesbox4{
 display: flex;
 gap: 6px 4px;
 font-size: 0;
 margin-bottom: 80px;
}

.introduction{
	width:90%;
	text-align:center;
	font-size:3.5rem;
	font-weight:bold;
	margin: 60px auto 30px auto;
	border-bottom:3px solid #000000 ;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.introduction2{
	width:90%;
	text-align:center;
	font-size:5rem;
	font-weight:bold;

	margin:-10px auto 30px auto;
	border-bottom:10px solid #fffffff ;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.introduction_01{
	width:90%;
	color:#e4007f;
	text-align:center;
	font-size:3.5rem;
	font-weight:bold;
	margin:-10px 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:-10px auto 30px auto;
	border-bottom:5px solid #6bc8f2;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.item-comment{
	text-align:left;
	font-size:2.4rem;
	color:#4c4948;
	margin-bottom:80px;
}
.item_comment_01{
	width:1024px;
	text-align:center;
	font-size:2.4rem;
	color:#4c4948;
	margin:40px auto;
}
.item-comment2{
	text-align:left;
	font-size:2.4rem;
	color:#ffffff;
	margin-bottom:10px;
}

.item-comment a:hover{
	color:#ff0000;
}

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

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

.item-blk2 {
    width: 1280px;
    display: flex;
    flex-wrap:wrap;
    background-color: #ffffff;
    justify-content: space-between;
	margin:auto;
	padding: 80px ;
}

.item-blk3 {
    width: 1280px;
    display: flex;
    flex-wrap:wrap;
    background-color: #4169e1;
    justify-content: space-between;
	margin:auto;
	padding: 80px ;
}

/* -----tab------------------------------------------------------ */
.tab{
    width:1200px ;
}

.tab-title{
    font-size: 5rem;
    font-weight: 600;
    color: #808080;
    letter-spacing: 5px;
    margin: 50px auto 100px auto;
}
.tab-title_02{
	width:80%;
    font-size: 2.5rem;
    font-weight: bold;
    color: #00bfff;
	letter-spacing: 5px;
    margin: 30px auto;

}
.tab-title_02 a{
    color: #00bfff;
	text-decoration: underline;
}
.tab-itle_02 a::hover{
    color: #00bfff;
	text-decoration: underline;
}

.tab_50per{
	width: 50%;
    box-sizing: border-box;
    margin-bottom: 5px;
	padding:40px 0;
    text-align: left;
    color: #808080; 
    float:left;
    font-size: 2.5rem;
}
.tab_50per_images{
   	width: 40%;
   	height: auto;
   	float:left;
   	margin-top: -50px;
   	margin-bottom: 5px;
    padding:40px 0;
}
.textbox{
	display:flex;
	justify-content:center;
	gap:10px;
}
.textbox input{
	width:200px;
	height:50px;
	padding:8px;
}

.design10 {
	width: 90%;
	height:auto;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 auto;

}
.design10 th {
	padding: 10px;
	border-bottom: solid 4px #778ca3;
	color: #778ca3
}
.design10 td {
	padding: 10px;
	border-bottom: solid 1px #778ca3;
}

  .tab4 {
    display: flex;
    flex-direction: row;
    text-align: center;
    background-color: #fff !important;
    margin: 0 !important;
    padding: 10px 0;
    position: relative;
  }
  .tab4__item {
    flex: 1;
    font-size: 2rem;
  }
  .tab4__item:hover {
    font-size: 2.5rem;
	font-weight:bold;
	background-color: #e0ffff;
  }
  .tab4__link {
    position: relative;
    display: block;
    text-decoration: none;
    color: #444;
    cursor: pointer;
  }
  .tab4__link:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    width: 0;
    height: 4px;
    background-color: #444;
    transition: all 0.4s ease-out;
  }
  .tab4__link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 4px;
    background-color: #3AABB1;
    transition: all 0.4s ease-out;
  }
  .tab4__link.on:before {
    width: 50%;
  }
  .tab4__link.on:after {
    width: 50%;
  }
  .tab4-body {
    position: relative;
    height: 1500px;
  }
  .tab4-body__item {
    position: absolute;
    width: 100%;
    margin: 30px 15px;
    text-align: center;
    opacity: 0;
	pointer-events: none;
    transition: all 0.6s ease-out;
  }
  .tab4-body__item.on {
    opacity: 1;
	pointer-events: initial!important;
  }
  .tab_button{
	display: inline-block;
	margin: 0 10px;
	border:2px solid #000000 ;
	border-radius:10px;
	padding:10;
}
.inline-block_test {
    display: inline-block;      /* インラインブロック要素にする */
    background-color:  #f0f8ff;    /* 背景色指定 */

    height: 40px;              /* 高さ指定 */
    font-weight: bold;
    margin-top: 30px;
}

/*
問合せのバナー部分
--------------------------------------------------------------------------------　*/

@media(min-width: 768px){
	a[href^="tel:"]{
		pointer-events: none;
	}
}
.toiawase_00{
	border-radius:20px 20px 0 0;
}
.toiawase_01{
	border-radius:0 0 0 20px;
}
.toiawase_02{
	border-radius:0 0 20px 0;
}

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

.item_toiawase {
    width: 639px;
    box-sizing: border-box;
    margin-top: -11px;
    margin-bottom: 80px;
    text-align: center;
}



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

}
@media screen and (max-width: 1250px) {
	.toiawase_00,.toiawase_01,.toiawase_02{
		border-radius:20px;
	}

	.item-blk-toiawase {
	    width: 98%;
　　    display: box;
	    flex-wrap:wrap;
	    justify-content: space-between;
		margin-bottom:1px;
	}

	.item_toiawase {
	    width: 100%;
	    box-sizing: border-box;
	    margin-top: 1%;
	    margin-bottom: 2px;
	    text-align: center;
	}

}

@media screen and (max-width: 950px) {
	.toiawase_00,.toiawase_01,.toiawase_02{
		border-radius:20px;
	}

	.item-blk-toiawase {
	    width: 98%;
　　    display: box;
	    flex-wrap:wrap;
	    justify-content: space-between;
		margin-bottom:1px;
	}
	.item-blk {
	    width: 100%;
	    display: box;
	    flex-wrap:wrap;
	    justify-content: space-between;
		margin:auto;
	}

	.item-blk_menu {
	    width: 100%;
	    display: box;
	    flex-wrap:wrap;
	    justify-content: space-between;
		margin:auto;
	}

	.item_toiawase {
	    width: 100%;
	    box-sizing: border-box;
	    margin-top: 1%;
	    margin-bottom: 2px;
	    text-align: center;
	}
	.special_voice_01{
	    font-size: 3rem;
	    font-weight: 600;
	    color: #ffffff;
	    letter-spacing: 5px;
	    margin: 0 auto 40px auto;
	}

	.item4 {
	    width: calc(100% / 2);
	    box-sizing: border-box;
	    padding: 20px ;
	    text-align: center;
	}
	.wide4{

	    margin:0;
	    overflow:hidden;
	    background-color: #6DC4C5;
	    padding: 100px;
	    font-size: 3rem;
	    color: #000000;
	}
	
	.wide5{
	    margin:0;
	    overflow:hidden;
	    background-color: #050920;
	    padding: 100px;
	    font-size: 3rem;
	    color: #000000;
	}  

	.tab_50per{
	   	width: 100%;
	    box-sizing: border-box;
	    margin-bottom: 5px;
		padding:0;
	    text-align: left;
	    color: #808080; 
	   	float:clear;
	    font-size: 1.5rem;
	}

	.tab_50per_images{
	   	width: 100%;
	   	height: auto;
	   	float:clear;
	   	margin-top: -50px;
	   	margin-bottom: 5px;
	    padding:0;
	}

	.tab4-body {
		width:95%;

	}
	.tab4 {
		width:1200px;
		white-space:nowrap;
		overflow:scroll;
		text-align: center;
		background-color: #fff !important;
		margin: 0 !important;
	}

	.tab4__item {
		font-size:0.8rem
		flex: 1;
		font-size: 2rem;
	}
	.tab4__link {
		width:200px;
		font-size:0.8rem
		display: block;
		text-decoration: none;
		color: #444;
		cursor: pointer;
	}
	.tab4__link:before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 50%;
		width: 0;
		height: 4px;
		background-color: #444;
		transition: all 0.4s ease-out;
	}
	.tab4__link:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0;
		height: 4px;
		background-color: #3AABB1;
		transition: all 0.4s ease-out;
	}
	.tab4__link.on:before {
		width: 50%;
	}
	.tab4__link.on:after {
		width: 50%;
	}
	.tab4-body {
		position: relative;
		height: 1500px;
	}
	.tab4-body__item {
		position: absolute;
		width: 100%;
		margin: 30px 15px;
		text-align: center;
		opacity: 0;
		transition: all 0.6s ease-out;
	}
	.tab4-body__item.on {
		opacity: 1;
	}
	.tab_button{
		display: inline-block;
		margin: 0 10px;
		border:2px solid #000000 ;
		border-radius:10px;
		padding:10;
	}
	.tab-title{
	    font-size: 2.5rem;
	    font-weight: 600;
	    color: #808080;
	    letter-spacing: 5px;
	    margin: 50px 0 100px 0;
	}


	.tab-title_02{
		width:80%;
	    font-size: 1.7rem;
	    font-weight: 600;
	    color: #ffffff;
	    margin: 100px auto;

	}


	.design10 {
		width: 100%;
		height:auto;
		text-align: center;
		border-collapse: collapse;
		border-spacing: 0;
		margin:0;

	}
	.design10 th {
		font-size:1.5rem;

		padding: 10px;
		border-bottom: solid 4px #778ca3;
		color: #778ca3
	}
	.design10 td {
		font-size:1.3rem;
		border-bottom: solid 1px #778ca3;
	}

	.item_comment_01{
		width:95%;
		text-align:center;
		font-size:1.5rem;
		color:#4c4948;
		margin:100px auto;
	}



}

@media screen and (max-width: 750px) {
	.toiawase_00,.toiawase_01,.toiawase_02{
		border-radius:20px;
	}

	.item-blk-toiawase {
	    width: 98%;
　　    display: box;
	    flex-wrap:wrap;
	    justify-content: space-between;
		margin-bottom:1px;
	}

	.item_toiawase {
	    width: 100%;
	    box-sizing: border-box;
	    margin-top: 1%;
	    margin-bottom: 2px;
	    text-align: center;
	}

	.wide4{
	    margin:0;
	    overflow:hidden;
	    background-color: #6DC4C5;
	    padding: 100px;
	    font-size: 3rem;
	    color: #000000;
	} 
	
		.wide5{
	    margin:0;
	    overflow:hidden;
	    background-color: #050920;
	    padding: 100px;
	    font-size: 3rem;
	    color: #000000;
	} 
}

/*　----------------------------------------------------------------------------　*/
.box_70per {
    width: 70%;
    box-sizing: border-box;
    margin-top: 40px;
    text-align: center;
}
.item {
    width: 600px;
    box-sizing: border-box;
    text-align: center;
    font-size: 0
}

.item2 {
    width: 600px;
    box-sizing: border-box;
    text-align: center;
    font-size: 0
}

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

.item_3_campaign {
    width: 400px;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: center;
}

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

.item_5 {
    width: 245px;
    box-sizing: border-box;
    margin: 0 auto 80px auto;
    text-align: center;

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

}

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

.item_30per {
    width: 28%;
    box-sizing: border-box;
    margin-bottom: 40px;
    text-align: center;
}
.item_70per {
    width: 70%;
    box-sizing: border-box;
    margin-top: -100px;
	padding:100px 0;
    text-align: center;
}
.item_50per {
    width: 50%;
    box-sizing: border-box;
    margin-top: -100px;
    margin-bottom: 5px;
	padding:40px 0;
    text-align: center;
}
.item_50per img{
    margin-top: -20px;
}
.item_70per_campaign {
    width: 70%;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: center;
}
.item_70per_2 {
    width: 70%;
    box-sizing: border-box;
    text-align: center;
}

.item_30per img,
.item_70per img {
    width: 100%;
}
.item_name {
	font-size:3.5rem;
	font-size:bold;
    text-align: left;
}
.item_name a:hover{
	color:#ff0000;
}
.item_strong {
	font-size:5rem;
	font-size:bold;
    text-align: left;
}
.item_detail {
	font-size:2.2rem;
    text-align: left;
    color: #ffffff ;
}
.item_detail_01 {
	font-size:2.2rem;
    text-align: left;
    color: #000000 ;
}
.item_detail1 {
	font-size:2.2rem;
    text-align: left;
    color: #595757 ;
}
.item_detail2 {
	font-size:2.5rem;
    margin: 10px 0 40px 0  ;
    background-color: #ffffe0;
}
.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: 70px;
}

.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;
	}

	.special_voice_02{
	    font-size: 3rem;
	    font-weight: 600;
	    color: #3AABB1;
	    letter-spacing: 5px;
	    margin: 100px auto;
	}

	.inquiry {
	    width: 85%;
	    color: #ffffff;
	    margin: auto;
	    font-size: 2.5rem;
	    font-weight: 600;
	    letter-spacing: 5px;
	    border-radius:30px;
	    background-color: #00A199;
	    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: #00A199;
	    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:1.5rem;
		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-blk2 {
	    width: 100%;
	    display: flex;
	    flex-wrap:wrap;
	    background-color: #ffffff;
	    justify-content: space-between;
		margin:auto;
		padding: 0;
	}
	.wide4{
	    position:relative;
	    margin:50px calc(50% - 50vw);
	    overflow:hidden;
	    background-color: #6DC4C5;
	    padding: 5%;
	    font-size: 3rem;
	    color: #000000;
	} 
	
		.wide4{
	    position:relative;
	    margin:50px calc(50% - 50vw);
	    overflow:hidden;
	    background-color: #050920;
	    padding: 5%;
	    font-size: 3rem;
	    color: #000000;
	} 

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

	.item-comment2{
		text-align:left;
		font-size:2rem;
		color:#ffffff;
		margin-bottom:10px;
	}

	.item-blk3 {
	    width: 80%;
	    display: flex;
	    flex-wrap:wrap;
	    background-color: #4169e1;
	    justify-content: space-between;
		margin:auto;
		padding: 10% ;
	}

	.item_5 {
	    width: 45%;
	    box-sizing: border-box;
	    margin: 0 auto 30px auto;
	    text-align: center;

	}

	.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:30px auto 30px auto;
		border-bottom:3px solid #ccc;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	
	.introduction2{
		width:90%;
		text-align:center;
		font-size:2rem;
		font-weight:bold;
		margin:0px auto 30px auto;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

	.introduction_01{
		width:95%;
		color:#e4007f;
		text-align:center;
		font-size:2.4rem;
		font-weight:bold;
		margin:-10px 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:-10px 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;
	}
	.item_detail2 {
		font-size:2.0rem;
	    margin:0 auto ;
	}

}

@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: #00A199;
	    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: #00A199;
	    margin: 100px auto;
	}

	.catalog_dl {
	    margin: 30px 0;
	}
	.item-comment{
		text-align: left;
		font-size: 1.5rem;
		color: #4c4948;
		margin-bottom: 60px;
		margin-top: 20px;
	}
	.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-blk2 {
	    width: 100%;
	    display: flex;
	    flex-wrap:wrap;
	    background-color: #ffffff;
	    justify-content: space-between;
		margin:auto;
		padding: 0;
	}
	.item-blk3 {
	    width: 80%;
	    display: flex;
	    flex-wrap:wrap;
	    background-color: #4169e1;
	    justify-content: space-between;
		margin:auto;
		padding: 0;
	}
	.wide4{
	    position:relative;
	    margin:50px calc(50% - 50vw);
	    overflow:hidden;
	    background-color: #6DC4C5;
	    padding: 5%;
	    font-size: 3rem;
	    color: #000000;
	} 
		.wide5{
	    position:relative;
	    margin:50px calc(50% - 50vw);
	    overflow:hidden;
	    background-color: #050920;
	    padding: 5%;
	    font-size: 3rem;
	    color: #000000;
	} 

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

	.item-comment2{
		text-align:left;
		font-size:1.8rem;
		color:#ffffff;
		margin-bottom:10px;
	}


	.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:30px auto 30px auto;
		border-bottom:3px solid #ccc;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

	.introduction2{
		width:90%;
		text-align:center;
		font-size:2rem;
		font-weight:bold;
		margin:0px auto 30px auto;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

	.introduction_01{
		width:95%;
		color:#e4007f;
		text-align:center;
		font-size:2.4rem;
		font-weight:bold;
		margin:-10px 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:-10px 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;
	}

	.item_detail2 {
		font-size:2.0rem;
	    margin:0 auto ;
	}

}

@media screen and (max-width: 950px) {
	.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.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: #00A199;
	    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: #00A199;
	    margin: 100px auto;
	}

	.catalog_dl {
	    margin: 30px 0;
	}
	.item-comment{
		height:auto;
		text-align:left;
		font-size:1.5rem;
		color:#4c4948;
		margin:0;
	}
	.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-blk2 {
	    width: 100%;
	    display: box;
	    flex-wrap:wrap;
	    background-color: #ffffff;
	    justify-content: space-between;
		margin:auto;
		padding: 0;
	}
	.item-blk3 {
	    width: 80%;
	    display: flex;
	    flex-wrap:wrap;
	    background-color: #4169e1;
	    justify-content: space-between;
		margin:auto;
		padding: 0;
	}
	.wide4{
	    position:relative;
	    margin:50px calc(50% - 50vw);
	    overflow:hidden;
	    background-color: #6DC4C5;
	    padding: 5%;
	    font-size: 3rem;
	    color: #000000;
	} 
	.wide4{
	    position:relative;
	    margin:50px calc(50% - 50vw);
	    overflow:hidden;
	    background-color: #050920;
	    padding: 5%;
	    font-size: 3rem;
	    color: #000000;
	} 

	.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 img {
	    width: 100%;
	    margin-bottom: 20px;
	    text-align: center;
	}
	.item_50per {
	    width: 100%;
	    box-sizing: border-box;
	    margin-top: -100px;
	    margin-bottom: 5px;
		padding:40px 0;
	    text-align: center;
	}

	.item_70per {
	    width: 100%;
	    box-sizing: border-box;
	    margin-bottom: 80px;
		padding:0;
	    text-align: center;
	}
	.item_70per_campaign {
	    width: 90%;
	    box-sizing: border-box;
	    margin-bottom: 10px;
	    text-align: center;
		margin:auto;
	}

	.item_name {
		font-size:2.5rem;
		font-size:bold;
	    text-align: left;
	}
	.item_detail {
		font-size:1.6rem;
	    text-align: left;
	}
	.item_detail_01 {
		font-size:1.8rem;
	    text-align: left;
	    color: #000000 ;
	}
	.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:30px auto 30px auto;
		border-bottom:3px solid #ccc;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

	.introduction2{
		width:90%;
		text-align:center;
		font-size:2rem;
		font-weight:bold;
		margin:0px auto 30px auto;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

	.introduction_01{
		width:1400px;
		color:#e4007f;
		text-align:center;
		font-size:2.4rem;
		font-weight:bold;
		margin:-10px 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:-10px 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;
	}

	.item_detail2 {
		font-size:2.0rem;
	    margin:0 auto ;
	}

	.special_voice_02{
	    font-size: 2.5rem;
	    font-weight: 600;
	    color: #3AABB1;
	    letter-spacing: 5px;
	    margin: 100px auto;
	}



	.inline-block_test {
		width:18%;
	    display: inline-block;      /* インラインブロック要素にする */
	    margin-top: 20px;
	}

	.func_list {
	    margin: 30px 0;
	}

	.o_flow{overflow: auto;}






}

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

	.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.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: #00A199;
	    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: #00A199;
	    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;
	}

	.item-blk3 {
	    width: 80%;
	    display: flex;
	    flex-wrap:wrap;
	    background-color: #4169e1;
	    justify-content: space-between;
		margin:auto;
	}
	.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: 100%;
	    box-sizing: border-box;
	    margin-bottom: 80px;
	    text-align: center;
	}

	.item_70per {
	    width: 100%;
	    box-sizing: border-box;
	    margin-bottom: 50px;
		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:30px 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:-10px 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:-10px 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;
	}
	.item_detail2 {
		font-size:2.0rem;
	    margin:0 auto ;
	}

}

@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: #00A199;
	    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: #00A199;
	    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;
    }

}