@charset "utf-8";

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

body { font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;}

@font-face {
font-family: 'myfont_bold';
src: url('font/MOBO-Bold.woff') format('woff');
font-display: swap;
}
@font-face {
font-family: 'myfont_semi';
src: url('font/MOBO-SemiBold.woff') format('woff');
font-display: swap;
}

* {
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: #000;}
a:visited{ color: #000;}
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;}

.range_wrap {
background: #fff;
box-shadow: 10px 0px 10px -10px rgba(150,150,150,1), -10px 0px 10px -10px rgba(150,150,150,1);
margin: 0 auto;
width: 1000px;
}
.back {
background: rgba(181,226,235,.3);
background: url("images/back.jpg") top no-repeat;
background-size: cover;
position: fixed;
height: 100%;
width: 100%;
z-index: -1;
}

/*アニメーション*/
.animation_fade {
-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_fade;
animation-name: animation_fade;
visibility: visible !important;
}
.animation_fade_2 {
-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-delay:.2s;
-ms-animation-delay:.2s;
animation-delay:.2s;
-webkit-animation-name: animation_fade;
animation-name: animation_fade;
visibility: visible !important;
}
@keyframes animation_fade {
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: 600px) and (max-width: 959px) {
.pc {display: none;}
.tb {display: inherit;}
.pctb {display: inherit;}
.tbsp {display: inherit;}
.sp {display: none;}
.range_wrap {
background: #fff;
box-shadow: 10px 0px 10px -10px rgba(150,150,150,1), -10px 0px 10px -10px rgba(150,150,150,1);
margin: 0 auto;
width: 95%;
}
.back {
background: rgba(181,226,235,.3);
background: url("images/back.jpg") top no-repeat;
background-size: cover;
position: fixed;
height: 100%;
width: 100%;
z-index: -1;
}

/*アニメーション*/
.animation_fade {
-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_fade;
animation-name: animation_fade;
visibility: visible !important;
}
.animation_fade_2 {
-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-delay:.2s;
-ms-animation-delay:.2s;
animation-delay:.2s;
-webkit-animation-name: animation_fade;
animation-name: animation_fade;
visibility: visible !important;
}
@keyframes animation_fade {
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;}

.range_wrap {
background: #fff;
box-shadow: 10px 0px 10px -10px rgba(150,150,150,1), -10px 0px 10px -10px rgba(150,150,150,1);
margin: 0 auto;
width: 95%;
}
.back {

}

/*アニメーション*/
.animation_fade {
-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_fade;
animation-name: animation_fade;
visibility: visible !important;
}
.animation_fade_2 {
-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-delay:.2s;
-ms-animation-delay:.2s;
animation-delay:.2s;
-webkit-animation-name: animation_fade;
animation-name: animation_fade;
visibility: visible !important;
}
@keyframes animation_fade {
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_top_wrap {
position: fixed;
text-align: center;
height:auto;
width: 1000px;
background: rgba(130,75,76,1.00);
z-index: 1;
}

.head_top_wrap .logo_item {
position: absolute;
top: 40px;
left: 50%;
-webkit-transform: translateY(0%) translateX(-50%);
-ms-transform: translateY(0%) translateX(-50%);
transform: translateY(0%) translateX(-50%);
text-align: center;
}
.head_top_wrap .logo_item img {
height: auto;
width: 200px;
}
.head_top_wrap .sns_item {
position: absolute;
top: 48px;
right: 120px;
text-align: center;
}
.head_top_wrap .sns_item img {
height: 35px;
width: auto;
}
.head_top_wrap .sns_item a:first-of-type img {
margin: 0 20px 0 0;
}
/*nav_top*/
.nav_top ul {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 150px 0 20px;
}
.nav_top ul li + li {
border-left: solid 1px rgba(39,39,39,1.00);
}
.nav_top ul li a {
font-size: 1.3rem;
font-weight: bold;
padding: 0 15px;
}
.nav_top ul li a img {
display: inline-block;
height: 1em;
width: auto;
padding: 0 0 2px 5px;
}

/*hero*/
.hero {
position: relative;
height: 377px;
width: 100%;
}
.hero .hero_txt {
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%) translateX(0%);
-ms-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
}
.hero .hero_txt p {
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
color: #fff;
font-size: 5rem;
/*font-weight: bold;*/
font-weight: 500;

margin: 0 0 30px;
}
.hero .hero_txt p span {
font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 3.5rem;
/*font-weight: bold;*/
font-weight: 500;

padding: 0 5px;
}
.hero .hero_txt h2 {
font-family: 'myfont_semi','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
color: #fff;
font-size: 2.3rem;
font-weight: bold;
margin: 0 0 30px;
line-height: 1.3em;
letter-spacing: 4px;
}
.hero .hero_txt a {
display: block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
background: rgba(193,39,45,1.00);
padding: 20px 50px;
text-align: center;
}
.hero .hero_txt a img {
height: 1em;
margin: 0 10px 1px 0;
}
.hero .hero_txt a::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(-45deg);
}
/*ナビアクション*/
.action_style #top_head {
position: fixed;
top: 0px;
right: 0px;
background: rgba(193,39,45,1.00);
height: 60px;
width: 60px;
cursor: pointer;
z-index: 1;
}
.action_style .head_top_wrap {
display: none;
}
.action_style #nav_toggle {
/* 3本ライン位置調整 */
position: absolute;
right: 13px;
top: 10px;
width: 35px;
height: 36px;
z-index: 999;
transition: .4s;
}
.action_style #nav_toggle span {
/* 3本ラインデザイン */
display: block;
position: absolute;
left: 0;
background: #fff;
height: 3px;
width: 100%;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.head_top_wrap {
position: fixed;
text-align: center;
height:auto;
width: 100%;
background: rgba(130,75,76,1.00);
z-index: 1;
}

.head_top_wrap .logo_item {
position: absolute;
top: 40px;
left: 50%;
-webkit-transform: translateY(0%) translateX(-50%);
-ms-transform: translateY(0%) translateX(-50%);
transform: translateY(0%) translateX(-50%);
text-align: center;
}
.head_top_wrap .logo_item img {
height: auto;
width: 200px;
}
.head_top_wrap .sns_item {
position: absolute;
top: 48px;
right: 130px;
text-align: center;
}
.head_top_wrap .sns_item img {
height: 35px;
width: auto;
}
.head_top_wrap .sns_item a:first-of-type img {
margin: 0 20px 0 0;
}
/*nav_top*/
.nav_top ul {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
padding: 150px 0 20px;
}
.nav_top ul li + li {
border-left: solid 1px rgba(39,39,39,1.00);
}
.nav_top ul li a {
font-size: 1rem;
font-weight: bold;
padding: 0 10px;
}
.nav_top ul li a img {
display: inline-block;
height: 1em;
width: auto;
padding: 0 0 2px 3px;
}

/*hero*/
.hero {
position: relative;
aspect-ratio: 10 / 3.8;
width: 100%;
}
.hero .main_pic {
height: auto;
width: 100%;
}
.hero .hero_txt {
position: absolute;
top: 52%;
left: 30px;
-webkit-transform: translateY(-50%) translateX(0%);
-ms-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
}
.hero .hero_txt p {
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
color: #fff;
font-size: 4rem;
/*font-weight: bold;*/
font-weight: 500;


margin: 0 0 30px;
}
.hero .hero_txt p span {
font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 3rem;
font-weight: bold;
padding: 0 5px;
}
.hero .hero_txt h2 {
font-family: 'myfont_semi','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
color: #fff;
font-size: 2.3rem;
font-weight: bold;
margin: 0 0 30px;
line-height: 1.3em;
letter-spacing: 4px;
}
.hero .hero_txt a {
display: block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
background: rgba(193,39,45,1.00);
padding: 20px 50px;
text-align: center;
}
.hero .hero_txt a img {
height: 1em;
margin: 0 10px 1px 0;
}
.hero .hero_txt a::after {
content:"";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 1px 7px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(-45deg);
}
/*ナビアクション*/
.action_style #top_head {
position: fixed;
top: 0px;
right: 0px;
background: rgba(193,39,45,1.00);
height: 60px;
width: 60px;
cursor: pointer;
z-index: 1;
}
.action_style .head_top_wrap {
display: none;
}
.action_style #nav_toggle {
/* 3本ライン位置調整 */
position: absolute;
right: 13px;
top: 10px;
width: 35px;
height: 36px;
z-index: 999;
transition: .4s;
}
.action_style #nav_toggle span {
/* 3本ラインデザイン */
display: block;
position: absolute;
left: 0;
background: #fff;
height: 3px;
width: 100%;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}

}/*close*/

@media (max-width:599px){

.head_top_wrap {
position: relative;
text-align: center;
height: 100px;
width: 100%;
z-index: 1;
}

.head_top_wrap .logo_item {
position: absolute;
top: 30px;
left: 50%;
-webkit-transform: translateY(0%) translateX(-50%);
-ms-transform: translateY(0%) translateX(-50%);
transform: translateY(0%) translateX(-50%);
text-align: center;
}
.head_top_wrap .logo_item img {
height: auto;
width: 130px;
}
.head_top_wrap .sns_item {
display: none;
}
/*nav_top*/
.nav_top ul {
display: none;
}
/*hero*/
.hero {
position: relative;
aspect-ratio: 10 / 6;
overflow: hidden;
width: 100%;
}
.hero .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%);
height: auto;
width: 100%;
object-fit: cover;
}
.hero .hero_txt {
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translateY(-50%) translateX(0%);
-ms-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
}
.hero .hero_txt p {
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
color: #fff;
font-size: 3rem;
/*font-weight: bold;*/
font-weight: 500;
margin: 0 0 10px;
}
.hero .hero_txt p span {
font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 1.5rem;
font-weight: bold;
padding: 0 5px 20px 5px;
}
.hero .hero_txt h2 {
font-family: 'myfont_semi','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
color: #fff;
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 20px;
line-height: 1.3em;
letter-spacing: 4px;
}
.hero .hero_txt a {
display: block;
border-bottom: solid 5px #F7931E;
border-radius: 20px;
color: #fff;
font-size: 1.3rem;
font-weight: bold;
background: rgba(193,39,45,1.00);
padding: 15px 30px;
text-align: center;
}
.hero .hero_txt a img {
height: 1em;
margin: 0 10px 1px 0;
}
.hero .hero_txt a::after {
content:"";
display: inline-block;
width: 5px;
height: 5px;
margin: 0 0 1px 7px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(-45deg);
}
/*ナビアクション*/
.action_style #top_head {
position: fixed;
top: 0px;
right: 0px;
background: rgba(193,39,45,1.00);
height: 50px;
width: 50px;
z-index: 1;
}
.action_style .head_top_wrap {
display: none;
}
.action_style #nav_toggle {
/* 3本ライン位置調整 */
position: absolute;
right: 8px;
top: 6px;
width: 33px;
height: 36px;
z-index: 999;
transition: .4s;
}
.action_style #nav_toggle span {
/* 3本ラインデザイン */
display: block;
position: absolute;
left: 0;
background: #fff;
height: 3px;
width: 100%;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}


}/*close*/

/*----------------------
▼ナビゲーション▼
----------------------*/
@media (min-width:960px){
/*ナビゲーション*/
#top_head {
/* ナビ全体位置調整 */
position: fixed;
top: 30px;
margin-left: 900px;
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: 90px;
right: -400px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
padding: 20px 0 20px 20px;
width: 400px;
}
#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: 20px 0 20px 20px;
width: 350px;
}
#global_nav li:nth-of-type(n+10) {
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;
}
#global_nav .nav_look img {
height: .9em;
padding: 0 0 2px 5px;
width: auto;
}
#global_nav .nav_contact img {
padding: 0 0 2px 5px;

}
#global_nav .nav_sns img {
height: .9em;
width: auto;
padding: 0 0 2px 5px;

}
/* スライドアニメーション_li要素全体の移動調整 */
.open #global_nav {
-moz-transform: translateY(-400px);
-webkit-transform: translateY(-400px);
transform: translateX(-400px);
}
/*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: rgba(51,51,51,1);
height: 3px;
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);
background: #fff;
}
.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);
background: #fff;
}
/*CLOSE*/
#global_nav #close {
border-top: solid thin rgba(153,153,153,1);
color: #000;
font-size: 1.3rem;
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: 30px;
right: 30px;
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: 100px;
right: -400px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
padding: 20px 0 20px 20px;
width: 400px;
}
#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: 20px 0 20px 20px;
width: 350px;
}
#global_nav li:nth-of-type(n+10) {
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;
}
#global_nav .nav_look img {
height: .9em;
padding: 0 0 2px 5px;
width: auto;
}
#global_nav .nav_contact img {
padding: 0 0 2px 5px;
}
#global_nav .nav_sns img {
height: .9em;
width: auto;
padding: 0 0 2px 5px;
}

/* スライドアニメーション_li要素全体の移動調整 */
.open #global_nav {
-moz-transform: translateY(-400px);
-webkit-transform: translateY(-400px);
transform: translateX(-400px);
}
/*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: rgba(51,51,51,1);
height: 3px;
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);
background: #fff;
}
.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);
background: #fff;
}
/*CLOSE*/
#global_nav #close {
border-top: solid thin rgba(153,153,153,1);
color: #000;
font-size: 1.3rem;
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 (max-width:599px){
/*ナビゲーション*/
#top_head {
/* ナビ全体位置調整 */
position: fixed;
top: 12px;
right: 15px;
height: 70px;
width: 70px;
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: 80px;
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 10px;
width: 95%;
}
#global_nav li:nth-of-type(n+10) {
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;
}
#global_nav .nav_look img {
height: .9em;
padding: 0 0 2px 5px;
width: auto;
}
#global_nav .nav_contact img {
padding: 0 0 2px 5px;
}
#global_nav .nav_sns img {
height: .9em;
padding: 0 0 2px 5px;
width: auto;
}
/* スライドアニメーション_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: rgba(51,51,51,1);
height: 3px;
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);
background: #fff;
}
.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);
background: #fff;
}
/*CLOSE*/
#global_nav #close {
border-top: solid thin rgba(153,153,153,1);
color: #000;
font-size: 1.2rem;
font-weight: normal;
padding: 10px 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*/

/*----------------------
▼lottery_wrap▼
----------------------*/
@media (min-width:960px){
.lottery_wrap {
background: rgba(245,245,245,1.00);
box-shadow: 0px 10px 10px -10px rgba(150,150,150,1);
margin: 30px 30px 40px;
padding: 20px 160px;
}
.lottery_wrap .title {
text-align: center;
font-size: 1.7rem;
font-weight: bold;
margin: 0 0 20px;
display: flex;
justify-content: center;
align-items: center;
}
.lottery_wrap .title::before,
.lottery_wrap .title::after {
content: "";
background: rgba(100,100,100,1.00);
height: 2px;
width: 15px;
}
.lottery_wrap .title::before {
margin-right: 10px;
transform: rotate(60deg); 
}
.lottery_wrap .title::after {
margin-left: 10px;
transform: rotate(-60deg); 
}
.lottery_wrap .date {
background: #fff;
padding: 15px 100px;
margin: 0 0 20px;
}
.lottery_wrap .date p {
color: rgba(100,100,100,1.00);
font-size: 1.1rem;
font-weight: bold;
padding: 5px 0 5px 20px;
}
.lottery_wrap .date_line {
border-bottom: solid thin rgba(180,180,180,1.00);
}
.lottery_wrap .date p:last-of-type {
margin: 10px 0 0;
}
.lottery_wrap .txt {
font-size: 1.3rem;
font-weight: bold;
text-align: center;
}



}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.lottery_wrap {
background: rgba(245,245,245,1.00);
box-shadow: 0px 10px 10px -10px rgba(150,150,150,1);
margin: 30px 30px;
padding: 20px 50px;
}
.lottery_wrap .title {
font-size: 1.7rem;
font-weight: bold;
margin: 0 0 20px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.lottery_wrap .title::before,
.lottery_wrap .title::after {
content: "";
background: rgba(100,100,100,1.00);
height: 2px;
width: 15px;
}
.lottery_wrap .title::before {
margin-right: 10px;
transform: rotate(60deg); 
}
.lottery_wrap .title::after {
margin-left: 10px;
transform: rotate(-60deg); 
}
.lottery_wrap .date {
background: #fff;
padding: 15px 50px;
margin: 0 0 10px;
}
.lottery_wrap .date p {
color: rgba(100,100,100,1.00);
font-size: 1.1rem;
font-weight: bold;
padding: 5px 0 5px 20px;
}
.lottery_wrap .date_line {
border-bottom: solid thin rgba(180,180,180,1.00);
}
.lottery_wrap .date p:last-of-type {
margin: 10px 0 0;
}
.lottery_wrap .txt {
color: rgba(100,100,100,1.00);
font-size: 1.3rem;
font-weight: bold;
text-align: center;
}


}/*close*/

@media (max-width:599px){
.lottery_wrap {
background: rgba(245,245,245,1.00);
box-shadow: 0px 10px 10px -10px rgba(150,150,150,1);
margin: 30px 2.5%;
padding: 15px 10px;
}
.lottery_wrap .title {
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 15px;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
}
.lottery_wrap .title::before,
.lottery_wrap .title::after {
content: "";
background: rgba(100,100,100,1.00);
height: 2px;
width: 15px;
}
.lottery_wrap .title::before {
margin-right: 10px;
transform: rotate(60deg); 
}
.lottery_wrap .title::after {
margin-left: 10px;
transform: rotate(-60deg); 
}
.lottery_wrap .date {
background: #fff;
padding: 10px 10px;
margin: 0 0 10px;
}
.lottery_wrap .date p {
color: rgba(100,100,100,1.00);
font-size: 1rem;
font-weight: bold;
padding: 5px 0 5px 5px;
}
.lottery_wrap .date_line {
border-bottom: solid thin rgba(180,180,180,1.00);
}
.lottery_wrap .date p:last-of-type {
margin: 10px 0 0;
line-height: 1.5em;
}
.lottery_wrap .txt {
color: rgba(100,100,100,1.00);
font-size: 1.2rem;
font-weight: bold;
}

}/*close*/

/*----------------------
▼NEWS▼
----------------------*/
@media (min-width:960px){

.news_wrap {
margin: 30px 0 50px;
}
.news_wrap dl {
height: 250px;
padding: 20px 30px;
overflow-y: scroll;
}
.news_wrap dl dt {
color: rgba(140,140,140,1.00);
font-size: 1.3rem;
margin: 0 0 10px;
padding: 0 30px;
}
.news_wrap dl dt span {
font-size: 1.2rem;
display: inline-block;
margin: 0 0 0 20px;
padding: 0 0 3px;
width: 70px;
text-align: center;
}
.news_wrap dl .orange {
background: #fbb03b;
color: #fff;
}
.news_wrap dl .red {
background: rgba(193,39,45,1.00);
color: #fff;
}
.news_wrap dl dd {
border-bottom: dashed thin rgba(150,150,150,1.00);
color: rgba(51,51,51,1.00);
font-size: 1.3rem;
font-weight: bold;
padding: 0 30px 20px;
margin: 0 0 20px;
}
.news_wrap dl dd a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.news_wrap {
margin: 30px 0 50px;
}
.news_wrap dl {
height: 250px;
padding: 20px 30px;
overflow-y: scroll;
}
.news_wrap dl dt {
color: rgba(140,140,140,1.00);
font-size: 1.3rem;
margin: 0 0 10px;
padding: 0 30px;
}
.news_wrap dl dt span {
font-size: 1.2rem;
display: inline-block;
margin: 0 0 0 20px;
padding: 0 0 3px;
width: 70px;
text-align: center;
}
.news_wrap dl .orange {
background: #fbb03b;
color: #fff;
}
.news_wrap dl .red {
background: rgba(193,39,45,1.00);
color: #fff;
}
.news_wrap dl dd {
border-bottom: dashed thin rgba(150,150,150,1.00);
color: rgba(51,51,51,1.00);
font-size: 1.3rem;
font-weight: bold;
padding: 0 30px 20px;
margin: 0 0 20px;
}
.news_wrap dl dd a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}

}/*close*/

@media (max-width:599px){
.news_wrap {
margin: 30px 0 50px;
}
.news_wrap dl {
height: 220px;
padding: 20px 2.5%;
overflow-y: scroll;
}
.news_wrap dl dt {
color: rgba(140,140,140,1.00);
font-size: 1.3rem;
margin: 0 0 10px;
padding: 0 10px;
}
.news_wrap dl dt span {
font-size: 1.2rem;
display: inline-block;
margin: 0 0 0 20px;
padding: 0 0 3px;
width: 70px;
text-align: center;
}
.news_wrap dl .orange {
background: #fbb03b;
color: #fff;
}
.news_wrap dl .red {
background: rgba(193,39,45,1.00);
color: #fff;
}
.news_wrap dl dd {
border-bottom: dashed thin rgba(150,150,150,1.00);
color: rgba(51,51,51,1.00);
font-size: 1.3rem;
font-weight: bold;
padding: 0 10px 20px;
margin: 0 0 20px;
}
.news_wrap dl dd a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}

}/*close*/

/*----------------------
▼desc_wrap▼
----------------------*/
@media (min-width:960px){

.desc_wrap {
background:linear-gradient(to bottom, #fff 16px, rgba(245,245,245,1.00) 16px);
padding: 0 30px 30px;
}
.desc_wrap .top_txt .title {
}
.desc_wrap .top_txt .title h2 {
text-align: center;
}
.desc_wrap .top_txt .title .line {
background: rgba(193,39,45,1.00);
margin: 50px auto;
height: 7px;
width: 50px;
}
.desc_wrap .top_txt .midashi {
text-align: center;
margin: 0 0 30px;
}
.desc_wrap .top_txt .midashi p {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
line-height: 1.3em;
}
.desc_wrap .top_txt .txt {
margin: 0 0 30px;
}
.desc_wrap .top_txt .txt p {
font-size: 1.5rem;
font-weight: bold;
}
.desc_wrap .top_txt .link {
margin: 0 0 50px;
text-align: center;
}
.desc_wrap .top_txt .link a {
display: inline-block;
background: #fff;
border: solid thin rgba(100,100,100,1.00);
border-radius: 100vh;
font-size: 1.5rem;
font-weight: bold;
padding: 20px 50px;
}
.desc_wrap .top_txt .link a img {
height: .8em;
padding: 0 0 2px 5px;
width: auto;
}
/*movie_box*/
.desc_wrap .movie_box {
margin: 0 0 50px;
}
.desc_wrap .movie_box .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.desc_wrap .movie_box .box .item {
height: auto;
width: 48%;
}
.desc_wrap .movie_box .box iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.desc_wrap .movie_box .box .item p {
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 10px;
}
.desc_wrap .movie_box .under_txt {
font-size: 1.3rem;
text-align: center;
margin: 10px 0 0;
}
/*data_wrap*/
.desc_wrap .data_wrap {
background: #fff;
padding: 50px;
}
.desc_wrap .data_wrap .data_top_txt {
display: none;
}

.desc_wrap .data_wrap .circle_item {
margin: 0 0 50px;
}
.desc_wrap .data_wrap .circle_item .title {
border-bottom: dashed 2px rgba(150,150,150,1.00);
padding: 0 0 20px;
margin: 0 0 50px;
text-align: center;
}
.desc_wrap .data_wrap .circle_item .title h3 {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
}
.desc_wrap .data_wrap .circle_item .title p {
font-size: 1.5rem;
font-weight: bold;
}
.desc_wrap .data_wrap .circle_item .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 auto;
width: 90%;
}
.desc_wrap .data_wrap .circle_item .box .item {
height: auto;
text-align: center;
width: 50%;
}
.desc_wrap .data_wrap .circle_item .box .item p {
text-align: center;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 30px;
}
.desc_wrap .data_wrap .circle_item .box .item img {
height: auto;
width: 80%;
}
.desc_wrap .data_wrap .circle_item {
}
.desc_wrap .data_wrap .map_item .title {
border-bottom: dashed 2px rgba(150,150,150,1.00);
padding: 0 0 15px;
margin: 0 0 50px;
text-align: center;
}
.desc_wrap .data_wrap .map_item .title h3 {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
}
.desc_wrap .data_wrap .map_item .title p {
font-size: 1.5rem;
font-weight: bold;
}
.desc_wrap .data_wrap .map_item .item {
height: auto;
text-align: center;
margin: 0 auto;
width: 90%;
}
.desc_wrap .data_wrap .map_item img {
height: auto;
width: 90%;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.desc_wrap {
background:linear-gradient(to bottom, #fff 16px, rgba(245,245,245,1.00) 16px);
padding: 0 30px 30px;
}
.desc_wrap .top_txt .title {
}
.desc_wrap .top_txt .title h2 {
text-align: center;
}
.desc_wrap .top_txt .title .line {
background: rgba(193,39,45,1.00);
margin: 50px auto;
height: 7px;
width: 50px;
}
.desc_wrap .top_txt .midashi {
text-align: center;
margin: 0 0 30px;
}
.desc_wrap .top_txt .midashi p {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
line-height: 1.3em;
}
.desc_wrap .top_txt .txt {
margin: 0 0 30px;
}
.desc_wrap .top_txt .txt p {
font-size: 1.5rem;
font-weight: bold;
}
.desc_wrap .top_txt .link {
margin: 0 0 50px;
text-align: center;
}
.desc_wrap .top_txt .link a {
display: inline-block;
background: #fff;
border: solid thin rgba(100,100,100,1.00);
border-radius: 100vh;
font-size: 1.5rem;
font-weight: bold;
padding: 20px 50px;
}
.desc_wrap .top_txt .link a img {
height: .8em;
padding: 0 0 2px 5px;
width: auto;
}
/*movie_box*/
.desc_wrap .movie_box {
margin: 0 0 50px;
}
.desc_wrap .movie_box .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.desc_wrap .movie_box .box .item {
height: auto;
width: 48%;
}
.desc_wrap .movie_box .box iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.desc_wrap .movie_box .box .item p {
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 10px;
}
.desc_wrap .movie_box .under_txt {
font-size: 1.3rem;
text-align: center;
margin: 10px 0 0;
}
/*data_wrap*/
.desc_wrap .data_wrap {
background: #fff;
padding: 50px;
}
.desc_wrap .data_wrap .data_top_txt {
display: none;
}
.desc_wrap .data_wrap .circle_item {
margin: 0 0 50px;
}
.desc_wrap .data_wrap .circle_item .title {
border-bottom: dashed 2px rgba(150,150,150,1.00);
padding: 0 0 20px;
margin: 0 0 50px;
text-align: center;
}
.desc_wrap .data_wrap .circle_item .title h3 {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
}
.desc_wrap .data_wrap .circle_item .title p {
font-size: 1.5rem;
font-weight: bold;
}
.desc_wrap .data_wrap .circle_item .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 auto;
width: 90%;
}
.desc_wrap .data_wrap .circle_item .box .item {
height: auto;
text-align: center;
width: 50%;
}
.desc_wrap .data_wrap .circle_item .box .item p {
text-align: center;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 30px;
}
.desc_wrap .data_wrap .circle_item .box .item img {
height: auto;
width: 80%;
}
.desc_wrap .data_wrap .circle_item {
}
.desc_wrap .data_wrap .map_item .title {
border-bottom: dashed 2px rgba(150,150,150,1.00);
padding: 0 0 15px;
margin: 0 0 50px;
text-align: center;
}
.desc_wrap .data_wrap .map_item .title h3 {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
}
.desc_wrap .data_wrap .map_item .title p {
font-size: 1.5rem;
font-weight: bold;
}
.desc_wrap .data_wrap .map_item .item {
height: auto;
text-align: center;
margin: 0 auto;
width: 90%;
}
.desc_wrap .data_wrap .map_item img {
height: auto;
width: 90%;
}
}/*close*/

@media (max-width:599px){
.desc_wrap {
background:linear-gradient(to bottom, #fff 16px, rgba(245,245,245,1.00) 16px);
padding: 0 2.5% 30px;
}
.desc_wrap .top_txt .title {
}
.desc_wrap .top_txt .title h2 {
text-align: center;
}
.desc_wrap .top_txt .title h2 img {
height: auto;
width: 60%;
}
.desc_wrap .top_txt .title .line {
background: rgba(193,39,45,1.00);
margin: 30px auto;
height: 5px;
width: 50px;
}
.desc_wrap .top_txt .midashi {
text-align: center;
margin: 0 0 30px;
}
.desc_wrap .top_txt .midashi p {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 1.8rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
line-height: 1.3em;
}
.desc_wrap .top_txt .txt {
margin: 0 0 30px;
}
.desc_wrap .top_txt .txt p {
font-size: 1.3rem;
font-weight: bold;
}
.desc_wrap .top_txt .link {
margin: 0 0 50px;
text-align: center;
}
.desc_wrap .top_txt .link a {
display: block;
background: #fff;
border: solid thin rgba(100,100,100,1.00);
border-radius: 100vh;
font-size: 1.3rem;
font-weight: bold;
padding: 20px 0px;
}
.desc_wrap .top_txt .link a img {
height: .8em;
padding: 0 0 2px 5px;
width: auto;
}
/*movie_box*/
.desc_wrap .movie_box {
margin: 0 0 50px;
}
.desc_wrap .movie_box .box {
}
.desc_wrap .movie_box .box .item {
height: auto;
width: 100%;
}
.desc_wrap .movie_box .box .item:first-of-type {
margin: 0 0 20px;
}
.desc_wrap .movie_box .box iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.desc_wrap .movie_box .box .item p {
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 5px;
}
.desc_wrap .movie_box .under_txt {
font-size: 1.3rem;
text-align: center;
margin: 10px 0 0;
}
/*data_wrap*/	
.desc_wrap .data_wrap {
background: #fff;
padding: 10%;
}
.desc_wrap .data_wrap .data_top_txt {
text-align: center;
margin: 0 0 15px;
}
.desc_wrap .data_wrap .data_top_txt p {
font-size: 1.3rem;
}

.desc_wrap .data_wrap .circle_item {
margin: 0 0 30px;
}
.desc_wrap .data_wrap .circle_item .title {
border-bottom: dashed 2px rgba(150,150,150,1.00);
padding: 0 0 10px;
margin: 0 0 20px;
text-align: center;
}
.desc_wrap .data_wrap .circle_item .title h3 {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2rem;
font-weight: bold;
margin: 0 0 5px;
letter-spacing: -1px;
}
.desc_wrap .data_wrap .circle_item .title p {
font-size: 1.3rem;
font-weight: bold;
}
.desc_wrap .data_wrap .circle_item .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 auto;
width: 95%;
}
.desc_wrap .data_wrap .circle_item .box .item {
height: auto;
text-align: center;
width: 48%;
}
.desc_wrap .data_wrap .circle_item .box .item p {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 10px;
}
.desc_wrap .data_wrap .circle_item .box .item img {
height: auto;
width: 80%;
}
.desc_wrap .data_wrap .circle_item {
}
.desc_wrap .data_wrap .map_item .title {
border-bottom: dashed 2px rgba(150,150,150,1.00);
padding: 0 0 10px;
margin: 0 0 30px;
text-align: center;
}
.desc_wrap .data_wrap .map_item .title h3 {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2rem;
font-weight: bold;
margin: 0 0 5px;
letter-spacing: -1px;
}
.desc_wrap .data_wrap .map_item .title p {
font-size: 1.3rem;
font-weight: bold;
}
.desc_wrap .data_wrap .map_item .item {
height: auto;
text-align: center;
margin: 0 auto;
width: 100%;
}
.desc_wrap .data_wrap .map_item img {
height: auto;
width: 100%;
}
}/*close*/

/*----------------------
▼door▼
----------------------*/
@media (min-width:960px){
.door {
text-align: center;
margin: 50px 0 80px;
}
.door .txt {
margin: 0 0 20px;
}
.door .txt img {
margin: 0 0 15px;
}
.door .txt p {
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
letter-spacing: -1px;
margin: 0 0 30px;
}
.door a {
display: inline-block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 2rem;
font-weight: bold;
background: rgba(193,39,45,1.00);
padding: 30px 250px;
text-align: center;
}
.door a img {
height: .9em;
margin: 0 10px 1px 0;
}
.door_2 {
text-align: center;
margin: 50px 0 50px;
}
.door_2 .txt {
margin: 0 0 20px;
}
.door_2 .txt img {
margin: 0 0 15px;
}
.door_2 .txt p {
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
margin: 0 0 30px;
}
.door_2 .link {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
padding: 0 50px;
}
.door_2 a {
display: block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 2rem;
font-weight: bold;
background: #f15a24;
padding: 30px 0;
text-align: center;
width: 48%;
}
.door_2 a:last-of-type {
display: block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 2rem;
font-weight: bold;
background: rgba(193,39,45,1.00);
padding: 30px 0;
text-align: center;
width: 48%;
}
.door_2 a img {
height: .9em;
margin: 0 0 1px 10px;
}
.door_2 a:last-of-type img {
height: .9em;
margin: 0 10px 1px 0;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.door {
text-align: center;
margin: 50px 0 80px;
}
.door .txt {
margin: 0 0 20px;
}
.door .txt img {
margin: 0 0 15px;
}
.door .txt p {
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
letter-spacing: -1px;
margin: 0 0 30px;
}
.door a {
display: inline-block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 2rem;
font-weight: bold;
background: rgba(193,39,45,1.00);
padding: 30px 250px;
text-align: center;
}
.door a img {
height: .9em;
margin: 0 10px 1px 0;
}
.door_2 {
text-align: center;
margin: 50px 0 50px;
}
.door_2 .txt {
margin: 0 0 20px;
}
.door_2 .txt img {
margin: 0 0 15px;
}
.door_2 .txt p {
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
margin: 0 0 30px;
}
.door_2 .link {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
padding: 0 2.5%;
}
.door_2 a {
display: block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 2rem;
font-weight: bold;
background: #f15a24;
padding: 30px 0;
text-align: center;
width: 48%;
}
.door_2 a:last-of-type {
display: block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 2rem;
font-weight: bold;
background: rgba(193,39,45,1.00);
padding: 30px 0;
text-align: center;
width: 48%;
}
.door_2 a img {
height: .9em;
margin: 0 0 1px 10px;
}
.door_2 a:last-of-type img {
height: .9em;
margin: 0 10px 1px 0;
}
}/*close*/

@media (max-width:599px){
.door {
text-align: center;
margin: 30px 0 30px;
}
.door .txt {
margin: 0 0 20px;
}
.door .txt img {
height: auto;
width: 130px;
margin: 0 0 10px;
}
.door .txt p {
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 4.5vw;
font-weight: bold;
letter-spacing: -1px;
margin: 0 0 20px;
}
.door a {
display: block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
background: rgba(193,39,45,1.00);
padding: 15px 0;
margin: 0 auto;
width: 90%;
text-align: center;
}
.door a img {
height: .8em;
margin: 0 10px 1px 0;
}
.door_2 {
text-align: center;
margin: 50px 0 50px;
}
.door_2 .txt {
margin: 0 0 20px;
}
.door_2 .txt img {
margin: 0 0 15px;
}
.door_2 .txt p {
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 4.5vw;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
margin: 0 0 30px;
}
.door_2 .link {
padding: 0 2.5%;
}
.door_2 a {
display: block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
background: #f15a24;
padding: 20px 0;
text-align: center;
margin: 0 0 20px;
width: 100%;
}
.door_2 a:last-of-type {
display: block;
border-bottom: solid 5px #F7931E;
border-radius: 100vh;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
background: rgba(193,39,45,1.00);
padding: 20px 0;
text-align: center;
width: 100%;
}
.door_2 a img {
height: .9em;
margin: 0 0 1px 10px;
}
.door_2 a:last-of-type img {
height: .9em;
margin: 0 10px 1px 0;
}
}/*close*/

/*----------------------
▼loop_wrap▼
----------------------*/
@media (min-width:960px){
.loop_wrap {
display: flex;
overflow: hidden;
margin: 0 auto 50px;
width: 95%;
}
.loop_wrap .content_list {
display: flex;
}
.loop_wrap .content_list_left {
animation :scroll-left 95s infinite linear 0.5s both;
}
.loop_wrap .item {
width: calc(100vw / 7.5);
}
.loop_wrap .item img {
width: 100%;
}
@keyframes scroll-left {
from {transform: translateX(0);}
to {transform: translateX(-100%);}
}


}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.loop_wrap {
display: flex;
overflow: hidden;
margin: 0 auto 50px;
width: 95%;
}
.loop_wrap .content_list {
display: flex;
}
.loop_wrap .content_list_left {
animation :scroll-left 95s infinite linear 0.5s both;
}
.loop_wrap .item {
width: calc(100vw / 3.5);
}
.loop_wrap .item img {
width: 100%;
}
@keyframes scroll-left {
from {transform: translateX(0);}
to {transform: translateX(-100%);}
}

}/*close*/

@media (max-width:599px){
.loop_wrap {
display: flex;
overflow: hidden;
margin: 0 auto 50px;
width: 95%;
}
.loop_wrap .content_list {
display: flex;
}
.loop_wrap .content_list_left {
animation :scroll-left 95s infinite linear 0.5s both;
}
.loop_wrap .item {
width: calc(100vw / 3.5);
}
.loop_wrap .item img {
width: 100%;
}
@keyframes scroll-left {
from {transform: translateX(0);}
to {transform: translateX(-100%);}
}

}/*close*/

/*----------------------
▼intro_wrap▼
----------------------*/
@media (min-width:960px){
.intro_wrap {
background: #c1272d;
padding: 60px 2.5% 60px;
padding: 60px 10% 60px;
}
.intro_wrap .title h2 {
text-align: center;
color: #fff;
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 4rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
}
.intro_wrap .title .line {
background: #fff;
margin: 50px auto;
height: 7px;
width: 50px;
}
.intro_wrap .intro_top_content p {
color: #fff;
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 30px;
}
/*box*/
.intro_wrap .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.intro_wrap .box .item {
/*aspect-ratio: 1 / .5;
*/background: #fff;
margin: 0 0 30px;
width: 31%;
}
.intro_wrap .box .item p:first-of-type {
color: #c1272d;
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 7.5rem;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
margin: 50px 0 40px;
}
.intro_wrap .box .item p:first-of-type span {
font-size: 4rem;
font-weight: bold;
padding: 0 0 0 10px;
}
.intro_wrap .box .item p:last-of-type {
color: #c1272d;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.intro_wrap .box .item p:last-of-type img {
height: .9em;
padding: 0 10px 3px 0;
}
/*flow_content_wrap*/
.intro_wrap .flow_content_wrap h3 {
color: #fff;
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 3.5rem;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
margin: 50px 0 40px;
}
.intro_wrap .flow_content_wrap .flow_content {
background: #fff;
padding: 50px 50px 50px;
}
.intro_wrap .flow_content_wrap .flow_content .flow_img img {
height: auto;
width: 100%;
}
.intro_wrap .flow_content_wrap .flow_content .flow_img img:last-of-type {
margin: 60px 0 100px;
}
.intro_wrap .flow_content_wrap .flow_content .price_link {
text-align: center;
}
.intro_wrap .flow_content_wrap .flow_content .price_link a {
display: inline-block;
border-radius: 100vh;
background: #f15a24;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
padding: 30px 170px;
text-align: center;
}
.intro_wrap .flow_content_wrap .flow_content .price_link a img {
height: .9em;
padding: 0 0 3px 5px;
}
.intro_wrap .flow_content_wrap .flow_content .under_txt {
text-align: center;
margin: 80px 0 0;
}
.intro_wrap .flow_content_wrap .flow_content .under_txt p {
color: #c1272d;
font-size: 1.5rem;
}
/*simulation*/
.simulation {
text-align: center;
margin: 20px 0 0;
}
.simulation p {
font-size: 1.5rem;
font-weight: bold;
}
.simulation a {
font-size: 1.3rem;
font-weight: bold;
color: rgba(26,13,171,1.00);
text-decoration: underline;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.intro_wrap {
background: #c1272d;
padding: 60px 2.5% 60px;
}
.intro_wrap .title h2 {
text-align: center;
color: #fff;
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 4rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
}
.intro_wrap .title .line {
background: #fff;
margin: 50px auto;
height: 7px;
width: 50px;
}
.intro_wrap .intro_top_content p {
color: #fff;
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 30px;
}
/*box*/
.intro_wrap .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.intro_wrap .box .item {
/*aspect-ratio: 1 / .5;
*/background: #fff;
margin: 0 0 30px;
width: 31%;
}
.intro_wrap .box .item p:first-of-type {
color: #c1272d;
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 7.5rem;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
margin: 50px 0 40px;
}
.intro_wrap .box .item p:first-of-type span {
font-size: 4rem;
font-weight: bold;
padding: 0 0 0 10px;
}
.intro_wrap .box .item p:last-of-type {
color: #c1272d;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.intro_wrap .box .item p:last-of-type img {
height: .9em;
padding: 0 10px 3px 0;
}
/*flow_content_wrap*/
.intro_wrap .flow_content_wrap h3 {
color: #fff;
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 3.5rem;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
margin: 50px 0 40px;
}
.intro_wrap .flow_content_wrap .flow_content {
background: #fff;
padding: 50px 50px 50px;
}
.intro_wrap .flow_content_wrap .flow_content .flow_img img {
height: auto;
width: 100%;
}
.intro_wrap .flow_content_wrap .flow_content .flow_img img:last-of-type {
margin: 60px 0 50px;
}
.intro_wrap .flow_content_wrap .flow_content .price_link {
text-align: center;
}
.intro_wrap .flow_content_wrap .flow_content .price_link a {
display: block;
border-radius: 100vh;
background: #f15a24;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
padding: 30px 0;
text-align: center;
}
.intro_wrap .flow_content_wrap .flow_content .price_link a img {
height: .9em;
padding: 0 0 3px 5px;
}
.intro_wrap .flow_content_wrap .flow_content .under_txt {
text-align: center;
margin: 40px 0 0;
}
.intro_wrap .flow_content_wrap .flow_content .under_txt p {
color: #c1272d;
font-size: 1.5rem;
}
/*simulation*/
.simulation {
text-align: center;
margin: 20px 0 0;
}
.simulation p {
font-size: 1.5rem;
font-weight: bold;
}
.simulation a {
font-size: 1.3rem;
font-weight: bold;
color: rgba(26,13,171,1.00);
text-decoration: underline;
}

}/*close*/

@media (max-width:599px){
.intro_wrap {
background: #c1272d;
padding: 30px 2.5% 30px;
}
.intro_wrap .title h2 {
text-align: center;
color: #fff;
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
}
.intro_wrap .title .line {
background: #fff;
margin: 30px auto;
height: 5px;
width: 50px;
}
.intro_wrap .intro_top_content p {
color: #fff;
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 30px;
}
/*box*/
.intro_wrap .box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.intro_wrap .box .item {
/*aspect-ratio: 1 / .5;
*/background: #fff;
margin: 0 0 30px;
width: 32%;
}
.intro_wrap .box .item p:first-of-type {
color: #c1272d;
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 9vw;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
margin: 20px 0 10px;
}
.intro_wrap .box .item p:first-of-type span {
font-size: 2rem;
font-weight: bold;
padding: 0 0 0 3px;
}
.intro_wrap .box .item p:last-of-type {
color: #c1272d;
font-size: 3vw;
font-weight: bold;
text-align: center;
margin: 0 0 10px;
}
.intro_wrap .box .item p:last-of-type img {
height: .9em;
padding: 0 3px 3px 0;
}
/*flow_content_wrap*/
.intro_wrap .flow_content_wrap h3 {
color: #fff;
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2rem;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
margin: 20px 0 20px;
}
.intro_wrap .flow_content_wrap .flow_content {
background: #fff;
padding: 5%;
}
.intro_wrap .flow_content_wrap .flow_content .flow_img img {
height: auto;
width: 100%;
}
.intro_wrap .flow_content_wrap .flow_content .flow_img img:last-of-type {
margin: 30px 0 30px;
}
.intro_wrap .flow_content_wrap .flow_content .price_link {
text-align: center;
}
.intro_wrap .flow_content_wrap .flow_content .price_link a {
display: block;
border-radius: 100vh;
background: #f15a24;
color: #fff;
font-size: 1.3rem;
font-weight: bold;
padding: 20px 0;
text-align: center;
}
.intro_wrap .flow_content_wrap .flow_content .price_link a img {
height: .9em;
padding: 0 0 3px 5px;
}
.intro_wrap .flow_content_wrap .flow_content .under_txt {
margin: 30px 0 0;
}
.intro_wrap .flow_content_wrap .flow_content .under_txt p {
color: #c1272d;
font-size: 1.3rem;
line-height: 1.3em;
}
/*simulation*/
.simulation {
text-align: center;
margin: 20px 0 0;
}
.simulation p {
font-size: 1.3rem;
font-weight: bold;
line-height: 1.4em;
}
.simulation a {
display: inline-block;
font-size: 1.3rem;
font-weight: bold;
color: rgba(26,13,171,1.00);
text-decoration: underline;
padding: 10px 0 0;
}

}/*close*/

/*----------------------
▼example_wrap▼
----------------------*/
@media (min-width:960px){
.example_wrap {
background: #f3f9fc;
background:linear-gradient(to bottom, #fff 16px, #f3f9fc 16px);
}
.example_range {
margin: 50px auto;
width: 95%;
}
.example_wrap .title h2 {
text-align: center;
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 4rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
}
.example_wrap .title .line {
background: rgba(193,39,45,1.00);
margin: 50px auto 40px;
height: 7px;
width: 50px;
}
.example_wrap .midashi {
text-align: center;
margin: 0 0 40px;
}
.example_wrap .midashi p {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
line-height: 1.3em;
}
/*box*/
.example_wrap .box {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.example_wrap .box .item {
background: #fff;
box-shadow: 10px 0px 10px -10px rgba(150,150,150,1), -10px 0px 10px -10px rgba(150,150,150,1);
box-shadow: 10px 10px 10px -10px rgba(150,150,150,1);
margin: 0 0 3.5%;
width: 31%;
}
.example_wrap .box .item:nth-of-type(3n-1) {
margin: 0 3.5% 3.5%;
}
.example_wrap .box .item h3 {
font-size: 1.5rem;
font-weight: bold;
padding: 10px 0;
text-align: center;
}
.example_wrap .box .item .pic img {
height: auto;
width: 100%;
}
.example_wrap .box .item .txt {
padding: 15px;
}
.example_wrap .box .item .txt p {
font-size: 1.3rem;
}
.example_wrap .box .item .txt p span {
display: inline-block;
padding: 0 10px 0 0;
}
.example_wrap .box .item .txt p span:before {
content: "●";
}
.example_wrap .box .item .txt p span:last-of-type:before {
content: "";
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.example_wrap {
background: #f3f9fc;
background:linear-gradient(to bottom, #fff 16px, #f3f9fc 16px);
}
.example_range {
margin: 50px auto;
width: 95%;
}
.example_wrap .title h2 {
text-align: center;
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 4rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
}
.example_wrap .title .line {
background: rgba(193,39,45,1.00);
margin: 50px auto 40px;
height: 7px;
width: 50px;
}
.example_wrap .midashi {
text-align: center;
margin: 0 0 40px;
}
.example_wrap .midashi p {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
line-height: 1.3em;
}
/*box*/
.example_wrap .box {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.example_wrap .box .item {
background: #fff;
box-shadow: 10px 0px 10px -10px rgba(150,150,150,1), -10px 0px 10px -10px rgba(150,150,150,1);
box-shadow: 10px 10px 10px -10px rgba(150,150,150,1);
margin: 0 0 3.5%;
width: 31%;
}
.example_wrap .box .item:nth-of-type(3n-1) {
margin: 0 3.5% 3.5%;
}
.example_wrap .box .item h3 {
font-size: 1.5rem;
font-weight: bold;
padding: 10px 0;
text-align: center;
}
.example_wrap .box .item .pic img {
height: auto;
width: 100%;
}
.example_wrap .box .item .txt {
padding: 15px;
}
.example_wrap .box .item .txt p {
font-size: 1.3rem;
}
.example_wrap .box .item .txt p span {
display: inline-block;
padding: 0 10px 0 0;
}
.example_wrap .box .item .txt p span:before {
content: "●";
}
.example_wrap .box .item .txt p span:last-of-type:before {
content: "";
}
}/*close*/

@media (max-width:599px){
.example_wrap {
background: #f3f9fc;
background:linear-gradient(to bottom, #fff 16px, #f3f9fc 16px);
padding: 0 0 10px;
margin: 50px auto;
}
.example_range {
margin: 0 auto;
width: 95%;
}
.example_wrap .title h2 {
text-align: center;
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
}
.example_wrap .title .line {
background: rgba(193,39,45,1.00);
margin: 30px auto 30px;
height: 5px;
width: 50px;
}
.example_wrap .midashi {
text-align: center;
margin: 0 0 30px;
}
.example_wrap .midashi p {
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 1.8rem;
font-weight: bold;
margin: 0 0 10px;
letter-spacing: -1px;
line-height: 1.3em;
}
/*box*/
.example_wrap .box {
}
.example_wrap .box .item {
background: #fff;
box-shadow: 10px 0px 10px -10px rgba(150,150,150,1), -10px 0px 10px -10px rgba(150,150,150,1);
box-shadow: 10px 10px 10px -10px rgba(150,150,150,1);
margin: 0 auto 5%;
width: 90%;
}
.example_wrap .box .item h3 {
font-size: 1.5rem;
font-weight: bold;
padding: 10px 0;
text-align: center;
}
.example_wrap .box .item .pic img {
height: auto;
width: 100%;
}
.example_wrap .box .item .txt {
padding: 10px;
}
.example_wrap .box .item .txt p {
font-size: 1.2rem;
}
.example_wrap .box .item .txt p span {
display: inline-block;
padding: 0 10px 0 0;
}
.example_wrap .box .item .txt p span:before {
content: "●";
}
.example_wrap .box .item .txt p span:last-of-type:before {
content: "";
}
}/*close*/

/*----------------------
▼achieve▼
----------------------*/
@media (min-width:960px){
.achieve_wrap {
margin: 0 auto 50px;
width: 95%;
}
.achieve_wrap .title h2 {
text-align: center;
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 3rem;
font-weight: bold;
margin: 0 0 50px;
letter-spacing: -1px;
}
.achieve_wrap .content_1 {
background: rgba(239,246,249,.5);
background: #f3f9fc;
margin: 0 0 20px;
padding: 30px;
}
.achieve_wrap .content_1 .midashi {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin: 0 0 30px;
}

.achieve_wrap .content_1 .logo_item {
background: #fff;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
padding: 10px;
}
.achieve_wrap .content_1 .logo_item img {
height: auto;
margin: 0 2%;
width: 10%;
}
.achieve_wrap .content_1 .txt_item {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.achieve_wrap .content_1 .txt_item p {
color: rgba(80,80,80,1.00);
font-size: 1.3rem;
margin: 0 10px 0 0;
}
.achieve_wrap .content_1 .txt_item p:before {
content: "●";
margin: 0 3px 0 0;
}
.achieve_wrap .content_1 .sub_txt {
color: rgba(130,130,130,1.00);
font-size: 1.1rem;
margin: 10px 0;
}
/*content_2*/
.achieve_wrap .content_2 {
background: rgba(239,246,249,.5);
background: #f3f9fc;
padding: 30px;
}
.achieve_wrap .content_2 .midashi {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin: 0 0 20px;
}
.achieve_wrap .content_2 .txt_item {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.achieve_wrap .content_2 .txt_item p {
color: rgba(80,80,80,1.00);
font-size: 1.3rem;
margin: 0 10px 0 0;
}
.achieve_wrap .content_2 .txt_item p:before {
content: "●";
margin: 0 3px 0 0;
}
.achieve_wrap .content_2 .sub_txt {
color: rgba(130,130,130,1.00);
font-size: 1.1rem;
margin: 10px 0;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.achieve_wrap {
margin: 0 auto 50px;
width: 95%;
}
.achieve_wrap .title h2 {
text-align: center;
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 3rem;
font-weight: bold;
margin: 0 0 50px;
letter-spacing: -1px;
}
.achieve_wrap .content_1 {
background: rgba(239,246,249,.5);
background: #f3f9fc;
margin: 0 0 20px;
padding: 30px;
}
.achieve_wrap .content_1 .midashi {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin: 0 0 30px;
}

.achieve_wrap .content_1 .logo_item {
background: #fff;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
padding: 10px;
}
.achieve_wrap .content_1 .logo_item img {
height: auto;
margin: 0 2%;
width: 10%;
}
.achieve_wrap .content_1 .txt_item {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.achieve_wrap .content_1 .txt_item p {
color: rgba(80,80,80,1.00);
font-size: 1.3rem;
margin: 0 10px 0 0;
}
.achieve_wrap .content_1 .txt_item p:before {
content: "●";
margin: 0 3px 0 0;
}
.achieve_wrap .content_1 .sub_txt {
color: rgba(130,130,130,1.00);
font-size: 1.1rem;
margin: 10px 0;
}
/*content_2*/
.achieve_wrap .content_2 {
background: rgba(239,246,249,.5);
background: #f3f9fc;
padding: 30px;
}
.achieve_wrap .content_2 .midashi {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin: 0 0 20px;
}
.achieve_wrap .content_2 .txt_item {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.achieve_wrap .content_2 .txt_item p {
color: rgba(80,80,80,1.00);
font-size: 1.3rem;
margin: 0 10px 0 0;
}
.achieve_wrap .content_2 .txt_item p:before {
content: "●";
margin: 0 3px 0 0;
}
.achieve_wrap .content_2 .sub_txt {
color: rgba(130,130,130,1.00);
font-size: 1.1rem;
margin: 10px 0;
}

}/*close*/

@media (max-width:599px){
.achieve_wrap {
margin: 0 auto 50px;
width: 95%;
}
.achieve_wrap .title h2 {
text-align: center;
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 20px;
letter-spacing: -1px;
}
.achieve_wrap .content_1 {
background: rgba(239,246,249,.5);
background: #f3f9fc;
margin: 0 0 20px;
padding: 20px;
}
.achieve_wrap .content_1 .midashi {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin: 0 0 20px;
}

.achieve_wrap .content_1 .logo_item {
background: #fff;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
padding: 10px;
}
.achieve_wrap .content_1 .logo_item img {
height: auto;
margin: 0 2%;
width: 20%;
}
.achieve_wrap .content_1 .txt_item {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.achieve_wrap .content_1 .txt_item p {
color: rgba(80,80,80,1.00);
font-size: 1.2rem;
margin: 0 10px 0 0;
}
.achieve_wrap .content_1 .txt_item p:before {
content: "●";
margin: 0 3px 0 0;
}
.achieve_wrap .content_1 .sub_txt {
color: rgba(130,130,130,1.00);
font-size: 1.1rem;
margin: 10px 0;
}
/*content_2*/
.achieve_wrap .content_2 {
background: rgba(239,246,249,.5);
background: #f3f9fc;
padding: 20px;
}
.achieve_wrap .content_2 .midashi {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin: 0 0 20px;
}
.achieve_wrap .content_2 .txt_item {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.achieve_wrap .content_2 .txt_item p {
color: rgba(80,80,80,1.00);
font-size: 1.2rem;
margin: 0 10px 0 0;
}
.achieve_wrap .content_2 .txt_item p:before {
content: "●";
margin: 0 3px 0 0;
}
.achieve_wrap .content_2 .sub_txt {
color: rgba(130,130,130,1.00);
font-size: 1.1rem;
margin: 10px 0;
}
}/*close*/

/*----------------------
▼sdgs▼
----------------------*/
@media (min-width:960px){
.sdgs_wrap {
background: url("images/sdgs-back.jpg") top no-repeat;
background-size: cover;
margin: 0 0 50px;
}
.sdgs_wrap .range {
padding: 50px 100px;
}
.sdgs_wrap h2 {
color: #fff;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 30px;
text-align: center;
}
.sdgs_wrap p {
color: #fff;
font-size: 1.5rem;
text-align: center;
margin: 0 0 30px;
}
.sdgs_wrap .pic {
text-align: center;
}
.sdgs_wrap .pic img {
height: auto;
width: 350px;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.sdgs_wrap {
background: url("images/sdgs-back.jpg") top no-repeat;
background-size: cover;
margin: 0 0 50px;
}
.sdgs_wrap .range {
padding: 50px 100px;
}
.sdgs_wrap h2 {
color: #fff;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 30px;
text-align: center;
}
.sdgs_wrap p {
color: #fff;
font-size: 1.5rem;
text-align: center;
margin: 0 0 30px;
}
.sdgs_wrap .pic {
text-align: center;
}
.sdgs_wrap .pic img {
height: auto;
width: 350px;
}
}/*close*/

@media (max-width:599px){
.sdgs_wrap {
background: url("images/sdgs-back.jpg") top no-repeat;
background-size: cover;
margin: 0 0 10px;
}
.sdgs_wrap .range {
padding: 50px 50px;
}
.sdgs_wrap h2 {
color: #fff;
font-size: 2rem;
font-weight: bold;
margin: 0 0 20px;
text-align: center;
}
.sdgs_wrap p {
color: #fff;
font-size: 1.3rem;
margin: 0 0 30px;
}
.sdgs_wrap .pic {
text-align: center;
}
.sdgs_wrap .pic img {
height: auto;
width: 100%;
}
}/*close*/

/*----------------------
▼ダウンロード▼
----------------------*/
@media (min-width:960px){
.download_wrap {
background: #f3f9fc;
padding: 30px 0;
}
.download_wrap .top_txt {
margin: 0 auto 0;
width: 95%;
}
.download_wrap .top_txt h2 {
text-align: center;
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 20px;
letter-spacing: -1px;
line-height: 1.3em;
}
.download_wrap .top_txt p {
font-size: 1.5rem;
text-align: center;
}
/*form_wrap*/
.form_wrap {
background: #fff;
border-radius: 30px;
margin: 30px auto;
padding: 50px 0;
width: 600px;
}
.form_wrap .item_box {
margin: 0 auto 30px;
width: 500px;
}
.form_wrap .sub_btn_wrap {
margin: 40px auto 0;
width: 500px;
}
.form_wrap .item_box .item_left {
}
.form_wrap .item_box .item_left p {
font-size: 1.5rem;
margin: 0 0 5px;
}
.form_wrap .item_box .txt_item {
border-radius: 10px;
border: solid thin rgba(100,100,100,1.00);
height: 45px;
width: 100%;
}
.form_wrap .sub_btn {
background: rgba(228,99,12,1.00);
border-radius: 20px;
border: none;
color: #fff;
cursor: pointer;
height: 70px;
width: 100%;
}
.form_wrap input::placeholder {
padding: 10px;
}
.form_wrap .item_box label {
cursor: pointer;
color: rgba(51,51,51,1.00);
font-size: 1.5rem;
}
.form_wrap input[type=checkbox] {
margin: 0 10px 0 0;
}
.form_pp {
text-align: center;
margin: 30px auto 0;
width: 500px;
}
.form_pp p {
font-size: 1.3rem;
}
.form_pp p a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.download_wrap {
background: #f3f9fc;
padding: 30px 0;
}
.download_wrap .top_txt {
margin: 0 auto 0;
width: 95%;
}
.download_wrap .top_txt h2 {
text-align: center;
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin: 0 0 20px;
letter-spacing: -1px;
line-height: 1.3em;
}
.download_wrap .top_txt p {
font-size: 1.5rem;
text-align: center;
}
/*form_wrap*/
.form_wrap {
background: #fff;
border-radius: 30px;
margin: 30px auto;
padding: 50px 0;
width: 600px;
}
.form_wrap .item_box {
margin: 0 auto 30px;
width: 500px;
}
.form_wrap .sub_btn_wrap {
margin: 40px auto 0;
width: 500px;
}
.form_wrap .item_box .item_left {
}
.form_wrap .item_box .item_left p {
font-size: 1.5rem;
margin: 0 0 5px;
}
.form_wrap .item_box .txt_item {
border-radius: 10px;
border: solid thin rgba(100,100,100,1.00);
height: 45px;
width: 100%;
}
.form_wrap .sub_btn {
background: rgba(228,99,12,1.00);
border-radius: 20px;
border: none;
color: #fff;
cursor: pointer;
height: 70px;
width: 100%;
}
.form_wrap input::placeholder {
padding: 10px;
}
.form_wrap .item_box label {
cursor: pointer;
color: rgba(51,51,51,1.00);
font-size: 1.5rem;
}
.form_wrap input[type=checkbox] {
margin: 0 10px 0 0;
}
.form_pp {
text-align: center;
margin: 30px auto 0;
width: 500px;
}
.form_pp p {
font-size: 1.3rem;
}
.form_pp p a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}
}/*close*/

@media (max-width:599px){
.download_wrap {
background: #f3f9fc;
padding: 30px 0;
}
.download_wrap .top_txt {
margin: 0 auto 0;
width: 95%;
}
.download_wrap .top_txt h2 {
text-align: center;
color: rgba(51,51,51,1.00);
font-family: 'myfont_bold','Noto Sans JP',"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-size: 2rem;
font-weight: bold;
margin: 0 0 20px;
letter-spacing: -1px;
line-height: 1.3em;
}
.download_wrap .top_txt p {
font-size: 1.3rem;
text-align: center;
}
/*form_wrap*/
.form_wrap {
background: #fff;
border-radius: 30px;
margin: 30px auto;
padding: 50px 0;
width: 90%;
}
.form_wrap .item_box {
margin: 0 auto 30px;
width: 90%;
}
.form_wrap .sub_btn_wrap {
margin: 40px auto 0;
width: 90%;
}
.form_wrap .item_box .item_left {
}
.form_wrap .item_box .item_left p {
font-size: 1.3rem;
margin: 0 0 5px;
}
.form_wrap .item_box .txt_item {
border-radius: 10px;
border: solid thin rgba(100,100,100,1.00);
height: 45px;
width: 100%;
}
.form_wrap .sub_btn {
background: rgba(228,99,12,1.00);
border-radius: 20px;
border: none;
color: #fff;
height: 70px;
width: 100%;
}
.form_wrap input::placeholder {
padding: 10px;
}
.form_wrap .item_box label {
cursor: pointer;
color: rgba(51,51,51,1.00);
font-size: 1.3rem;
}
.form_wrap input[type=checkbox] {
margin: 0 10px 0 0;
}
.form_pp {
text-align: center;
margin: 30px auto 0;
width: 90%;
}
.form_pp p {
font-size: 1.3rem;
}
.form_pp p a {
color: rgba(26,13,171,1.00);
text-decoration: underline;
}
}/*close*/

/*----------------------
▼thanks_wrap▼
----------------------*/
@media (min-width:960px){
.thanks_wrap {
background: #f3f9fc;
padding: 50px 0;
}
.thanks_wrap p {
font-size: 1.5rem;
text-align: center;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
.thanks_wrap {
background: #f3f9fc;
padding: 50px 0;
}
.thanks_wrap p {
font-size: 1.3rem;
text-align: center;
}

}/*close*/

@media (max-width:599px){

.thanks_wrap {
background: #f3f9fc;
padding: 50px 2.5%;
}
.thanks_wrap p {
font-size: 1.3rem;
}

}/*close*/




/*----------------------
▼footer▼
----------------------*/
@media (min-width:960px){
footer {
}
footer ul {
background:rgba(230,230,230,1.00);
padding: 20px 0;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
footer ul li +li {
border-left: solid thin rgba(150,150,150,1.00);
}
footer ul li a {
font-size: 1.1rem;
padding: 0 8px;
}
footer .copy {
text-align: center;
padding: 10px 0;
}
footer .copy p {
font-size: 1.5rem;
}

}/*close*/

@media (min-width: 600px) and (max-width: 959px) {
footer {
}
footer ul {
background:rgba(230,230,230,1.00);
padding: 20px 0 0;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
footer ul li {
border-left: solid thin rgba(150,150,150,1.00);
margin: 0 0 20px;
}
footer ul li a {
font-size: 1.3rem;
padding: 0 15px;
}
footer .copy {
text-align: center;
padding: 10px 0;
}
footer .copy p {
font-size: 1.5rem;
}


}/*close*/

@media (max-width:599px){
footer {
}
footer ul {
background:rgba(230,230,230,1.00);
padding: 20px 0 0;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
footer ul li {
border-right: solid thin rgba(150,150,150,1.00);
margin: 0 0 20px;
}
footer ul li a {
font-size: 1.3rem;
padding: 0 15px;
}
footer .copy {
text-align: center;
padding: 10px 0;
}
footer .copy p {
font-size: 1.3rem;
}
}/*close*/