@media (min-width: 769px) {
body {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4 {
    margin: 0;
    padding: 0;
}
img {
    width: 100%;
    vertical-align: bottom;
}
p {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: #000;
    margin: 0;
    padding: 0;
  transition: .3s;		
}
.btnaction {
  transition: .3s;		
}
.btnaction:hover {
  transform: scale(1.1);
}
.sp {
    display: none;
}
.menu_sp {
    display: none;
}
.wrap {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
	background:url(../img/all_bg.jpg);
	background-repeat: repeat-y;	
}

.head_body {
    display: block;
    position: relative;
    width: 100%;
}
header {
    display: block;
    position: relative;
    width: 100%;
}
.head_body {
    display: block;
    position: relative;
    width: 100%;
}
.head_menu {
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 99;
}
ul {
    margin: 0;
    padding: 0;
	list-style: none;
}
ul.menu_pc {
    list-style: none;
    display: flex;
    position: relative;
    width: 100%;
    justify-content: right;
    padding-top: 50px;
    padding-right: 15vw;
    align-items: center;
}
.menu_pc li {
    display: inline-block;
    position: relative;
    width: 10%;
}
.head_logo {
    display: inline-block;
    position: absolute;
    width: 10%;
    right: 0;
    padding-top: 35px;
    padding-right: 5vw;
}
.head_img {
    display: block;
    position: relative;
    width: 100%;
}
.head_text_box {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.head_text {
    display: block;
    position: relative;
    width: 40%;
    padding-top: 25vw;
    padding-left: 50vw;
}
.head_subtext {
    display: block;
    position: relative;
    width: 40%;
    padding-top: 1vw;
    padding-left: 60vw;
    font-family: "游ゴシック";
    font-size: 22px;
    font-weight: bold;
}
.head_campaign {
    display: block;
    position: absolute;
    width: 16%;
    padding-top: 45vw;
    padding-left: 5vw;
    z-index: 1;
}
.message_body {
    display: block;
    position: relative;
    width: 100%;
    background: url(../img/main_band.jpg)no-repeat center;
    background-size: cover;
    height: 35vw;
}
.message_bg {
    display: block;
    position: relative;
    width: 100%;
    z-index: 0;
}
.message_inner {
    display: block;
    position: relative;
    width: 65%;
    margin: 0 auto;
	z-index: 1;
}
.message_ttl {
    display: block;
    position: absolute;
    width: 100%;
    padding-top: 5vw;
}
span.sabttl {
    font-family: "游ゴシック";
    color: #Fff;
}
.message_ttl h2 {
    font-family: "游ゴシック";
    font-size: 40px;
    font-weight: bold;
    padding-bottom: 1vw;
    letter-spacing: 2px;
}
.message_box {
    display: block;
    position: absolute;
    width: 100%;
    padding-top: 225px;
}
.message_box p {
    font-family: "游ゴシック";
    font-size: 20.5px;
    font-weight: normal;
    line-height: 1.662;
    letter-spacing: 2px;
}
.main_body {
    display: block;
    position: relative;
    width: 100%;
}
.main_bg {
    display: block;
    position: absolute;
    width: 100%;
    padding-top: 55px;
}
.main_step {
    display: inline-block;
    position: absolute;
    width: 30%;
    padding-left: 60vw;
    padding-top: 3vw;
    z-index: 1;
}
.main_mens {
    display: block;
    position: absolute;
    width: 26%;
    padding-top: 11vw;
    padding-left: 68vw;
    z-index: 1;
}
.main_model {
    display: block;
    position: absolute;
    width: 42%;
    padding-top: 400px;
    padding-left: 11vw;
    z-index: 1;
}
.system_body {
    display: block;
    position: relative;
    width: 100%;
}
.system_box {
    display: block;
    position: relative;
    width: 100%;
}
.system_bg {
	display: block;
    position: absolute;
    width: 100%;
    padding-top: 950px;
}
.system_box_top {
	display: flex;
    position: relative;
    width: 100%;
    padding-top: 420px;
}
.system_box_bottom {
    display: flex;
    position: relative;
    width: 100%;
    padding-top: 3vw;
}
.system_list01 {
    display: inline-block;
    position: relative;
    margin-left: 13vw;
	width: 30%;
}
.system_list02 {
    display: inline-block;
    position: relative;
    margin-left: 13vw;
	width: 30%;
}
.system_list03 {
    display: inline-block;
    position: relative;
    margin-left: 13vw;
	width: 30%;
}
.system_list04 {
    display: inline-block;
    position: relative;
    margin-left: 13vw;
    width: 30%;
}
.list_01 {
    display: block;
    position: relative;
    width: 64%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.list_02 {
    display: block;
    position: relative;
    width: 64%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.list_03 {
    display: block;
    position: relative;
    width: 64%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.list_04 {
    display: block;
    position: relative;
    width: 64%;
    margin: 0 auto;
    padding-bottom: 30px;
}
.list_text01 {
    border-left: 2px solid #bca7f5;
    padding-left: 2vw;
}
.list_text01 h3 {
    font-size: 34px;
    font-family: "游ゴシック";
    line-height: 1.1;
    letter-spacing: 2px;
}
.list_text02 {
    border-left: 2px solid #bca7f5;
    padding-left: 2vw;
}
.list_text02 h3 {
    font-size: 34px;
    font-family: "游ゴシック";
    line-height: 1.1;
    letter-spacing: 2px;
}
.list_text03 {
    border-left: 2px solid #bca7f5;
    padding-left: 2vw;
}
.list_text03 h3 {
    font-size: 34px;
    font-family: "游ゴシック";
    line-height: 1.1;
    letter-spacing: 2px;
}
.list_text04 {
    border-left: 2px solid #bca7f5;
    padding-left: 2vw;
}
.list_text04 h3 {
    font-size: 34px;
    font-family: "游ゴシック";
    line-height: 1.1;
    letter-spacing: 2px;
}
p.listtxt {
    padding-top: 1vw;
    font-size: 16px;
    line-height: 1.7;
}
.example_body {
    display: block;
    position: relative;
    width: 100%;
}
.example_bg {
    display: block;
    position: absolute;
    width: 100%;
    padding-top: 85vw;
}
.example_box {
    display: block;
    position: relative;
    width: 100%;
}
.example_ttl {
    display: block;
    position: absolute;
    width: 100%;
    padding-left: 48vw;
    padding-top: 57vw;
}
.example_ttl span.sabttl {
    font-family: "游ゴシック";
    color: #000;
}
.example_ttl h2 {
    font-family: "游ゴシック";
    font-size: 40px;
}
.example_circle_list01 {
    padding-top: 55vw;
    padding-left: 15vw;
}
.example_circle {
    display: block;
    position: absolute;
	padding-left: 3vw;
    width: 30%;
}
.example_01 {
    display: block;
    position: absolute;
    width: 15%;
}
.example_ttl01 {
    display: block;
    position: relative;
    width: 40%;
}
.example_textbox {
    display: block;
    position: absolute;
    width: 30%;
    padding-top: 8vw;
    padding-left: 12vw;
}
.example_text01 {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 1vw;
}
p.explist {
    border-bottom: 1px solid;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 45%;
}
.example_02 {
    display: block;
    position: absolute;
    width: 10%;
}
.example_circle_list02 {
    padding-top: 10vw;
    padding-left: 55vw;
}
.example_circle_list02 .example_circle {
    padding-left: 0vw;
}
.example_ttl02 {
    display: block;
    position: relative;
    width: 40%;
}
.example_text02 {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 1vw;
}
.example_text02 p.explast {
    font-size: 14px;
}
.voice_body {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 35vw;
}
.voice_ttl {
    display: flex;
    position: relative;
    width: 100%;
}
p.ttl_icon {
	display: inline-block;
    position: relative;
    width: 13%;
    padding-left: 13vw;
}
.voice_ttl h2 {
    font-family: "游ゴシック";
    font-size: 31px;
    padding-left: 1vw;
}
.voice_box {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
    padding-top: 3vw;
}
.voice_list {
    margin: 0 5vw;
}
.voice_head {
    display: block;
    position: relative;
    width: 100%;
}
.voice_midashi {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 2vw;
}
span.voice_titletext {
    font-family: "游ゴシック";
    font-size: 26px;
}
.voice_name {
    display: flex;
    position: relative;
    align-items: center;
    padding-top: 2vw;
    padding-bottom: 2vw;
}
.voice_name h3 {
    font-size: 26px;
    padding-left: 1vw;
}
.voice_joinus {
    display: block;
    position: absolute;
    width: 20%;
    padding-left: 70vw;
    padding-top: 25vw;
    z-index: 1;
}
.voice_bg {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 10vw;
}
.contact_body {
    display: flex;
    position: absolute;
    width: 100%;
    justify-content: center;
    z-index: 1;
}
.contact_list {
    display: block;
    position: relative;
    margin: 5vw;
    padding-top: 5vw;
}
.contact_icon {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding-left: 5vw;
}
.contact_text {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 1vw;
    padding-bottom: 1vw;
}
.contact_btnbox {
    display: flex;
    justify-content: center;
    padding-bottom: 3vw;
}
.contact_telbtn {
    display: inline-block;
    position: relative;
    margin: 1vw 2vw;
}
.contact_instabtn {
    display: inline-block;
    position: relative;
    margin: 1vw 2vw;
}
.contact_linebtn {
    display: inline-block;
    position: relative;
    margin: 1vw 2vw;
}
.instagram_icon {
    display: inline-block;
    position: relative;
    margin: 0 auto;
}
iframe.insta {
    width: 445px;
    height: 700px;
}
.instagram_img {
    display: block;
    position: relative;
    padding-top: 2vw;
}
.footer_body {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 53vw;
    background: url(../img/footer_band.jpg)no-repeat center;
    background-size: cover;	
}
.footer_bg {
    display: block;
    position: absolute;
    width: 100%;
}
.footer_info {
	display: flex;
    position: relative;
    justify-content: center;
    padding-top: 10px;
}
.footer_list {
    display: inline-block;
    position: relative;
}
.footer_logo {
    display: block;
    position: relative;
    width: 40%;
    padding-top: 5vw;
}
.footer_text {
    display: flex;
    position: relative;
    padding-top: 3vw;
}
ul.footer_navttl {
    font-family: "游ゴシック";
    font-weight: bold;
    font-size: 16px;
}
ul.footer_navtxt {
    font-family: "游ゴシック";
    font-weight: bold;
    font-size: 16px;
    padding-left: 3vw;
}
.footer_map {
    display: inline-block;
    position: relative;
    padding-left: 10vw;
}
iframe {
    width: 500px;
    height: 300px;
}
.footer_copy {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 5vw;
	padding-bottom: 5vw;
}
.footer_copy p {
    text-align: center;
    font-family: "游ゴシック";
    font-weight: bold;
}
}
