@charset "UTF-8";

/*
Theme Name: R-design
 * 
 * 【重要警告】
 * このWordPressテーマは R-design が著作権を有しています。
 * 無断での使用・コピー・改変・再配布は、著作権侵害にあたります。
 * 不正利用が確認された場合、アクセスログやコード署名をもとに、
 * 弁護士を通じて法的手段を取らせていただきます（実例あり）。
 *
 */


html {
  margin: 0!important;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, address {
	font-weight: normal;
}
ol, ul {
	list-style: none;
	padding-left: 20px;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{width: 100%;height: auto;}
a img {	border: none;line-height: 0;}

img{ border: none;}

/* Forms
   ========================================================================== */


button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

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

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}



	/* 基本設定
   ========================================================================== */
	body {
	position: relative;
	color: #111;
 font-family: "Noto Sans JP",sans-serif;
	line-height: 1.8;
	font-weight: 400;
	font-style: normal;
	font-feature-settings: "palt";
}
 
body.noscroll { overflow-y: scroll; position: fixed; width: 100%; }

/* link
------------------------------------*/
a { color: inherit; text-decoration: none; line-height: 1;transition: all .3s;}
a:hover { text-decoration: none; }


/* 共通項目
  ========================================================================== */

*, *::before, *::after {	box-sizing: border-box;}

html,body{height: 100%;}

a.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
a.anchor.-obi {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

.naname{clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);}
.swiper-wrapper{line-height:0 !important;}

/*タイトル横にライン*/
.title-border {
display: flex;
align-items: center;
}
.title-border:after,.title-border:before {
border-top: 1px solid #009fe8;
content: "";
flex-grow: 1;
}
.title-border:before {
margin-right: 1rem;
}
.title-border:after {
margin-left: 1rem;
}

body.preload .wow.fadeIn {
	opacity: 0 !important;
}

/* ================================================
 * お問合せ
 * ================================================*/
.caution {font-size: 1rem;text-align: right;margin-bottom: 12px;}

.important{padding-left: .5rem; color: #c30a01;}

.input-area {
  width: 1000px;
  background-color: #f4f4f4;
  padding: 2vw;
  margin: 2vw auto;
}

.input-area dt {flex:1;text-align: left;padding: 0 0 10px 10px;}

.input-area dl {
  display: flex;
  justify-content: flex-start;
  line-height: 1.8;
  align-items: flex-start;
	flex-direction:column;
  border-bottom: dashed 1px #ccc;
  min-height: 60px;
  padding: 20px 0;
  letter-spacing: .2rem;
}
.input-area dl:last-of-type {border-bottom: none;}

.input-area dd {flex:2.5;line-height: 1.5;padding: 0 30px;width:100%;}
@media (max-width: 480px){.input-area dd{padding: 0 15px;}}

.input-area label{display: flex;justify-content: flex-start;align-items: center;line-height: 2;}
.input-area input[type="text"],.input-area input[type="email"],
.input-area input[type="tel"],
.input-area textarea {
  width: 100%;
  padding: .5rem 1rem;
  margin: 0 auto 0 0 ;
  border: none;
}

.input-area input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-right: .5rem;
}

.input-area textarea {
  padding: 20px;
}
.input-area .item {
  display: flex;
  flex-wrap: wrap;
}

.input-area .item span {
  margin-right: 30px; 
}

.input-area .submit-btn {
  width: min(300px,90%);
  font-weight: 500;
  font-size: 1.2rem;
  padding: 1rem;
  margin: 1vw auto;
	transition:.5s;
	border:none;
}
.wpcf7 .wpcf7-submit,.wpcf7 .wpcf7-submit:hover:disabled{ background-color: #2f5e9b;color: #FFF;}
.wpcf7 .wpcf7-submit:hover{background-color:#af9563;color:#FFF;}

div.wpcf7 .wpcf7-spinner {
    display: block;
}
@media (max-width: 1000px){
	.input-area {width:100%; margin:20px auto;}
}

/* ページネーション */
.navigation{display:block; margin-bottom: 30px;}
.nav-links{text-align:center;}
.page-numbers{border:1px solid #888;line-height:1;padding:5px 10px;background-color:#FFF;color:#888;}
.page-numbers.current{background-color:#101010;color:#FFF;}
.page-numbers.next,.page-numbers.prev {border:none;background-color:unset;}

.list01 li.group-title{font-weight:bold;list-style:none;margin-left:-1.4rem;display: flex;align-items: center;justify-content: flex-start;}
.list01 li.group-title:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #ccc;
}
.list01 li.group-title:after {margin-left: 10px;}

/*　reCAPTCHA　*/
.grecaptcha-badge { visibility: hidden; }
.reC {font-size:12px;color:#666;text-align:center;padding-bottom:30px;}
@media screen and (max-width: 480px) {.reC {font-size:min(3vw,.8rem);}}
.caption{text-align:center;padding-top:5vw;}
.caption a{color:#37b446;transition:.3s;}
.caption a:hover{border-bottom:2px dotted #37b446;}

.post-password-form{padding:5vw;text-align:center;line-height:2;}
.post-password-form p{padding-bottom:20px;}


.product-head.-product{display:flex;align-items:center;position:relative;overflow:hidden;}
.product-head.-product .p-head-title-waku{width:45%;margin-left:-40px;position:relative;z-index:2;}
.product-head.-product .p-head-title{position:relative;background:#fff;border:1px solid #103664;padding:55px 50px 45px;box-sizing:border-box;align-items:center;}
.product-head.-product .p-head-title::after{top:-1px;right:-1px;border-left:1px solid #103664;border-bottom:1px solid #103664;border-radius:0 0 0 24px;}
.product-head.-product .p-head-title h2{margin:0;text-align:center;font-size:32px;line-height:1.4;font-weight:700;color:#111;border-bottom:none;}
.product-head.-product .p-head-title h2 .p-head-sub{display:block;font-size:24px;letter-spacing:.04em;margin-bottom:6px;}
.product-head.-product .p-head-title h2 .gree{display:block;color:#103664;font-size:38px;font-weight:700;}
.product-head.-product .p-head-line{display:flex;justify-content:center;align-items:center;margin:24px 0 30px;}
.product-head.-product .p-head-line::before,.product-head.-product .p-head-line::after{content:"";width:95px;height:1px;background:#b99a4b;}
.product-head.-product .p-head-line span{display:block;width:8px;height:8px;margin:0 12px;background:#b99a4b;transform:rotate(45deg);}
.product-head.-product .p-head-title p{margin:0;font-size:16px;line-height:2;color:#222;padding:0;}
.product-head.-product .p-head-btn{display:flex;align-items:center;justify-content:center;position:relative;width:100%;margin-top:32px;padding:17px 50px;box-sizing:border-box;background:#103664;border-radius:4px;color:#fff;font-size:17px;font-weight:700;letter-spacing:.08em;text-decoration:none;transition:.3s;}
.product-head.-product .p-head-btn::after{content:"";position:absolute;right:28px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}
.product-head.-product .p-head-btn:hover{opacity:.8;}
.product-head.-product .p-head-title-waku::before,.product-head.-product .p-head-title-waku::after{content:"";position:absolute;bottom:0;width:24px;height:24px;background:#fff;z-index:3;}
.product-head.-product .p-head-title-waku::before{left:0;border-top:1px solid #103664;border-right:1px solid #103664;border-radius:0 24px 0 0;}
.product-head.-product .p-head-title-waku::after{right:0;border-top:1px solid #103664;border-left:1px solid #103664;border-radius:24px 0 0 0;}

@media screen and (max-width:767px){
.product-head.-product{display:block;}
.product-head.-product .p-head-pic{width:100%;}
.product-head.-product .p-head-title-waku{width:calc(100% - 30px);margin:-30px auto 0;}
.product-head.-product .p-head-title{padding:40px 22px 30px;}
.product-head.-product .p-head-title h2{font-size:22px;}
.product-head.-product .p-head-title h2 .p-head-sub{font-size:17px;}
.product-head.-product .p-head-title h2 .gree{font-size:27px;}
.product-head.-product .p-head-line{margin:18px 0 22px;}
.product-head.-product .p-head-line::before,.product-head.-product .p-head-line::after{width:60px;}
.product-head.-product .p-head-title p{font-size:14px;line-height:1.9;}
.product-head.-product .p-head-btn{margin-top:24px;padding:15px 40px;font-size:15px;}
.product-head.-product .p-head-btn::after{right:20px;}
}

.company-gaiyo{width:100%;margin:0 0 60px;border-collapse:collapse;}
.company-gaiyo th,.company-gaiyo td{padding:24px 24px;line-height:1.8;vertical-align:top;border-bottom:1px solid #e7e1d8;}
.company-gaiyo th{width:24%;color:#091e37;font-weight:500;letter-spacing:.05em;text-align:left;}
.company-gaiyo td{position:relative;color:#333;text-align:left;padding-left:32px;}
.company-gaiyo td:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:#c7a15a;}
.company-gaiyo tr:last-child th,.company-gaiyo tr:last-child td{border-bottom:none;}
.company-gaiyo td b{display:block;}
.company-gaiyo .second{padding-top:15px;}

@media screen and (max-width:767px){
.company-gaiyo{margin-bottom:40px;}
.company-gaiyo th,.company-gaiyo td{padding:16px 12px;line-height:1.6;font-size:13px;}
.company-gaiyo th{width:calc(5rem + 14px);}
.company-gaiyo td{padding-left:20px;}
.company-gaiyo td:before{top:10px;bottom:10px;width:1px;}
}