top_content@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; line-height: 120%;}
.top_cont_box {color: #555; font-size: 0.8em;}
.come_txt_01 {color: #555; font-size: 0.8em;}
.come_txt_001 {color: #555; font-size: 0.8em;}
.alert_txt_0 {color: #555; font-size: 0.8em;}
.alert_txt_01 {color: red; font-size: 0.8em;}
.alert_txt_02 {color: blue; font-size: 0.8em;}
.alert_txt_03 {color: red; font-size: 0.6em;}
.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: blue; 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;}
.conf_txt_01,.conf_txt_02 {font-size: 1em;}
.conf_txt_03{font-size: 0.8em;}
.title_top_into_h2{font-size: 1.3em;}
.title_top_into_h3{font-size: 1.2em;}
.top_into_txt{font-size: 1em; ; line-height: 150%;}
.top_into_ul_box{font-size: 0.8em;}
.tokutei_list_dt,.tokutei_list_dd{font-size: 0.8em;}
.footer_tokutei,.footer_policy{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%);}
.red {color: red;}

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

.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%;}

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

.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; line-height: 120%;}
.title_h2 {width: 100%; text-align: center; padding: 10px; border-radius: 5px;}
.title_h2_2 {width: 100%; text-align: center; padding-top: 50px;}

/*** ボタン ***/

.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: #56B7F3;    color: #fff !important;
    transition: all .3s;
    border: solid 2px #56B7F3;
}
.btn02:hover {
    background-color: #fff;    color: #56B7F3 !important;
    border: solid 2px #56B7F3;
    }

.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: 30px;}
.kyoukai_name {width: 640px; margin: 0px auto; text-align: right; padding-top: 30px;}
.come_txt_01 {width: 100%; text-align: center; padding-top: 10px;}
.come_txt_001 {width: 640px; margin: 0px auto; text-align: left; padding-top: 10px;}
.alert_txt_0,.alert_txt_01 {width: 640px; margin: 0px auto; text-align: left; padding-top: 10px;}
.alert_txt_02 {width: 100%; text-align: left; padding-top: 10px;}
.alert_txt_03{width: 100%; text-align: left; padding-top: 10px; padding-bottom: 10px;}
.form_join_01 {width: 640px; margin: 20px auto; display: flex; justify-content: space-between;}  
.form_join_01 input {
	display: none;
}
.form_join_01 label{
	display: block;
	cursor: pointer;
	width: 48%;
	margin: 0;
	padding: 30px 0px;
	background: #eee;
	border: solid 1px #50B1F9;
	color: #555;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.form_join_01 label:first-of-type{
	border-radius: 10px;
}
.form_join_01 label:last-of-type{
	border-radius: 10px;
}
.form_join_01 input[type="radio"]:checked + .switch {
	background-color: #EC6263;
	color: #fff;
}

.form_flex {width: 640px; margin: 20px auto; display: flex;  justify-content: center; align-items: baseline; }

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;
}


input[name="user_name"],
input[name="user_name_yomi"] {width: 100%;}

input[name="address"] {width: 40%;}
input[name="address1"],
input[name="address2"],
input[name="address3"],
input[name="tel"],
input[name="mail_address"],
input[name="mail_address2"],
input[name="syougou"],
input[name="password"]{
	width: 100%;
}
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;
}
input[name="zip_search_btn"] {margin-left: 5px;}

select[name="zagaku_id"] {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: 45%; 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;    
}



@media screen and (max-width: 960px) {
.kyoukai_name {width:  100%; margin: 0px auto; text-align: right; padding-top: 30px;}
.come_txt_001 {width: 100%; margin: 0px auto; text-align: left; padding-top: 10px;}
.form_join_01 {width: 100%; margin: 20px auto; display: flex; justify-content: space-between;}  
.form_flex {width: 100%; margin: 20px auto; display: flex;  justify-content: center; align-items: baseline; }
.kakunin_submit_button_box {width: 100%; margin: 0 auto; display: block; } 
.kakunin_submit_button2 {width: 80%; text-align: center; margin-top: 50px; margin-bottom: 50px; margin-left: auto; margin-right: auto;}
}

/*** 個人情報登録 ***/
.regist_h4 {width: 100%; text-align: left; padding-top: 10px; padding-left: 5px; padding-bottom: 20px;}
.regist_element {width: 720px; margin: 0 auto; padding-top: 20px; padding-bottom: 10px; border-bottom: dotted 1px #ddd;}
.regist_box {width: 100%; display: flex; justify-content: space-between; align-items: top; padding: 5px; margin-bottom: 10px;} 
.regist_box_l {width: 200px; padding-top: 10px; display: flex; justify-content: space-between;}
.regist_box_hi {padding-right: 10px;}
.regist_box_r {flex: 1;}
.regist_box_sub {width: 100%; display: flex; align-items: center; }
.regist_box_sub2 {width: 100%; display: flex; align-items: center; padding-top: 10px;}
.regist_box_02 {width: 720px; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding: 20px 5px 10px 5px;} 

.regist_box2 {width: 100%; padding: 5px; margin-bottom: 10px;}
.regist_box2_l {display: flex; margin-bottom: 5px;}

.regist_box_txt {}
.regist_box_txt_conf {padding-top: 10px;}
.regist_box_txt_come {}
.regist_box_txt_2 {padding-top: 0px; padding-left: 10px; padding-right: 10px;}
.regist_box_txt_3 {padding-top: 10px; padding-left: 5px; padding-bottom: 10px;}
.regist_box_txt_4 {padding-top: 0px; padding-left: 10px;}
.regist_box_txt_5 {padding-top: 0px; padding-left: 10px; padding-right: 10px;}
.regist_box_02_txt {padding-left: 10px;}
.regist_txt {padding-left: 10px; padding-right: 10px;} 

.file_up {width: 300px; padding: 5px; background-color: #ccc; border-radius : 5px;}


@media screen and (max-width: 960px) {
.regist_element {width: 100%; margin: 0 auto; padding-top: 20px; padding-bottom: 10px; border-bottom: dotted 1px #ddd;}
.regist_box {width: 100%; display: block;  padding: 5px; margin-bottom: 10px;} 
.regist_box_l {width: auto; padding-top: 10px; padding-bottom: 5px; display: flex; justify-content: flex-start; border-bottom: solid 1px; margin-bottom: 10px;}
.regist_box_hi {padding-right: 0px; padding-left: 10px;}
.regist_box_02 {width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding: 20px 5px 10px 5px;} 
.file_up {width: 60%; margin-top: 10px; max-width: 300px; padding: 5px; background-color: #ccc; border-radius : 5px;}

}
/*** 座学申し込み ***/
.zagaku_list_title {width: 100%; text-align: center;}

.zagaku_box {width: 640px; margin: 10px auto;}
.zagaku_list {width: 100%;}
.zagaku_list_k {width: 100%; display: flex; justify-content: space-between; }
.zagaku_list_k_date {width: 140px;}
.zagaku_list_k_place {width: 300px;}
.zagaku_list_k_detail {width: 60px;}

.regist_box_txt_zagaku {display: flex; padding-top: 10px;}
.regist_box_txt_zagaku_date {width: 140px;}
.regist_box_txt_zagaku_place {width: 300px;}
.regist_box_txt_zagaku_detail {width: 60px;}


/*** 座学詳細 ***/
.zagaku_course_box {width: 640px; margin: 10px auto; padding-bottom: 50px;}
.zagaku_course_box_list {width: 100%; display: flex; justify-content: space-between; padding-top: 20px; border-bottom: solid 1px #ccc;}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 /*** 特商法 ***/
 
 .tokutei_box {width: 960px; margin: 50px auto;}
 .tokutei_list {display: flex; }
 .tokutei_list_dt {width: 500px; display: flex; align-items: center; padding: 5px; border-bottom: solid 1px;}
 .tokutei_list_dd {width: 460px; padding: 5px; border-bottom: solid 1px;}
 
 @media screen and (max-width: 960px) {
  .tokutei_box {width: 96%; margin: 50px auto;}
 .tokutei_list {display: flex; }
 .tokutei_list_dt {width: 50%; display: flex; align-items: center; padding: 5px; border-bottom: solid 1px;}
 .tokutei_list_dd {width: 50%; padding: 5px; border-bottom: solid 1px;}
  }
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.zagaku_course_map {width: 640px; height: 400px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 10px;}

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

.pagetop_btn_img {
	width: 100%;
}

/*** PC - top ***/
.top_logo {width: 960px; margin: 10px auto 0px;}
.top_content  {width: 960px; margin: 0px auto; padding-top: 50px; padding-bottom: 50px;}
.top_cont_box  {width: 960px; margin: 20px auto; border: #ddd solid 1px; border-radius: 10px;  }
.top_cont_box_frame {width: 100%; height: 300px; position: relative;}
.top_cont_box_frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.info_txt {width: 720px; margin: 10px auto; color: red;}


@media screen and (max-width: 960px) {
.top_logo {width: 100%; margin: 10px auto 0px;}
.top_content  {width: 100%; margin: 0px auto; padding-top: 50px; padding-bottom: 50px;}
.top_cont_box  {width: 100%; margin: 20px auto; border: #ddd solid 1px; border-radius: 10px;  }
.info_txt {width: 100%; margin: 10px auto; color: red;}
}

.top_into  {width: 960px; margin: 50px auto;}
.top_into_txt {padding-top: 20px; padding-bottom: 50px;}
.top_into_txt_befo {padding-top: 20px; padding-bottom: 0px;}
.top_into_ul {list-style-type: disc; padding-top: 10px; padding-left: 20px; padding-bottom: 10px;}
.top_into_ul2 {list-style-type: decimal; padding-top: 10px; padding-left: 30px; padding-bottom: 10px;}
.top_into_ul_box {padding:10px;}
.top_into_txt_box {padding: 10px; border: solid 1px; margin: 10px auto;}
.top_into_img {width: 720px; margin: 0px auto;}
.top_into_cons {padding: 10px; background-color: #fffcd4; margin: 5px;}

/*** PC - footer ***/
#footer {width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center;}
.footer_tokutei {padding-top: 10px; padding-bottom: 5px;}
.footer_policy { padding-bottom: 5px;}
.copyright {font-size: 0.5em;}



.conf_txt_01 {padding-top: 10px;}
.conf_txt_02 {padding-top: 10px; padding-left: 10px;}




/*** TOP ***/

.price_img {width: 640px; margin: 0 auto;}
.price_txt {width: 640px; margin: 0 auto; font-size: 1rem; text-align: center;}
.top_cont_box_1 {width: 730px; margin: 50px auto 20px auto; display: flex;}
.top_cont_box_1_l {width: 220px; background-color: #56B7F3; color: #fff; padding: 20px; border: solid 2px #56B7F3; border-top-left-radius: 20px; border-bottom-left-radius: 20px; text-align: center;}
.top_cont_box_1_r {width: 550px; padding: 10px; border: solid 2px #56B7F3; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}

.top_comm_txt_1  {width: 720px; margin: 5px auto; font-size: 0.8rem;}
.top_comm_txt_2  {width: 720px; margin: 20px auto; font-size: 1.2rem; color: #56B7F3; line-height: 120%; padding-top: 10px; padding-bottom: 30px;}
.top_comm_txt_3  {width: 960px; margin: 20px auto; font-size: 1.2rem; text-align:  center; color: red;}
.top_comm_txt_4  {font-size: 1rem; line-height: 120%; center; color: red;}
.top_comm_txt_5  {font-size: 1rem; line-height: 120%; center; color: #56B7F3; padding-bottom: 20px;}

.title_top_h3 {width:960px; margin: 50px auto; background-image: linear-gradient(90deg, rgba(134, 222, 191, 1) 40%, rgba(86, 183, 243, 1) 90%); border-radius: 20px; color: #fff; font-size: 1.2rem; padding: 15px; text-align: center; position: relative;}
.badge {position: absolute; top: -40px; left: calc(50% - 200px); width: 90px;}
.title_top_h3_2 {width: 960px; margin: 50px auto; color: #56B7F3; font-size: 1.2rem; padding: 15px; text-align: center; }



.web_into_box {width: 960px; margin: 50px auto; border: solid 3px #56B7F3; border-radius: 20px; padding: 20px;}
.into_box_f {display: flex; padding-bottom: 50px;}
.into_box_f_l {width: 240px;}
.web_pc_img {width: 160px; margin: 0 auto; }
.into_box_f_r {flex: 1; padding-left: 20px; padding-top: 20px;}
.into_join {width: 320px; margin: 30px auto; }

.into_box_f_2 {display: flex; margin-top: 0px; margin-bottom: 0px; }
.into_box_f_2_l {width: 200px; color: #56B7F3; padding: 10px;	padding-left: 0.8em; text-indent: -0.9em; }
.into_box_f_2_r {flex: 1; border-left: solid 1px #56B7F3; padding: 10px; font-size: 0.8rem; line-height: 150%;}

.into_notes_box_f {display: flex; margin-top: 0px; margin-bottom: 0px; }
.into_notes_box_f_l  {width: 240px; padding: 20px;  background-color: #56B7F3; color: #fff;}
.into_notes_box_f_r  {flex: 1; font-size: 0.8rem; line-height: 150%; padding: 20px; border-bottom: 2px solid #56B7F3; border-right: 2px solid #56B7F3; }
.into_notes_box_f_l0  {width: 240px; padding: 20px;  background-color: #56B7F3; color: #fff; border-top-left-radius: 20px;}
.into_notes_box_f_r0  {flex: 1; font-size: 0.8rem; line-height: 150%; padding: 20px; border-top: 2px solid #56B7F3; border-bottom: 2px solid #56B7F3; border-right: 2px solid #56B7F3; border-top-right-radius: 20px;}
.into_notes_box_f_le  {width: 240px; padding: 20px;  background-color: #56B7F3; color: #fff; border-bottom-left-radius: 20px;}
.into_notes_box_f_re  {flex: 1; font-size: 0.8rem; line-height: 150%; padding: 20px;  border-bottom: 2px solid #56B7F3; border-right: 2px solid #56B7F3; border-bottom-right-radius: 20px;}

 .into_ul {list-style-type: disc; padding: 0px 15px; margin: 0px;}
 
 .link_box {
	width: 640px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border: solid 2px #56B7F3;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 0.8rem;
	line-height: 200%;
	border-radius: 10px;
}
.link_box li {width: 190px;}
 .link_box2 {
	width: 640px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border: solid 2px #56B7F3;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 0.8rem;
	line-height: 200%;
	border-radius: 10px;
}
.link_box2 li {width: 100px; text-align: center; margin: 0 auto;}
.link_icon {width: 12px; height: 12px; padding-left: 5px;}
.link_icon_img {width: 12px;}
.price_box {display: flex;}
.price_box_name {width: 200px;}
.price_box_price {width: 100px; text-align: right;}


@media screen and (max-width: 960px) {
.top_into  {width: 100%; margin: 50px auto;}
.price_img {width: 100%; margin: 0 auto;}
.price_txt {width: 100%; margin: 0 auto; font-size: 1rem; text-align: center;}
.top_cont_box_1 {width: 100%; max-width: 480px; margin: 50px auto 20px auto; display: flex;}
.top_cont_box_1_l {width: 30%; background-color: #56B7F3; color: #fff; padding: 10px; border: solid 2px #56B7F3; border-top-left-radius: 20px; border-bottom-left-radius: 20px; text-align: center; font-size: 0.8rem;}
.top_cont_box_1_r {width: 70%; padding: 10px; border: solid 2px #56B7F3; border-top-right-radius: 20px; border-bottom-right-radius: 20px; font-size: 0.8rem;}
.top_comm_txt_1  {width: 100%; margin: 5px auto; font-size: 0.8rem;}
.top_comm_txt_2  {width: 100%; margin: 20px auto; font-size: 0.8rem; color: #56B7F3; line-height: 120%; padding-top: 10px; padding-bottom: 30px; overflow-wrap: break-word;}
.top_comm_txt_3  {width: 100%; margin: 20px auto; font-size: 1rem; text-align:  center; color: red;}
.top_comm_txt_4  {font-size: 0.8rem; line-height: 120%; center; color: red;}
.top_comm_txt_5  {font-size: 1rem; line-height: 120%; center; color: #56B7F3; padding-bottom: 20px;}

.title_top_h3 {width: 100%; margin: 50px auto; background-image: linear-gradient(90deg, rgba(134, 222, 191, 1) 40%, rgba(86, 183, 243, 1) 90%); border-radius: 20px; color: #fff; font-size: 1.2rem; padding: 15px; text-align: center; position: relative;}
.badge {position: absolute; top: -40px; left: calc(10%); width: 70px;}
.title_top_h3_2 {width: 100%; margin: 50px auto; color: #56B7F3; font-size: 1.2rem; padding: 15px; text-align: center; }

.web_into_box {width: 100%; margin: 50px auto; border: solid 3px #56B7F3; border-radius: 20px; padding: 20px;}
.into_box_f {display: block; padding-bottom: 50px;}
.into_box_f_l {width: 30%; margin: 0 auto;}
.web_pc_img {width: 100px; margin: 0 auto; }
.into_box_f_r {width: 100%; padding-left: 0px; padding-top: 10px;}
.into_join {width: 80%; max-width: 320px; margin: 20px auto; }

.into_box_f_2 {display: block; margin-top: 0px; margin-bottom: 0px; }
.into_box_f_2_l {width: 100%; color: #56B7F3; padding: 5px; font-size: 0.8rem; padding-left: 0.8em; text-indent: -0.9em; border-bottom: solid 1px #56B7F3; }
.into_box_f_2_r {width: 100%; padding: 5px; font-size: 0.8rem; line-height: 150%; border-left: none; margin-bottom: 20px;}

.into_notes_box_f {display: block; margin-top: 0px; margin-bottom: 0px; }
.into_notes_box_f_l  {width: 100%; padding: 20px;  background-color: #fff; color: #56B7F3; border-bottom: 2px solid #56B7F3;}
.into_notes_box_f_r  {width: 100%;  font-size: 0.8rem; line-height: 150%; padding: 20px; border-bottom: 2px solid #56B7F3; border-right: none; }
.into_notes_box_f_l0  {width: 100%;  padding: 20px;  background-color: #fff; color: #56B7F3; border-top-left-radius: 0px; border-top: 2px solid #56B7F3;}
.into_notes_box_f_r0  {width: 100%; font-size: 0.8rem; line-height: 150%; padding: 20px; border-top: 2px solid #56B7F3; border-bottom: 2px solid #56B7F3; border-right: none; border-top-right-radius: 0px;}
.into_notes_box_f_le  {width: 100%;  padding: 20px;  background-color: #fff; color: #56B7F3;  border-bottom-left-radius: 0px; border-bottom: 2px solid #56B7F3;}
.into_notes_box_f_re  {width: 100%;  font-size: 0.8rem; line-height: 150%; padding: 20px;  border-bottom: 2px solid #56B7F3; border-right: none; border-bottom-right-radius: 0px;}
 .link_box {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border: solid 2px #56B7F3;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 0.8rem;
	line-height: 200%;
	border-radius: 10px;
}
.link_box li {width: 190px;}
 .link_box2 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border: solid 2px #56B7F3;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 0.8rem;
	line-height: 200%;
	border-radius: 10px;
}

}
.login_txt_01 {width: 640px; margin: 0 auto; text-align: center; color: red; }
.login_txt_02 {width: 640px; margin: 0 auto; text-align: left; color: red; font-size: 0.8rem;}
.thanks_txt_0 {width: 720px; margin: 0 auto; text-align: center; color: red; font-size: 1.4rem;}
.thanks_txt_1 {width: 780px; margin: 0 auto; text-align: center;}
.thanks_txt_2 {width: 720px; margin: 10px auto; text-align: center; color: red;}
@media screen and (max-width: 960px) {
.login_txt_01 {width: 100%; margin: 0 auto; text-align: center; color: red; }
.login_txt_02 {width: 100%; margin: 0 auto; text-align: left; color: red; font-size: 0.8rem;}
.thanks_txt_0 {width: 100%; margin: 0 auto; text-align: center; color: red; font-size: 1.4rem; line-height: 120%;}
.thanks_txt_1 {width:100%; margin: 0 auto; text-align: center; line-height: 120%;}
.thanks_txt_2 {width: 100%; margin: 10px auto; text-align: center; color: red; line-height: 120%;}
}


.yt {width: 500px; height: auto; margin: 10px 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;
}


.ishi0815 {    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;
    background-color: #999;    color: #FFFC67 !important;
    transition: all .3s;
    border: solid 2px #999;
    }
    
    
.regist_box_02_txt_2{color: red; font-size: 1.2em;}
input[id=takuchisyou_soui] {
  transform: scale(2);
  margin: 0 10px 0 0;
}




.title_h3_photo {color: #555; font-size: 1.2em; line-height: 120%; margin-top: 50px; border-left: solid 5px; padding-left: 10px;}
.photo_ul {list-style: disc;}

.photo_box {width: 720px; margin: 50px auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.photo_list {width: 200px; padding-top: 30px;}
.photo_list_img_box {width: 120px; margin: 5px auto;}
.shinsei_photo {width: 120px;}
.photo_list_img {width: 100%;}
.photo_list_txt {font-size: small; width: 100%; text-align: center;}


.photo_inline {border: solid 1px #808080; margin: 5px auto; width: 920px; height: auto; padding: 5px;}


.photo_into_box_f {width: 720px; margin: 5px auto; display: flex; flex-wrap: wrap; padding-bottom: 50px;}
.photo_into_box_f_l {width: 240px; padding-top: 10px;}
.photo_into_box_f_r {width: 480px; padding-top: 10px; padding-left: 20px;}

@media screen and (max-width: 720px){
.photo_box {width: 90%; margin: 50px auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.photo_list {width: 120px; padding-top: 30px;}
.photo_list_img_box {width: 100px; margin: 5px auto;}
.shinsei_photo {width: 100px;}
.photo_inline {border: solid 1px #808080; margin: 5px auto; width: 90%; height: auto; padding: 5px;}
.photo_into_box_f {width: 90%; margin: 5px auto; display: flex; flex-wrap: wrap; padding-bottom: 50px;}
.photo_into_box_f_l {width: 20%; padding-top: 10px;}
.photo_into_box_f_r {width: 80%; padding-top: 10px; padding-left: 20px;}
}



/*** 新規用 ***/

.top_select_box {width: 960px; margin-left: auto; margin-right: auto; margin-bottom: 30px; padding: 20px; border: solid 1px;}
.top_select_txt {width: 600px; margin-left: auto; margin-right: auto; }
.join_new_select_captxt {text-align: center;}
.regist_txt_l {padding-right: 10px;}