@charset "UTF-8";
@media screen and (max-width:600px) {
	img {
		width: 100%;
	}
    .blueBtn {
        display: block;
        line-height: 0;
        font-weight: bold;
        color: #fff;
        box-sizing: border-box;
        width: 32.8vw;
        margin-left: 1vw;
        padding: 4.8vw 0 4.8vw 3.2vw;
        background-color: #0b59d3;
        font-size: 1.4rem;
        border: 1px solid #acd3f6;
        position: relative;
    }
    .blueBtn::after {
        content: "";
        background-image: url(../img/icon_arrow_right01.png);
        background-size: cover;
        width: 1.86667vw;
        height: 2.53333vw;
        position: absolute;
        right: 1.06667vw;
        top: 50%;
        transform: translate(-50%, -50%);
    }
	.orangeBtn {
		width: 89.3vw;
		display: block;
		font-size: 1.6rem;
		font-weight: bold;
		background-color: #f57f28;
		color: #fff;
		margin: 0 auto;
		padding: 2.4vw 0;
		text-align: center;
		position: relative;
	}
	.orangeBtn:after {
		content: "";
		background-image: url(../img/icon_arrow_down.png);
		background-size: cover;
		position: absolute;
		width: 3vw;
		height: 2.2vw;
		right: 1.2vw;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	header {
		position: absolute;
		top: 4vw;
		left: 4.5vw;
	}
	header img {
		width: 42.53vw;
	}
	.mv {
		background-image: url(../img/bg_mv_sp.png);
		background-size: contain;
		box-sizing: border-box;
		padding: 8.93333vw 4.5% 0;
		height: 106.3999997vw;
	}
	.mv2 {
		background-image: url(../img/bg_mv_sp.png);
		background-size: contain;
		box-sizing: border-box;
		padding: 8.93333vw 4.5% 0;
		height: 108vw;
		background-repeat:no-repeat;
	}
    .mv h1 {
        width: 97.6vw;
		margin-left: -4.5vw;
        line-height: 0;
    }
	.mv .ttl {
		display: block;
		font-weight: bold;
		margin-top: -9.6vw;
		font-size: 1.9rem;
		line-height: 1;
	}
	
	.mv2 .ttl {
		display: block;
		font-weight: bold;
		margin-top: -9.6vw;
		font-size: 1.9rem;
		line-height: 1;
	}
    .mv .lead {
        width: 48%;
        margin-top: 5.33333vw;
        padding-bottom: 6.4vw;
        font-size: 3.73vw;
   }
	.mv2 .move {
		width: 100%;
		height: 100%;
	}
	nav {
		background-image: url(../img/bg_nav_sp.png);
		background-size: cover;
		padding: 4vw 0 6vw;
	}
	nav h2 {
		font-size: 2.4rem;
		text-align: center;
		font-weight: bold;
		margin-bottom: 4vw;
		color: #fff;
	}
	nav .pointList {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 89.3vw;
		margin: 0 auto 4.8vw;
	}
	nav .pointList li {
		width: 43.8vw;
		background-color: #fff;
		padding: 4vw 0;
		margin-bottom: 1.86667vw;
	}
	nav .pointList li h3 {
		font-size: 2.2rem;
		font-weight: bold;
		color: #002a80;
		text-align: center;
		margin-bottom: 1.33333vw;
	}
	nav .pointList li h3 span {
		margin-top: 4vw;
	}
	nav .pointList li p {
		font-size: 1.4rem;
		width: 80%;
		margin: 0 auto;
	}
	.desc {
		padding-top: 3.2vw;
		padding-bottom: 13.6vw;
	}
	.desc .js-waypoint {
		opacity: 0;
		transform: translateY(21.33333vw);
		transition: ease-out 0.8s all;
	}
	.desc .js-waypoint.-show {
		transform: translateY(0);
		opacity: 1;
	}
	.desc .desc-ttl-wrap {
		width: 89.3%;
		margin: 0 auto;
	}
	.desc .desc-ttl-wrap img {
		width: auto;
		max-width: 100%;
	}
	.desc .desc-ttl {
		display: block;
	}
	.desc h2 {
		width: 89.3%;
		display: block;
		margin: 8vw auto 0 auto;
		font-size: 3.2rem;
		font-weight: bold;
		line-height: 1;
	}
	.desc .inner>h3 {
		font-size: 2.2rem;
		color: #002a80;
		font-weight: bold;
		line-height: 1;
		width: 89.3vw;
		margin: 5.6vw auto 0;
	}
	.desc .detailBox {
		display: flex;
		flex-wrap: wrap;
		width: 89.3vw;
		margin: 0 auto;
	}
	.desc .detailBox .imgBox {
		width: 83.7%;
		margin: 4.8vw auto 0;
		order: 1;
	}
	.desc .detailBox .txtBox {
		margin-top: 3.2vw;
		font-size: 1.4rem;
		line-height: 1.571;
		order: 2;
	}
	.desc .detailBox .txtBox p {
		margin-bottom: 4.8vw;
	}
	.desc .detailBox .txtBox .blueBtn {
		width: 89.3vw;
		display: block;
        margin: 0;
		padding: 4.8vw 8vw 4.8vw 1.6vw;
		box-sizing: border-box;
		background-color: #0078dd;
		margin-bottom: 8.0vw;
		text-align: center;
	}
	.desc .detailBox .txtBox .recommendBox {
		border: 2px solid #315aad;
		padding: 4.0vw 2.66vw;
		margin-bottom: 8.0vw;
	}
	.desc .detailBox .txtBox .recommendBox h4 {
		font-weight: bold;
		margin-bottom: 3.2vw;
	}
	.desc .detailBox .txtBox .recommendBox li {
		padding-left: 4vw;
		padding-bottom: 4vw;
		position: relative;
	}
    .desc .detailBox .txtBox .recommendBox li:last-child {
        padding-bottom: 0;
    }
	.desc .detailBox .txtBox .recommendBox li:before {
		content: "";
		background-image: url(../img/icon_dot.png);
		background-size: cover;
		width: 1.06vw;
		height: 1.06vw;
		position: absolute;
		left: 1.33vw;
		top: 3vw;
		transform: translate(-50%, -50%);
	}
	.desc .exampleBoxList {
		width: 89.3vw;
		margin: 0 auto;
	}
	.desc .exampleBox {
		width: 100%;
		border: 2px solid #002570;
	}
	.desc .exampleBox h3 {
		box-sizing: border-box;
		font-size: 1.6rem;
		width: 100%;
		padding: 3.2vw 2.4vw;
		margin-bottom: 4vw;
		line-height: 1;
		background-image: url(../img/bg_example_sp.png);
		background-size: cover;
		color: #fff;
	}
	.desc .exampleBox h3 span {
		margin-left: 4.53vw;
		font-weight: bold;
	}
	.desc .exampleBox .imgBox {
		width: 59.2vw;
		margin: 0 auto 3.2vw;
	}
	.desc .exampleBox p {
		font-size: 1.4rem;
		width: 82.65vw;
		margin: 0 auto;
	}
	.desc .exampleBox p.result {
		margin-top: 3.2vw;
		padding: 0 0 0 4vw;
		position: relative;
		width: 76.2vw;
	}
	.desc .exampleBox .result:before {
		content: "";
		background-image: url(../img/icon_arrow_right02.png);
		background-size: cover;
		width: 3.2vw;
		height: 2.93vw;
		position: absolute;
		left: 1.33vw;
		top: 3.73vw;
		transform: translate(-50%, -50%);
	}
	.desc .exampleBox p.result span {
		padding: 0.26vw 1%;
		background-color: #adf1f6;
	}
	.desc .exampleBox a {
		color: #009bce;
		display: block;
		text-align: right;
		width: 82.65vw;
		margin: 6.6vw auto 5.33vw;
		line-height: 1;
		font-size: 1.4rem;
	}
	/*** sec01
	******************************************/
	#sec01 {
		background: url(../img/bg_sec01_sp.png) center top no-repeat;
		background-size: 100% auto;
	}
	#sec01 {
		margin-top: 8.0vw;
	}
	#sec01 .desc-ttl {
		width: 24.6%;
	}
	/*** sec02
	******************************************/
	#sec02 {
		background: url(../img/bg_sec02_sp.png) center top no-repeat;
		background-size: 100% auto;
	}
	#sec02 .desc-ttl {
		width: 14.4%;
	}
	/*** sec03
	******************************************/
	#sec03 {
		background: url(../img/bg_sec03_sp.png) center top no-repeat;
		background-size: 100% auto;
	}
	#sec03 .desc-ttl {
		width: 18.5%;
	}
	/*** sec04
	******************************************/
	#sec04 {
		background: url(../img/bg_sec04_sp.png) center top no-repeat;
		background-size: 100% auto;
	}
	#sec04 .desc-ttl {
		width: 16.2%;
	}
	/*** お問い合わせ
	******************************************/
	.contactus {
		padding: 8.0vw 0 9.33vw;
		background-color: #f8f8f8;
	}
	.contactus .inner {
		width: 89.3%;
		margin: 0 auto;
	}
	.contactus h3 {
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1;
		text-align: center;
	}
	.contactus .lead {
		margin-top: 5.6vw;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1;
		color: #002a80;
		white-space: nowrap;
	}
	.contactus .txt {
		margin-top: 4.0vw;
		font-size: 1.4rem;
		line-height: 1.571;
	}
	.contactus .txt span {
		font-weight: bold;
	}
	.contactus .telBox {
		margin: 6.66vw auto 0 auto;
		text-align: center;
		line-height: 1;
		white-space: nowrap;
		background-color: #fff;
		border: 4px solid #f57f28;
	}
	.contactus .telBox li {
		width: 60.3%;
		margin: 0 auto;
		padding-bottom: 5.86vw;
	}
	.contactus .telBox li:nth-child(2) {
		border-top: 1px solid #e1e4e6;
		border-bottom: 1px solid #e1e4e6;
	}
	.contactus .telBox .name {
		margin-top: 5.33vw;
		font-size: 1.4rem;
		font-weight: bold;
		color: #002a80;
	}
	.contactus .telBox .number {
		margin-top: 3.46vw;
		font-size: 1.4rem;
	}
	.contactus .telBox .number span {
		margin-left: 2.86%;
		font-size: 2.0rem;
		font-weight: bold;
	}
	.contactus .telBox .reception {
		margin: 3.2vw 0 0 -15%;
		font-size: 3.73vw;
	}
	.contactus .bottom p {
		margin-top: 6.66vw;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.5;
	}
	.contactus .bottom a {
		position: relative;
		display: block;
		margin-top: 4.0vw;
		padding: 4.53vw 0;
		font-size: 1.6rem;
		font-weight: bold;
		color: #fff;
		line-height: 1;
		text-align: center;
		background-color: #f57f28;
	}
	.contactus .bottom .Btn {
		position: relative;
		display: block;
		text-align: center;
        padding-left: 4.8vw;
	}
	.contactus .bottom a::before {
		position: absolute;
		top: calc(50% - 2.13vw);
		left: 15%;
		width: 6.4%;
		height: 4.26vw;
		content: "";
		background: url(../img/icon_mail.png) center top no-repeat;
		background-size: contain;
	}
	.contactus .bottom a::after {
		position: absolute;
		top: 55%;
		right: 3%;
		width: 2.7%;
		height: 5.06vw;
		content: "";
		background: url(../img/icon_arrow_right01.png) center top no-repeat;
		background-size: contain;
	}
	/*** カタログダウンロード
	******************************************/
	.download {
		padding: 8.0vw 0;
		background-color: #001853;
	}
	.download .inner {
		width: 89.3%;
		margin: 0 auto;
		color: #fff;
	}
	.download h3 {
		font-size: 2.4rem;
		font-weight: bold;
		text-align: center;
		line-height: 1;
	}
	.download .lead {
		margin-top: 4.8vw;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.5;
	}
	.download .txt {
		font-size: 1.4rem;
		margin-top: 3.73vw;
	}
	.download .imgBox {
		display: flex;
		justify-content: space-between;
		width: 76.1%;
		margin: 4.0vw auto 0 auto;
		font-size: 1.2rem;
		text-align: center;
		line-height: 1;
	}
	.download .imgBox>div {
		width: 46%;
	}
	.download .imgBox p {
		margin-top: 2.66vw;
	}
	.copyright {
		background-color: #031542;
	}
	.copyright p {
		display: block;
		padding: 6.4vw 0 4.8vw;
		font-size: 1.0rem;
		text-align: center;
		color: #ccc;
	}
	/*** slick
	******************************************/
	/* Slider */
	.slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
        outline: none;
	}
	.slick-list {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
        outline: none;
	}
	.slick-list:focus {
		outline: none;
	}
	.slick-list.dragging {
		cursor: pointer;
		cursor: hand;
	}
	.slick-slider .slick-track,
	.slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.slick-track {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.slick-track:before,
	.slick-track:after {
		display: table;
		content: '';
	}
	.slick-track:after {
		clear: both;
	}
	.slick-loading .slick-track {
		visibility: hidden;
	}
	.slick-slide {
		float: left;
		height: 100%;
		min-height: 111.06vw;
	}
	[dir='rtl'] .slick-slide {
		float: right;
	}
	#sec02 .slick-slide {
		min-height: 68.93vw;
	}
	.slick-slide img {
		display: block;
	}
	.slick-slide.slick-loading img {
		display: none;
	}
	.slick-slide.dragging img {
		pointer-events: none;
	}
	.slick-loading .slick-slide {
		visibility: hidden;
	}
	.slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
	}
	.slick-arrow.slick-hidden {
		display: none;
	}
	/* Slider */
	.slick-loading .slick-list {
		background: #fff url('./ajax-loader.gif') center center no-repeat;
		overflow: hidden;
	}
	/* Arrows */
	.slick-prev,
	.slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 45%;
		display: block;
		width: 9px;
		height: 29px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
	}
	.slick-next {
		transform: scale(1, 1);
	}
	.slick-prev {
		transform: scale(-1, 1);
	}
	.slick-prev:hover,
	.slick-prev:focus,
	.slick-next:hover,
	.slick-next:focus {
		color: transparent;
		outline: none;
		background: transparent;
	}
	.slick-prev:hover:before,
	.slick-prev:focus:before,
	.slick-next:hover:before,
	.slick-next:focus:before {
		opacity: 1;
	}
	.slick-prev.slick-disabled:before,
	.slick-next.slick-disabled:before {
		opacity: 0;
		cursor: default;
	}
	.slick-prev:before,
	.slick-next:before {
		opacity: 1;
	}
	.slick-prev {
		left: -13px;
	}
	[dir='rtl'] .slick-prev {
		right: -13px;
		left: auto;
	}
	.slick-prev:before {
		width: 9px;
		height: 29px;
		content: "";
		display: block;
		background-image: url(../img/icon_slide_arrow.png);
		background-size: cover;
	}
	[dir='rtl'] .slick-prev:before {
		width: 9px;
		height: 29px;
		content: "";
		display: block;
		background-image: url(../img/icon_slide_arrow.png);
		background-size: cover;
	}
	.slick-next {
		right: -13px;
	}
	[dir='rtl'] .slick-next {
		right: auto;
		right: -13px;
	}
	.slick-next:before {
		width: 2.57vw;
		height: 8.28vw;
		content: "";
		display: block;
		background-image: url(../img/icon_slide_arrow.png);
		background-size: cover;
	}
	[dir='rtl'] .slick-next:before {
		width: 19px;
		height: 57px;
		content: "";
		display: block;
		background-image: url(../img/icon_slide_arrow.png);
		background-size: cover;
	}
	/* Dots */
	.slick-dots {
		position: absolute;
		bottom: -32px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.slick-dots li {
		position: relative;
		display: inline-block;
		width: 9px;
		height: 9px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	.slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 9px;
		height: 9px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.slick-dots li button:hover,
	.slick-dots li button:focus {
		outline: none;
	}
	.slick-dots li button:hover:before,
	.slick-dots li button:focus:before {
		opacity: 1;
	}
	.slick-dots li button:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 9px;
		height: 9px;
		content: '';
		opacity: 1;
		background-image: url(../img/icon_slide_dot_off.png);
		background-size: cover;
	}
	.slick-dots li.slick-active button:before {
		background-image: url(../img/icon_slide_dot.png);
		opacity: 1;
	}

	.movie-wrapper {
		position: relative;
		height: 0;
		padding-top: 72%;
		width: 100%;
	}
	.movie-wrapper iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
}

@media screen and (min-width:601px) {
	/*** btn
	******************************************/
	.blueBtn {
		position: relative;
		display: block;
		font-weight: bold;
		color: #fff;
		width: 390px;
		padding: 13px 17px 13px 0;
		box-sizing: border-box;
		background-color: #0b59d3;
		font-size: 16px;
		line-height: 1;
		text-align: center;
		position: relative;
	}
	.blueBtn::before,
	.orangeBtn::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.3);
		transform-origin: left center;
		transition: transform 0.18s ease-out;
		transform: scaleX(0);
	}
	.blueBtn:hover::before,
	.orangeBtn:hover::before {
		transform: scaleX(1);
	}
	.blueBtn::after {
		content: "";
		background-image: url(../img/icon_arrow_right01.png);
		background-size: cover;
		width: 7px;
		height: 10px;
		position: absolute;
		right: 9px;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.orangeBtn {
		display: block;
		font-size: 1.6rem;
		font-weight: bold;
		background-color: #f57f28;
		color: #fff;
		position: relative;
	}
	/*** header
	******************************************/
	header {
		position: absolute;
		width: 100%;
		top: 32px;
		left: 0;
	}
	header img {
		width: 239px;
	}
	.headerInner {
		width: 100%;
		max-width: 1080px;
		margin: 0 auto;
	}
	/*** mv
	******************************************/
	.mv {
		background-image: url(../img/bg_mv_pc.png);
		background-repeat: no-repeat;
		background-position: 50% 0%;
		background-attachment: auto;
		background-size: cover;
		box-sizing: border-box;
		min-width: 1080px;
		padding-top: 93px;
        height: 767px;
	}
	.mv2 {
		background-image: url(../img/bg_mv_pc2.png);
		background-repeat: no-repeat;
		background-position: 50% 0%;
		background-attachment: auto;
		background-size: cover;
		box-sizing: border-box;
		min-width: 1126px;
		padding-top: 93px;
        height: 800px;
	}
	.mv .mvInner {
		max-width: 1080px;
		margin: 0 auto;
	}
	.mv2 .mvInner {
		max-width: 1080px;
		margin: 0 auto;
	}
	.mv h1 {
		line-height: 1;
	}
	.mv2 h1 {
		line-height: 1;
	}
	.mv h1 img {
		width: auto;
	}
	.mv2 h1 img {
		width: auto;
	}
	.mv .ttl {
		display: block;
		font-weight: bold;
		font-size: 4.8rem;
		line-height: 4.8rem;
		margin: 30px 0 0;
	}
	.mv2 .ttl {
		display: block;
		font-weight: bold;
		font-size: 4.8rem;
		line-height: 4.8rem;
		margin: 30px 0 0;
	}
	.mv .lead {
		width: 48%;
		margin-top: 48px;
		padding-bottom: 30px;
		font-size: 2.0rem;
		line-height: 1.7;
	}
	.mv2 .lead {
		width: 100%;
		margin-top: 20px;
		padding-bottom: 10px;
		font-size: 2.0rem;
		line-height: 1.5;
	}
	.mv .blueBtn {
		width: 247px;
		padding: 25px 0 25px 30px;
		font-size: 26px;
		line-height: 1;
		border: 1px solid #acd3f6;
		text-align: left;
	}
	.mv2 .blueBtn {
		width: 247px;
		padding: 25px 0 25px 30px;
		font-size: 26px;
		line-height: 1;
		border: 1px solid #acd3f6;
		text-align: left;
	}
	.mv .blueBtn::after {
		right: 17px;
		width: 15px;
		height: 19px;
	}
	.mv2 .blueBtn::after {
		right: 17px;
		width: 15px;
		height: 19px;
	}
	.mv2 .move {
		margin-left:50px;
		width: 560px;
		height: 315px;
	}
	/*** nav
	******************************************/
	nav {
		width: 100%;
		min-width: 1080px;
		margin: 0 auto;
		padding: 58px 0 70px;
		background: url(../img/bg_nav_pc.png) center top no-repeat;
		background-size: cover;
		min-height: 100%;
		background-attachment: fixed;
	}
	nav h2 {
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
		font-size: 50px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		color: #fff;
	}
	nav .pointList {
		display: flex;
		justify-content: space-between;
		width: 1000px;
		margin: 36px auto 0 auto;
	}
	nav .js-waypoint {
		opacity: 0;
		transform: translateY(50px);
		transition: .3s ease-out all;
	}
	nav .js-waypoint.-show {
		opacity: 1;
		transform: translateY(0px);
	}
	nav .pointList li {
		width: 230px;
		height: 400px;
		margin: 0 auto;
		padding-top: 49px;
		background-color: #fff;
	}
	nav h3 {
		text-align: center;
	}
	nav h3 span {
		display: block;
		margin-top: 33px;
		font-size: 30px;
		font-weight: bold;
		line-height: 1;
		color: #002a80;
	}
	nav .pointList p {
		width: 190px;
		margin: 11px auto 0 auto;
		font-size: 18px;
		line-height: 1.778;
	}
	nav .btnBox {
		width: 980px;
		margin: 0 auto;
	}
	nav .orangeBtn {
		width: 600px;
		margin: 48px auto 0 auto;
		padding: 33px 0;
		font-size: 24px;
		text-align: center;
		line-height: 1;
	}
	nav .orangeBtn:after {
		content: "";
		background-image: url(../img/icon_arrow_down.png);
		background-size: cover;
		position: absolute;
		width: 14px;
		height: 9px;
		right: 10px;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	/*** sec 共通
	******************************************/
	.desc {
		min-width: 1080px;
	}
	.desc .js-waypoint {
		opacity: 0;
		transform: translateY(80px);
		transition: ease-out 0.8s all;
	}
	.desc .js-waypoint.-show {
		transform: translateY(0);
		opacity: 1;
	}
	.desc .desc-ttl {
		display: block;
		width: 980px;
		margin: 0 auto;
	}
	.desc .desc-ttl img {
		margin: 48px auto 0 auto;
	}
	.desc h2 {
		display: block;
		margin-top: 76px;
		font-size: 62px;
		font-weight: bold;
		line-height: 1;
	}
	.desc .inner {
		width: 980px;
		margin: 0 auto;
	}
	.desc h3 {
		margin-top: 25px;
		font-size: 24px;
		font-weight: bold;
		line-height: 1;
		color: #002a80;
	}
	.desc .detailBox {
		display: flex;
		margin-top: 21px;
	}
	.desc .detailBox .txtBox {
		width: 580px;
	}
	.desc .detailBox .txtBox>p {
		font-size: 16px;
		line-height: 1.875;
		margin-top: calc( -1 * calc(calc(1em * 1.875) - 1em) / 2);
	}
	.desc .recommendBox {
		margin-top: 49px;
		padding: 11px 0 5px 20px;
		border-left: 3px solid #315aad;
	}
	.desc h4 {
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1;
	}
	.desc .recommendBox li {
		position: relative;
		padding-left: 1em;
		font-size: 1.6rem;
		line-height: 1.875;
	}
    .desc .recommendBox li ~ li {
        margin-top: 5px;
    }
	.desc .recommendBox li:nth-child(1) {
		margin-top: 10px;
	}
	.desc .recommendBox li::before {
		position: absolute;
		left: -9px;
		top: -11px;
		width: 16px;
		height: 16px;
		content: "・";
		font-size: 28px;
		color: #002a80;
	}
	.desc .detailBox .blueBtn {
		margin-top: 22px;
	}
	.desc .detailBox .imgBox {
		margin: 0 0 0 auto;
	}
	.desc .exampleBoxList {
		margin-top: 46px;
	}
	.desc .exampleBox {
		width: 100%;
		border: 2px solid #002570;
		box-sizing: border-box;
	}
	.desc .exampleBox.first {
		border-right: none;
	}
	.desc .exampleBox.finally {
		border-left: none;
	}
	.desc .exampleBox h3 {
		margin-top: 0px;
		padding: 15px 0 15px 15px;
		font-size: 2.4rem;
		font-weight: normal;
		line-height: 1;
		color: #fff;
		background: url(../img/bg_example_pc.png) center top no-repeat;
		background-size: cover;
		box-sizing: border-box;
	}
	.desc .exampleBox h3 span {
		font-weight: bold;
		margin-left: 30px;
	}
	.desc .exmaleBox-inner {
		display: flex;
		justify-content: flex-start;
		margin: 0 auto;
		padding: 20px 40px 30px 35px;
		box-sizing: border-box;
	}
	.desc .exmaleBox-inner .imgBox {
		width: 226px;
	}
	.desc .exampleBox img {
		width: 200px;
		height: 130px;
	}
	.desc .exampleBox .txtBox {
		width: 675px;
		font-size: 1.6rem;
	}
	.desc .exampleBox .txtBox p:nth-child(1) {
		margin-top: calc(-1 * calc(1em * 1.875 - 1em) / 2);
		line-height: 1.875;
	}
	.desc .exampleBox .txtBox .result {
		position: relative;
		display: inline-block;
		margin: 15px 0 0 27px;
		line-height: 1.25;
		background-color: #adf1f6;
	}
	.desc .exampleBox .txtBox .result::before {
		position: absolute;
		top: -1px;
		left: -31px;
		width: 25px;
		height: 22px;
		content: "";
		background: url(../img/icon_arrow_right02.png) center top no-repeat;
		background-size: contain;
	}
	.desc .exampleBox .txtBox a {
		display: block;
		margin: 30px 0 0 0;
		text-align: right;
		line-height: 1;
		color: #009bce;
		text-decoration: underline;
	}
	/*** sec01
	******************************************/
	#sec01 {
		margin-top: 80px;
		padding-bottom: 118px;
		background: url(../img/bg_sec01.png) center top no-repeat;
		background-size: cover;
	}
	#sec01 .detailBox img {
		width: 350px;
		height: 390px;
	}
	/*** sec02
	******************************************/
	#sec02 {
		padding-bottom: 118px;
		background: url(../img/bg_sec02.png) center top no-repeat;
		background-size: cover;
	}
	#sec02 .detailBox img {
		width: 350px;
		height: 360px;
	}
	#sec02 .exampleBox .txtBox {
		width: 900px;
	}
	/*** sec03
	******************************************/
	#sec03 {
		padding-bottom: 118px;
		background: url(../img/bg_sec03.png) center top no-repeat;
		background-size: cover;
	}
	#sec03 .detailBox img {
		width: 350px;
		height: 380px;
	}
	#sec03 .exampleBox .txtBox a {
		margin-top: 68px;
	}
	/*** sec04
	******************************************/
	#sec04 {
		padding-bottom: 118px;
		background: url(../img/bg_sec04.png) center top no-repeat;
		background-size: cover;
	}
	#sec04 .detailBox img {
		width: 350px;
		height: 253px;
	}
	/*** footer
	******************************************/
	/*** お問い合わせ
	******************************************/
	.contactus {
		min-width: 1080px;
		padding: 78px 0 81px;
		background-color: #f8f8f8;
	}
	.contactus .inner {
		width: 980px;
		margin: 0 auto;
	}
	.contactus h3 {
		font-size: 4.4rem;
		font-weight: bold;
		line-height: 1;
	}
	.contactus .lead {
		margin-top: 37px;
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1;
		color: #002a80;
	}
	.contactus .txt {
		margin-top: 13px;
		font-size: 1.6rem;
		line-height: 1.875;
	}
	.contactus .txt span {
		font-weight: bold;
	}
	.contactus .telBox {
		display: flex;
		justify-content: space-between;
		margin-top: 34px;
		padding: 33px 0;
		background-color: #fff;
		border: 4px solid #f57f28;
	}
	.contactus .telBox li {
		width: 320px;
		margin: 0 auto;
		padding: 2px 0 16px;
		text-align: center;
	}
	.contactus .telBox li:nth-child(2) {
		border-right: 1px solid #e1e4e6;
		border-left: 1px solid #e1e4e6;
	}
	.contactus .telBox .name {
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1;
		color: #002a80;
	}
	.contactus .telBox .number {
		margin-top: 22px;
		font-size: 2.0rem;
		line-height: 1;
	}
	.contactus .telBox .number span {
		margin-left: 10px;
		font-weight: bold;
        font-size: 2.4rem;
	}
	.contactus .telBox .reception {
		margin-top: 13px;
		font-size: 1.3rem;
		line-height: 1;
	}
	.contactus .bottom {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 50px;
	}
	.contactus .bottom p {
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1.8;
	}
	.contactus .orangeBtn {
		width: 450px;
		padding: 33px 0;
		font-size: 24px;
		text-align: center;
		line-height: 1;
		background-color: #f57f28;
		box-sizing: border-box;
	}
	.contactus .bottom .Btn {
		position: relative;
		display: block;
		text-align: center;
        padding-left: 30px;
	}
	.contactus .bottom .Btn::before {
		position: absolute;
		top: -4px;
		left: 48px;
		width: 43px;
		height: 33px;
		content: "";
		background: url(../img/icon_mail.png) center top no-repeat;
		background-size: contain;
	}
	.contactus .bottom .Btn::after {
		position: absolute;
		top: 4px;
		right: 24px;
		width: 12px;
		height: 16px;
		content: "";
		background: url(../img/icon_arrow_right01.png) center top no-repeat;
		background-size: contain;
	}
	/*** カタログダウンロード
	******************************************/
	.download {
		min-width: 1080px;
		padding: 59px 0 52px 0;
		color: #fff;
		background-color: #001853;
	}
	.download .inner {
		display: flex;
		justify-content: space-between;
		width: 980px;
		margin: 0 auto;
	}
	.download h3 {
		font-size: 3.4rem;
		font-weight: bold;
		line-height: 1;
	}
	.download .lead {
		margin-top: 41px;
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1;
	}
	.download .txt {
		margin-top: 12px;
		font-size: 1.6rem;
		line-height: 1.875;
	}
	.download .imgBox {
		display: flex;
		justify-content: space-between;
		width: 345px;
	}
	.download .imgBox img {
		width: 154px;
	}
	.download .imgBox p {
		margin-top: 10px;
		font-size: 1.6rem;
		text-align: center;
		line-height: 1;
	}
	/*** copyright
	******************************************/
	.copyright {
		min-width: 1080px;
		padding: 32px 0 26px;
		font-size: 1.2rem;
		color: #ccc;
		text-align: center;
		line-height: 1;
		background-color: #031542;
	}
	.copyright p {
		display: block;
		width: 980px;
		margin: 0 auto;
	}
	/*** slick
	******************************************/
	/* Slider */
	.slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
	}
	.slick-list {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.slick-list:focus {
		outline: none;
	}
	.slick-list.dragging {
		cursor: pointer;
		cursor: hand;
	}
	.slick-slider .slick-track,
	.slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.slick-track {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.slick-track:before,
	.slick-track:after {
		display: table;
		content: '';
	}
	.slick-track:after {
		clear: both;
	}
	.slick-loading .slick-track {
		visibility: hidden;
	}
	.slick-slide {
/*		display: none;*/
		float: left;
		height: 100%;
		min-height: 245px;
	}
	[dir='rtl'] .slick-slide {
		float: right;
	}
	.slick-slide img {
		display: block;
	}
	.slick-slide.slick-loading img {
		display: none;
	}
	.slick-slide.dragging img {
		pointer-events: none;
	}
	.slick-loading .slick-slide {
		visibility: hidden;
	}
	.slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
	}
	.slick-arrow.slick-hidden {
		display: none;
	}
	/* Slider */
	.slick-loading .slick-list {
		background: #fff url('./ajax-loader.gif') center center no-repeat;
	}
	/* Arrows */
	.slick-prev,
	.slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 38%;
		display: block;
		width: 19px;
		height: 57px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
	}
	.slick-next {
		transform: scale(1, 1);
	}
	.slick-prev {
		transform: scale(-1, 1);
	}
	.slick-prev:hover,
	.slick-prev:focus,
	.slick-next:hover,
	.slick-next:focus {
		color: transparent;
		outline: none;
		background: transparent;
	}
	.slick-prev:hover:before,
	.slick-prev:focus:before,
	.slick-next:hover:before,
	.slick-next:focus:before {
		opacity: 1;
	}
	.slick-prev.slick-disabled:before,
	.slick-next.slick-disabled:before {
		opacity: 0;
		cursor: default;
	}
	.slick-prev:before,
	.slick-next:before {
		opacity: 1;
	}
	.slick-prev {
		left: -45px;
	}
	[dir='rtl'] .slick-prev {
		right: -45px;
		left: auto;
	}
	.slick-prev:before {
		width: 19px;
		height: 57px;
		content: "";
		display: block;
		background-image: url(../img/icon_slide_arrow.png);
		background-size: cover;
	}
	[dir='rtl'] .slick-prev:before {
		width: 19px;
		height: 57px;
		content: "";
		display: block;
		background-image: url(../img/icon_slide_arrow.png);
		background-size: cover;
	}
	.slick-next {
		right: -46px;
	}
	[dir='rtl'] .slick-next {
		right: auto;
		left: -25px;
	}
	.slick-next:before {
		width: 19px;
		height: 57px;
		content: "";
		display: block;
		background-image: url(../img/icon_slide_arrow.png);
		background-size: cover;
	}
	[dir='rtl'] .slick-next:before {
		width: 19px;
		height: 57px;
		content: "";
		display: block;
		background-image: url(../img/icon_slide_arrow.png);
		background-size: cover;
	}
	/* Dots */
	.slick-dots {
		position: absolute;
		bottom: -42px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.slick-dots li {
		position: relative;
		display: inline-block;
		width: 9px;
		height: 9px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	.slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 9px;
		height: 9px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.slick-dots li button:hover,
	.slick-dots li button:focus {
		outline: none;
	}
	.slick-dots li button:hover:before,
	.slick-dots li button:focus:before {
		opacity: 1;
	}
	.slick-dots li button:before {
		position: absolute;
		top: -4px;
		left: 0;
		width: 9px;
		height: 9px;
		content: '';
		opacity: 1;
		background-image: url(../img/icon_slide_dot_off.png);
		background-size: cover;
	}
	.slick-dots li.slick-active button:before {
		background-image: url(../img/icon_slide_dot.png);
		opacity: 1;
	}

}