/***********************リセットCSS*******************************/

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, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  font-size: 16px;
}

body {
  max-width:100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

nav ul {
  list-style:none;
}

a {
  margin:0;
  padding:0;
  vertical-align:baseline;
  background:transparent;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

input, select {
  vertical-align:middle;
}


.clear:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
/***********************リセットCSSここまで*******************************/


/***********************横幅制御※書きかえる部分*******************************/
@media (max-width: 798px) {
  body,article{
    width:100%;
    overflow-x:hidden;
    padding-left:0 ;
  }
  .pc{
    display: none;
  }
}

@media (min-width: 799px) {
  article{
    padding-left:200px;
    margin: 0 auto;
  }
  .sp{
    display: none;
  }
}
/***********************横幅制御ここまで*******************************/

/***********************フォント*******************************/

/***********************フォントここまで*******************************/

/***********************色等の設定*******************************/
body{
  background-color: #fff;
  color:#333;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; 
  font-size:16px;
}

a{
  color:#333;/**リンク色**/
  text-decoration: none;/**リンク下線**/
}
a:hover{
}
/***********************色等の設定ここまで*******************************/


/***********************hospital01ヘッダー*******************************/
header.side-h01 {
  position: fixed;
  top: 0;
  left: 0;
  background: #2ABFFF;/*背景色*/
  background: -moz-linear-gradient( #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: -webkit-gradient(linear, left top, left bottom, from(#005BEA), to(#2ABFFF));/*背景色*/
  background: -webkit-linear-gradient( #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: -o-linear-gradient( #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: linear-gradient( #005BEA 0%, #2ABFFF 100%);/*背景色*/
  width: 200px;/*幅*/
  height: 100vh;/*高さ*/
  padding-top: 30px;/*内側上余白*/
  box-sizing: border-box;
  z-index: 2;
}
header.side-h01 .side-h01-nav {
  position: relative;
  width: 100%;/*幅*/
}
header.side-h01 .side-h01-nav .side-h01-nav-btn {
  display: none;
}
header.side-h01 .side-h01-logo {
  margin: 0 auto 30px;/*下余白*/
  text-align: center;/*テキスト中央寄せ*/
  line-height: 1.3em;/*上下中央寄せ*/
}
header.side-h01 .side-h01-logo a {
    max-width: 960px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
header.side-h01 .side-h01-logo a span{
  display: block;
  color: #9dc1d1;
  font-size: 20px;
  font-weight: normal;
  max-width: 960px;/*最大幅*/
}
header.side-h01 .side-h01-logo a span small{
  color: #fff;
}
header.side-h01 .side-h01-nav ul {
  width: 100%;/*基本幅*/
}
header.side-h01 .side-h01-nav ul li {
  position: relative;
  width: 100%;/*幅*/
  line-height: 3em;/*内側上下余白*/
  text-align: center;/*テキスト左寄せ*/
  font-size: 16px;/*フォントサイズ*/
  cursor: pointer;
  color: #fff;/*文字色*/
  transition: .1s;/*アニメーションスピード*/
}
header.side-h01 .side-h01-nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;/*文字色*/
  transition: .3s;/*アニメーションスピード*/
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}
header.side-h01 .side-h01-nav ul li a:hover {
  color: #000;
  background-color: #9dc1d1;
}
header.side-h01 .side-h01-nav ul li .bottom{
  width: 33.3%;
  float: left;
  font-size: 24px;
}
.icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
    content: url(../img/icon_tw.png);
	display: inline-block;
	vertical-align: middle;
}
.icon-instagram:before {
    content: url(../img/icon_ig.png);
	display: inline-block;
	vertical-align: middle;
}
.icon-tiktok:before {
    content: url(../img/icon_tk.png);
	display: inline-block;
	vertical-align: middle;
}
/************************ｽﾏﾎ設定*************************************/
@media (max-width: 798px) {
body {
    /*overflow: hidden;*/
  }
header.side-h01 {
  background: #005BEA;/*背景色*/
  width: 100%;/*幅*/
  height: 60px;/*高さ*/
  min-height: auto;/*最低限の高さ*/
  padding: 0;/*内側余白*/
  box-sizing: border-box;
  z-index: 9999;
}
  header.side-h01 .side-h01-logo {
    width: 65%;/*幅*/
    margin: 12px 0 0 3% ;/*中央寄せ*/
    float: left;
    line-height: 1.2em;/*上下中央寄せ*/
    text-align: left;
    z-index: 9998;
  }
header.side-h01 .side-h01-logo img {
    width: 70%;
}
  header.side-h01 .side-h01-logo a {
    display: inline;
    vertical-align: middle;/*上下中央寄せ*/
    font-size: 18px;
    color: #fff;
    font-weight: bold;
  }
  header.side-h01 .side-h01-logo a span {
    display: inline;
    font-size: 12px;
    font-weight: normal;
  }
  header.side-h01 .side-h01-logo a span small {
    display: block;
    font-size: 12px;
    font-weight: normal;
  }
  header.side-h01 .side-h01-entry a {
    width: 5em;
    float: right;
    color:#000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    background-color: #fff;
    transition: .3s;
  }
  header.side-h01 .side-h01-entry a:hover {
    color:#fff;
    background-color: #005BEA;
  }
  header.side-h01 .side-h01-nav {
    display: block;
    position: fixed;
    top: 0;
    left: -50%;
    background-color: #2ABFFF;/*背景色*/
    width: 50%;/*幅*/
    height: 100vh;/*高さ*/
    margin-top: 60px;
    transition: 0.4s;/*アニメーションスピード*/
    z-index: 9999;
  }
  header.side-h01 .side-h01-nav.on {
    display: block;
    position: fixed;
    left: 0;
  }
  header.side-h01 .side-h01-nav .side-h01-nav-btn {
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #005BEA;
    width: 100px;/*幅*/
    height: 30px;/*高さ*/
    color: #fff;/*文字色*/
    line-height: 30px;/*上下中央寄せ*/
    text-align: center;/*テキスト中央寄せ*/
  }
header.side-h01 .side-h01-nav ul {
  background: #2ABFFF;/*背景色*/
  background: -moz-linear-gradient( #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: -webkit-gradient(linear, left top, left bottom, from(#005BEA), to(#2ABFFF));/*背景色*/
  background: -webkit-linear-gradient( #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: -o-linear-gradient( #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: linear-gradient( #005BEA 0%, #2ABFFF 100%);/*背景色*/
}
  header.side-h01 .side-h01-nav ul li {
    position: relative;
    width: 100%;/*幅*/
    line-height: 3em;/*内側上下余白*/
    text-align: left;/*テキスト左寄せ*/
    font-size: 14px;/*フォントサイズ*/
    cursor: pointer;
    color: #fff;/*文字色*/
    transition: .3s;/*アニメーションスピード*/
    text-align: center;
  }
  header.side-h01 .side-h01-nav ul li>.side-h01-nav-child-menu {
    display: none;
    position: relative;
    background-color: #ccc;/*背景色*/
    width: 100%;/*幅*/
    padding-left: 15px;/*左余白*/
    box-sizing: border-box;
    opacity: 1;/*透明度*/
    z-index: 1;
  }
  header.side-h01 .side-h01-nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;/*文字色*/
    transition: .3s;/*アニメーションスピード*/
  }
  }
/************************スマホ設定ここまで*************************************/
/***********************01ヘッダーここまで*******************************/
.fade01-v01 {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}
.fade01-v01 p {
    font-size: 5em;
    color: #333;
    text-align: center;
    padding: 290px 0;
    text-shadow: 0 1px 0 rgb(255 255 255);
}
.fade01-v01 p img {
    width: auto;
    max-width: 75%;
}
/*.fade01-v01 p span {
    font-size: 27px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 0 rgb(0 0 0);
    line-height: 1.8;
    display: block;
    margin: 50px 0 0 0;
}*/
.fade01-v01 p span {
  font-size: 27px;
  color: #000;
  text-align: center;
  /* text-shadow: 0 1px 0 rgb(0 0 0); */
  line-height: 1.8;
  display: block;
  font-weight: bold;
  margin: 50px 0 0 0;
}
#topimg {
  background: url(../img/topimg.png) center center no-repeat;
  background-size: cover;
}
.top_campaign {
  position: relative;
}
.top_campaign_in {
  position: absolute;
  top: -190px;
  left: 40px;
}
.top_campaign_in img {
  width: 65%;
}
/***********************sample01メインビジュアル*******************************/

/************************ｽﾏﾎ設定*************************************/
@media (max-width: 798px) {
  .fade01-v01 {
    padding: 60px 0 0;
    height: 70vh;
  }
  .fade01-v01 .zs-enabled {
    height: 70vh !important ;
  }
  .fade01-v01 p{
	font-size: 2em;
    color: #9dc1d1;
    text-align: center;
    padding: 0;
    top: 30%;
    background: transparent none no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  .topimg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
  .fade01-v01 p span{
    font-size: 22px;
	margin: 0;
  }
  .top_campaign {
    width: 100%;
    position: unset;
 }
 .top_campaign_in {
  width: 100%;
  position: unset;
  margin: 0 auto;
  text-align: center;
} 
.top_campaign_in img {
  width: 95%;
  margin: 30px 0 0;
}
}
/************************ｽﾏﾎ設定ここまで*************************************/
/***********************sample01メインビジュアルここまで*******************************/
/***********************sample02キャンペーン*******************************/
.sample02-campaign {
  width: 100%;
  max-width: 960px; /*サイトデザイン幅に合わせて変更してください。*/
  margin: 0 auto;
  padding: 90px 2% 0;/*コンテンツ上部余白*/
  box-sizing: border-box;
}
.campaign-box img {
  width: 100%;
}
/***********************sample01キャンペーンここまで*******************************/
/***********************sample02インフォメーション*******************************/
.sample02-info {
  width: 100%;
  max-width: 960px; /*サイトデザイン幅に合わせて変更してください。*/
  margin: 0 auto;
  padding: 90px 2%;/*コンテンツ上部余白*/
  box-sizing: border-box;
}
.sample02-info01-ttl {
  display: block;
  max-width: 80%;
  font-size: 30px;/*タイトルフォントサイズ*/
  font-weight: bold;/*タイトルフォントの太さ*/
  padding-bottom: 5px;
  margin: 0 auto 50px;/*タイトル下部余白*/
  text-align: center;/*タイトル中央寄せ*/
  border-bottom: 1px solid #2abfff;
  color: #2ABFFF;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}
.sample02-info01-ttl span {
    display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;	
}
.sample02-info01-box li {
  margin-bottom: 20px;
  padding-bottom: 5px;
  list-style: none;
  border-bottom: 1px dotted #000;
}
.sample02-info01-list {
  overflow: hidden;
  font-size: .8rem;
  line-height: 2.0;
}
.sample02-info01-list-day {
  float: left;
}
.sample02-info01-list-txt {
  padding-left: 110px;/*内容左マージン*/
}
.sample02-info p span {
  padding: 15px 0;
  display: block;
}
.sample02-info .txt_02 {
  text-align: center;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.sample02-info .txt_add02::before {
  content: "";
  background-image: url(../img/Instagram_Glyph_Gradient_RGB.png);
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  padding: 0 15px 0 0;
}
.sample02-info .txt_add02 {
  font-weight: bold;
  text-decoration: none;
}
/************************ｽﾏﾎ設定*************************************/
@media (max-width: 796px) {
  .sample02-info {
    padding: 100px 2%;
    box-sizing: border-box;
  }
  .sample02-info01-ttl {
    font-size: 24px;
    margin: 0 auto 20px;
  }
  .sample02-info01-btn {
    margin: auto;
  }
}
/************************ｽﾏﾎ設定ここまで*************************************/
/***********************ssample02インフォメーションここまで*******************************/

.spacer{
  background-color: transparent;
  background-size: 100% 100%;
}

/***********************メッセージ*******************************/
.simple01-c01 {
  width: 100%;
  text-align: center;
}
#spacer-1{
  background: url(../img/message_img.jpg) center center fixed no-repeat;
  background-size: cover;
  padding: 90px 2%;
}
.simple01-c01-inner {
  max-width: 960px;
  margin: auto;
}
.simple01-c01 .simple01-c01-ttl {
  max-width: 80%;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 5px;
  margin: 0 auto 50px;
  text-align: center;
  border-bottom: 1px solid #fafafa;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}
.simple01-c01-ttl span {
    display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;	
}
.simple01-c01 h4 {
  font-size: 18px;
  color: #fafafa;
  margin-bottom: 15px;
}
.simple01-c01 p {
  color: #fff;
  margin-bottom: 15px;
  line-height: 1.8;	
}
.simple01-c01-button {
  display: inline-block;
  margin:  30px auto 0;
  padding: .5em 3em;
  border: 1px solid #fff;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  transition: .3s;
}
.simple01-c01-button:hover {
  background-color: #9dc1d1;
  color: #000;
}
.simple01-c01-button:hover {
  box-shadow: 0 0 30px rgba(0,0,0,0.1) inset;
}
/************************ｽﾏﾎ設定*************************************/
@media (max-width: 798px) {
  #spacer-1{
    height: auto;
    background: none;
    padding: 0;
  }
.simple01-c01-inner {
    padding: 100px 10%;
    background: url(../img/message_img.jpg) center center no-repeat;
    background-size: cover;
    text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px;
}
  .simple01-c01 .simple01-c01-ttl {
    font-size: 24px;
    margin: 0 auto 20px;
  }
  .simple01-c01 p {
    font-size: 14px;
	text-align: left;
  }
}
/***********************ｽﾏﾎ設定ここまで*******************************/
/***********************メッセージここまで*******************************/


/***********************sample01コンテンツ2*******************************/
.company-contents{
  width: 100%; /*サイトデザイン幅に合わせて変更してください。*/
  max-width: 960px;
  margin: auto;
  padding: 90px 0;/*コンテンツ上部余白*/
  overflow: hidden;
  box-sizing: border-box;
}
.company-contents-column01 {
  float: left;
  width: 50%;
  padding-left: 2%;
  padding-right: 2%;
  box-sizing: border-box;
}
.company-contents-column01 p {
  margin-bottom: 20px;
}
.add_text01 {
    color: #2ABFFF;
}
.company-contents-ttl {
  max-width: 80%;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 5px;
  margin: 0 auto 50px;
  text-align: center;
  border-bottom: 1px solid #2abfff;
  color: #2ABFFF;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}
.company-contents-ttl span {
    display: block;
}
.company-txt-strong {
  font-size: 18px;/*フォントサイズ*/
  font-weight: bold;/*テキストの太さ*/
  line-height: 1.8;/*行間*/
}
.company-contents-column02 {
  float: right;
  overflow: hidden;
  width: 50%;
  box-sizing: border-box;
}
/*右カラム最初の画像*/
.company-contents-column02 img:first-child {
  width: 100%;
  margin-bottom: 15px;/*画像下部余白*/
}
/*右カラム二番目の画像*/
.company-contents-column02 img:nth-child(2) {
  float: left;
  width: 48%;
}
/*右カラム三番目の画像*/
.company-contents-column02 img:nth-child(3) {
  float: right;
  width: 48%;
}
/************************ｽﾏﾎ設定*************************************/
@media (max-width: 796px) {
  .company-contents {
    padding: 100px 3%;
    box-sizing: border-box;
  }
  .company-contents-column01,
  .company-contents-column02 {
    width: 100%;
  }
  .company-contents-column01{
    margin-bottom: 20px;
  }
  .company-contents-ttl {
    font-size: 24px;
    margin: 0 auto 20px;
  }
  .company-contents-column01 .sample01-txt-strong {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .company-contents-column01 p {
  font-size: 14px;
  }
}
/***********************sample01コンテンツ2ここまで*******************************/


/***********************インタビュー*******************************/
.column01-l01 {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.column01-l01-inner {
  max-width: 960px;/*幅*/
  padding: 0 2%;
  margin: 0 auto;/*中央寄せ*/
}
.column01-l01-ttl{
  max-width: 80%;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 5px;
  margin: 0 auto 50px;
  text-align: center;
  border-bottom: 1px solid #fff;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}
.column01-l01-ttl span {
    display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;	
}
.column01-l01-list {
  overflow: hidden;
}
.column01-l01-list li {
  overflow: hidden;
  position: relative;
  float: left;/*左寄せ*/
  width: 33.333%;/*幅*/
}
.column01-l01-list li:last-child {
  margin-right: 0;/*右余白*/
}
.column01-l01-list li img {
  width: 96%;/*幅*/
  margin: 0 auto;
  border: 1px solid #555;
  transition: 0.3s;
}
.column01-l01-list li:hover img {
  border: 1px solid #ddd;
}
.column01-l01-list li p {
  position: absolute;
  bottom: 5%;
  right: 8%;
  /*margin: -0.5em auto 0;*/
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: right;
  text-shadow: 1px 2px 6px #333;
}
.column01-l01-list li p span {
  position: absolute;
  top: 2em;
  right: 0;
  left: 0;
  margin: auto;
  font-size: .7em;/*フォントサイズ*/
  font-weight: normal;/*フォント太さ*/
  color: #fff;/*文字色*/
  text-align: right;/*テキスト中央寄せ*/
}
#spacer-2{
  height: 30vh;
  background: url(../img/interview_bkimg.jpg) center center fixed no-repeat;
  background-size: cover;
  padding: 90px 0 150px;
}

/************************ｽﾏﾎ設定*************************************/
@media (max-width: 798px) {
  .column01-l01 {
    padding: 100px auto;
    box-sizing: border-box;
  }
  .column01-l01-inner {
    width: 100%;/*幅*/
    margin: auto;/*中央寄せ*/
    box-sizing: border-box;
  }
.destination-map img {
    width: 100%;
    transform: scale(1.4);
}	
  .column01-l01-ttl{
    font-size: 24px;
    margin: 0 auto 25px;
  }
  .column01-l01-list li {
    position: relative;
    float:none;
    width: 100%;/*幅*/
    max-width: 300px;/*幅*/
    margin: 0 auto;/*余白*/
    margin-bottom: 20px;/*下余白*/
    text-align: center;
    font-size: 0;
  }
  .column01-l01-list li img {
    position: relative;
    float: none;
    max-width: 100%;
  }
  .column01-l01-list li:last-child {
    margin-right: auto;/*右余白*/
  }
  .column01-l01-list li p {
    font-size: 16px;/*フォントサイズ*/
    font-weight: normal;/*フォント太さ*/
  }
  .column01-l01-list li span {
    font-size: 0.8em;/*フォントサイズ*/
  }
  #spacer-2{
    height: auto;
    background: none;
    padding: 0;
  }
  .column01-l01 {
    padding: 100px 0;
    background: url(../img/interview_bkimg.jpg) center center no-repeat;
    background-size: cover;
  }
}
/************************ｽﾏﾎ設定ここまで*************************************/
/***********************インタビューここまで*******************************/

/***********************sample01コンテンツ2*******************************/
.sample01-contents2{
  width: 1080px; /*サイトデザイン幅に合わせて変更してください。*/
  max-width: 100%;
  margin: auto;
  padding-top: 40px;/*コンテンツ上部余白*/
  padding-bottom: 40px;/*コンテンツ下部余白*/
  overflow: hidden;
  box-sizing: border-box;
}
.sample01-contents2-column01 {
  float: left;
  width: 65%;
  /*padding-left: 2%;*/
  padding-right: 2%;
  box-sizing: border-box;
  text-align: left;
}
.sample01-contents2-ttl {
  font-size: 20px;
  color: #000;
  margin-bottom: 15px;
}
.sample01-contents2-ttl span {
  display: block;
  font-size: 14px;
}
.sample01-contents2-ttl {
  padding-bottom: 5px;
}
.sample01-txt-strong {
  font-size: 14px;/*フォントサイズ*/
  font-weight: bold;/*テキストの太さ*/
  line-height: 1.8;/*行間*/
}
.sample01-contents2-column01 p {
  font-size: 14px;/*フォントサイズ*/
  line-height: 1.8;/*行間*/
}
.sample01-contents2-column02 {
  float: right;
  overflow: hidden;
  width: 35%;
  box-sizing: border-box;
}
/*右カラム最初の画像*/
.sample01-contents2-column02 img:first-child {
  width: 100%;
  margin-bottom: 15px;/*画像下部余白*/
}
/*右カラム二番目の画像*/
.sample01-contents2-column02 img:nth-child(2) {
  float: left;
  width: 48%;
}
/*右カラム三番目の画像*/
.sample01-contents2-column02 img:nth-child(3) {
  float: right;
  width: 48%;
}
/************************ｽﾏﾎ設定*************************************/
@media (max-width: 796px) {
  .sample01-contents2 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 3%;
    box-sizing: border-box;
  }
  .sample01-contents2-column01,
  .sample01-contents2-column02 {
    width: 100%;
  }
  .sample01-contents2-column01{
    margin-bottom: 20px;
  }
  .sample01-contents2-ttl {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .sample01-contents2-column01 .sample01-txt-strong {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .sample01-contents2-column01 p {
  font-size: 14px;
  }
}
/***********************sample01コンテンツ2ここまで*******************************/

/***********************留学地*******************************/
.destination-contents {
  position: relative;
  width: 100%;/*幅*/
  margin: auto;	
  padding: 100px 0;
  text-align: center;
}
.destination-contents-ttl {
  max-width: 80%;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 5px;
  margin: 0 auto 50px;
  text-align: center;
  border-bottom: 1px solid #2abfff;
  color: #2ABFFF;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 	
}
.destination-contents-ttl span {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.destination-map {
  margin: 0 auto 50px;
}
.destination-map img {
  width: 100%;
}
.destination-txtareaBoxIn01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: left;
  font-size: 16px;
  color: #000;
  width: 80%;
  margin: 0 auto 50px;
  box-sizing: border-box;
  text-align: left;
}
.destination-txtareaBoxInL {
  padding-right: 5%;
}
.destination-txtareaBoxInR dl dd {
  padding-left: 0.5em;
  text-indent: 0;
}
/************************ｽﾏﾎ設定*************************************/
@media (max-width: 798px) {
.destination-txtareaBoxInR dl dd {
    padding-left: 0.5em;
    text-indent: 0;
    font-size: 13px;
}
}
/************************ｽﾏﾎ設定ここまで*************************************/
/***********************募集要項ここまで*******************************/


/***********************contact*******************************/
.border-t01 {
  width: 100%;
  margin: 0 auto;
  padding: 90px 0;
  box-sizing: border-box;
}
.border-t01-inner {
  max-width: 960px;/*幅*/
  padding: 0 2%;
  margin: 0 auto;/*中央寄せ*/
}
.border-t01-ttl {
  max-width: 80%;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 5px;
  margin: 0 auto 50px;
  text-align: center;
  border-bottom: 1px solid #2abfff;
  color: #2ABFFF;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 	
}
.border-t01-ttl span {
    display: block;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.border-t01-txt {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.5em;
  text-align: center;
}
.border-t01-form {
  width: 100%;
  margin: auto;
  margin-bottom: 30px;
  font-size: 14px;
  /*border: 1px solid #000;*/
  box-sizing: border-box;
}
.border-t01-form th {
  background-color: #FFF5EB;
  width: 30%;
  text-align: right;
  padding: 10px 2em 1em 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: normal;
  box-sizing: border-box;
}
.border-t01-form td {
  width: 70%;
  padding: 10px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  vertical-align: middle;
  box-sizing: border-box;
}
.border-t01-form td input {
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #000;
}
.border-t01-form td textarea {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #000;
}
.border-t01-form select {
  background: #fff;
  height: 30px;
  border: 1px solid #000;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 5px;
}
.border-t01-form select option {
  padding: 8px;
}
.border-t01-form span.note {
  padding-left: 1em;
  font-size: 12px;
}
.border-t01-btn {
  text-align: center;
}
.border-t01-btn input {
  background-color: #fff;
  width: 120px;
  border: 1px solid #000;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  padding: 8px 0;
  box-sizing: border-box;
  cursor: pointer;
  transition: .3s;
}
.border-t01-btn input:hover {
  background: #2ABFFF;
  background: -moz-linear-gradient(left, #005BEA 0%, #2ABFFF 100%);
  background: -webkit-gradient(linear, left center, right center, from(#005BEA), to(#2ABFFF));
  background: -webkit-linear-gradient(left, #005BEA 0%, #2ABFFF 100%);
  background: -o-linear-gradient(left, #005BEA 0%, #2ABFFF 100%);
  background: linear-gradient(to right, #005BEA 0%, #2ABFFF 100%);
  border: 1px solid #000;
  color: #fff;
}
/************************ｽﾏﾎ設定*************************************/
@media (max-width: 798px) {
    .border-t01-inner {
      width: 100%;
      box-sizing: border-box;
    }
    .border-t01-ttl {
      font-size: 28px;
      margin-bottom: 2em;
    }
    .border-t01-txt {
      margin-bottom: 25px;
      font-size: 14px;
      text-align: left !important;
    }
    .border-t01-form {
      width: 100%;
    }
    .border-t01-form th {
      display: block;
      width: 100%;
      text-align: left;
      padding: 1em;
      border-top: 1px solid #000;
      border-bottom: 0;
    }
    .border-t01-form td {
      display: block;
      width: 100%;
      text-align: left;
      padding: 1em;
      border: none;
    }
}
/************************ｽﾏﾎ設定ここまで*************************************/
/***********************contactここまで*******************************/


/***********************ACCESS*******************************/
.access-contents {
  width: 100%;
  margin: 0 auto;
  padding: 90px 0 0;
  box-sizing: border-box;
}
.access-inner {
  max-width: 960px;/*幅*/
  padding: 0 2%;
  margin: 0 auto 90px;/*中央寄せ*/
}
.access-t01-ttl {
  max-width: 80%;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 5px;
  margin: 0 auto 50px;
  text-align: center;
  border-bottom: 1px solid #2abfff;
  color: #2ABFFF;
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 	
}
.access-t01-ttl span {
    display: block;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.access-t01-txt {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
}
.access-add {
    width: 75%;
    text-align: center;
    margin: 0 auto;
}

.access-add02 {
  width: 75%;
  text-align: center;
  margin: 0px auto;
  padding: 10px auto;
}

.btn {
    position: relative;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
   	border: none;
	background-color: #005BEA;
    width: 140px;
	height: 50px;
	line-height: 50px;
    text-align: center;
    transition: ease .2s;
	margin: 30px auto 0 auto;
}

.btn span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#FFF;
	font-size: 18px;
}

.btn:hover span {
	color: #000;
}

.btn::before {
 	content: '';
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2;
 	background: #FFF;/*背景色*/
 	width: 100%;
	height: 100%;
 	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
 	transform: scale(0, 1);
	transform-origin: right top;
}

.btn:hover::before{
	transform-origin:left top;
	transform:scale(1, 1);
}

.contact__btn {
    width: 100%;
    height: auto;
    margin: 0 auto;
    border: 2px solid #005BEA;
    background-color: #FFF;
    vertical-align: middle;
}
.contact__btn::before {
    background: #005BEA;
}
.contact__btn span {
    color: #000;
    margin-left: 0 !important;
	padding: 15px 0;
}
.contact__btn:hover span {
    color: #FFF;
}

#access iframe {
    vertical-align: bottom;
}
/************************ｽﾏﾎ設定*************************************/
@media (max-width: 798px) {
    .access-inner {
      width: 100%;
      box-sizing: border-box;
    }
    .access-t01-ttl {
      font-size: 28px;
      margin-bottom: 2em;
    }
    .access-t01-txt {
      margin-bottom: 25px;
      font-size: 14px;
    }
	.access-contents {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
	
.btn span {
    position: relative;
    z-index: 3;
    color: #000;
    font-size: 13px;
	line-height: 28px;
	padding: 0;
}
.contact__btn {
    line-height: 28px;
}	
}
/************************ｽﾏﾎ設定ここまで*************************************/
/***********************ACCESSここまで*******************************/


/***********************sample02フッター*******************************/
footer {
  border-top-width: 1px;/*線幅*/
  border-top-style: solid;/*線スタイル*/
  border-top-color: #eee;/*線色*/
}
.sample02-footer {
  width: 100%;/*幅*/
  height: 100%;
  background: #2ABFFF;/*背景色*/
  background: -moz-linear-gradient(left, #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: -webkit-gradient(linear, left center, right center, from(#005BEA), to(#2ABFFF));/*背景色*/
  background: -webkit-linear-gradient(left, #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: -o-linear-gradient(left, #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: linear-gradient(to right, #005BEA 0%, #2ABFFF 100%);	/*背景色*/
}
.sample02-footer-inner {
  width: 100%;
  max-width: 960px;/*インナー幅*/
  margin: 0 auto;/*インナー中央寄せ*/
  font-size: 14px;/*フォントサイズ*/
}
.sample02-footer-totop {
  padding-top: 20px;/*上余白*/
  padding-bottom: 5px;/*下余白*/
  text-align: right;/*テキスト右寄せ*/
}
.sample02-footer-totop a {
  color: #fff;
  font-size: 24px;
}
.sample02-footer-totop a:last-child {
  margin-left: 50px;
  margin-right: 20px;
}
.sample02-footer-totop a:first-child {
  margin-right: 10px;
}
.sample02-footer-copy {
  background: #2ABFFF;/*背景色*/
  background: -moz-linear-gradient(left, #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: -webkit-gradient(linear, left center, right center, from(#005BEA), to(#2ABFFF));/*背景色*/
  background: -webkit-linear-gradient(left, #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: -o-linear-gradient(left, #005BEA 0%, #2ABFFF 100%);/*背景色*/
  background: linear-gradient(to right, #005BEA 0%, #2ABFFF 100%);	/*背景色*/
  color: #fff;/*文字色*/
  font-size: 12px;/*フォントサイズ*/
  line-height: 3em;/*高さ テキストの3倍*/
  text-align: center;/*テキスト中央寄せ*/
}


/************************ｽﾏﾎ設定*************************************/
@media (max-width: 796px) {
  .sample02-footer-inner {
    max-width: 100%;/*インナー幅*/
    padding: 0 3%;/*インナー左右余白*/
    box-sizing: border-box;
  }

}
/************************ｽﾏﾎ設定ここまで*******************************/
/***********************sample02フッターここまで*******************************/