@charset "utf-8";
 body {
      overflow-x: hidden;
  }
 html {
     font-size: 62.5%;
 }
 .wrapper.zaiho-container {
 	min-width: unset;
 }
#app {
    line-height: 1.5;
    text-align: center;
    overflow-x: hidden;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
table{	margin: 0;padding: 0;}
table img{	display:block;}
/* video */
.video_area {
  width: 100%;
  position: relative;
}
.video_area > img {
  width: 100%;
}
a screen and (max-width:768px){
.pc{	display: none;}
.sp{	display: block;}
}

.content {
    font-size: 0;
    background: #fff;
}

#pc_content {
    width: 100rem;
    margin: 1rem auto 1rem;
    padding: 1rem;
    border-radius: .4rem;
    /*position: relative;
    left: 50%;*/
}
#app img{
	height: auto;
}
#sp_content {
    width: 100vw;
}

#sp_content > img {
	width: 100%;
	height: auto;
}
#teikicourse_01 img {
    width: 100%;
    height: auto;
}
#teikicourse_02 img {
    width: 100%;
    height: auto;
}
#teikicourse_02 a img {
    width: 100%;
    height: auto;
}
#teikicourse_01sp img {
    width: 100%;
    height: auto;
}
#teikicourse_02sp img {
    width: 100%;
    height: auto;
}
.video_area {
  width: 100%;
  position: relative;
}
.video_area > img {
  width: 100%;
  height: auto;
}
.video_area iframe {
	width: 81.8rem;
	height: 46.1rem;
	border-radius: .8rem;
	top: 37.3rem;
	left: 9.1rem;
}
.video_area > iframe {
  position: absolute;
}
sub {
  font-size: 0.8rem;
}



/* Button */

.btn_area {
    width: 100%;
    position: relative;
}

.btn_area > img {
    width: 100%;
}

.btn_area > a {
    display: block;
		box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .38);
    padding-bottom: 1rem;
    border-radius: .8rem;
    position: absolute;
    transition: .2s;
		overflow: hidden;
}

.btn_area > a:hover {
    box-shadow: 0 .2rem .3rem 0 rgba(0, 0, 0, .38);
    opacity: .8;
}

.btn_area > a img {
    width: 100%;
    /*border-radius: .7rem; */
}

.btn_area .btn_try_01 {
    background: #09648c;
}

.btn_area .btn_teiki_01,
.btn_area .btn_teiki_02 {
/*    background: #177f01;*/
/*    background: #8c2222;*/
}

.btn_area .btn_video_01 {
    background: #8c2222;
}

.btn_area .btn_try_01 {
    width: 20.6rem;
    top: 11rem;
    left: 79.4rem;
}

.btn_area .btn_teiki_01 {
    width: 86rem;
    top: 41.9rem;
    left: 14rem;
    padding: 0;
}

.btn_area .btn_teiki_02 {
	width: 86rem;
	top: 37.7rem;
	left: 13.9rem;
	padding: 0;
}
.btn_area .btn_teiki_03 {
	width: 86rem;
	top: 89.9rem;
	left: 6.9rem;
	padding: 0;
}

.btn_area .btn_video_01 {
    width: 20.6rem;
    top: 57.3rem;
    left: 50.8rem;
}

#sp_content .btn_area > a {
    /** padding-bottom: calc(10 / 768 * 100%); **/
    padding-bottom: 0;
    border-radius: calc(8 / 768 * 100vw);
		overflow: hidden;
}

/* Footer */

#footer {
    max-width: 76.8rem;
    margin: 0 auto;
    text-align: center;
    background: #fff;
}

#footer #footer_logo {
    padding: 1.2rem 0;
}

#footer ul {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    line-height: 1.5;
}

#footer ul li {
    display: inline-block;
    padding: 0 1rem;
    border-right: .1rem solid #000;
    font-size: 1.2rem;
}

#footer ul li:first-child {
    border-left: .1rem solid #000;
}

#footer #copyright {
    margin: 0;
    padding: 1.2rem;
    font-size: 1.2rem;
}



/*
.btmbox {
	position:relative;
}
.cam_btm {
    position: absolute;
    right: 228px;
    bottom: 44px;
}
.teiki_btm {
  position: absolute;
  right: 228px;
  bottom: 59px;
}*/
.seibun_box{
	background-color: #e5e9ea;
	width: 100%;
	padding: 4rem 0 1.5rem;
}
.sei_txt{
	width: 102rem;
	margin: 0 auto;
	color: #333333;
	font-size: 1.5rem;
	line-height: 160%;
	text-align: left;
	padding-bottom: 2rem;
}
table.sei_table td{
	vertical-align: top;
	width: 44.5rem;
}
.sei_table{
	width: 92rem;
	margin-left:auto;
	margin-right: auto;
}
.table_tit_l{
	border: 0.1rem solid #4D4D4D;
	text-align: center;
	line-height: 170%;
	font-size: 1.4rem;
	color: #333333;
	margin-right: 3rem;
}
.table_tit{
	border: 0.1rem solid #4D4D4D;
	text-align: center;
	line-height: 170%;
	font-size: 1.7rem;
	color: #333333;
}
.tab_txt{
	margin-left: auto;
	margin-right: auto;
	line-height: 170%;
	font-size: 1.4rem;
	text-align: left;
	color: #333333;
	padding-top: 1rem;
	padding-bottom: 2rem;
	padding-left: 3rem;
	padding-right: 3rem;
}
table.sei_table hr{border: none;height: 0.1rem;background-color: #4D4D4D;}
table.sei_table2{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
table.sei_table2 td{
	vertical-align: top;
	width: auto;
	line-height: 170%;
	font-size: 1.5rem;
	text-align: left;
	color: #333333;
}
table.sei_table2 td.cell1{
	width: auto;
}
table.sei_table2 td.cell2{
	width: 2rem;
}
/*
#footer {
	text-align: center;
}

#footer #footer_logo {
	margin: 1.2rem 0;
}
#footer ul {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0;
	line-height: 1.6;
}

#footer ul li {
	display: inline-block;
	padding: 0 1rem;
	border-right: .1rem solid #000;
	font-size: 12px;
}
#footer ul li:first-child {
	border-left: .1rem solid #000;
}
#footer #copyright {
	font-size: 1.2rem;
}*/

@media screen and (max-width:768px){
.video_area {
    width: 100%;
    position: relative;
}

.video_area > img {
    width: 100%;
    height: auto;
}

.video_area > iframe {
    position: absolute;
}
.video_area iframe {
    width: calc(704 / 768 * 100vw);
    height: calc(704 / 768 * 315 / 560 * 100vw);
    border-radius: calc(8 / 768 * 100vw);
    top: calc(194/ 500 * 100%);
    left: calc(30 / 768 * 100%);
}
.btn_area .btn_try_01 {
    width: calc(206 / 768 * 100%);
    top: calc(110 / 294 * 100%);
    left: calc(502 / 768 * 100%);
}

.btn_area .btn_teiki_01 {
	top: calc(655 / 1259 * 100%);
  left: calc(60 / 768 * 100%);
  width: calc(650 / 768 * 100%);
}
.btn_area .btn_teiki_03 {
	top: calc(772 / 1043 * 100%);
	left: calc(55 / 768 * 100%);
	width: calc(655 / 768 * 100%);
}

.btn_area .btn_teiki_02 {
	top: calc(571 / 1043 * 100%);
	left: calc(55 / 768 * 100%);
	width: calc(655 / 768 * 100%);
}

.btn_area .btn_video_01 {
    width: calc(206 / 768 * 100%);
    top: calc(547 / 757 * 100%);
    left: calc(300 / 768 * 100%);
}
.sei_txt{
	width: 93%;
	margin: 0 auto;
	color: #333333;
	font-size: 1.3rem;
	line-height: 160%;
	text-align: left;
	padding-bottom: 2rem;
}
table.sei_table td{
	vertical-align: top;
	width: 100%;
	display: block;
}
.sei_table{
	width: 95%;
	margin-left:auto;
	margin-right: auto;
}
.table_tit_l{
	border: 0.1rem solid #4D4D4D;
	text-align: center;
	line-height: 170%;
	font-size: 1rem;
	color: #333333;
	margin-right: 0;
}
.table_tit{
	border: 0.1rem solid #4D4D4D;
	text-align: center;
	line-height: 170%;
	font-size: 1rem;
	color: #333333;
	margin-right: 0;
}
.tab_txt{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	line-height: 170%;
	font-size: 1rem;
	text-align: left;
	color: #333333;
	padding-top: 1rem;
	padding-bottom: 2rem;
	padding-left: 0;
	padding-right: 0;
}
table.sei_table2{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
table.sei_table2 td{
	vertical-align: top;
	width: 34%;
	line-height: 170%;
	font-size: 1rem;
	text-align: left;
	color: #333333;
}
table.sei_table2 td.cell1{
	width: 62%;
}
table.sei_table2 td.cell2{
	width: 1em;
}
#footer ul li {
  padding: 0;
  margin: 0.7rem 1.2rem;
  font-size: 1.3rem;
  border: 0;
}
#footer ul li:first-child{
  border: 0;
}
#footer ul {
  line-height: 1;
  margin: 0.5rem 0;
}
}

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

table.sei_table td{
	vertical-align: top;
	width: 100%;
	display: block;
}
.sei_table{
	width: 90%;
	margin-left:auto;
	margin-right: auto;
}
.table_tit_l{
	border: 0.1rem solid #4D4D4D;
	text-align: center;
	line-height: 170%;
	font-size: .8rem;
	color: #333333;
	margin-right: 0%;
}
.table_tit{
	border: 0.1rem solid #4D4D4D;
	text-align: center;
	line-height: 170%;
	font-size: .8rem;
	color: #333333;
}
.tab_txt{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	line-height: 170%;
	font-size: .8rem;
	text-align: left;
	color: #333333;
	padding-top: 1rem;
	padding-bottom: 2rem;
	padding-left: 0;
	padding-right: 0;
}
table.sei_table2{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: .8rem;
	padding-bottom: 1rem;
}
table.sei_table2 td{
	vertical-align: top;
	width: auto;
	line-height: 170%;
	font-size: .8rem;
	text-align: left;
	color: #333333;
	display: table-cell;
}
table.sei_table2 td.cell1{
	width: 67%;
}
table.sei_table2 td.cell2{
	width: 1em;
}
.seibun_box {
  width: 100%;
  padding: 3rem 0 1rem;
}
}