@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {
	background: #f5f5f5;
	color: #3c3c3c;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.form { 
    margin: 50px auto; 
    font-size: 1.6rem;
    padding: 0 2%;
}
#form section { 
    max-width: 1000px;
}
.heading {
    background-color: #004098;
    padding: 3%;
}
.heading h2{
    font-size:30px;
    font-weight: bold;
    color: #fff;
    font-family: serif;
    text-align: center;
    
}
.heading h3{
    font-size:30px;
    font-weight: bold;
    color: #fff;
    font-family: serif;
    text-align: center;
    
}
.form { 
    margin: 0px auto; 
    font-size: 1.6rem;
    padding: 0 10%;
    text-align: center;
}
.form dt { 
    clear: both; 
    float: left; 
    width: 10rem; 
    margin: 0px;
    padding: 0px 0px; 
    text-align: left; 
    
}
.form dd {
    margin: 0 0 1.5rem;
    padding: 1.5rem auto;
    text-align: left; 
     
    line-height: 1.5em;
}

.form label {
    margin: 2px 24px 8px 0; 
    display: inline-block;
}
.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form input[type="date"] {
    width: 90%; 
    background: #fdfbf5; 
    border: 3px solid #D6D6D6; 
    border-radius: 4px; 
    margin: 0px; 
    padding: 100%;
    vertical-align: middle;
    font-size: 20px;
}


.form textarea { 
    width: 100%; 
    min-height: 250px!important;
    background: #FFF; 
    border: 3px solid #D6D6D6; 
    border-radius: px; 
    padding: 8px;
}
.form input.mid { 
    width: 75%;
}
.form ::-webkit-input-placeholder { font-weight: 400; color: #9DA1AA;}
.form ::-moz-placeholder { font-weight: 400; color: #9DA1AA;}
.form :-ms-input-placeholder { font-weight: 400; color: #9DA1AA;}

.ps{width: 90%;margin: 0 auto;}
.dashed-note {
  background-color: #fff; /* 背景色 */
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */
                    linear-gradient(180deg, #ccc 1px, transparent 1px); /* 点線2の色と太さ */
  background-size: 8px 100%, /* 点線1のサイズ */
                   100% 2.5em; /* 点線2のサイズ */
  line-height: 2.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}
.dashed-note p{
  background-color: #fff; /* 背景色 */
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */
                    linear-gradient(180deg, #ccc 1px, transparent 1px); /* 点線2の色と太さ */
  background-size: 8px 100%, /* 点線1のサイズ */
                   100% 2.5em; /* 点線2のサイズ */
  line-height: 2.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}
.size120{font-size: 1.2em;}
.right{float: right;}

.delline{/*打ち消し*/
	text-decoration: line-through;
	text-decoration-color: #ff0000;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	margin-bottom:30px;
}
img {
    border: none;
    vertical-align: bottom;
    max-width: 100%;
}
input,textarea,select {
	font-size: 1em;
}
form {
    margin: 0px;
    display: table;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
background:url(../img/hd-bg3.jpg);
}

.kiyaku {
  margin: 20px;
height: 130px;/*スクロールの高さ*/
  overflow: scroll;
  border: gray 0.1px solid;
    font-size: 0.7em;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #555;	/*リンクテキストの色*/
	text-decoration: none;
}
a:hover {
	color: #006ddc;	/*マウスオン時の文字色（全体）*/
}
a:hover img{
position : relative;
top : 3pt;
left : 3pt;
}



/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	position: relative;
	width: 750px;	/*コンテナー幅*/
	background-color: white;
	border-left:1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 auto;
	font: 16px/1.6 YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
}
#cont2 {
	position: relative;
	width: 800px;	/*コンテナー幅*/
	margin: 0 auto;
}


.body-bg2 {
	background-color: #fff;
}

.shouko{margin: 3% 0;}



/*--------------------------------------
               container
-------------------------------------*/
/*あとで消す*/
h1{
	padding: 8% 10%;
	background: orange;
	font-size: 200%;
}
#gi_name{width:80%; color: green;}
/* --------------------- common */
span.red{
	color: #f76a04;
}
span.red2{
	color: #cc0404;
    font-weight: 600;
}
span.blue{
	color: #267CA7;
}

span.pink{
	margin: 5px 0;
	font-weight:bold;
	border-bottom: 5px solid #ffcdcd;
}
span.under{
	text-decoration: underline;
}
span.big{
	font-size: 150%;
	font-weight:bold;
}
span.small{
	font-size: 85%;
	color: #333;
}
.text{
	text-align: justify;
}
.text p{
	letter-spacing: -0.03em;
}
.ttl{
	text-align: center;
}
/*--------------------------------------
               css start
-------------------------------------*/
/* ----------------------------------- fv */

/* ----------------------------------- shosai */


section.online-seminar .wrap{
	background-color: #62c0c6;
}
.notice-04-all{
	background-image: url(../img/bg-01.jpg);
	padding-top: 3%;
    padding-bottom: 5%;
}
.notice_04 {
	margin: 0 auto;
    width: 85%;
    font-size: 120%;
    text-align: left;
    background-color: #ffffff;
    padding: 10px;
    border-radius:10px;
    -webkit-border-radius: 10px; /* Webkit (Safari, Chrome ...) */
	-moz-border-radius: 10px; /* Firefox */
}

.notice_04 p {
    color: #1e1e1e;
    /*line-height: 1.6*/;
}

table.box_04 {
    font-size: 1em;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 15px;
    text-align: left;
}
.submit_02 {
	background-color: #ff7f50;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 70%;
    margin-left: 10%;
    display: block;
    padding: 0.1rem;
    max-width: 5rem;
}
.submit_03 {
    background-color: #ff7f50;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 300%;
    margin-left: 120%;
    display: block;
    padding: 0.2rem;
    max-width: calc(100% + 20vw);
}
.box_04 tr{
	height: 60px;
	vertical-align: top;
    padding-top: 2%;
}
.box_04 th{
	width: 18%;
	font-weight: 300;
}
.box_04 span.red-big, table span.red-big{
	font-size: 140%;
	color: #d80011;
}
.box_04 p.position{
	margin-bottom: 20px;
}
.box_04 p{
	text-align: start;
	letter-spacing: -0.03em;
	font-size: 95%;
}
/* ----------------------------------- tokute */
.tokuten{
	margin-top: 8%;
}
/* ----------------------------------- way */
section.way{
	margin-bottom: 7%;
}
section.way .text{
	margin-top: 6%;
}
section.way .text p{
	text-align: center;
	color: #56480d;
	font-size: 170%;
	font-weight: 500;
	line-height: 2;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.06em;
}
section.way .text span.border-bottom{
	 background:linear-gradient(transparent 60%, #ffe6e7 60%);
}
/* ----------------------------------- for */
section.for{
	margin-bottom: 5%;
}
section.for .beginner{
	text-align: center;
    padding-top: 2%;
}
/* -----------------------------------  beginner */
section.beginner{
	background: url(../img/goal-bg.jpg) no-repeat center top;
	background-size: cover;
}
section.beginner .inner{
	text-align: center;
	padding-top: 10%;
    padding-bottom: 10%;
    margin-left: -30px;
}
/* ----------------------------------- more */
section.more {
	margin-top: 5%;
	margin-bottom: 10%;
}
section.more .more-in{
	text-align: center;
}
.kozima{
	text-align: center;
	margin-top: 10%;
}
/* -----------------------------------  marketing */
section.marketing{
	background: url(../img/marketing-bg.jpg) no-repeat center top;
	background-size: cover;
}
section.marketing .inner{
	text-align: center;
	padding-top: 10%;
    padding-bottom: 10%;
    margin-left: -30px;
}
/* -----------------------------------  goal */
section.goal{
	background: url(../img/goal-bg.jpg) no-repeat center top;
	background-size: cover;
}
section.goal .inner{
	text-align: center;
	padding-top: 10%;
    padding-bottom: 10%;
    margin-left: -30px;
}
/* -----------------------------------  kaisyo */
section.kaisyo,.nayami{
	margin-top: 10%;
}
.roadmap{
	text-align: center;
	margin-top: 10%;
}
.main-btn{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 10%
}
/* -----------------------------------  naiyo */
section.naiyo{
	margin-bottom: 10%;
}
section.naiyo .text{
	margin-top: 8%;
}
section.naiyo .text p{
	text-align: center;
	color: #56480d;
	font-size: 170%;
	font-weight: 500;
	line-height: 2;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.06em;
}
section.shokai .text p{
	color: #56480d;
	font-size: 170%;
	font-weight: 500;
	line-height: 2;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.06em;
    margin-left: 5%;
		margin-right: 5%;
}
section.naiyo .text span.border-bottom{
	 background:linear-gradient(transparent 60%, #ffe6e7 60%);
}
section.naiyo .inner{
	text-align: center;
	margin-top: 8%;
}
/* -----------------------------------  koushi */

section.koushi .text{
	margin-top: 8%;
}
section.koushi .text p{
	text-align: center;
	color: #56480d;
	font-size: 170%;
	font-weight: 500;
	line-height: 2;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.06em;
}
section.koushi .text span.border-bottom{
	 background:linear-gradient(transparent 60%, #ffe6e7 60%);
}
section.koushi .t-wrap .ttl{
	margin-top: 8%;
}
section.koushi .catch h3{
	text-align: center;
	font-size: 200%;
	color: #d2b53f;
	line-height: 1.4;
	margin-top: 3%;
	margin-bottom: 3%;
}
section.koushi .intro-text{
	margin-left: 10%;
	margin-right: 10%;
}
section.koushi .intro-text p{
	margin-bottom: 5%;
}
section.koushi .book{
	float: right;
	margin-left: 20px;
}
/* -----------------------------------  zisseki */
.zisseki table{
  width: 90%;
  border-collapse:separate;
  border-spacing: 0;
  margin: 0 auto;
}
.zisseki table tr{
	width: 100%;
}
.zisseki table tr.gray{
	background: #ededed;
}
.zisseki table th:first-child{
  border-radius: 5px 0 0 0;
}

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

.zisseki table th{
  text-align: center;
  color:white;
  background: linear-gradient(#829ebc,#225588);
  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: 30%;
  padding: 10px 0;
}
img.zisseki-title{
	margin-bottom: 10px;
}
.zisseki{
	margin: 0 auto;
	margin-bottom: 30px;
}
.zisseki table td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 25%;
  padding: 10px 0;
  font-size: 70%;
}

.zisseki table td:last-child{
  border-right: 1px solid #a8b7c5;
}
.zisseki table td.red{
	color: #b50000;
}
.zisseki table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.zisseki table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
/* -----------------------------------  voice */
section.voice{
	margin-bottom: 10%;
}
.voice-wrap{
	background: #d9c267;
	padding-top: 5%;
	padding-bottom: 6%;
}
.v-box{
	background: white;
	margin-left: 10%;
	margin-right: 10%;
	padding: 15px 25px 30px;
	margin-bottom: 35px;
	box-shadow: 2px 2px 10px gray;
}
.v-box h3{
	font-size: 170%;
	text-align: center;
}
.v-box .v-text{
	margin-top: 20px;
}
.v-box .face-01{
	float: right;
	margin-left: 20px;
}
.v-box .face-02{
	float: left;
	margin-right: 20px;
}
/* ----------------------------------- online */


section.online{
	background: #f3f3f1;
}
section.online .text{
	margin-top: 8%;
	padding-bottom: 10%;
}
section.online .text p{
	text-align: center;
	color: #56480d;
	font-size: 170%;
	font-weight: 500;
	line-height: 2;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.06em;
}
section.online .text span.border-bottom{
	 background:linear-gradient(transparent 60%, #fdf19b 60%);
}
/* ----------------------------------- nagare */
section.nagare{
	background: url(../img/nagare-bg.jpg) no-repeat center top;
	background-size: cover;
}
.nagare-wrap{
	padding: 10% 10% 5%;
}
.n-box{
	background: white;
	margin-bottom: 60px;
	box-shadow: 2px 2px 10px gray;
}
.n-box{
	position: relative;
	padding: 30px 75px;
}
.n-box img.absolute{
	position: absolute;
	top: -40px;
	left: 4px;
}
.n-box h3{
	font-size: 150%;
	margin-bottom: 2%;
	line-height: 1.3;
}

.icon{
	text-align: center;
	margin-top: 20px;
}
.img-right img.right{
	float: right;
	margin-left: 20px;
}
.img-left img.left{
	float: left;
	margin-right: 20px;
}
.n-box.long-01{
	padding-bottom: 55px;
}
.n-box.long-02{
	padding-bottom: 57px;
}
.n-box.long-03{
	padding-bottom: 25px;
}
.n-box.long-04{
	padding-bottom: 35px;
}
/* ----------------------------------- course */
section.course{
	margin-bottom: 5%;　
}
section.course .top-img{
	position: relative;
}
.top-img{
	position: absolute;
	text-align: center;
	top: -50px;
}
.course-wrap{
	padding: 10% 12% 2%;
}
.course-wrap .box{
	margin-top: -30px;
	text-align: center;
	background: white;
	border: 4px solid #044789;
	padding: 30px;
	border-radius: 20px;
	margin-bottom: 20px;
}
section.course .caution{
	font-size: 70%
}
section.course .caution p{
	text-align: center;
}
/* ----------------------------------- qa */
section.qa{
	margin-bottom: 5%;
}
.qa-wrap{
	margin-top: 30px;
	margin-left: 15%;
	margin-right: 15%;
}
span.q{
	font-size: 300%;
	color: #044789;
	border-right: 4px solid #044789;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: 600;
}
.question{
	display: flex;
    flex-direction: row;
    background: #ccd9e6;
    padding-top: 10px;
    padding-bottom: 10px;
}
.question.zikai{
	padding-bottom: 12px;
}
.question h3{
	padding: 10px;
	color: #044789;
	font-weight: 600;
	line-height: 1.4;
	margin-left: 20px;
}
.question h3.zikai{
	padding-top: 25px;
}
.answer{
	margin: 4%;
}
.answer p{
	margin-bottom: 3%;
}

/* -----------------------------------  form */


section.button{
          height: 1000px;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  padding: 100px 50px;
}


.button{
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 0px;
  cursor: pointer;
  transition: .3s;
z-index: 99999;
  
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}
.yureru-s {
    animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

.button_pc {
width: 500px; /* バナーの横幅を指定してあげます */
}

.button:hover{
opacity: .8; /* マウスが重なった時に少し透過させます */
}

.button_sp {
display: none; /* PCではスマホ用のバナーは非表示にします */
}


@media screen and (max-width: 480px) { /* メディアクエリを使ってスマホ用のブレイクポイントを指定 */

.button_sp {
display: inline-block; /* 消していたスマホ用のバナーを表示させます */
width: 100vw; /* スマホの画面幅いっぱいにバナーを表示させます */
}

    .button_pc {
display: none; /* バナーの横幅を指定してあげます */
}
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}

/*フッターのスタイルを追加*/
footer{
  position: relative;
  height: 300px;
  background: #ccc;
}

p.center {
    text-align: center;
    font-family: 'Noto Sans JP';
    max-width: 98%;
    margin-top: 1.5rem;
}
span.big2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
}
span.under__y {
    background: linear-gradient(transparent 60%, #ff6 60%);
}

/*このクラスが付与されると表示する*/
.absolute{
  position: absolute;
  top: -70px;
  bottom: auto;
}

.form {
	max-width: 520px;
    margin: 48px auto;

}
.form dt { float: none; width: 100%;}
.form dd { padding: 5px 0;
}
.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form input[type="date"] {
	margin: 0 auto;
    width: 100%;
    padding: 8%;
    display: block;
}
.form-wrap{
	margin-left: 50px;
	margin-right: 50px;
}
.seat{
	text-align: center;
	margin-top: 3%;
}
.seat input,
.seat select{
	width: 70%;
	background: #f7f7ad;
	border: none;
	padding: 22px;
	margin-bottom: 1%;
}
.seat select{
	width: 77%;
}
input.text{
	width: 80%;
}
input,
select {
	padding: 10px;
	font-size:140%;
}

input.whname{
width:100%;
height:2.5em;
border: 1px solid #CCC;
background-color:#ffe0e0;
box-shadow: 1px 1px 2px inset;
}
.last-btn{
	text-align: center;
    margin: 0 auto;
    margin-top: 5%;
    max-width: 98%;
}
.last-btn input:hover{
	position: relative;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	top: 3px;
	left: 3px;
}
.last-btn p{
	text-align: center;
    color: #cc0404;
    position: relative;
    top: -2em;
}
.ika p{
	text-align: center;
	margin-bottom: 5%;
}
.hogo{
	margin: 0 auto;
	font-size:90%;
	background-color:#eee;
	padding:20px;
	margin-bottom:10%;
	margin-top:20px;
}

.form input[type="radio"] {
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #000;
	margin-right: 0.8rem;
	border-radius: 50%;
	vertical-align: -2px;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
  }
  
.form input[type="radio"]:checked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #cc4e4e;
	content: '';
  }
/* ----------------------------------- responsive */
@media only screen and (max-width: 768px){
	.notice_04{
		padding: 1vw;
	}
    table.box_04 h3{
	font-size: 90%;
	}
	table.box_04{
	font-size: 80%;
	}
	.box_04 th{
        font-size: 90%;
		width: 30%;
	}
	.box_04 p.position {
		margin-bottom: 0;
	}
	.box_04 tr{
		height: 12vw;
	}
	section.way .text p,
	section.naiyo .text p,
	section.koushi .text p,
	section.online .text p{
		font-size: 120%;
	}
	section.for .beginner img,
	section.more .more-in img,
	.kozima img,
	section.goal .inner img,
	.roadmap img,
	.main-btn img{
		width: 80%;
	}
	section.beginner{
		background-size: contain;
	}
	section.beginner .inner img,
	section.marketing .inner img{
		width: 80%;
	}
	.main-btn{
		margin-top: 10%;
	}
	section.naiyo .inner img{
		width: 90%;
	}
	section.koushi .t-wrap .ttl img{
		width: 80%;
	}
	section.koushi .catch h3{
		font-size: 143%;
		text-align: left;
		margin-left: 20px;
		margin-right: 20px;
	}
	section.koushi .intro-text{
		margin-left: 5%;
		margin-right: 5%;
		font-size: 90%;
	}
	section.koushi .intro-text p{
		margin-bottom: 10%;
	}
	section.koushi .book{
		margin-top: 20px;
		text-align: center;
		float: none;
		margin-left: 0;
		margin-bottom: 20px;
	}
    section.shokai .intro-text{
		margin-left: 5%;
		margin-right: 5%;
		font-size: 90%;
	}
	.v-box{
		margin-left: 5%;
    	margin-right: 5%;
    	padding: 15px 25px 18px;
	}
	.v-box h3{
		font-size: 130%;
		text-align: left;
	}
	.v-box .face-01,
	.v-box .face-02{
		float: none;
		margin-left: 0;
		text-align: center;
	}
	.v-box .v-text{
		font-size: 90%;
	}
	.n-box{
		padding: 30px 30px;
	}
	
	.img-right img.right{
		float: none;
		margin-left: 0;
	}
	.img-left img.left{
		float: none;
		margin-right: 0;
	}
	.img-right,
	.img-left{
		text-align: center;
	}
	.n-box h3{
		font-size: 130%;
		margin-top: 20px;
	}
	.n-box.long-01{
		padding-bottom: 25px;
	}
	.n-box p{
		font-size: 90%;
	}
	.course-wrap{
		padding: 2% 5% 2%;
	}
	.qa-wrap{
		margin-left: 5%;
    	margin-right: 5%;
    	font-size: 90%;
	}
	span.q{
		font-size: 250%;
	}
	.question h3{
		font-size: 100%;
		margin-left: 10px;
	}
	.question h3.zikai{
		padding-top: 4.5vw;
	}
	.zisseki table th{
		font-size: 80%
	}
	.form-wrap{
		margin-left: 0;
		margin-right: 0;
	}
	.seat input,
	.seat select{
		width: 90%;
	}
	.seat select{
		width: 90%;
	}
	.hogo{
		font-size: 65%;
	}
    

}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 55%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.gmap_iframe {
    aspect-ratio: 16 / 9;
    max-width: 1000px;
    width: 100%;
    height: auto;
}
.box_04 h3 {
font-size: 18px;
   text-align: center;
  background-color:  #62c0c6;
    color: #fff;
}

.table_design05 {
  border-collapse: collapse;
  width: 100%;
  max-width: 800px;
  border: 0.1px solid #62c0c6;

}
.table_design05 th, .table_design05 td {
  padding: 0.8em;
}
.table_design05 th {
    font-size: 16px;
  color: #62c0c6;
  font-weight: bold;
  text-align: left;
  width: 10%;
  min-width: 3em;
  position: relative;
}


/*ここまで-------------------*/

/*--------------------------------------
               common 02
-------------------------------------*/
/* --------------------- 保護 */

#main {
	clear:both;
	margin: 0;
}
/* --------------------- p h1 */
p{
	line-height:1.7;
	text-align: justify;
	margin:0 auto;
}
/*-- 詳細部分 ---------------------------------*/
#text-box {
	width: 100%;
	margin: 2em auto;
}
#shosai {
	margin: 0 auto;
    border: 1.5px solid #999999;
    width: 90%;
    margin-bottom: 70px;
}

#shosai th {
	background-color: #7f7f7f;
    width: 30%;
    color: #fff;
    font-size: 110%;
    padding: 0.1em;
    border-bottom: 1px solid #a9a9a9;
    border-right: 1px solid #999999;
}
#shosai td{
	width: 70%;
    padding: 1em;
    border-bottom: 1px solid #999999;
}
#shosai td p{
	line-height: 1.8;
	text-align: start;
}
#shosai td span.small{
	font-size: 85%;
}
#shosai td span.red{
	color: red;
}
@media only screen and (max-width: 768px){
	#shosai{
		margin-bottom: 50px;
	}
	#shosai th {
		font-size: 90%;
	}
	#shosai td {
		font-size: 70%;
	}
    .table_design05 th {
    font-size: 70%;
}
}
/*--- 詳細部分ここまで -------------------------------*/

.bg1 { background: url(../img/step1_bg.jpg) no-repeat;}
.bg2 { background: url(../img/step2_bg.jpg) no-repeat;}

------------------------------------------------*/
.about_box{
	padding-left:45px;
	padding-right:30px;
	font-size:16px;
	line-height: 150%;
}


ul.image{
	list-style:none;
	display:block;
}

ul.image li{
	width:50%;
	float:left;
}

/*form------------------------------------------------------*/

.table_form{
  margin: 0 auto;
  padding:0.5em;
  width:95%;
  border-top:1px solid #c0c0c0;
  }

/*画像設定
---------------------------------------------------------------------------*/
.img-posi{
 	padding-top:30px;
 	text-align:center;
	margin-bottom:30px;
    max-width:100%;
    max-height:100%;
}
.img-prof{
	text-align:center;
    max-width:100%;
    max-height:100%;
}
.img-gurafu{
float:right;
width:300px;
margin-right:30px;

}
.susume{
	padding-top:20px;
    position: relative;
}


/*説明文
---------------------------------------------------------------------------*/
.text-box {
    width: 100%;
    margin: 1em auto;
}
.text-boxw{
	width: 90%;
	margin: 1em auto;
	}
/*img設定
---------------------------------------------------------------------------*/

.subtn{
    width: 100%;
    height: auto;
    animation: scale 1.2s infinite;
}

@keyframes scale {
    0% {
    transform: scale(1);
}
    50% {
    transform: scale(0.95);
}
    100% {
    transform: scale(1);
}
}


a.img-link:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
    
}


section.fv{
    width: 100%;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width:100%;
	height: auto;
	color: #fff;
	background-color: #62c0c6;
	font-size: 80%;
}
.footer-inner{
	text-align: center;
}
.footer-inner a{
    color: #fff;
}
.footer-inner a:hover{
	text-decoration: underline;
	}
.footer-inner ul{
	margin:0 auto;
	padding:0;
	list-style: none;
}
.footer-inner li{
	display: inline-block;
	padding-top: 20px;
	padding-left: 15px;
    padding-right: 15px;
}
.footer-inner li:hover{
	opacity: 0.5;
}
.fotter-inner li:last-child::after{
	content: none;
}
footer p.copy{
	text-align: center;
	padding: 20px 0;
}

@media only screen and (max-width: 768px) {
	.footer-inner{
		text-align: center;
		padding-top: 20px;
    	padding-bottom: 15px;
	}
	.footer-inner li{
		display: inline-block;
	    border: 1px solid #9fcee6;
	    width: 150px;
	    padding: 3px;
	    margin-top: 0;
	    margin-bottom: 8px;
	    margin-left: 2px;
	    margin-right: 2px;
	}
	footer p.copy{
		padding: 0 0;
		padding-bottom: 22px;
	}
}

/*その他
---------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.center { text-align: center;}
.left { text-align: left; }
.right { text-align: right; }

.alignleft{float:left;}
.alignright{float:right;
 margin-right:30px;}

/*リンク透明設定*/
a.img-link:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


#qa { }
#qa dl {}
#qa dt {
	font-size: 120%;
	font-weight: bold;
	background: url(../img/icon-q.jpg) no-repeat 2px 7px;
	padding: 10px 10px 5px 50px;
}

#qa dd {
    margin-bottom: 10px;
    padding: 10px 4px 5px 50px;
    background: url(../img/icon-a.jpg) no-repeat 2px 7px;	
    border-bottom: 1px dashed #ccc;
    font-size: 100%;
}

.border1 { border:0; border-bottom: 1px dashed #666; margin: 1em 0; }
.border2 { border:0; border-bottom: 3px double #0075a9; margin-bottom: 1em; }

/*フォント設定
---------------------------------------------------------------------------*/
.under { text-decoration: underline; }
.red { color: #d80011; }
.murasaki { color:#6d308e; }
.ao { color: #1c639d; }
.kiro { color: #FF0; }
.gray { color: #666; }
.siro { color: #fff; }
.bold { font-weight: bold; }
.through { text-decoration: line-through; }

.justify { text-align: justify;}

/* margin
---------------------------------------------------------------------------*/

.pd20{padding:20px;}
.pd30{padding:30px;}

.sp-none{display:block;}
.pc-none{display:none;}

.day_box{padding: 3%;}
.day_box h3{font-size: 150%;}

@media screen and (max-width: 768px) {
/* スマホ用のCSS */	
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
    .right{float: right;width: 50%;}
    .day_box h3{font-size: 130%;}
    
.last-btn{
	text-align: center;
	margin-top: 5%;
    padding: 0 2%;
}
.sp-none{display:none;}
.pc-none{display:block;}
img{
		max-width:100% !important;
}
img.alignright{
	width:40%;
}
img.w-adimg{
width:40%;
}
body{
font: 12px/1.6;
}
h2{
	font-size:120%;
}

h1{
	text-align:center;
	color:#fff;
	font-size:145%;
	line-height:1.2;
	padding:5px;
}
h3.green{
	font-size:140%;
	padding:5px;}
#container {
	width:100%;
}
.hd_link{
	display:none;
}
header{
	height:auto;
}
table.day ,.day_box{
	width:98%;
	margin:10px auto 20px;
	border:1px solid #ccc;
}



.size150 { font-size:120%; }
.size130 { font-size:105%; }
.size200 { font-size:140%; }

ul.half{
	list-style:none;
	width:100%;
	margin:0 auto;
	padding:0;
}

ul.half li{
	float:none;
	width:100%;
	margin:0 auto 5px;
}

ul.half li:nth-child(2){
	margin:0 auto 5px;
}

header {
	height:auto;
	padding:0;
}

.hd_logo{
	margin:2px;
}

.hd_logo img{
	width:50%;
}

dl.tbl_form dl,dt,dd {
margin: 0;
padding: 0;
}

dl.tbl_form{
background: #eee;
border: 1px solid #ccc;
width: 100%;
}
dl.tbl_form dt,dl.tbl_form dd {
padding: 6px;
}
 
dl.tbl_form dd {
background: #fff;
}
input{
max-width:99%;
}
textarea{
max-width:99%;
}