@charset "utf-8";

/*reset-----------*/
html {font-size: 62.5%;}
/*size10px*/

body { font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

body {
	font-family: 'Noto Sans JP', sans-serif;
	color: rgba(51,51,51,1);
}

* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media all and (-ms-high-contrast:none) {
body { overflow-x: hidden;}
}

a {text-decoration: none;}
a:link {color:rgba(51,51,51,1);}
a:visited{ color: rgba(51,51,51,1);}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:1rem; line-height: 2.5rem;}
p { font-size:1rem; line-height: 2.5rem;}
img {vertical-align: middle;}

p,a {
	color: rgba(51,51,51,1);
}
/*-----------reset*/

/*
共通スタイル common_
-------------------------*/
@media (min-width:960px){
.pc {display: inherit;}
.tb {display: none;}
.pctb {display: inherit;}
.tbsp {display: none;}
.sp {display: none;}
/*all_line*/
.all_line {
border: solid 15px #fff;
}
/*パンクズ*/
.breadcrumb {
background: rgba(240,240,240,1.00);
padding: 10px 0 10px 50px;
width: 100%;
}
.breadcrumb li {
display: inline;
font-size: 1.3rem;
}
.breadcrumb a span {
text-decoration: underline;
}
.breadcrumb a:after {
content:">";
margin: 0 10px;
}


/*アニメーション*/
.fade_animation_style {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fade_animation;
animation-name: fade_animation;
visibility: visible !important;
}
@-webkit-keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.animation_window {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: animation_window;
animation-name: animation_window;
visibility: visible !important;
}
@keyframes animation_window {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/*hover*/
.logo h1 img:hover,
.head_wrap .item a:hover span,
.top_wrap .box a:hover,
.message_wrap a:hover,
.contact_door a:last-of-type:hover,
.foot_nav li:hover,
.recruit_wrap a:hover {
opacity: .4;
}


}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.pc {display: none;}
.tb {display: inherit;}
.pctb {display: inherit;}
.tbsp {display: inherit;}
.sp {display: none;}

/*all_line*/
.all_line {
border: solid 15px #fff;
}
/*パンクズ*/
.breadcrumb {
background: rgba(240,240,240,1.00);
padding: 10px 0 10px 30px;
width: 100%;
}
.breadcrumb li {
display: inline;
font-size: 1.3rem;
}
.breadcrumb a span {
text-decoration: underline;
}
.breadcrumb a:after {
content:">";
margin: 0 10px;
}


/*アニメーション*/
.fade_animation_style {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fade_animation;
animation-name: fade_animation;
visibility: visible !important;
}
@-webkit-keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.animation_window {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: animation_window;
animation-name: animation_window;
visibility: visible !important;
}
@keyframes animation_window {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


}/*close*/


@media (max-width:599px){
.pc {display: none;}
.tb {display: none;}
.pctb {display: none;}
.tbsp {display: inherit;}
.sp {display: inherit;}

/*all_line*/
.all_line {
border: solid 10px #fff;
}
/*パンクズ*/
.breadcrumb {
background: rgba(240,240,240,1.00);
padding: 10px 0 10px 20px;
width: 100%;
}
.breadcrumb li {
display: inline;
font-size: 1.1rem;
}
.breadcrumb a span {
text-decoration: underline;
}
.breadcrumb a:after {
content:">";
margin: 0 10px;
}

/*アニメーション*/
.fade_animation_style {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fade_animation;
animation-name: fade_animation;
visibility: visible !important;
}
@-webkit-keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fade_animation {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.animation_window {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: animation_window;
animation-name: animation_window;
visibility: visible !important;
}
@keyframes animation_window {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


}/*close*/

/*----------------------
▼ヘッダー▼
----------------------*/
@media (min-width:960px){
/*head_box*/
.head_wrap {
position: relative;
height: 700px;
overflow: hidden;
width: 100%;
}
.head_wrap_under {
position: relative;
height: 120px;
overflow: hidden;
width: 100%;
}

.head_wrap .logo,
.head_wrap_under .logo {
position: absolute;
top: 25px;
left: 50px;
z-index: 100;
}
.head_wrap .logo img,
.head_wrap_under .logo img {
height: 70px;;
width: auto;
}
.head_wrap .item,
.head_wrap_under .item {
position: fixed;
top: 0px;
right: 70px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
z-index: 10;
transition: .4s;
}
.head_wrap .item a,
.head_wrap_under .item a {
display: block;
color: #fff;
font-size: 1.5rem;
height: 70px;
line-height: 70px;
padding: 0 50px;
}
.head_wrap .item a::after,
.head_wrap_under .item a::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}
.head_wrap .item a:first-of-type,
.head_wrap_under .item a:first-of-type {
background:#F15A24;
}
.head_wrap .item a:last-of-type,
.head_wrap_under .item a:last-of-type {
background:#F7931E;
}
.head_wrap .item a img,
.head_wrap_under .item a img {
height: .8em;
margin: 0 7px 2px 0;
}

/*main_pic*/
.head_wrap .main_pic {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: -1;
}
.head_wrap_under .main_pic {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: -1;
width: 100%;
}
.head_wrap_under .main_pic img {
height: auto;
width: 100%;
}

.head_wrap .main_pic img {
animation: animepic 2.5s ease-out;
}
@keyframes animepic {
0% {transform: scale(1.1); opacity: 0;}
100% {transform: scale(1);}
}
/*ヒーローテキスト*/
.head_wrap .main_txt {
position: absolute;
top: 50%;
left: 50px;
-webkit-transform: translateY(-50%) translateX(0%);
-ms-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
}
.head_wrap .main_txt h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 3.5rem;
font-weight: bold;
line-height: 1.3em;
letter-spacing: .4em;
color: rgba(51,51,51,1.00);
}
.head_wrap .main_txt h2 span {
display: block;
font-size: 2rem;
font-weight: bold;
letter-spacing: .1em;
margin: 0 0 15px;
}
.head_wrap .main_txt p {
color: rgba(51,51,51,1.00);
font-size: 1.8rem;
font-weight: bold;
margin: 20px 0 0;
letter-spacing: .2em;
}
.head_wrap .main_txt .animation {
animation: fadeIn 2s ease 1.7s 1 normal backwards;
-webkit-animation: fadeIn 1.7s ease 2s 1 normal backwards;
-ms-animation: fadeIn 2s ease 1.7s 1 normal backwards;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
/*head_box*/
.head_wrap {
position: relative;
height: 600px;
overflow: hidden;
width: 100%;
}
.head_wrap_under {
position: relative;
height: 120px;
overflow: hidden;
width: 100%;
}

.head_wrap .logo,
.head_wrap_under .logo {
position: absolute;
top: 25px;
left: 30px;
z-index: 100;
}
.head_wrap .logo img,
.head_wrap_under .logo img {
height: 70px;;
width: auto;
}
.head_wrap .item,
.head_wrap_under .item {
position: fixed;
top: 0px;
right: 70px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
z-index: 10;
}
.head_wrap .item a,
.head_wrap_under .item a {
display: block;
color: #fff;
font-size: 1.3rem;
height: 70px;
line-height: 70px;
padding: 0 30px;
}
.head_wrap .item a::after,
.head_wrap_under .item a::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}
.head_wrap .item a:first-of-type,
.head_wrap_under .item a:first-of-type {
background:#F15A24;
}
.head_wrap .item a:last-of-type,
.head_wrap_under .item a:last-of-type {
background:#F7931E;
}
.head_wrap .item a img,
.head_wrap_under .item a img {
height: .8em;
margin: 0 7px 2px 0;
}

/*main_pic*/
.head_wrap .main_pic {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: -1;
}
.head_wrap_under .main_pic {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: -1;
width: 100%;
}
.head_wrap_under .main_pic img {
height: auto;
width: 100%;
}

.head_wrap .main_pic img {
animation: animepic 2.5s ease-out;
}
@keyframes animepic {
0% {transform: scale(1.1); opacity: 0;}
100% {transform: scale(1);}
}
/*ヒーローテキスト*/
.head_wrap .main_txt {
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%) translateX(0%);
-ms-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
}
.head_wrap .main_txt h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 3.5rem;
font-weight: bold;
line-height: 1.3em;
letter-spacing: .4em;
color: rgba(51,51,51,1.00);
}
.head_wrap .main_txt h2 span {
display: block;
font-size: 2rem;
font-weight: bold;
letter-spacing: .1em;
margin: 0 0 15px;
}
.head_wrap .main_txt p {
color: rgba(51,51,51,1.00);
font-size: 1.8rem;
font-weight: bold;
margin: 20px 0 0;
letter-spacing: .2em;
}
.head_wrap .main_txt .animation {
animation: fadeIn 2s ease 1.7s 1 normal backwards;
-webkit-animation: fadeIn 1.7s ease 2s 1 normal backwards;
-ms-animation: fadeIn 2s ease 1.7s 1 normal backwards;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
}/*close*/

@media (max-width:599px){
/*head_box*/
.head_wrap {
position: relative;
height: 500px;
overflow: hidden;
width: 100%;
}
.head_wrap_under {
position: relative;
height: 100px;
overflow: hidden;
width: 100%;
}

.head_wrap .logo,
.head_wrap_under .logo {
position: absolute;
top: 20px;
left: 20px;
z-index: 100;
}
.head_wrap .logo img,
.head_wrap_under .logo img {
height: 50px;;
width: auto;
}
.head_wrap .item,
.head_wrap_under .item {
position: fixed;
top: 0px;
right: 60px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
z-index: 10;
}
.head_wrap .item a,
.head_wrap_under .item a {
display: block;
color: #fff;
height: 60px;
line-height: 60px;
text-align: center;
width: 60px;
}
.head_wrap .item a:first-of-type,
.head_wrap_under .item a:first-of-type {
background:#F15A24;
}
.head_wrap .item a:last-of-type,
.head_wrap_under .item a:last-of-type {
background:#F7931E;
}
.head_wrap .item a img,
.head_wrap_under .item a img {
height: auto;
margin: 0 0 0;
width: 20px;
}
.head_wrap .item a span,
.head_wrap_under .item a span {
display: none;
}

/*main_pic*/
.head_wrap .main_pic {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: -1;
}
.head_wrap_under .main_pic {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: -1;
width: 100%;
}
.head_wrap_under .main_pic img {
height: auto;
width: 100%;
}

.head_wrap .main_pic img {
animation: animepic 2.5s ease-out;
}
@keyframes animepic {
0% {transform: scale(1.1); opacity: 0;}
100% {transform: scale(1);}
}
/*ヒーローテキスト*/
.head_wrap .main_txt {
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%) translateX(0%);
-ms-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
}
.head_wrap .main_txt h2 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: bold;
line-height: 1.3em;
letter-spacing: .4em;
color: rgba(51,51,51,1.00);
}
.head_wrap .main_txt h2 span {
display: block;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: .1em;
margin: 0 0 15px;
}
.head_wrap .main_txt p {
color: rgba(51,51,51,1.00);
font-size: 1.3rem;
font-weight: bold;
line-height: 1.3em;
margin: 20px 0 0;
letter-spacing: .2em;
}
.head_wrap .main_txt .animation {
animation: fadeIn 2s ease 1.7s 1 normal backwards;
-webkit-animation: fadeIn 1.7s ease 2s 1 normal backwards;
-ms-animation: fadeIn 2s ease 1.7s 1 normal backwards;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
}/*close*/

/*----------------------
▼ナビゲーション▼
----------------------*/
@media (min-width:960px){
/*ナビゲーション*/
#top_head {
/* ナビ全体位置調整 */
position: fixed;
top: 0px;
right: 0px;
background: #C1272D;
height: 70px;
width: 70px;
cursor: pointer;
transition: .4s;
z-index: 1;
}
#mobile_head {
position: relative;
z-index: 999;
}
/* ナビOPEN時 */
#global_nav {
background: rgba(255,255,255,1);
height: auto;
max-height: 80vh;
overflow-y: auto; /*scroll用*/
z-index: 999;
/* 開いてないとき画面外配置 */
position: fixed;
top: 70px;
right: -500px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
padding: 20px 0 20px 20px;
width: 500px;
}
#global_nav::-webkit-scrollbar {
width: 10px;
}
#global_nav::-webkit-scrollbar-thumb{
background: rgba(0,160,148,1);
border-radius: 10px;
}
#global_nav::-webkit-scrollbar-track-piece {
background: rgba(204,204,204,1);
}
#global_nav ul {
z-index: 999;
}
#global_nav li {
border-bottom: dashed thin rgba(150,150,150,1.00);
text-align: left;
padding: 10px 0 10px 20px;
width: 450px;
}
#global_nav li:nth-of-type(n+7) {
border: none;
}
#global_nav a:link,
#global_nav a:visited,
#global_nav a {
display: block;
color: rgba(51,51,51,1);
font-size: 1.5rem;
font-weight: bold;
}
/* スライドアニメーション_li要素全体の移動調整 */
.open #global_nav {
-moz-transform: translateY(-500px);
-webkit-transform: translateY(-500px);
transform: translateX(-500px);
}
/*3本ライン*/
#nav_toggle {
/* 3本ライン位置調整 */
position: absolute;
right: 18px;
top: 16px;
width: 35px;
height: 36px;
z-index: 999;
transition: .4s;

}
#nav_toggle span {
/* 3本ラインデザイン */
display: block;
position: absolute;
left: 0;
background: #fff;
height: 2px;
width: 100%;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {top: 7px;}
#nav_toggle span:nth-child(2) {top: 18px;}
#nav_toggle span:nth-child(3) {top: 29px;}
/* Fixed reset */
#top_head .fixed {
padding-top: 0;
background: transparent;
}
#nav_toggle {
display: block;
}	
/* #nav-toggle 切り替えアニメーション */
.open #nav_toggle span:nth-child(1) {
top: 17px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav_toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav_toggle span:nth-child(3) {
top: 17px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*CLOSE*/
#global_nav #close {
border-top: solid thin rgba(153,153,153,1);
color: #000;
font-size: 1.5rem;
font-weight: normal;
padding: 20px 0 00px;
margin: 0px 0 0;
text-align: center;
}
#global_nav a:hover,
#global_nav #close:hover {
opacity: .4;
}
/*モーダル*/
.open .modal_wrap {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,.5);
transition: 1s;
z-index: 1;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
/*ナビゲーション*/
#top_head {
/* ナビ全体位置調整 */
position: fixed;
top: 0px;
right: 0px;
background: #C1272D;
height: 70px;
width: 70px;
cursor: pointer;
transition: .4s;
z-index: 1;
}
#mobile_head {
position: relative;
z-index: 999;
}
/* ナビOPEN時 */
#global_nav {
background: rgba(255,255,255,1);
height: auto;
max-height: 80vh;
overflow-y: auto; /*scroll用*/
z-index: 999;
/* 開いてないとき画面外配置 */
position: fixed;
top: 70px;
right: -500px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
padding: 20px 0 20px 20px;
width: 500px;
}
#global_nav::-webkit-scrollbar {
width: 10px;
}
#global_nav::-webkit-scrollbar-thumb{
background: rgba(0,160,148,1);
border-radius: 10px;
}
#global_nav::-webkit-scrollbar-track-piece {
background: rgba(204,204,204,1);
}
#global_nav ul {
z-index: 999;
}
#global_nav li {
border-bottom: dashed thin rgba(150,150,150,1.00);
text-align: left;
padding: 10px 0 10px 20px;
width: 450px;
}
#global_nav li:nth-of-type(n+7) {
border: none;
}
#global_nav a:link,
#global_nav a:visited,
#global_nav a {
display: block;
color: rgba(51,51,51,1);
font-size: 1.5rem;
font-weight: bold;
}
/* スライドアニメーション_li要素全体の移動調整 */
.open #global_nav {
-moz-transform: translateY(-500px);
-webkit-transform: translateY(-500px);
transform: translateX(-500px);
}
/*3本ライン*/
#nav_toggle {
/* 3本ライン位置調整 */
position: absolute;
right: 18px;
top: 16px;
width: 35px;
height: 36px;
z-index: 999;
}
#nav_toggle span {
/* 3本ラインデザイン */
display: block;
position: absolute;
left: 0;
background: #fff;
height: 2px;
width: 100%;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {top: 7px;}
#nav_toggle span:nth-child(2) {top: 18px;}
#nav_toggle span:nth-child(3) {top: 29px;}
/* Fixed reset */
#top_head .fixed {
padding-top: 0;
background: transparent;
}
#nav_toggle {
display: block;
}	
/* #nav-toggle 切り替えアニメーション */
.open #nav_toggle span:nth-child(1) {
top: 17px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav_toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav_toggle span:nth-child(3) {
top: 17px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*CLOSE*/
#global_nav #close {
border-top: solid thin rgba(153,153,153,1);
color: #000;
font-size: 1.5rem;
font-weight: normal;
padding: 20px 0 00px;
margin: 0px 0 0;
text-align: center;
}
/*モーダル*/
.open .modal_wrap {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,.5);
transition: 1s;
z-index: 1;
}
/*ナビアクション*/
.nav_action_style #top_head {
position: fixed;
top: 0px;
right: 0px;
background: #333;
height: 50px;
width: 50px;
cursor: pointer;
z-index: 1;
}
}/*close*/

@media (max-width:599px){
/*ナビゲーション*/
#top_head {
/* ナビ全体位置調整 */
position: fixed;
top: 0px;
right: 0px;
background: #C1272D;
height: 60px;
width: 60px;
cursor: pointer;
transition: .4s;
z-index: 100;
}
#mobile_head {
position: relative;
z-index: 999;
}
/* ナビOPEN時 */
#global_nav {
background: rgba(255,255,255,1);
height: auto;
max-height: 80vh;
overflow-y: auto; /*scroll用*/
z-index: 999;
/* 開いてないとき画面外配置 */
position: fixed;
top: 70px;
right: -500px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
padding: 20px 0 20px 20px;
width: 95%;
}
#global_nav::-webkit-scrollbar {
width: 10px;
}
#global_nav::-webkit-scrollbar-thumb{
background: rgba(0,160,148,1);
border-radius: 10px;
}
#global_nav::-webkit-scrollbar-track-piece {
background: rgba(204,204,204,1);
}
#global_nav ul {
z-index: 999;
}
#global_nav li {
border-bottom: dashed thin rgba(150,150,150,1.00);
text-align: left;
padding: 10px 0 10px 20px;
width: 90%;
}
#global_nav li:nth-of-type(n+7) {
border: none;
}
#global_nav a:link,
#global_nav a:visited,
#global_nav a {
display: block;
color: rgba(51,51,51,1);
font-size: 1.2rem;
font-weight: bold;
}
/* スライドアニメーション_li要素全体の移動調整 */
.open #global_nav {
-moz-transform: translateY(-500px);
-webkit-transform: translateY(-500px);
transform: translateX(-500px);
}
/*3本ライン*/
#nav_toggle {
/* 3本ライン位置調整 */
position: absolute;
right: 12px;
top: 10px;
width: 35px;
height: 36px;
z-index: 999;
}
#nav_toggle span {
/* 3本ラインデザイン */
display: block;
position: absolute;
left: 0;
background: #fff;
height: 2px;
width: 100%;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {top: 7px;}
#nav_toggle span:nth-child(2) {top: 18px;}
#nav_toggle span:nth-child(3) {top: 29px;}
/* Fixed reset */
#top_head .fixed {
padding-top: 0;
background: transparent;
}
#nav_toggle {
display: block;
}	
/* #nav-toggle 切り替えアニメーション */
.open #nav_toggle span:nth-child(1) {
top: 17px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav_toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav_toggle span:nth-child(3) {
top: 17px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*CLOSE*/
#global_nav #close {
border-top: solid thin rgba(153,153,153,1);
color: #000;
font-size: 1.2rem;
font-weight: normal;
padding: 20px 0 00px;
margin: 0px 0 0;
text-align: center;
}
/*モーダル*/
.open .modal_wrap {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,.5);
transition: 1s;
z-index: 1;
}
}/*close*/


/*----------------------
▼アクション▼
----------------------*/
@media (min-width:960px){
.nav_action_style #top_head {
position: fixed;
top: 0px;
right: 0px;
background: rgba(39,39,39,1.00);
height: 60px;
width: 60px;
cursor: pointer;
z-index: 1;
}
.nav_action_style #top_head #nav_toggle {
/* 3本ライン位置調整 */
position: absolute;
right: 14px;
top: 12px;
width: 35px;
height: 36px;
z-index: 999;
}
.nav_action_style .head_wrap .item,
.nav_action_style .head_wrap_under .item {
display: none;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {

.nav_action_style #top_head {
position: fixed;
top: 0px;
right: 0px;
background: rgba(39,39,39,1.00);
height: 60px;
width: 60px;
z-index: 1;
}
.nav_action_style #top_head #nav_toggle {
/* 3本ライン位置調整 */
position: absolute;
right: 14px;
top: 12px;
width: 35px;
height: 36px;
z-index: 999;
}
.nav_action_style .head_wrap .item,
.nav_action_style .head_wrap_under .item {
display: none;
}


}/*close*/

@media (max-width:599px){
.nav_action_style #top_head {
position: fixed;
top: 0px;
right: 0px;
background: rgba(39,39,39,1.00);
height: 50px;
width: 50px;
z-index: 1;
}
.nav_action_style #top_head #nav_toggle {
/* 3本ライン位置調整 */
position: absolute;
right: 9px;
top: 7px;
width: 30px;
height: 36px;
z-index: 999;
}
.nav_action_style .head_wrap .item,
.nav_action_style .head_wrap_under .item {
display: none;
}


}/*close*/



/*----------------------
▼TOP▼
----------------------*/
@media (min-width:960px){
.top_wrap .news_box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 50px 0;
}
.top_wrap .news_box .txt_item {
text-align: center;
width: 250px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.top_wrap .news_box .txt_item p {
border-bottom: solid thin rgba(0,0,0,1.00);
font-size: 2rem;
font-weight: bold;
padding: 0 0 10px;
}
.top_wrap .news_box .news_item {
width: calc(100% - 250px);
}
.top_wrap .news_box .news_item dl {
height: 200px;
overflow-y: scroll;
}
.top_wrap .news_box .news_item dt {
font-size: 1.3rem;
margin: 0 0 15px;
}
.top_wrap .news_box .news_item dt time {
color: rgba(150,150,150,1.00);
margin: 0 20px 0 0;
}
.top_wrap .news_box .news_item dt span {
font-size: 1.2rem;
color: #fff;
padding: 3px 20px;
}
.top_wrap .news_box .news_item dt .red {
background: #C1272D;
}
.top_wrap .news_box .news_item dt .orange {
background: #FBB03B;
}
.top_wrap .news_box .news_item dd {
color: #4D4D4D;
font-size: 1.5rem;
border-bottom: dashed 1px rgba(200,200,200,1.00);
padding: 0 0 15px;
margin: 0 0 20px;
}
.top_wrap .news_box .news_item dd a {
color: #0071BC;
text-decoration: underline;
}
/*box*/
.top_wrap .wrap {
background: linear-gradient(90deg, #fff 0%, #fff 20%, #F1F1F1 20%, #F1F1F1 100%);
padding: 100px 0;
}
.top_wrap .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.top_wrap .box .pic_item {
margin: 0 50px 0 0;
width: 50%;
}
.top_wrap .box .pic_item img {
height: auto;
width: 100%;
}
.top_wrap .box .txt_item {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 0 0 0 0;
width: 35%;
}
.top_wrap .box .txt_item h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 3rem;
font-weight: bold;
line-height: 1.3em;
letter-spacing: .2em;
color: rgba(51,51,51,1.00);
margin: 0 0 40px;
}
.top_wrap .box .txt_item p {
font-size: 1.5rem;
margin: 0 0 60px;
}
.top_wrap .box .txt_item a {
display: block;
border: solid thin rgba(150,150,150,1.00);
background: #fff;
font-size: 1.5rem;
text-align: center;
padding: 25px 0;
}
.top_wrap .box .txt_item a::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(-45deg);
}
/*message_wrap*/
.top_wrap .message_wrap {
background: url("images/top-2.jpg") no-repeat center;
text-align: center;
padding: 70px 0;
}
.top_wrap .message_wrap h3 {
display: inline-block;
color: #fff;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.5rem;
line-height: 1.3em;
letter-spacing: .1em;
border-bottom: solid thin #fff;
padding: 0 0 10px;
margin: 0 0 40px;
}
.top_wrap .message_wrap .txt {
margin: 0 0 50px;
}
.top_wrap .message_wrap p {
color: #fff;
font-size: 1.5rem;
line-height: 2em;
margin: 1.5em;
}
.top_wrap .message_wrap a {
display: inline-block;
background: rgba(0,0,0,.3);
border: solid thin #fff;
color: #fff;
font-size: 1.5rem;
padding: 20px 100px;
}
.top_wrap .message_wrap a::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}


}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.top_wrap .news_box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 50px 0;
}
.top_wrap .news_box .txt_item {
text-align: center;
width: 150px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.top_wrap .news_box .txt_item p {
border-bottom: solid thin rgba(0,0,0,1.00);
font-size: 1.5rem;
font-weight: bold;
padding: 0 0 10px;
}
.top_wrap .news_box .news_item {
width: calc(100% - 150px);
}
.top_wrap .news_box .news_item dl {
height: 200px;
overflow-y: scroll;
}
.top_wrap .news_box .news_item dt {
font-size: 1.3rem;
margin: 0 0 15px;
}
.top_wrap .news_box .news_item dt time {
color: rgba(150,150,150,1.00);
margin: 0 20px 0 0;
}
.top_wrap .news_box .news_item dt span {
font-size: 1.2rem;
color: #fff;
padding: 3px 20px;
}
.top_wrap .news_box .news_item dt .red {
background: #C1272D;
}
.top_wrap .news_box .news_item dt .orange {
background: #FBB03B;
}
.top_wrap .news_box .news_item dd {
color: #4D4D4D;
font-size: 1.5rem;
border-bottom: dashed 1px rgba(200,200,200,1.00);
padding: 0 0 15px;
margin: 0 0 20px;
}
.top_wrap .news_box .news_item dd a {
color: #0071BC;
text-decoration: underline;
}
/*box*/
.top_wrap .wrap {
background: linear-gradient(90deg, #fff 0%, #fff 20%, #F1F1F1 20%, #F1F1F1 100%);
padding: 50px 0;
}
.top_wrap .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.top_wrap .box .pic_item {
margin: 0 auto 0;
width: 95%;

}
.top_wrap .box .pic_item img {
height: auto;
width: 100%;
}
.top_wrap .box .txt_item {
margin: 0 auto;
width: 95%;
}
.top_wrap .box .txt_item h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.5rem;
font-weight: bold;
line-height: 1.3em;
letter-spacing: .2em;
color: rgba(51,51,51,1.00);
margin: 0 0 30px;
}
.top_wrap .box .txt_item p {
font-size: 1.5rem;
margin: 0 0 40px;
}
.top_wrap .box .txt_item a {
display: block;
border: solid thin rgba(150,150,150,1.00);
background: #fff;
font-size: 1.5rem;
text-align: center;
padding: 25px 0;
margin: 0 0 40px;
}
.top_wrap .box .txt_item a::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(-45deg);
}
/*message_wrap*/
.top_wrap .message_wrap {
background: url("images/top-2.jpg") no-repeat center;
text-align: center;
padding: 70px 0;
}
.top_wrap .message_wrap h3 {
display: inline-block;
color: #fff;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2.5rem;
line-height: 1.3em;
letter-spacing: .1em;
border-bottom: solid thin #fff;
padding: 0 0 10px;
margin: 0 0 40px;
}
.top_wrap .message_wrap .txt {
margin: 0 0 50px;
}
.top_wrap .message_wrap p {
color: #fff;
font-size: 1.3rem;
line-height: 2em;
margin: 1.5em;
}
.top_wrap .message_wrap a {
display: inline-block;
background: rgba(0,0,0,.3);
border: solid thin #fff;
color: #fff;
font-size: 1.5rem;
padding: 20px 100px;
}
.top_wrap .message_wrap a::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}

}/*close*/

@media (max-width:599px){

.top_wrap .news_box {
margin: 30px 0;
}
.top_wrap .news_box .txt_item {
margin: 0 0 40px;
text-align: center;
}
.top_wrap .news_box .txt_item p {
display: inline-block;
border-bottom: solid thin rgba(0,0,0,1.00);
font-size: 1.5rem;
font-weight: bold;
padding: 0 0 10px;
}
.top_wrap .news_box .news_item {
}
.top_wrap .news_box .news_item dl {
height: 180px;
overflow-y: scroll;
}
.top_wrap .news_box .news_item dt {
font-size: 1.3rem;
margin: 0 0 15px;
}
.top_wrap .news_box .news_item dt time {
color: rgba(150,150,150,1.00);
margin: 0 20px 0 0;
}
.top_wrap .news_box .news_item dt span {
font-size: 1.1rem;
color: #fff;
padding: 3px 20px;
}
.top_wrap .news_box .news_item dt .red {
background: #C1272D;
}
.top_wrap .news_box .news_item dt .orange {
background: #FBB03B;
}
.top_wrap .news_box .news_item dd {
color: #4D4D4D;
font-size: 1.3rem;
border-bottom: dashed 1px rgba(200,200,200,1.00);
padding: 0 0 15px;
margin: 0 0 20px;
}
.top_wrap .news_box .news_item dd a {
color: #0071BC;
text-decoration: underline;
}
/*box*/
.top_wrap .wrap {
background: linear-gradient(90deg, #fff 0%, #fff 20%, #F1F1F1 20%, #F1F1F1 100%);
padding: 50px 0;
}
.top_wrap .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.top_wrap .box .pic_item {
margin: 0 auto 0;
width: 95%;

}
.top_wrap .box .pic_item img {
height: auto;
width: 100%;
}
.top_wrap .box .txt_item {
margin: 0 auto;
width: 95%;
}
.top_wrap .box .txt_item h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 2rem;
font-weight: bold;
line-height: 1.3em;
letter-spacing: .2em;
color: rgba(51,51,51,1.00);
margin: 0 0 30px;
}
.top_wrap .box .txt_item p {
font-size: 1.3rem;
margin: 0 0 30px;
}
.top_wrap .box .txt_item a {
display: block;
border: solid thin rgba(150,150,150,1.00);
background: #fff;
font-size: 1.3rem;
text-align: center;
padding: 20px 0;
margin: 0 0 40px;
}
.top_wrap .box .txt_item a::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(-45deg);
}
/*message_wrap*/
.top_wrap .message_wrap {
background: url("images/top-2.jpg") no-repeat center;
padding: 50px 0;
text-align: center;
}
.top_wrap .message_wrap h3 {
display: inline-block;
color: #fff;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.5rem;
line-height: 1.3em;
letter-spacing: .1em;
border-bottom: solid thin #fff;
padding: 0 0 10px;
margin: 0 0 20px;
}
.top_wrap .message_wrap .txt {
margin: 0 auto 50px;
text-align: left;
width: 95%;
}
.top_wrap .message_wrap p {
color: #fff;
font-size: 1.3rem;
line-height: 2em;
margin: 1.5em;
}
.top_wrap .message_wrap a {
display: block;
background: rgba(0,0,0,.3);
border: solid thin #fff;
color: #fff;
font-size: 1.3rem;
padding: 20px 0;
margin: 0 auto;
width: 85%;
}
.top_wrap .message_wrap a::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}

}/*close*/


/*----------------------
▼事業内容▼
----------------------*/
@media (min-width:960px){
.service_wrap {
margin: 50px auto;
width: 1000px;
}
.service_wrap .title {
text-align: center;
margin: 0 0 30px;
}
.service_wrap h2 {
display: inline-block;
font-size: 2rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 30px;
}
.service_wrap .top_txt {
text-align: center;
margin: 0 0 60px;
}
.service_wrap .top_txt p {
font-size: 1.5rem;
}
/*box*/
.service_wrap .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0 0 50px;
}
.service_wrap .box .item {
position: relative;
padding: 50px 30px 30px;
width: calc(100% / 4);
}
.service_wrap .box .item:nth-of-type(odd) {
background: #660000;
}
.service_wrap .box .item:nth-of-type(even) {
background: #880000;
}
.service_wrap .box .item .circle {
position: absolute;
top: -40px;
left: 50%;
-webkit-transform: translateY(0%) translateX(-50%);
-ms-transform: translateY(0%) translateX(-50%);
transform: translateY(0%) translateX(-50%);
background: #fff;
border-radius: 100vh;
height: 70px;
width: 70px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.service_wrap .box .item .circle img {
height: auto;
width: 35%;
}
.service_wrap .box .item h3 {
color: #fff;
text-align: center;
font-size: 1.7rem;
font-weight: bold;
margin: 0 0 15px;
}
.service_wrap .box .item p {
color: #fff;
font-size: 1.3rem;
line-height: 1.5em;
}
/*under_txt*/
.service_wrap .under_txt {
text-align: center;
margin: 0 0 50px;
}
.service_wrap .under_txt p {
font-size: 1.5rem;
}


}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.service_wrap {
margin: 50px auto;
width: 100%;
}
.service_wrap .title {
text-align: center;
margin: 0 0 30px;
}
.service_wrap h2 {
display: inline-block;
font-size: 2rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 30px;
}
.service_wrap .top_txt {
text-align: center;
margin: 0 0 60px;
}
.service_wrap .top_txt p {
font-size: 1.5rem;
}
/*box*/
.service_wrap .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0 0 50px;
}
.service_wrap .box .item {
position: relative;
padding: 50px 30px 30px;
width: calc(100% / 4);
}
.service_wrap .box .item:nth-of-type(odd) {
background: #660000;
}
.service_wrap .box .item:nth-of-type(even) {
background: #880000;
}
.service_wrap .box .item .circle {
position: absolute;
top: -40px;
left: 50%;
-webkit-transform: translateY(0%) translateX(-50%);
-ms-transform: translateY(0%) translateX(-50%);
transform: translateY(0%) translateX(-50%);
background: #fff;
border-radius: 100vh;
height: 70px;
width: 70px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.service_wrap .box .item .circle img {
height: auto;
width: 35%;
}
.service_wrap .box .item h3 {
color: #fff;
text-align: center;
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 15px;
}
.service_wrap .box .item p {
color: #fff;
font-size: 1.3rem;
line-height: 1.5em;
}
/*under_txt*/
.service_wrap .under_txt {
text-align: center;
margin: 0 0 50px;
}
.service_wrap .under_txt p {
font-size: 1.5rem;
}

}/*close*/

@media (max-width:599px){

.service_wrap {
margin: 30px auto;
width: 100%;
}
.service_wrap .title {
text-align: center;
margin: 0 0 30px;
}
.service_wrap h2 {
display: inline-block;
font-size: 1.5rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 20px;
}
.service_wrap .top_txt {
margin: 0 0 30px;
}
.service_wrap .top_txt p {
font-size: 1.3rem;
}
/*box*/
.service_wrap .box {
margin: 0 0 30px;
}
.service_wrap .box .item {
position: relative;
padding: 20px 30px 30px;
}
.service_wrap .box .item:nth-of-type(odd) {
background: #660000;
}
.service_wrap .box .item:nth-of-type(even) {
background: #880000;
}
.service_wrap .box .item .circle {
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%) translateX(0%);
-ms-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
background: #fff;
border-radius: 100vh;
height: 50px;
width: 50px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.service_wrap .box .item .circle img {
height: auto;
width: 35%;
}
.service_wrap .box .item h3 {
display: inline-block;
color: #fff;
border-bottom: solid thin #fff;
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 15px 60px;
padding: 0 0 10px;
}
.service_wrap .box .item p {
color: #fff;
font-size: 1.3rem;
line-height: 1.5em;
margin: 0 0 0 60px;
}
/*under_txt*/
.service_wrap .under_txt {
margin: 0 0 50px;
}
.service_wrap .under_txt p {
font-size: 1.3rem;
}


}/*close*/

/*----------------------
▼採用▼
----------------------*/
@media (min-width:960px){
.recruit_wrap {
margin: 50px auto;
width: 1000px;
}
.recruit_wrap .title {
text-align: center;
margin: 0 0 50px;
}
.recruit_wrap h2 {
display: inline-block;
font-size: 2rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 30px;
}
.recruit_wrap .content {
background: rgba(250,250,250,1.00);
padding: 50px;
}
.recruit_wrap .content .top_txt {
margin: 0 0 0;
}
.recruit_wrap .content .top_txt p {
text-align: center;
font-size: 1.5rem;
}
.recruit_wrap .content a {
display: block;
font-size: 1.5rem;
background: #F15A24;
border-bottom: solid 10px #F7931E;
font-weight: bold;
color: #fff;
padding: 30px 0;
margin: 30px 0;
text-align: center;
}
.recruit_wrap .content a:last-of-type {
margin: 30px 0 0;
}
.recruit_wrap .content a img {
height: .9em;
width: auto;
margin: 0 0 2px 10px;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.recruit_wrap {
margin: 50px auto;
width: 100%;
}
.recruit_wrap .title {
text-align: center;
margin: 0 0 50px;
}
.recruit_wrap h2 {
display: inline-block;
font-size: 2rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 30px;
}
.recruit_wrap .content {
background: rgba(250,250,250,1.00);
padding: 50px;
}
.recruit_wrap .content .top_txt {
margin: 0 0 0;
}
.recruit_wrap .content .top_txt p {
text-align: center;
font-size: 1.5rem;
}
.recruit_wrap .content a {
display: block;
font-size: 1.5rem;
background: #F15A24;
border-bottom: solid 10px #F7931E;
font-weight: bold;
color: #fff;
padding: 30px 0;
margin: 30px 0;
text-align: center;
}
.recruit_wrap .content a:last-of-type {
margin: 30px 0 0;
}
.recruit_wrap .content a img {
height: .9em;
width: auto;
margin: 0 0 2px 10px;
}
}/*close*/

@media (max-width:599px){
.recruit_wrap {
margin: 30px auto;
width: 100%;
}
.recruit_wrap .title {
text-align: center;
margin: 0 0 30px;
}
.recruit_wrap h2 {
display: inline-block;
font-size: 1.5rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 20px;
}
.recruit_wrap .content {
background: rgba(250,250,250,1.00);
padding: 20px;
}
.recruit_wrap .content .top_txt {
margin: 0 0 0;
}
.recruit_wrap .content .top_txt p {
font-size: 1.3rem;
}
.recruit_wrap .content a {
display: block;
font-size: 1.3rem;
background: #F15A24;
border-bottom: solid 10px #F7931E;
font-weight: bold;
color: #fff;
padding: 30px 0;
margin: 30px 0;
text-align: center;
}
.recruit_wrap .content a:last-of-type {
margin: 30px 0 0;
}
.recruit_wrap .content a img {
height: .9em;
width: auto;
margin: 0 0 2px 7px;
}

}/*close*/

/*----------------------
▼会社概要▼
----------------------*/
@media (min-width:960px){
.about_wrap {
margin: 50px auto;
width: 1000px;
}
.about_wrap .title {
text-align: center;
margin: 0 0 30px;
}
.about_wrap h2 {
display: inline-block;
font-size: 2rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 30px;
}
.about_wrap .top_txt {
text-align: center;
margin: 0 0 30px;
}
.about_wrap .top_txt p {
font-size: 1.5rem;
}
/*pic*/
.about_wrap .pic {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0 0 30px;
}
.about_wrap .pic img {
height: auto;
width: 49%;
}
/*dl*/
.about_wrap dl {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin: 0 0 30px;
}
.about_wrap dl dt {
color: rgba(100,100,100,1.00);
font-size: 1.5rem;
padding: 15px 0 15px 20px;
width: 250px;
}
.about_wrap dl dd {
font-size: 1.5rem;
padding: 15px 0;
width: calc(100% - 250px);
}
.about_wrap dl dd a {
text-decoration: underline;
color: #0071BC;
}
.about_wrap dl dt:nth-of-type(odd),
.about_wrap dl dd:nth-of-type(odd) {
background: rgba(240,240,240,1.00);
}
/*map*/
.about_wrap iframe {
height: 300px;
width: 100%;
}
.about_wrap .copy_txt {
text-align: center;
margin: 10px 0;
}
.about_wrap .copy_txt p {
font-size: 1.3rem;
margin: 0 0 10px;
}
.about_wrap .copy_txt .address_btn {
cursor: pointer;
padding: 10px 30px;

}


}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.about_wrap {
margin: 50px auto;
width: 100%;
}
.about_wrap .title {
text-align: center;
margin: 0 0 30px;
}
.about_wrap h2 {
display: inline-block;
font-size: 2rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 20px;
}
.about_wrap .top_txt {
text-align: center;
margin: 0 0 30px;
}
.about_wrap .top_txt p {
font-size: 1.5rem;
}
/*pic*/
.about_wrap .pic {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0 0 30px;
}
.about_wrap .pic img {
height: auto;
width: 49%;
}
/*dl*/
.about_wrap dl {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin: 0 0 30px;
}
.about_wrap dl dt {
color: rgba(100,100,100,1.00);
font-size: 1.5rem;
padding: 15px 0 15px 20px;
width: 200px;
}
.about_wrap dl dd {
font-size: 1.5rem;
padding: 15px 0;
width: calc(100% - 200px);
}
.about_wrap dl dd a {
text-decoration: underline;
color: #0071BC;
}
.about_wrap dl dt:nth-of-type(odd),
.about_wrap dl dd:nth-of-type(odd) {
background: rgba(240,240,240,1.00);
}
/*map*/
.about_wrap iframe {
height: 300px;
width: 100%;
}
.about_wrap .copy_txt {
text-align: center;
margin: 10px 0;
}
.about_wrap .copy_txt p {
font-size: 1.3rem;
margin: 0 0 10px;
}
.about_wrap .copy_txt .address_btn {
cursor: pointer;
padding: 10px 30px;

}
}/*close*/

@media (max-width:599px){

.about_wrap {
margin: 30px auto;
width: 100%;
}
.about_wrap .title {
text-align: center;
margin: 0 0 30px;
}
.about_wrap h2 {
display: inline-block;
font-size: 1.5rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 20px;
}
.about_wrap .top_txt {
margin: 0 0 20px;
}
.about_wrap .top_txt p {
font-size: 1.3rem;
}
/*pic*/
.about_wrap .pic {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0 0 20px;
}
.about_wrap .pic img {
height: auto;
width: 49%;
}
/*dl*/
.about_wrap dl {
margin: 0 0 30px;
}
.about_wrap dl dt {
color: rgba(100,100,100,1.00);
font-size: 1.3rem;
padding: 15px 20px 0px 10px;
}
.about_wrap dl dt:before {
content: "—";
margin: 0 5px 0 0;
}
.about_wrap dl dd {
font-size: 1.3rem;
padding: 10px 20px 15px 27px;
}
.about_wrap dl dd a {
text-decoration: underline;
color: #0071BC;
}
.about_wrap dl dt:nth-of-type(odd),
.about_wrap dl dd:nth-of-type(odd) {
background: rgba(240,240,240,1.00);
}
/*map*/
.about_wrap iframe {
height: 250px;
width: 100%;
}
.about_wrap .copy_txt {
text-align: center;
margin: 10px 0;
}
.about_wrap .copy_txt p {
font-size: 1.2rem;
margin: 0 0 10px;
}
.about_wrap .copy_txt .address_btn {
font-size: 1.2rem;
padding: 10px 30px;

}

}/*close*/

/*----------------------
▼お問い合わせ▼
----------------------*/
@media (min-width:960px){
.contact_wrap {
margin: 50px auto;
width: 1000px;
}
.contact_wrap .title {
text-align: center;
margin: 0 0 30px;
}
.contact_wrap h2 {
display: inline-block;
font-size: 2rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 30px;
}
.contact_wrap .top_txt {
text-align: center;
margin: 0 0 50px;
}
.contact_wrap .top_txt p {
font-size: 1.5rem;
}
/* フォーム */
.form_wrap {
}
.form_wrap .item_box,
.form_wrap .item_box_message {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0 0 30px;
width: 100%;
}
.form_wrap .item_box .item_left,
.form_wrap .item_box_message .item_left {
border-bottom: solid thin rgba(102,102,102,1);
height: 40px;
width: 30%;
}
.form_wrap .item_box .item_right {
height: 45px;
width: 65%;
}
.form_wrap .item_box_message .item_right {
width: 65%;
}

.form_wrap .item_box .item_left p,
.form_wrap .item_box_message .item_left p {
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 1.5rem;
font-weight: bold;
line-height: 40px;
}
.form_wrap .submit_check_box label {
display: block;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 1.5rem;
}
.form_wrap .drop_item {
height: 40px;
margin-bottom: 40px;
width: 300px;
}
.form_wrap .txt_item {
height: 40px;
width: 100%;
}
.form_wrap .submit_check_item {
margin-right: 10px;
}
.form_wrap .item_box_message .message_item {
height: 130px;
width: 100%;
}
input[type="submit"][disabled] {
background: rgba(245,245,245,1);
color: rgba(204,204,204,1);
cursor: default;
}
.form_wrap .submit_check_box label {
cursor: pointer;
font-size: 1.3rem;
font-weight: bold;
}
.form_wrap .submit_check_box a {
color: rgba(153,0,0,1);
padding: 0 10px;
text-decoration: underline;
}

/*送信系*/
.sub_btn1,.sub_btn2 {
cursor: pointer;
}
.sub_btn_wrap {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 25px 0 20px;
width: 100%;
}
.sub_btn1 {
/*送信*/
background: #F7931E;
border: none;
border-radius : 0;
color: rgba(255,255,255,1);
font-size: 1.5rem;
font-weight: bold;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
height: 70px;
width: 65%;
}
.sub_btn2 {
/*リセット*/
background: rgba(153,153,153,.7);
border: none;
border-radius : 0;
color: rgba(255,255,255,1);
font-size: 1.5rem;
font-weight: bold;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
height: 70px;
width: 30%;
}
.sub_btn1:hover,
.sub_btn2:hover {
	opacity: .5;
}
/*注意事項*/
.autoreply_txt {
	background: rgba(245,245,245,1);
	padding: 30px;
	margin: 0 auto 80px;
	width: 1000px;
}
.autoreply_txt .top_txt {
	background: #FFF;
	padding: 30px 0;
	margin: 0 0 30px;
	text-align: center;
}
.autoreply_txt .top_txt p {
	font-size: 1.3rem;
	font-weight: bold;
}
.autoreply_txt .txt {
	margin: 0 0 20px;
}
.autoreply_txt .txt p {
	font-size: 1.3rem;
	line-height: 20px;
}
.autoreply_txt .txt p span {
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0 0 10px;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.contact_wrap {
margin: 50px auto;
width: 100%;
}
.contact_wrap .title {
text-align: center;
margin: 0 0 30px;
}
.contact_wrap h2 {
display: inline-block;
font-size: 2rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 30px;
}
.contact_wrap .top_txt {
text-align: center;
margin: 0 0 50px;
}
.contact_wrap .top_txt p {
font-size: 1.5rem;
}
/* フォーム */
.form_wrap {
}
.form_wrap .item_box,
.form_wrap .item_box_message {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0 0 30px;
width: 100%;
}
.form_wrap .item_box .item_left,
.form_wrap .item_box_message .item_left {
border-bottom: solid thin rgba(102,102,102,1);
height: 40px;
width: 25%;
}
.form_wrap .item_box .item_right {
height: 45px;
width: 70%;
}
.form_wrap .item_box_message .item_right {
width: 70%;
}
.form_wrap .item_box .item_left p,
.form_wrap .item_box_message .item_left p {
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 1.5rem;
font-weight: bold;
line-height: 40px;
}
.form_wrap .submit_check_box label {
display: block;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 1.5rem;
}
.form_wrap .drop_item {
height: 40px;
margin-bottom: 40px;
width: 300px;
}
.form_wrap .txt_item {
height: 40px;
width: 100%;
}
.form_wrap .submit_check_item {
margin-right: 10px;
}
.form_wrap .item_box_message .message_item {
height: 130px;
width: 100%;
}
input[type="submit"][disabled] {
background: rgba(245,245,245,1);
color: rgba(204,204,204,1);
cursor: default;
}
.form_wrap .submit_check_box label {
font-size: 1.3rem;
font-weight: bold;
}
.form_wrap .submit_check_box a {
color: rgba(153,0,0,1);
padding: 0 10px;
text-decoration: underline;
}
/*送信系*/
.sub_btn_wrap {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 25px 0 20px;
width: 100%;
}
.sub_btn1 {
/*送信*/
background: #F7931E;
border: none;
border-radius : 0;
color: rgba(255,255,255,1);
font-size: 1.5rem;
font-weight: bold;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
height: 70px;
width: 70%;
}
.sub_btn2 {
/*リセット*/
background: rgba(153,153,153,.7);
border: none;
border-radius : 0;
color: rgba(255,255,255,1);
font-size: 1.5rem;
font-weight: bold;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
height: 70px;
width: 25%;
}
/*注意事項*/
.autoreply_txt {
	background: rgba(245,245,245,1);
	padding: 30px;
	margin: 0 auto 80px;
	width: 100%;
}
.autoreply_txt .top_txt {
	background: #FFF;
	padding: 30px 0;
	margin: 0 0 30px;
	text-align: center;
}
.autoreply_txt .top_txt p {
	font-size: 1.3rem;
	font-weight: bold;
}
.autoreply_txt .txt {
	margin: 0 0 20px;
}
.autoreply_txt .txt p {
	font-size: 1.3rem;
	line-height: 20px;
}
.autoreply_txt .txt p span {
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0 0 10px;
}
}/*close*/

@media (max-width:599px){
.contact_wrap {
margin: 30px auto;
width: 100%;
}
.contact_wrap .title {
text-align: center;
margin: 0 0 30px;
}
.contact_wrap h2 {
display: inline-block;
font-size: 1.5rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 20px;
}
.contact_wrap .top_txt {
margin: 0 0 30px;
}
.contact_wrap .top_txt p {
font-size: 1.3rem;
}
/* フォーム */
.form_wrap {
}
.form_wrap .item_box,
.form_wrap .item_box_message {
margin: 0 0 20px;
width: 100%;
}
.form_wrap .item_box .item_left,
.form_wrap .item_box_message .item_left {
}
.form_wrap .item_box .item_right {
height: 45px;
width: 100%;
}
.form_wrap .item_box_message .item_right {
width: 100%;
}
.form_wrap .item_box .item_left p,
.form_wrap .item_box_message .item_left p {
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 1.3rem;
font-weight: bold;
}
.form_wrap .submit_check_box label {
display: block;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 1.3rem;
}
.form_wrap .drop_item {
height: 40px;
margin-bottom: 40px;
width: 80%;
}
.form_wrap .txt_item {
height: 40px;
width: 100%;
}
.form_wrap .submit_check_item {
margin-right: 10px;
}
.form_wrap .item_box_message .message_item {
height: 130px;
width: 100%;
}
input[type="submit"][disabled] {
background: rgba(245,245,245,1);
color: rgba(204,204,204,1);
cursor: default;
}
.form_wrap .submit_check_box label {
font-size: 1.3rem;
font-weight: bold;
}
.form_wrap .submit_check_box a {
color: rgba(153,0,0,1);
padding: 0 10px;
text-decoration: underline;
}
/*送信系*/
.sub_btn_wrap {
margin: 25px 0 20px;
width: 100%;
}
.sub_btn1 {
/*送信*/
background: #F7931E;
border: none;
border-radius : 0;
color: rgba(255,255,255,1);
font-size: 1.5rem;
font-weight: bold;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
height: 70px;
width: 100%;
}
.sub_btn2 {
/*リセット*/
background: rgba(153,153,153,.7);
border: none;
border-radius : 0;
color: rgba(255,255,255,1);
font-size: 1.3rem;
font-weight: bold;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
height: 50px;
margin: 0 0 10px;
width: 100%;
}
/*注意事項*/
.autoreply_txt {
background: rgba(245,245,245,1);
padding: 20px;
margin: 0 auto 30px;
width: 100%;
}
.autoreply_txt .top_txt {
background: #FFF;
padding: 20px;
margin: 0 0 30px;
}
.autoreply_txt .top_txt p {
font-size: 1.3rem;
line-height: 1.3em;
}
.autoreply_txt .txt {
margin: 0 0 20px;
}
.autoreply_txt .txt p {
font-size: 1.3rem;
line-height: 20px;
}
.autoreply_txt .txt p span {
display: block;
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 10px;
}

}/*close*/

/*----------------------
▼個人情報サイトポリシー▼
----------------------*/
@media (min-width:960px){
.pp_guide_wrap {
margin: 50px auto 80px;
width: 1000px;
}
.pp_guide_wrap .title {
text-align: center;
margin: 0 0 50px;
}
.pp_guide_wrap h2 {
display: inline-block;
font-size: 2rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 30px;
}

.pp_guide_wrap .txt {
margin: 0 0 30px;
}
.pp_guide_wrap p {
font-size: 1.3rem;
margin: 0 0 20px;
}
.pp_guide_wrap .midashi p {
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 10px;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.pp_guide_wrap {
margin: 50px auto 80px;
width: 100%;
}
.pp_guide_wrap .title {
text-align: center;
margin: 0 0 50px;
}
.pp_guide_wrap h2 {
display: inline-block;
font-size: 2rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 30px;
}

.pp_guide_wrap .txt {
margin: 0 0 30px;
}
.pp_guide_wrap p {
font-size: 1.3rem;
margin: 0 0 20px;
}
.pp_guide_wrap .midashi p {
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 10px;
}
}/*close*/

@media (max-width:599px){
.pp_guide_wrap {
margin: 30px auto;
width: 100%;
}
.pp_guide_wrap .title {
text-align: center;
margin: 0 0 40px;
}
.pp_guide_wrap h2 {
display: inline-block;
font-size: 1.5rem;
font-weight: bold;
border-bottom: solid thin rgba(39,39,39,1.00);
padding: 0 0 20px;
}

.pp_guide_wrap .txt {
margin: 0 0 30px;
}
.pp_guide_wrap p {
font-size: 1.3rem;
margin: 0 0 20px;
line-height: 1.3em;
}
.pp_guide_wrap .midashi p {
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 10px;
}

}/*close*/


/*----------------------
▼フッター▼
----------------------*/
@media (min-width:960px){
address {
font-style: normal;
}
.contact_door {
background: #FFF8EC;
padding: 50px 0;
}
.contact_door .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
background: #fff;
box-shadow: 0 10px 10px -5px rgba(204,204,204,1);
margin: 0 auto;
padding: 40px 0;
width: 1000px;
}
.contact_door .box .left_item {
border-right: solid thin rgba(100,100,100,1.00);
text-align: center;
width: 50%;
}
.contact_door .box .left_item p:first-of-type {
display: inline-block;
border-bottom: solid thin rgba(39,39,39,1.00);
color: rgba(50,50,50,1.00);
font-size: 2rem;
font-weight: bold;
padding: 0 0 20px;
margin: 0 0 20px;
}
.contact_door .box .left_item p:last-of-type {
font-size: 1.5rem;
}
.contact_door .box .right_item {
text-align: center;
width: 50%;
}
.contact_door .box .right_item a:first-of-type {
display: block;
color: rgba(50,50,50,1.00);
font-size: 3rem;
font-weight: bold;
margin: 0 0 20px;
}
.contact_door .box .right_item a:first-of-type img {
height: .8em;
margin: 0 8px 4px 0;
}
.contact_door .box .right_item a:last-of-type {
display: inline-block;
color: #fff;
background:#F7931E;
font-size: 1.5rem;
padding: 15px 30px;
}
.contact_door .box .right_item a:last-of-type img {
height: .8em;
margin: 0 8px 3px 0;
}
.contact_door .box .right_item a:last-of-type::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}
.contact_door .box .right_item p {/*電話開通まで*/
color: rgba(100,100,100,1.00);
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 20px;
}
/*scroll*/
footer .scroll {
background: rgba(150,150,150,1.00);
text-align: center;
height: 50px;
}
footer .scroll a {
display: block;
line-height: 40px;
}
footer .scroll .arrow::after {
content:"";
display: inline-block;
width: 7px;
height: 7px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
margin: 20px 0 0;
transform: rotate(-135deg);
}
/*foot_nav*/
.foot_nav {
background: rgba(240,240,240,1.00);
padding: 30px 0;
}
.foot_nav ul {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
margin: 0 auto;
width: 1000px;
}
.foot_nav ul li {
border-left: solid thin rgba(100,100,100,1.00);
width: calc(100% / 7);
text-align: center;
}
.foot_nav ul li:last-of-type {
border-right: solid thin rgba(100,100,100,1.00);
}
.foot_nav ul a {
display: block;
font-size: 1.3rem;
}
/*foot_copy*/
.foot_copy {
padding: 10px 0;
text-align: center;
}
.foot_copy small {
font-size: 1.3rem;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
address {
font-style: normal;
}
.contact_door {
background: #FFF8EC;
padding: 50px 0;
}
.contact_door .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
background: #fff;
box-shadow: 0 10px 10px -5px rgba(204,204,204,1);
margin: 0 auto;
padding: 40px 0;
width: 90%;
}
.contact_door .box .left_item {
border-right: solid thin rgba(100,100,100,1.00);
text-align: center;
width: 50%;
}
.contact_door .box .left_item p:first-of-type {
display: inline-block;
border-bottom: solid thin rgba(39,39,39,1.00);
color: rgba(50,50,50,1.00);
font-size: 1.8rem;
font-weight: bold;
padding: 0 0 15px;
margin: 0 0 15px;
}
.contact_door .box .left_item p:last-of-type {
font-size: 1.3rem;
line-height: 1.3em;
}
.contact_door .box .right_item {
text-align: center;
width: 50%;
}
.contact_door .box .right_item a:first-of-type {
display: block;
color: rgba(50,50,50,1.00);
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 20px;
}
.contact_door .box .right_item a:first-of-type img {
height: .8em;
margin: 0 8px 4px 0;
}
.contact_door .box .right_item a:last-of-type {
display: block;
color: #fff;
background:#F7931E;
font-size: 1.3rem;
padding: 15px 0;
margin: 0 auto;
width: 80%;
}
.contact_door .box .right_item a:last-of-type img {
height: .8em;
margin: 0 8px 3px 0;
}
.contact_door .box .right_item a:last-of-type::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}
.contact_door .box .right_item p {/*電話開通まで*/
color: rgba(100,100,100,1.00);
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 20px;
}

/*scroll*/
footer .scroll {
background: rgba(150,150,150,1.00);
text-align: center;
height: 50px;
}
footer .scroll a {
display: block;
line-height: 40px;
}
footer .scroll .arrow::after {
content:"";
display: inline-block;
width: 7px;
height: 7px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
margin: 20px 0 0;
transform: rotate(-135deg);
}
/*foot_nav*/
.foot_nav {
background: rgba(240,240,240,1.00);
padding: 30px 0;
}
.foot_nav ul {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin: 0 auto;
width: 90%;
}
.foot_nav ul li {
}
.foot_nav ul a {
display: block;
font-size: 1.3rem;
text-decoration: underline;
padding: 0 20px 0 0;
}
/*foot_copy*/
.foot_copy {
padding: 10px 0;
text-align: center;
}
.foot_copy small {
font-size: 1.3rem;
}
}/*close*/

@media (max-width:599px){

address {
font-style: normal;
}
.contact_door {
background: #FFF8EC;
padding: 5% 0;
}
.contact_door .box {
background: #fff;
box-shadow: 0 10px 10px -5px rgba(204,204,204,1);
margin: 0 auto;
padding: 5% 0;
width: 90%;
}
.contact_door .box .left_item {
text-align: center;
}
.contact_door .box .left_item p:first-of-type {
display: inline-block;
border-bottom: solid thin rgba(39,39,39,1.00);
color: rgba(50,50,50,1.00);
font-size: 1.5rem;
font-weight: bold;
padding: 0 0 10px;
margin: 0 0 20px;
}
.contact_door .box .left_item p:last-of-type {
font-size: 1.3rem;
line-height: 1.3em;
margin: 0 0 20px;
}
.contact_door .box .right_item {
text-align: center;
}
.contact_door .box .right_item a:first-of-type {
display: block;
color: rgba(50,50,50,1.00);
font-size: 2rem;
font-weight: bold;
margin: 0 0 20px;
}
.contact_door .box .right_item a:first-of-type img {
height: .8em;
margin: 0 8px 4px 0;
}
.contact_door .box .right_item a:last-of-type {
display: block;
color: #fff;
background:#F7931E;
font-size: 1.3rem;
padding: 15px 0;
margin: 0 auto;
width: 85%;
}
.contact_door .box .right_item a:last-of-type img {
height: .8em;
margin: 0 7px 3px 0;
}
.contact_door .box .right_item a:last-of-type::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 6px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg);
}
.contact_door .box .right_item p {/*電話開通まで*/
color: rgba(100,100,100,1.00);
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 20px;
}

/*scroll*/
footer .scroll {
background: rgba(150,150,150,1.00);
text-align: center;
height: 50px;
}
footer .scroll a {
display: block;
line-height: 40px;
}
footer .scroll .arrow::after {
content:"";
display: inline-block;
width: 7px;
height: 7px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
margin: 20px 0 0;
transform: rotate(-135deg);
}
/*foot_nav*/
.foot_nav {
background: rgba(240,240,240,1.00);
padding: 20px 0 0;
}
.foot_nav ul {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin: 0 auto;
width: 90%;
}
.foot_nav ul li {
}
.foot_nav ul a {
display: block;
font-size: 1.3rem;
text-decoration: underline;
padding: 0 20px 20px 0;
}
/*foot_copy*/
.foot_copy {
padding: 10px 0;
text-align: center;
}
.foot_copy small {
font-size: 1.3rem;
}

}/*close*/