@charset "UTF-8";

.flex{ --margin:40px; }
@media screen and (max-width: 768px){
.flex{ --margin:20px; }
}

/**
* 全体
----------------------------------------------------------------*/
/* フォント */

/* ボディ */
body{
font-size:16px;
line-height:1.7;
color:rgb(10,10,10);
font-family: "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
body{
font-size:14px;
}
}
:root {
--margin: 40px;
}
@media screen and (max-width: 768px) {
:root {
--margin: 20px;
}
}

/**
* プロトタイプ
----------------------------------------------------------------*/
/* reCATPCHA */
.grecaptcha-badge{ visibility:hidden; }

img{
display:block;
margin:0 auto;
max-width:100%;
height: auto;
}
em{
font-style:normal;
color:rgb(43,164,233);
}
em.orange {
color: orange;
text-decoration: underline;
}
p{ text-align:justify; }
p.-small {font-size: 14px;}
@media screen and (max-width: 768px){
p.-small {font-size: 16px;}
}
.j{ text-align:justify !important; }
.c{ text-align:center; }
.spc{ text-align:center !important; }
.r{ text-align:right; }
.l{ text-align:left; }
.gm > iframe{ height:400px; }
.tel{
text-decoration:none;
}
.relative{ position:relative; }
strong.big{ font-size:150%; }
strong.xbig{ font-size:200%; }
@media screen and (max-width: 768px){
.safeimg{ max-width:240px; }
}
@media screen and (max-width: 240px){
.safeimg{ max-width:100%; }
}

/* YouTube */
.yt{
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	margin-bottom:50px;
}
.yt > iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/* 1カラム */
.one{
margin:var(--margin);
box-sizing: border-box;
}

/* マウスオーバー */
.hoverable.opacity{
transition:opacity .2s;
display:block;
}
.hoverable.opacity.hover{ opacity:.7; }
.hoverable.bg_navy {
transition: background .2s;
}


/* マージン */
.tmargin{ padding-top:80px;}
.bmargin{ padding-bottom:80px;}
.tmargin.-none{ padding-top:0;}
.bmargin.-none{ padding-bottom:0;}
.tmargin.-narrow{ padding-top:40px;}
.bmargin.-narrow{ padding-bottom:40px;}
.tmargin.-min{ padding-top:20px;}
.bmargin.-min{ padding-bottom:20px;}
.tmargin.-xmin{ padding-top:10px;}
.bmargin.-xmin{ padding-bottom:10px;}
.tmargin.-xmin.-external{ margin-top:10px;}
.bmargin.-xmin.-external{ margin-bottom:10px;}

/* レイアウト */
.base{
max-width:1024px;
margin:0 auto;
box-sizing:border-box;
}
.base.-narrow{ max-width:768px; }
.base.-xnarrow{ max-width:512px; }
@media screen and (max-width: 768px){
.base.-has_padding {
padding-left:20px;
padding-right:20px;
}
.base.-smart{ max-width:375px; }
}


.-narrow-margin section {
width: calc(25% - 20px) !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
@media screen and (max-width: 768px){
.-narrow-margin {
padding-left: 0 !important;
padding-right: 0 !important;
justify-content: space-between;
}
.-narrow-margin section {
flex-basis: calc(50% - 10px);
margin-left: 0 !important;
margin-right: 0 !important;
}
}

/* 分岐 */
.sp{ display:none; }
@media screen and (max-width: 768px){
.pc{ display:none; }
.sp{ display:block; }
}

/* 水平線 */

/* コンタクトパネル */
.contact_pannel {
position: absolute;
bottom: 80px;
right: 20px;
width: 300px;
background: white;
border-radius:20px;
padding-bottom: 30px;
}
.contact_pannel button {
opacity: 1;
transition: 0.2s;
}
.contact_pannel button.hover {
opacity: 0.8;
}
@media screen and (max-width: 768px) {
.contact_pannel {
display: none;
}
}
.contact_pannel p {
margin-bottom: 20px;
padding: 10px 0;
text-align: center;
color: white;
font-weight: bold;
font-size: 18px;
background: rgb(0,113,188);
border-radius: 20px 20px 0 0;
}

.contact_pannel dl {
display: flex;
padding: 0 20px;
margin-top: 8px;
}
.contact_pannel dt {
flex-basis: 74px;
}
.contact_pannel dd {
flex-basis: calc(100% - 74px);
}
.contact_pannel dd input {
width: 100%;
height: 40px;
border: 1px solid #ccc;
padding-left: 5px;
padding-right: 5px;
box-sizing: border-box;
}
.contact_pannel button {
display: block;
width: 200px;
height: 40px;
color: white;
background: rgb(0,113,188);
border-radius: 20px;
text-align: center;
border: none;
margin: 20px auto 0;
}

/* link */
.link.-yellow {
color: rgb(252,238,3);
opacity: 1;
transition: 0.2s;
}
.link.-yellow.hover {
opacity: 0.8;
}
.link.-has-right-arrow::after {
content: ">";
padding: 0 4px;
margin-right: 8px;
}

/* News Bar */
.news_bar {
display:flex;
justify-content: space-between;
align-items: center;
padding-left: 20px;
padding-right: 20px;
height: 70px;
width: 100%;
position:absolute;
bottom: 0;
left: 0;
background: rgba(0,113,188,0.5);
box-sizing: border-box;
}
.news_bar > div:first-child {
white-space: nowrap;
overflow: hidden;
width: calc(100% - 310px)
}
.news_bar time {
color: white;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 18px;
}
.news_bar span {
color: white;
font-weight: bold;
font-size: 18px;
text-overflow: ellipsis ;
}
@media screen and (max-width: 768px) {
.news_bar {
height: auto;
padding: 5px 10px;
}
.news_bar > div:first-child {
width: calc(100% - 100px);
}
.news_bar > div:last-child .link {
display: none;
}
.news_bar > div:last-child .button {
font-size: 12px;
padding: 5px 10px;
}
.news_bar time {
font-size: 12px;
}
.news_bar span {
margin-left: 0;
font-size: 12px;
}
}

/* ソリューション */
.solution div {
box-sizing: content-box;
position: relative;
}
.solution div:not(:last-child)::after {
position: absolute;
top: 0;
bottom: 0;
right: -20px;
content: "";
width: 1px;
background: #ccc;
}
.solution h3 {
font-size: 26px;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
line-height: 1.2;
margin-bottom: 8px;
}
.solution h3.lerge {
font-size: 32px;
}
.solution h3 strong {
font-size: 48px;
color: rgb(0,113,188);
margin-left: 4px;
margin-right: 4px;
}
.solution h3 strong.italic {
font-style: italic;
}
.solution.-white-and-yellow {
color: white;
}
.solution.-white-and-yellow strong {
color: rgb(252,238,3);
}
.solution.-single {
min-height: 260px;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/bg/bg_blackcar.png") no-repeat 50% 50% / cover;
}
.solution.-single .base {
text-align: center;
margin: auto !important;
}
.solution.-single p {
color: white;
font-weight: bold;
font-size: 50px;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align:center;
line-height: 1.4;
}
.solution.-single strong {
color: rgb(252,238,3);
font-size: 80px;
}
@media screen and (max-width: 1024px) {
.solution.-single p {
font-size: 32px;
}
.solution.-single strong {
font-size: 60px;
}
}

@media screen and (max-width: 1024px){
.solution {
flex-wrap: wrap;
}
.solution > div {
flex-basis: 100%;
display: flex;
}
.solution > div > * {
flex-basis: 50%;
width: 50%;
}
.solution.-single > div > * {
flex-basis: 100%;
width: 100%;
}
.solution div:not(:last-child)::after {
top: auto;
bottom: -20px;
right: 0;
left: 0;
height: 1px;
width: auto;
}

}
@media screen and (max-width: 768px) {
.solution div:not(:last-child)::after {
bottom: -10px;
}
.solution > div {
display: block;
}
.solution > div > * {
flex-basis: 100%;
width: 100%;
}
.solution.-single p {
font-size: 24px;
}
.solution.-single strong {
font-size: 40px;
}
}


/* dl */
.round_dl {
display: flex;
margin-bottom: 10px;
}
.round_dl dt {
display: block;
width: 150px;
height: 24px;
line-height: 24px;
border-radius: 12px;
background: rgb(0,113,188);
color: white;
text-align: center;
font-size: 15px;
margin-right: 10px;
}
.round_dl dd {
font-weight: bold;
}

/* 余白 */
.pad.-top {
padding-top: 40px;
}
.pad.-left {
padding-left: 40px;
}
.pad.-right {
padding-right: 40px;
}
.pad.-bottom {
padding-bottom: 40px;
}
.pad.-top.-min {
padding-top: 30px;
}
.pad.-left.-min {
padding-left: 30px;
}
.pad.-right.-min {
padding-right: 30px;
}
.pad.-bottom.-min {
padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
.sp-pad {
margin-left: 20px;
margin-right:20px;
}
.pad.-top {
padding-top: 20px;
}
.pad.-left {
padding-left: 20px;
}
.pad.-right {
padding-right: 20px;
}
.pad.-bottom {
padding-bottom: 20px;
}
.pad.-top.-min {
padding-top: 30px;
}
.pad.-left.-min {
padding-left: 15px;
}
.pad.-right.-min {
padding-right: 15px;
}
.pad.-bottom.-min {
padding-bottom: 15px;
}
}

.margin.-right {
display: inline-block;
margin-right: 10px;
}

/* input */
.input-text {
background: white;
border: 0;
height: 60px;
max-width: 600px;
width: 100%;
font-size: 18px;
padding: 0 10px;
box-sizing: border-box;
}
.input-textarea {
background: white;
border: 0;
height: 140px;
max-width: 600px;
width: 100%;
font-size: 18px;
padding: 10px;
box-sizing: border-box;
}

/* table */
.table {
max-width: 600px;
width: 100%;
margin: auto;
}
.table a {
color: rgb(0,113,188);
}
.table th {
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
min-width: 200px;
font-size: 18px;
font-weight: normal;
}
.table td {
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 18px;
}
@media screen and (max-width: 600px) {
.table {
width: calc(100% - 40px);
margin-right: 20px;
margin-left: 20px;
}
.table th {
min-width: 120px;
font-size: 16px;
}
.table td {
font-size: 16px;
}
}


/* form */
.badge01 {
background: rgb(127,184,221);
font-size: 16px;
padding: 5px 20px;
margin-right: 10px;
}
.badge02 {
background: rgb(253,184,17);
font-size: 16px;
padding: 5px 20px;
margin-right: 10px;
}
.form_table {
max-width: 800px;
width: 100%;
margin: auto;
}
.form_table tr th {
vertical-align: top;
}
@media screen and (max-width: 1024px) {
.form_table {
width: calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
}
}
.form_table th {
vertical-align: center;
font-size: 20px;
color: white;
width: 240px;
padding-top: 20px;
}
.form_table td {
padding: 5px 0;
}
@media screen and (max-width: 768px) {
.form_table tr {
display: block;
}
.form_table th {
display:block;
width: 100%;
box-sizing:border-box;
margin-bottom:10px;
}
.form_table td {
display:block;
width: 100%;
box-sizing:border-box;
margin-bottom: 25px;
}
}

/* layout */
.layout.-aic {
display: flex;
align-items: center;
}

/* 見出し */
.h2 {
position: relative;
font-size: 28px;
font-weight: bold;
text-align: center;
padding-top: 60px;
padding-bottom: 10px;
margin-bottom: 40px;
line-height: 1.2;
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/theme/h2.png") no-repeat 50% calc(50% - 40px) / 300px;
}
.h2::after {
position: absolute;
bottom: 0;
left: calc(50% - 60px);
content: "";
width: 120px;
height: 5px;
background: rgb(0,113,188);
}
.h2.-white {
color: white;
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/theme/h2_white.png") no-repeat 50% calc(50% - 40px) / 300px;
}
.h2.-white::after {
background: white;
}
.h3 {
font-size: 28px;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
}
.h3.-moveup {
margin-top: -50px;
}
.h3.-has-number img {
margin: 0 0 0;
}
.h3.-image img {
margin-bottom: -50px;
}
.h3.-small {
font-size: 24px;
line-height: 1.4;
}
.h3.-medium {
font-size: 28px;
line-height: 1;
letter-spacing: -0.1em;
}
.h3.-large {
font-size: 36px;
line-height: 1;
}
.h3.-round {
border-radius: 50px;
padding: 5px 40px;
}
@media screen and (max-width: 768px) {
.h3.-round {
border-radius: 50px;
padding: 5px 20px;
}
}
.h3.-blue {
color: rgb(0,113,188);
}
.h3.-bg-blue {
color: white;
background: rgb(0,113,188);
}
.h3.-white {
color: white;
}
.h3_square {
font-size: 24px;
color: rgb(0,113,188);
text-align:center;
padding: 10px 0;
border: 1px solid rgb(0,113,188);
margin-bottom: 20px;
}
.h4 {
font-size: 21px;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
line-height: 1.4;
}
.h4.-small {
font-size: 18px;
}
.h4.-blue {
color: rgb(0,113,188);
}
.h4.-white {
color: white;
}
@media screen and (max-width: 768px) {
.h2 {
padding-top: 70px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
font-size: 22px;
}
.h3 {
font-size: 20px;
}
}

/* text */
.big-text {
font-size: 32px;
font-weight: bold;
}
.bold-text {
font-weight: bold;
}
@media screen and (max-width: 768px) {
.big-text {
font-size: 20px;
}
}
.text.-medium {
font-size: 20px;
}
.text.-large {
font-size: 32px;
}
.text.-xlarge {
font-size: 60px;
}
.text.-big {
font-size: 100px;
}
.text.-serif {
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.text.-sansserif {
font-family: "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, sans-serif;
}
.text.-center {
text-align: center;
}
.text.-bold {
font-weight: bold;
}
.text.-italic {
font-style: italic;
}
.text.-white {
color: white;
}
.text.-mr10 {
display: inline-block;
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.text.-medium {
font-size: 18px;
}
.text.-large {
font-size: 24px;
}
.text.-xlarge {
font-size: 40px;
}
.text.-big {
font-size: 60px;
}
.text.-sp-left {
text-align: justify;
}
}


/* flow */
.flow {
max-width: 800px;
padding-left: 40px;
padding-right: 40px;
margin: auto;
}
@media screen and (max-width: 1024px) {
.flow {
padding-left: 20px;
padding-right: 20px;
}
}
.flow > div {
display: flex;
justify-content: space-between;
border: 1px solid rgb(0,113,188);
border-radius: 10px;
position: relative;
}
.flow > div.last {
display: block;
background: rgb(0,113,188);
color: white;
max-width: 400px;
margin: auto;
border-radius: 0;
}
.flow > div > div:nth-of-type(1) {
padding: 10px;
}
.flow > div > div:nth-of-type(2) {
background: rgb(0,113,188);
color: white;
display: flex;
align-items:center;
justify-content: center;
flex-basis: 140px;
min-width: 140px;
border-radius: 0 8px 8px 0;
}
.flow > div > div:nth-of-type(3) {
position: absolute;
top: 0;
left: 0;
display:inline-block;
background: rgb(0,113,188);
padding: 5px 20px;
border-radius: 8px 0 10px 0;
color: white;
font-weight: bold;
}
.flow > div > div:nth-of-type(2) p {
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 1.3;
}
.flow > div:not(:last-of-type):not(.last)::after {
position: absolute;
bottom: -30px;
left: calc(50% - 50px);
height: 30px;
display: block;
content: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/icons/arrow_bottom_blue.png");
}
.flow > div:not(:first-of-type) {
margin-top: 40px;
}
.flow > div .main {
font-size: 24px;
color: rgb(0,113,188);
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
}
.flow > div .sub {
}
.flow > div.last .main {
color:white;
text-align: center;
}
.flow > div.last .sub {
color:white;
text-align: center;
}
.flow > div > div:nth-of-type(1) {
padding: 10px 20px;
}
@media screen and (max-width: 768px) {
.flow {
padding: 0 20px;
}
.flow > div {
display: block;
}
.flow > div .main {
font-size:20px;
line-height: 1.4;
padding-bottom: 10px;
}
.flow > div:not(:last-of-type):not(.last)::after {
left: calc(50% - 40px);
}
.flow > div > div:nth-of-type(2) {
padding: 10px 20px;
width: 100%;
box-sizing: border-box;
border-radius: 0 0 8px 8px ;
}
}

/* news-list */
.news-list {
margin: 10px 0 40px;
}
.news-list li a {
display: flex;
justify-content: space-between;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: rgb(0,113,188);
transition: 0.2s opacity;
}
.news-list li a.hover {
opacity: 0.7;
}
.news-list li:not(:first-child) a {
border-top: 1px dotted #ccc;
}
.news-list li a::after {
content: ">";
color: rgb(10,10,10);
}
.news-list li time {
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-right: 10px;
}
.news-list li span {
font-size: 16px;
font-weight: bold;
color: rgb(10,10,10);
}
@media screen and (max-width: 768px) {

}
/* Cars */
.cars {
display: flex;
width: 100%;
overflow-x: scroll;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
.cars > figure {
margin-left: 5px;
margin-right: 5px;
flex-basis: 300px;
min-width: 300px;
padding-bottom: 20px;
}
.cars > figure > figcaption .make {
margin-top: 10px;
display: block;
text-align:center;
font-size: 16px;
line-height: 1.2;
}
.cars > figure > figcaption .vehicle_name {
font-size: 20px;
font-weight: bold;
display: block;
text-align:center;
}

/* branches */
.branches {
padding: 40px;
}
.branches > div {
padding: 10px;
}
.branches > div:nth-of-type(3n - 2) {
border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
}
.branches > div:nth-of-type(3n - 1) {
border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
}
.branches > div:nth-of-type(3n) {
border-top: solid 1px #ccc;
}
.branches > div:nth-of-type(1) {
border-top: none;
}
.branches > div:nth-of-type(2) {
border-top: none;
}
.branches > div:nth-of-type(3) {
border-top: none;
}
@media screen and (max-width: 768px) {
.branches {
padding: 10px;
}
.branches > div {
border-right: 0 !important;
}
.branches > div:not(:first-child):not(:nth-of-type(2)) {
border-top: solid 1px #ccc;
}
.branches > div:nth-of-type(11) {
border-top: 0;
}
.branches > div:nth-of-type(12) {
border-top: 0;
}
}

/* point-list */
.point-list {
padding: 0 24px;
}
.point-list li {
padding: 3px 0 3px 60px;
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/icons/handright.png") no-repeat 0 50% / 50px;
font-size: 32px;
color:white;
}
@media screen and (max-width: 768px) {
.point-list {
padding: 15px;
}
.point-list li {
padding: 3px 0 3px 40px;
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/icons/handright.png") no-repeat 0 50% / 30px;
font-size: 16px;
}
}

/* pager */
.pager {
text-align: center;
padding: 40px 20px;
}
.pager li {
display: inline-block;
}
.pager li > * {
display: inline-block;
color: white;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
font-weight: bold;
}
.pager li > a {
transition: 0.2s background;
background: rgb(0,113,188);
}
.pager li > a.hover {
background: rgb(127,184,221);
}
.pager span {
background: rgb(127,184,221);
}

/* panel */
.panel {
padding: 20px;
margin-left: 20px;
margin-right: 20px;
width: calc(100% - 80px);
}
.panel p {
padding: 0 20px;
}
.panel.-radius {
border-radius: 20px;
padding-bottom: 20px;
}
.panel.-white {
background: white;
}
.panel.-blue {
width: calc(100% - 120px);
max-width: 840px;
background: rgb(0,113,188);
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.panel {
margin-top: 60px !important;
padding: 0;
}
.panel.-blue {
width: calc(100% - 40px);
background: rgb(0,113,188);
margin-left: 20px;
margin-right: 20px;
}
}


/* 左右のパディング */
.-side_padding {
padding-left: 40px;
padding-right: 40px;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.-side_padding {
padding-left: 20px;
padding-right: 20px;
}
}
/* sidemargin */
.sidemargin {
margin-left: 20px;
margin-right: 20px;
}

/* 背景色 */
.bg.-blue {
background-color: rgb(0,113,188);
}
.bg.-blue.-skeleton {
background-color: rgba(0,113,188,0.8);
}

/* 画像 */
.full-image img {
width: 100%;
}
/* ボタン */
.buttons {
text-align: center;
}
.button {
display:inline-block;
text-align:center;
border-radius: 6px;
transition: background .2s;
font-weight: bold;
font-size: 20px;
transition: 0.2s opacity;
opacity: 1;
margin:10px;
}
.button.hover {
opacity: 0.8;
}
.button.-blue {
padding: 12px 40px;
background-color: rgb(0,113,188);
color: white;
}
.button.-has-right-arrow {
padding-left:54px;
background-image: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/icons/arrow_right_white.png");
background-size: 12px;
background-position: 34px 50%;
background-repeat: no-repeat;
}
.button.-small {
padding: 6px 20px;
font-size: 18px;
}
.button.-medium {
padding: 12px 80px;
font-size: 18px;
}
.button.-outline.-white {
transition: 0.2s background, 0.2s color;
display: inline-block;
border: 1px solid white;
color: white;
background: transparent;
}
.button.-outline.-white.hover {
opacity: 1;
border: 1px solid rgb(0,113,188);
color: rgb(0,113,188);
background-color: white;
}
.button.-outline.-blue {
display: inline-block;
border: 1px solid rgb(0,113,188);
color: rgb(0,113,188);
background: transparent;
}
.button.-outline.-blue.-has-right-arrow {
background-image: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/icons/arrow_right_blue.png");
background-size: 12px;
background-position: 34px 50%;
background-repeat: no-repeat;
}
.button.-outline.-white.-has-right-arrow {
padding-left: 90px;
background-image: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/icons/arrow_right_white.png");
background-size: 12px;
background-position: 70px 50%;
background-repeat: no-repeat;
}
.button.-blue.-has-right-arrow.-medium {
padding-left: 90px;
background-position: 70px 50%;
}
/* パンくず */
#pan ol {
display: inline-flex;
}
#pan ol li:not(:last-of-type)::after {
content: ">";
font-size: 10px;
margin-right: 4px;
margin-left: 4px;
}
#pan ol li a {
font-size: 12px;
color: black;
}

/**
* ヘッダー、フッター
----------------------------------------------------------------*/
#hcard {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
}
#hcard_inner {
display: flex;
align-items: flex-end;
}
@media screen and (max-width: 1360px) {
#hcard_inner {
display: block;
}
}
#logo img {
margin-left: 0;
margin-top: 11px;
width: 300px;
}
#logo > a img {
transition: 0.2s opacity;
}
#logo > a.hover img {
opacity: 0.7;
}
@media screen and (max-width: 768px) {
#logo img {
margin-top: 0;
width: 233.33px;
}
}
#gnav > ul {
display: flex;
}
#gnav > ul > li > a {
transition: 0.2s color;
}
#gnav > ul > li > a.hover {
color: rgb(0,113,188);
}
#gnav > ul > li:not(:last-child) {
border-right: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
#gnav > ul > li {
padding: 10px 0;
justify-content: center;
}
}
#gnav > ul >li > a {
font-size: 16px;
font-weight: bold;
color: rgb(10,10,10);
margin: 0 10px;
}
#tel {
position: absolute;
top: 10px;
right: 10px;
display: flex;
align-items: flex-end;
width: 300px;
}
@media screen and (max-width: 768px) {
#tel {
position: static;
}
}
#mail {
display: none;
}
#sp_contact_box > a {
transition: 0.2s opacity;
}
#sp_contact_box > a.hover {
opacity: 0.7;
}
@media screen and (max-width: 768px) {
#hcard {
height: 50px;
background: white;
border-bottom: rgb(0,113,188) 1px solid;
}
#hcard > div {
align-items: center;
}
#menu {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255,255,255,.9);
}
body.clicked #menu {
display: block;
}
#tel {
padding-top: 0;
align-items: center;
}
#open {
transition: 0.2s background;
position: fixed;
top: 0;
right: 0;
z-index: 80;
border: 0;
background: rgba(255,255,255,0.9);
width: 50px;
height: 50px;
}
#open.hover {
background: rgb(204,226,241);
}
#close {
transition: 0.2s background;
position: fixed;
top: 0;
right: 0;
z-index: 100;
border: 0;
background: white;
width: 50px;
height: 50px;
}
body.clicked #open {
display: none;
}
#close.hover {
background: rgb(204,226,241);
}
#gnav > ul {
margin-top: 100px;
flex-direction: column;
}
#gnav > ul > li {
display: flex;
width: 100%;
}
#mail {
display: block;
}
#sp_contact_box {
display: flex;
background: white;
position: fixed;
bottom: 0;
left: 0;
z-index: 80;
width: 100%;
}
#sp_contact_box > a{
display: block;
flex-basis: 50%;
margin: 10px 0;
padding: 0 10px;
}
#sp_contact_box > a:first-child{
border-right: 1px solid rgb(0,113,188);
}
}
main > header {
padding-top: 120px;
padding-bottom: 40px;
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/theme/pbg.png") no-repeat 50% 50% / cover;
}
main > header > h1 {
text-align:center;
font-size: 40px;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height: 1.3;
}
#pan ol {
display: flex;
justify-content: center;
}
#pan ol li {
font-size: 18px;
}
@media screen and (max-width: 768px) {
main > header {
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/theme/pbg_sp.png") no-repeat 50% 50% / cover;
padding-top: 90px;
padding-left:20px;
padding-right:20px;
}
main > header > h1 {
font-size: 32px;
}
#pan ol {
text-align:center;
display: block;
}
#pan ol li {
display: inline;
}
}

#fcard {
background: rgb(233,245,252);
font-size: 14px;
}
#cr {
padding: 10px 0;
background: rgb(0,113,188);
color: white;
text-align: center;
font-size: 14px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
#cr {
padding-bottom: calc(10px + 13vw);
}
}
#fnav {
display: flex;
align-items: center;
}
#fnav > ul {
display: flex;
}
#fnav > ul > li {
padding: 0 20px;
}
#fnav > ul > li a {
color: rgb(10,10,10);
}
#fnav > ul > li > ul > li {
margin-top: 10px;
}
@media screen and (max-width: 768px) {
#fnav {
}
#fnav > ul {
flex-wrap: wrap;
flex-basis: 100%;
}
#fnav > ul > li {
box-sizing: border-box;
flex-basis: 50%;
padding: 0 10px;
margin-top: 10px;
}
#fnav > ul > li {
width: 50%;
}
#fnav > ul > li > ul > li {
width: 100%;
}
}
.footer_contact dl {
margin-left: 40px;
margin-right: 40px;
}
.footer_contact dl dt {
color: white;
background: rgb(0,113,188);
padding: 5px 0;
text-align: center;
font-size: 24px;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
}
.footer_contact dl dd {
display: flex;
border: 1px solid rgb(0,113,188);
padding: 10px;
}
.footer_contact dl dd > div{
padding: 10px;
}
.footer_contact dl dd > div:nth-of-type(1){
border-right: 1px solid rgb(0,113,188);
padding-right: 20px;
}
.footer_contact dl dd > div:nth-of-type(2){
padding-left: 20px;
}
.footer_contact a img {
opacity: 1;
transition: 0.2s opacity;
}
.footer_contact a.hover img {
opacity: 0.7;
}
@media screen and (max-width: 768px) {
.footer_contact dl {
margin-left: 20px;
margin-right: 20px;
}
.footer_contact dl dt {
font-size:16px;
}
.footer_contact dl dd {
flex-direction: column;
}
.footer_contact dl dd > div:nth-of-type(1){
border-right: 0;
border-bottom: 1px solid rgb(0,113,188);
}
.footer_contact dl dd > div:nth-of-type(2){
padding-left: 0;
}
}

/**
* スポット
----------------------------------------------------------------*/

#spot_index_mvis {
position: relative;
width: 100%;
background: url("https://my-nori.jp/wp-content/themes/mynori/image/article/index/mvis.png") no-repeat 50% 50% / cover;
}

#spot_index_mvis .base {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 768px) {
#spot_index_mvis .base {
min-height: 0;
height: 768px;
}
}

#spot_index_mvis .lead01 {
font-size: 34px;
font-weight: bold;
text-align: center;
color: white;
text-shadow: 0px 2px 6px rgba(0,0,0,.4);
}
#spot_index_mvis .lead02 {
font-size: 48px;
color: rgb(0,113,188);
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
}
@media screen and (max-width: 1024px) {
#spot_index_mvis .lead01 {
font-size: 24px;
}
#spot_index_mvis .lead02 {
font-size: 32px;
}
}
@media screen and (max-width: 768px) {
#spot_index_mvis .lead01 {
font-size: 28px;
}
#spot_index_mvis .lead02 {
font-size: 24px;
}
}

#spot_index_leadvis {
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/bg/bg_whitecar.png") no-repeat center top / 100%;
}
@media screen and (max-width: 768px) {
#spot_index_leadvis {
background-image: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/bg/bg_whitecar_sp.png");
}
}
#spot_index_gallery {
display: flex;
}
#spot_index_gallery div {
display: flex;
flex-wrap: wrap;
}
#spot_index_gallery div:nth-of-type(1) {
flex-basis: 46.16%;
}
#spot_index_gallery div:nth-of-type(2) {
flex-basis: 30.47%;
}
#spot_index_gallery div:nth-of-type(3) {
flex-basis: 23.08%;
}
#spot_index_gallery img {
display: inline;
}
#spot_index_gallery div:nth-of-type(1) img {
width: 100%;
}
#spot_index_gallery div:nth-of-type(2) img:nth-of-type(1) {
width: 100%;
}
#spot_index_gallery div:nth-of-type(2) img:nth-of-type(2) {
width: 50%;
}
#spot_index_gallery div:nth-of-type(2) img:nth-of-type(3) {
width: 50%;
}
#spot_index_gallery div:nth-of-type(3) img {
width: 100%;
}
@media screen and (max-width: 768px){
#spot_index_gallery {
display:block;
}
#spot_index_gallery div {
display: flex;
}
#spot_index_gallery div:nth-of-type(1) {
}
#spot_index_gallery div:nth-of-type(2) {
}
#spot_index_gallery div:nth-of-type(3) {
}
#spot_index_gallery img {
}
#spot_index_gallery div:nth-of-type(1) img {
}
#spot_index_gallery div:nth-of-type(2) img:nth-of-type(1) {
width:33.33%;
flex-basis: 33.33%;
}
#spot_index_gallery div:nth-of-type(2) img:nth-of-type(2) {
width:33.33%;
flex-basis: 33.33%;
}
#spot_index_gallery div:nth-of-type(2) img:nth-of-type(3) {
width:33.33%;
flex-basis: 33.33%;
}
#spot_index_gallery div:nth-of-type(3) img {
flex-basis: 50%;
width: 50%;
}
}

#spot_index_strength {
background: rgb(233,245,252) url("https://my-nori.jp/wp-content/themes/mynori/image/interface/bg/bg_gauss.png") no-repeat right top / auto;
}
#spot_index_vehicles p {
text-align:center;
padding-top: 20px;
}
#spot_index_voices {
background: rgb(233,245,252);
}
#spot_index_voices > .base > .has_underline:not(:last-of-type) {
position: relative;
}
#spot_index_voices > .base > .has_underline:not(:last-of-type)::after {
content: "";
display: block;
width: calc(100% - 80px);
height: 1px;
position: absolute;
bottom: 0px;
left: 40px;
background: #ccc;
}
@media screen and (max-width: 768px) {
#spot_index_voices > .base > .has_underline:not(:last-of-type)::after {
width: calc(100% - 40px);
left: 20px;
}
}
#spot_about_stores {
background: rgb(233,245,252);
}
#spot_about_stores a img {
transition: 0.2s;
opacity: 1;
}
#spot_about_stores a.hover img {
opacity: 0.8;
}
#spot_fc_mvis {
background: url("https://my-nori.jp/wp-content/themes/mynori/image/article/fc/mvis.png") no-repeat 50% 50% / cover;
height: 88vh;
display: flex;
justify-content: center;
}
#spot_fc_mvis p {
font-size: 50px;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
color: rgb(0,113,188);
text-align: center;
padding-top: 150px;
}
#spot_fc_mvis img {
width: 400px;
}
#spot_fc_mvis h1 {
color: white;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 80px;
font-weight: bold;
text-shadow: 0 0 4px rgba(255,255,255,0.2);
text-align: center;
}
@media screen and (max-width: 768px) {
#spot_fc_mvis {
background: url("https://my-nori.jp/wp-content/themes/mynori/image/article/fc/mvis_sp.png") no-repeat 50% 100% / cover;
max-height: 1024px;
}
#spot_fc_mvis p {
font-size: 28px;
}
#spot_fc_mvis h1 {
font-size: 40px;
}
}
#spot_fc_section01 {
margin-top:-120px;
}
@media screen and (max-width: 768px) {
#spot_fc_section01 {
margin-top:-60px;
}
#spot_fc_section02 p {
font-size: 6.8vw;
}
}
#spot_fc_section03 {
background: url("https://my-nori.jp/wp-content/themes/mynori/image/article/fc/bg_about.png") no-repeat 50% 50% / cover;
}
@media screen and (max-width: 768px) {
#spot_fc_section03 {
background: url("https://my-nori.jp/wp-content/themes/mynori/image/article/fc/bg_about_sp.png") no-repeat 50% 50% / cover;
}
}
#spot_fc_section04 {
background: rgb(233,245,252) url("https://my-nori.jp/wp-content/themes/mynori/image/interface/bg/bg_gauss.png") no-repeat 100% 3% / auto;
}
#spot_fc_section05 {
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/bg/bg_graphpaper.png") repeat 0 0;
}
#spot_fc_section06 .h4 {
margin-bottom: 10px;
}
#spot_fc_section06 > .base > .has_underline:not(:last-of-type) {
position: relative;
padding-bottom: 40px;
margin-bottom: 40px;
}
#spot_fc_section06 > .base > .has_underline:not(:last-of-type)::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 40px;
width: calc(100% - 80px);
height: 1px;
background: #ccc;
}
@media screen and (max-width: 768px) {
#spot_fc_section06 > .base > .has_underline:not(:last-of-type)::after {
left: 20px;
width: calc(100% - 40px);
}
}
#spot_fc_section08 .position{
margin-top: 20px;
text-align:right;
}
#spot_fc_section08 .name {
text-align:right;
font-size: 24px;
}
#spot_mainorinet_mvis {
background: url("https://my-nori.jp/wp-content/themes/mynori/image/article/mynorinet/mvis_visual.png") no-repeat 50% 50% / cover;
}
@media screen and (max-width: 768px) {
#spot_mainorinet_mvis {
background: url("https://my-nori.jp/wp-content/themes/mynori/image/article/mynorinet/mvis_visual_sp.png") no-repeat 50% 50% / cover;
}
}
#spot_mainorinet_section01 header {
position: relative;
background: #c1272d;
}
#spot_mainorinet_section01 header::after {
position: absolute;
bottom: -30px;
left: calc(50% - 80px);
content: "";
display: block;
width: 160px;
height: 30px;
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/icons/arrow_bottom_red.png") no-repeat 50% 50% / auto;
}
#spot_mainorinet_section01 > div {
background: rgb(10,10,10) url("https://my-nori.jp/wp-content/themes/mynori/image/article/mynorinet/bg_leadvis.png") no-repeat 100% 50% / auto 100%;
padding-left:20px;
padding-right: 20px;
}
#spot_mainorinet_section01 > div > div > h2 > img{
display: inline-block;
}
#spot_mainorinet_section01 > div > div > p {
color: white;
font-size: 28px;
}
#spot_mainorinet_section01 > footer {
padding: 40px 20px;
background: rgb(0,113,188);
color: white;
font-size: 32px;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
#spot_mainorinet_section01 header::after {
bottom: -15px;
left: calc(50% - 40px);
width: 80px;
height: 15px;
background: url("https://my-nori.jp/wp-content/themes/mynori/image/interface/icons/arrow_bottom_red.png") no-repeat 50% 0 / 100% 100%;
}
}
#spot_mainorinet_case {
background: #f0eee8;
}
#spot_mainorinet_case section {
padding-left: 20px;
padding-right: 20px;
}
#spot_mynorinet_threemerits h3 {
margin-top: 10px;
}
#spot_mainorinet_case footer {
background: #f0eee8;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (max-width: 768px) {
#spot_mainorinet_section01 > div > div > h2 > img{
width:60%;
}
#spot_mainorinet_section01 > div {
padding: 30px 20px 20px;
background-position: 120% 50%;
}
#spot_mainorinet_section01 > div > div > p {
font-size: 16px;
}
#spot_mainorinet_section01 > footer {
padding: 20px;
font-size: 20px;
}
}

#spot_seminar {
background: rgb(229,229,229);
}
#spot_news article:not(:last-child){
border-bottom: 1px dotted #ccc;
}
#spot_news article div {
margin: 5px 0 10px;
}
#spot_news article time {
color: rgb(0,113,188);
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#spot_news > div.base {
padding: 0 40px;
}
@media screen and (max-width: 768px) {
#spot_news > div.base {
padding: 0 20px;
}
}

#caution{
width:600px;
margin:40px auto 0;
border:3px solid crimson;
padding:10px 20px;
box-sizing:border-box;
}
#caution > h2{
	font-size:130%;
	color:crimson;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}
@media screen and (max-width: 768px){
	#caution{
		width:auto;
		margin:20px 20px 0;
	}
}

/**
* ContactFormカスタマイズ
----------------------------------------------------------------*/
/* メッセージ：成功時 */
.wpcf7 form.sent .wpcf7-response-output{
background:#d5edda;
color:#185626;
border:1px solid #c4e5cc !important;
padding:10px
}

/* メッセージ：失敗時 */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb !important;
padding:10px
}

/* 個別：エラー文 */
.wpcf7-not-valid-tip{
background:#f7d7da !important;
color:#711d26 !important;
margin-top:5px;
padding: 5px;
font-size:12px !important;
}

span.wpcf7-form-control,
span.wpcf7-list-item{ display:block !important; }
span.wpcf7-spinner{
display:block !important;
text-align:center;
}