@charset "utf-8";
/* ==================================================
		
		共通 PC・SP

================================================== */

/* --------------------------------------------------
		body
-------------------------------------------------- */
body {
 font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ', sans-serif;
 color: #231815;
}

/* --------------------------------------------------
		.clearfix
-------------------------------------------------- */
.clearfix {
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
	content: ".";
}

/* --------------------------------------------------
		link
-------------------------------------------------- */
.ldeco01 a:link, 
.ldeco01 a:visited {
 color: #ffffff;
 text-decoration: none;
}
.ldeco02 a:link, 
.ldeco02 a:visited {
 color: #231815;
 text-decoration: none;
}
.ldeco01 a:hover, 
.ldeco02 a:hover {
 transition: opacity 0.5s;
 opacity: 0.7;
}


/* ==================================================
		
		 PC

================================================== */
@media screen and (min-width:750px) {
 
/* --------------------------------------------------
		SPの要素を非表示
-------------------------------------------------- */
.spDisp {
	display: none !important;
}

/*	電話発信無効
-------------------------------------------------- */ 
a[href*="tel:"] {
 pointer-events: none;
 cursor: default;
 text-decoration: none;
}
 
/* --------------------------------------------------
		body
-------------------------------------------------- */
body {
 font-size: 18px;
 min-width: 960px;
}
 
/* --------------------------------------------------
		.btn
-------------------------------------------------- */
.btn-inq {
 filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.2));
 background: #ffffff;
 border-radius: 20px;
}
.btn-inq a {
 text-align: center;
 display: block;
 background: #ffffff;
 border-radius: 20px;
 padding: 3px;
}
.btn-inq a p {
 background: #f0782e;
 border-radius: 17px;
}
.btn-inq a p span {
 font-family: 'Hiragino Kaku Gothic StdN', sans-serif;
 color: #ffffff;
 font-weight: bold;
}

/* --------------------------------------------------
		header
-------------------------------------------------- */
header {
 padding: 12px 0;
 border-bottom: 10px solid #209ed8;
}
header .header-inner {
 width: 960px;
 margin: 0 auto;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: center;
 align-items: center;
}
header .header-inner .txt {
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 0.5px;
 margin: -4px 16px 0 31px;
}
header .header-inner .btn-inq {
 width: 233px;
}
header .header-inner .btn-inq a p {
 padding: 16px 0 14px;
}
header .header-inner .btn-inq a p span {
 font-size: 19px;
}
 
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.vi {
 background: #f6fafd;
}
.vi .vi-inner {
 width: 960px;
 margin: 0 auto;
 padding: 0 53px 0 41px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}
.vi .vi-inner h1 {
 font-family: 'Hiragino Kaku Gothic StdN', sans-serif;
 font-size: 53px;
 font-weight: bold;
 line-height: 1.75;
 color: #1e9fd9;
 filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
 padding-top: 94px;
}
 
/* --------------------------------------------------
		.sample
-------------------------------------------------- */
.sample {
 background: url(../img/bak_sample01.gif) repeat-x;
}
.sample .sample-inner {
 background: url(../img/bak_sample02.gif) no-repeat left 20% top;
 height: 391px;
}
.sample .sample-inner .sample-box {
 width: 960px;
 margin: 0 auto;
}
.sample .sample-inner .sample-box .sample-wrapper {
 width: 50%;
 padding-top: 36px;
 position: relative;
 left: 50%;
}
.sample .sample-inner .sample-box .sample-wrapper .txt {
 font-family: 'Hiragino Kaku Gothic StdN', sans-serif;
 font-weight: bold;
 color: #ffffff;
}
.sample .sample-inner .sample-box .sample-wrapper .txt:first-of-type {
 font-size: 32px;
 line-height: 1.38;
}
.sample .sample-inner .sample-box .sample-wrapper .txt:last-of-type {
 font-size: 27px;
 margin-left: -33px;
 padding-top: 32px;
}
.sample .sample-inner .sample-box .sample-wrapper .txt span {
 font-size: 35px;
 letter-spacing: 2.5px;
 color: #f5e828;
 position: relative;
 top: 3px;
 right: -13px;
} 
.sample .sample-inner .sample-box .sample-wrapper .btn-inq {
 width: 445px;
 margin-top: 52px;
}
.sample .sample-inner .sample-box .sample-wrapper .btn-inq a p {
 padding: 24px 0 23px;
}
.sample .sample-inner .sample-box .sample-wrapper .btn-inq a p span {
 font-size: 26px;
}
 
/* --------------------------------------------------
		.product
-------------------------------------------------- */
.product {
 background: url(../img/bak_product_pc.png) no-repeat left top / cover;
 padding: 44px 0 83px;
}
.product .product-inner {
 width: 960px;
 margin: 0 auto;
}
.product .product-inner h2 {
 font-size: 29px;
 font-weight: bold;
 text-align: center;
}
.product .product-inner .product-box {
 padding-top: 6px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.product .product-inner .product-box li {
 width: 292px;
 padding-top: 38px;
}
.product .product-inner .product-box li .img {
 border: 1px solid #ffffff;
}
.product .product-inner .product-box li h3 {
 font-size: 18px;
 font-weight: bold;
 padding-top: 19px;
}
.product .product-inner .product-box li .txt {
 font-size: 13px;
 line-height: 1.7;
 padding-top: 8px;
}
 
/* --------------------------------------------------
		.event
-------------------------------------------------- */
.event {
 background: #209ed8;
 padding: 44px 0 83px;
}
.event .event-inner {
 width: 960px;
 margin: 0 auto;
}
.event .event-inner h2 {
 font-size: 26px;
 color: #ffffff;
 text-align: center;
 font-family: 'Hiragino Kaku Gothic StdN', sans-serif;
 font-weight: bold;
}
.event .event-inner .event-box {
 padding-top: 44px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}
.event .event-inner .event-box li {
 width: 302px;
}
.event .event-inner .event-box .btn-event {
 background: #ffffff;
 border-radius: 12px;
}
.event .event-inner .event-box .btn-event a {
 display: block;
 background: #ffffff;
 border-radius: 12px;
 padding: 3px;
}
.event .event-inner .event-box .btn-event a .btn-event-inner {
 background: #0085d0;
 border-radius: 9px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.event .event-inner .event-box .btn-event a .btn-event-inner .img img {
 border-radius: 9px 0 0 9px;
}
.event .event-inner .event-box .btn-event a .btn-event-inner .txt span {
 font-size: 22px;
 color: #ffffff;
 font-weight: bold;
 padding-right: 30px;
}
 
/* --------------------------------------------------
		.delivery
-------------------------------------------------- */
.delivery {
 width: 960px;
 margin: 0 auto;
 position: relative;
 height: 512px;
}
.delivery h2 {
 font-size: 29px;
 font-weight: bold;
 padding: 151px 0 0 236px;
}
.delivery .delivery-inner {
 width: 100%;
 position: absolute;
 top: 44px;
 bottom: 0;
}
.delivery .delivery-inner .img {
 text-align: right;
 padding-right: 129px;
}
.delivery .delivery-inner .txt {
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 line-height: 1.9;
 background: #209ed8;
 width: 375px;
 padding: 83px 0 67px;
 position: relative;
 left: 129px;
 top: -68px;
 z-index: -1;
}
.delivery .delivery-inner .txt span {
 display: block;
}
 
/* --------------------------------------------------
		.company
-------------------------------------------------- */
.company .company-inner {
 margin-top: 44px;
 background: #f4f4f4;
 padding: 46px 10px 45px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: center;
 align-items: center;
}
.company .company-inner h2 {
 font-size: 29px;
 font-weight: bold;
 width: 130px;
}
.company .company-inner .txt {
 line-height: 1.3;
 padding: 5px 0 0 40px;
}

/*	.map
-------------------------------------------------- */ 
.company .map {
 padding-top: 44px;
 text-align: center;
}
.company .map iframe {
 width: 960px;
 height: 497px;
}

/*	.btn-inq
-------------------------------------------------- */ 
.company .btn-inq {
 width: 445px;
 margin: 44px auto 0;
}
.company .btn-inq a p {
 padding: 24px 0 23px;
}
.company .btn-inq a p span {
 font-size: 26px;
} 
 
/* --------------------------------------------------
		footer
-------------------------------------------------- */
footer {
 text-align: center;
 background: #0085d0;
 margin-top: 55px;
 padding-bottom: 120px;
}
footer .footer-inner {
 background: #ffffff;
}
footer .footer-inner .copyright {
 padding: 30px 0;
}
 
}


/* ==================================================
		
		 SP

================================================== */
@media screen and (max-width:749px) {
 
/* --------------------------------------------------
		PCの要素を非表示
-------------------------------------------------- */
.pcDisp {
	display: none !important;
}

/* --------------------------------------------------
		body
-------------------------------------------------- */
body {
 font-size: 14px;
}
 
/* --------------------------------------------------
		img
-------------------------------------------------- */
img {
 width: 100%;
	max-width: 100%;
	height: auto;
}
 
/* --------------------------------------------------
		.btn
-------------------------------------------------- */
.btn-inq {
 filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.2));
 background: #ffffff;
 border-radius: 15px;
}
.btn-inq a {
 text-align: center;
 display: block;
 background: #ffffff;
 border-radius: 15px;
 padding: 3px;
}
.btn-inq a p {
 background: #f0782e;
 border-radius: 10px;
}
.btn-inq a p span {
 font-family: 'Hiragino Kaku Gothic StdN', sans-serif;
 color: #ffffff;
 font-weight: bold;
}
.btn-event {
 background: #ffffff;
 border-radius: 15px;
}
.btn-event a {
 text-align: right;
 display: block;
 background: #ffffff;
 border-radius: 15px;
 padding: 3px;
}
.btn-event a .btn-event-inner {
 background: #0085d0;
 border-radius: 10px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.btn-event a .btn-event-inner p span {
 color: #ffffff;
 font-weight: bold;
}
 
/* --------------------------------------------------
		header
-------------------------------------------------- */
header .header-inner {
 text-align: center;
}
header .header-inner .logo {
 padding: 13px 0;
}
header .header-inner .logo img {
 width: 65%;
}
header .header-inner .txt {
 font-size: 12px;
 letter-spacing: 1px;
 color: #ffffff;
 padding: 7px 0;
 background: #209ed8;
}
 
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.vi {
 background: #f6fafd;
}
.vi .vi-inner {
 text-align: center;
}
.vi .vi-inner h1 {
 font-family: 'Hiragino Kaku Gothic StdN', sans-serif;
 font-size: 24px;
 font-weight: bold;
 color: #1e9fd9;
 filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
 padding: 20px 0 6px;
}
.vi .vi-inner .img img {
 width: 95%;
}
 
/* --------------------------------------------------
		.sample
-------------------------------------------------- */
.sample {
 text-align: center;
}
.sample .sample-inner {
 background: #0085d0;
 padding-bottom: 30px;
}
.sample .sample-inner .sample-box .sample-wrapper .txt {
 font-family: 'Hiragino Kaku Gothic StdN', sans-serif;
 font-weight: bold;
 color: #ffffff;
}
.sample .sample-inner .sample-box .sample-wrapper .txt:first-of-type {
 font-size: 20px;
 letter-spacing: 1px;
 line-height: 1.6;
 background: #209ed8;
 padding: 20px 0 12px;
}
.sample .sample-inner .sample-box .sample-wrapper .txt:last-of-type {
 font-size: 19px;
 margin-left: -18px;
 padding-top: 15px;
}
.sample .sample-inner .sample-box .sample-wrapper .txt span {
 font-size: 25px;
 letter-spacing: 1.5px;
 color: #f5e828;
 position: relative;
 top: 2px;
 right: -8px;
} 
.sample .sample-inner .sample-box .sample-wrapper .btn-inq {
 margin: 25px 30px 0;
}
.sample .sample-inner .sample-box .sample-wrapper .btn-inq a p {
 padding: 17px 0;
}
.sample .sample-inner .sample-box .sample-wrapper .btn-inq a p span {
 font-size: 19px;
}
 
/* --------------------------------------------------
		.product
-------------------------------------------------- */
.product {
 background: url(../img/bak_product_sp.png) no-repeat left top / cover;
 padding: 25px 0 35px;
}
.product .product-inner h2 {
 font-size: 20px;
 font-weight: bold;
 text-align: center;
}
.product .product-inner .product-box {
 padding: 6px 28px 0;
}
.product .product-inner .product-box li {
 padding-top: 35px;
}
.product .product-inner .product-box li:first-of-type {
 padding-top: 20px;
}
.product .product-inner .product-box li .img {
 border: 1px solid #ffffff;
}
.product .product-inner .product-box li h3 {
 font-size: 16px;
 font-weight: bold;
 padding-top: 15px;
}
.product .product-inner .product-box li .txt {
 line-height: 1.6;
 padding-top: 6px;
}
 
/* --------------------------------------------------
		.event
-------------------------------------------------- */
.event {
 background: #209ed8;
 padding: 25px 0 35px;
}
.event .event-inner {
 padding: 0 28px;
}
.event .event-inner h2 {
 font-size: 20px;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 font-family: 'Hiragino Kaku Gothic StdN', sans-serif;
 font-weight: bold;
}
.event .event-inner .event-box {
 padding-top: 5px;
}
.event .event-inner .event-box .btn-event {
 background: #ffffff;
 border-radius: 15px;
 margin-top: 15px;
}
.event .event-inner .event-box .btn-event a {
 display: block;
 background: #ffffff;
 border-radius: 15px;
 padding: 3px;
}
.event .event-inner .event-box .btn-event a .btn-event-inner {
 background: #0085d0;
 border-radius: 12px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.event .event-inner .event-box .btn-event a .btn-event-inner .img img {
 border-radius: 12px 0 0 12px;
}
.event .event-inner .event-box .btn-event a .btn-event-inner .txt {
 width: calc(100% - 126px);
 text-align: center;
}
.event .event-inner .event-box .btn-event a .btn-event-inner .txt span {
 font-size: 20px;
 color: #ffffff;
 font-weight: bold;
}
 
/* --------------------------------------------------
		.delivery
-------------------------------------------------- */
.delivery {
 padding-top: 25px;
}
.delivery h2 {
 font-size: 20px;
 font-weight: bold;
 text-align: center;
}
.delivery .delivery-inner {
 padding-top: 20px;
}
.delivery .delivery-inner .txt {
 font-size: 18px;
 color: #ffffff;
 text-align: center;
 line-height: 1.5;
 background: #209ed8;
 padding: 15px 0;
}
.delivery .delivery-inner .txt span {
 display: block;
}
 
/* --------------------------------------------------
		.company
-------------------------------------------------- */
.company .company-inner {
 padding-top: 25px;
}
.company .company-inner h2 {
 font-size: 20px;
 font-weight: bold;
 text-align: center;
}
.company .company-inner .txt {
 line-height: 1.7;
 width: 55%;
 margin: 13px auto 0;
}

/*	.map
-------------------------------------------------- */ 
.company .map {
 padding-top: 25px;
}
.company .map iframe {
 aspect-ratio: 16 / 9;
 width: 100%;
 height: 100%;
}

/*	.btn-inq
-------------------------------------------------- */ 
.company .btn-inq {
 margin: 25px 30px 0;
}
.company .btn-inq a p {
 padding: 17px 0;
}
.company .btn-inq a p span {
 font-size: 19px;
}
 
/* --------------------------------------------------
		footer
-------------------------------------------------- */
footer {
 text-align: center;
 margin-top: 40px;
}
footer .footer-inner .logo img {
 width: 55%;
}
footer .footer-inner .copyright {
 font-size: 13px;
 padding: 25px 0 40px;
}
 
}