jumbotron@charset "utf-8";

/*リセットCSS（sanitize.css）の読み込み
---------------------------------------------------------------------------*/
@import url("https://unpkg.com/sanitize.css");

/*slick.cssの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css");

/*Font Awesomeの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css");

/*Google Fontsの読み込み
---------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap');

/*テンプレート専用cssファイルの読み込み
---------------------------------------------------------------------------*/
@import url("animation.css");
@import url("inview.css");


/* *****共通設定***** */

main{
    display: block;
    background-color: #fbfbf2;
}
main .btn{
    padding: 1rem 3.5rem;
    font-size: 1rem;
}
h1 { font-size: 2.5rem; }
h2, sec1{
   color: #2f4f4f;
}
h2 { font-size: 1.5rem; }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.1rem; }

.gray {
    color: #6c757d;
}
.card{
    border-color: #e0c7b2;
}
.img-thumbnail {
    width: 100%;
    padding: .25rem;
    background-color: transparent;
    border: none;
}

/* ヘッダー(navbar) */
.site-header{
    background: #00b1d4;
    position: fixed;
    justify-content: space-between;
    width: 100%;
    z-index:10000;
}

.navbar{
    border-bottom: 1px solid #83ccd2;
    background-color: #00b1d4;
}
.navbar .navbar-collapse{
    flex-grow: 0;
}
.navbar .navbar-brand{
    height: 70px;
}
.navbar .navbar-brand img{
    height: 100%;
}
.navbar .navbar-nav .active > .nav-link{
    color: #ffce11;
}

.navbar .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #2f4f4f;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: #fff;
  border-color: #fff;
}


/* フッター */
#footer{
    background-color: #0087b3;
}
#footer .container{
    color: #e0ffff;
}
#footer .footer-ttl{
    font-size: 1rem;
    font-weight: bold;
    margin: 1.5rem 0;
    color: #ffce11;
}
#footer address p,
#footer #footer-news li{
    margin-bottom: 0rem;
}
#footer #footer-news ul{
    margin: 0;
    padding: 0
}
#footer #footer-news ul{
    list-style: none;
}
#footer #footer-news li span{
    display: inline-block;
    margin-right: 0.5rem;
}
#footer #copyright{
    border-top: 1px solid #00b1d4;
    background-color: #2f4f4f;
    color: #fff;
}
#footer img {
	width: 360px;
}

#footer a{color: rgba(251,251,241,1);text-decoration:underline;}
#footer a:hover{color: #2f4f4f;}
#footer a .active{color: #ffce11;}

/* *****トップページ***** */
/* メイン画像 */
h1{
    font-weight: bold !important;
    color: #f08300;
}
#page-top h1 + span {
    font-size: 1.8rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 110%;
    margin-top: 0.2rem;
    display: block;
}
#page-top .page-ttl-fluid{
    height: 640px;
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/pho_mv_02.png") no-repeat center center;
    background-size:cover;
}
#page-top .jumbotron-fluid .container{
    height: 100%;
}
#page-top .jumbotron-fluid .btn{
    padding-left: 3rem;
    padding-right: 3rem;
    margin-top: 1.5rem;
    font-weight: bold;
	border-width: 3px;
    border-color: #fff;
}

/* 各セクション */
#page-top section{
    border-bottom: 1px solid #e0c7b2;
    background-color: #fbfbf2;
	padding: 2rem 0;
}
#page-top section:nth-child(odd){
    background-color: #e0ffff;
}
#page-top section .container > h2{
    margin-bottom: 30px;
    font-size: 1.8rem;
}
#page-top section .container > h2 + p{
    max-width: 800px;
	margin: 0 auto 50px;
}
#sec1 h3{
    font-size: 1.4rem;
}

#sec2 article > .row {
    border: 1px solid #dddddd;
}
#sec2 > div:nth-child(1) img {
    width: 100%;
}
/*#sec4 > div:nth-child(2){
    margin-left: 220px;
}*/
#sec2 h3{
    margin-bottom: 0.1rem;
}
#sec2 article > div div header {
	padding: 10px;
}

#sec3 {
    line-height: 180%;
}
#sec3 .row{
    min-height: 100px;
    color: #2f2f2f;
}

#sec5 .card-body .clearfix p,
#sec5 .card-body .clearfix h3{
    margin-left: 115px;
    line-height: 130%;
}
#sec5 .card-body .card-title{
    margin-bottom: 5px;
    color: #401f0f;
}
#sec5 .card-body .card-subtitle{
    font-size: 0.9rem;
    margin-bottom: 5px;
    color: #968075;
}
#sec5 img {
    width: 100%;
}
#sec5 .btn {
    width: 100%;
	background-color: #401f0f;
	border: none;
	padding: 1rem 0;
}

#sec6 article > .row {
    border: 1px solid #dddddd;
}
#sec6 > div:nth-child(1) img {
    width: 100%;
}

#page-news section{
    border-bottom: 1px solid #e0c7b2;
    background-color: #fbfbf2;
	padding: 2rem 0;
}
#page-news section:nth-child(odd){
    background-color: #ffffff;
}
#sec7 article > .row {
    border: 1px solid #dddddd;
}
#sec7 > div:nth-child(1) img {
    width: 100%;
}
/*#sec4 > div:nth-child(2){
    margin-left: 220px;
}*/
#sec6 h3{
    margin-bottom: 0.1rem;
}
#sec6 article > div div header {
	padding: 10px;
}

/* *****下層ページ***** */

#breadcrumb-wrapper{
    border-bottom: 1px solid #a29080;
}
#breadcrumb-wrapper,
.breadcrumb{
    font-size: 0.9rem;
    background-color: #2f4f4f;
}
.breadcrumb a{
    color: rgba(255,255,255,.5);
}
.breadcrumb a:hover,
.breadcrumb a:focus{
    color: rgba(255,255,255,1);
}
.breadcrumb-item+.breadcrumb-item::before{
    content: ">";
    padding-right: 1rem;
    color: rgba(255,255,255,.5);
}
.breadcrumb-item.active{
    color: #ffffff;
}
h1.page-ttl {
    font-size:2rem; 
}
#page h1 + span {
    font-size: 1.5rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 110%;
    margin-top: 0.2rem;
    display: block;
}

#page article {
    padding: 2rem 0;
}

#page section {
    padding-bottom: 2rem;
}
#page section:last-child {
    padding-bottom: 0rem;
}

#page h1 + small {
    font-size: 1.5rem;
    color: #ffffff;
    line-height: 110%;
    margin-top: 0.2rem;
}
#page .jumbotron{
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/top-main.jpg") no-repeat center center;
    background-size:cover;
    border-radius: initial;
}
#page .jumbotron .container{
    padding: 0;
}
#page .jumbotron .container p{
    margin-bottom: 0;
}
#page h2 + p{
    margin: 0 0 1.2rem;
}
#page main img{
    max-width: 100%;
}
#page .sample-title{
    display: flex;
    align-items: center;
    text-align: center;	
}

#page .sample-title::after {
    border-top: 3px dotted;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
    margin-left: 0.5em;
}
#page .sample-title span{
    background-color: #fbfbf2;
}
#page .sample-subtitle{
    font-size: 1.2rem;
    font-weight: bold;
    color: #f08300;
}

/* *****FAQ***** */

#page .faq-bg{
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/faq-img.jpg") no-repeat center center;
    background-size:cover;
    border-radius: initial;
    padding: 10rem 2rem 4em;
}
#page .faq-bg .container{
    padding: 0;
}
#page .faq-bg .container p{
    margin-bottom: 0;
}

/* *****SERVICE***** */

#page .service-bg{
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/service-img.jpg") no-repeat center center;
    background-size:cover;
    border-radius: initial;
    padding: 10rem 2rem 4em;
}
#page .service-bg .container{
    padding: 0;
}
#page .service-bg .container p{
    margin-bottom: 0;
}
#page .service-card-bg{
    background-color: #e9faf9;
	box-shadow: 1px 1px 3px 6px #eee inset;
}

/* *****WORK***** */

#page .work-bg{
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/work-img.jpg") no-repeat center center;
    background-size:cover;
    border-radius: initial;
    padding: 10rem 2rem 4em;
}
#page .work-bg .container{
    padding: 0;
}
#page .work-bg .container p{
    margin-bottom: 0;
}

/* *****ABOUT***** */

#page .about-bg{
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/about-img.jpg") no-repeat center center;
    background-size:cover;
    border-radius: initial;
    padding: 10rem 2rem 4em;
}
#page .about-bg .container{
    padding: 0;
}
#page .about-bg .container p{
    margin-bottom: 0;
}
#page #about article {
    padding: 1rem 0;
}


@supports (-ms-ime-align: auto){
    .dainao{max-width: 50%;}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    .dainao{max-width: 50%;}
}

/* *****CONTACT***** */

#page .contact-bg{
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/contact-img.jpg") no-repeat center center;
    background-size:cover;
    border-radius: initial;
    padding: 10rem 2rem 4em;
}
#page .contact-bg .container{
    padding: 0;
}
#page .contact-bg .container p{
    margin-bottom: 0;
}

/* *****NEWS***** */

#page-news .news-bg{
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/news-img.jpg") no-repeat center center;
    background-size:cover;
    border-radius: initial;
    padding: 10rem 2rem 4em;
}
#page-news .news-bg .container{
    padding: 0;
}
#page-news .news-bg .container p{
    margin-bottom: 0;
}
#page-news h1 + span {
    font-size: 1.5rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 110%;
    margin-top: 0.2rem;
    display: block;
}

/* *****フォーム***** */

.form1 label{
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}
.form1 input,
.form1 textarea,
.form1 select{
    max-width: 768px;
}
.form1 .form-group{
    margin-bottom: 2rem;
}

.lead {
  font-size: 1rem;
  font-weight: 300;
}

.table_form textarea {
  width: 100%;
}
.table_form .write_area input {
  width: 100%;
}

/* *****PRIVACY***** */

#page .privacy-bg{
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/privacy-img.jpg") no-repeat center center;
    background-size:cover;
    border-radius: initial;
    padding: 10rem 2rem 4em;
}
#page .privacy-bg .container{
    padding: 0;
}
#page .privacy-bg .container p{
    margin-bottom: 0;
}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
.pagetop-show {display: block;}

/*ボタンの設定*/
.pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 99;
	position: fixed;	/*スクロールに追従しない(固定で表示)為の設定*/
	right: 20px;		/*右からの配置場所指定*/
	bottom: 20px;		/*下からの配置場所指定*/
	color: #fff;		/*文字色*/
	font-size: 1.5em;	/*文字サイズ*/
	background: rgba(0,0,0,0.2);	/*背景色。0,0,0は黒の事で0.2は色が20%出た状態。*/
	width: 50px;		/*幅*/
	line-height: 50px;	/*高さ*/
	border-radius: 50%;	/*円形にする*/
}

.shadow01 {
	text-shadow:0px 0px 1px #333,
	0px 0px 2px #333,
	0px 0px 3px #333,
	0px 0px 4px #333,
	0px 0px 5px #333,
	0px 0px 6px #333;
}

/*mainブロック内のh2タグ*/
main h2 {
	margin: 0;
	margin-bottom: 1em;	/*下に空けるスペース*/
	position: relative;		/*アニメーションに必要な設定*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
	border-bottom: 3px solid #dddcd6;	/*デフォルトのラインの色。下の「bottom」と「height」の３ヶ所の数字部分を合わせる*/
}

/*下線スタイル*/
main h2 .uline {
	display: inline-block;position: relative;
	padding: 10px 20px;	/*h2タグ内の余白。上下、左右への順番。*/
	bottom: -3px;		/*上の「border-bottom」と下の「height」の３ヶ所の数字部分を合わせる。※この行だけマイナスをつけるように。*/
}
main h2 .uline::before {
	content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;
	height: 3px;	/*ラインの高さ。上の「border-bottom」と「bottom」の３ヶ所の数字部分を合わせる*/
	background: #00b1d4;		/*アニメーション時のラインの色*/
	transition: 1s 0.5s;		/*1sはアニメーションの実行時間は1秒。0.5秒遅れてスタートする指定。*/
	transform: scaleX(0);		/*幅。最初は0にして見えなくしておく。*/
	/*線の出現起点が左からになるように。中央からの出現がよければこの１行削除。*/
}
main h2.linestyle .uline::before {
	transform: scaleX(1);
}

main h2 {
  border-bottom: solid 3px #dddcd6;
  position: relative;
}

main h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #00b1d4;
  bottom: -3px;
  width: 50%;
}

/*mainブロック内のh3タグ*/
main h3 {
	padding: 10px 0 10px 0;
	margin-bottom: 1em;	/*下に空けるスペース*/
	border-bottom: 1px solid #ddd;
}

/*mainブロックのpタグ*/
main p {
	margin: 0 10px 2em;	/*上、左右、下へ空けるスペース*/
}
main p + p {
	margin-top: -1em;
}

/*========= 背景動画設定のCSS ===============*/

/*douga設定*/
/* wrap */

.douga {
  position: relative;
}

/* video */

.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 60vh;
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* overlay */

.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.4);
}

/* text */

.text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
h1 {

  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 10px 0;
  text-align: left;
  color: #ffce11;
}

/*FAQ
---------------------------------------------------------------------------*/
/*FAQボックス全体*/
.faq {
	padding: 0 5px;	/*上下、左右へのボックス内の余白*/
}

/*質問*/
.faq dt {
	border-radius: 3px;		/*枠を角丸にする指定*/
	margin-bottom: 20px;	/*下に空けるスペース*/
	background: linear-gradient(#fff, #f7f7f7);	/*背景グラデーション*/
	text-indent: -2em;				/*テキストのインデント。質問が複数行になった際に、テキストの冒頭を揃える為に設定しています。*/
	padding: 5px 1em 5px 3em;		/*ボックス内の余白。ここを変更する場合、上のtext-indentも調整します。*/
	border: 1px solid #e4e2d7;		/*枠線の幅、線種、色*/
}

/*アイコン（Font Awesome）*/
.faq dt::before {
	font-family: "Font Awesome 5 Free";	/*Font Awesomeを使う指定*/
	content: "";		/*使いたいアイコン名をここで指定。Font Awesomeに記載されています。詳しくは当テンプレートのマニュアルを読んで下さい。*/
	color: #00b1d4;			/*アイコンの色*/
	padding-right: 1em;		/*アイコンとテキストの間の余白*/
    padding-left: 1em;
}

/*回答*/
.faq dd {
	padding: 5px 1em 30px 3em;		/*ボックス内の余白**/
}

/*プライバシーポリシー*/
.privacy {
	padding: 0 5px;	/*上下、左右へのボックス内の余白*/
}
.privacy dt {
	border-radius: 3px;		/*枠を角丸にする指定*/
	margin-bottom: 20px;	/*下に空けるスペース*/
	background: linear-gradient(#fff, #f7f7f7);	/*背景グラデーション*/
	text-indent: -2em;				/*テキストのインデント。質問が複数行になった際に、テキストの冒頭を揃える為に設定しています。*/
	padding: 5px 1em 5px 3em;		/*ボックス内の余白。ここを変更する場合、上のtext-indentも調整します。*/
	border: 1px solid #e4e2d7;		/*枠線の幅、線種、色*/
}
.privacy dd {
	padding: 5px 1em 30px 1em;		/*ボックス内の余白**/
}
/*アイコン（Font Awesome）*/
.privacy dt::before {
	font-family: "Font Awesome 5 Free";	/*Font Awesomeを使う指定*/
	content: "";		/*使いたいアイコン名をここで指定。Font Awesomeに記載されています。詳しくは当テンプレートのマニュアルを読んで下さい。*/
	color: #00b1d4;			/*アイコンの色*/
	padding-right: 1em;		/*アイコンとテキストの間の余白*/
    padding-left: 1em;
}

/*opencloseを適用した要素のカーソル*/
.openclose {
	cursor: pointer;	/*カーソルの形状。リンクと同じスタイルにしてクリックできると認識してもらう。*/
}

.faq dt span {text-indent: 0;}

.align-r{float:right;}
.t-align-r{text-align:right;}
.align-l{float:left;}
.t-align-l{text-align:left;}
.t-align-c{text-align:center;}
.align-c{margin:0 auto;}

.PD-T1{padding-top:1%;}
.PD-T2{padding-top:2%;}
.PD-T3{padding-top:3%;}
.PD-T5{padding-top:5%;}
.PD-T20{padding-top:20px;}
.PD-B1{padding-bottom:1%;}
.PD-B2{padding-bottom:2%;}
.PD-B3{padding-bottom:3%;}
.PD-B5{padding-bottom:5%;}
.PD-TB1{padding:1% 0;}
.PD-TB2{padding:3% 0 2% 0;}
.PD-TB3{padding:5% 0 3% 0;}
.PD-LR3{padding:0 3% 0 3%;}
.PD-LR6{padding:0 6% 0 6%;}
.MG-B3{margin-bottom:3%;}
.MG-B5{margin-bottom:5%;}
.w100 {width: 100%;}

.nav-link {
  display: block;
  padding: .1rem;
}

.content table.table_01,
#mailform table.table_form {
	width: 98%;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
span.required {
  display: inline-block;
  margin-left: 5px;
  color: #FFF;
  background-color: #FF5B33;
  font-size: 12px;
  line-height: 24px;
  padding-right: 5px;
  padding-left: 5px;
}

/*プレオープン*/
.pre-ttl{
    font-size: 1.8rem;
    color: #ffc107;
    border: none;
}
h1.text01{font-size: 3.8rem;color: #fff;margin-bottom:0;padding-bottom:0;font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";}
.text02{font-size: 1.6rem;color: #333333;padding-top:20px;}
.text03{font-size: 1.1rem;}
.text04{font-size: 2rem;}
.text05{font-size: 0.8em;}
.text07{font-size: 1.3rem;}
.text08{font-size: 1.5rem;}

.bg-pre .card-body{
    background-color: #28acd6;
    padding-top:0;
}

.service_table{
  width: 95%;
  border-collapse:separate;
  border-spacing: 0;
    margin:0 auto;
}

.service_table th:first-child{
  border-radius: 5px 0 0 0;
}

.service_table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

.service_table th{
  text-align: center;
  color:white;
  background: linear-gradient(#9fd0e0,#2fabd4);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 16%;
  padding: 20px 0;
}

.service_table td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:1px solid #a8b7c5;
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 16%;
  padding: 20px 0;
}

.service_table td:last-child{
  border-right: 1px solid #a8b7c5;
}

.service_table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.service_table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
.service_table td:first-child {
 background: #e9faf9;
}
.service_table .bg01 {
 background: #e9faf9;
}
.service_table .bg02{
 background: #ffffff;
}
.service_table .w10 {width: 10%;}

.swiper-container {
        width: 100%;
        height: auto;
    }
.swiper-container img {
    width: 100%;
    }

.service_table02{
  width: 95%;
  border-collapse:separate;
  border-spacing: 0;
    margin:0 auto;
}

.service_table02 th:first-child{
  border-radius: 5px 0 0 0;
}

.service_table02 th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

.service_table02 th{
  text-align: center;
  color:white;
  background: linear-gradient(#9fd0e0,#2fabd4);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 16%;
  padding: 20px 0;
}

.service_table02 td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:1px solid #a8b7c5;
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 16%;
  padding: 20px 0;
}

.service_table02 td:last-child{
  border-right: 1px solid #a8b7c5;
}

.service_table02 tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.service_table02 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

.service_table02 .bg01 {
 background: #e9faf9;
}
.service_table02 .bg02{
 background: #ffffff;
}
.service_table02 .w10 {width: 10%;}


@media screen and (max-width:767px) {
/*　画面サイズが767px以下の場合読み込む　*/

.text02{font-size: 1rem;color:#333;}
.text05{font-size: 0.5em;} 
.text06{font-size: 1.1em;color:#28acd6;} 
.pre-ttl{
    font-size: 1em;
    color: #ffc107;
}
.blue{color:#28a4bb;}
.yellow{color:#ffc107;}
h1.text01{font-size: 2em;line-height: 1.3em;color: #fff;margin-bottom:0;padding-bottom:0;font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS PGothic";}
 .navbar .navbar-brand img{
    height: 80%;
     margin-top:5px;
}
.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  
}
#page-top h1 + span {
    font-size: 1.3rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 110%;
    margin-top: 0.2rem;
    display: block;
}
#page article {
    padding: 1rem 0;
}
#page section {
    padding-bottom: 0rem;
}
#page-top section {
    padding-top: 0px;
  }
.swiper-container img {
    padding-top:12%;
    width: 100%;
    }
    
.table_form {
    width: 100%;
  }
  table.table_form th,
  table.table_form td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
.table_form textarea {
  width: 100%;
}
.table_form .write_area input {
  width: 100%;
}
.text05{font-size: 0.9em;}

}