@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');

/* 初期設定 */
* {
    margin: 0;
    padding:0
}

body {
	padding: 0;
	margin: 0 auto;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 180%;
    font-weight: 500;
    width: 100%;
    height:100%;
    color: #000;
}


@media screen and (max-width: 834px) {
body {
    font-weight: 500;
}
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	line-height: 150%;
}

html {
	-ms-text-size-adjust: 100%;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 62.5%;
}

html {
    height: 100%;
    -webkit-text-size-adjust:100%
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, p, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background:transparent
}
svg {
    width: 100%;
    height:100%
}
img {
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border: none;
    vertical-align:bottom
}




.sp_only {
	display: none !important;
}
@media only screen and (max-width: 834px) {
.sp_only {
	display: block !important;
}
.pc_only {
	display: none !important;
}
}



#container {
background-color: #FFF;
overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: auto;
}
.container {
display: block;
	margin: 0 auto;
	padding: 0;
	width: auto;
}




p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
ul, ol {
margin: 0;
padding: 0;
}
ul li, ol li {
margin: 0;
margin-left: 1em;
padding: 0;
}






body {
  font-size: 18px;
}

.reason_midashi_num {
font-size: 76px;
}
.box_about h4,
.flex_reason_txt_midashi h4 {
font-size: 38px;
}
.about_bold,
ul.list_osusume li {
font-size: 24px;
}
.box_about p,
dl.faq {
font-size: 16px;
}







@media screen and (max-width: 1366px) {
body {
  font-size: 1.32vw;
}
.reason_midashi_num {
font-size: 5.56vw;
}
.box_about h4,
.flex_reason_txt_midashi h4 {
font-size: 2.78vw;
}
.box_about p,
dl.faq {
font-size: 1.17vw;
}
.about_bold,
ul.list_osusume li {
font-size: 1.76vw;
}
}



@media screen and (max-width: 768px) {
body {
  font-size: 16px;
}
.reason_midashi_num {
font-size: 4.69vw;
}
.flex_reason_txt_midashi h4 {
font-size: 17.67vw;
}

.box_about h4,
.flex_reason_txt_midashi h4 {
font-size: 22px;
}

.box_about p,
dl.faq {
font-size: 14px;
}
.about_bold,
ul.list_osusume li {
font-size: 18px;
}
}


@media screen and (max-width: 430px) {
body {
  font-size: 16px;
}
.reason_midashi_num {
font-size: 36px;
}
.flex_reason_txt_midashi h4 {
font-size: 17.67vw;
}

.box_about h4,
.flex_reason_txt_midashi h4 {
font-size: 22px;
}

.box_about p,
dl.faq {
font-size: 14px;
}
.about_bold,
ul.list_osusume li {
font-size: 18px;
}
}



/********* 全体 ***********************************************/
#fixedTop {
    right: 0px;
    bottom: 110px;
    width: 50px;
    height: 50px;
    line-height: 50px;
	background-image: url(../images/totop.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #b92c64;
    color: #fff;
    text-align: center;
    display: none;
    position: fixed;
    z-index: 9999;
	border-radius: 4px;
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}




#footerMenu , ul.foot_menu {
	display: none;
}
@media only screen and (max-width: 834px) {
#footerMenu {
	display: block;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	width: 100%;
	height: 0px;
	position: fixed;
	z-index: 300;
	bottom: 0;
	overflow: none;
	left: 0;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-webkit-box-shadow: 0px -4px 38px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:    0px -4px 38px rgba(50, 50, 50, 0.50);
	box-shadow:         0px -4px 38px rgba(50, 50, 50, 0.50);
}

#footerMenu.show {
	height: 60px;
	padding: 0 0;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

ul.foot_menu {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
	margin: 0;
	padding: 0;
	text-align: center;
	align-items: center;
	align-content: center;
	line-height: 130%;
}
ul.foot_menu li {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: block;
	height: 100%;
	text-align: center;
}
ul.foot_menu li:nth-child(1) {
	width: calc(100%);
	background-color: #b92c64;
}
ul.foot_menu li:nth-child(2) {
	width: 60px;
	background-color: #CCC;
}

ul.foot_menu li a {
	display: block;
	padding: 0 0;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 115%;
}
ul.foot_menu li:nth-child(1) a {
	height: 100%;
padding: 1em 0;
}
ul.foot_menu li img {
display: block;
max-width: 100%;
margin: 0 0;
}

ul.foot_menu li:nth-child(1) a {
	background-color: #b92c64;
}
ul.foot_menu li:nth-child(2) a {
	background-color: #CCC;
}
}







/********* ヘッダー *************************************************/

#header {
	position: fixed;
	width: 100%;
	z-index: 3;
	padding: 0 0;
	margin: 0 auto;
	background: #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.header{
	position: relative;
	display: block;
	padding: 8px 0;
	margin: 0 auto;
	max-width: 940px;
}
@media only screen and (max-width: 940px) {
.header{
	margin: 0 8px;
}
}

.flex_menu_logo {
display: block;
width: 100px
}


h1 {
	position: relative;
	z-index: 100;
	display: block;
	padding: 0;
	margin: 0;
}
h1 img {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
}


.head_top_flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.head_top_flex_left,
.head_top_flex_right {
display: block;
width: 50%;
}
@media only screen and (max-width: 834px) {

.head_top_flex_right {
display: none;
}
}



ul.list_bt_head {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
margin: 0;
padding: 0;
justify-content: flex-end;
}
ul.list_bt_head li {
display: inline-block;
list-style: none;
margin-left: 15px;
}
ul.list_bt_head li img {
display: block;
max-height: 50px;
width: auto;
}
	



/********* メイン*************************************************/
#main {
display: block;
	background-image: url(../images/main_back_est.jpg);
background-size: cover;
background-repeat: no-repeat;
position: relative;
	margin: 0;
/*	margin-top: 60px; */
	margin-bottom: 0;
	padding: 0;
}

.topmain_malta01 {
display: inline-block;
margin: 2em;
width: 55%;
padding-bottom: 10vh;
}
.topmain_malta02 {
position: absolute;
display: inline-block;
top:1em;
right: 0.5em;
width: 15%;
}
.main {
display: block;
max-width: 940px;
position: relative;
	margin: 0 auto;
	padding: 0;
}



@media only screen and (max-width: 834px) {
#main {
/*		margin-top: 60px; */
	margin-bottom: 0;
	background-position: right -13em top 0;
}
.topmain_malta01 {
display: block;
margin: 0 auto;
padding-top: 1em;
padding-bottom: 17em;
width: 95%;
}
.topmain_malta02 {
position: absolute;
display: inline-block;
top:1em;
right: 0.5em;
width: 20%;
}
}

.main_under {
position: relative;
display: block;
	margin: 0 auto;
	padding: 2.5em 16px;
	text-align: center;
	background-color: #ec6d81;
	color: #FFF;
}
.main_under_txt {
display: block;
margin: 0 auto;
padding: 0;
max-width: 900px;
}

@media only screen and (max-width: 834px) {
.main_under_txt {
max-width: 100%;
}
}


.bg_mainunder_contact {
text-align: center;
padding: 40px 0;
background-color: #FDEDE4;
margin-bottom: 40px;
}
.bg_mainunder_contact .content-in {
margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
.bg_mainunder_contact {
padding: 24px 0;
margin-bottom: 24px;
}
}


.bt_contact {
display: block;
margin: 0 auto;
max-width: 100%;
width: 43%;
}
@media only screen and (max-width: 720px) {
.bt_contact {
width: 70%;
margin: 0 auto;
}
}

.box_about {
display: inline-block;
background-color: #f9efe3;
padding: 0.75em;
color: #444;
}
.box_about_in {
background-image: repeating-linear-gradient(90deg, #f8736a, #f8736a 12px, transparent 12px, transparent 16px), repeating-linear-gradient(180deg, #f8736a, #f8736a 12px, transparent 12px, transparent 16px), repeating-linear-gradient(90deg, #f8736a, #f8736a 12px, transparent 12px, transparent 16px), repeating-linear-gradient(180deg, #f8736a, #f8736a 12px, transparent 12px, transparent 16px);
  background-position: left top, right top, left bottom, left top;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
  background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
border-radius: 8px;
padding: 2em 3em;
}
@media screen and (max-width: 720px) {
.box_about {
display: block;
padding: 0.5em;
}
.box_about_in {
border-radius: 8px;
padding: 1.5em 0.5em;
}
}


.yellowline {
background: linear-gradient(transparent 50%, #fee93e 0%);
padding: 0 0.2em;
}

.box_about p {
font-weight: 700;
margin-bottom: 0;
}




.bg_osusume {
display: block;
width: 100%;
margin-top: 120px;
padding: 40px 0;
background-color: #FDEDE4;
position: relative;
}

.title_osusume {
display: block;
margin: 0 auto;
max-width: 600px;
margin-top: -120px;
margin-bottom: 40px;
}
@media only screen and (max-width: 834px) {
.bg_osusume {
margin-top: 80px;
padding: 24px 0;
}
.title_osusume {
max-width: 80%;
margin-top: -80px;
margin-bottom: 24px;
}
}

.title_osusume_img {
display: block;
margin: 0 auto;
margin-bottom: 2em;
padding: 0;
width: 34em;
}

.about_bold {
color: #F00;
}

ul.list_osusume {
margin: 0 auto;
padding: 0;
text-align: left;
}

ul.list_osusume li {
position: relative;
list-style: none;
margin: 0;
padding: 0.5em 1em;
line-height: 150%;
padding-left: 2.5em;
color: #707070;
font-weight: 700;
border-bottom: 4px solid #FFF;
}
ul.list_osusume li:first-child {
border-top: 4px solid #FFF;
}
ul.list_osusume li:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: '\f00c';
font-weight: 900;
color: #52C0D8;
font-size: 120%;
margin-left: -2em;
}
@media only screen and (max-width: 720px) {
ul.list_osusume li {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
padding: 0.5em 0.5em;
padding-left: 1.75em;
border-bottom: 3px solid #FFF;
min-height: 3em;
}

ul.list_osusume li:first-child {
border-top: 3px solid #FFF;
}
ul.list_osusume li:before {
font-size: 120%;
margin-left: -1.25em;
}
}

.flex_osusume {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-end;
}
.flex_osusume_left,
.flex_osusume_right {
display: block;
width: 18%;
}
.flex_osusume_left {
order: 1;
}
.flex_osusume_right {
order: 3;
}

.flex_osusume_txt {
display: block;
width: calc(100% - 43%);
order: 2;
}
@media screen and (max-width: 720px) {
.flex_osusume {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: flex-start;
}
.flex_osusume_left {
order: 2;
width: 18%;
}
.flex_osusume_right {
display: none;
}

.flex_osusume_txt {
display: block;
width: calc(100% - 20%);
order: 1;
}

}
@media screen and (max-width: 640px) {
.flex_osusume {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.flex_osusume_left {
order: 2;
width: 22%;
}
.flex_osusume_right {
display: none;
}

.flex_osusume_txt {
display: block;
width: calc(100% - 22%);
order: 1;
}

.flex_osusume_left .imagecenter00 {
position: relative;
z-index: 2;
width: auto;
max-width: 140%;
float: right;
}
}

.sp_scrollimg {
display: block;
	max-width: 100%;
	margin: 0 auto;
  }
@media screen and (max-width: 400px) {
  .sp_scroll640 {
    overflow-x: scroll;
  margin-bottom: 8px!important;
  }
.sp_scrollimg {
    width: 100%;
	min-width: 400px;
	margin: 0;
  }
}
p.sp_scrolltxt {
display: none;
}
@media only screen and (max-width: 400px) {
p.sp_scrolltxt {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
  color: #E61F53;
}
}

.bg_reason_title {
text-align: center;
padding: 40px 0;
margin-bottom: 0;
background-color: #e61f53;
color: #FFF;
}
.bg_reason_title .content-in {
margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
.bg_reason_title {
padding: 24px 0;
}
}

.bg_reason {
padding: 40px 0;
background-color: #FDEDE4;
color: #FFF;
}
.bg_reason .content-in {
margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
.bg_reason {
padding: 24px 0;
}
}

.malta_pic001 {
position: absolute;
display: block;
width: 15%;
top: 60px;
left: 5%;
}
.malta_pic002 {
position: absolute;
display: block;
width: 15%;
max-width: 300px;
top: 60px;
right: 5%;
}
@media only screen and (max-width: 1200px) {
.malta_pic001,
.malta_pic002 {;
max-width: 200px;
}
.malta_pic001 {
left: 2%;
}
.malta_pic002 {
right: 2%;
}
}
@media only screen and (max-width: 720px) {
.malta_pic001,
.malta_pic002 {
display: none;
}
.malta_pic001 {
width: 15%;
top: 5%;
left: 5%;
}
.malta_pic002 {
width: 15%;
top: 5%;
right: 5%;
}
}


.title_reason {
display: block;
max-width: 100%;
margin: 0 auto;
width: 44em;
}

@media only screen and (max-width: 768px) {
.title_reason {
width: 22em;
}
}
@media only screen and (max-width: 480px) {
.title_reason {
width: 16em;
}
}

.flex_reason {
  position: relative;
  display: flex;
  overflow: hidden;
}

.flex_reason:nth-child(n+2){
margin-top: 3em;
}
.flex_reason_pic,
.flex_reason_pic02 {
  position: relative;
  z-index: 2;
display: block;
width: 45%;
}
.flex_reason_pic02 {
order: 2;
}
.flex_reason_txt,
.flex_reason_txt02 {
position: relative;
display: block;
width: 55%;
background-color: #FFF;
border-top: 10px solid #E61F53;
margin-top: 3.5em;
color: #000;
min-height: 13.5em;
}
.flex_reason_txt_in {
padding: 2em;
padding-top: 1.2em;
}

.flex_reason_txt p,
.flex_reason_txt02 p {
margin-bottom: 0;
}
.flex_reason_txt::before {
  position: absolute;
  content: "";
  display: block;
  width: 5em;
  height: 100%;
  background-color: #FFF;
  top: 0;
  left: -5em;
  z-index: 0;
}
.flex_reason_txt02::after {
  position: absolute;
  content: "";
  display: block;
  width: 5em;
  height: 100%;
  background-color: #FFF;
  top: 0;
  right: -5em;
  z-index: 0;
}

@media only screen and (min-width: 1200px) {
.flex_reason_txt,
.flex_reason_txt02 {
position: relative;
display: block;
width: 55%;
background-color: #FFF;
border-top: 10px solid #E61F53;
margin-top: 3.5em;
color: #000;
min-height: 20.5em;
}

}
@media only screen and (max-width: 980px) {
.flex_reason_pic,
.flex_reason_pic02 {
width: 48%;
}
.flex_reason_txt,
.flex_reason_txt02 {
width: 52%;
margin-top: 3em;
min-height: 12.5em;
}
.flex_reason_txt::before {
  position: absolute;
  content: "";
  display: block;
  width: 4em;
  height: 100%;
  background-color: #FFF;
  top: 0;
  left: -4em;
  z-index: 0;
}
.flex_reason_txt02::after {
  position: absolute;
  content: "";
  display: block;
  width: 4em;
  height: 100%;
  background-color: #FFF;
  top: 0;
  right: -4em;
  z-index: 0;
}
}

@media only screen and (max-width: 780px) {
.flex_reason {
  display: block;
}
.flex_reason_pic,
.flex_reason_pic02  {
display: block;
width: 85%;
margin: 0 auto;
margin-bottom: 0;
}
.flex_reason_txt,
.flex_reason_txt02{
width: auto;
padding: 16px;
background-color: #FFF;
border-top: 5px solid #E61F53;
margin-top: 0;
}
.flex_reason_txt::before,
.flex_reason_txt02::before {
  display: none;
}
}


.flex_reason_txt_midashi {
display: block;
padding: 0 0.2em;
padding-bottom: 1em;
margin-bottom: 2em;
border-bottom: 2px solid #444;
}
@media only screen and (max-width: 720px) {
.flex_reason_txt_midashi {
display: block;
padding: 0 0.2em;
padding-bottom: 16px;
margin-bottom: 24px;
}
}

.flex_reason_txt_midashi_flex {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
}
.flex_reason_txt_midashi h4 {
margin-bottom: 0;
padding: 0;
line-height: 130%;
letter-spacing: -0.04em;
display: inline-block;
width: calc(100% - 2em);
}
.reason_midashi_num {
display: inline-block;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #E458A3;
line-height: 130%;
}
@media only screen and (max-width: 748px) {
.flex_reason_txt_midashi h4 {
width: calc(100% - 2em);
}
.reason_midashi_num {
width: 0.75em;
}
}


.bg_flow {
padding: 40px 0;
	background-image: url(../images/bg_flow_est.jpg);
background-size: cover;
background-position: bottom center;
position: relative;
background-color: #FDEDE4;
color: #FFF;
}
.bg_flow .content-in {
margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
.bg_flow {
padding: 40px 16px;
}
}
@media only screen and (max-width: 768px) {
.bg_flow {
padding: 24px 16px;
}
.bg_flow .content {
margin: 0 auto;
}
}

.title_flow {
display: block;
margin: 0 auto;
max-width: 100%;
width: 22em;
}
@media only screen and (max-width: 7680px) {
.title_flow {
max-width: 100%;
width: 15em;
}
}
@media only screen and (max-width: 480px) {
.title_flow {
width: 11em;
}
}

.bg_faq {
padding: 40px 0;
background-color: #F9EFE0;
}
.bg_faq .content-in {
margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
.bg_faq {
padding: 24px 0;
}
}

.title_faq {
display: block;
margin: 0 auto;
max-width: 600px;
margin-bottom: 40px;
}
@media only screen and (max-width: 834px) {
.title_faq {
max-width: 80%;
margin-bottom: 24px;
}
}

.box_faq {
display: block;
margin: 0 auto;
max-width: 900px;
}

@media only screen and (max-width: 1200px) {
.box_faq {
display: block;
margin: 0 auto;
	max-width: 80%;
}
}


dl.faq {
margin: 0;
padding: 0;
font-weight: 700;
}
@media only screen and (max-width: 834px) {
dl.faq {
margin: 0;
padding: 0;
line-height: 150%;
}
}
dl.faq dt {
position: relative;
margin: 0;
padding: 0;
margin-top: 16px;
margin-bottom: 8px;
padding-left: 2.5em;
color: #444;
}
dl.faq dt:before {
position: absolute;
content: "Q";
margin-left: -2.5em;
color: #FFF;
background-color: #444;
border-radius: 50%;
width: 1em;
height: 1em;
top: 0.2em;
margin-right: 10em;
padding: 0.35em 0.40em;
line-height: 1.0;
text-align: center;
}

dl.faq dd {
position: relative;
margin: 0;
padding: 0;
padding-bottom: 16px;
margin-bottom: 16px;
padding-left: 2.5em;
color: #ED6E83;
border-bottom: 1px dotted #999;
}
dl.faq dd:before {
position: absolute;
content: "A";
margin-left: -2.5em;
color: #FFF;
background-color: #ED6E83;
border-radius: 50%;
width: 1em;
height: 1em;
top: 0.2em;
margin-right: 10em;;
padding: 0.35em 0.40em;
line-height: 1.0;
text-align: center;
}

@media only screen and (max-width: 834px) {
dl.faq dt:before {
top: 0;
}

}



.googleplacemap {
    position: relative;
	display: block;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
}
 
.googleplacemap iframe {
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/********* コンテンツ　*************************************************/
.content {
	display: block;
	margin: 0 auto;
	width: 62.5%;
	max-width: 1200px;
}
.content-in {
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
.content {
	max-width: 80%;
}
.content-in {
	margin-bottom: 24px;
}
}


@media only screen and (max-width: 940px) {
.content {
	max-width: 80%;
	margin: 0 auto;
}
.content-in {
	margin-bottom: 24px;
}
}
@media only screen and (max-width: 720px) {
.content {
width: auto;
	max-width: inherit;
	margin: 0 16px;
}
.content-in {
	margin-bottom: 24px;
}
}

.midashi,
.midashi_malta,
.midashi_full,
.midashi_full_malta {
position: relative;
background-color: #63c0d1;
color: #FFF;
padding: 8px 16px;
padding-bottom: 0;
line-height: 1.0;
margin-bottom: 32px;
}
.midashi_malta {
background-color: #63142d;
}
.midashi_full_malta {
background-color: #63142d;
}
.midashi_full,
.midashi_full_malta {
text-align: center;
}
.midashi:after,
.midashi_malta:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 5%;
  margin-left: -17px;
  border: 16px solid transparent;
  border-top: 16px solid #63c0d1;
  z-index: 1;
}
.midashi_malta:after {
  border-top: 16px solid #63142d;
  z-index: 1;
}
.midashi_full:after {
  content: "";
  position: absolute;
  bottom: -30px;
	transform: translateX(-50%);
  left: 50%;
  border: 16px solid transparent;
  border-top: 16px solid #63c0d1;
  z-index: 1;
}
.midashi_full_malta:after {
  content: "";
  position: absolute;
  bottom: -30px;
	transform: translateX(-50%);
  left: 50%;
  border: 16px solid transparent;
  border-top: 16px solid #63142d;
  z-index: 1;
}
@media only screen and (max-width: 834px) {
.midashi,
.midashi_malta,
.midashi_full,
.midashi_full_malta {
color: #FFF;
padding: 12px 12px;
padding-bottom: 12px;
margin: 0 -16px;
margin-bottom: 20px;
}
.midashi:after,
.midashi_malta:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 10%;
  border: 12px solid transparent;
  border-top: 12px solid #63c0d1;
  z-index: 1;
}
.midashi_malta:after {
  border-top: 12px solid #63142d;
}
}
.midashi h3,
.midashi_malta h3,
.midashi_full h3,
.midashi_full_malta h3 {
padding-bottom: 8px;
margin: 0;
margin-bottom: 0;
line-height: 1.2;
}
.midashi p,
.midashi_malta p,
.midashi_full p ,
.midashi_full_malta p {
margin: 0;
margin-bottom: 0;
padding-bottom: 8px;
line-height: 1.2;
}

@media only screen and (max-width: 834px) {
.midashi h3,
.midashi_malta h3,
.midashi_full h3,
.midashi_full_malta h3 {
padding-bottom: 0;
}
.midashi p,
.midashi_malta p,
.midashi_full p ,
.midashi_full_malta p {
padding-bottom: 0;
}
}

.midashiwaku {
display: block;
max-width: 940px;
margin: 0 auto;
	background-image: url(../images/midashi_waku_top.png), url(../images/midashi_waku_bottom.png), url(../images/midashi_waku_middle.png);
	background-position: top, bottom, center;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 100%;
	padding: 24px 8%;
	padding-bottom: calc(24px + 4%);
}
@media only screen and (max-width: 834px) {
.midashiwaku {
	padding: 16px 6%;
	padding-bottom: calc(24px + 3%);
}
}
.midashiwaku p {
margin: 0;
color: #727aab;
text-align: center;
font-weight: 700;
margin-bottom: 0;
line-height: 1.2;
}



.flex_where {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_where_box {
display: block;
width: calc(100% / 2 - 20px);
}
.flex_where_box h3,
.flex_where_box h4,
.flex_where_box h5 {
text-align: center;
margin-bottom: 8px;
}
@media only screen and (max-width: 834px) {
.flex_where {
display: block;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_where_box {
display: block;
width: auto;
}
.flex_where_box:nth-child(n+2) {
margin-top: 24px;
}
.flex_where_box h5 {
text-align: center;
margin-bottom: 8px;
}
}


.title_z2 {
position: relative;
z-index: 2;
}
.bg_price {
display: block;
	background-image: url(../images/im_scenery_town.jpg);
background-size: cover;
position: relative;
	margin: 0;
	margin-bottom: 40px;
	margin-top: -16px;
	padding: 40px 0;
	z-index: 0;
}
.bg_contact {
display: block;
	background-image: url(../images/bg_abstract_polygon.jpg);
background-size: cover;
position: relative;
	margin: 0;
text-align: center;
	margin-bottom: 40px;
	padding: 40px 0;
	color: #FFF;
}
.bg_contact h4 {
margin-bottom: 16px;
}
@media only screen and (max-width: 834px) {
.bg_price {
	margin: 0;
	margin-bottom: 24px;
	padding: 24px 8px;
	margin-top: -16px;
}
.bg_price .content {
	margin: 0 0;
}
.bg_contact {
	margin: 0;
	margin-bottom: 24px;
	padding: 24px 0;
}
}

.box_course {
display: block;
background-color: #fcf6ee;
padding: 24px 24px;
}
.flex_course {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin-bottom: 40px;
}
.flex_course_pic,
.flex_course_txt {
display: block;
width: calc(100% / 2 - 20px);
}
.flex_course_pic {
background-color: #FFF;
}
.flex_course_txt {
line-height: 1.5;
}

.flex_course_txt h4 {
color: #5799d6;
}

@media only screen and (max-width: 834px) {
.box_course {
padding: 16px 8px;
}
.flex_course {
display: block;
margin-bottom: 24px;
}
.flex_course_pic,
.flex_course_txt {
display: block;
width: auto;
margin-bottom: 16px;
}
.flex_course_pic .imagecentrer00 {
}
.flex_course_txt {
margin-bottom: 0;
}
}
ul.list_course {
margin: 0;
padding: 0;
}

ul.list_course li {
list-style: none;
margin: 0;
margin-bottom: 8px;
line-height: 150%;
padding: 0;
padding-left: 1.2em;
font-weight: 700;
}
ul.list_course li:before {
content:"◆";
color: #5799d6;
margin-left: -1.2em;
}

ul.list_course li:last-child {
margin-bottom: 0;
}


@media only screen and (max-width: 834px) {
.bg_company .content {
	margin: 0 0;
}
}
@media only screen and (max-width: 834px) {
.bg_naiyou {
	margin: 0 -16px;
}
}


h5.title_company {
border-bottom: 2px solid #63c0d1;
margin-bottom: 16px;
}
@media only screen and (max-width: 834px) {
h5.title_company {
margin-bottom: 8px;
}
}

dl.company_dl {
margin: 0;
padding: 0;
font-weight: 700;
}
dl.company_dl dt,
dl.company_dl dd {
margin: 0;
padding: 0.5em;
line-height: 150%;
}
dl.company_dl dt {
background-color: #EEE;
}
dl.company_dl a {
color: #000;
text-decoration: none;
}

@media only screen and (max-width: 834px) {
dl.company_dl  {
padding: 0 8px;
}
dl.company_dl dt,
dl.company_dl dd {
padding: 0.5em 8px;
}
}

.company_googlemap {
    position: relative;
	display: block;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
	margin-bottom: 16px;
}
 
.company_googlemap iframe {
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/********* フッター *************************************************/

.copy {
position: relative;
background: #E61F53;
color: #FFF;
padding: 1.5em;
	line-height: 150%;
	display: block;
	text-align: center;
	font-size: 12px;
}

@media only screen and (max-width: 834px) {
.copy {
padding-bottom: 80px;
}
}

#footer {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0 0;
}
.footer {
	position: relative;
max-width: 1040px;
	display: block;
	margin: 0 auto;
	padding-bottom: 40px;
}


@media only screen and (max-width: 834px) {
.footer {
	padding-bottom: 24px;
}
}

ul.list_sns {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
ul.list_sns li {
list-style: none;
display: inline-block;
margin: 0 1em;
padding: 0;
}

/********* 各メージメニュー *************************************************/


.flex_main_under {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin-bottom: 40px;
}


.main_under_txt {
display: block;
width: 38em;
max-width: 100%;
}
.main_under_pic_right {
display: block;
float: right;
width: calc(50% - 20px);
margin-left: 24px;
margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
.main_under_txt {
display: block;
width: 38em;
max-width: 100%;
}
.main_under_pic_right {
float: inherit;
width: auto;
margin: 0 auto;
margin-bottom: 24px;
margin-left: auto;
}
}

.main_under_txt {
display: block;
}
.main_under_txt_right {
display: block;
width: calc(50% - 20px);
margin-bottom: 0;
}

.main_under_pic_left {
display: block;
width: calc(50% - 20px);
margin-bottom: 0;
}

@media only screen and (max-width: 834px) {
.flex_main_under {
display: block;
margin-bottom: 24px;
}
.main_under_txt_right {
width: auto;
margin-bottom: 0;
}

.main_under_pic_left {
width: auto;
margin-bottom: 24px;
}
}


.main_under_title h3,
.main_under_title h4 {
text-align: center;
font-weight: 400;
}






/************************************
** 個別
************************************/

.imagecenter {
display: block;
margin: 0;
margin-bottom: 1em;
padding: 0;
max-width: 100%;
}


.imagecenter00 {
display: block;
margin: 0 auto;
padding: 0;
max-width: 100%;
}

.right {
float: right;
}

.red{
color: #E61F53;
}
.orange {
color: #F90;
}
.pink {
color: #fc5987;
}
.yellow {
color: #f9d50b;
}
.blue {
color: #0168b7;
}

.green {
color: #53c0c7;
}
.navy {
color: #2f418f;
}
.pink02 {
color: #F9B;
}
.gold {
color: #eee06d;
}
.gray {
color: #555;
}
.wine {
color: #B07;
}
.f12 {
font-size: 12px;
}
.f14 {
font-size: 14px;
}
.f16 {
font-size: 16px;
}
.f18 {
font-size: 18px;
}
.f20 {
font-size: 20px;
}
.f24 {
font-size: 24px;
}
.f28 {
font-size: 28px;
}
.f32 {
font-size: 32px;
}
.f36 {
font-size: 36px;
}
.f50 {
	font-size: 50%;
}
.f60 {
	font-size: 60%;
}
.f70 {
	font-size: 70%;
}
.f80 {
	font-size: 80%;
}
.f90 {
	font-size: 90%;
}
.f110 {
	font-size: 110%;
}
.f120 {
	font-size: 120%;
}
.f150 {
	font-size: 150%;
}
.f200 {
	font-size: 200%;
}


.fw300 {
font-weight: 300;
}
.fw400 {
font-weight: 400;
}
.fw500 {
font-weight: 500;
}
.fw600 {
font-weight: 700;
}
.fw700 {
font-weight: 700;
}
.fw900 {
font-weight: 900;
}

.wavyline {
  text-decoration: underline;
  text-decoration-style: wavy;
  text-decoration-color: #2d6595;
  text-decoration-skip-ink: none;
text-decoration-thickness: 5px;
  text-underline-offset: 5px;
}

.mb001 {
	margin-bottom: 70px;
}

.t_center {
	text-align: center !important;
}
.t_center_pc {
	text-align: center;
}

.member_pic {
	width: 20%;
		margin-top: -10px;
}

@media only screen and (max-width: 834px) {
.t_center_pc {
	text-align: left;
}
.t_center_sp {
	text-align: center;
}
}
.t_left {
	text-align: left !important;
}
.t_right {
	text-align: right !important;
	}