@charset "utf-8";


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
/*** BODY ***/


body {font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif; line-height: 120%;}



/*** フォント設定 ***/
a:link {color:#555;}
a:visited {color:#555;}
a:active {color: #555;}
a:hover {color: #555; text-decoration: none;}
.title_h1 {color: #53B264; font-size: 2em; border-top: #53B264; border-bottom: #53B264;}
.title_h2 {color: #ffffff; font-size: 1.4em;}
.title_h2_2 {color: #555; font-size: 1.4em;}
.top_cont_box {color: #555; font-size: 0.8em;}
.come_txt_01 {color: #555; font-size: 0.8em;}
.alert_txt_01 {color: red; font-size: 0.8em;}
.regist_h4  {color: #555; font-size: 1em; font-weight: bold;}
.regist_box_txt,.regist_box_txt_2,.regist_box_txt_3  {font-size: 0.8em}
.regist_box_txt_4 {font-size: 1em;}
.regist_box_txt_5 { font-size: 1em;}
.regist_box_txt_come {color: red; font-size: 0.6em;}
.regist_box_txt_req {color: red; font-size: 0.8em;}
.regist_box_02_txt{color: red; font-size: 0.8em;}
.regist_box_r {font-size: 0.8em;}
.regist_box_hi{color: red; font-size: 0.8em;}
.zagaku_course_title {color: #53B264; font-size: 1em;}
.zagaku_course_dd{font-size: 0.8em;}
/*** カラー ***/
body {background-color: #fff;}
#wrap {background-color: #ffffff;}
#footer {background-color: #FEF8E9;}
.title_h2  {background-image: linear-gradient(90deg, rgba(134, 222, 191, 1) 40%, rgba(86, 183, 243, 1) 90%);}


/*** スタイル定型 ***/

.img100 {width: 100%;}
b  {font-weight: bold;}
.center {text-align: center; width: 100%;}
.bold {font-weight: bold;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt70 {padding-top: 70px;}
.pt90 {padding-top: 90px;}
.pt100 {padding-top: 100px;}
.pt150 {padding-top: 150px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb70 {padding-bottom:70px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom: 100px;}
.pb150 {padding-bottom: 150px;}

.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mt70 {margin-top: 70px;}
.mt100 {margin-top: 100px;}

.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}
.mb70 {margin-bottom: 70px;}
.mb100 {margin-bottom: 100px;}

.lh150 {line-height: 150%;}
.lh200 {line-height: 200%;}

.fss {font-size: small;}
.fsl {font-size: large;}
.fsxl {font-size: x-large;}
.fsxxl {font-size: xx-large;}

/*** PC ***/

#wrap {width: 100%;}

.title_h1 {width: 100%; text-align: center; margin-top: 50px; margin-bottom: 30px; padding: 0.5em 0; border-top: solid 3px; border-bottom: solid 3px;}
.title_h2 {width: 100%; text-align: center; padding: 10px; border-radius: 5px;}
.title_h2_2 {width: 100%; text-align: center; padding: 10px;}

@media screen and (max-width: 960px) { #wrap {width: 100%; margin: 0 auto;} }


/*** ボタン ***/

.btn {
    width: 100%;
    padding: 15px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 20px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    text-align: center;
    border-radius: 5px;
    
}
.btn:hover { opacity: 0.8;}
.btn01 {
    background-color: #53B264;    color: #fff !important;
    transition: all .3s;
    border: solid 2px #53B264;
}
.btn01:hover {
    background-color: #fff;    color: #53B264 !important;
    border: solid 2px #53B264;
    }
    
.btn02 {
    background-color: #EC6263;    color: #fff !important;
    transition: all .3s;
    border: solid 2px #EC6263;
}
.btn02:hover {
    background-color: #fff;    color: #EC6263 !important;
    border: solid 2px #EC6263;
    }

.bw320 {width: 320px; margin: 50px auto;}
.bw480 {width: 480px; margin: 50px auto;}
.bw640 {width: 640px; margin: 50px auto;}
.bw720 {width: 720px; margin: 50px auto;}
.w640_box {width: 640px; margin: 50px auto;}
@media screen and (max-width: 960px) { 
.bw320 {width: 100%; margin: 50px auto;}
.bw480 {width: 100%; margin: 50px auto;}
.bw640 {width: 100%; margin: 50px auto;}
.bw720 {width: 100%; margin: 50px auto;}
.w640_box {width: 100%; margin: 50px auto;}
}
/*** フォーム ***/
.form_box {padding-top: 0px; text-align: center;}
.login_txt_01  {width: 640px; margin: 30px auto 10px auto; font-size: 0.8em;}
.form_login_01 {width: 640px; margin: 10px auto;}
.form_login_come {width: 640px; margin: 10px auto;font-size: 0.8em;}
.form_login_come2 {width: 640px; margin: 0px auto;font-size: 0.8em; padding-top: 10px;}
.form_login_come3 {width: 640px; margin: 0px auto;font-size: 0.8em;}
@media screen and (max-width: 960px) { 
.login_txt_01  {width: 96%; margin: 30px auto 10px auto; font-size: 0.8em;}
.form_login_01 {width: 96%;  margin: 10px auto;}
.form_login_come {width: 96%; margin: 10px auto;font-size: 0.8em;}
.form_login_come2 {width: 96%; margin: 0px auto;font-size: 0.8em; padding-top: 10px;}
.form_login_come3 {width: 96%;margin: 0px auto;font-size: 0.8em;}
}


select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 20px 10px 5px;
	font-size: 0.8em;
	border-radius: 5px;
	border: solid 1px #50B1F9;
	background-image: url(../img/icon_arrow.svg);
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: right 5px center;
	background-color: #eee;
	width: 100%;
}

input[name="mail_address"],
input[name="password"],
input[name="password2"]{
	width: 80%;
	margin: 0 auto;
}
textarea[name="textarea_01"]{
	width: 50%;
}

input[type="text"],input[type="password"],input[type="number"],
textarea {
    background: #fff;
    display: block;
    font-size: 0.8em;
    padding: 10px;
    transition: 0.8s;
    border: solid 1px #6ecddb;
    border-radius: 5px;
}

.receipt_select {width: 300px; margin: 0 auto;}

.kakunin_submit_button {width: 100%; text-align: center; margin-top: 50px; margin-bottom: 50px;}
.kakunin_submit_button_box {width: 640px; margin: 0 auto; display: flex; justify-content: space-between;} 
.kakunin_submit_button2 {width: 60%; text-align: center; margin-top: 50px; margin-bottom: 50px;}


#submit_button, #return_button, #pay-button  {
	display: inline-block;
	font-size: 18px; 
	text-align: center;
	cursor : pointer;
	background-color: #53B264;
	color : #ffffff; 
	width: 200px;
	height: 50px;
	line-height: 45px;
	transition : .3s; 
	border-radius : 5px;
	border : 2px solid #53B264; 
}
#submit_button:hover, #return_button:hover, #pay-button:hover  {
  color : #53B264;  
  background-color    : #ffffff;    
}

#submit_button2  {
	display: inline-block;
	font-size: 18px; 
	text-align: center;
	cursor : pointer;
	background-color: #EC6263;
	color : #ffffff; 
	width: 300px;
	height: 50px;
	line-height: 45px;
	transition : .3s; 
	border-radius : 5px;
	border : 2px solid #EC6263; 
}
#submit_button2:hover  {
  color : #EC6263;  
  background-color    : #ffffff;    
}

#submit_button3  {
	display: inline-block;
	font-size: 18px; 
	text-align: center;
	cursor : pointer;
	background-color: #53B264;
	color : #ffffff; 
	width: 300px;
	height: 50px;
	line-height: 45px;
	transition : .3s; 
	border-radius : 5px;
	border : 2px solid #53B264; 
}
#submit_button3:hover  {
  color : #53B264;  
  background-color    : #ffffff;    
}
/*** ヘッダー ***/
#header {width: 100%; height: 60px; background-color: #fff; position: fixed; top:0; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5); z-index: 9;}

.head_up {width: 1080px; margin-left: auto; margin-right: auto;display: flex; justify-content: flex-end; padding-top: 10px;}
.head_up_txt {font-size: 12px;}
.head_up_logout {font-size: 12px; padding-left: 20px;}
.head {
    width: 1080px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
}

.logo {width: 240px;}
.logo_img {width: 100%;}

.header_box {
    width: 600px;
    display: flex;
    justify-content: flex-end;
    padding-top: 15px;
    margin-right: 70px;
}

.user_name_box {display: flex;}
.user_name_title {font-size: 12px;}
.user_name {font-size: 12px; padding-left: 10px;}

@media screen and (max-width: 960px) { 
.head_up {width: 100%; margin-left: auto; margin-right: auto;display: flex; justify-content: flex-end; padding-top: 10px;}
.head {width: 100%; margin-left: auto; } 
.logo {width: 240px; padding-left: 5px;}
.header_box {
    width: 240px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 5px;
    margin-right: 70px;
}
.user_name_box {display: block;}
.user_name_title {font-size: 10px;}
.user_name {font-size: 10px; padding-left: 0px;}

}




.menu-btn {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 5;
	display: block !important;
}
#gmenu {
	position: fixed;
	background-color: #53B264;
	right: -300px;
	top: 80px;
	width: 200px;
	overflow:hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	z-index: 10;
	border: 1px solid #aeaeae;
	border-top-left-radius: 10px;
	 border-bottom-left-radius: 10px;
}
#menu-btn .close{
}

#gmenu.open{
	right: 0;
}
#gmenu ul {
	margin: 0;
	padding:0;
	font-size: 120%;
	display: block !important;
}

#gmenu li {
    font-size: 12px;
	list-style-type: none; 
	display: block;
	position: relative;
	padding: 10px;
	text-decoration:none;
	border-bottom: 1px solid #aeaeae;
}

#gmenu li  a:link {color:#ffffff; text-decoration: none;}
#gmenu li  a:visited {color:#ffffff; text-decoration: none;}
#gmenu li a:active {color: #ffffff; text-decoration: none;}
#gmenu li  a:hover {color: #ffffff; text-decoration: none; }






/*** 講座 ***/
.kuza_come  {width: 720px; margin: 0px auto; padding-top: 10px; padding-bottom: 50px;}
.kuza_box  {width: 720px; margin: 0px auto; padding-top: 10px; padding-bottom: 50px;}
.kuza_list {width: 100%; margin: 20px auto; padding: 20px; border: #ddd solid 1px; border-radius: 10px;}
.kuza_list_title {width: 100%; border-bottom: solid 1px #ccc; padding-bottom: 5px; font-size: 1.2em; margin-bottom: 5px; line-height: 120%;}
.kuza_list_title a:link {color:#555; text-decoration: none;}
.kuza_list_title  a:visited {color:#555; text-decoration: none;}
.kuza_list_title a:active {color: #555; text-decoration: none;}
.kuza_list_title  a:hover {color: #555; text-decoration: underline;}

.kuza_list_box {display: flex; padding-top: 10px;}
.kuza_list_thum {width: 240px;}
.kuza_list_thum_img {width: 240px;}
.temp_pdf {padding-top: 10px;}
.temp_pdf_txt{}
.pdf_icon {width: 20px; height: 20px; padding-left: 5px;}
.pdf_icon_img {width: 20px;}
.kuza_list_c_box {flex: 1; padding-left: 10px;}
.kuza_list_c {padding-bottom: 0px; font-size: 0.6em; border-bottom: solid 1px #eee;} 
.kuza_list_c_flex {display: flex; }
.kuza_list_c_no{display: none;}
.kuza_list_c_time {padding-right: 5px;}
.kuza_list_c_zumi{color: red;}
.kuza_list_c_title {padding-bottom: 2px; font-size: 0.8rem; line-height: 120%;}
.kuza_list_c_title a:link {color:#555; text-decoration: none;}
.kuza_list_c_title a:visited {color:#555; text-decoration: none;}
.kuza_list_c_title a:active {color: #555; text-decoration: none;}
.kuza_list_c_title a:hover {color: #555; text-decoration: underline;}

@media screen and (max-width: 960px) {
.kuza_come  {width: 96%; margin: 0px auto; padding-top: 10px; padding-bottom: 50px;}
.kuza_box  {width: 100%; margin: 0px auto; padding-top: 10px; padding-bottom: 50px;}
.kuza_list_box {display: block; padding-top: 10px;}
.kuza_list_thum {width: 100%: }
.kuza_list_thum_img {width: 100%: max-width: 240px;}
.kuza_list_c_box {padding-top: 10px; padding-left: 0px;}
.temp_pdf {padding-top: 10px; padding-bottom: 10px;} 
}
/*** プレイヤー ***/
.w960 {width: 960px; margin: 0px auto;}
.play_bk {width: 960px; margin: 0px auto; padding-top: 20px; padding-bottom: 10px; background-color: #efefef; border-radius: 10px;}
.palyer {width: 720px; margin: 0px auto;}
.palyer_come {width: 720px; margin: 20px auto; text-align: center; }
.palyer_come2 {width: 720px;margin: 20px auto; text-align: center; color: red;}
.play_list_title {width: 720px; margin: 0px auto; font-size: 1.2em; padding-top: 10px; padding-bottom: 10px;}
.play_list_detail_box {width: 720px; margin: 0px auto; padding-top: 10px;}

@media screen and (max-width: 960px) {
.w960 {width: 96%; margin: 0px auto;}
.play_bk {width: 96%; margin: 0px auto; padding-top: 20px; padding-bottom: 10px; background-color: #efefef; border-radius: 10px;}
.palyer {width: 96%; margin: 0px auto;}
.play_list_title {width: 96%; margin: 0px auto; font-size: 1.2em; padding-top: 10px; padding-bottom: 10px;}
.play_list_detail_box {width: 96%; margin: 0px auto; padding-top: 10px;}
.palyer_come {width: 96%; margin: 20px auto; text-align: center; }
.palyer_come2 {width: 96%; margin: 20px auto; text-align: center; color: red;}
.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-fullscreen]{
	display: none;
}
}
/*** PC - top ***/
.login_kyoukai  {width: 720px; margin: 50px auto 0px; text-align: center; font-size: 1.4rem;}
.top_logo {width: 720px; margin: 30px auto 0px;}
.top_content  {width: 720px; margin: 0px auto; padding-top:10px; padding-bottom: 50px;}
.main_content  {width: 720px; margin: 0px auto; padding-top: 70px; padding-bottom: 50px;}
.play_content  {width: 100% margin: 0px auto; padding-top: 70px; padding-bottom: 50px;}
.top_cont_box  {width: 100%; margin: 20px auto; padding: 20px; border: #ddd solid 1px; border-radius: 10px;}
.top_cont_box2  {width: 100%; margin: 20px auto;}
.top_cont_come {width: 100%; margin: 20px auto;}
.pan {padding-top: 10px; font-size: 0.8em; padding-bottom: 20px;}
.ten { width: 100%; text-align: center; color: red;
	animation: blinking 1s ease-in-out infinite alternate;
}

@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


@media screen and (max-width: 960px) { 
.login_kyoukai  {width: 100%; margin: 50px auto 0px; text-align: center; font-size: 1.2rem;}
.top_logo {width: 100%; margin: 30px auto 0px;}
.top_content  {width: 96%; margin: 0px auto; padding-top:10px; padding-bottom: 50px;}
.main_content  {width: 96%; margin: 0px auto; padding-top: 70px; padding-bottom: 50px;}
}
/*** PC - footer ***/
#footer {width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center;}
.copyright {font-size: 0.5em;}

/*** 問題 ***/
.sokutei_come {width: 720px; margin: 30px auto;}
.sokutei_table {
	width: 720px;
	border: solid 1px #ccc;
	 margin: 20px auto;
	 font-size: 16px;
	 line-height: 120%;
}
.sokutei_table_1_head { width: 100px;}
.sokutei_table_2_head { width: 760px;}
.sokutei_table_3_head { width: 100px;}
.sokutei_table_1 { width: 100px;}
.sokutei_table_2 { width: 520px;}
.sokutei_table_3 { width: 100px;}




tr.odd th,tr.odd td {
    background-color: #ffffff;
}
tr.even th,tr.even td {
    background-color: #FCFCFC;
}

.sokutei_table thead th {
	height: 50px;
	vertical-align: middle;
	background-color: #53B264;
    color: #fff;
}
.sokutei_table tbody th,.sokutei_table tbody td {
  border: solid 1px #999;
  padding: 10px;
  height: 150px;
  vertical-align: middle;
}

  .last td:last-child {
    border-bottom: solid 1px #999;
  }

@media screen and (max-width: 960px) {
.sokutei_come {{width: 96%; } margin: 30px auto;}
    .sokutei_table {width: 96%; }
  .sokutei_table thead th,.sokutei_table thead td {
  	display: none;
  }
  .sokutei_table tbody th,
  .sokutei_table tbody td {
　border-bottom: none;
    display: block;
    width: 100%;
  }
 .sokutei_table tbody th {  padding-top: 20px; height: 50px; vertical-align: middle; background-color: #53B264; color: #fff;}
 .sokutei_table_1,.sokutei_table_3 { text-align: center;}
 .sokutei_table_2 {text-align: left; padding-top: 30px; line-height: 120%;}
 .sokutei_table_3 { padding-top: 50px; padding-bottom: 50px;}

.radio_box {
	display: flex;
	justify-content: space-between;
	width: 180px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
}

}


.sokutei_submit_button {width: 100%; text-align: center;}


.sokutei_kaitou_table {
	width: 720px;
	border: solid 1px #ccc;
	 margin: 20px auto 50px;
	 font-size: 16px;
	 line-height: 120%;
}
.sokutei_kaitou_table_1_head { width: 100px;}
.sokutei_kaitou_table_2_head { width: 340px;}
.sokutei_kaitou_table_3_head { width: 100px;}
.sokutei_kaitou_table_4_head { width: 120px;}
.sokutei_kaitou_table_1 { width: 100px;}
.sokutei_kaitou_table_2 { width: 340px;}
.sokutei_kaitou_table_3 { width: 100px;}
.sokutei_kaitou_table_4 { width: 120px;}

.sokutei_mondai {padding-bottom: 20px;}
.sokutei_kaitou {padding: 10px; background-color: #fcebf3; border-radius: 3px; }

.sokutei_kaitou_table thead th {
	height: 50px;
	vertical-align: middle;
	background-color: #53B264;
    color: #fff;
}
.sokutei_kaitou_table tbody th,.sokutei_kaitou_table tbody td {
  border: solid 1px #999;
  padding: 10px;
  vertical-align: middle;
}


  .last td:last-child {
    border-bottom: solid 1px #999;
  }

.radio_box_kekka {width: 50px; height: 50px; margin-left: auto; margin-right: auto;}
.sokutei_kekka_txt {font-size: 12px; width: 100%; text-align: center; padding-bottom: 10px;}
.radio_box_kekka2 {width: 40px; height: 40px; margin-left: auto; margin-right: auto;}
.radio_img {width: 100%;}

.sokutei_kekka {width: 100%; text-align: center;}

.seikai {font-size: 20px; color: red;}
.fuseikai {font-size: 20px; color: blue;}

.sokutei_kekka_all {
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: #fcebf3;
	border-radius: 10px; 
	text-align: center;
}
.sokutei_kekka_all_title {font-size: 16px; padding-bottom: 20px;}
.sokutei_kekka_all_kekka {font-size: 40px; padding-bottom: 10px;}
.sokutei_kekka_msg {width: 100%; text-align: center; padding-top: 40px; color: red;}




@media screen and (max-width: 960px) {
.sokutei_kaitou_table {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
  
  .sokutei_kaitou_table thead th,.sokutei_table thead td {
  	display: none;
  }
  .sokutei_kaitou_table tbody th,
  .sokutei_kaitou_table tbody td {
　border-bottom: none;
    display: block;
    width: 100%;

  }
.sokutei_kaitou_table tbody th { padding-top: 20px; height: 50px; vertical-align: middle; background-color: #53B264; color: #fff;}
.sokute_kaitoui_table_1,.sokutei_kaitou_table_3 { text-align: center;}
.sokutei_kaitou_table_2 {text-align: left; padding-top: 30px; line-height: 120%;}
.sokutei_kaitou_table_3 { padding-top: 50px;}
.sokutei_kaitou_table_4 { padding-top: 50px; padding-bottom: 100px;}

.sokutei_mondai {padding-bottom: 20px;}
.sokutei_kaitou {padding: 10px; background-color: #fcebf3;  border-radius: 3px;}

.radio_box_kekka {width: 50px; height: 50px; margin-left: auto; margin-right: auto;}
.sokutei_kekka_txt {font-size: 12px; width: 100%; text-align: center; padding-bottom: 10px;}
.radio_box_kekka2 {width: 40px; height: 40px; margin-left: auto; margin-right: auto;}
.radio_img {width: 100%;}
}



#pagetop{
    position:fixed;
    right: 10px;
    bottom: 20px;
    cursor: pointer;
}
.pagetop_btn {
	width: 100px;
}

.pagetop_btn_img {
	width: 100%;
}




.yt {width: 500px; height: auto; margin: 50px auto 30px auto;}
@media screen and (max-width: 960px) {
.yt {width: 100%; height: auto; margin: 10px auto 30px auto;}
}
.youtube {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow:hidden;
}
.youtube iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.dl_come {width: 640px; margin: 0 auto;}
.shintakken_come {width: 640px; margin: 20px auto; text-align: center;}
.shintakken_come3 {width: 720px; padding-bottom: 10px; font-size: 1.1rem; line-height: 120%;}
.shintakken_come3_red{color: red; font-size: 1rem;}
.shintakken_come2 {width:480px; padding: 10px; border: solid 1px #6ecddb;
    border-radius: 5px;  margin: 20px auto; text-align: center; font-size: 1.2rem;}
.mypage_come{width: 640px; margin: 10px auto; text-align: center; font-size: 0.6rem;}
@media screen and (max-width: 960px) {
.dl_come {width: 100%; margin: 0 auto;}
.shintakken_come {width: 100%; margin: 20px auto; text-align: center;}
.shintakken_come3 {width: 100%; padding-bottom: 10px; font-size: 1.2rem;}
.mypage_come{width: 100%; margin: 10px auto; text-align: center; font-size: 0.6rem;}
.shintakken_come2 {width: 100%;  padding: 10px; border: solid 1px #6ecddb;
    border-radius: 5px;  margin: 20px auto; text-align: center; font-size: 1.2rem;}
}



.sokutei_kamoku {padding-bottom: 10px; font-weight: bold;}
.sokutei_kaitou  {padding: 10px; background-color: #fcebf3; border-radius: 3px; }