@import url(//use.fontawesome.com/releases/v5.7.2/css/all.css);

@media screen and (max-device-width: 1024px) {
    html body#page_index.mode_pc {
min-width:1280px !important;
margin:0;
padding:0;
color:#000;
    }
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
html {
    font-size: 10px;
}
body {
    line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}
ul, ol {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
.ct {
    text-align: center;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}


a {
    margin: 0;
    padding: 0;
    /*font-size:100%;*/
    vertical-align: baseline;
    background: transparent;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
    clear: both;
}
input, select {
    vertical-align: middle;
}
img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}
.tornac {
    font-family: tornac, sans-serif;
    letter-spacing: 0;
}
*, ::before, ::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    height: 100%;
    width: 100%;
}
body {
    width: 100%;
    height: 100%;
    min-width: 1020px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #333333;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.blogheading_ttl {
    position: relative;
    padding: 1.5em .7em 1.4em;
    border-bottom: 3px solid #2589d0;
    border-top: 3px solid #2589d0;
    color: #333333;
	margin:2em 0;
	font-weight:bold;
}
.blogheading_ttl span{
	font-size:1.5em;
}

.blogheading_ttl::before,
.blogheading_ttl::after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.blogheading_ttl::before {
    background-color: #2589d0;
}

.hblogheading_ttl::after {
    bottom: -11px;
    background-color: #fff;
}


div.blog_col_under ul {
  color: #1e366a;
  padding: 0.5em 0.5em 0.5em 2em;
}
div.blog_col_under ul li{
  position: relative;
  line-height: 30px;
}
div.blog_col_under ul.share-list li::after{
   background: none;
}
div.blog_col_under ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .8em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 100%;
}
div.blog_col_under div#toc_container.toc_white.no_bullets ul.toc_list li::after {
   background:none !important;
}
.breadcrumbles {
    font-size: 1.2rem;
}
.breadcrumbles a{
    color: #000 !important;
}


/*テキスト装飾*/
.marker_yellow_hoso {
    background: linear-gradient( transparent 80%, #fce20e 60%);
    font-weight: 700;
}

@media screen and (max-width: 768px) {
body {
    min-width: 320px;
    max-width: 100%;
}
}
a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.3s;
    display: inline-block;
}
a:hover {
    transition: opacity 0.3s;
}
p {
    /*text-align: justify;*/
    letter-spacing: 1.5px;
}
.opa {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.3s;
}
.opa:not(.not):hover {
    transition: opacity 0.3s;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

@media screen and (max-width: 768px) {
.opa:not(.not):hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
}
.image {
    max-width: 100%;
    height: auto;
}
.flex {
    display: -webkit-flex;
    display: flex;
}
.pc_on {
    display: inline;
}

@media screen and (max-width: 768px) {
.pc_on {
    display: none;
}
/*ios15対策*/
select {
  color: #000 !important;
}
}
.sp_on {
    display: none;
}

@media screen and (max-width: 768px) {
.sp_on {
    display: inline;
}
}

.pc_block {
    display: block;
}
@media screen and (max-width: 768px) {
.pc_block {
    display: none;
}
}

.sp_block {
    display: none;
}
@media screen and (max-width: 768px) {
.sp_block {
    display: block;
}
}


.deco {
    position: relative;
}
.deco::before, .deco::after {
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}
.deco::before {
    left: 0;
}
.deco::after {
    right: 0;
}
.anker {
    position: absolute;
    top: -40px;
}

@media screen and (max-width: 768px) {
.anker {
    top: -20px;
}
}
.mode_wp .panel_area .panel_wrap {
    top: 32px;
}
.mode_wp .panel_area .panel_btn_box {
    top: 42px;
}

@media screen and (max-width: 782px) {
.mode_wp .panel_area .panel_wrap {
    top: 46px;
}
.mode_wp .panel_area .panel_btn_box {
    top: 56px;
}
}

@media screen and (max-width: 600px) {
.mode_wp .panel_area .panel_wrap {
    top: 0;
}
.mode_wp .panel_area .panel_btn_box {
    top: 10px;
}
}
.post_content {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.2;
    letter-spacing: 0.1rem;
    overflow: hidden;
}
/*コラム新スタイル*/
/*01*/
.boxmemo {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.boxmemo .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.boxmemo .box-title:before {
    font-family: "Font Awesome 5 Free";
    content: '\f303';
    font-weight: 900;
}

.boxmemo p {
    margin: 0; 
    padding: 0;
}
.boxblue {
    margin: 2em 0;
    background: #dcefff;
}
.boxblue .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.boxblue p {
    padding: 15px 20px;
    margin: 0;
}

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
}
.box1 p {
    margin: 0 !important; 
    padding: 0;
}
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0 !important; 
    padding: 0;
}
.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;/*背景色*/
}
.box3 p {
    margin: 0 !important; 
    padding: 0;
}
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0 !important; 
    padding: 0;
}
.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0 !important; 
    padding: 0;
}
.box23 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #fff0c6;
    border-radius: 30px;
}
.box23:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #fff0c6;
}
.box23:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #fff0c6;
}
.box23 p {
    margin: 0 !important; 
    padding: 0;
}
.box24 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e6f4ff;
    width: 0;
    height: 0;
}
.box24 p {
    margin: 0 !important; 
    padding: 0;
    font-size: 2rem;
    color: #000 !important;
}
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p,.box24 p strong {
    margin: 0 !important; 
    padding: 0;
}
ol{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
ol{
  padding-left: 1em;
}
ol li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}
ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
.post_content {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 50px;
    height: 50px;
    z-index: 100;
}
.pagetop a {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #29a4e2;
    color: #fff;
    font-size: 22px;
    line-height: 2.1;
    text-indent: 0.85em;
    text-decoration: none;
}
.pagetop img {
    margin: 18px -3px;
}
}
.post_content img {
    max-width: 100%;
    height: auto;
    display: block;
}
.post_content img.aligncenter {
    display: block;
    margin: 0 auto;
}
.post_content img.alignleft {
    float: left;
    margin-right: 20px;
    display: inline;
}
.post_content img.alignright {
    float: right;
    margin-left: 20px;
    display: inline;
}
.post_content a {
    text-decoration: underline;
    display: inline;
}
.post_content a:hover {
    text-decoration: none;
}
.post_content p {
    margin: 0 0 40px;
    overflow: hidden;
}
.post_content .t_dubleline {
    border-top: 2px solid #333333;
    border-bottom: 2px solid #333333;
    padding: 16px 0;
    margin: 0 0 40px;
    color: #333333;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
}

@media screen and (max-width: 768px) {
.post_content .t_dubleline {
    margin-bottom: 30px;
    font-size: 20px;
    font-size: 2rem;
}
}
.post_content .t_underline {
    padding: 0 0 5px;
    margin: 0 0 40px;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 2.2;
    display: block;
}
.post_content .t_underline span {
    background-image: linear-gradient(to right, #fce20e, #fce20e);
    background-size: auto 5px;
    background-position: left bottom;
    background-repeat: repeat-x;
    padding: 0 0 10px;
    display: inline;
}

@media screen and (max-width: 768px) {
.post_content .t_underline {
    margin-bottom: 30px;
    font-size: 22px;
    font-size: 2.2rem;
}
.post_content .t_underline span {
    padding-bottom: 6px;
}
}
.post_content .t_fukidashi {
    padding: 38px 0;
    margin: 0 0 40px;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
}
.post_content .t_fukidashi::before, .post_content .t_fukidashi::after {
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 44px;
    height: 22px;
    position: absolute;
    left: 0;
}
.post_content .t_fukidashi::before {
    background-image: url("./images/fukidashi_top.png");
    top: 10px;
}
.post_content .t_fukidashi::after {
    background-image: url("./images/fukidashi_bottom.png");
    bottom: 10px;
}

@media screen and (max-width: 768px) {
.post_content .t_fukidashi {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 20px;
}
}
.post_content ul, .post_content ol {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.post_content ul li, .post_content ol li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.post_content ul {
    list-style-type: disc;
}
.post_content ol {
    list-style-type: decimal;
}
#wrap {
    padding: 0;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
#wrap {
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
}
}
.base_inner {
    width: 1100px;
    padding: 0;
    margin: 0 auto;
}
.base_inner a {
    color: #00a3e1;
}

@media screen and (max-width: 768px) {
.base_inner {
    width: 100% !important;
    padding: 0 20px !important;
}
}

.title_type01 {
    padding: 0 0 30px;
    margin: 80px auto 40px;
    color: #333333;
    letter-spacing: 0.26em;
    font-size: 26px;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.26em;
    position: relative;
}
.title_type01.title_type01--how-to-live-in-fiji{
    margin-top: 70px;
}
.title_type01::before {
    /* content: ""; */
    /* background: url("../images/wave01.png") center no-repeat; */
    background-size: auto 10px;
    width: 142px;
    height: 10px;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.title_type01.white {
    color: #ffffff;
}
.title_type01.white::before {
    background-image: url("../images/wave02.png");
}
.title_type02 {
    margin: 0 auto 40px;
    color: #333333;
    letter-spacing: 0.26em;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    text-align: center;
    line-height: 1.4;
}

/*----------------------
フッターsnsアイコン
-----------------------*/
.sns_ul {
    width: 90%;
    justify-content: center;
    display: flex;
    margin: 0 auto;
}
.sns_ul li {
    width: calc(100px - 10px);
    margin: 20px 15px 50px 15px;
    text-align: center;
}
.sns_ul li a{
    color: #333 !important;
}
/*----------------------
テキストリンクエフェクト
-----------------------*/
/*black*/
a.bdrlink01 {
  position: relative;
  display: inline-block;
  transition: .3s;
}
a.bdrlink01::after {
  position: absolute;
  bottom: 15px;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #000;
  transition: .3s;
}
a.bdrlink01:hover::after {
  width: 100%;
}
a.bdrlink0102 {
  position: relative;
  display: inline-block;
  transition: .3s;
}
a.bdrlink0102::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #000 !important;
  transition: .3s;
}
a.bdrlink0102:hover::after {
  width: 100%;
}
/*blue*/
a.bdrlink02 {
  position: relative;
  display: inline-block;
  transition: .3s;
}
a.bdrlink02::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #058cff;
  transition: .3s;
}
a.bdrlink02:hover::after {
  width: 100%;
}

/*----------------------
ボタン関連
-----------------------*/
.btn {
    margin: 0 auto;
    text-decoration: none;
    display: block;
    cursor: pointer;
    transition: 0.3s;
}
.btn:hover {
    transition: 0.3s;
}
.btn .icon {
    position: relative;
}
.btn .icon::before, .btn .icon::after {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}
.btn02 {
    margin: 0 auto;
    text-decoration: none;
    display: block;
    cursor: pointer;
    transition: 0.3s;
}
.btn02:hover {
    transition: 0.3s;
}
.btn02 .icon {
    position: relative;
}
.btn .icon::before, .btn .icon::after, .btn02 .icon::before, .btn02 .icon::after {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}
.btn_type01 {
    text-align: center;
    text-decoration: none;
    outline: none;
}
.btn_type01::before, .btn_type01::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.btn_type01, .btn_type01::before, .btn_type01::after {
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn_type01 {
    position: relative;
    z-index: 0;
    background-color: #fff;
    border: 2px solid #028bd6;
    color: #028bd6;
    line-height: 50px;
    overflow: hidden;
    font-weight: bold;
}
.btn_type01:hover {
    color: #fff;
}
.btn_type01::after {
    top: -100%;
    width: 100%;
    height: 100%;
}
.btn_type01:hover::after {
    top: 0;
    background-color: #028bd6;
}
/*影響範囲不明のため、暫定対応2026/10/09*/
#main_about .point_area .btn_box .btn.btn_type01.reservation{
    background: #028bd6;
    color: #fff;
    border-radius: 2em;
    font-size: 170%;
    height: 70px;
    margin: 25px auto;
}
#main_about .point_area .btn_box .btn.btn_type01.reservation span{line-height:60px}
/*影響範囲不明のため、暫定対応2026/10/09*/
.btn_type01 .icon {
    padding: 0 15px 0 15px;
}
.btn_type02 {
    background: #279ede;
    background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
    border-radius: 25px;
    width: 200px;
    height: 50px;
    margin: 15px auto;
    color: #fff !important;
    letter-spacing: 0.26em;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    letter-spacing: 0.2em;
    position: relative;
}
.btn_type02 .icon {
    padding: 0 0px 0 30px;
}
.btn_type02 .icon {
    background: url("../../common/images/list_ico.png") 0 50% no-repeat;
    width: 9px;
    height: 12px;
    right: 0;
}

@media screen and (max-width: 768px) {
/*----------------------
フッターsnsアイコンsp
-----------------------*/    
.sns_ul {
    width: 100%;
    justify-content: center;
    display: flex;
    margin: 0 auto;
}
.sns_ul li {
    width: calc(80px - 10px);
    margin: 20px 12px 50px 0px;
    text-align: center;
    font-size: 1.1rem;
}
.sns_ul li img {
    max-width: 90%;
    height: auto;
}
.title_type01 {
    padding: 0 0 20px;
    margin: 60px auto 30px;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: .2rem;
}
.title_type01.title_type01--how-to-live-in-fiji{
    margin-top: 50px;
}
.title_type01::before {
    background-size: auto 8px;
    height: 8px;
}
.title_type02 {
    margin: 0 auto 30px;
    font-size: 18px;
    font-size: 1.7rem;
}

.btn_type01 {
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-size: 1.2rem;
}
.btn_type01 .icon {
    padding: 0 20px 0 0;
}
.btn_type01 .icon::after {
    width: 8px;
    height: 10px;
}
.btn_type02 {
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-size: 1.2rem;
}
.btn_type02 .icon {
    padding: 0 30px 0 0;
}
.btn_type02 .icon::after {
    width: 8px;
    height: 10px;
}
}
.deco_type01 {
    padding: 3px 60px 0;
    position: relative;
    display: inline-block;
    font-weight: bold;
}
.deco_type01::before, .deco_type01::after {
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 32px;
    margin: auto;
    position: absolute;
    bottom: 0;
}
.deco_type01.map_ttl::before, .point_area .area_title::before {
    background-image: url("../../common/images/left01.png");
    left: 0;
}
.deco_type01.map_ttl::after, .point_area .area_title::after {
    background-image: url("../../common/images/right01.png");
    right: 0;
}

/*-------------------------
header
-------------------------*/
#header {
    width: 100%;
}
#header .header .mainimg_area {
    background-color: rgba(7, 153, 211, 0.5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    padding: 175px 0 0;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}
#header .header .mainimg_area.mv_index {
    background-image: url("http://jibun-ryugaku.co.jp/wp/wp-content/themes/jibun-ryugaku/images/mv_index.png");
}
#header .header .mainimg_area.mv_about {
    background-image: url("../../common/images/mv_about.jpg");
}
#header .header .mainimg_area.mv_plan {
    background-image: url("../../common/images/mv_plan.jpg");
}
#header .header .mainimg_area.mv_school {
    background-image: url("../../common/images/mv_school.jpg");
}
#header .header .mainimg_area.mv_applications {
    background-image: url("../../common/images/mv_applications.jpg");
}
#header .header .mainimg_area.mv_help {
    background-image: url("../../common/images/mv_help.jpg");
}
#header .header .mainimg_area.mv_sinro {
    height: 670px;
    padding-top: 0px;
    background: #2fb2df; /* Old browsers */
    background: -moz-linear-gradient(45deg, #2fb2df 0%, #70d4d1 99%);
    background: -webkit-linear-gradient(45deg, #2fb2df 0%,#70d4d1 99%);
    background: linear-gradient(45deg, #2fb2df 0%,#70d4d1 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fb2df', endColorstr='#70d4d1',GradientType=1 );
}
@media screen and (max-width:768px) { 
    #header .header .mainimg_area.mv_sinro {
        /* height: 605px; */
        height: auto;
        padding: 0 !important;
    }
}
@media screen and (max-height:731px) { 
    #header .header .mainimg_area.mv_sinro {
        /* height: 674px; */
        height: auto;
        padding: 0 !important;
    }
}
@media screen and (max-height:732px) { 
    #header .header .mainimg_area.mv_sinro {
        /* height: 676px; */
        height: auto;
        padding: 0 !important;
    }
}

#header .header .mainimg_area.mv_blog {
    height: 670px;
    padding-top: 0px;
    background-image: url("../../common/images/mv_blog.png");

}
@media screen and (max-width:768px) { 
#header .header .mainimg_area.mv_blog {
    height: 600px;
    padding-top: 0px;
    background-image: url("../../common/images/mv_blog.png");
}
}
#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area {
    height: 280px;
    padding-top: 0px;
    background-image: url("../../common/images/mv_blog.png");

}
@media screen and (max-width:768px) { 
#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area {
    height: 160px;
    padding-top: 0px;
    background-image: url("../../common/images/mv_blog.png");
}
}
#header .header .page_title {
    padding: 0;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
    line-height: 1.0;
}
#header .header .page_title .jp {
    letter-spacing: 0.26em;
    font-size: 36px;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing: 0.24em;
}
#header .header .page_title .jp span {
    font-size: 1.5rem;
}

#header .header .page_title .en {
    margin: 20px auto 0;
    font-family: tornac, sans-serif;
    letter-spacing: 0;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    letter-spacing: 0;
}
#header .header .slider_wrap {
    width: 100%;
    height: 860px;
    margin: 0 auto;
    position: relative;
}
#header .header .slider_wrap .slider_fixed {
    padding: 180px 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#header .header .slider_wrap div.slider_fixed.wow.fadeInUpSmall h1 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
#header .header .slider_wrap .slider_fixed .img {
    text-align: center;
}
#header .header .slider_wrap .slider_fixed .text {
    margin: 50px auto 0;
    color: #ffffff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 2.4;
    letter-spacing: 0.52em;
}
#header .header .slider_wrap .slider_fixed p.pc_on {
    width: 100%;
    display: block;
    margin: 50px auto 0;
    text-align: center;
    width: inherit;
}
#header .header .slider_wrap .main_slider {
    margin: 0;
    overflow: hidden;
    position: relative;
}
#header .header .slider_wrap .main_slider .slider_item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 860px;
    position: relative;
}
#header .header .slider_wrap .main_slider .slider_item .item_inner {
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: linear 15s;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    top: 0;
    left: 0;
}
#header .header .slider_wrap .main_slider .slider_item.moving .item_inner {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
#header .header .slider_wrap .main_slider .slider_item:nth-child(1) .item_inner {
    background-image: url("../../common/images/mv_index01.jpg");
}
#header .header .slider_wrap .main_slider .slider_item:nth-child(2) .item_inner {
    background-image: url("../../common/images/mv_index02.jpg");
}
#header .header .slider_wrap .main_slider .slider_item:nth-child(3) .item_inner {
    background-image: url("../../common/images/mv_index03.jpg");
}
#header .header .slider_wrap .main_slider .slider_item:nth-child(4) .item_inner {
    background-image: url("../../common/images/mv_index04.jpg");
}
#header .header .slider_wrap .main_slider .slider_text {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: 12px;
    right: 85px;
    z-index: 2;
}
#header .header .slider_wrap .main_slider .slider_text span {
    background: rgba(255, 255, 255, 0.8);
    padding: 10px 5px;
    line-height: 3.4;
    letter-spacing: 0.34em;
}

@media screen and (max-width: 768px) {
#header .header .mainimg_area {
    width: 100%;
    height: 165px;
    padding: 20px;
}
#header .header .page_title {
    margin: auto;
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#header .header .page_title .jp {
    font-size: 20px;
    font-size: 2rem;
}
#header .header .page_title .en {
    margin: 15px auto 0;
    font-size: 16px;
    font-size: 1.6rem;
}
#header .header .page_title.text_line3 {
    line-height: 1.2;
}
#header .header .page_title.text_line3 .en {
    margin-top: 10px;
}
#header .header .slider_wrap {
    height: 560px;
}
#header .header .slider_wrap .slider_fixed {
    padding: 185px 0 0;
}
#header .header .slider_wrap .slider_fixed .img {
    max-width: 400px;
    padding: 0 20px;
    margin: 0 auto;
}
#header .header .slider_wrap .slider_fixed .text {
    margin: 20px auto 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.6;
}
#header .header .slider_wrap .main_slider {
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: -1;
}
#header .header .slider_wrap .main_slider .slider_item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 560px;
    position: relative;
}
#header .header .slider_wrap .main_slider .slider_text {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: 12px;
    right: 85px;
    z-index: 2;
}
#header .header .slider_wrap .main_slider .slider_text span {
    background: rgba(255, 255, 255, 0.8);
    padding: 10px 5px;
    line-height: 3.4;
    letter-spacing: 0.34em;
}
#header .header .slider_wrap .slider_fixed p.pc_on {
    display: none;
}
#header .header .slider_wrap .slider_fixed p.sp_on {
    width: 100%;
    display: block;
    margin: 30px auto 0 !important;
    text-align: center;
    width: inherit;
}
#header .header .slider_wrap .slider_fixed p.sp_on img {
    width: 80% !important;
}
#header .header .page_title .jp span {
    display: block;
    width: 80%!important;
    margin: 10px auto;
    font-size: 1rem!important;
    line-height: 1.5em;
}
}
/*-------------------------
gnav
-------------------------*/
#header .nav_area {
    width: 100%;
    padding: 30px 2% 0;
    margin: 0 auto;
    display: flex;
	justify-content: center;
}
#header .nav_area .logo_box {
    width: 150px;
    height: 93px;
    margin: 0 16px 0 0;
}
#header .nav_area .logo_box .logo {
    padding: 20px 0 0;
}
#header .nav_area.hidden .logo_box .logo {
    padding: 14px 0 0 !important;
}
#header .nav_area .logo_box .logo a {
    width: 200px;
    height: 93px;
    display: block;
    background: url(../../common/images/logo01.png) no-repeat;
    background-size: 150px auto;
}
#header .nav_area.hidden .logo_box .logo a {
    width: 200px;
    height: 93px;
    display: block;
    background: url(../../common/images/logo02.png) no-repeat;
    background-size: 150px auto;
}
#header .nav_area .h_nav {
    display: -webkit-flex;
    display: flex;
	padding-top: .7em;
	margin-right: 4em;

}
#header .nav_area .h_nav li {
    margin: 0 15px;
}

@media only screen and (min-width: 1601px) and (max-width: 5000px) {
#header .nav_area .h_nav li:first-child {
    margin-left: 6em;
}
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
#header .nav_area .h_nav li:first-child {
    margin-left: 6em;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1400px) {
#header .nav_area .h_nav li:first-child {
    margin-left: 6em;
}
}
@media screen and (max-width:1299px) { 
#header .nav_area .h_nav li:first-child {
    margin-left: 0;
}
}




#header .nav_area .h_nav li:last-child {
    margin-right: 0;
}
#header .nav_area .h_nav li a {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 30px;
    padding: 5px 6px 0;
    color: #fff;
    text-align: center;
    line-height: 62px;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
	position:relative;
}
#header .nav_area .h_nav li a.ar::after {
	content: '';    
	background-image: url("../../common/images/dwn_ico02.png");
    background-size: auto;
    background-size: 9px auto;
	position: absolute;
	bottom: -20px;
	z-index: 10;
	left: 50%;
	transform: translate(-23%, -1%);
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
}
#header .nav_area.hidden li a.ar::after {
	content: '';    
	background-image: url("../../common/images/dwn_ico.png");
    background-size: auto;
    background-size: 9px auto;
	position: absolute;
	bottom: -20px;
	z-index: 10;
	left: 50%;
	transform: translate(-23%, -1%);
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
}
#header .nav_area .h_nav li a .jp {
    font-size: .97vw;
    font-weight: bold;
    letter-spacing: 0.05em;
    display: block;
	line-height: 1.3;
}
#header .nav_area .h_nav li.about a {
    background-image: url("../../common/images/nav01.png");
    background-position: 0 53%;
    background-size: 20px auto;
    padding-left: 30px;
}
#header .nav_area .h_nav li.beginner a {
    background-image: url("../../common/images/nav02.png");
    background-position: 0 53%;
    background-size: 15px auto;
    padding-left: 30px;
}
#header .nav_area .h_nav li.plan a {
    background-image: url("../../common/images/nav03.png");
    background-position: 0 53%;
    background-size: 22px auto;
    padding-left: 30px;
}
#header .nav_area .h_nav li.faq a {
    background-image: url("../../common/images/nav04.png");
    background-position: 0 53%;
    background-size: 22px auto;
    padding-left: 30px;
}
#header .nav_area .h_nav li.blog a {
    background-image: url("../../common/images/nav05.png");
    background-position: 0 53%;
    background-size: 23px auto;
    padding-left: 30px;
}
#header .nav_area .h_nav li.guardian a {
    background-image: url("../../common/images/nav06.svg");
    background-position: 0 53%;
    background-size: 23px auto;
    padding-left: 30px;
  }
#header .header .nav_area.hidden .h_nav li.about a {
    color: #000 !important;
    background-image: url("../../common/images/nav01_scl.png");
    background-position: 0 53%;
    background-size: 20px auto;
    padding-left: 30px;
}
#header .nav_area.hidden .h_nav li.beginner a {
    color: #000 !important;
    background-image: url("../../common/images/nav02_scl.png");
    background-position: 0 53%;
    background-size: 15px auto;
    padding-left: 30px;
}
#header .nav_area.hidden .h_nav li.plan a {
    color: #000 !important;
    background-image: url("../../common/images/nav03_scl.png");
    background-position: 0 53%;
    background-size: 22px auto;
    padding-left: 30px;
}
#header .nav_area.hidden .h_nav li.faq a {
    color: #000 !important;
    background-image: url("../../common/images/nav04_scl.png");
    background-position: 0 53%;
    background-size: 22px auto;
    padding-left: 30px;
}
#header .nav_area.hidden .h_nav li.blog a {
    color: #000 !important;
    background-image: url("../../common/images/nav05_scl.png");
    background-position: 0 53%;
    background-size: 23px auto;
    padding-left: 30px;
}
#header .nav_area.hidden .h_nav li.guardian a {
    color: #000 !important;
    background-image: url("../../common/images/nav06_scl.svg");
    background-position: 0 53%;
    background-size: 23px auto;
    padding-left: 30px;
  }
.header-banner {
  width: 100%;
  max-width: 110px;
  line-height: 1.4;
}
.header-banner a span{
	font-size:1rem;
}
.header-banner a {
  display: inline-block;
  line-height:1.2;
  width: 100%;
  max-width: 174px;
  padding:9px;
  border-radius:5px;
  background:#fff;
  color: #3A9CCE;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition:.8s;
  margin-top:.2em;
}
#header .nav_area.hidden .header-banner a {
  display: inline-block;
  width: 100%;
  max-width: 174px;
  line-height:1.2;
  padding:9px;
  border-radius:5px;
  background:#3A9CCE;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition:.8s;
}


/*--------------
mega menu
----------------*/
.h_nav > li:hover .megamenu {
    max-height: 9999px;
    opacity: 1;
    padding: 30px 0;
}
.megamenu {
    background: #e9f8ff;
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 100px;
    left: 0;
    transition: all .2s ease-in;
    z-index: 999;
}
.megamenu-inner {
    width: 75%;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 0px 20%;
}
.megamenu .megamenu-inner li {
    width: calc(31% - 10px);
    margin: 10px 15px 0px 15px !important;
    padding-left: 25px;
    background: url("../../common/images/mrga_li_ico.png") 0 50% no-repeat;
}
.megamenu .megamenu-inner li:first-child {
    margin: 10px 15px 0px 15px !important;
}
.megamenu .megamenu-inner li a {
    background: none !important;
    padding: 0!important;
    margin: 0!important;
    text-align: left!important;
}
#page_index.mode_pc div#wrap header#header div.header div.nav_area ul.h_nav li div.megamenu ul.megamenu-inner.main-wrapper li a {
    color: #000 !important;
}
/*BG*/
.oe_overlay.hovered {
    background: rgba(39, 158, 222, 0.7) !important;
    background-blend-mode: multiply !important;
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}
.oe_overlay {
    background: none !important;
    width: 0% !important;
    height: 0% !important;
    z-index: -1;
}
ul.oe_menu {
    width: 100%;
    position: relative;
}
.oe_wrapper ul.hovered > li > a {
    background: #fff;
    text-shadow: 0px 0px 1px #FFF;
}
ul.oe_menu div ul li a {
    text-decoration: none;
    color: #222;
    margin: 0;
    display: block;
}
@media screen and (max-width: 768px) {
#header .nav_area {
    display: none;
}
.header_sp {
    width: 100%;
    height: 73px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}
.header_sp.hidden02 {
    width: 100%;
    height: 73px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #fff !important;
}
.header_sp .logo {
    width: 130px;
    height: 50px;
    float: left;
    background: url(../../common/images/logo01.png)0 0 no-repeat;
    background-size: 100% auto;
    position: relative;
    top: 17px;
    left: 16px;
}
.header_sp.hidden02 .logo {
    width: 130px;
    height: 50px;
    float: left;
    background: url(../../common/images/logo02.png)0 0 no-repeat;
    background-size: 100% auto;
    position: relative;
    top: 12px;
    left: 13px;
}
.header_sp .line {
    display: block;
    width: 80px;
    height: 80px;
    background: url(../../common/images/line01.png)0 0 no-repeat;
    background-size: 100% auto;
    position: relative;
    top: 8px;
    right: -61%;
}
.header_sp.hidden02 .line {
    display: block;
    width: 80px;
    height: 80px;
    background: url(../../common/images/line02.png)0 0 no-repeat;
    background-size: 100% auto;
    position: relative;
    top: 8px;
    right: -61%;
}
.header_sp .logo a, .header_sp .line a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}
#footer {
    padding: 0;
}
.contact_area {
    padding: 95px 0 5px;
}
.btm_banner {
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
}
.btm_banner li {
    display: inline-block;
}
.btm_banner li:first-child {
    margin-right: 15px;
}
.btm_banner li img {
  width: 100%;
  max-width: 500px;
}
/*---------------
fiji情報
---------------*/
.two_box01 {
    width: 100%;
    display: table;
    margin: 70px 0;
}
.two_box01 div {
    width: 50%;
    display: table-cell;
}
.two_box01 div:first-child {
    border-right: 1px solid #d8d8d8;
}
.two_box01 div h3 {
    display: block;
    clear: both;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 3rem;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
}
.two_box01 div h3::after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    top: 67px;
    right: 47%;
    width: 14px;
    height: 14px;
    border-top: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    transform: translateX(-50%) rotate(135deg);
}
.two_box01 .inbox {
    width: 90%;
    padding: 10%;
    margin: 15px auto;
}
.two_box01 .inbox p {
    margin: 20px 0 0;
    word-break: break-all;
}
.floatBox {
    width: 100%;
}
.floatBox .hRight {
    float: right;
    width: calc(30% - 20px);
    margin: 0 0 20px 45px;
}
.floatBox .hLeft {
    float: left;
    width: calc(30% - 20px);
    margin: 0 15px 30px 20px;
}
table.base_table01 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 2px solid #23afe3;
    border-left: 2px solid #23afe3;
    border-right: 2px solid #23afe3;
    border-bottom: 1px solid #23afe3;
    border-radius: 8px;
    margin: 35px 0;
}
table.base_table01 th, table.base_table01 td {
    border-right: solid #23afe3 1px;
    border-bottom: solid #23afe3 1px;
    vertical-align: middle;
    background: #fff;
}
table.base_table01 td.txt {
    padding: 15px 30px;
    vertical-align: top;
}
table.base_table01 td.txt p {
    text-align: left !important;
}
table.base_table01 th:first-child {
    border-radius: 5px 0 0 0;
}
table.base_table01 th:last-child {
    border-radius: 0 5px 0 0;
    border-right: none;
}
table.base_table01 td:last-child {
    border-right: none;
}
table.base_table01 th {
    text-align: center;
    color: #000;
    background: #d2f3ff;
    width: 20%;
    padding: 10px 0;
}
table.base_table01 td {
    text-align: center;
    border-top: none;
    padding: 10px 0;
    background: #fff;
}
table.base_table01 td span {
    display: block;
    font-size: 2.5rem;
    font-weight: bold;
    margin: 20px 0 0;
}
table.base_table01 td span.m_txt {
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 20px 0 0;
}

table.base_table02 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #d5d5d5 !important;
    border-left: 1px solid #d5d5d5 !important;
    border-right: 1px solid #d5d5d5 !important;

    margin: 35px 0;
}
table.base_table02 th {
    text-align: center;
    color: #000;
    background: #f0f0f0;
    width: 20%;
    padding: 10px 0;
    border-bottom: 1px solid #d5d5d5 !important;
}
table.base_table02 td {
    text-align: left;
    border-top: none;
    padding: 10px 2.5%!important;
    border-bottom: 1px solid #d5d5d5 !important;
}


table.base_table03 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #d5d5d5 !important;

    margin: 65px 0;
}
table.base_table03 th {
    text-align: left;
    color: #000;
    background: #f0f0f0;
    width: auto;
    padding: 10px 2.5%;
    border-bottom: 1px solid #d5d5d5 !important;
}
table.base_table03 td {
    text-align: left;
    border-bottom: none;
    padding: 10px 2.5%!important;
    border-bottom: 1px solid #d5d5d5 !important;
}
table.base_table03 td a:hover {
    text-decoration: underline !important;
}
table.base_table03 td i {
    color: #00a3e1;
}

/*---------------
各プラン
---------------*/
.plan_cat_wrap {
    width: 100%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin: 75px auto 25px;
    text-align: center;
    position: relative;
}
.plan_cat_wrap div {
    width: calc(30% - 10px);
    margin: 20px 15px 50px 15px;
    border: 1px solid #000;
    position: relative;
    background-image: url(../../common/images/plan/btnbg.gif), url("../../common/images/plan/ar01.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: 50%, 50% 90%;
    overflow: visible !important;
    padding: 10em;
    vertical-align: middle;
}
.plan_cat_wrap div a {
    width: 100%;
    height: 100%;
    line-height: 5em;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 5rem;
    font-weight: bold;
}
.plan_cat_wrap div a span {
    font-size: 2.5rem;
    font-weight: normal;
    padding-left: 15px;
}
.plan_cat_wrap div a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    transition: opacity 0.3s;
}
/*---------------
フィジー留学について
---------------*/
.box_wrap02 {
    width: 90%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin: 5px auto 25px;
    text-align: center;
    position: relative;
}
.box_wrap02 .box {
    width: calc(23% - 16px);
    margin: 20px 15px 10px 15px;
    position: relative;
    border: none;
    background: #fff;
    overflow: visible !important;
    padding: 2em 0;
}
.box_wrap02 .box .text {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 10px;
}
.s_ttl {
    margin: 70px 0 35px;
    padding: 0;
}
.two_box02 {
    width: 100%;
    display: table;
}
.two_box02 dt {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}
.two_box02 dd {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}
.two_box03 {
    width: 100%;
    display: table;
}
.two_box03 dt {
    width: 30%;
    display: table-cell;
    vertical-align: middle;
}
.two_box03 dd {
    width: 60%;
    display: table-cell;
    vertical-align: middle;
}
.two_box04 {
    width: 100%;
    display: table;
    background: url(../../common/images/why-now/boder_bg.gif) 0 95% repeat-x;
    padding: 20px 20px 30px;
}
.two_box04 dt {
    width: 60%;
    display: table-cell;
    vertical-align: top;
    background: url(../../common/images/why-now/boder_02.gif) 100% 50% no-repeat;
}
.two_box04 dd {
    width: 40%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 80px;
}

.two_box05 {
    width: 100%;
    display: flex !important;
	justify-content:center;
	align-items:center !important;
}
.two_box05 dt {
    width: 50%!important;
	margin:initial !important;
	line-height:initial !important;
}
.two_box05 dd {
    width: 50%!important;
	line-height: initial !important;
}
@media screen and (max-width: 768px) {
.two_box05 {
    width: 100%;
    display: block !important;
}
.two_box05 dt {
    width: 100%!important;
}
.two_box05 dd {
    width: 100%!important;
}
.blog_col_under.form div.contact_area div.form_area dl.two_box05 dt p,.blog_col_under.form div.contact_area div.form_area dl.two_box05 dd p {
	margin:0 !important;
	}
	.blog_col_under.form div.contact_area div.form_area h2.title_type01.formttl.mid {
	margin:10px 0 !important;
	}
}
/*アコーディオン*/
.s_01 .accordion_one {
    max-width: 1100px;
    margin: 20px auto;
    text-align: center;
    padding: 15px 40px 0;
    border: 1px solid #000;
}
.s_01 .accordion_one .accordion_header {
    background-color: #FFF;
    color: #000;
    font-size: 26px;
    font-weight: bold;
    padding: 20px 11%;
    margin-top: 10px;
    text-align: center;
    position: relative;
    z-index: 0;
    cursor: pointer;
    transition-duration: 0.2s;
}
.s_01 .accordion_one .accordion_header:hover {
    opacity: .8;
}
.s_01 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
}
.s_01 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #000;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.s_01 .accordion_one .accordion_inner {
    display: none;
    padding: 10px 0px 15px;
    box-sizing: border-box;
}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
    margin: 0;
}
h3.block_head.catttl_u {
    font-size: 2rem !important;
    font-weight: bold;
}

@media screen and (max-width: 1024px) {
.s_01 .accordion_one .accordion_header {
    font-size: 18px;
}
.s_01 .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
}
/*--------------
中学・高校留学の意義
--------------*/
#main_about .point_area .visa_block h3.inttl {
    position: relative !important;
    height: 40px;
    margin-top: 20px;
}
#main_about .point_area .visa_block h3.inttl span {
    padding: 10px 20px 0 60px !important;
}
.bluettl {
    width: 350px;
    text-align: center;
    margin: 10px auto 30px;
    color: #00a2df;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 3.5px;
    background-image: url(../../common/images/why-now/ar_left.jpg), url(../../common/images/why-now/ar_right.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
    padding: 0;
}
.blog_uarea {
    padding: 5em 0em 9em 0em;
    /*    background: url(../../common/images/why-now/blogbg.gif) 50% 0 no-repeat;*/
    position: relative;
}
.blog_uarea .inner {
    max-width: 70%;
    margin: 15px auto;
}
#main_about .blog_uarea .line {
    background-image: linear-gradient(to right, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
    background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    z-index: 0;
    pointer-events: none;
}
#main_about .blog_uarea .corner {
    background-image: url("../../common/images/left_top01.png"), url("../../common/images/left_bottom01.png"), url("../../common/images/right_top01.png"), url("../../common/images/right_bottom01.png");
    background-size: 40px auto;
    background-position: left top, left bottom, right top, right bottom;
    background-repeat: no-repeat;
    padding: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    pointer-events: none;
}
#main_about .blog_uarea .area_head {
    margin: auto;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    z-index: 0;
}
#main_about .blog_uarea .title_type03 {
    color: #333333;
    letter-spacing: 0.26em;
    font-size: 24px;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.26em;
}
#main_about .blog_uarea .area_head span {
    background: url(../../common/images/why-now/blog_ico.png) 98% 50% #ffffff no-repeat;
    padding: 0 30px;
    display: inline-block;
    -moz-transform: translateY(-46%);
    -ms-transform: translateY(-46%);
    -webkit-transform: translateY(-46%);
    transform: translateY(-46%);
}
#main_about .blog_uarea .inner .ttl {
    font-size: 2rem;
    font-weight: bold;
    margin: 15px 0 0;
    clear: both;
    float: left;
}
#main_about .blog_uarea .inner .cat_ttl {
    float: left;
    clear: both;
    margin: 10px 0 0;
    padding: 5px 10px;
}
.read_txt {
    max-width: 85%;
    margin: 15px auto;
}
#main_about .blog_uarea .area_title .deco_type01 {
    padding: 0 70px;
}
#main_about .blog_uarea .area_title .deco_type01 .bottom {
    margin: 10px auto 0;
    display: block;
    color: #00a2df;
    font-weight: bold;
    padding: 0 2.5em;
    background-image: url(../../common/images/left.png), url(../../common/images/right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
}
.checkul {
    width: 90%;
    clear: both;
    margin: 35px auto;
    text-align: left;
}
.checkul li {
    padding-left: 25px;
    background: url(../../common/images/why-now/ul_ico.gif) 0 10% no-repeat;
}
.two_box04 .box_title {
    margin: 10px 0 0;
    color: #00a2df;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 3.5px;
}
.two_box04 dt .ttl .num {
    color: #00a2df;
    font-size: 3rem;
    font-weight: bold;
    padding-right: 10px;
}
dl.two_box04 dt .ttl {
    width: 100%;
    font-size: 3rem;
    float: left;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 40px;
}
dl.two_box04 dt div.text {
    display: inline-block !important;
    font-size: 3rem;
    padding-bottom: 10px;
    background: url(../../common/images/why-now/wave.jpg) bottom repeat-x;
}
/*--------------
応募方法
--------------*/
a.pdflink {
    padding-right: 20px;
    background: url(../../common/images/applications/ico01.gif) right 10% no-repeat;
}
span.l_02 {
    display: block;
    font-size: 2rem !important;
    font-weight: bold;
    margin: 10px 0 0;
}
#main_about .point_area h2.basettl {
    padding: 10px 0 30px;
    margin: 30px auto 10px;
    color: #333333;
    letter-spacing: 0.26em;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.26em;
    position: relative;
}
#main_about .beginner_area.under.wbg {
    background: #fff !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
#main_about .beginner_area.under.wbg .box_wrap {
    border: 1px solid #000;
    padding: 30px 0 0 !important;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full {
    width: 94%;
    margin: -30px auto 20px;
    border: #ccc solid 1px;
    position: relative;
    line-height: 2.2em;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full .ttl {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -30px;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full .ttl span {
    padding: 10px 30px;
    background: #fff;
    display: inline-block;
    font-size: 2rem;
    font-weight: bold;
}
#main_about .beginner_area.under.wbg .box_wrap .inner {
    width: 90%;
    margin: 30px auto;
}
/*--------------
よくあるご質問
--------------*/
.faq_top  {
    width: 100%;
    background: url(../../common/images/faq/img01.jpg),url(../../common/images/faq/img02.jpg);
    background-position: 5% bottom,95% bottom;
    background-repeat: no-repeat,no-repeat;
    padding: 5em 0;
}
.faq_area {
    width: 100%;
    margin: 80px auto 30px;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
}
.faq_area .box {
    width: calc(30% - 10px);
    margin: 20px 15px 10px 15px;
    padding: 25px 15px;
    background: #f7f6f6;
    position: relative;
    height: 220px;
}
#wrap div#main_about.contents.about div.base_inner div.point_area div.faq_area div.box div.go_flow.btn_box {
    position: absolute;
    bottom: 10%;
    left: 19%;
}
.faq_area .box .ttl {
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5em;
}
.faq_area .box .ttl .in_num {
    float: left;
    padding-top: 10px;
    font-size: 5rem;
    color: #00a2df;
    padding-left: 15px;
    padding-right: 10px;
}
#main_about.contents.about .point_area .faq_area .box .go_flow.btn_box a.btn_type01.btn.mini {
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;
}
.list_base {
    margin-top: 30px;
    padding: 1em 0;
}
.list_base li {
    width: 100%;
    padding: 0.5em 0;
}
.list_base li a {
    display: block;
    width: 100%;
}
.list_base li span.num {
    font-size: 2rem;
    float: left;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
}
.list_base.short {
    width: 600px;
    border-top: 1px solid #ccc;
    margin: 30px auto;
    padding: 0 !important;
}
.list_base.short li {
    border-bottom: 1px solid #ccc;
    padding: 1em 0 !important;
}
.list_base.short li a{
    color: #000 !important;
}
/*--------------
入学手続きのご案内
--------------*/
.lead_small {
    font-size: 1.4rem;
    margin-top: 55px;
    text-align: center;
}
/*--------------
在校生・保護者の方へ
--------------*/
.faq_area .box.whbg {
    width: calc(30% - 10px);
    margin: 20px 15px 10px 15px;
    padding: 25px 15px;
    background: #fff !important;
    border: solid #dbdbdb 1px;
}
#main_about.contents.about .point_area table.base_table01 a.btn_type01.btn.mini {
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    font-size: 2rem;
}
#main_about.contents.about .point_area table.base_table01.logintable td div.go_flow.btn_box.rbtn{
    margin-top: 43px;
}
#main_about.contents.about .point_area table.base_table01 a.btn_type01.btn.mini span{
    font-size: 1.8rem;
    line-height: 50px;
    display: inline!important;
}

.point_area table.base_table01 {
    margin-top: 20px;
}
.point_area table.base_table01 td {
    position: relative;
    padding-bottom: 15px;
}
.point_area table.base_table01 th {
     font-size: 1.8rem;
}
.point_area table.base_table01 .text {
    width: 80%;
    font-size: 1.2rem !important ;
    letter-spacing: 1px;
    margin: 15px auto 0;
}
/*--------------
卒業後の進路 
--------------*/
#wrap header#header div.header div.mv_sinro.mainimg_area div.page_title .jp {
    padding: 3em 0 0;
}
h1.shinro_h1 {
    color: #000 !important;
    font-size: 2.5rem;
    margin: 63px 0 3em;
}
dl.two_box02 dt img.retina.image.tbh_img {
    width: 481px;
    height: 200px;
    object-fit: cover;
    margin: 30px 0 0;
}
dl.two_box02 dd.va_top h2.tbh2 {
    font-size: 2.2rem !important ;
    letter-spacing: 1px;
    margin: 35px auto 30px;
}
@media screen and (max-width:768px) { 
.mv_sinro.mainimg_area div.sp_on div.jp.copy h1 {
    width: 100%;
    text-align: center;
    color: #fff !important;
    padding: 1.5em 0 0 !important;
}
}
#wrap header#header div.header div.mv_sinro.mainimg_area div.page_title .pic {
    position: relative;
    bottom: 83px;
    left: 60px;
}
#wrap header#header div.header div.mv_sinro.mainimg_area div.page_title p {
    position: relative;
    bottom: 315px;
    left: 40px;
    line-height: 2.2em;
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: 2.5px;
}
.picbox {width: 100% !important;}
.sinropic02 {padding-bottom:0px !important;}
.sinropic01 {padding-bottom: 0px !important;}
.pw_ttl {
    background: url(../../common/images/sinro/img03.png),url(../../common/images/sinro/img04.png);
    background-position: left,right;
    background-repeat: no-repeat,no-repeat;
    display: inline-block;
    padding: 20px 50px;
}
.pic_ul {
    text-align: center;
    margin: 75px auto;
}
.pic_ul li{
    display: inline-block;
     margin-right: 40px;
}
.pic_ul li:last-child{
     margin-right: 0px !important;
}
.performance_table {
    margin-top: 30px !important;
}
#main_about.contents.about .point_area table.base_table01.performance_table tbody tr th{
    width: 33% !important;
}
.performance_table td.middle {
    font-size: 1.8rem;
    font-weight: bold;
    background: #f3f3f3
}
.performance_table th.att {
    background: #1889d9;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.performance_table th.att.n_R {
border-radius: 0px !important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
}
/*--------------
ブログ
--------------*/
.mv_blog.mainimg_area h1 {
    padding: 6.5em 0 0;
} 
.mv_blog.mainimg_area,.mv_blog_u.mainimg_area {
    position: relative;
}
.mv_blog.mainimg_area .wave01, .mv_blog.mainimg_area .wave02, .mv_blog.mainimg_area .wave03 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 104px;
}
#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave01,#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave02,#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave03 {
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    height: 104px;
}
div#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area h1{
    color: #fff;
    text-align: center;
    padding: 4em 0 1em;
    font-size: 2vw;
    letter-spacing: 7px;
    line-height: 1.5;
}
div#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area h1 span{
    font-size: 1.2vw;

}
.mv_blog.mainimg_area .wave01 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 0 top;
    background-repeat: repeat-x;
    -webkit-animation: wave-anime01 50s linear infinite;
    animation: wave-anime01 50s linear infinite;
    opacity: 0.45;
}
.mv_blog.mainimg_area .wave02 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 300px top;
    background-repeat: repeat-x;
    -webkit-animation: wave-anime02 40s linear infinite;
    animation: wave-anime02 40s linear infinite;
    opacity: 0.7;
}
.mv_blog.mainimg_area .wave03 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 600px top;
    background-repeat: repeat-x;
    -webkit-animation: wave-anime03 30s linear infinite;
    animation: wave-anime03 30s linear infinite;
}

header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave01 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 0 top;
    background-repeat: repeat-x;
    background-size: 700px auto;
    /*-webkit-animation: wave-anime01 50s linear infinite;
    animation: wave-anime01 50s linear infinite;*/
    opacity: 0.45;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave02 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 300px top;
    background-size: 700px auto;
    background-repeat: repeat-x;
    /*-webkit-animation: wave-anime02 40s linear infinite;
    animation: wave-anime02 40s linear infinite;*/
    opacity: 0.7;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave03 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 600px top;
    background-size: 700px auto;
    background-repeat: repeat-x;
        background-size: 800px auto;

}


#wrap div#main_about.contents.about .point_area h2.title_type01.blogttl,
#wrap div#main_about.contents.about .beginner_area.blog_area_blug div.base_inner div.ct h2.title_type01.mt40.blogttl{
    width: auto;
    display: inline-block;
    padding: 0 20px 20px 20px;
    margin: 40px auto 40px !important;
    background: url("../../common/images/blog/ttlbg.png") right bottom no-repeat;

}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main {
    margin-top: 30px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol a.bdrlink0102.ttl_link_m{
    /*width: 400px;*/
    font-size: 2.5rem;
    margin-bottom: 20px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol .lead02 {
    padding-top: 30px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol .cat_ttl {
    margin-bottom: 30px;
}
#main_about.contents.about div.point_area dl.blog_top_col.main dt {
    margin-bottom: 30px;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.lcol{
    width: 60%;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.lcol img{
    width: 100%;
    height: auto;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.rcol{
    width: 40%;
    padding-left:3%;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug {
background: #bfecff; /* Old browsers */
background: -moz-linear-gradient(top, #bfecff 0%, #eaf8ff 55%, #ffffff 100%);
background: -webkit-linear-gradient(top, #bfecff 0%,#eaf8ff 55%,#ffffff 100%);
background: linear-gradient(to bottom, #bfecff 0%,#eaf8ff 55%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfecff', endColorstr='#ffffff',GradientType=0 );
    position: relative;
    margin-top: 80px;
    padding: 40px 0 35px;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave01_01,
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave02_02,
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave03_03 {
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    height: 104px;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave01_01 {
    background-image: url(../../common/images/mv_wave02.png);
    background-position: left 0 top;
    background-repeat: repeat-x;
    /*-webkit-animation: wave-anime01 50s linear infinite;*/
    /*animation: wave-anime01 50s linear infinite;*/
    opacity: 0.2;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave02_02 {
    background-image: url(../../common/images/mv_wave02.png);
    background-position: left 300px top;
    background-repeat: repeat-x;
    /*-webkit-animation: wave-anime02 40s linear infinite;*/
    /*animation: wave-anime02 40s linear infinite;*/
    opacity: 0.4;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave03_03 {
    background-image: url(../../common/images/mv_wave02.png);
    background-position: left 600px top;
    background-repeat: repeat-x;
    /*-webkit-animation: wave-anime03 30s linear infinite;*/
    /*animation: wave-anime03 30s linear infinite;*/
}
.blog_col {
    width: 100%;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;   
}
.blog_col .box{
    width: calc(30% - 10px);
    margin: 20px 15px 50px 15px;
}
.img-box {
  width: 100% !important;
  padding-top: 51.17%;
  position: relative;
}

.blog_col .box img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  position: absolute;
  top: 0;
}
dl.blog_top_col dd .inbox,
dl.blog_top_col.main dd .inbox{
  width: calc(33.3% - 24px);
  padding-top: 0%;
  position: relative;    

}
dl.blog_top_col .img-box {
  width: 100% !important;
  padding-top: 51.17%;
  position: relative;
}    
dl.blog_top_col .img-box img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  position: absolute;
  top: 0;
}
.bf_wrap {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:3.5em 0;
	z-index:0;
	position:relative;
}
.bf_wrap::after {
	width:123px;
	height:123px;
	display:block;
	position:absolute;
	top:-50px;
	left:41%;
	content:'';
    background-image: url(../../common/images/blog/bf_ico.png);
	background-repeat: no-repeat;
	z-index:2;
}
.bf_wrap .l_box{
	width:48%;
	background: #eaeaea;
	border-radius:10px;
	padding:2em;
	position:relative;
	z-index:0;
}
.bf_wrap .l_box::after{
	width:19px;
	height:43px;
	display:block;
	content:'';
	position:absolute;
	top: 114px;
    left: 103%;
	background-image: url(../../common/images/blog/bf_ar.png);
	background-size:12px auto;
	background-repeat: no-repeat;
	z-index:2;
}
.bf_wrap .r_box{
	width:48%;
	background: #cdecf1;
	border-radius:10px;
	padding:2em;
}
.bf_wrap .l_box h5,.bf_wrap .r_box h5{
	display:block;
	text-align:center;
}
@media screen and (max-width: 768px){
dl.blog_top_col dd .inbox,
dl.blog_top_col.main dd .inbox{
  width: calc(49% - 7px);
    margin: 10px 5px 0px 5px !important;
  position: relative;    

}
	.bf_wrap .l_box h5{
		margin-top:4em;
	}
	
.bf_wrap {
	width:100%;
	display:block;
	margin:3.5em 0;
	z-index:0;
	position:relative;
}
.bf_wrap::after {
	width:123px;
	height:123px;
	display:block;
	position:absolute;
	top: -53px;
    left: 33%;
	content:'';
    background-image: url(../../common/images/blog/bf_ico.png);
	background-repeat: no-repeat;
	z-index:2;
}	
.bf_wrap .l_box{
	width:100%;
	background: #eaeaea;
	border-radius:10px;
	padding:1em;
	position:relative;
	z-index:0;
	margin-bottom:2em;
}
.bf_wrap .l_box::after{
	width:30px;
	height:20px;
	display:block;
	content:'';
	position:absolute;
	top: 103%;
    left: 45%;
	background-image: url(../../common/images/blog/bf_ar02.png);
	background-size:30px auto;
	background-repeat: no-repeat;
	z-index:2;
}
.bf_wrap .r_box{
	width:100%;
	background: #cdecf1;
	border-radius:10px;
	padding:1em;
}	
}

dl.blog_top_col.main dd .inbox img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  position: absolute;
  top: 0;
}



#main_about.contents.about div.beginner_area.blog_area_blug .blog_col.mt30 a.cat_ttl{
    clear: both;
}
#main_about.contents.about div.beginner_area.blog_area_blug .go_flow.btn_box a.btn_type01.btn.mini,
#main_about.contents.about div.point_area div.go_flow.btn_box a.btn_type01.btn.mini{
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.tag_ul {
    width: 1100px;
    margin: 30px auto;
    text-align: center;
}
.tag_ul a {
    padding: 10px 15px;
    background: #eee;
    color:#000;
    display: inline-block;
    font-size: 12px !important;
    margin-bottom: 10px;
    margin-right: 5px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.tag_ul a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

ul.cat_ul {
    width: 1100px;
    margin: 30px auto;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
ul.cat_ul li {
    width: calc(32% - 34px);
    margin: 20px 15px 10px 15px;
    text-align: center;
}
ul.cat_ul li img{
    width: 100%;
    height: auto;
}
ul.cat_ul li .ttl{
    font-size: 2rem;
    font-weight: bold;
    margin-top: 10px;
}
ul.cat_ul li .lead{
    font-size: 1.2rem;
    font-weight: 300;
}

/*-------------------
ブログ　下層
-------------------*/

.blog_col_under {
    width: 650px;
    margin: 15px auto;
	font-size:1.7rem;
}
.blog_col_under h1{
    font-size: 2.5rem !important;
}
.blog_col_under  img{
    margin: 25px auto 10px;
    max-width: 100%;
    height: auto;
}
.blog_col_under p{
    margin: 30px 0;
}
.blog_col_under h2{
    font-size: 2.8rem;
    font-weight: bold;
    margin: 40px 0;
}
.blog_col_under > h2, .blog_col_under .ttl01 {
    display: block;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 2px solid
    rgba(0,0,0,0.1);
    letter-spacing: 0;
}
.blog_col_under > h2 > span, .blog_col_under .ttl01 > span {
    padding: 5px 0 5px 25px;
    font-size: 22px;
    line-height: 1.5;
	display:block;
	width:94%;
	font-weight:bold !important;
}
.blog_col_under > h2 > span::before, .blog_col_under .ttl01 > span::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 90%;
    background-color: #00a2df;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.blog_col_under > h3 {
    margin: 26px 0 20px;
    padding: 13px 28px 12px;
    font-size: 21px;
    font-weight: 700;
    background: #f3f3f3;
    border-radius: 10px;
}
.blog_col_under > h4 {
    margin: 34px 0 11px;
    padding: 0 0 0 16px;
    position: relative;
    font-size: 20px;
    font-weight: 700;
}
.blog_col_under > h4::before {
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    content: '';
    width: 4px;
    height: calc(100% - 22px);
    background: #181818;
    border-radius: 3px;
}
.blog_col_under p strong em,.blog_col_under p strong {
    font-style: normal;
    background: linear-gradient( transparent 80%, #fce20e 60%);
}
.u_blog_ttl_sub {
    font-size: 2rem;
    font-weight: bold;
    
}
.btm_sharebox {
    text-align: center;
    padding: 2em 0;
    margin:50px 0 20px; 
    border-bottom:  1px solid #ccc;
    border-top:  1px solid #ccc;
}
.share-list {
    font-size: 0;
    /*float: right;*/
    text-align: center;
    margin-top: 15px;
}
.share-list.btm {
    float: none !important;
}
.share-list li {
    display: inline-block;
    vertical-align: top;
    margin: 2px;
}
.share-list li a {
    background: no-repeat center center;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-size: auto;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-size: auto auto;
    border-radius: 3px;
    display: block;
    width: 80px;
    height: 30px;
}
.share-list li a:hover {
    filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.share-list li.facebook a {
    background-color: #3c5a99;
    background-image: url(../../common/images/ico_sns_facebook.svg);
    background-size: 6px auto;
}
.share-list li.x a {
    background-color: #000;
    background-image: url(../../common/images/ico_sns_x.svg);
    background-size: 14px auto;
}
.share-list li.line a {
    background-color: #00b900;
    background-image: url(../../common/images/ico_sns_line.svg);
    background-size: 16px auto;
}
.share-list li.hatena a {
    background-color: #00a4de;
    background-image: url(../../common/images/ico_sns_hatena.svg);
    background-size: 12px auto;
}
.taglabel {
    display: inline-block;
    clear: both;
    margin-left: 15px;
    color: #333 !important;
}
.taglabel a {
    color: #333 !important;
}
.taglabel a:hover {
    text-decoration: underline;
}
.taglabel a::after, .taglabel a::after, .taglabel a::after {
    content: ",";
    color: 
    #000;
    padding-left: 5px;
}
.leadbox01 {
    padding: 20px 30px;
    border-radius: 10px;
    background-color: #edf3f5;
    font-size: 14px;

}
#wrap div#main_about.contents.about div.base_inner .blog_col_under div.ct h1.title_type01.mb0.tl {
    margin: 35px auto 0px !important;
}

#wrap div#main_about.contents.about div.base_inner div.blog_col_under table {
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-spacing: 0;
    font-size: 88%;
    margin: 30px auto;
    width: 94%;
}
#wrap div#main_about.contents.about div.base_inner div.blog_col_under table th {
    background: #f7f2df none repeat scroll 0 0;
    border-bottom: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    font-weight: 700;
    line-height: 1.8em;
    padding: 15px;
    text-align: left;
    vertical-align: top;
    width: 35%;
    overflow: hidden;
}
#wrap div#main_about.contents.about div.base_inner div.blog_col_under table td {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    line-height: 1.5em;
    overflow: hidden;
}
.blog_col_under p a:hover {
    text-decoration: underline;
}
.blog_col_under div#toc_container.toc_white.no_bullets {
}
.blog_col_under a.linktext {
    color: #00a3e1;
    font-weight: bold;
    text-decoration: underline;
    display: inline;
} 
.blog_col_under a.linktext:hover {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
.s_01 .accordion_one .accordion_header {
    font-size: 16px;
    text-align: left !important;
    padding: 15px 60px 15px 15px;
}
.blog_col_under div#toc_container.toc_white.no_bullets {
    width: 100% !important;
} 
div#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area h1{
    color: #fff;
    text-align: center;
    padding:2.5em 0;
    font-size: 2rem;
    letter-spacing: 7px;
}
div#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area h1 span{
    font-size: 1.2rem;

}
}


.school_ttl {
    display: inline-block;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    padding: 15px 0 0px 60px;
    margin: 0 auto;
    background: url(../../common/images/school/img06.jpg) 0 50% no-repeat;
}
.school_ttl span {
    display: block;
    clear: both;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: -10px;
}
.accordion_one p {
    width: 90%;
    margin: 25px auto;
}
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*目次*/
#toc_container {
   margin: 2em 0 3em;
   width:100% !important;
   border: 1px solid #c2c2c2!important;
   padding: 10px !important;
border-radius: 0px !important;
}
div#toc_container.no_bullets p.toc_title {
   font-weight: 900;
   padding: 20px 0;
   margin: 0;
   text-align: center;   background: #fff;
   border-bottom: 1px solid #c2c2c2;
   color: #000;
}

div#toc_container.no_bullets p.toc_title:before {
   font-family: Font Awesome\ 5 Free;
   content: "\f0ca";
   font-weight: 900;
   margin-right: .5em;
}
a.toc-pull-right.ez-toc-btn.ez-toc-btn-xs.ez-toc-btn-default.ez-toc-toggle {
   border: none;
   box-shadow: none;
   border-radius: 50%;/*ボタンを丸く*/
   padding: 1em;
   margin-left:50px;
}
div#toc_container.no_bullets ul.toc_list {
   margin-left: 1em;
}
div#toc_container.no_bullets ul.toc_list li {
    list-style: none;
}
#toc-container nav {
   padding: 20px;
   background: #fff !important;
}

#main_about.contents.about .point_area .visa_block .visa_wrap h3.inttl.block_head.catttl_u.kagai_ttl01 span,
#main_about.contents.about .base_inner .point_area .visa_block .block_inner .visa_wrap h3.block_head.catttl_u.kagai_ttl01 span{
    background: url(../../common/images/school/img13.jpg) #fff 5px 50% no-repeat;
    background-size: 35px auto;
    padding: 10px 20px 0 40px !important;
}
#main_about.contents.about .point_area .visa_block .visa_wrap h3.inttl.block_head.catttl_u.kagai_ttl02 span,
#main_about.contents.about .base_inner .point_area .visa_block .block_inner .visa_wrap h3.block_head.catttl_u.kagai_ttl02 span{
    background: url(../../common/images/school/img14.jpg) #fff 5px 50% no-repeat;
    background-size: 35px auto;
    padding: 10px 20px 0 40px!important;
}
#main_about.contents.about .point_area .visa_block .visa_wrap h3.inttl.block_head.catttl_u.kagai_ttl03 span,
#main_about.contents.about .base_inner .point_area .visa_block .block_inner .visa_wrap h3.block_head.catttl_u.kagai_ttl03 span{
    background: url(../../common/images/school/img15.jpg) #fff 5px 50% no-repeat;
    background-size: 35px auto;
    padding: 10px 20px 0 40px!important;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl {
    width: 90%;
    margin: 25px auto;
    display: table;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl dt {
    width: 20%;
    display: table-cell;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl dd {
    width: 70%;
    display: table-cell;
}

@media screen and (max-width: 768px) {
/*---------------
fiji情報
---------------*/
.two_box01 {
    width: 100%;
    display: block;
    margin: 50px 0;
}
.two_box01 div {
    width: 100%;
    display: block;
}
.two_box01 div:first-child {
    border-right: none;
}
.two_box01 div h3 {
    width: 100%;
    height: 50px;
    padding: 10px 0;
    text-align: center;
    font-size: 2rem;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
}
.two_box01 div h3::after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    top: 43px;
    right: 47%;
    width: 14px;
    height: 14px;
    border-top: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    transform: translateX(-50%) rotate(135deg);
}
.two_box01 .inbox {
    width: 90%;
    padding: 2%;
    margin: 15px auto;
}
.two_box01 .inbox p {
    margin: 20px 0 0;
    word-break: break-all;
}
.floatBox {
    width: 100%;
}
.floatBox .hRight {
    float: right;
    width: calc(60% - 20px);
    margin: 0 0 0 15px;
}
.floatBox .hLeft {
    float: left;
    width: calc(60% - 20px);
    margin: 0 15px 0 0;
}
table.base_table01 {
    font-size: 90%;
}
.scroll table {
    width: 1000px;
}
.scroll {
    overflow: auto;
    white-space: nowrap;
}
.scroll::-webkit-scrollbar {
height: 5px;
}
.scroll::-webkit-scrollbar-track {
background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
table.base_table01 td span {
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 10px 0 7px !important;
}
table.base_table01 td.txt {
    width: 300px !important;
    padding: 15px 30px;
    vertical-align: top;

}
table.base_table01 td.txt p {
    white-space:normal;
    word-break: normal;
    overflow-wrap: normal;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full .ttl span {
    font-size: 1.8rem;
    padding: 5px 16px;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full .ttl {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -22px;
}
/*---------------
各プラン
---------------*/
.plan_cat_wrap {
    width: 100%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin: 15px auto 25px !important;
    text-align: center;
    position: relative;
}
.plan_cat_wrap div {
    width: calc(48% - 10px);
    height: 100px;
    margin: 10px 5px 5px 5px;
    border: 1px solid #000;
    position: relative;
    background-image: url(../../common/images/plan/btnbg.gif), url("../../common/images/plan/ar01.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: 50%, 50% 90%;
    overflow: visible !important;
    padding: 10px !important;
    vertical-align: middle;
}
.plan_cat_wrap div a {
    width: 100%;
    height: 100%;
    line-height: 100px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2rem;
    z-index: 1;
    font-weight: bold;
}
.plan_cat_wrap div a span {
    font-size: 1.8rem;
    font-weight: normal;
    padding-left: 5px;
}
/*---------------
フィジー留学について
---------------*/
.school_ttl {
    display: inline-block;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    padding: 15px 0 0px 60px;
    margin: 0 auto;
    background: url(../../common/images/school/img06.jpg) 0 50% no-repeat;
}
.school_ttl span {
    display: none;
}
.two_box02, .two_box03 {
    width: 100%;
    display: block;
}
.two_box02 dt, .two_box03 dt {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    vertical-align: middle;
}
.two_box02 dd, .two_box03 dd {
    width: 100%;
    display: block;
    vertical-align: middle;
}
/*アコーディオン調整*/
.s_01 .accordion_one {
    max-width: 1024px;
    margin: 20px auto;
    text-align: center;
    padding: 15px 10px;
    border: 1px solid #000;
}
.fit_img {
    width: 100%;
    height: auto;
}
.box_wrap02 {
    width: 90%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin: 5px auto 25px;
    text-align: center;
    position: relative;
}
.box_wrap02 .box {
    width: calc(44% - 16px);
    margin: 0px 15px 0px 15px;
    position: relative;
    border: none;
    background: #fff;
    overflow: visible !important;
    padding: 0em 0 1em;
}
.box_wrap02 .box .text {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 10px;
}
#main_about .point_area h3.block_head.catttl_u.kagai_ttl01 span {
    /*background: url(../../common/images/school/img13.jpg) #fff 15px 100% no-repeat;*/
    background-size: 25px auto;
    /*padding: 10px 10px 0 40px;*/
    padding: 10px 10px 0 20px;

}
#main_about .point_area h3.block_head.catttl_u.kagai_ttl02 span {
    background: url(../../common/images/school/img14.jpg) #fff 15px 100% no-repeat;
    background-size: 30px auto;
    padding: 10px 10px 0 40px;
}
#main_about .point_area h3.block_head.catttl_u.kagai_ttl03 span {
    background: url(../../common/images/school/img15.jpg) #fff 15px 100% no-repeat;
    background-size: 30px auto;
    padding: 10px 10px 0 40px;
}
/*----------------
中学・高校留学の意義
----------------*/
.blog_uarea {
    padding: 3em 0em 9em 0em;
    position: relative;
}
.blog_uarea .inner {
    max-width: 70%;
    margin: 15px auto;
}
#main_about .blog_uarea .title_type03 {
    color: #333333;
    letter-spacing: 0.26em;
    font-size: 16px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.26em;
}
#main_about .blog_uarea .area_head span {
    background: url(../../common/images/why-now/blog_ico.png) 98% 50% #ffffff no-repeat;
    padding: 0 30px;
    display: inline-block;
    -moz-transform: translateY(-46%);
    -ms-transform: translateY(-46%);
    -webkit-transform: translateY(-46%);
    transform: translateY(-46%);
}
#main_about .blog_uarea .inner .ttl {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 15px 0 0;
    clear: both;
    float: left;
}
#main_about .point_area dl.two_box02.u_blog {
    padding-bottom: 10px !important;
    margin-top: 20px !important;
}
#main_about .point_area dl.two_box02.u_blog dt .bluettl {
    margin-top: 5px !important;
}
#main_about .point_area h2.title_type01.sp_ttl_tyousei {
    margin-top: 20px !important;
    margin-bottom: 15px !important;
}
.two_box04 {
    width: 100%;
    display: block;
    background: url(../../common/images/why-now/boder_bg.gif) 0 95% repeat-x;
    padding: 0 0 20px !important;
    margin-bottom: 25px;
}
.two_box04 dt {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    background: url(../../common/images/why-now/boder_03.gif) 50% bottom no-repeat;
    padding: 0 !important;
}
.two_box04 dd {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0 !important;
}
.checkul {
    width: 100% !important;
    clear: both;
    margin: 35px auto;
    text-align: left;
}
.two_box04 dt .ttl .num {
    color: #00a2df;
    font-size: 2rem;
    font-weight: bold;
    padding-right: 10px;
}
dl.two_box04 dt .ttl {
    width: 100%;
    font-size: 2rem !important;
    float: left;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
}
dl.two_box04 dt div.text {
    display: inline-block !important;
    font-size: 2rem;
    padding-bottom: 10px;
    background: url(../../common/images/why-now/wave.jpg) bottom repeat-x;
}
.two_box04 .box_title {
    margin: 10px 0 0;
    color: #00a2df;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 3.5px;
}
#main_about .point_area .visa_block h3.inttl {
    position: relative !important;
    height: 40px;
    margin-top: 30px !important;
}
.bluettl {
    width: auto;
    text-align: center;
    margin: 10px auto 30px !important;
    margin-top: 10px;
    color: #00a2df;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 3.5px;
    background-image: url(../../common/images/why-now/ar_left.jpg), url(../../common/images/why-now/ar_right.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
    padding: 0 30px;
    display: inline-block;
}
/*--------------
応募方法
--------------*/
#main_about.contents.about .point_area.ttl_tyousei ul.btn_ul.tyuosei {
    margin-bottom: 0 !important;
}
#main_about.contents.about .point_area.ttl_tyousei ul.btn_ul.tyuosei li div {
    margin: 5px auto !important;
}
#main_about.contents.about .point_area.ttl_tyousei ul.btn_ul.tyuosei li div a.btn_type01.btn {
    margin: 0px auto !important;
}
#main_about.contents.about .point_area.ttl_tyousei ul.btn_ul.tyuosei li {
    margin-right: 0!important;
}
#main_about.contents.about div.base_inner div.point_area.ttl_tyousei h2.title_type01 {
    margin: 40px auto 0px !important;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl {
    width: 90%;
    margin: 25px auto;
    display: block;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl dt {
    width: 100%;
    display: block;
}
#main_about .beginner_area.under.wbg .box_wrap .box_full dl dd {
    width: 100%;
    display: block;
}
/*--------------
よくあるご質問
--------------*/
.faq_top  {
    width: 100%;
    background: url(../../common/images/faq/img01.jpg),url(../../common/images/faq/img02.jpg);
    background-position: 5% bottom,95% bottom;
    background-repeat: no-repeat,no-repeat;
    background-size: 100px auto, 100px auto;
    padding: 1em 0 11em;
}
.faq_area {
    width: 100%;
    margin: 30px auto 30px;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
}
.faq_area .box {
    width: calc(48% - 16px);
    margin: 20px 10px 5px 10px;
    padding: 25px 10px;
    background: #f7f6f6;
    height: 230px;
}
.faq_area .box .ttl {
    width: 100%;
    height: 80px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5em;
    word-break: break-all;
    letter-spacing: 1px;
}
.faq_area .box .ttl .in_num {
    width: 100%;
    float: none;
    text-align: center;
    font-size: 3rem;
    color: #00a2df;
    padding-left: 0!important;
    padding-top: 0 !important; 
    margin-bottom: 15px;
}
#main_about.contents.about .point_area .faq_area .box .go_flow.btn_box a.btn_type01.btn.mini {
    width: 100px;
    height: 30px;
    line-height: 30px;
}
#wrap div#main_about.contents.about div.base_inner div.point_area div.faq_area div.box div.go_flow.btn_box {
    /* position: absolute;
    bottom: 2%;
    left: 17%;*/
	position: relative;
    bottom: 0;
    left: 0;
    margin: 0 auto;

}
.list_base.short {
    width: 100% !important;
    border-top: 1px solid #ccc;
    margin: 30px auto;
    padding: 0 !important;
}    
/*--------------
入学手続きのご案内
--------------*/
.lead_small {
    font-size: 1.2rem;
    margin-top: 45px;
    text-align: center;
}
/*--------------
在校生・保護者の方へ
--------------*/
.faq_area .box.whbg {
    width: calc(100% - 16px);
    margin: 20px 10px 5px 10px;
    padding: 25px 10px;
    background: #fff !important;
    border: solid #dbdbdb 1px;
}
    #main_about.contents.about .point_area .faq_area div.box.whbg div.ttl {
        height: 30px;
    }
#main_about.contents.about .point_area table.base_table01 a.btn_type01.btn.mini {
    width: 100px;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    font-size: 2rem;
}
	#main_about.contents.about .point_area table.base_table01.logintable {
		width:600px;
		white-space: initial;
	}	
#main_about.contents.about .point_area table.base_table01.logintable td div.go_flow.btn_box.rbtn{
    margin-top: 43px;
}
#main_about.contents.about .point_area table.base_table01 a.btn_type01.btn.mini span{
    font-size: 1.8rem;
    line-height: 50px;
    display: inline!important;
}

.point_area table.base_table01 {
    margin-top: 20px;
}
.point_area table.base_table01 td {
    position: relative;
    padding-bottom: 15px;
}
.point_area table.base_table01 th {
     font-size: 2rem;
}
.point_area table.base_table01 .text {
    width: 80%;
    font-size: 1.2rem !important ;
    letter-spacing: 1px;
    margin: 15px auto 0;
}
#wrap div#main_about.contents.about .point_area div.faq_area div.box.whbg div.go_flow.btn_box a.btn_type01.btn.mini span.icon {
    padding: 0 5px 0 0;
    }  

/*--------------
卒業後の進路 
--------------*/
#wrap header#header div.header div.mv_sinro.mainimg_area div.page_title h1.jp {
    padding: 3em 0 0;
}
#wrap header#header div.header div.mv_sinro.mainimg_area div.page_title .pic {
    position: relative;
    bottom: 101px;
    left: 60px;
}
#wrap header#header div.header div.mv_sinro.mainimg_area div.page_title p {
    position: relative;
    bottom: 315px;
    left: 40px;
    line-height: 2.2em;
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: 2.5px;
}
.picbox {width: 100% !important;}
.sinropic02 {padding-bottom:0px !important;}
.sinropic01 {padding-bottom: 0px !important;}
.pw_ttl {
    background: url(../../common/images/sinro/img03.png),url(../../common/images/sinro/img04.png);
    background-position: left,right;
    background-repeat: no-repeat,no-repeat;
    display: inline-block;
    padding: 20px 50px;
}
.pic_ul {
    width: 90%;
    text-align: center;
    margin: 35px auto;
}
.pic_ul li{
    width: 28%;
    display: inline-block;
    margin-right: 20px;
}
.pic_ul li img{
    width: 100%;
    height: auto;
}
.pic_ul li:last-child{
     margin-right: 0px !important;
}
.performance_table {
    margin-top: 30px !important;
}
.point_area table.base_table01 th{
    font-size: 1.5rem;
    padding: 0 15px;
}
.point_area table.base_table01 td {
     font-size: 1.2rem;
    padding: 0 15px;
    line-height: 1.5em;
}
#main_about.contents.about .point_area table.base_table01.performance_table tbody tr th{
    width: 33% !important;
}
.performance_table td.middle {
    font-size: 1.8rem;
    font-weight: bold;
    background: #f3f3f3
}
.performance_table th.att {
    background: #1889d9;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.performance_table th.att.n_R {
border-radius: 0px !important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
}
/*--------------
ブログ
--------------*/
.mv_blog.mainimg_area h1 {
    padding: 1em 0 0;
    margin-top: -15px;
} 
#wrap header#header div.header div.mv_blog.mainimg_area div.page_title {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
}
.mv_blog.mainimg_area,.mv_blog_u.mainimg_area {
    position: relative;
}
    
.mv_blog.mainimg_area .wave01, .mv_blog.mainimg_area .wave02, .mv_blog.mainimg_area .wave03{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 104px;
}
#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave01,#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave02,#wrap header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave03 {
    position: absolute;
    bottom: -84px;
    left: 0;
    right: 0;
    height: 104px;
}

.mv_blog.mainimg_area .wave01 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 0 top;
    background-repeat: repeat-x;
    -webkit-animation: wave-anime01 50s linear infinite;
    animation: wave-anime01 50s linear infinite;
    opacity: 0.45;
}
.mv_blog.mainimg_area .wave02 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 300px top;
    background-repeat: repeat-x;
    -webkit-animation: wave-anime02 40s linear infinite;
    animation: wave-anime02 40s linear infinite;
    opacity: 0.7;
}
.mv_blog.mainimg_area .wave03 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 600px top;
    background-repeat: repeat-x;
    -webkit-animation: wave-anime03 30s linear infinite;
    animation: wave-anime03 30s linear infinite;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave01 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 0 top;
    background-repeat: repeat-x;
    background-size: 400px auto;
    /*-webkit-animation: wave-anime01 50s linear infinite;
    animation: wave-anime01 50s linear infinite;*/
    opacity: 0.45;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave02 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 300px top;
    background-size: 400px auto;
    background-repeat: repeat-x;
    /*-webkit-animation: wave-anime02 40s linear infinite;
    animation: wave-anime02 40s linear infinite;*/
    opacity: 0.7;
}
header#header div.header div.mv_blog　mv_blog_u.mainimg_area .wave03 {
    background-image: url(../../common/images/mv_wave.png);
    background-position: left 600px top;
    background-size: 400px auto;
    background-repeat: repeat-x;
        background-size: 800px auto;

} 
    
#wrap div#main_about.contents.about .point_area h2.title_type01.blogttl,
#wrap div#main_about.contents.about .beginner_area.blog_area_blug div.base_inner div.ct h2.title_type01.mt40.blogttl{
    width: auto;
    display: inline-block;
    padding: 0 20px 20px 20px;
    margin: 50px auto 10px!important;
    background: url("../../common/images/blog/ttlbg.png") right bottom no-repeat;
    background-size:500px auto;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main {
    margin-top: 10px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol a.bdrlink0102.ttl_link_m{
    /*width: 400px;*/
    font-size: 2rem;
    margin-bottom: 10px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol .lead02 {
    padding-top: 0px;
}
#wrap div#main_about.contents.about div.point_area dl.blog_top_col.main dt div.rcol .cat_ttl {
    margin-bottom: 30px;
}
#main_about.contents.about div.point_area dl.blog_top_col.main dt {
    width: 100%;
    margin-bottom: 0px!important;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.lcol{
    width: 100%;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.lcol img {
        width: 100% !important;
        height: auto;
}
#wrap div#main_about.contents.about .point_area dl.blog_top_col.main dt div.rcol{
    width: 100%;
    padding-left:0 !important;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug {
    background: #bfecff; /* Old browsers */
    background: -moz-linear-gradient(top, #bfecff 0%, #eaf8ff 55%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #bfecff 0%,#eaf8ff 55%,#ffffff 100%);
    background: linear-gradient(to bottom, #bfecff 0%,#eaf8ff 55%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfecff', endColorstr='#ffffff',GradientType=0 );
    position: relative;
    margin-top: -5px;
    padding: 0px 0 35px;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave01_01,
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave02_02,
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave03_03 {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    height: 104px;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave01_01 {
    background-image: url(../../common/images/mv_wave02.png);
    background-size: 800px auto;
    background-position: left 0 top;
    background-repeat: repeat-x;
    /*-webkit-animation: wave-anime01 50s linear infinite;*/
    /*animation: wave-anime01 50s linear infinite;*/
    opacity: 0.2;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave02_02 {
    background-image: url(../../common/images/mv_wave02.png);
    background-size: 800px auto;
    background-position: left 285px top;
    background-repeat: repeat-x;
    /*-webkit-animation: wave-anime02 40s linear infinite;*/
    /*animation: wave-anime02 40s linear infinite;*/
    opacity: 0.4;
}
#wrap div#main_about.contents.about div.beginner_area.blog_area_blug .wave03_03 {
    background-image: url(../../common/images/mv_wave02.png);
    background-size: 800px auto;
    background-position: left 600px top;
    background-repeat: repeat-x;
    /*-webkit-animation: wave-anime03 30s linear infinite;*/
    /*animation: wave-anime03 30s linear infinite;*/
}
.blog_col {
    width: 100%;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;   
}
.blog_col .box{
    width: calc(49% - 7px);
    margin: 10px 5px 0px 5px;
}
.blog_col .box img{
    width: 100%;
    height: auto;
}
#main_about.contents.about div.beginner_area.blog_area_blug .blog_col.mt30 a.cat_ttl{
    clear: both;
}
#main_about.contents.about div.beginner_area.blog_area_blug .go_flow.btn_box a.btn_type01.btn.mini,
#main_about.contents.about div.point_area div.go_flow.btn_box a.btn_type01.btn.mini{
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.tag_ul {
    width: 100%;
    margin: 30px auto;

}
.tag_ul a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.tag_ul a {
    padding: 10px;
    background: #eee;
    color:#000;
    font-size: 1.2rem !important;
    display: inline-block;
    font-size: 10px !important;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
 }
.tag_ul a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

ul.cat_ul {
    width: 100%;
    margin: 30px auto 0;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
ul.cat_ul li {
    width: calc(32% - 34px);
    margin: 20px 15px 10px 15px;
    text-align: center;
}
ul.cat_ul li img{
    width: 100%;
    height: auto;
}
ul.cat_ul li .ttl{
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 10px;
}
ul.cat_ul li .lead{
    display: none;
}
    
/*-------------------
ブログ　下層
-------------------*/

.blog_col_under {
    width: 100%;
    margin: 15px auto;
}
.blog_col_under h1{
    font-size: 2rem !important;
}
.blog_col_under  img{
    margin: 25px auto 0px;
    max-width: 100%;
    height: auto;
}
.blog_col_under p{
    margin: 30px 0;
	line-height: 1.7;
}
.blog_col_under h2{
    font-size: 2.5rem;
    font-weight: bold;
    margin: 40px 0;
}
.blog_col_under > h2, .blog_col_under .ttl01 {
    display: block;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 2px solid
    rgba(0,0,0,0.1);
    letter-spacing: 0;
}
.blog_col_under > h2 > span, .blog_col_under .ttl01 > span {
    padding: 5px 0 5px 25px;
    font-size: 20px;
    line-height: 1.5;
    display: block;
}
.blog_col_under > h2 > span::before, .blog_col_under .ttl01 > span::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 90%;
    background-color: #00a2df;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.u_blog_ttl_sub {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.btm_sharebox {
    text-align: center;
    padding: 2em 0;
    margin:50px 0 20px; 
    border-bottom:  1px solid #ccc;
    border-top:  1px solid #ccc;
}
.share-list {
    font-size: 0;
    float: none !important;
    text-align: center;
    margin-top: 15px;
}
.share-list.btm {
    float: none !important;
}
.share-list li {
    display: inline-block;
    vertical-align: top;
    margin: 2px;
}
.share-list li a {
    background: no-repeat center center;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-size: auto;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-size: auto auto;
    border-radius: 3px;
    display: block;
    width: 70px;
    height: 30px;
}
.share-list li a:hover {
    filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.share-list li.facebook a {
    background-color: #3c5a99;
    background-image: url(../../common/images/ico_sns_facebook.svg);
    background-size: 6px auto;
}
.share-list li.twitter a {
    background-color: #1da1f2;
    background-image: url(../../common/images/ico_sns_twitter.svg);
    background-size: 14px auto;
}
.share-list li.line a {
    background-color: #00b900;
    background-image: url(../../common/images/ico_sns_line.svg);
    background-size: 16px auto;
}
.share-list li.hatena a {
    background-color: #00a4de;
    background-image: url(../../common/images/ico_sns_hatena.svg);
    background-size: 12px auto;
} 
    
    
}
/*----------------------------
フッター　オファーエリア調整
-----------------------------*/
@media only screen and (min-width: 2001px) and (max-width:10000px) {
.contact_area .area_inner {
    width: 100%;
    margin: 0 auto;
    background-image: url("../../common/images/f_contact01.png"), url("../../common/images/f_contact02.png");
    background-position: 20% bottom, 84% bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 222px 486px, 268px 506px;
    background-color: #e3f4fe;
}
}

@media only screen and (min-width: 1500px) and (max-width:2000px) {
.contact_area .area_inner {
    width: 100%;
    margin: 0 auto;
    background-image: url("../../common/images/f_contact01.png"), url("../../common/images/f_contact02.png");
    background-position: 15% bottom, 86% bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 222px 486px, 268px 506px;
    background-color: #e3f4fe;
}
}

@media only screen and (min-width: 1300px) and (max-width:1499px) {
.contact_area .area_inner {
    width: 100%;
    margin: 0 auto;
    background-image: url("../../common/images/f_contact01.png"), url("../../common/images/f_contact02.png");
    background-position: 4% bottom, 98% bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 222px 486px, 268px 506px;
    background-color: #e3f4fe;
}
}

@media only screen and (min-width: 1200px) and (max-width:1299px) {
.contact_area .area_inner {
    width: 100%;
    margin: 0 auto;
    background-image: url("../../common/images/f_contact01.png"), url("../../common/images/f_contact02.png");
    background-position: 11% bottom, 93% bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 222px 486px, 268px 506px;
    background-color: #e3f4fe;
}
}

@media only screen and (min-width: 1100px) and (max-width:1199px) {
.contact_area .area_inner {
    width: 100%;
    margin: 0 auto;
    background-image: url("../../common/images/f_contact01.png"), url("../../common/images/f_contact02.png");
    background-position: 9% bottom, 94% bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 222px 486px, 268px 506px;
    background-color: #e3f4fe;
}
}

@media only screen and (min-width: 1000px) and (max-width:1099px) {
.contact_area .area_inner {
    width: 100%;
    margin: 0 auto;
    background-image: url("../../common/images/f_contact01.png"), url("../../common/images/f_contact02.png");
    background-position: 4% bottom, 98.5% bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 222px 486px, 268px 506px;
    background-color: #e3f4fe;
}
}

@media only screen and (min-width: 769px) and (max-width:999px) {
.contact_area .area_inner {
    width: 100%;
    margin: 0 auto;
    background-image: url("../../common/images/f_contact01.png"), url("../../common/images/f_contact02.png");
    background-position: 1% bottom, 100.5% bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 222px 486px, 268px 506px;
    background-color: #e3f4fe;
}
}

@media screen and (max-width: 768px) {
.contact_area .area_inner {
    background-image: none;
    background-color: #e3f4fe;
}
.btm_banner {
    width: 94%;
    text-align: center;
    margin: 20px auto 0;
}
.btm_banner li {
    display: block;
    margin-bottom: 10px;
}
.btm_banner li:last-child {
    margin-bottom: 10px;
}
.btm_banner li:first-child {
    margin-right: 0px !important;
}
.btm_banner li img {
    width: 100%;
    height: auto;
}

}
.contact_area .area_wrap {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}
.contact_area .area_wrap::before {
    content: "";
    background-image: url("./images/f_contact_head.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 398px;
    height: 95px;
    margin: auto;
    position: absolute;
    top: -95px;
    left: 0;
    right: 0;
    z-index: 0;
}
.contact_area .area_wrap .area_head {
    font-size: 26px;
    font-size: 2.6rem;
    text-align: center;
    line-height: 1.0;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    z-index: 2;
}
.contact_area .area_wrap .area_body {
    padding: 40px 75px 55px;
    position: relative;
}
.contact_area .area_wrap .area_body .area_title {
    font-size: 34px;
    font-size: 4.5rem;
    text-align: center;
    line-height: 1.0;
    color: #00a2df;
    font-weight: bold;
}
.contact_area .area_wrap .area_body .area_title span {
    padding: 0 0 0 7px;
    display: inline;
    position: relative;
}
.contact_area .area_wrap .area_body .area_title span::after {
    content: "";
    height: 6px;
    background: url(../../common/images/img_wave.svg) repeat-x top left;
    background-size: auto;
    background-size: auto;
    background-size: 384px 6px;
    position: absolute;
    bottom: -11px;
    left: -3px;
    right: 1px;
}
.contact_area .area_wrap .area_body .area_text {
    margin: 40px auto 0;
    text-align: center;
    line-height: 2.0;
    color: #00a2df !important;
    font-weight: 500;
    font-size: 1.5rem;
    letter-spacing: 1px;
}
.contact_area .area_wrap .area_body .bottom_block {
    margin: 60px auto 0;
}
.beginner_area .box_wrap .bottom_block {
    margin: 0px auto 0;
}
.contact_area .area_wrap .area_body .bottom_block .block_head {
    border-top: 1px solid #323333;
    width: 630px;
    margin: 0 auto;
    text-align: center;
}
.contact_area .area_wrap .area_body .bottom_block .block_head span {
    background: #e3f4fe;
    padding: 0 20px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    display: inline-block;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.contact_area .area_wrap .area_body .bottom_block .tel_box {
    margin: 15px auto 0;
    color: #00a2df;
    font-size: 40px;
    font-size: 4rem;
    text-align: center;
    line-height: 1.0;
    letter-spacing: 0.1em;
}
.contact_area .area_wrap .area_body .bottom_block .time_box {
    margin: 25px auto 0;
    text-align: center;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box, .beginner_area .box_wrap .btn_box, .point_area .btn_box02 {
    margin: 30px auto 0;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn, .beginner_area .box_wrap .btn_box .btn, .point_area .btn_box02 .btn02 {
    text-align: center;
    text-decoration: none;
    outline: none;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn::before, .contact_area .area_wrap .area_body .bottom_block .btn_box .btn::after, .beginner_area .box_wrap .btn_box .btn .btn_box .btn::before, .beginner_area .box_wrap .btn_box .btn .btn_box .btn::after, .point_area .btn_box02 .btn02::before, .point_area .btn_box02 .btn02::after, .beginner_area.under .box_wrap .bottom_block .btn_box .btn::before, .beginner_area.under .box_wrap .bottom_block .btn_box .btn::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn, .contact_area .area_wrap .area_body .bottom_block .btn_box .btn::before, .contact_area .area_wrap .area_body .bottom_block .btn_box .btn::after, .beginner_area .box_wrap .btn_box .btn .btn_box .btn, .beginner_area .box_wrap .btn_box .btn .btn_box .btn::before, .beginner_area .box_wrap .btn_box .btn .btn_box .btn::after, .point_area .btn_box02 .btn02, .point_area .btn_box02 .btn02::before, .point_area .btn_box02 .btn02::after, .beginner_area.under .box_wrap .bottom_block .btn_box .btn::before, .beginner_area.under .box_wrap .bottom_block .btn_box .btn::after {
    -webkit-transition: all .3s;
    transition: all .3s;
}

#main_about.contents.about.form .contact_area .btn-submit-wrap .btn-submit,.contact_area .area_wrap .area_body .bottom_block .btn_box .btn, .beginner_area .box_wrap .btn_box .btn .btn_box .btn, .point_area .btn_box02 .btn02, .beginner_area.under .box_wrap .bottom_block .btn_box .btn,.blog_col_under div.contact_area div.form_area .form.h-adr .btn_box input,.blog_col_under.form div.contact_area div.form_area section.page-section div.bottom_block div.btn_box a,.blog_col_under.form.nopadding div.contact_area div.form_area div.btn_box a,
form div.form.h-adr button.btn-submit,
form div.bottom_block .btn_box button.btn-submit
{
    background: #279ede; /* Old browsers */
    background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
    border-radius: 40px;
    width: 500px;
    height: 80px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #028bd6;
    letter-spacing: 0.26em;
    color: #fff;
    font-size: 18px;
    font-size: 2.2rem;
    text-align: center;
    line-height: 80px;
    overflow: hidden;
    font-weight: bold;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn:hover, .beginner_area .box_wrap .btn_box .btn .btn_box .btn:hover, .point_area .btn_box02 .btn02:hover, .beginner_area.under .box_wrap .bottom_block .btn_box .btn:hover {
    color: #31b9f1;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn::after, .beginner_area .box_wrap .btn_box .btn .btn_box .btn::after, .point_area .btn_box02 .btn02::after, .beginner_area.under .box_wrap .bottom_block .btn_box .btn::after {
    top: -100%;
    width: 100%;
    height: 100%;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn:hover::after, .beginner_area .box_wrap .btn_box .btn .btn_box .btn:hover::after, .point_area .btn_box02 .btn02:hover::after, .beginner_area.under .box_wrap .bottom_block .btn_box .btn:hover::after {
    top: 0;
    background-color: #fff;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn .icon, .beginner_area .box_wrap .btn_box .btn .btn_box .btn .icon, .point_area .btn_box02 .btn02 .icon, .beginner_area.under .box_wrap .bottom_block .btn_box .btn .icon {
    padding: 0 15px 0 15px;
}


.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02,
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02{
    background: #fff; /* Old browsers */
    border-radius: 40px;
    width: 500px;
    height: 80px;
    color: #028bd6;
    font-size: 18px;
    font-size: 2.2rem;
    text-align: center;
    line-height: 80px;
    border: solid #028bd6 1px;
    font-weight: bold;
}
.form_area .btn_box a.btn02{
    background: #fff; /* Old browsers */
    border-radius: 40px;
    height: 80px;
    color: #028bd6;
    font-size: 18px;
    font-size: 2.2rem;
    text-align: center;
    line-height: 80px;
    border: solid #028bd6 2px;
    font-weight: bold;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02 .icon {
    padding: 0 30px 0 15px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02 .icon::after {
    background-size: 10px auto;
    width: 9px;
    height: 12px;
    right: 0;
}
.ct_ttl01 {
    margin-top: 50px;
}

@media screen and (max-width: 768px) {
.contact_area {
    padding: 70px 0 0;
}
.contact_area .area_inner {
    width: 100%;
}
.contact_area .area_wrap {
    width: 100%;
}
.contact_area .area_wrap::before {
    width: 280px;
    height: 70px;
    top: -69px;
}
.contact_area .area_wrap::after {
    content: none;
}
.contact_area .area_wrap .area_head {
    font-size: 20px;
    font-size: 2rem;
    position: absolute;
    top: -10px;
}
.contact_area .area_wrap .area_body {
    width: 100%;
    padding: 10px 20px 25px;
}
.contact_area .area_wrap .area_body .area_title {
    font-size: 18px;
    font-size: 2.2rem;
    text-align: center;
    line-height: 1.0;
}
.contact_area .area_wrap .area_body .area_title span {
    background-size: auto 8px;
    padding-bottom: 2px;
}
.ct_ttl01 {
    margin-top: 20px;
}
.contact_area .area_wrap .area_body .area_text {
    margin: 30px auto 0;
    font-size: 1.35rem;
}
.contact_area .area_wrap .area_body .bottom_block {
    background: none;
    margin: 30px auto 0;
}
.contact_area .area_wrap .area_body .bottom_block .block_head {
    border-top: none;
    width: 100%;
}
.contact_area .area_wrap .area_body .bottom_block .block_head span {
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.contact_area .area_wrap .area_body .bottom_block .tel_box {
    margin: 20px auto 0;
    font-size: 22px;
    font-size: 2.2rem;
}
.contact_area .area_wrap .area_body .bottom_block .time_box {
    margin: 15px auto 0;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box {
    margin: 30px auto 0;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn, .beginner_area .box_wrap .btn_box .btn, #main_about.contents.about div.beginner_area.under div.base_inner div.box_wrap div.bottom_block div.btn_box a.btn, #main_about.contents.about div.point_area div.base_inner div.bottom_block div.btn_box02 a.btn02 {
    border-radius: 25px;
    width: 280px;
    height: 50px;
    font-size: 11px;
    font-size: 1.6rem;
    line-height: 50px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn .icon, .beginner_area .box_wrap .btn_box .btn .icon, #main_about.contents.about div.beginner_area.under div.base_inner div.box_wrap div.bottom_block div.btn_box a.btn .icon, #main_about.contents.about div.point_area div.base_inner div.bottom_block div.btn_box02 a.btn02 .icon {
    padding: 0 9px 0 20px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn .icon::before, .beginner_area .box_wrap .btn_box .btn .icon::before, #main_about.contents.about div.beginner_area.under div.base_inner div.box_wrap div.bottom_block div.btn_box a.btn .icon::before, #main_about.contents.about div.point_area div.base_inner div.bottom_block div.btn_box02 a.btn02::before {
    width: 24px;
    height: 17px;
    bottom: -4px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn .icon::after, .beginner_area .box_wrap .btn_box .btn .icon::after, #main_about.contents.about div.beginner_area.under div.base_inner div.box_wrap div.bottom_block div.btn_box a.btn .icon::after, #main_about.contents.about div.point_area div.base_inner div.bottom_block div.btn_box02 a.btn02::after {
    width: 6px;
    height: 8px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box, .beginner_area .box_wrap .btn_box .btn .btn_box, #main_about.contents.about div.beginner_area.under div.base_inner div.box_wrap div.bottom_block div.btn_box a.btn .btn_box, #main_about.contents.about div.point_area div.base_inner div.bottom_block div.btn_box02 a.btn02 .btn_box {
    margin: 15px auto 0;
}
.form_area .btn_box a.btn02 {
    width: 300px;
    height: 50px;
    font-size: 11px;
    font-size: 1.6rem;
    line-height: 50px;
} 
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02,
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02{
    border-radius: 25px;
    width: 280px;
    height: 50px;
    font-size: 11px;
    font-size: 1.6rem;
    line-height: 50px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02 .icon,
.form_area .btn_box .btn02 .icon{
    padding: 0 10px 0 10px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02 .icon::before,
    .form_area .btn_box .btn02 .icon::before{
    width: 24px;
    height: 17px;
    bottom: -4px;
}
.contact_area .area_wrap .area_body .bottom_block .btn_box .btn02 .icon::after,
        .form_area .btn_box .btn02 .icon::after{
    width: 6px;
    height: 8px;
}
}
#footer .access_area {
    padding: 60px 0 100px;
}
#footer .access_area .area_title, .point_area .area_title {
    margin: 0 auto 60px;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
}
#footer .access_area .box_wrap {
    margin: -55px auto 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#footer .access_area .box_wrap .box {
    width: 520px;
    margin: 55px 60px 0 0;
    text-align: center;
}
#footer .access_area .box_wrap div:last-child{
	margin-right:0;
}
#footer .access_area .box_wrap .box .map {
    background: #eeeeee;
    width: 460px;
    height: 200px;
}
div.pc_on.box_title.tl {
    width: 100% !important;
    display: block;
    margin: -15px 0 10px;
    font-size: 16px;
    font-size: 1.8rem;
    font-weight: bold;
}
div.sp_on.box_title {
    display: none;
}

@media screen and (max-width: 768px) {
#footer .access_area {
    padding: 55px 0 80px;
}
#footer .access_area .area_title, .point_area .area_title {
    margin: 0 auto 25px;
    font-size: 16px;
    font-size: 1.6rem;
}
#footer .access_area .area_title .deco {
    padding: 0 40px 3px;
}
#footer .access_area .area_title .deco::before, #footer .access_area .area_title .deco::after {
    width: 17px;
    height: 25px;
}
#footer .access_area .box_wrap {
    margin: -0 auto 0;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#footer .access_area .box_wrap .box {
    width: 100%;
    max-width: 460px;
    margin: 35px auto 0;
}
#footer .access_area .box_wrap .box:nth-child(2n) {
    margin-right: auto;
}
#footer .access_area .box_wrap .box:first-child {
    margin-top: 0;
}
#footer .access_area .box_wrap .box .map {
    width: 100%;
    max-width: 460px;
    height: 140px;
}
div.pc_on.box_title.tl {
    display: none;
}
div.sp_on.box_title {
    margin: -30px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
}
#footer .access_area .box_wrap .box .address {
    font-size: 12px;
    font-size: 1.2rem;
}
}
#footer .footer {
    background: #e3f4fe;
    padding: 43px 0 0;
    color: #028bd6;
    position: relative;
}
#footer .footer .block_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
#footer .footer .right_block .nav_area {
    padding: 5px 0;
    display: -webkit-flex;
    display: flex;
}
#footer .footer .right_block .nav_area .f_nav {
    width: 275px;
}
#footer .footer .right_block .nav_area .f_nav:nth-child(3) {
    width: 230px;
}
#footer .footer .right_block .nav_area .f_nav li {
    margin: 16px 0 0;
    line-height: 1.6;
}
#footer .footer .right_block .nav_area .f_nav li:first-child {
    margin-top: 0;
}
#footer .footer .right_block .nav_area .f_nav li a {
    padding: 0 0 0 0px;
    font-size: 12px;
    font-size: 1.4rem;
    letter-spacing: 0.18em;
    position: relative;
    font-weight: bold;
}
#footer .footer .right_block .nav_area .f_nav li a::before {
    content: "";
    background: #028bd6;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin: auto;
    position: absolute;
    left: -17px;
    top: 0;
    bottom: 0;
}
.footer div.block_wrap div.right_block div.nav_area ul.f_nav li ul {
    margin: 10px 0;
}
.footer div.block_wrap div.right_block div.nav_area ul.f_nav li ul li {
    margin-top: 0 !important;
}
.footer div.block_wrap div.right_block div.nav_area ul.f_nav li ul li a {
    margin-left: 10px;
    font-size: 1.2rem !important;
    line-height: 1em;
}
.footer div.block_wrap div.right_block div.nav_area ul.f_nav li ul li a:before {
    background: none !important;
}
r#footer .footer .left_block {
}
#footer .footer .right_block {
    border-left: 1px solid #028bd6;
    padding: 0 0 0 55px;
    margin-left: 45px;
}
#footer .footer .left_block .box .box_title {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: #000;
}
#footer .footer .right_block .box .box_img {
    margin: 10px auto 0;
}
#footer .footer .copyright_box {
    padding: 40px 20px 30px;
}
#footer .footer .copyright_box .copyright {
    color: #028bd6;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    display: block;
}

@media screen and (max-width: 768px) {
#footer .footer {
    padding: 40px 0 50px;
}
#footer .footer .left_block {
    display: none;
}
#footer .footer .right_block {
    display: none;
}
#footer .footer .copyright_box {
    padding: 35px 20px;
}
#footer .footer .copyright_box .copyright {
    font-size: 12px;
    font-size: 1.2rem;
}
}
.mymap {
    margin-bottom: 0px;
    width: 100%;
    /* height: 250px; */
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
.mymap iframe {
    /* margin-top: -48px; */
    height: 100%;
    width: 100%;
}
.panel_area .panel_btn_box, .panel_area .panel_wrap {
    display: none;
}

@media screen and (max-width: 768px) {
.panel_area .panel_btn_box {
    width: 70px;
    height: 70px;
    padding: 0;
    display: block;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 2002;
}
.panel_area .panel_btn_box .panel_btn {
    cursor: pointer;
}
.panel_area .panel_btn_box .panel_btn .btn_open {
    display: block;
}
.panel_area .panel_btn_box .panel_btn .btn_close {
    display: none;
}
.panel_area .panel_btn_box .panel_btn.panel_close .btn_open {
    display: none;
}
.panel_area .panel_btn_box .panel_btn.panel_close .btn_close {
    display: block;
}
.panel_area .panel_overlay {
    background: rgba(39, 158, 222, 0.9);
    width: 100%;
    min-width: 320px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
}
.panel_area .panel_wrap {
    width: 100%;
    min-width: 320px;
    height: 100%;
    padding: 10px 0 30px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    overflow-y: auto;
    -webkit-overflow-scroling: touch;
    display: none;
}
.panel_area .panel_wrap.mode_open {
    display: block;
}
.panel_area .panel_wrap .nav_block {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.panel_area .panel_wrap .nav_block .nav_list {
    max-width: 100%;
    margin: 35px auto 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
border-top: solid #c4edff 1px;
    }
.panel_area .panel_wrap .nav_block .nav_list li {
    width: calc(100% - 0px);
    margin: 0px;
}
.panel_area .panel_wrap .nav_block .nav_list li.child a{

    position: relative;

    padding: 16px 0px;
    color: #fff;
    text-align: center;
    line-height: 1.0;
    display: block;
    cursor: pointer;
border-bottom: solid #c4edff 1px;   
}
.panel_area .panel_wrap .nav_block .nav_list li.child a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin: -4px 0 0 0;
border-top: solid 2px #c4edff ;
border-right: solid 2px #c4edff ;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
.panel_area .panel_wrap .nav_block .nav_list li div {
    background-repeat: no-repeat;
    background-position: 15px 50%;
    background-repeat: no-repeat;
    background-size: auto 26px;color: #fff;
    background-color: rgb(0,152,215);
    text-align: center;
    position: relative;
}
    .nest {width: 100%;
        display: block;
}
.nest {
        display: none;
}
.button {
    padding: 10px 0;
    width: 100%;
    color: #fff;
    cursor: pointer;
    position: relative;
    border: none;
border-bottom: solid 1px #c4edff ;
}
.button:after {
    font-family: "Font Awesome 5 Free";
    content: '\f067';
    font-weight: 900;
    position: absolute;
    top: 11px;
    right: 13px;
}
.button.actived:after {
    font-family: "Font Awesome 5 Free";
    content: '\f067';
    font-weight: 900;
}

.panel_wrap.mode_open div.nav_block ul.nav_list li.other div.button::after {
    font-family: "Font Awesome 5 Free";
    content: '\f054' !important;
    font-weight: 900;
    position: absolute;
    top: 11px;
    right: 13px;
}
.panel_area .panel_wrap .nav_block .nav_list li a .jp {
    color: #fff;
    font-family: sans-serif;
    letter-spacing: 0.26em;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
    letter-spacing: 0.1em;
    display: block;
}
.panel_area .panel_wrap .nav_block .nav_list li.about div.button {
    background-image: url("../../common/images/nav01_pn.png");
}
.panel_area .panel_wrap .nav_block .nav_list li.beginner div.button {
    background-image: url("../../common/images/nav02_pn.png");
    background-position: 20px 50%;
}
.panel_area .panel_wrap .nav_block .nav_list li.plan div.button {
    background-image: url("../../common/images/nav03_pn.png");
    background-size: auto 21px;
    background-position: 15px 50%;
}
.panel_area .panel_wrap .nav_block .nav_list li.faq div.button {
    background-image: url("../../common/images/nav04_pn.png");
}
.panel_area .panel_wrap .nav_block .nav_list li.blog div.button {
    background-image: url("../../common/images/nav05_pn.png");
}
.panel_area .panel_wrap .nav_block .nav_list li.guardian div.button {
    background-image: url("../../common/images/nav06_pn.svg");
}
.panel_area .panel_wrap .logo_box {
    width: 140px;
    margin: 20px auto 0;
}
.panel_area .panel_wrap .logo_box a {
    display: block;
}
}
.fixed_nav {
    width: 171px;
    height: 167px;
    position: fixed;
    top: 40px;
    right: 40px;
    z-index: 100;
    background: #fff;
}
.fixed_nav a {
    display: block;
}
.fixed_nav2 {
    width: 55px;
    height: 191px;
    position: fixed;
    top: 120px;
    right: 0;
    z-index: 100;
}
.fixed_nav2 a {
    display: block;
}

@media screen and (max-width: 768px) {
.fixed_nav {
    width: 100%;
    height: 66px;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
}
.fixed_nav ul {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.fixed_nav ul li {
    width: calc(25% - 0px);
    margin: 0;
    position: relative;
}
.fixed_nav ul li {
    width: 50%;
    height: 66px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.fixed_nav ul li:nth-child(2), .fixed_nav ul li:nth-child(3) {
    border-right: solid #ccc 1px;
}
.fixed_nav.sp_on ul li.f_nav01 a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 66px;
  background: url(../../common/images/fnav_01-2024.webp) #ffec47 no-repeat;
  background-size: 100% auto;
}
.fixed_nav.sp_on ul li.f_nav02 a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 66px;
  background: url(../../common/images/fnav_02-2024.webp) #fff no-repeat;
  background-size: 100% auto;
}
.fixed_nav.sp_on ul li.f_nav03 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 66px;
    background: url(../../common/images/fnav_03.jpg) #fff no-repeat;
    background-size: 100% auto;
}
.fixed_nav.sp_on ul li.f_nav04 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 66px;
    background: url(../../common/images/fnav_04.jpg) #fff no-repeat;
    background-size: 100% auto;
}
}
.contents {
    padding: 60px 0 0;
    margin: 0 auto;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    z-index: 2;
}
.contents .nopost {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    z-index: 2;
}
.contents.no_mv {
    padding-top: 180px;
    z-index: 2;
}
.contents.about {
    padding: 30px 0 0;
    margin: 0 auto;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    z-index: 2;
}

@media screen and (max-width: 768px) {
.contents {
    padding: 0px 0 0;
}
.contents.no_mv {
    padding-top: 80px;
}
}
#page_index #header .nav_area {
    padding-top: 8px;
    position: fixed;
    top: 0;
    z-index: 10;
	/* display: flex;
    justify-content: center; */
}
#page_index #header div.header div.nav_area.hidden {
    background: #fff !important;
    transition: all 0.3s;
    -webkit-filter: drop-shadow(0px 3px 10px rgba(168,168,168,.2));
    filter: drop-shadow(0px 0px 10px rgba(168,168,168,.2));
    z-index: 10;
}
#main_index .blog_area {
    padding: 10px 0 100px;
}
#main_index .blog_area .area_wrap {
    padding: 80px 50px 70px;
    position: relative;
    z-index: 2;
}
#main_index .blog_area .area_wrap .line {
    background-image: linear-gradient(to right, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
    background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    z-index: 1;
    pointer-events: none;
}
#main_index .blog_area .area_wrap .corner {
    background-image: url("./images/left_top01.png"), url("./images/left_bottom01.png"), url("./images/right_top01.png"), url("./images/right_bottom01.png");
    background-size: 40px auto;
    background-position: left top, left bottom, right top, right bottom;
    background-repeat: no-repeat;
    padding: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
}
#main_index .blog_area .area_wrap .area_head {
    margin: auto;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
#main_index .blog_area .area_wrap .area_head span {
    background: #ffffff;
    padding: 0 30px;
    display: inline-block;
    -moz-transform: translateY(-46%);
    -ms-transform: translateY(-46%);
    -webkit-transform: translateY(-46%);
    transform: translateY(-46%);
}
#main_index .blog_area .posts_block {
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
#main_index .blog_area .posts_block .post_box {
    width: 190px;
    margin: 0 40px 0 0;
}
#main_index .blog_area .posts_block .post_box:nth-child(4n) {
    margin-right: 0;
}
#main_index .blog_area .posts_block .post_box .link_box {
    display: block;
}
#main_index .blog_area .posts_block .post_box .img_wrap {
    position: relative;
}
#main_index .blog_area .posts_block .post_box .img_wrap .box_img img {
    width: 100%;
    max-width: initial;
}
#main_index .blog_area .posts_block .post_box .img_wrap .post_cat {
    background-color: #36afc9;
    min-width: 80px;
    height: 25px;
    padding: 0 15px;
    color: #ffffff;
    font-size: 10px;
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    line-height: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
}
#main_index .blog_area .posts_block .post_box .textbox {
    margin: 15px 0 0;
}
#main_index .blog_area .posts_block .post_box .textbox .meta_box .post_date {
    color: #808080;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0;
}
#main_index .blog_area .posts_block .post_box .textbox .box_title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: justify;
}
#main_index .blog_area .posts_block .post_box .textbox .text {
    margin: 5px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: justify;
    line-height: 2.0;
}
#main_index .blog_area .btn_box {
    background: #ffffff;
    width: 260px;
    margin: auto;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    z-index: 3;
    border-radius: 35px;
}

html body#page_index.mode_sp div#wrap div#main_index.contets div.blog_area div.base_inner div.topblog_box div.sp_on div.go_flow.btn_box a.btn_type01.btn {
    border-radius: 25px;
    width: 265px;
    height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 50px;
    margin: 5px auto;
    position: relative;
}




@media screen and (max-width: 768px) {
#main_index .blog_area {
    padding: 0 0 80px;
}
#main_index .blog_area .area_wrap {
    padding: 90px 0 70px;
}
#main_index .blog_area .area_wrap .line {
    display: none;
}
#main_index .blog_area .area_wrap .corner {
    background-size: 25px auto;
    padding: 5px;
}
#main_index .blog_area .area_wrap .area_head span {
    background: none;
    padding: 0;
    line-height: 1.7;
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
#main_index .blog_area .posts_block {
    margin: -20px -10px 0;
}
#main_index .blog_area .posts_block .post_box {
    width: 50%;
    padding: 0 10px;
    margin: 20px 0 0;
}
#main_index .blog_area .posts_block .post_box .img_wrap .post_cat {
    min-width: 80px;
    height: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
}
#main_index .blog_area .posts_block .post_box .textbox {
    margin: 12px 0 0;
}
#main_index .blog_area .posts_block .post_box .textbox .meta_box .post_date {
    font-size: 12px;
    font-size: 1.2rem;
}
#main_index .blog_area .posts_block .post_box .textbox .box_title {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 2px 0 0;
}
#main_index .blog_area .posts_block .post_box .textbox .text {
    display: none;
}
}
#main_index .news_area {
    padding: 0 0 20px;
}
#main_index .news_area .area_head {
    margin-bottom: 50px;
}
#main_index .news_area .posts_block {
    width: 1100px;
    min-height: 150px;
    margin: 0 auto;
    background: #f6f6f6;
}
#main_index .news_area .posts_block .news_ttl {
    width: 25%;
    min-height: 150px;
    float: left;
    text-align: center;
    display: block;
    background: #fff;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #279ede; /* Old browsers */
    background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
.news_rbox {
    width: 70%;
    float: right;
    padding: 1.5em 1em 0em 0;
}
#main_index .news_area .posts_block .post_box {
    margin-bottom: 4px;
}
#main_index .news_area .posts_block .post_box:not(:first-child) {
    margin: 4px 0 4px !important;
    padding: .5em 0 0;
    display: block;
}
#main_index .news_area .posts_block .post_box .link_box {
    overflow: hidden;
}
#main_index .news_area .posts_block .post_box .post_date {
    float: left;
    width: 100px;
    color: #000;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.0;
}
#main_index .news_area .posts_block .post_box .box_title {
    margin-left: 100px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
}
#main_index .news_area .posts_block .post_box .box_title a {
    color: #058cff;
}

#main_index .news_area .btn_box {
    margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
#main_index .news_area {
    padding: 0 0 0px;
}
.base_inner.news_wrap {
    padding: 0 !important;
}
.news_rbox {
    width: 70%;
    float: right;
    padding: 1em 1em 0em 0;
}
#main_index .news_area .posts_block {
    width: 1100px;
    min-height: 100px;
    margin: 0 auto;
    background: #f6f6f6;
}
#main_index .news_area .posts_block .news_ttl {
    width: 25%;
    min-height: 100px;
    float: left;
    text-align: center;
    display: block;
    background: #fff;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #279ede; /* Old browsers */
    background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
#main_index .news_area .posts_block .post_box:not(:first-child) {
    margin: 0 !important;
}
.news_rbox div.post_box a.link_box {
    font-size: .7rem !important;
}
#main_index .news_area .area_head {
    margin-bottom: 40px;
}
#main_index .news_area .posts_block {
    width: 100%;
}
#main_index .news_area .posts_block .post_box:not(:first-child) {
    margin: 10px 0 0;
}
#main_index .news_area .posts_block .post_box .post_date {
    float: none;
    width: 100%;
}
#main_index .news_area .posts_block .post_box .box_title {
    margin: 2px 0 0;
    font-size: 1rem;
}
#main_index .news_area .posts_block .post_box .box_title a {
    display: inline-block;
}
#main_index .news_area .btn_box {
    margin: 30px auto 0;
}
html body#page_index.mode_sp div#wrap div#main_index.contents div.news_area div.base_inner.news_wrap div.posts_block div.news_rbox div.post_box a.link_box.opa div.box_title p {
    font-size: 1.2rem !important;
}
}
#main_index .intro_area {
    padding: 60px 0 35px;
    color: #000;
    position: relative;
    /* z-index: -2; */
    background: url(../../common/images/intro_bg.jpg) 50% no-repeat;
}
#main_index .intro_area .area_title {
    margin-bottom: 50px;
}
#main_about.contents.about div.base_inner div.point_area h2.area_title {
    margin: 50px 0;
}
#main_index .intro_area .area_title .deco_type01::before, #main_index .support_area .area_title .deco_type01::after {
    width: 27px;
    height: 47px;
}
#main_index .intro_area .area_title .bottom {
    margin: 10px auto 0;
    display: block;
    color: #00a2df;
    font-weight: bold;
    padding: 0 2em;
    font-size: 3rem;
    background-image: url(../../common/images/left.png), url(../../common/images/right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
    margin-bottom: 20px;
}
#main_index .intro_area .deco {
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 20px;
    clear: both !important;
}

@media screen and (max-width: 768px) {
.deco_type01 {
    padding: 3px 0px 0;
    position: relative;
    display: inline-block;
    font-weight: bold;
    width: 98%;
}
.deco_type01.map_ttl {
    padding: 3px 35px 0;
    position: relative;
    display: inline-block;
    font-weight: bold;
    width: 70%;
}
#main_index .intro_area {
    padding: 25px 0 30px;
    color: #000;
    position: relative;
    background: url(../../common/images/intro_bg.jpg) 50% 5% no-repeat;
}
#main_index .intro_area .area_title .bottom {
    margin: 10px auto 0;
    display: block;
    color: #00a2df;
    font-weight: bold;
    padding: 0 1.5em;
    font-size: 2rem;
    background-image: url(../../common/images/left.png), url(../../common/images/right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
    margin-bottom: 20px;
}
#main_index .intro_area .deco {
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 20px;
    clear: both !important;
}
}
.photo_left, .photo_right {
    width: 100%;
    min-height: 600px;
    display: block;
    margin: 8em 0;
}
.photo_left .l_box {
    width: 50%;
    float: left;
    position: relative;
    margin: 3em 0;
}
.photo_left div.txt_box {
    width: 45%;
    float: right;
    padding-top: 35px;
}
.photo_right .r_box {
    width: 50%;
    float: right;
    position: relative;
}
.photo_right div.txt_box {
    width: 45%;
    float: left;
}
p.bdr_txt {
    width: 50%;
    display: flex;
    align-items: center;
    color: #00a2df;
    font-size: 1.4rem;
    letter-spacing: 2px;
}
p.bdr_txt::before {
    border-top: 1px solid #018ad5;
    content: "";
    flex-grow: 1;
    margin-right: 15px;
}
div.txt_box .box_title {
    margin: 10px 0 0;
    color: #00a2df;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 3.5px;
    margin: 80px 0;
}
div.txt_box .box_title span {
    background-image: linear-gradient(to right, #fce20e, #fce20e);
    background-size: auto 8px;
    background-position: left bottom 3px;
    background-repeat: repeat-x;
    padding: 0;
}
div.txt_box p.reach {
    line-height: 2.5em;
}
.bx_ttl {
    display: block;
    margin: 15px 0;
}
.photo_left .l_box .bluebg {
    width: 80%;
    height: 550px;
    position: absolute;
    top: -58px;
    left: -235px;
    z-index: 1;
    background: #279ede; /* Old browsers */
    background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
.photo_right .r_box .bluebg {
    width: 80%;
    height: 550px;
    position: absolute;
    top: -58px;
    right: -235px;
    z-index: 1;
    background: #279ede; /* Old browsers */
    background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
.photo_left div.l_box img.l_img {
    position: relative;
    z-index: 2;
}
.photo_right div.r_box img.r_img {
    position: relative;
    z-index: 2;
}
.num {
    color: #00a2df;
    font-size: 7rem;
    font-weight: bold;
}
.num span {
    font-size: 2rem;
    vertical-align: 50%;
    padding-right: 15px;
}

@media screen and (max-width: 768px) {
.photo_left .l_box {
    width: 100%;
    float: none !important;
    position: relative;
    margin: 3em 0 0;
}
.photo_left div.txt_box {
    width: 100%;
    float: none !important;
    padding-top: 25px;
}
.photo_right .r_box {
    width: 100%;
    float: none;
    position: relative;
}
.photo_right div.txt_box {
    width: 100%;
    float: none;
}
p.bdr_txt {
    width: 50%;
    display: flex;
    align-items: center;
    color: #00a2df;
    font-size: 1.4rem;
    letter-spacing: 2px;
}
p.bdr_txt::before {
    border-top: 1px solid #018ad5;
    content: "";
    flex-grow: 1;
    margin-right: 15px;
}
div.txt_box .box_title {
    margin: 10px 0 0;
    color: #00a2df;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 3.5px;
    margin: 20px 0;
}
div.txt_box .box_title span {
    background-image: linear-gradient(to right, #fce20e, #fce20e);
    background-size: auto 8px;
    background-position: left bottom 3px;
    background-repeat: repeat-x;
    padding: 0;
}
div.txt_box p.reach {
    line-height: 2.5em;
}
.bx_ttl {
    margin: 15px 0;
}
.photo_left .l_box .bluebg {
    width: 80%;
    height: 250px;
    position: absolute;
    top: -58px;
    left: -70px;
    z-index: 1;
    background: #279ede; /* Old browsers */
    background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
.photo_right .r_box .bluebg {
    width: 80%;
    height: 550px;
    position: absolute;
    top: -58px;
    right: -235px;
    z-index: 1;
    background: #279ede; /* Old browsers */
    background: -moz-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: -webkit-linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
    background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
}
.photo_left div.l_box img.l_img {
    width: 90%;
    height: auto;
    position: relative;
    z-index: 2;
}
.photo_right div.r_box img.r_img {
    position: relative;
    z-index: 2;
}
.num {
    color: #00a2df;
    font-size: 5rem;
    font-weight: bold;
    text-align: center;
}
.num span {
    display: block;
    clear: both;
    font-style: normal;
    font-size: 1.5rem;
    vertical-align: 10%;
    padding-right: 0 !important;
}
.photo_left, .photo_right {
    width: 100%;
    min-height: 600px;
    display: block;
    margin: 8em 0 3em;
}
}
/*----------
top blog
----------*/

#main_index .blog_area {
    padding: 50px 0 35px;
    color: #000;
    position: relative;
    background: url(../../common/images/blog_bg.jpg) 50% 90% no-repeat;
    background-size: cover;
}
#main_index .blog_area .area_title {
    margin-bottom: 50px;
}
#main_index .blog_area .topblog_box {
    width: 100%;
    margin: 3em auto 0;
    padding: 6%;
    background: #fff;
    -webkit-filter: drop-shadow(0px 3px 10px rgba(132,196,233,.8));
    filter: drop-shadow(0px 0px 10px rgba(132,196,233,.8));
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
dl.blog_top_col {
    width: 100%;
}
dl.blog_top_col dt {
    display: table;
}
dl.blog_top_col dt .lcol {
    width: 45%;
    display: table-cell;
    padding-right: 3%;
}
dl.blog_top_col dt .lcol h3 {
    width: 100%;
    margin: 0 auto;
}
dl.blog_top_col dt .lcol h3 img {
    width: 100%;
    height: auto;
}
dl.blog_top_col dt .lcol p.reach {
    width: 88%;
    margin: 15px auto;
}
dl.blog_top_col dt .lcol ul {
    width: 80%;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 25px auto 15px;
}
dl.blog_top_col dt .lcol ul li {
    line-height: 3.5rem;
    padding-left: 25px;
    background: url(../../common/images/topblog_ul_list_ico.png) 0 50% no-repeat;
}
dl.blog_top_col dt .lcol ul li a{
    color: #000;
}
dl.blog_top_col dt .rcol {
    width: 55%;
    display: table-cell;
}
dl.blog_top_col dt .rcol img{
    width: 100%;
    height: auto;
}
dl.blog_top_col dd {
    width: 100%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
dl.blog_top_col dd div {
    width: calc(33.3% - 24px);
    margin: 20px 36px 22px 0px;
}
dl.blog_top_col dd div:last-child {
    margin: 20px 0px 22px 0px;
}
dl.blog_top_col dd div img{
    width: 100%;
    height: auto;
}
p.date {
    padding-left: 20px;
    background: url(../../common/images/time_ico.gif) 0 50% no-repeat;
    margin: 10px 0;
    color: #888888;
}
.ttl_link_m {
    width: 300px;
    font-weight: bold;
    font-size: 1.5rem;
    margin: 3px 0;
    display: block!important;
    color: #333 !important;
}

.cat_ttl {
    padding: 2px 12px;
    color: #028bd6;
    background: #fff;
    font-size: 1.2rem;
    border: solid #018ad5 1px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    margin: 15px 0 10px;
    display: inline-block;
}

@media screen and (max-width: 768px) {
#main_index .blog_area {
    padding: 40px 0 5px;
    color: #000;
    position: relative;
    background: none;
    background-size: cover;
}
#main_index .blog_area .area_title {
    margin-bottom: 50px;
}
#main_index .blog_area .topblog_box {
    width: 100%;
    margin: 1em auto 20px;
    padding: 0%;
    background: #fff;
    box-shadow: none;
    filter: initial;
}
dl.blog_top_col {
    width: 100%;
}
dl.blog_top_col dt {
    display: block;
}
dl.blog_top_col dt .lcol {
    width: 100%;
    display: block;
    padding-right: 0% !important;
}
dl.blog_top_col dt .lcol h3 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
dl.blog_top_col dt .lcol h3 img {
    width: 85%;
    height: auto;
}
dl.blog_top_col dt .lcol p.reach {
    width: 100%;
    margin: 15px auto;
}
dl.blog_top_col dt .lcol ul {
    display: none;
}
dl.blog_top_col dt .lcol ul li {
}
dl.blog_top_col dt .rcol {
    width: 55%;
    display: table-cell;
}
dl.blog_top_col dd {
    width: 100%;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
}
dl.blog_top_col dd div {
    width: calc(50% - 8px);
    margin: 20px 14px 12px 1px;
}
dl.blog_top_col dd div img {
    width: 100%;
    height: auto;
}
dl.blog_top_col dd div:nth-child(2) {
    margin: 20px 0px 12px 0px;
}
p.date {
    padding-left: 20px;
    background: url(../../common/images/time_ico.gif) 0 50% no-repeat;
    margin: 10px 0;
    color: #888888;
}
.ttl_link_m {
    width: auto;
    font-weight: bold;
    font-size: 1.5rem;
    margin: 3px 0;
    display: block;
}
.cat_ttl {
    padding: 2px 12px;
    color: #028bd6;
    font-size: 1.2rem;
    border: solid #018ad5 1px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    margin: 15px 0 10px;
}
}
/*----------
homestay
----------*/
.maintext {
    width: 75%;
    margin: 4.56em auto 3em;
}

@media screen and (max-width: 768px) {
.maintext {
    width: 100%;
    margin: 1em auto 2em;
}
}
#main_index .beginner_area, #main_about .beginner_area {
    background: #e3f4fe;
    padding: 60px 0 35px;
    color: #000;
    position: relative;
}
#main_index .beginner_area, #main_about .beginner_area.under {
    background: #e3f4fe;
    padding: 20px 0 35px;
    margin-bottom: 50px;
    color: #000;
    position: relative;
}
#main_index .beginner_area .area_head {
    text-align: center;
    position: absolute;
    top: -33px;
    left: 0;
    right: 0;
}
#main_index .beginner_area .area_title {
    margin-bottom: 10px;
    margin-top: 85px;
    color: #000;
}
#main_index .beginner_area .area_title span {
    display: block;
}
#main_index .beginner_area .area_title span.top {
    font-size: 20px;
    font-size: 2rem;
}
#main_index .beginner_area .area_title span.bottom {
    margin: 10px auto 0;
}
#main_index .beginner_area .box_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
#main_index .beginner_area .box_wrap .box {
    width: 206px;
    margin: 0 52px 0 0;
    text-align: center;
}
#main_index .beginner_area .box_wrap .box:nth-child(4) {
    margin-right: 0;
}
#main_index .beginner_area .box_wrap .box:last-child .text {
    margin-left: -6px;
    margin-right: -6px;
}
#main_index .beginner_area .box_wrap .box .text {
    margin: 25px auto 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0;
}

@media screen and (max-width: 768px) {
#main_index .beginner_area {
    padding: 40px 0 20px;
}
#main_index .beginner_area .area_head {
    max-width: 350px;
    padding: 0 20px;
    margin: 0 auto;
    top: -30px;
}
#main_index .beginner_area .area_title {
    margin-bottom: 40px;
}
#main_index .beginner_area .area_title span.top {
    font-size: 12px;
    font-size: 1.2rem;
}
#main_index .beginner_area .box_wrap {
    margin: -20px -10px 0;
    -webkit-justify-content: center;
    justify-content: center;
}
#main_index .beginner_area .box_wrap .box {
    width: 50%;
    max-width: 206px;
    padding: 0 10px;
    margin: 20px 0 0;
    text-align: center;
}
#main_index .beginner_area .box_wrap .box:nth-child(4) {
    margin-right: 0;
}
#main_index .beginner_area .box_wrap .box:last-child .text {
    margin-left: 0;
    margin-right: 0;
}
#main_index .beginner_area .box_wrap .box .text {
    margin: 10px auto 0;
    font-size: 14px;
    font-size: 1.4rem;
}
}
#main_index .beginner_botttm img {
    width: 100%;
}
#main_index .support_area {
    padding: 75px 0 80px;
    position: relative;
}
#main_index .support_area .area_title {
    margin-bottom: 50px;
}
#main_index .support_area .area_title .deco_type01 {
    padding: 0 70px;
}
#main_index .support_area .area_title .deco_type01::before, #main_index .support_area .area_title .deco_type01::after {
    width: 27px;
    height: 47px;
}
#main_index .support_area .area_title .top {
    font-size: 20px;
    font-size: 2rem;
    display: block;
}
#main_index .support_area .area_title .bottom, #main_about .point_area .area_title .bottom {
    margin: 10px auto 0;
    display: block;
    color: #00a2df;
    font-weight: bold;
    padding: 0 2.5em;
    background-image: url(../../common/images/left.png), url(../../common/images/right.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
}
#main_index .support_area .area_title span.deco, #main_about .point_area .title_type01 span.deco {
    margin: -5px auto;
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
    clear: both;
    padding: 0 41px;
    letter-spacing: 1px;
}
#main_index .support_area .area_title i, #main_about .point_area .title_type01 i {
    background-image: linear-gradient(to right, #fce20e, #fce20e);
    background-size: auto 4px;
    background-position: left bottom 3px;
    background-repeat: repeat-x;
    padding: 0;
    font-style: normal;
}
#main_index .support_area .area_title span.deco::before, #main_index .support_area .area_title span.deco::after, #main_about .point_area .title_type01 span.deco::before, #main_about .point_area .title_type01 span.deco::after {
    content: "";
    background: #323333;
    width: 18px;
    height: 1px;
}
#main_index .support_area .box_wrap .box {
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    /* padding: 0 0 55px; */
    padding: 0px 0 85px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* border-bottom: 1px solid #e6e6e6; */
    border-bottom: none;
    
}
#main_index .support_area .box_wrap .box:not(:first-child) {
    /* margin: 70px 0 0; */
    margin: 40px 0 0;
}
#main_index .support_area .box_wrap .box:nth-child(2n + 1) {
    background-image: url("../images/i_support_wave01.png");
}
#main_index .support_area .box_wrap .box:nth-child(2n) {
    background-image: url("../images/i_support_wave02.png");
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
#main_index .support_area .box_wrap .box:nth-child(2n) .textbox {
    width: 490px;
}
#main_index .support_area .box_wrap .box:last-child {
    background-image: none;
    padding-bottom: 0;
    border: none;
}
#main_index .support_area .box_wrap .box .box_img {
    width: 440px;
}
#main_index .support_area .box_wrap .box .textbox {
    width: 600px;
    padding: 0 0 0 50px;
}
#main_index .support_area .box_wrap .box .textbox .box_head {
    margin: 0 0 0 -50px;
}
#main_index .support_area .box_wrap .box .textbox .box_title {
    margin: 10px 0 0;
    color: #00a2df;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 3.5px;
}
#main_index .support_area .box_wrap .box .textbox .box_title span {
    background-image: linear-gradient(to right, #fce20e, #fce20e);
    background-size: auto 8px;
    background-position: left bottom 3px;
    background-repeat: repeat-x;
    padding: 0;
}
#main_index .support_area .box_wrap .box .textbox .text {
    margin: 20px 0 0;
    text-align: justify;
    line-height: 2.0;
    letter-spacing: 0;
}
#main_index .support_area .btn_box {
    margin: 65px auto 0;
}


#main_index .support_area .btn_box .btn, #main_about .point_area .btn_box .btn, #main_school .school_area .btn_box .btn,#main_about .form_area .btn_box .btn,
.form.h-adr div.bottom_block .btn_box button.btn-submit{
    border-radius: 35px;
    width: 400px;
    height: 70px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 70px;
}

/*影響範囲不明のため、暫定対応2026/10/09*/
#main_about .point_area .btn_box .btn_type01.btn{
    margin: 25px auto;
}
/*影響範囲不明のため、暫定対応2026/10/09*/

#main_index .support_area .btn_box .btn .icon {
    padding-right: 35px;
}

@media screen and (max-width: 768px) {
#main_index .support_area {
    padding: 35px 0 50px;
}
#main_index .support_area .area_title {
    max-width: 400px;
    margin-bottom: 40px;
}
#main_index .support_area .area_title .deco_type01 {
    padding: 0;
    display: block;
}
#main_index .support_area .area_title .deco_type01::before, #main_index .support_area .area_title .deco_type01::after {
    width: 17px;
    height: 26px;
}
#main_index .support_area .area_title span.top {
    font-size: 12px;
    font-size: 1.2rem;
}
#main_index .support_area .box_wrap {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
#main_index .support_area .box_wrap .box {
    background-size: auto 26px;
    background-position: right bottom;
    padding: 0 0 30px;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#main_index .support_area .box_wrap .box:not(:first-child) {
    margin: 40px 0 0;
}
#main_index .support_area .box_wrap .box:nth-child(2n + 1) {
    background-image: url("../images/i_support_wave01_sp.png");
}
#main_index .support_area .box_wrap .box:nth-child(2n) {
    background-image: url("../images/i_support_wave02_sp.png");
    background-position: left bottom;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#main_index .support_area .box_wrap .box:nth-child(2n) .textbox {
    width: 100%;
}

#main_index .support_area .box_wrap .box:last-child{
    background-image: none;
}
#main_index .support_area .area_title span.deco, #main_about .point_area .title_type01 .deco_type01 span.deco {
    /*width: 100% !important;*/
    margin: 0 auto;
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 0 30px;
}
#main_index .support_area .box_wrap .box .box_img {
    width: 100%;
    margin: 25px auto 0;
    text-align: center;
}
#main_index .support_area .box_wrap .box .textbox {
    width: 100%;
    padding: 0;
}
#main_index .support_area .box_wrap .box .textbox .box_head {
    width: 100px;
    margin: 0 auto;
    text-align: center;
}
#main_index .support_area .box_wrap .box .textbox .box_title {
    margin: 20px 0 0;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
}
#main_index .support_area .box_wrap .box .textbox .box_title span {
    background-position: left bottom;
    background-size: auto 6px;
}
#main_index .support_area .box_wrap .box .textbox .text {
    margin: 20px 0 0;
}
#main_index .support_area .btn_box {
    /* margin: 40px auto 0; */
    margin:auto;
}
#main_about .form_area .btn_box input.btn,
#main_index .support_area .btn_box .btn, #main_about .point_area .btn_box .btn, #main_school .school_area .btn_box .btn,#main_about .form_area .btn_box .btn,
	form div.bottom_block .btn_box button.btn-submit{
    border-radius: 25px;
    width: 300px;
    height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 50px;
    margin: 25px auto;
}
/*影響範囲不明のため、暫定対応2026/10/09*/
#main_about .point_area .btn_box .btn.btn_type01.reservation {
    background: #028bd6;
    color: #fff;
    border-radius: 2em;
    font-size: 170%;
    line-height: 2.5em;
    height: 2.5em;
    margin: 25px auto;
}
/*影響範囲不明のため、暫定対応2026/10/09*/
#main_index .support_area .btn_box .btn .icon {
    padding-right: 30px;
}
}
#main_index .flow_area {
    padding: 0 0 80px;
}
#main_index .flow_area .area_text {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    line-height: 2.0;
}
#main_index .flow_area .flow_wrap {
    background-image: url("./images/i_flow_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1100px;
    height: 367px;
    padding: 50px 43px 0 70px;
    margin: 65px auto 0;
    position: relative;
}
#main_index .flow_area .flow_wrap .wrap_head {
    text-align: center;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
}
#main_index .flow_area .flow_wrap .flow_link {
    position: absolute;
    right: 2px;
    bottom: 5px;
}

@media screen and (max-width: 768px) {
#main_index .flow_area {
    padding: 0 0 90px;
}
#main_index .flow_area .area_text {
    font-size: 14px;
    font-size: 1.4rem;
}
#main_index .flow_area .flow_wrap {
    background-image: none;
    border: 1px solid #333333;
    width: 100%;
    max-width: 335px;
    height: auto;
    padding: 50px 43px 55px;
    margin: 50px auto 0;
    text-align: center;
}
#main_index .flow_area .btn_box {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}
#main_index .flow_area .btn_box .btn {
    width: 160px;
}
#main_index .flow_area .btn_box .btn .icon {
    padding: 0 20px 0 0;
}
}
#main_index .report_area {
    background: #36afc9;
    padding: 70px 0;
    margin: 20px 0 25px;
    position: relative;
}
#main_index .report_area:before {
    content: "";
    background-image: url("./images/i_report_bg.png");
    background-position: center;
    background-repeat: repeat-x;
    background-size: contain;
    width: 100%;
    height: 20px;
    position: absolute;
    top: -20px;
}
#main_index .report_area .area_title {
    color: #ffffff;
    margin-bottom: 60px;
}
#main_index .report_area .posts_block {
    display: -webkit-flex;
    display: flex;
}
#main_index .report_area .posts_block .post_box {
    background: #ffffff;
    width: 300px;
    margin: 0 40px 0 0;
}
#main_index .report_area .posts_block .post_box:nth-child(3n) {
    margin-right: 0;
}
#main_index .report_area .posts_block .post_box .link_box {
    height: 100%;
    padding: 20px;
    display: block;
}
#main_index .report_area .posts_block .post_box .textbox {
    margin: 20px 0 0;
}
#main_index .report_area .posts_block .post_box .textbox .meta_box {
    line-height: 1.0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#main_index .report_area .posts_block .post_box .textbox .meta_box .post_date {
    color: #808080;
    font-size: 12px;
    font-size: 1.2rem;
}
#main_index .report_area .posts_block .post_box .textbox .meta_box .post_cat {
    color: #36afc9;
    font-family: sans-serif;
    letter-spacing: 0.26em;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
}
#main_index .report_area .posts_block .post_box .textbox .box_title {
    margin: 10px 0 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0;
}
#main_index .report_area .posts_block .post_box .textbox .text {
    margin: 5px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
}
#main_index .report_area .btn_box {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
}

@media screen and (max-width: 768px) {
#main_index .report_area {
    padding: 40px 0 60px;
    margin: 15px 0 25px;
}
#main_index .report_area:before {
    height: 15px;
    top: -15px;
}
#main_index .report_area .area_title {
    margin-bottom: 50px;
}
#main_index .report_area .posts_block .post_box {
    width: 300px;
    margin: 0 auto;
}
#main_index .report_area .posts_block .post_box:not(:first-child) {
    display: none;
}
#main_index .report_area .posts_block .post_box .textbox .text {
    display: none;
}
}

#main_about .point_area {
    padding: 0 0 90px;
}
#main_about .point_area .area_text {
    text-align: center;
    line-height: 2.4;
}
#main_about .point_area .box_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#main_about .point_area .box_wrap .box {
    background: #ffffff;
    border: 1px solid #333333;
    width: 46%;
    padding: 70px 30px 25px;
    margin: 110px 72px 0 0;
    position: relative;
}
#main_about .point_area .box_wrap .box:nth-child(2n) {
    margin-right: 0;
}
#main_about .point_area .box_wrap .box .box_head {
    background: #ffffff;
    width: 140px;
    padding: 0 20px;
    margin: auto;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#main_about .point_area .box_wrap .box .box_title {
    color: #36afc9;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
}
#main_about .point_area .box_wrap .box .box_title span {
    background-image: linear-gradient(to right, #fce20e, #fce20e);
    background-size: auto 8px;
    background-position: left bottom 3px;
    background-repeat: repeat-x;
}
#main_about .point_area .box_wrap .box .box_img {
    margin: 20px auto 0;
    text-align: center;
}
#main_about .point_area .box_wrap .box .text {
    margin: 20px 0 0;
    line-height: 2.0;
}

@media screen and (max-width: 768px) {
#main_about .point_area {
    padding: 0 0 50px;
}
#main_about .point_area .box_wrap {
    width: 100%;
    max-width: 450px;
    padding-right: 5px;
    margin: -30px auto 0;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#main_about .point_area .box_wrap .box {
    width: 100%;
    padding: 60px 25px 25px;
    margin: 110px 0 0 0;
}
#main_about .point_area .box_wrap .box .box_head {
    width: 120px;
}
#main_about .point_area .box_wrap .box .box_title {
    font-size: 24px;
    font-size: 2.4rem;
}
#main_about .point_area .box_wrap .box .box_title span {
    background-position: left bottom 1px;
}
#main_about .point_area .area_text br {
    display: none;
}
}
#main_about .support_area {
    background: #36afc9;
    padding: 80px 0 95px;
    color: #ffffff;
}
#main_about .support_area .area_text {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
#main_about .beginner_area .box_wrap {
    margin: -20px 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#main_about .beginner_area .box_wrap .box {
    width: calc(31% - 24px);
    margin: 0px 24px 0px 24px;
    padding: 0px 0 20px;
    position: relative;
}
#main_about .beginner_area .box_wrap .box.db {
    width: calc(47% - 24px);
    margin: 20px 24px 0px 24px;
    padding: 30px 0 20px;
    position: relative;
}
#main_about .beginner_area .box_wrap .box .pic {
    width: 100%;
    margin: 15px 0 0;
    text-align: center;
}
#main_about .beginner_area .box_wrap .box .box_head {
    background: #5a5a5a;
    width: 80%;
    padding: 3px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    margin: auto;
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#main_about .beginner_area .box_wrap .box .box_head::after {
    content: "";
    display: block;
    position: absolute;
    background: #5a5a5a;
    top: 27px;
    right: 42%;
    width: 14px;
    height: 14px;
    border-top: 1px solid #5a5a5a;
    border-right: 1px solid #5a5a5a;
    transform: translateX(-50%) rotate(135deg);
}
#main_about .beginner_area .box_wrap .box .box_title {
    font-size: 20px;
    font-size: 1.9rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
    margin: 20px 0px 30px;
}
#main_about .beginner_area .box_wrap .box .text {
    width: 80%;
    margin: 10px auto 45px;
    text-align: justify;
    line-height: 2.0;
    font-size: 1.5rem;
}
#main_about .point_area .box_wrap .box .text span {
    background-image: linear-gradient(to right, #fce20e, #fce20e);
    background-size: auto 5px;
    background-position: left bottom 0;
    background-repeat: repeat-x;
}

@media screen and (max-width: 768px) {
#main_about .support_area {
    padding: 40px 0 50px;
}
#main_about .support_area .area_text {
    font-size: 16px;
    font-size: 1.6rem;
}
#main_about .support_area .box_wrap {
    width: 100%;
    max-width: 300px;
    padding: 60px 0 0;
    margin: -60px auto 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*#main_about .support_area .box_wrap .box {
width: 100%;
margin: 60px 0 0;
}*/
#main_about .beginner_area .box_wrap .box {
    width: calc(100% - 24px);
    margin: 20px 24px 0px 24px;
    padding: 30px 0 20px;
    position: relative;
}
#main_about .beginner_area .box_wrap .box.db {
    width: calc(100% - 24px);
    margin: 20px 24px 0px 24px;
    padding: 30px 0 20px;
    position: relative;
}	
#main_about .support_area .box_wrap .box .box_title {
    font-size: 18px;
    font-size: 1.8rem;
}
#main_about .beginner_area .box_wrap .box .text {
    width: 90%;
    margin: 10px auto 20px;
    text-align: justify;
    line-height: 2.0;
    font-size: 1.4rem;
}
}
#main_about .visa_area {
    padding: 5px 0 90px;
}
#main_about .visa_area .area_text {
    text-align: center;
    line-height: 2.0;
}
#main_about .visa_area .price_block {
    width: 850px;
    margin: 35px auto 0;
}
#main_about .visa_area .price_block table {
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
}
#main_about .visa_area .price_block table tr {
    background-image: linear-gradient(to right, #323333, #323333 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%);
    background-size: 7px 1px;
    background-position: left bottom;
    background-repeat: repeat-x;
}
#main_about .visa_area .price_block table tr th, #main_about .visa_area .price_block table tr td {
    padding: 18px 15px;
    vertical-align: middle;
}
#main_about .visa_area .price_block table tr th .att, #main_about .visa_area .price_block table tr td .att {
    font-size: 14px;
    font-size: 1.4rem;
}
#main_about .visa_area .price_block table thead th {
    color: #36afc9;
}
#main_about .visa_area .price_block table thead th:nth-child(2) {
    width: 240px;
}
#main_about .visa_area .price_block table thead th:nth-child(3) {
    width: 160px;
}
#main_about .visa_area .price_block table tbody th {
    font-weight: normal;
    text-align: left;
}
#main_about .visa_area .price_block table tbody td {
    text-align: center;
}
#main_about .visa_area .price_block .block_att {
    margin: 30px auto 0;
    text-align: center;
    line-height: 2.0;
}
#main_about .visa_area .visa_block h3 {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 3rem;
}
#main_about .visa_area .visa_block p {
    margin: 20px 0;
}
#main_about .visa_area .visa_block {
    margin: 10px auto 0;
}
#main_about .visa_area .visa_block .visa_wrap, #main_about .point_area .visa_block .visa_wrap {
    background: #ffffff;
    border: 1px solid #323333;
    padding: 45px 10px 30px;
    position: relative;
    padding: 40px;
    margin-bottom: 50px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
#main_about .visa_area .visa_block .visa_wrap:not(:first-child) {
    margin: 120px 0 0;
}
#main_about .visa_area .visa_block .visa_wrap .block_head, #main_about .point_area .visa_block .visa_wrap .block_head {
    margin: auto;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#main_about .visa_area .visa_block .visa_wrap .block_head span, #main_about .point_area .visa_block .visa_wrap .block_head span {
    background: #ffffff;
    min-width: 210px;
    /*padding: 0 20px 0 45px !important;*/
    padding: 0 20px 0 20px !important;
    font-size: 18px;
    font-size: 2.2rem;
    font-weight: bold;
    -moz-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    display: inline-block;
}
#main_about.contents.about .point_area .visa_block .block_inner h3.block_head.ttltyousei span {
    background: #ffffff;
    /*min-width: 210px;*/
    padding: 0 30px !important;
    font-size: 14px;
    font-size: 2.5rem;
    font-weight: bold;
    -moz-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    display: inline-block;
}
#main_about .visa_area .visa_block .visa_wrap .wrap {
    width: 50%;
    padding: 0 40px;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .wrap_head {
    margin: 0 auto;
    text-align: center;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .wrap_title {
    margin: 10px auto 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.2em;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .box_wrap .box {
    margin: 28px 0 0;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .box_wrap .box .box_head {
    background: #fce20e;
    width: 120px;
    height: 30px;
    margin: 0 auto 25px;
    font-family: sans-serif;
    letter-spacing: 0.26em;
    text-align: center;
    line-height: 30px;
    position: relative;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .box_wrap .box .box_head:before {
    content: "";
    border-style: solid;
    border-width: 6px 8px 0 8px;
    border-color: #fce20e transparent transparent transparent;
    width: 0;
    height: 0;
    margin: auto;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
}
#main_about .visa_area .visa_block .visa_wrap .wrap .box_wrap .box .text {
    text-align: justify;
    line-height: 2.0;
}
#main_about .visa_area .visa_block .visa_wrap .right_wrap {
    background-image: linear-gradient(to bottom, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
    background-size: 1px 7px;
    background-position: left top;
    background-repeat: repeat-y;
}
.btn_ul {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.btn_ul li {
    display: inline-block;
}
.btn_ul li:first-child {
    margin-right: 15px;
}
#main_about.contents.about .point_area.ttl_tyousei h2.title_type01 {
    margin: 80px auto 0px !important;
}
#main_about.contents.about .point_area.ttl_tyousei h2.title_type01.flagttl {
    background: url(../../common/images/school/img13.jpg) 5px 50% no-repeat;
    background-size: 67px auto;
    padding: 20px 20px 0 80px;
    display: inline-block;
}
#main_about.contents.about .point_area h2.title_type01.flagttl02 {
    background: url(../../common/images/school/img14.jpg) 5px 50% no-repeat;
    background-size: 67px auto;
    padding: 20px 20px 0 80px;
    display: inline-block;
}
#main_about .beginner_area.under h2.title_type01.flagttl_note {
    background: url(../../common/images/applications/ico02.gif) 5px 50% no-repeat;
    padding: 10px 20px 6px 70px;
    margin: 0px auto 60px !important;
    display: inline-block;
}

@media screen and (max-width: 768px) {
.text_sp_tl {
    text-align: left!important;
    word-break: break-all;
}
#main_about .visa_area {
    padding: 0px 0 50px;
}
#main_about .visa_area .price_block {
    width: 100%;
}
#main_about .visa_area .price_block table {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
}
#main_about .visa_area .price_block table tr th, #main_about .visa_area .price_block table tr td {
    padding: 10px 8px;
}
#main_about .visa_area .price_block table tr th .att, #main_about .visa_area .price_block table tr td .att {
    font-size: 12px;
    font-size: 1.2rem;
}
#main_about .visa_area .price_block table thead th:nth-child(2) {
    width: 80px;
}
#main_about .visa_area .price_block table thead th:nth-child(3) {
    width: 80px;
}
#main_about .visa_area .price_block .block_att {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 20px auto 0;
}
#main_about .visa_area .visa_block h3 {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 2rem;
}
#main_about .visa_area .visa_block {
    padding-right: 5px;
    margin: 10px auto 0;
}
#main_about .visa_area .visa_block .visa_wrap, #main_about .point_area .visa_block .visa_wrap {
    padding: 25px 20px 10px;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#main_about .visa_area .visa_block .visa_wrap:not(:first-child) {
    margin: 70px 0 0;
}
#main_about .visa_area .visa_block .visa_wrap .block_head span {
    min-width: 0;
    padding: 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
}
#main_about .visa_area .visa_block .visa_wrap .wrap {
    width: 100%;
    padding: 0;
}
#main_about .visa_area .visa_block .visa_wrap .right_wrap {
    background-image: linear-gradient(to right, #333333, #333333 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
    background-size: 7px 1px;
    background-position: left top;
    background-repeat: repeat-x;
    padding: 40px 0 0;
    margin: 40px auto 0;
}
#main_about .visa_area .visa_block .visa_wrap .block_head span, #main_about .point_area .visa_block .visa_wrap .block_head span {
    background: #ffffff;
    min-width: 210px;
    padding: 0 10px;
    font-size: 18px;
    font-size: 1.6rem;
    font-weight: bold;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
}
#main_about.contents.about .point_area .visa_block .block_inner h3.block_head.ttltyousei span {
    background: #ffffff;
    /*min-width: 210px;*/
    padding: 0 20px !important;
    font-size: 13px;
    font-size: 1.8rem;
    font-weight: bold;
    -moz-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    display: inline-block;
}
}
#main_about .about_area {
    background: #eeeeee;
    padding: 80px 0 70px;
}
#main_about .about_area .text_block p {
    text-align: center;
    line-height: 2.2;
}
#main_about .about_area .text_block p:not(:first-child) {
    margin: 30px 0 0;
}
#main_about .about_area .text_block p.strong {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
}
#main_about .about_area .recommend_block {
    border: 1px solid #323333;
    width: 100%;
    padding: 50px 35px 30px;
    margin: 70px auto 0;
    position: relative;
}
#main_about .about_area .recommend_block .block_head {
    margin: auto;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#main_about .about_area .recommend_block .block_head span {
    background: #eeeeee;
    padding: 0 35px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    display: inline-block;
}
#main_about .about_area .recommend_block .box_wrap {
    display: -webkit-flex;
    display: flex;
}
#main_about .about_area .recommend_block .box_wrap .box {
    width: 280px;
    margin: 0 35px 0 0;
}
#main_about .about_area .recommend_block .box_wrap .box:nth-child(3n) {
    margin-right: 0;
}
#main_about .about_area .recommend_block .box_wrap .box .box_img {
    width: 200px;
    margin: 0 auto;
    text-align: center;
}
#main_about .about_area .recommend_block .box_wrap .box .box_title {
    margin: 25px auto 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}
#main_about .about_area .recommend_block .box_wrap .box .text {
    margin: 15px 0 0;
    text-align: justify;
    line-height: 2.0;
}
#main_about .about_area .link_block {
    margin: 60px auto 0;
}
#main_about .about_area .link_block .block_head {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
}
#main_about .about_area .link_block .btn_box {
    margin: 45px auto 0;
}
#main_about .about_area .link_block .btn_box .btn {
    border-radius: 35px;
    width: 300px;
    height: 70px;
    line-height: 70px;
}
#main_about .about_area .link_block .btn_box .btn .icon {
    padding-right: 30px;
}
#main_about .about_area .link_block .btn_box .btn .icon::before {
    width: 10px;
    height: 12px;
}

@media screen and (max-width: 768px) {
#main_about .about_area {
    padding: 40px 0;
}
#main_about .about_area .text_block p:not(:first-child) {
    margin: 25px 0 0;
}
#main_about .about_area .text_block p.strong {
    font-size: 18px;
    font-size: 1.8rem;
}
#main_about .about_area .recommend_block {
    width: 100%;
    padding: 50px 35px 30px;
    margin: 70px auto 0;
    position: relative;
}
#main_about .about_area .recommend_block .block_head {
    padding: 0 20px;
}
#main_about .about_area .recommend_block .block_head span {
    padding: 0 15px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
#main_about .about_area .recommend_block .box_wrap {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#main_about .about_area .recommend_block .box_wrap .box {
    width: 100%;
    margin: 30px auto 0;
}
#main_about .about_area .recommend_block .box_wrap .box:first-child {
    margin-top: 0;
}
#main_about .about_area .recommend_block .box_wrap .box .box_title {
    font-size: 16px;
    font-size: 1.6rem;
}
#main_about .about_area .link_block {
    margin: 40px auto 0;
}
#main_about .about_area .link_block .block_head {
    font-size: 16px;
    font-size: 1.6rem;
}
#main_about .about_area .link_block .block_head .deco_type01 {
    padding: 0 30px;
}
#main_about .about_area .link_block .btn_box {
    margin: 30px auto 0;
}
#main_about .about_area .link_block .btn_box .btn {
    border-radius: 25px;
    width: 240px;
    height: 50px;
    line-height: 50px;
}
#main_about .about_area .link_block .btn_box .btn .icon {
    padding-right: 25px;
}
#main_about .about_area .link_block .btn_box .btn .icon::before {
    width: 9px;
    height: 11px;
}
}

#main_beginner .pagelink_area {
    background: #fce20e;
    padding: 60px 0 80px;
}
#main_beginner .pagelink_area .area_title::before {
    background-image: url("./images/wave02.png");
}
#main_beginner .pagelink_area .box_wrap {
    margin: 60px 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#main_beginner .pagelink_area .box_wrap .box .btn {
    background: #ffffff;
    background-position: left 50px center;
    background-repeat: no-repeat;
    background-size: 120px auto;
    border-radius: 60px;
    width: 450px;
    height: 120px;
    padding: 0 0 0 190px;
    position: relative;
}
#main_beginner .pagelink_area .box_wrap .box .btn::before {
    content: "";
    background: url("./images/arrow_bottom01.png") center no-repeat;
    background-size: contain;
    width: 18px;
    height: 14px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 60px;
}
#main_beginner .pagelink_area .box_wrap .box .btn span {
    height: 120px;
    font-weight: bold;
    font-size: 26px;
    font-size: 2.6rem;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.2em;
    vertical-align: middle;
    display: table-cell;
}
#main_beginner .pagelink_area .box_wrap .box.left_box .btn {
    background-image: url("./images/beginner_link01.png");
}
#main_beginner .pagelink_area .box_wrap .box.right_box .btn {
    background-image: url("./images/beginner_link02.png");
}
#main_beginner .pagelink_area .box_wrap .box.right_box .btn span {
    font-size: 24px;
    font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
#main_beginner .pagelink_area {
    padding: 40px 0 50px;
}
#main_beginner .pagelink_area .box_wrap {
    width: 100%;
    margin: 30px auto 0;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#main_beginner .pagelink_area .box_wrap .box:not(:first-child) {
    margin: 30px 0 0;
}
#main_beginner .pagelink_area .box_wrap .box .btn {
    background-position: left 40px center;
    background-size: 80px auto;
    border-radius: 40px;
    width: 100%;
    max-width: 450px;
    min-width: 300px;
    height: 80px;
    padding: 0 50px 0 140px;
}
#main_beginner .pagelink_area .box_wrap .box .btn::before {
    width: 15px;
    height: 11px;
    right: 40px;
}
#main_beginner .pagelink_area .box_wrap .box .btn span {
    height: 80px;
    font-size: 20px;
    font-size: 2rem;
}
#main_beginner .pagelink_area .box_wrap .box.right_box .btn span {
    font-size: 18px;
    font-size: 1.8rem;
}
}
#main_beginner .area .btn_box {
    margin: 60px auto 0;
}
#main_beginner .area .btn_box .btn {
    border-radius: 30px;
    width: 300px;
    height: 60px;
    line-height: 60px;
}

@media screen and (max-width: 768px) {
#main_beginner .area .btn_box {
    margin: 40px auto 0;
}
#main_beginner .area .btn_box .btn {
    border-radius: 25px;
    width: 100%;
    max-width: 280px;
    height: 50px;
    line-height: 50px;
}
}
#main_beginner .about_area {
    padding: 60px 0 0;
}
#main_beginner .about_area .top_block .box {
    text-align: center;
    line-height: 2.0;
}
#main_beginner .about_area .top_block .box .box_title {
    margin: 30px auto 0;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}
#main_beginner .about_area .top_block .box .text {
    margin: 30px auto 0;
}
#main_beginner .about_area .top_block .box .text span {
    background-image: linear-gradient(to right, #fce20e, #fce20e);
    background-size: auto 5px;
    background-position: left bottom 0;
    background-repeat: repeat-x;
}
#main_beginner .about_area .point_block {
    width: 975px;
    margin: 50px auto 0;
}
#main_beginner .about_area .point_block .block_title {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.2em;
}
#main_beginner .about_area .point_block .box_wrap {
    margin: 35px 0 0;
    display: -webkit-flex;
    display: flex;
}
#main_beginner .about_area .point_block .box_wrap .box {
    width: 200px;
    margin: 0 40px 0 0;
}
#main_beginner .about_area .point_block .box_wrap .box:nth-child(4n) {
    margin-right: 0;
}
#main_beginner .about_area .point_block .box_wrap .box .box_img {
    width: 180px;
    margin: 0 auto;
    text-align: center;
}
#main_beginner .about_area .point_block .box_wrap .box .box_title {
    margin: 20px auto 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
#main_beginner .about_area .point_block .box_wrap .box .text {
    margin: 15px auto 0;
}
#main_beginner .about_area .qanda_block {
    background: #ffffff;
    border: 1px solid #333333;
    padding: 70px 60px 50px;
    margin: 120px 0 0;
    position: relative;
}
#main_beginner .about_area .qanda_block .block_head {
    margin: auto;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#main_beginner .about_area .qanda_block .block_head span {
    display: inline-block;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#main_beginner .about_area .qanda_block .block_title {
    padding: 0 0 5px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.2em;
    position: relative;
}
#main_beginner .about_area .qanda_block .block_title::before {
    content: "";
    background: #323333;
    width: 80px;
    height: 1px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
#main_beginner .about_area .qanda_block .box_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#main_beginner .about_area .qanda_block .box_wrap .box {
    width: 400px;
    margin: 30px 55px 0 0;
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(2n) {
    margin-right: 0;
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(1) .box_title {
    background-image: url("./images/q1.png");
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(2) .box_title {
    background-image: url("./images/q2.png");
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(3) .box_title {
    background-image: url("./images/q3.png");
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(4) .box_title {
    background-image: url("./images/q4.png");
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(5) .box_title {
    background-image: url("./images/q5.png");
}
#main_beginner .about_area .qanda_block .box_wrap .box:nth-child(6) .box_title {
    background-image: url("./images/q6.png");
}
#main_beginner .about_area .qanda_block .box_wrap .box .box_title {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 23px;
    border-bottom: 1px dotted #323333;
    min-height: 23px;
    padding: 10px 0 8px 70px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6;
    vertical-align: middle;
}
#main_beginner .about_area .qanda_block .box_wrap .box .text {
    margin: 13px 0 0;
    text-align: justify;
    line-height: 2.0;
}
#main_beginner .about_area .qanda_block .box_wrap .box .text span {
    background-image: linear-gradient(to right, #fce20e, #fce20e);
    background-size: auto 5px;
    background-position: left bottom 0;
    background-repeat: repeat-x;
}

@media screen and (max-width: 768px) {
#main_beginner .about_area .top_block .box .box_title {
    font-size: 16px;
    font-size: 1.6rem;
}
#main_beginner .about_area .point_block {
    width: 100%;
    max-width: 400px;
    margin: 40px auto 0;
}
#main_beginner .about_area .point_block .block_title {
    margin: 0 0 25px;
    font-size: 18px;
    font-size: 1.8rem;
}
#main_beginner .about_area .point_block .box_wrap {
    margin: -40px -10px 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#main_beginner .about_area .point_block .box_wrap .box {
    width: 50%;
    max-width: 200px;
    padding: 0 10px;
    margin: 40px 0 0;
}
#main_beginner .about_area .point_block .box_wrap .box .box_img {
    width: 100%;
    max-width: 180px;
}
#main_beginner .about_area .point_block .box_wrap .box .box_title {
    font-size: 16px;
    font-size: 1.6rem;
}
#main_beginner .about_area .point_block .box_wrap .box .text {
    margin: 15px auto 0;
}
#main_beginner .about_area .qanda_block {
    padding: 60px 25px 40px;
    margin: 80px 0 0;
}
#main_beginner .about_area .qanda_block .block_head {
    width: 100px;
}
#main_beginner .about_area .qanda_block .block_title {
    font-size: 18px;
    font-size: 1.8rem;
}
#main_beginner .about_area .qanda_block .box_wrap .box {
    width: 100%;
    margin: 30px 0 0;
}
#main_beginner .about_area .qanda_block .box_wrap .box .box_title {
    background-size: auto 20px;
    min-height: 20px;
    padding: 10px 0 8px 60px;
    font-size: 16px;
    font-size: 1.6rem;
}
}
#main_school .school_area .tab_block .tab_list {
    padding: 0 0 0 1px;
    justify-content: flex-start !important;
    display: flex;
}
#main_school .school_area .tab_block .tab_list li {
    width: 300px;
    height: 55px;
    margin: 0 10px 0 0;
    font-size: 1.8rem;
    font-weight: bold;
}
#main_school .school_area .tab_block .tab_list li:last-child {
    margin-right: 0;
}
#main_school .school_area .tab_block .tab_list li span {
    background: #eeeeee;
    border-radius: 5px 5px 0 0;
    width: 100%;
    height: 100%;
    color: #323333;
    font-family: sans-serif;
    letter-spacing: 0.26em;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.5em;
    display: block;
    cursor: pointer;
    padding: 10px 0px 5px;
}
#main_school .school_area .tab_block .tab_list li span:hover, #main_school .school_area .tab_block .tab_list li span.select {
    background: #00a3e1;
    color: #ffffff;
}
#main_school .school_area .school_block {
    background: #ffffff;
    border: 1px solid #323333;
    position: relative;
}
#main_school .school_area .school_block .block {
    visibility: hidden;
    padding: 60px 40px;
}
#main_school .school_area .school_block .block:not(:first-child) {
    display: none;
}
#main_school .school_area .school_block .block .block_head {
    padding: 0 0 5px;
    margin: 0 auto 30px;
    text-align: center;
    position: relative;
}
#main_school .school_area .school_block .block .block_head::before {
    content: "";
    background: #323333;
    width: 80px;
    height: 1px;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#main_school .school_area .school_block .block .block_head .block_title {
    margin: 20px auto 0;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0.2em;
}
#main_school .school_area .school_block .block .box_wrap .box:not(:first-child) {
    margin-top: 60px;
}
#main_school .school_area .school_block .block .box_wrap .box .box_title {
    margin: 0 0 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}
#main_school .school_area .school_block .block .box_wrap .box .textbox {
    line-height: 2.0;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box {
    margin: 30px auto 0;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box .btn {
    border-radius: 30px;
    width: 300px;
    height: 60px;
    line-height: 60px;
    position: relative;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box .btn .icon {
    position: static;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box .btn .icon::after {
    right: 25px;
}
#main_school .school_area .school_block .block .box_wrap .box01 .img_list {
    margin: -27px 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#main_school .school_area .school_block .block .box_wrap .box01 .img_list .box_img {
    width: 280px;
    margin: 27px 27px 0 0;
}
#main_school .school_area .school_block .block .box_wrap .box01 .img_list .box_img:nth-child(3n) {
    margin-right: 0;
}
#main_school .school_area .school_block .block .box_wrap .box01 .textbox {
    margin: 25px 0 0;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner {
    display: -webkit-flex;
    display: flex;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner .img_wrap .box_img {
    width: 280px;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner .textbox {
    padding: 0 0 0 27px;
}

@media screen and (max-width: 768px) {
#main_school .school_area .tab_block .tab_list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#main_school .school_area .tab_block .tab_list li {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    width: 25%;
    height: 55px;
    margin: 0;
}
#main_school .school_area .tab_block .tab_list li:nth-child(1) {
    width: 50%;/*margin-left: auto;*/
}
#main_school .school_area .tab_block .tab_list li:nth-child(2) {
    width: 49%;
}
#main_school .school_area .tab_block .tab_list li span {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.5em;
}
#main_school .school_area .school_block .block {
    padding: 40px 20px;
}
#main_school .school_area .school_block .block .block_head {
    margin: 0 auto 30px;
}
#main_school .school_area .school_block .block .block_head .block_title {
    margin: 15px auto 0;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
}
#main_school .school_area .school_block .block .box_wrap {
    max-width: 500px;
    margin: 0 auto;
}
#main_school .school_area .school_block .block .box_wrap .box .box_title {
    margin: 0 0 15px;
    font-size: 18px;
    font-size: 1.8rem;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box .btn {
    border-radius: 25px;
    width: 100%;
    max-width: 220px;
    height: 50px;
    line-height: 50px;
}
#main_school .school_area .school_block .block .box_wrap .box .btn_box .btn .icon {
    padding-right: 20px;
    position: static;
}
#main_school .school_area .school_block .block .box_wrap .box01 .img_list {
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: -10px auto 0;
}
#main_school .school_area .school_block .block .box_wrap .box01 .img_list .box_img {
    width: 100%;
    padding: 0;
    margin: 10px 0 0;
}
#main_school .school_area .school_block .block .box_wrap .box01 .textbox {
    margin: 15px 0 0;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner {
    -webkit-flex-direction: column;
    flex-direction: column;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner .img_wrap .box_img {
    width: 100%;
}
#main_school .school_area .school_block .block .box_wrap .box02 .box_inner .textbox {
    padding: 0;
    margin: 15px 0 0;
}
}
.archive_title {
    padding: 0 0 30px;
    margin: 0 auto 40px;
    color: #333333;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.1em;
    position: relative;
}
.archive_title::before {
    content: "";
    background: url("../images/wave01.png") center no-repeat;
    background-size: auto 10px;
    width: 142px;
    height: 10px;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

@media screen and (max-width: 768px) {
.archive_title {
    padding: 0 0 20px;
    margin: 0 auto 30px;
    font-size: 18px;
    font-size: 1.8rem;
}
.archive_title::before {
    background-size: auto 8px;
    height: 8px;
}
}
.posts_block02 {
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.posts_block02 .post_box {
    width: 200px;
    margin: 0 60px 0 0;
}
.posts_block02 .post_box:nth-child(4n) {
    margin-right: 0;
}
.posts_block02 .post_box .img_wrap .post_cat {
    display: none;
}
.posts_block02 .post_box .textbox {
    margin: 15px 0 0;
}
.posts_block02 .post_box .textbox .box_title {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
}
div.contact_area div.form_area form div.form dl dd span.error {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

@media screen and (max-width: 768px) {
.posts_block02 {
    width: 100%;
    margin: 0;
}
.posts_block02 .post_box {
    background-image: linear-gradient(to right, #ffffff, #ffffff 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
    background-size: 6px 1px;
    background-position: bottom left;
    background-repeat: repeat-x;
    width: 100%;
    padding: 0;
    margin: 0;
}
.posts_block02 .post_box:last-child {
    background: none;
}
.posts_block02 .post_box .link_box {
    padding: 20px 0;
    display: -webkit-flex;
    display: flex;
}
.posts_block02 .post_box .img_wrap .box_img {
    width: 100px;
}
.posts_block02 .post_box .img_wrap .icon_new {
    display: none;
}
.posts_block02 .post_box .textbox {
    padding: 10px 0 0 15px;
    margin: 0;
}
.posts_block02 .post_box .textbox .box_title {
    font-size: 14px;
    font-size: 1.4rem;
}
}

/*------------------
form
-------------------*/
form div.form.h-adr em {
    font-style: normal !important;
}
.formttl {
    padding: 0 !important;
}
.register_first_p {
    padding: 0 0 0px 0;
    margin: 0 auto!important;
    max-width: 500px;
    font-weight: bold;
}
#main_about.contents.about.form {
    background-color: #e4f7ff;
    padding-bottom: 40px;
    min-height: 86vh;
}

#wrap div#main_about.contents.about.form div.blog_col_under.form{
    /*background: url(../../common/images/bg_clientregister.png) center 285px no-repeat;*/
	background:none !important;
    background-size: 840px auto;
}
#wrap div#main_about.contents.about.form div.blog_col_under.form.nopadding{
    background: none !important;
    background-size: 840px auto;
}

hr.blue {
    margin: 15px 0 25px;
    border: 1px solid #00a2df;
}
.form_area div.tel_box {
    margin: 15px auto 0;
    color: #00a2df;
    font-size: 40px;
    font-size: 4rem;
    text-align: center;
    line-height: 1.0;
    letter-spacing: 0.1em;
    display: block;
}
.txtbox {
    padding: 10px 20px 20px;
}
div.contact_area div.form_area form div.form dl dd span.error {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}


/*box*/
.frm_box{
	width:96%;
	margin:0 auto;
}
.form dl {
 /*background:#e9ecf1;*/
 margin-bottom:1px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:15px 0px
}
.form dl span.error {
 display:block;
 width:100%;
 margin-top:10px
}
.form dl span.error+.error {
 margin-top:0
}
.form dl:nth-child(odd) {
 /*background:#f0f3f7*/
}
.form dt {
 font-weight:700;
 width:100%;
 line-height:1.4;
 margin-bottom: 15px;
}
.form dd {
 -webkit-box-flex:1;
 -ms-flex:1 0 0%;
 flex:1 0 0%;
}
.form dd>div:not(:first-child) {
 margin-top:10px
}
.checkbox dt em {
    font-style: normal;
}
.form__address dd > div span {
    min-width: 120px;
}


/*小学生以下テキストリンク*/
br.sp-only {
	display: none;
}

@media screen and (max-width: 767px){
	br.sp-only {
	display: block;
}
.frm_box{
	width:90%;
	margin:0 auto;
}	
}
a.form__line-link-kids {
	text-decoration: underline;
    color: #00b7df;
}
a.form__line-link-kids:hover {
	text-decoration: none;
}
/*ラベル*/
.form label {
 margin-right:20px
}
#page_index div#wrap div#main_about dl dd div span label{
    display: flex;
    margin-left:0 !important;
    margin-bottom:1em;
	align-items: baseline;
}
#page_index div#wrap div#main_about dl dd span label input#agree_1-1
,#page_index div#wrap div#main_about dl dd span label input#agree_2-1,#page_index div#wrap div#main_about dl dd span label input#agree_3-1 {
	margin-right:1em;
}

.form .checkbox label {
 display:inline-block;
}
.form label span {
 min-width:50px;
 display:inline-block
}
/*input詳細*/
.form__address dd > div input:not([name="post-address1"]) {
    width: calc(94% - 120px);
}
input[name="zip1"] {
    max-width: 100px;
}
input[name="zip2"] {
    max-width: 100px;
}
.form input[name="sei-kana"] {
 width:40%;
}
/*名前*/
.form input[type="text"][name="sei-kana"],.form input[type="text"][name="mei-kana"],.form input[type="text"][name="a-mei"],.form input[type="text"][name="a-sei"],.form input[type="text"][name="s-mei"],.form input[type="text"][name="s-sei"]   {
 width:45%;
}
/*都道府県*/
.form__address dd>div input:not([name=post-address1]) {
 width:calc(94% - 105px)
}
/*メールアドレス*/
.form input[type="email"][type=email] {
 width:96%
}
.mintxt{
	font-size:1.2rem;
}
/*全幅*/

.form input[type=email],
.form input[type=tel],
.form input[type=text],
.form textarea {
 font-size:inherit;
 padding:15px 14px;
 width:29%;
 border:none;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;    
}
/*出発日 帰宅日*/
.form select[name="birth_year"],
.form select[name="birth_month"],
.form select[name="birth_day"],
.form select[name="visit01-year"],
.form select[name="visit01-month"],
.form select[name="visit01-day"],
.form select[name="visit02-year"],
.form select[name="visit02-month"],
.form select[name="visit02-day"],
.form select[name="visit03-year"],
.form select[name="visit03-month"],
.form select[name="visit03-day"],
.form select[name="visit01-year"],
.form select[name="visit01-month"],
.form select[name="visit01-day"],
.form select[name="visit02-year"],
.form select[name="visit02-month"],
.form select[name="visit02-day"],
.form select[name="visit03-year"],
.form select[name="visit03-month"],
.form select[name="visit03--day"] {
 width:24%; 
}
.form select[name="need-year"],
.form select[name="need-month"],
.form select[name="need-day"],
.form select[name="school-year"],
.form select[name="school-month"],
.form select[name="school-day"], 
.form select[name="arrival-year"],
.form select[name="arrival-month"],
.form select[name="arrival-day"],
.form select[name="departure-year"],
.form select[name="departure-month"],
.form select[name="departure-day"],   
.form select[name="leave-start-year"],
.form select[name="leave-start-month"],
.form select[name="leave-start-day"],
.form select[name="leave-end-year"],
.form select[name="leave-end-month"],
.form select[name="leave-end-day"]{
 width:27%;
}

.form select[name="portupon-year"],
.form select[name="portupon-month"],
.form select[name="portupon-day"],
.form select[name="portupon-hour"],
.form select[name="portupon-minute"],
.form select[name="departure-year02"],
.form select[name="departure-month02"],
.form select[name="departure-day02"],
.form select[name="departure-hour02"],
.form select[name="departure-minute02"],
.form select[name="scheduled-arrival-year"],
.form select[name="scheduled-arrival-month"],
.form select[name="scheduled-arrival-day"],
.form select[name="scheduled-arrival-hour"],
.form select[name="scheduled-arrival-minute"],
.form select[name="leave-start-year02"],
.form select[name="leave-start-month02"],
.form select[name="leave-start-day02"],
.form select[name="leave-start-hour02"],
.form select[name="leave-start-minute02"],
.form select[name="leave-end-year02"],
.form select[name="leave-end-month02"],
.form select[name="leave-end-day02"],
.form select[name="leave-end-hour02"],
.form select[name="leave-end-minute02"],
.form select[name="islands-port-year"],
.form select[name="islands-port-month"],
.form select[name="islands-port-day"],
.form select[name="islands-port-hour"],
.form select[name="islands-port-minute"]
{
 width:12%;
}


/*幅広対応*/
.form select[name="reasons"],
.form select[name="campus"],
.form select[name="how"],
.form select[name="reason"],
.form select[name="port"],
.form select[name="port_other"],
.form input[name="companion"],
.form input[name="lead-the-way"]{
    width: 94%;
}
.form input[type="text"][name="airline"],
.form input[type="text"][name="accommodation"],
.form input[type="text"][name="school-name-01"],
.form input[type="text"][name="school-major-01"],
.form input[type="text"][name="school-name-02"],
.form input[type="text"][name="school-major-02"],
.form input[type="text"][name="school-name-03"],
.form input[type="text"][name="school-major-03"],
.form input[type="text"][name="school-name-04"],
.form input[type="text"][name="school-major-04"],
.form input[type="text"][name="school-name-05"],
.form input[type="text"][name="school-major-05"],
.form input[type="text"][name="school-major-05"],
.form input[type="text"][name="others"],
.form input[type="text"][name="name01"],
.form input[type="text"][name="purpose01"],
.form input[type="text"][name="name02"],
.form input[type="text"][name="purpose02"],
.form input[type="text"][name="name03"],
.form input[type="text"][name="purpose03"],
.form input[type="text"][name="name04"],
.form input[type="text"][name="purpose04"],
.form input[type="text"][name="name05"],
.form input[type="text"][name="purpose05"],
.form input[type="text"][name="name06"],
.form input[type="text"][name="purpose06"],
.form input[type="text"][name="with01-01"],
.form input[type="text"][name="start_airline"],
.form input[type="text"][name="finish_airline"],
.form input[type="text"][name="hotel"],
.form input[type="text"][name="contact"],
.form input[type="text"][name="people"],
.form input[type="text"][name="reason"],
.form input[type="text"][name="port"],
.form input[type="text"][name="departuredate"],
.form input[type="text"][name="travelplan"],
.form input[type="text"][name="port_other"]{
width:96%;   
}
.form select[name="seminar"]{
 width:95%; 
}
.form input[type=checkbox],
.form input[type=radio] {
 position:relative;
 top:-5px;
 margin-right:15px
}
.form input[type=checkbox] {
 top:-2px
}
.form select {
 font-size:inherit;
 min-height:45px;
 margin-right:10px;
 min-width:16%
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.15;
    font-size: 16px;
    border: none;
    padding: 8px 16px 8px 8px;
    background-image: url('../../common/images/icn_select1.png');
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: #ffffff;
    width: 27%;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;    
}
.form textarea {
 width:97%;
 max-width:800px
}
.form .mwform-checkbox-field {
 display:inline-block;

}
/*20200114追記*/

/*コロナ禍text*/
.wrap.merits {
  padding: 5rem 0;
  background: url(../../lp_common/img/back.svg) no-repeat;
background-size: 100% auto;
  background-position: 50% top;
	overflow:hidden !important;
}
.merits-ttl.first {
  width: 800px !important;
  position: absolute;
  left: 52%;
  display: inline-block;
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  padding: 1.5em 0 1em !important;
  margin: 25px 0 20px;
  background: url(../../lp_common/img/ttl_l.png), url(../../lp_common/img/ttl_r.png);
  background-position: left, 90%;
  background-repeat: no-repeat, no-repeat;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (max-device-width: 1024px) {
html body#page_index.mode_pc .merits-ttl.first {
  width: 800px !important;
  position: absolute;
  left: 66%;
  display: inline-block;
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  padding: 1.5em 0 1em !important;
  margin: 25px 0 20px;
  background: url(../../lp_common/img/ttl_l.png), url(../../lp_common/img/ttl_r.png);
  background-position: left, 90%;
  background-repeat: no-repeat, no-repeat;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
}
.why_areawrap {
    width: 90%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin: 105px auto 25px;
    text-align: center;
    position: relative;
}
.why_areawrap .box {
    width: calc(394px - 10px);
    margin: 20px 40px 0px 40px;
    position: relative;
    border: none;
    background: #fff;
    overflow: visible !important;
    padding: 9em 68px 6em;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    box-shadow: 0px 0px 28px -1px rgba(0,0,0,0.1);
}
.why_areawrap .box.last {
    width: calc(394px - 10px);
    margin: 20px 30px 0px 31px;
    position: relative;
    border: none;
    background: #fff;
    overflow: visible !important;
    padding: 3.5em 0;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    box-shadow: 0px 0px 28px -1px rgba(0,0,0,0.1);
}
.why_areawrap .box h3 {
    font-size: 24px;
    line-height: 1.4em;
    margin-bottom: 20px;
	font-weight:500;
	margin-top:-40px;
}
.why_areawrap .box.last h3 {
	margin-top:0px !important;
}
.why_areawrap .box p {
	font-size: 14px;
    line-height: 1.5em;
	margin:35px auto 0;
}
.why_areawrap .box.last p {
    width: 300px;
    margin: 30px auto 10px ;
    font-size: 14px;
    line-height: 1.5em;
    text-align: left;
}
.line_red {
    background: linear-gradient(transparent 91%, #ff5c5c 91%);
    padding-bottom: 10px;
}
.txt01 {
	width:1000px;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
.txt01 {
	width:82%;
	margin:0 auto;
	text-align:left;
	word-wrap:break-all;
}
	.why_areawrap {
    width: 95%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin: 105px auto 25px;
    text-align: center;
    position: relative;
}
.why_areawrap .box {
    width: calc(84% - 10px);
    margin: 10px 0;
    position: relative;
    border: none;
    background: #fff;
    overflow: visible !important;
    padding: 4.5em 7px;
    z-index: 10;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    box-shadow: 0px 0px 28px -1px rgba(0,0,0,0.1);
}
.why_areawrap .box.last {
    width: calc(90% - 10px);
    margin: 20px;
    position: relative;
    border: none;
    background: #fff;
    overflow: visible !important;
    padding: 2.4em 7px;
    z-index: 10;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    box-shadow: 0px 0px 28px -1px rgba(0,0,0,0.1);
}

	
.why_areawrap div.box p {
	width:260px !important;
	margin:45px auto 0;
}
.why_areawrap .box.last p {
    width: 180px;
    margin: 25px auto 0px;
    font-size: 13px;
    line-height: 1.5em;
text-align: center;
	}

.why_areawrap .box h3 {
    width:200px;
	font-size: 20px;
    line-height: 1.4em;
    margin: 5px auto 20px !important;
	font-weight:500;
}
.why_areawrap .box.last h3 {
    width:240px;
	font-size: 22px;
    line-height: 1.4em;
    margin: 35px auto 20px;
	font-weight:500;
}
.merits-ttl.first {
    width: 86% !important;
    position: absolute;
    left: 54%;
    display: inline-block;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    padding: 1.5em 0 1em !important;
    margin: 25px 0 20px;
    background: url(../../lp_common/img/ttl_l.png), url(../../lp_common/img/ttl_r.png);
        background-position-x: 0%, 0%;
        background-position-y: 0%, 0%;
        background-repeat: repeat, repeat;
        background-size: auto, auto;
    background-position: left, 90%;
    background-repeat: no-repeat, no-repeat;
    background-size: 80px auto, 10px auto !important;
    overflow-x: hidden;
}
}
.exttl {
	margin-bottom:25px;
}
.extxt {
	margin-top:50px;
	font-size:16px;
	line-height: 2em;
letter-spacing: 1px;
}
.wrapper2.exbox {
    width: 80%;
    max-width: 1200px;
    margin: 110px auto 0;
    padding: 0;
}
.wrapper2.secondbox {
	margin-top:100px !important;
}
@media screen and (max-width: 768px) {
	
}
/*btn*/
.btn-submit-wrap {
 text-align:center;
 padding:30px 4% 35px;
 display:-webkit-box!important;
 display:-ms-flexbox!important;
 display:flex!important;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.form.h-adr div.btn-submit-wrap input.btn-submit,
.form.h-adr div.bottom_block div.btn_box input.btn-submit,
.form.h-adr div.bottom_block div.btn_box input.btn-submit.btn,
.form.h-adr div.bottom_block div.btn_box button.btn-submit,
form div.bottom_block btn_box button.btn-submit
{
    width: 300px !important;
    display: inline-block;
    font-size: 1.5rem !important;
    letter-spacing: 2px;
}


form div.form.h-adr div.bottom_block {
    text-align: center;
    margin: 20px 0 0 !important;
}
.btn-submit {
 font-weight:700;
 text-align:center;
 border:0;
 cursor:pointer
}
.btn-submit--gray {
 background:#ccc;
 background:var(--color-gray);
 box-shadow:0 4px 0 0 #8d8d8d
}
.btn-submit+.btn-submit {
 margin-left:4%
}
.btn-submit.btn-gjj {
 background-color:#a80000;
 color:#fff;
 -webkit-box-shadow:0 4px 0 0 #6b0000;
 box-shadow:0 4px 0 0 #6b0000;
 margin:0 auto;
 font-size:2.2rem;
 text-decoration:none;
 line-height:1.4;
 padding:16px
}
.complete-msg {
 font-size:3rem;
 text-align:center;
 padding:50px 0;
 margin-bottom:50px
}
.form-pp {
 padding:0 25px 20px;
 font-size:1.5rem;
 line-height:1.6;
 color:#717171
}
.mw_wp_form .form .horizontal-item+.horizontal-item {
 margin-left:0
}
.form-comeplete-banner {
 max-width:600px;
 margin:40px auto 60px;
 background:var(--color-ligh-gray);
 padding:40px
}

.form-agreement {
 text-align:center;
 margin-top:30px
}
.form-agreement__title {
 font-weight:700
}
.post-cta-btn {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 margin:48px 0 82px
}
.post-cta-btn__link {
 font-size:2rem;
 line-height:32px;
 font-weight:700;
 border:1px solid #0370c1;
 border:1px solid var(--color-brand);
 background:#0370c1;
 background:var(--color-brand);
 color:#fff;
 width:340px;
 height:52px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
 border-radius:3px;
 line-height:1
}
.post-cta-btn__link:before {
 content:"";
 position:absolute;
 right:22px;
 top:calc(50% - 2px);
 height:10px;
 width:10px;
 border-top:3px solid #fff;
 border-right:3px solid #fff;
 -webkit-transform:rotate(45deg) translateY(-50%);
 transform:rotate(45deg) translateY(-50%)
}
.post-cta-btn__link:hover {
 background:#fff;
 color:#0370c1;
 color:var(--color-brand)
}
.post-cta-btn__link:hover:before {
 border-top-color:#0370c1;
 border-top-color:var(--color-brand);
 border-right-color:#0370c1;
 border-right-color:var(--color-brand)
}
@media screen and (max-width:768px) {

html body#page_index.mode_sp div#wrap div#main_about.contents.about.form div.blog_col_under.form{
    background: url(../../common/images/bg_clientregister.png) center 260px no-repeat;
    background-size: 600px auto;
}
.form dl {
  padding:10px 20px 20px;
  display:block;
	color:#000 !important;
 }
 .form dt {
  width:100%;
  padding:10px;
  margin-bottom:8px;
 }
 .form dd {
  width:100%;
  margin-left:0!important
 }
.register_first_p {
    padding: 0 0 135px 0;
    margin: 0 auto !important;
    max-width: 400px;
    font-weight: bold;
    font-size: 1.5rem;
}
.form label {
    margin-right: 4px;
}
/*名前*/
.form input[type="text"][name="sei-kana"],.form input[type="text"][name="mei-kana"]  {
 width:47%;
    display: inline-block;
}
/*生年月日*/
 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.15;
    font-size: 16px;
    border: none;
    padding: 8px 16px 8px 8px;
    background-image: url('../../common/images/icn_select1.png');
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: #ffffff;
    width: 29%;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;    
}


.form select[name="seminar"]{
 width:96%; 
}

/*出発日 帰宅日*/
.form select[name="visit01-year"],
.form select[name="visit01-month"],
.form select[name="visit01-day"],
.form select[name="visit02-year"],
.form select[name="visit02-month"],
.form select[name="visit02-day"],
.form select[name="visit03-year"],
.form select[name="visit03-month"],
.form select[name="visit03-day"],
.form select[name="visit01-year"],
.form select[name="visit01-month"],
.form select[name="visit01-day"],
.form select[name="visit02-year"],
.form select[name="visit02-month"],
.form select[name="visit02-day"],
.form select[name="visit03-year"],
.form select[name="visit03-month"],
.form select[name="visit03--day"]{
 width:20%;      
}
.form select[name="need-year"],
.form select[name="need-month"],
.form select[name="need-day"],
.form select[name="school-year"],
.form select[name="school-month"],
.form select[name="school-day"], 
.form select[name="arrival-year"],
.form select[name="arrival-month"],
.form select[name="arrival-day"],
.form select[name="departure-year"],
.form select[name="departure-month"],
.form select[name="departure-day"],    
.form select[name="leave-start-year"],
.form select[name="leave-start-month"],
.form select[name="leave-start-day"],
.form select[name="leave-end-year"],
.form select[name="leave-end-month"],
.form select[name="leave-end-day"]

	{
 width:22%;
}
	
	
.form select[name="portupon-year"],
.form select[name="portupon-month"],
.form select[name="portupon-day"],
.form select[name="portupon-hour"],
.form select[name="portupon-minute"],
.form select[name="departure-year02"],
.form select[name="departure-month02"],
.form select[name="departure-day02"],
.form select[name="departure-hour02"],
.form select[name="departure-minute02"],
.form select[name="scheduled-arrival-year"],
.form select[name="scheduled-arrival-month"],
.form select[name="scheduled-arrival-day"],
.form select[name="scheduled-arrival-hour"],
.form select[name="scheduled-arrival-minute"]	
{
 width:18%;
}	
	
/*幅広対応*/
.form select[name="reasons"],
.form select[name="campus"],
.form select[name="how"],
.form select[name="reason"]{
    width: 90%;
}
.form input[type="text"][name="airline"],
.form input[type="text"][name="accommodation"],
.form input[type="text"][name="school-name-01"],
.form input[type="text"][name="school-major-01"],
.form input[type="text"][name="school-name-02"],
.form input[type="text"][name="school-major-02"],
.form input[type="text"][name="school-name-03"],
.form input[type="text"][name="school-major-03"],
.form input[type="text"][name="school-name-04"],
.form input[type="text"][name="school-major-04"],
.form input[type="text"][name="school-name-05"],
.form input[type="text"][name="school-major-05"],
.form input[type="text"][name="others"],
.form input[type="text"][name="name01"],
.form input[type="text"][name="purpose01"],
.form input[type="text"][name="name02"],
.form input[type="text"][name="purpose02"],
.form input[type="text"][name="name03"],
.form input[type="text"][name="purpose03"],
.form input[type="text"][name="name04"],
.form input[type="text"][name="purpose04"],
.form input[type="text"][name="name05"],
.form input[type="text"][name="purpose05"],
.form input[type="text"][name="with01-01"],
.form input[type="text"][name="hotel"],
.form input[type="text"][name="contact"],
.form input[type="text"][name="people"],
.form input[type="text"][name="reason"],
.form input[type="text"][name="port"],
.form input[type="text"][name="port_other"],
.form input[name="companion"],
.form input[name="lead-the-way"]{
width:96%;   
}  
.form.h-adr div.bottom_block div.btn_box input.btn-submit,
.form.h-adr div.bottom_block div.btn_box input.btn-submit.btn,.contact_area div.form_area section.page-section div.bottom_block.ct div.btn_box a,.blog_col_under.form.nopadding div.contact_area div.form_area div.btn_box a {
    width: 300px !important;
 height: 50px !important;
line-height: 50px !important;
    display: inline-block;
    font-size: 1.5rem !important;
    letter-spacing: 2px;
    height: 50px !important;
}
.form.h-adr div.bottom_block div.btn_box input.btn-submit.btn,
.contact_area div.form_area section.page-section div.bottom_block.ct div.btn_box a {
background: linear-gradient(45deg, #279ede 0%, #31b9f1 100%);
background-color: rgba(0, 0, 0, 0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279ede', endColorstr='#31b9f1', GradientType=1 );
border-radius: 40px;

position: relative;
z-index: 0;
background-color: #fff;
border: 1px solid #028bd6;
letter-spacing: 0.26em;
color: #fff;
font-size: 18px;
font-size: 2.2rem;
text-align: center;
line-height: 50px !important;
overflow: hidden;
font-weight: bold;
    
}
}

.scroll_area {
    height: 100px;
    overflow: auto;
}
@media screen and (max-width:768px) {
.scroll_area {
    height: 70px;
    overflow: auto;
}
}  
.jspTrack { background:#94c9df; position:relative; }
.blog_col_under h3.u_blog_ttl_sub.bgnone {
    background: none;
}



/*------------------
pager
-------------------*/
.wp-pagenavi {
    width: 100%;
    clear: both;
    margin: 70px auto 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.0;
}
.wp-pagenavi a, .wp-pagenavi span {
    background: none;
    border: 1px solid #333333;
    width: 40px;
    height: 40px;
    margin: 0 8px 0 7px;
    color: #333333;
    font-weight: bold;
    line-height: 40px;
    display: inline-block;
    line-height: 1.5em;
}
.wp-pagenavi a:hover, .wp-pagenavi .current {
    background: #00a2df;
    border: 1px solid #36afc9;
    color: #ffffff;
    text-decoration: none;
}
.wp-pagenavi span.extend {
    background: none;
    color: #333333;
}
.wp-pagenavi .pages {
    display: none;
}
.wp-pagenavi .first, .wp-pagenavi .last {
    display: none;
}
/*.wp-pagenavi a.previouspostslink {
    padding: 0 16px 0 7px;
}
.wp-pagenavi a.nextpostslink {
    padding: 0 7px 0 16px;
}*/



/* マーカー線・ピンク */
.marker1{
background:linear-gradient(transparent 75%, #ffadad 75%);
font-weight:bold; 
}
/* マーカー線・水色 */
.marker4{
 background: linear-gradient(transparent 75%, #c1e0ff 75%);
font-weight: bold; 
}
/* マーカー線・青 */
.marker6 {
 background: linear-gradient(transparent 75%, #7fbfff 75%);
font-weight: bold; 
}
/* マーカー線・黄色 */
.marker7{
background:linear-gradient(transparent 75%, #fff799 75%);
font-weight:bold; 
}
/* マーカー線・緑 */
.marker10{
background:linear-gradient(transparent 75%, #b2ffb2 75%);
font-weight:bold; 
}
/* マーカー線・オレンジ */
.marker9{
background:linear-gradient(transparent 75%, #ffdc00 75%);
font-weight:bold; 
}
/* マーカー線・赤 */
.marker3{
 background:linear-gradient(transparent 75%, #ff7f7f 75%);
font-weight:bold; 
}
/* コラム資料請求ボタン */
.button_blog01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px auto;
  padding: 1em 2em;
  width: 300px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-color: #00a4de;
  border-radius: 50vh;
 text-align:center;
padding-left: 5em;

}
.button_blog01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
.button_blog01 a:hover {
  text-decoration: none;
  opacity:0.8;
}
div.button_blog01.ico {
	position:relative;
	padding-top:3em;
	margin:initial !important;
}
div.button_blog01.ico {
    background:url(/wp/wp-content/uploads/2020/03/form_ico_sp_20250507.png) no-repeat;
    background-size: 250px auto;
    background-position:50% 0;
    display: block;
	padding-top:2em;
	padding-top: 6em;
    height: 200px;
	justify-content:center !important;
}
div.button_blog01.ico02 {
    background:url(/wp/wp-content/uploads/2020/03/form_ico_sp_2025050702.png) no-repeat;
    background-size: 250px auto;
    background-position:50% 0;
    display: block;
	padding-top:2em;
	padding-top: 6em;
    height: 200px;
	justify-content:center !important;
	margin:0 !important;
}
div.button_blog01.ico a,div.button_blog01.ico02 a{
	width:250px !important;
	display: block;
	position:relative;
}
div.button_blog01.ico a::after,div.button_blog01.ico02 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border:none !important;
}



/* 説明会・カウンセリング予約ボタン */
.button_blog02 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px auto;
  padding: 1em 2em;
  width: 300px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background-color: #37c311;
  border-radius: 50vh;
	 text-align:center;
padding-left: 2.5em;
}
.button_blog02 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
.button_blog02 a:hover {
  text-decoration: none;
	opacity:0.8;
}


@media screen and (max-width: 768px) {
.wp-pagenavi {
    margin: 40px auto 0;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
}
    
.wp-pagenavi .page, .wp-pagenavi .current {
    /*display: none;*/
}
.wp-pagenavi a.previouspostslink {
    float: left;
    width: auto;
    padding: 0 13px 0 5px;
    letter-spacing: 0.15em;
}
.wp-pagenavi a.nextpostslink {
    float: right;
    width: auto;
    padding: 0 5px 0 13px;
    letter-spacing: 0.15em;
}
}

form.post-password-form {
    margin:100px 0;
}
form.post-password-form p{
    margin:20px 0; 
}

form.post-password-form p label input {
    border:0;
    padding:10px;
    font-size:1.3em;
    font-family:Arial, sans-serif;
    color:#aaa;
    border:solid 1px #ccc !important;
    margin:20px 0 20px;
    width:280px;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.1);
}
#wrap input,#wrap textarea,#wrap select,
form.post-password-form p label input {
    border:solid 1px #fff;
	margin: 1em 0;
}
#wrap input:focus,#wrap textarea:focus,#wrap select:focus,
form.post-password-form p label input:focus {
    border:solid 1px #028cd7;
}
form.post-password-form p input[type="submit"][name="Submit"] {
    border:solid 1px #28a1e0;
    padding:8px 17px;
    margin:20px 0 20px;
    font-family:Arial, sans-serif;
    font-size:1.2em;
    text-transform:uppercase;
    font-weight:bold;
    color:#fff !important;
    cursor:pointer;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#30b5ee), to(#29a2e1));
    background-image: -webkit-linear-gradient(top, #30b5ee, #29a2e1);
    background-image: -moz-linear-gradient(top, #30b5ee, #29a2e1);
    background-image: -ms-linear-gradient(top, #30b5ee, #29a2e1);
    background-image: -o-linear-gradient(top, #30b5ee, #29a2e1);
    background-image: linear-gradient(top, #30b5ee, #29a2e1);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30b5ee', endColorstr='#29a2e1',GradientType=0 ); /* IE6-9 */
}
table.base_table01.logintable tbody tr td p{
    min-height: 100px !important;
    margin-bottom: 20px!important;
     display: block;
}

table.base_table01.logintable tbody tr td div.go_flow.btn_box,
table.base_table01.logintable tbody tr td div.go_flow.btn_box.rbtn {
    position: relative;
    bottom: 15px !important;
    margin: 0 !important;
    text-align: center;
}
table.base_table01.logintable tbody tr td div.go_flow.btn_box a,
table.base_table01.logintable tbody tr td div.go_flow.btn_box.rbtn a {
    margin: 0 auto !important;

}

.btn-document {
margin: 30px auto 0;
width: 100%;
max-width: 950px;
text-align: center;
position: relative;
}

.btn-document::before {
content: '';
position: absolute;
top: 56%;
left: 230px;
transform: translate(-50%, -50%);
background: url(../images/icon-document.svg) no-repeat center / contain;
width: 130px;
height: 130px;
z-index: 1;
}

.btn-document a{
width: 100%;
max-width: 700px;
display: inline-block;
border-radius: 16px;
background: #FCE20E;
box-shadow: 6px 6px 0px 0px #CFBD18;
color: #000;
text-align: center;
font-size: 32px;
font-weight: 700;
padding: 35px 0;
position: relative;
transition: all .8s;
}

.btn-document a:hover{
opacity: .7;
}


.btn-document a::before{
content: "";
display: block;
width: 44px;
height: 44px;
background: #fff;
position: absolute;
top: 50%;
right: 26px;
transform: translate(-50%, -50%);
border-radius: 100%;
}

.btn-document a::after{
position: absolute;
content: "";
top: 45%;
right: 64px;
width: 16px;
height: 16px;
border-top: 4px solid #000;
border-right: 4px solid #000;
transform: rotate(45deg);
}

@media screen and (max-width:767px) {

.btn-document::before {
    top: 60%;
    left: 45px;
    width: 75px;
    height: 77px;
}

.btn-document a{
    font-size: 20px;
    padding: 22px 0 22px 20px;
}

.btn-document a::before{
    width: 24px;
    height: 24px;
    top: 50%;
    right: 13px;
}

.btn-document a::after{
    top: 47%;
    right: 34px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
}

/*各ページバナー追加*/
.banner-block{
    text-align: center;
}

.banner-block-a{
    margin-top: 50px;
    margin-bottom: 50px;
}

.banner-block-b{
    margin-top: 30px;
    margin-bottom: 30px;
}
.banner-block-column{
    max-width: 100%;
    width: 100%;
}
.banner-block--mt0,
.banner-block--top{
    margin-top: 0;
}

.banner-block__inner{

}
.banner-block__inner img{
    max-width: 1000px;
}
.banner-block-column .banner-block__inner img{
    max-width: 100%;
    width: 100%;
}


@media screen and (max-width:767px) {

    .banner-block{
        padding: 0 20px;
    }
    .banner-block.banner-block-column{
        padding: 0;
    }
    
    .banner-block-a{
        margin-top: 84px;
        margin-bottom: 20px;
    }
    
    .banner-block-b{
        margin-top: 25px;
        margin-bottom: 25px;
    }
    
    .banner-block--mt0{
        margin-top: 0;
    }

    .banner-block__inner img{
        max-width: 100%;
        width: 100%;
        height: auto;
    }
}


/* ---------------------------------------------------
 TOP：fvリニューアル202605
---------------------------------------------------  */
.ffs-p{font-feature-settings: "palt";}
.header .has_order{display: flex;}
.header .has_order .list_order1{order:1;}
.header .has_order .list_order2{order:2;}
.header .has_order .list_order3{order:3;}

#header.v-cd2605{background:#fff;}
#header.v-cd2605 .header .slider_wrap{height: 540px;overflow:hidden;}
#header.v-cd2605 .header .slider_wrap .slider_fixed{padding: 101px 0 35px;background: url(../images/top_renewal2605/bg_header_pc.jpg) no-repeat bottom;background: #fff;/* background-position-y: bottom; */background-size: cover;}
/* fv video */
#header.v-cd2605 .header .fv_flex_section{
    width: 1100px;
    /* max-width: 95%; */
    margin: auto;
    padding: 25px 0 0;
    display: flex;
    justify-content: space-between;
}
#header.v-cd2605 .header .video_box{
    width: 54%;
    height: auto;
    aspect-ratio: 25/14;
}
#header.v-cd2605 .header .video_box video{
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    background: #fff;
}

/* fv_box  */
#header.v-cd2605 .header .fv_box{
    width: 44%;
}
#header.v-cd2605 .header .fv_box .title_Box{
    text-align: center;
}
#header.v-cd2605 .header .fv_box .title_Box h1{
    color: #435369;
}
#header.v-cd2605 .header .fv_box .title_Box h1 span{}
#header.v-cd2605 .header .fv_box .title_Box p{
    font-size: 3rem;
    text-align: center;
    color: #435369;
    font-weight: bold;
}

#header.v-cd2605 .header .fv_box .fiji_features_box{
    margin-top: 4px;
}
#header.v-cd2605 .header .slider_wrap div.slider_fixed h1{
    font-size: 6rem;
    margin-top: -2.1rem;
    margin-bottom: 5px;
    line-height: 5.6rem;
}

#header.v-cd2605 .header .slider_wrap div.slider_fixed h1 span{
    font-size: 60%;
}
#header.v-cd2605 .header .fv_box .fiji_features_box ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 1%;
}
#header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents{
    width: calc(32% - 2px);
    background: #ebf8ff;
    border: 2px solid;
    border-radius: 10px;
    padding: 1rem 1rem;
    display: flex;
}
#header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box{
    display: flex;
    flex-direction: column;
    flex: 1 auto;
    /* flex-wrap: wrap; */
    text-align: center;
}
#header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box dt,
#header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box dd{
    display: block;
    width: 100%;
    /* margin: auto; */
}

#header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box .list_title{
    font-size: 1.8rem;
    font-weight: bold;
    color: #04215d;
}
#header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box .list_note{margin: auto;font-size: 2.2rem;color: #279ede;font-weight: bold;line-height: 1.1;font-feature-settings: "palt";}
#header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box .list_note span{font-size: 66%;line-height: 1;display: inline-block;margin-top: 2px;}
#header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box .list_img{}

#header.v-cd2605 .header .fv_box .fiji_features_box p{
    color: #435369;
    font-weight: bold;
}

#main_index.contents{padding-top:0}

/* sub_section */
#sub_section
{
    padding: 50px 0;
    background-image:url("../images/top_renewal2605/bg_checkered_pattern.png");
}
#sub_section .sectionInner {
    width: 1290px;
    margin:auto;
    display: flex;
    justify-content: space-between;
    width: 1100px;
    padding: 0;
    margin: 0 auto;
}
#sub_section .sectionInner  .img_box{
    width: 540px;
    max-height: 390px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
#sub_section .sectionInner  .img_box img{
    height: 100%;
    width: auto;
    object-fit: cover;
}

#sub_section .sectionInner  .Link_box{
    width: 540px;
}
#sub_section .sectionInner  .Link_box .news_area{
    padding: 0px 0 30px;
}
#sub_section .sectionInner  .Link_box .centering{
    width: 100%;
    /* max-width: 100%; */
}
#sub_section .sectionInner  .Link_box .centering img{width:100%;height:auto;}
#sub_section .sectionInner  .Link_box .btm_banner{
    display: flex;
    margin: 15px 0 0;
}
#sub_section .sectionInner  .Link_box .btm_banner img{}

#sub_section .sectionInner  .base_inner{
    width: 100%;
}
#main_index .news_area .posts_block{max-width: 100%;margin-left:0;}
#main_index .news_area .posts_block .news_ttl{width:140px}
#main_index .news_area .posts_block .news_rbox{width:calc(100% - 140px);padding: 1.5em 1em;}
#main_index .news_area .posts_block .post_box .post_date{width: 6.5em;}
#main_index .news_area .posts_block .post_box .box_title{margin-left: 6em;}
.news_rbox {}


/* --------------------------------- 
  SP 
--------------------------------- */


@media screen and (max-width: 768px) {
    #header.v-cd2605  .header .slider_wrap{
    /* height: initial; */
    overflow: visible;
    /* margin-top: 73px; */
}
    #header.v-cd2605  .header .slider_wrap .slider_fixed{
    padding: 73px 0 0;
    background: none;
}
    /* fv video */
    #header.v-cd2605 .header .fv_flex_section{
        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
        /* background-image: linear-gradient(28deg, #2685b9, #37aad7); */
        /* position: relative; */
        padding: 0;
    }
    #header.v-cd2605 .header .video_box{
    width: 100%;
    line-height: 0;
    z-index: 1;
    /* border-bottom: 4px solid #FFF; */
    margin-bottom: 2px;
}
    #header.v-cd2605 .header .video_box video{
    box-shadow: none;
}
    
    /* fv_box  */
    #header.v-cd2605 .header .fv_box{
        width: 100%;
        /* max-width: 90%; */
        /* margin: 0.5rem auto 3rem; */
        padding: 2rem 3% 2rem;
        z-index: 999;
        /* background-image: linear-gradient(28deg, #2685b9, #37aad7); */
        position: relative;
    }
    
    #header.v-cd2605 .header .fv_box:after{content:"";position: absolute;display: block;/* background-image: linear-gradient(28deg, #2685b9, #37aad7); */background-image: radial-gradient(at 5% 95%, #2685b9, #37aad7 70%);background: none;width: 100vw;height: 80%;top: -1px;/* bottom: 0; */right: 0;left: 0;margin: auto;z-index: -1;}
    #header.v-cd2605 .header .fv_box .title_Box{}
    #header.v-cd2605 .header .fv_box .title_Box h1{}
    #header.v-cd2605 .header .fv_box .title_Box p{
        font-size: 2.2rem;
        line-height: 1;
    }
        
    #header.v-cd2605 .header .fv_box .fiji_features_box{margin-top: 9px;}
    #header.v-cd2605  .header .slider_wrap div.slider_fixed h1{
        margin-top: -0.5rem;
        font-size: 4.4rem;
        margin-bottom: 7px;
        line-height: 4.3rem;
    }
    
    #header.v-cd2605  .header .slider_wrap div.slider_fixed h1 span{}
    #header.v-cd2605 .header .fv_box .fiji_features_box ul{}
    #header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents{
        width: calc(33% - 2px);
        padding: 1rem 0.6rem;
    }
    #header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box{}
    #header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box dt,
    #header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box dd{}
    
    #header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box .list_title{
        font-size: 1.2rem;
    }
    #header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box .list_note{
        font-size: 1.8rem;
    }
    #header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box .list_note span{
        font-size: 60%;
    }
    #header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box .list_img{}
    #header.v-cd2605 .header .fv_box .fiji_features_box ul .features_list_contents .list_box .list_img img{width:40px; height:auto}  
    #header.v-cd2605 .header .fv_box .fiji_features_box p{
        font-size: 1.2rem;
        letter-spacing: normal;
        filter: drop-shadow(0px 0px 4px black);
        color: #fff;
    }
    #header.v-cd2605  .header .slider_wrap .main_slider .slider_item{height:600px;}
    
    #main_index.contents{
    /* padding-top: 60px; */
    margin-top: 5px;
}
    
    /* sub_section */
    #sub_section{
        padding: 0;
        /* margin-top: -9em; */
    }
    #sub_section .sectionInner{
    flex-wrap: wrap;
    width: 100%;
}
    #sub_section .sectionInner  .img_box{
    width: 100%;
    /* display: block; */
    height: 390px;
    /* aspect-ratio: 13/14; */
    z-index: 1;
}
    #sub_section .sectionInner  .img_box img{
    width: 100%;
    height: auto;
}
    #sub_section .sectionInner  .Link_box{
    width: 100%;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    margin-top: -13em;
}
    #sub_section .sectionInner  .Link_box .news_area{
    order: 3;
    padding: 0;
    width: 100%;
    /* margin-bottom: 15px; */
}
    #sub_section .sectionInner  .Link_box .centering{
    order: 1;
    width: 90%;
    margin: auto;
}
    #sub_section .sectionInner  .Link_box .centering img{}
    #sub_section .sectionInner  .Link_box .btm_banner{
    order: 2;
    width: 90%;
    margin: 1rem auto;
    gap: 4%;
}
    #sub_section .sectionInner  .Link_box .btm_banner img{}
    
    #sub_section .sectionInner  .base_inner{}
    #main_index .news_area .posts_block{
    display: flex;
}
    #main_index .news_area .posts_block .news_ttl{
    width: 25%;
}
    #main_index .news_area .posts_block .news_rbox{
    width: 75%;
    /* padding: 1em 1em 0em 0; */
}
    #main_index .news_area .posts_block .post_box .post_date{}
    #main_index .news_area .posts_block .post_box .box_title{
    margin: 2px 0 0;
}
    .news_rbox {}
}




/* header */
/* jsのhidden処理を削除できないので強制表示 */

#header.v-cd2605 #oe_menu.nav_area{background: #fff;}
#header.v-cd2605 .nav_area .logo_box .logo{padding: 14px 0 0 !important;}
#header.v-cd2605 .nav_area .logo_box .logo a{background: url(../../common/images/logo02.png) no-repeat;background-size: 150px auto;}
#header.v-cd2605 .nav_area .h_nav li a{color: #000 !important;}
#header.v-cd2605 .nav_area .h_nav .about a{background: url(../../common/images/nav01_scl.png) no-repeat; background-position: 0 53%; background-size: 20px auto;}
#header.v-cd2605 .nav_area .h_nav .beginner a{background: url(../../common/images/nav02_scl.png) no-repeat; background-position: 0 53%;}
#header.v-cd2605 .nav_area .h_nav .plan a{background: url(../../common/images/nav03_scl.png) no-repeat; background-position: 0 53%;}
#header.v-cd2605 .nav_area .h_nav .faq a{background: url(../../common/images/nav04_scl.png) no-repeat; background-position: 0 53%;}
#header.v-cd2605 .nav_area .h_nav .blog a{background: url(../../common/images/nav05_scl.png) no-repeat; background-position: 0 53%;}
#header.v-cd2605 .nav_area .h_nav .guardian a{background: url(../../common/images/nav06_scl.svg) no-repeat; background-position: 0 53%; background-size: 23px auto;}
#header.v-cd2605 .header-banner a{
    background: #3A9CCE;
    color: #fff;
}
#header.v-cd2605 .nav_area .h_nav li a.ar::after{
    background-image: url(../../common/images/dwn_ico.png);
}

@media screen and (max-width: 768px) {
  #header.v-cd2605 .header_sp{background: #fff;z-index: 1000;}
  #header.v-cd2605 .header_sp .logo{background: url(../../common/images/logo02.png) 0 0 no-repeat;background-size: 100% auto;top: 12px;left: 13px;}
	
} 
/* ---------------------------------------------------
 TOP：fvリニューアル202605
---------------------------------------------------  */