@charset "utf-8";
/*
Theme Name: Sunpro
Theme URI: 
Author: the WordPress team
Author URI: 
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI:
Text Domain: http://reformfesta.com/
Tags: 
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
/* --------------------------------------------------
	reset
-------------------------------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

img{ vertical-align: bottom;}
ol,ul{ list-style: none;}
ol li,
ul li{ list-style-type: none;}
figure { margin: 0;}


/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0;}
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline;}
button,
input { line-height: normal;}
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top;}
input[type="search"]:focus { outline: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/*--------------------------------------------------------------
3.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
4.0 Typography
--------------------------------------------------------------*/

body {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
/*	font-family: "游ゴシック","Yu Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ","Meiryo",sans-serif;*/
	font-size: 16px;
	*font-size:small;
	*font:x-small;
	line-height: 1.6;
}
input, textarea {font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}

::selection{ background: #feffaf; color: #000;}
::-moz-selection{ background: #feffaf; color: #000;}

.noto { font-family: 'Noto Sans', sans-serif;}
em{ font-style: normal;}


/*--------------------------------------------------------------
5.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea { color: #666;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {}

input[type="radio"],
input[type="checkbox"] {}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

/*--------------------------------------------------------------
6.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}


/*--------------------------------------------------------------
7.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
8.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*--------------------------------------------------------------
9.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
	margin-bottom: 1em;
}

.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

.cf{ clear: both;}
.cf:after{ content: ''; display: block; clear: both;}


/*--------------------------------------------------------------
11.0 Layout
--------------------------------------------------------------*/

/* 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;}
.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: 1px;}
[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-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}

.slick-arrow{ position: absolute; top: 35%; width: 35px; height: 35px; background: #22439c; z-index: 100;
 -webkit-border-radius: 50%; border-radius: 50%; text-indent: -9999em; border:none; outline: none;
}
.slick-arrow:before{ position: absolute; content: ''; display: block; width: 0px; height: 0px; top: 11px; border: solid 6px transparent;}
.slick-prev:before { left: 8px; border-right: solid 12px #fff; border-left: 0;}
.slick-next:before { left: 12px; border-left: solid 12px #fff; border-right: 0;}
.slick-dots { padding-top: 30px; text-align: center; font-size: 0;}
.slick-dots li { display: inline-block; margin: 0 5px}
.slick-dots li button { display: block; width: 9px; height: 9px; border-radius: 50%; background: #b3b3b3; border: none;}
.slick-dots li.slick-active button { background: #db504a;}
@media (max-width: 481px) {
}


/*--------------------------------------------------------------
11.2 Front Page
--------------------------------------------------------------*/
#wrapper { padding-top: 80px;}

/*		#header
----------------------------------------------- */
#hd { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: #fff;}
#hd .inner-hd { display: flex; width: 94%; margin: 0 auto; padding: 15px 0;}
#hd .logo{ width: 38%; padding-top: 15px;}
#hd .sub { width: 62%;}
#hd h1 { line-height: 1;}
#hd h1 img { width: 100%; max-width: 282px;}
#hd ul { text-align: right;}
#hd ul li { display: inline-block; line-height: 1.2; vertical-align: middle;}
#hd ul li.tel { margin-right: 25px;}
#hd ul li.tel span{ display: block; color: #f46036; font-size: 32px; font-weight: 700; letter-spacing: 0.15rem; text-align: center; }
#hd ul li.tel span img { margin-right: 10px; vertical-align: middle;}
#hd ul li.tel em { display: block; text-align: center;}
#hd ul li a { display: block; width: 240px; height: 50px; line-height: 50px; background: #db504a;
 color: #fff; font-size: 17px; letter-spacing: 0.125rem; text-align: center; text-decoration: none;
}
#hd ul li a:after { content: ''; display: inline-block; width: 0; height: 0; margin-left: 15px;
 position: relative; top: 5px;
 border: solid 6px transparent; border-top: solid 10px #fff;
}
#hd ul li a:hover{ opacity: 0.85;}
@media (max-width: 961px) {
	#hd .logo{ width: 35%;}
	#hd .sub { width: 65%;}
}
@media (max-width: 901px) {
	#hd .logo{ width: 30%;}
	#hd .sub { width: 70%;}
	#hd ul li.tel { margin-right: 15px;}
	#hd ul li.tel span{ font-size: 26px;}
}
@media (max-width: 769px) {
	#hd .logo{ width: 60%;}
	#hd .sub { width: 40%;}
	#hd ul li.tel { display: none;}
}
@media (max-width: 641px) {
	#wrapper { padding-top: 60px;}
	#hd .inner-hd { padding: 10px 0;}
	#hd .logo{ padding-top: 8px;}
	#hd ul li a { width: 200px; height: 40px; line-height: 40px; font-size: 15px;}
}
@media (max-width: 481px) {
	#wrapper { padding-top: 50px;}
	#hd h1 img { width: 85%;}
	#hd ul li a { width: 140px; height: 30px; letter-spacing: 0; line-height: 30px; font-size: 12px;}
	#hd ul li a:after { margin-left: 6px; top: 6px;
	 border: solid 5px transparent; border-top: solid 8px #fff;
	}
}
@media (max-width: 361px) {
	#hd .logo{ width: 50%;}
	#hd h1 img { width: 95%;}
	#hd .sub { width: 50%;}
}

.ttl { margin: 0 auto 60px;}
.ttl div { text-align: center;}
.ttl div:before,
.ttl div:after { content: ''; display: inline-block; width: 12px; height: 90px; border: solid 2px #000; vertical-align: middle;}
.ttl div:before{ border-right: 0;}
.ttl div:after { border-left: 0;}
.ttl h2 { display: inline-block; margin: 0 20px; font-size: 32px; text-align: center; vertical-align: middle;}
.ttl h2 span { display: block; color: #d8542f; font-size: 38px;}
.ttl h2 br { display: none;}
.ttl h3.tag { margin: 0 auto 30px; line-height: 1; text-align: center;}
.ttl h3.tag span { position: relative; padding: 2px 40px; background: #d8ab21; color: #fff; font-size: 27px;}
.ttl h3.tag span:after { content: ''; display: block; width: 0; height: 0;
 border: solid 8px transparent; border-top: solid 10px #d8ab21; border-bottom: 0;
 position: absolute; left: 50%; margin-left: -10px; bottom: -10px;
}
@media (max-width: 769px) {
	.ttl h2 { font-size: 26px;}
	.ttl h2 span { font-size: 30px;}
	.ttl h3.tag span { font-size: 20px;}
}
@media (max-width: 641px) {
	.ttl div:before,
	.ttl div:after { height: 60px;}
	.ttl h2 { font-size: 20px;}
	.ttl h2 span { font-size: 26px;}
}
@media (max-width: 481px) {
	.ttl { margin: 0 auto 30px;}
	.ttl h2 { margin: 0 8px; font-size: 15px;}
	.ttl h2 span { font-size: 24px; line-height: 1.25;}
	.ttl h2 br { display: block;}
}
@media (max-width: 361px) {
	.ttl div:before,
	.ttl div:after { width: 10px;}
	.ttl h2 { margin: 0 5px; font-size: 13px;}
	.ttl h2 span { font-size: 20px;}
	.ttl h3.tag { margin: 0 auto 20px;}
}


.present-box { width: 92%; max-width: 950px; margin: 0 auto; padding: 30px 45px; background: #fff; border: solid 5px #f6daba;}
.present-box h2 { position: relative; margin-bottom: 25px; border-bottom: solid 2px #d8d8d8; background: url(./img/present.png) no-repeat 100% 0;
 color: #f46036; font-size: 35px; text-align: center;
}
.present-box h2 img{ position: absolute; left: 20px; top: -50px;}
.present-box figure { float: left; width: 32%; max-width: 300px; margin-right: 30px;}
.present-box figure img{ width: 100%;}
.present-box h3 { margin-bottom: 20px; font-size: 26px;}
.present-box p { color: #1e1e1e; font-size: 16px; line-height: 1.8;}
.present-box .plus { clear: both; position: relative; margin: 0 auto 28px;}
.present-box .plus:before,
.present-box .plus:after { content: ''; display: block; background: #db504a; }
.present-box .plus:before{ width: 8px; height: 32px; margin: 0 auto;}
.present-box .plus:after { width: 32px; height: 8px; position: absolute; left: 50%; margin-left: -16px; top: 12px;}
.present-box .quo { width: 90%; margin: 0 auto 24px; padding: 10px 0; background: #f6f6f6; border: solid 1px #dcdcdc;}
.present-box .quo p { position: relative; padding-left: 100px; font-size: 14px; text-align: center;}
.present-box .quo p span{ font-size: 25px; font-weight: 700;}
.present-box .quo p img { position: absolute; top: -30px; left: 30px;}
.present-box .btn { width: 80%; max-width: 290px; margin: auto;}
.present-box .btn a { display: block; height: 35px; line-height: 35px; background: #db504a;
 color: #fff; font-size: 18px; text-align: center; text-decoration: none;
}
.present-box .btn a:after { content: ''; display: inline-block; width: 0; height: 0; position: relative; top: 4px; margin-left: 15px;
 border: solid 6px transparent; border-top: solid 10px #fff;
}
.present-box .btn a:hover { opacity: 0.8;}
@media (max-width: 769px) {
	.present-box h2 { padding-bottom: 10px; background-size: 100px auto; font-size: 24px;}
	.present-box h2 img{ left: 0; width: 80px;}
	.present-box figure { float: none; width: 100%; margin: 0 auto 20px;}
	.present-box h3 { font-size: 24px;}
	.present-box .plus { margin: 20px auto 25px;}
	.present-box .quo p { padding-left: 60px;}
	.present-box .quo p span{ display: block;}
	.present-box .quo p img { top: -30px; left: -20px;}
}
@media (max-width: 641px) {
	.present-box h2 { padding-top: 25px;}
	.present-box h2 img{ left: -30px; width: 75px;}
	.present-box .quo { width: 100%;}
	.present-box .quo p { padding-left: 40px; font-size: 12px;}
	.present-box .quo p span{ font-size: 22px;}
	.present-box .quo p img { width: 100px;}
}
@media (max-width: 481px) {
	.present-box { padding: 10px 20px 20px;}
	.present-box h2 { padding-top: 35px; line-height: 1.4;}
	.present-box h2 span { display: block;}
	.present-box h2 img{ top: -40px;}
	.present-box h3 { margin-bottom: 10px; font-size: 20px;}
	.present-box p { font-size: 14px;}
	.present-box .quo p { padding-left: 0px;}
	.present-box .quo p span{ font-size: 17px;}
	.present-box .quo p img { width: 80px; top: -50px; left: 10px;}
}
@media (max-width: 361px) {
	.present-box { padding: 10px 15px 20px;}
	.present-box h2 { font-size: 20px;}
	.present-box h3 { font-size: 18px;}
	.present-box p { font-size: 13px;}
	.present-box .plus { margin: 10px auto 20px;}
	.present-box .quo p span{ font-size: 15px;}
	.present-box .quo p img { width: 60px; top: -40px; left: 5px;}
}

#kv { background: url(./img/bg-kv.jpg) no-repeat 50% 0; background-size: cover;}
#kv .inner-kv { width: 92%; max-width: 720px; margin: 0 auto; padding: 50px 0 80px;}
#kv h2 { margin-bottom: 20px; color: #fff; font-size: 52px; line-height: 1.25; text-align: center; text-shadow: 0 0 10px #000;}
#kv h2 em { font-size: 78px;}
#kv .board { width: 100%; padding: 30px 0 20px; background: #fff;}
#kv .board p { margin-bottom: 20px; font-size: 35px; font-weight: 700; line-height: 1; text-align: center;}
#kv .board p span { display: inline-block; margin: 0 15px 0 25px; font-size: 30px;}
#kv .board p img { vertical-align: baseline;}
#kv .board p img.sp { display: none;}
#kv .detail { width: 90%; margin: 0 auto; font-size: 0;}
#kv .detail .day { display: inline-block; width: 50%; vertical-align: top;}
#kv .detail .day dl { line-height: 1; text-align: center;}
#kv .detail .day dl dt { display: inline-block; padding-top: 5px; font-size: 36px; font-weight: 900; vertical-align: top;}
#kv .detail .day dl dd { display: inline-block; padding-left: 10px; font-size: 20px; font-weight: 700;}
#kv .detail .day dl dd em{ font-size: 62px; font-weight: 900;}
#kv .detail .day dl dd span.week { display: inline-block; width: 30px; height: 30px; margin: 0 8px; border-radius: 50%;
 color: #fff; font-size: 20px; line-height: 30px; text-align: center; vertical-align: baseline;}
#kv .detail .day dl dd span.week.sat { background: #22439c;}
#kv .detail .day dl dd span.week.sun { background: #db504a;}
#kv .detail .info { display: inline-block; width: 50%; vertical-align: middle;}
#kv .detail .info ul li { margin: 0 0 10px; font-size: 20px; font-weight: 700; line-height: 1.4;}
#kv .detail .info ul li img { margin-right: 8px; vertical-align: baseline;}
#kv .detail .info ul li em { display: block; padding-left: 20px; font-size: 15px;}
@media (max-width: 641px) {
	#kv { background: url(./img/bg-kv-sp.jpg) no-repeat 50% 0; background-size: cover;}
	#kv h2 { font-size: 40px;}
	#kv h2 em { font-size: 60px;}
	#kv .board p { font-size: 26px;}
	#kv .board p span { margin: 0 10px 0 20px;}
	#kv .board p img { width: 65%;}
	#kv .detail .day { display: block; width: 100%; margin: 0 auto 20px;}
	#kv .detail .info { display: block; width: 94%; margin: 0 auto;}
	#kv .detail .info ul { width: 100%;}
	#kv .detail .info ul li { display: inline-block; width: 49%; margin: 0 auto; font-size: 16px; vertical-align: top;}
}
@media (max-width: 481px) {
	#kv .inner-kv { padding: 100px 0 80px;}
	#kv h2 { font-size: 26px;}
	#kv h2 em { font-size: 40px;}
	#kv .board { padding: 20px 0 10px;}
	#kv .board p { margin-bottom: 10px;}
	#kv .board p span { margin: 0 5px 0 10px; font-size: 16px;}
	#kv .board p img.pc { display: none;}
	#kv .board p img.sp { display: inline;}
	#kv .board p img { width: 50%;}
	#kv .detail { width: 94%;}
	#kv .detail .day { margin: 0 auto 10px;}
	#kv .detail .day dl dt { font-size: 30px;}
	#kv .detail .day dl dd { font-size: 18px;}
	#kv .detail .day dl dd em{ font-size: 56px;}
	#kv .detail .info ul li { font-size: 15px;}
	#kv .detail .info ul li:first-child{ width: 37%; line-height: 1.25;}
	#kv .detail .info ul li:last-child { width: 63%;}
	#kv .detail .info ul li img{ width: 15px;}
	#kv .detail .info ul li span{ display: block; padding-left: 30px;}
	#kv .detail .info ul li em { font-size: 10px;}
}
@media (max-width: 361px) {
	#kv h2 { font-size: 22px;}
	#kv h2 em { font-size: 36px;}
	#kv .detail .day dl dt { font-size: 24px;}
	#kv .detail .day dl dd { padding-left: 8px;}
	#kv .detail .day dl dd em{ font-size: 50px;}
	#kv .detail .day dl dd span.week { width: 26px; height: 26px; font-size: 16px; line-height: 26px;}
	#kv .detail { width: 95%;}
	#kv .detail .info ul li { font-size: 12px;}
	#kv .detail .info ul li img{ margin-right: 4px; vertical-align: top;}
}


.news .inner{ width: 94%; max-width: 1000px; margin: 0 auto; padding: 80px 0;}
.news ul { margin-bottom: 50px; font-size: 0; text-align: center;}
.news ul li { display: inline-block; width: 33%;}
.news ul li a,
.news ul li span{ display: block; width: 94%; max-width: 300px; margin: 0 auto; box-shadow: 0 0 15px #999;}
.news ul li a img,
.news ul li span img{ width: 100%;}
.news ul li a:hover { opacity: 0.85; box-shadow: 0 0 15px #ccc;}
.news p.read { margin-bottom: 20px; font-size: 26px; font-weight: 700; text-align: center;}
.news .fes { text-align: center;}
.news .fes .txt{ display: inline-block; margin: 0 30px; vertical-align: middle;}
.news .fes:before,
.news .fes:after { content: ''; display: inline-block; width: 2px; height: 120px; background: #000; vertical-align: middle; position: relative;}
.news .fes:before{ transform: rotate(-15deg);}
.news .fes:after { transform: rotate(15deg);}
.news .fes p { font-size: 38px;}
.news .fes p span { color: #db504a; font-size: 45px;}
.news .fes p br { display: none;}
@media (max-width: 769px) {
	.news p.read { font-size: 20px;}
	.news .fes p { font-size: 30px;}
	.news .fes p span { font-size: 36px;}
}
@media (max-width: 481px) {
	.news .inner{ padding: 40px 0;}
	.news p.read span { display: block;}
	.news .fes p { font-size: 20px; line-height: 1.4;}
	.news .fes p span { font-size: 28px;}
	.news .fes p br { display: block;}
}
@media (max-width: 361px) {
	.news p.read { font-size: 18px;}
	.news .fes .txt{ margin: 0 20px;}
	.news .fes p { font-size: 18px;}
	.news .fes p span { font-size: 24px;}
}


.pickup { background: url(./img/bg-pickup.jpg) no-repeat 50% 0; background-size: cover;}
.pickup .inner { padding: 60px 0;}
.pickup .mainItem { position: relative; width: 92%; max-width: 1000px; margin: 0 auto 60px;}
.pickup .mainItem .badge { width: 215px; height: 215px; position: absolute; right: -40px; top: -100px;}
.pickup .mainItem .badge img { width: 100%;}
.pickup .mainItem .badge img.sp { display: none;}
.pickup .mainItem .box { font-size: 0; background: #fff; box-shadow: 0 0 15px #aaa;}
.pickup .box .fig { display: inline-block; width: 32%; vertical-align: middle;}
.pickup .box .fig img { width: 100%;}
.pickup .box .txt { display: inline-block; width: 68%; padding-left: 40px; vertical-align: middle;}
.pickup .box .txt p { margin-bottom: 8px; color: #db504a; font-size: 40px; font-weight: 700; line-height: 1.4;}
.pickup .box .txt p span { display: inline-block; border-bottom: solid 4px #d8ab21;}
.pickup .box .txt ul { padding-top: 20px;}
.pickup .box .txt ul li { margin-bottom: 15px; font-size: 20px; font-weight: 700; line-height: 1.4;}
.pickup .box .txt ul li span { display: inline-block; margin-right: 15px; padding: 3px 20px; background: #d8542f; border-radius: 5px; color: #fff;}
.pickup h3.stl { margin-bottom: 20px; font-size: 28px; text-align: center;}
.pickup h3.stl:before,
.pickup h3.stl:after { content: ''; display: inline-block; width: 2px; height: 30px; background: #000; position: relative; vertical-align: middle;}
.pickup h3.stl:before{ transform: rotate(-15deg);}
.pickup h3.stl:after { transform: rotate(15deg);}
.pickup h3.stl span { display: inline-block; margin: 0 20px; vertical-align: middle;} 
.pickup .slideBloc { width: 85%; max-width: 1100px; margin: 0 auto;}
.pickup ul.slide li a,
.pickup ul.slide li span{ display: block; width: 92%; margin: 0 auto; box-shadow: 0 0 10px #aaa;}
.pickup ul.slide li img { width: 100%;}
.pickup .slick-prev { left: -60px;}
.pickup .slick-next { right: -60px;}
@media (max-width: 769px) {
	.pickup .mainItem .badge { width: 120px; height: 120px; right: -20px; top: -60px;}
	.pickup .box .txt { padding-left: 30px;}
	.pickup .box .txt p { font-size: 28px;}
	.pickup .box .txt ul li { font-size: 18px;}
	.pickup .box .txt ul li span { margin-right: 10px; padding: 2px 10px; font-size: 16px;}
	.pickup h3.stl { font-size: 24px;}
	.pickup .slideBloc { width: 85%;}
	.pickup .slick-prev { left: -40px;}
	.pickup .slick-next { right: -40px;}
}
@media (max-width: 641px) {
	.pickup .box .txt p { margin-bottom: 4px; font-size: 20px;}
	.pickup .box .txt ul li { margin-bottom: 8px; font-size: 15px;}
	.pickup .box .txt ul li span { font-size: 13px;}
}
@media (max-width: 481px) {
	.pickup .mainItem {}
	.pickup .mainItem .badge { width: 80%; height: auto; margin: 0 auto -40px; position: relative; right: 0px; top: 0px;}
	.pickup .mainItem .badge img.pc { display: none;}
	.pickup .mainItem .badge img.sp { display: block;}
	.pickup .mainItem .box { padding: 50px 20px 20px;}
	.pickup .box .fig { display: block; width: 85%; margin: 0 auto 20px;}
	.pickup .box .txt { display: block; width: 100%; padding-left: 0px;}
	.pickup h3.stl { font-size: 18px;}
	.pickup h3.stl span { margin: 0 10px;}
}
@media (max-width: 361px) {
	.pickup .box .txt p { font-size: 18px;}
	.pickup .box .txt ul li { font-size: 13px;}
	.pickup .box .txt ul li span { font-size: 12px;}
	.pickup h3.stl { font-size: 15px;}
	.pickup h3.stl:before,
	.pickup h3.stl:after { height: 20px;}
	.pickup h3.stl span { margin: 0 6px;}
}


.facility .inner { width: 92%; max-width: 1000px; margin: 0 auto; padding: 70px 0;}
.facility ul { font-size: 0; text-align: center;}
.facility ul li { display: inline-block; width: 33%; margin: 0 auto 30px;}
.facility ul dl { width: 94%; margin: 0 auto; padding: 40px 0 20px; background: #f6f6f6; border-radius: 6px;}
.facility ul dl dt { margin-bottom: 20px;}
.facility ul dl dd { color: #f46036; font-size: 22px;}
@media (max-width: 481px) {
	.facility ul li { width: 50%; margin: 0 auto 10px;}
	.facility ul dl { padding: 30px 0 20px;}
	.facility ul dl dt { margin-bottom: 10px;}
	.facility ul dl dt img { width: 80%; max-width: 80px;}
	.facility ul dl dd { font-size: 18px;}
}
@media (max-width: 361px) {
	.facility ul dl dd { font-size: 16px;}
}

.view figure,
.view figure img { width: 100%;}
.view figure img.sp { display: none;}
.view .inner { padding: 60px 0 50px;}
.view h2 { color: #f46036; font-size: 36px; text-align: center;}
.view p { font-size: 22px; line-height: 2; text-align: center;}
.view #map { height: 440px; border-top: solid 2px #cfcfcf; border-bottom: solid 2px #cfcfcf;}
.view #map iframe { width: 100%; height: 100%; border: none;}
@media (max-width: 641px) {
	.view figure img.pc { display: none;}
	.view figure img.sp { display: block;}
	.view h2 { font-size: 30px;}
	.view p { font-size: 20px;}
	.view #map { height: 300px;}
}
@media (max-width: 481px) {
	.view .inner { padding: 40px 0;}
	.view h2 { font-size: 20px;}
	.view p { font-size: 16px;}
}
@media (max-width: 361px) {
	.view h2 { font-size: 17px;}
	.view p { font-size: 14px;}
}



.feature { background: url(./img/bg-feature.jpg) no-repeat 50% 0; background-size: cover;}
.feature .inner { width: 92%; margin: 0 auto; padding: 60px 0 80px;}
.feature ul,
.feature ol { width: 96%; max-width: 950px; margin: 0 auto;}
.feature ul li { position: relative; margin: 0 auto 40px; padding: 35px 30px 30px; background: #fff; box-shadow: 0 0 15px #aaa;}
.feature ul li span.no { display: block; width: 55px; height: 88px; position: absolute; left: 30px; top: -12px; padding-top: 20px; background: #db504a;
 color: #fff; font-size: 18px; font-style: italic; line-height: 1; text-align: center;
}
.feature ul li span.no em { display: block; font-size: 36px; font-style: italic; text-indent: -10px;}
.feature ul li span.no:after { content: ''; display: block; width: 0; height: 0; position: absolute; right: -12px; top: 0;
 border: solid 6px transparent; border-left: solid 6px #9f4f4b; border-bottom: solid 6px #9f4f4b;
}
.feature ul li figure { float: right; width: 27%; max-width: 230px;}
.feature ul li figure img{ width: 100%;}
.feature ul dl { float: left; width: 68%; padding-left: 80px;}
.feature ul dl dt { margin-bottom: 25px; padding-bottom: 20px; border-bottom: solid 2px #d8d8d8; color: #f46036; font-size: 32px;}
.feature ul dl dd { font-size: 18px; letter-spacing: 0.125rem;}
.feature ul dl dd sup { font-size: 12px; vertical-align: top;}
.feature ol li { display: inline-block; margin-right: 40px; font-size: 13px;}
@media (max-width: 769px) {
	.feature ul dl dt { margin-bottom: 15px; padding-bottom: 10px; font-size: 24px;}
	.feature ul dl dd { font-size: 16px;}
}
@media (max-width: 481px) {
	.feature .inner { padding: 40px 0;}
	.feature ul li { margin: 0 auto 30px; padding: 35px 20px 20px;}
	.feature ul li span.no { left: 15px;}
	.feature ul li figure { float: none; width: 100%; margin: 0 auto 10px;}
	.feature ul dl { float: none; width: 100%; padding-left: 0px;}
	.feature ul dl dt { margin-bottom: 10px; padding-bottom: 8px; font-size: 20px;}
	.feature ul dl dd { font-size: 14px;}
	.feature ol li { display: block;}
}


.meeting .inner { width: 94%; margin: 0 auto; padding: 70px 0;}
.meeting .read { max-width: 950px; margin: 0 auto 60px;}
.meeting .read figure { float: left; width: 36%; max-width: 360px; margin-right: 50px;}
.meeting .read figure img{ width: 100%;}
.meeting .read p { font-size: 20px; letter-spacing: 0.05rem;}
.meeting .read p em { color: #db504a;}
.meeting .box { max-width: 950px; margin: 0 auto 10px; padding: 40px; border: solid 5px #f6daba; font-size: 0;}
.meeting .box .tit { display: inline-block; width: 35%; background: url(./img/arw-r.png) no-repeat 100% 50%; vertical-align: middle;}
.meeting .box .tit h3 { padding-left: 30px; font-size: 21px; line-height: 1.4;}
.meeting .box .tit h3 span.point1,
.meeting .box .tit h3 span.point2 { display: block; font-size: 26px;}
.meeting .box .tit h3 span.point1 em { color: #22439c; font-size: 45px;}
.meeting .box .tit h3 span.point2 em { color: #db504a; font-size: 45px;}
.meeting .box .ctn { display: inline-block; width: 65%; vertical-align: middle;}
.meeting .box ul { padding-left: 60px;}
.meeting .box ul li { margin-bottom: 8px; padding-left: 10px; list-style-image: url(./img/icn-voice.png); font-size: 18px;}
.meeting .box ul li:last-child{ margin-bottom: 0;}
.meeting p.note { max-width: 900px; margin: 0 auto 50px; font-size: 13px;}
.meeting p.comment { font-size: 27px; font-weight: 700; line-height: 2.4; text-align: center;}
.meeting p.comment em { color: #db504a;}
.meeting p.comment br.sp{ display: none;}
@media (max-width: 769px) {
	.meeting .read figure { width: 32%; margin-right: 30px;}
	.meeting .read p { font-size: 16px;}
	.meeting .box { padding: 30px;}
	.meeting .box .tit h3 { font-size: 18px; line-height: 1.4;}
	.meeting .box .tit h3 span.point1,
	.meeting .box .tit h3 span.point2 { font-size: 22px;}
	.meeting .box .tit h3 span.point1 em,
	.meeting .box .tit h3 span.point2 em { font-size: 30px;}
	.meeting .box ul { padding-left: 40px;}
	.meeting .box ul li { font-size: 15px;}
	.meeting p.comment { font-size: 20px;}
}
@media (max-width: 641px) {
	.meeting .read figure { float: none; width: 100%; margin: 0 auto 30px;}
	.meeting .box { padding: 30px;}
	.meeting .box .tit { display: block; width: 100%; background: url(./img/arw-d.png) no-repeat 50% 100%; margin-bottom: 20px; padding-bottom: 30px;}
	.meeting .box .tit h3 { padding-left: 0; text-align: center;}
	.meeting .box .tit h3 span.reform { display: block;}
	.meeting .box .tit h3 span.point1,
	.meeting .box .tit h3 span.point2 { display: inline-block; margin: 0 10px;}
	.meeting .box .ctn { display: block; width: 92%; margin: 0 auto;}
	.meeting p.comment br.sp{ display: block;}
}
@media (max-width: 481px) {
	.meeting .box { padding: 20px;}
	.meeting .box .tit h3 span.point1,
	.meeting .box .tit h3 span.point2 { font-size: 20px;}
	.meeting .box .tit h3 span.point1 em,
	.meeting .box .tit h3 span.point2 em { font-size: 26px;}
	.meeting .box ul { padding-left: 20px;}
	.meeting p.comment { font-size: 18px;}
}
@media (max-width: 361px) {
	.meeting .read p { font-size: 14px;}
	.meeting .box .tit h3 span.point1,
	.meeting .box .tit h3 span.point2 { font-size: 15px;}
	.meeting .box .tit h3 span.point1 em,
	.meeting .box .tit h3 span.point2 em { font-size: 23px;}
	.meeting .box ul li { padding-left: 0; font-size: 14px;}
	.meeting p.note { margin: 0 auto 30px; font-size: 12px;}
	.meeting p.comment { font-size: 15px; line-height: 2;}
}

.present { background-image: repeating-linear-gradient(-45deg, #fff3e6, #fff3e6 10px, #fff8f0 0, #fff8f0 15px); -webkit-background-size: 42px 42px;}
.present .inner { padding: 50px 0;}

.present .inner { display: flex; padding-top: 45px; }

.works .bloc { width: 90%; max-width: 900px; margin: 0 30px; padding: 50px; background: #e5e5e5; font-size: 0; text-align: center;}
.works .bloc .before,
.works .bloc .after,
.works .bloc .arw { display: inline-block; vertical-align: middle; padding-bottom: 20px;}
.works .bloc .before{ width: 46%; color: #22439c;}
.works .bloc .after { width: 46%; color: #db504a;}
.works .bloc .arw { position: relative; width: 8%;}
.works .bloc .arw:before { content: ''; display: block; width: 0; height: 0; margin: 0 auto; position: relative; top: -30px;
 border: solid 25px transparent; border-left: solid 20px #969696; border-right: 0;
}
.works .bloc .memo { padding-top: 30px; border-top: solid 2px #fff;}
.works .bloc .memo p{ font-size: 24px; font-weight: 700; line-height: 1.2;}
.works .bloc .memo p span{ display: inline-block; margin: 0 20px; padding: 0 20px; border-left: solid 2px #000; border-right: solid 2px #000;}

.works .bloc .before figure img,
.works .bloc .after figure img { width: 100%; margin: 0 auto 25px;}
.works .bloc .before figure figcaption,
.works .bloc .after figure figcaption { font-size: 24px; font-weight: 700; line-height: 1;}
.works .slick-prev { top: 42%; left: 18.75%;}
.works .slick-next { top: 42%; right: 18.75%;}
@media (max-width: 769px) {
	.works .bloc { margin: 0 20px; padding: 30px;}
	.works .bloc .memo p{ font-size: 18px;}
	.works .bloc .memo p span{ margin: 0 10px; padding: 0 10px;}
}
@media (max-width: 641px) {
	.works .bloc { padding: 20px;}
	.works .bloc .before figure img,
	.works .bloc .after figure img { margin: 0 auto 15px;}
	.works .bloc .before figure figcaption,
	.works .bloc .after figure figcaption { font-size: 20px;}
	.works .bloc .memo { padding-top: 20px;}
	.works .bloc .memo p{ font-size: 16px;}
}
@media (max-width: 481px) {
	.works .bloc .before,
	.works .bloc .after,
	.works .bloc .arw { display: block; width: 100%; padding-bottom: 0px; margin: 0 auto 20px;}
	.works .bloc .arw:before { top: 0px; border: solid 20px transparent; border-top: solid 15px #969696; border-bottom: 0;}
	.works .bloc .memo p { line-height: 1.5;}
	.works .bloc .memo p span { display: block; border: none;}
}
@media (max-width: 361px) {
	.works .bloc { margin:0 10px; padding: 15px 10px;}
	.works .bloc .before,
	.works .bloc .after,
	.works .bloc .arw { margin: 0 auto 10px;}
	.works .bloc .before figure img,
	.works .bloc .after figure img { margin: 0 auto 10px;}
	.works .bloc .before figure figcaption,
	.works .bloc .after figure figcaption { font-size: 18px;}
	.works .bloc .memo { padding-top: 10px;}
	.works .bloc .memo p{ font-size: 14px;}
}


.reserve { position:relative;}
.reserve #form { position: absolute; top: -50px;}
.reserve .inner { padding: 90px 0;}
.reserve .ttl { margin: 0 auto 30px;}
.reserve .ttl div:before,
.reserve .ttl div:after { content: ''; display: inline-block; width: 12px; height: 40px;}
.reserve .present-box { margin: 0 auto 30px;}
.reserve p.must { margin-bottom: 30px; color: #f00; font-size: 14px; text-align: center;}
.reserve p.must sup { font-size: 10px; vertical-align: super;}
.reserve .bloc { width: 92%; max-width: 950px; margin: 0 auto;}
.reserve .bloc .row { padding: 25px 0 20px; border-top: dashed 1px #aaa;}
.reserve .bloc .tit { display: inline-block; width: 25%; vertical-align: top;}
.reserve .bloc .tit p { font-size: 17px; font-weight: 700;}
.reserve .bloc .tit p sup { margin-left: 5px; color: #f00;}
.reserve .bloc .tit p span{ display: block;}
.reserve .bloc .ctn { display: inline-block; width: 74%; vertical-align: top;}
.reserve .bloc .ctn p { margin-bottom: 15px; font-size: 14px;}
.reserve .bloc .ctn p.note{ margin-bottom: 0;}
.reserve .bloc .ctn p span.addr { display: inline-block; width: 100px; letter-spacing: 0.075rem;}
.reserve .bloc .ctn p a { display: inline-block; padding: 2px 15px; background: #db504a; color: #fff; font-size: 13px; text-decoration: none;}
.reserve .bloc .ctn p a:after { content: ''; width: 0; height: 0; border: solid 5px transparent; border-top: solid 8px #fff;
 position: relative; top: 10px; margin-left: 10px;
}
.reserve .bloc .ctn p a:hover { opacity: 0.8;}
.reserve .bloc .ctn label.day { position: relative; display: inline-block; width: 120px; padding-left: 24px;}
.reserve .bloc .ctn label.day input[type="radio"]{ position: absolute; left: 0; top: 4px;}
.reserve .bloc .ctn input { padding: 6px 10px; background: #f2f2f2; border: solid 1px #dcdcdc;}
.reserve .bloc .ctn input.long{ width: 72%; font-size: 14px;}
.reserve .bloc .ctn input.zip { width: 180px; margin: 0 10px; font-size: 14px;}
.reserve .bloc .ctn input[type="tel"],
.reserve .bloc .ctn input[type="email"]{ width: 72%; letter-spacing: 0.075rem; font-size: 14px;}
.reserve .bloc .ctn textarea { width: 90%; height: 150px; padding: 5px 10px; background: #f2f2f2; border: solid 1px #dcdcdc;}
.reserve .bloc .ctn .slct { position: relative; width: 200px; height: 42px; background: #f2f2f2; border: solid 1px #dcdcdc;}
.reserve .bloc .ctn .slct.mb { margin-bottom: 15px;}
.reserve .bloc .ctn .slct:before,
.reserve .bloc .ctn .slct:after { content: ''; display: block; position: absolute;}
.reserve .bloc .ctn .slct:before{ width: 40px; height: 40px; background: #db504a; right: 0; top: 0; z-index: 1;}
.reserve .bloc .ctn .slct:after { width: 0; height: 0; border: solid 6px transparent; border-top: solid 10px #fff;
 top: 15px; right: 14px; z-index: 2;
}
.reserve .bloc .ctn select { position: relative; width: 100%; padding: 8px 40px 8px 10px; z-index: 10;
 -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none;
}
.reserve .bloc .btn { position: relative; width: 80%; max-width: 300px; margin: 0 auto; background: #db504a;}
.reserve .bloc .btn:after { content: ''; display: block; width: 0; height: 0; border: solid 8px transparent; border-left: solid 8px #fff;
 position: absolute; left: 50%; top: 50%; margin-top: -7px; margin-left: 50px;
}
.reserve .bloc .btn input { display: block; width: 100%; height: 50px; line-height: 50px; position: relative; z-index: 2;
 background: rgba(255,255,255,0); border: none;
 color: #fff; font-size: 20px; letter-spacing: 0.15rem; text-indent: -20px;
}
.reserve .bloc .btn input:hover { background: rgba(255,255,255,0.3);}
.reserve .domain { width: 85%; max-width: 800px; margin: 20px auto 50px; padding: 20px; background:#f2f2f2;}
.reserve .domain h3 { font-size: 18px; margin-bottom: 10px;}
.reserve .domain p { font-size: 14px; text-align: justify;}
@media (max-width: 641px) {
	.reserve .bloc .row { padding: 15px 0 10px;}
	.reserve .bloc .tit { display: block; width: 100%; margin-bottom: 8px;}
	.reserve .bloc .tit p { font-size: 15px;}
	.reserve .bloc .tit p span { display: inline;}
	.reserve .bloc .ctn { display: block; width: 100%;}
	.reserve .bloc .ctn p { margin-bottom: 10px;}
	.reserve .bloc .ctn textarea { width: 100%; height: 120px;}
}
@media (max-width: 481px) {
	.reserve .inner { padding: 60px 0;}
	.reserve .ttl h2 { font-size: 24px;}
	.reserve .bloc .ctn p a { display: block; width: 180px; margin: 15px 0; padding: 4px 15px;}
	.reserve .bloc .btn { width: 65%;}
	.reserve .bloc .btn input { height: 40px; line-height: 40px; font-size: 18px; text-indent: -15px;}
}
@media (max-width: 361px) {
	.reserve .domain h3 { font-size: 15px;}
	.reserve .domain p { font-size: 13px;}
}

.bnr { width: 200px; height: 280px; position:fixed; right: 0; top: 50%; margin-top: -200px; z-index: 1000;}
.bnr a { display: block; box-shadow: 0 0 10px #aaa;}
.bnr a:hover { opacity: 0.85; box-shadow: 0 0 10px #ccc;}
.bnr-sp{ display: none; background: #fff; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 1000;}
.bnr-sp a{ display: block; width: 100%; max-width: 950px; margin:0 auto;}
.bnr-sp img { width: 100%;}
@media (max-width: 769px) {
	.bnr { display: none;}
	.bnr-sp{ display: block;}
}

#ft { background: #e5e5e5; text-align: center;}
#ft .inner-ft { padding: 40px 0;}
#ft h3 { margin-bottom: 20px;}
#ft h3 a{ display: block; width: 75%; max-width: 415px; margin: 0 auto 15px;}
#ft h3 a img { width: 100%;}
#ft h3 span { display: block; font-size: 24px;}
#ft p { font-weight: 700; line-height: 1.4;}
#ft p span,
#ft p a { color: #22439c; font-size: 37px; text-decoration: none;}
#ft p a { display: none;}
#ft p img { margin-right: 15px; vertical-align: baseline;}
#ft p em { display: block; font-size: 15px;}
@media (max-width: 641px) {
	#ft p span ,
	#ft p a { font-size: 30px;}
	#ft p img { width: 24px;}
}
@media (max-width: 481px) {
	#ft .inner-ft { padding: 20px 0 75px;}
	#ft h3 { margin-bottom: 10px;}
	#ft h3 a{ margin: 0 auto 8px;}
	#ft h3 span { font-size: 20px;}
	#ft p span { display: none;}
	#ft p a { display: inline;}
}

.column_area{margin-left: auto; margin-right: auto; position: relative; width: 88.28125%; max-width: 1130px;}
.column_box03{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 45px;}
.column_box03 .column_item01 {border-right: 1px solid #ddd; padding-left: 27px; padding-right: 27px; flex: 1;}
.column_box03 .column_item01:last-child {border-right: 0;}
.column_box03 .column_item01 h3{font-size: 18px; line-height: 1.6; margin-bottom: 25px; text-align: center; font-weight: 700;}
.column_box03 .column_item01 p{font-size: 14px; line-height: 2.4; margin-bottom: 30px; min-height: 198px;}
.column_box03 .column_item01 a{display: block; overflow: hidden;}
.column_box03 .column_item01 img {width: 100%;height: auto; transform: scale(1); transition-duration: 0.75s; vertical-align: middle;}
@media only screen and (max-width: 767px){
.column_box03{border-top: 1px solid #ddd; display: block; margin-bottom: 0; padding-top: 26.4px;}
.column_box03 .column_item01{border-right: 0; margin-bottom: 30px; padding-left: 0; padding-right: 0;}
.column_box03 .column_item01 h3{line-height: 1.4; margin-bottom: 10.4px; font-size: 16px!important;}
.column_box03 .column_item01 p{font-size: 14px!important; line-height: 2; margin-bottom: 24px;}
}