@charset "utf-8";
@media screen and (max-width:1024px){
  * {box-sizing: border-box;}
  .tab_area label:hover,.log_item:hover {opacity:1;}
  body{overflow-x: hidden;}
  .header_menu ul a {padding: 0 17px 0 6px;font-size: 14px;}
  .center {width: auto;padding: 0 30px;}
  .widebg_a .center {width: 100%;}
  .info_data {width: 660px;padding: 30px 30px 25px;}
  .info_data dl {width: 560px;}
  .widebg_b {padding: 0 0 40px;}
  .widebg_c p {font-size: 15px;}
  .wpcf7-submit {-webkit-appearance: none;}
  #rocketShip:hover img {animation: none;}
  .link_btn:active {box-shadow: 0 4px 15px rgba(0, 124, 222, 0.6), 0 0 20px rgba(1, 233, 189, 0.6)  !important;filter: brightness(1.1) !important;}
  .form_btn:active {box-shadow: 0 4px 12px rgba(228, 81, 154, 0.5), 0 0 20px rgba(77, 84, 224, 0.3)!important;filter: brightness(1.1) !important;}	
}
@media screen and (max-width:900px){
  .hero-wrapper {width: auto;}
  .post_content {width: auto;margin: 0 30px;padding: 35px 0 0;}
  .page_inner{padding: 0 30px;}
  .page_ttl_s {width: 260px;letter-spacing: 1.5px;}
  .method_step ul {margin: -5px 0 20px;justify-content: space-between;}
  .method_step li {width: 30%; padding: 0 0 0;}
  .method_step li::after {right: -20px;border-bottom: 12px solid #b9c3e3;border-right: 9px solid #b9c3e3;transform: skew(34deg);}
  .method_step h4 {margin: 40px 0 20px;}
  .step1 th {width: 90px;}
  .step1 img {margin: 20px auto 45px;}
  .step1 table {margin: -10px 0 40px;}
  .first_c {margin: 0 auto 35px;}
  .first_c p .icon {display: inline}
  .first_c p .icon {display: inline}
  .step_ttl .step {margin: 0 0 20px;}
  .c_deadline {margin: -5px auto 35px;}
  .circle_logo {margin: 0 0 40px;padding: 21px 30px 40px;}
  .circle_post {padding: 30px 30px 40px;}
  .circle_post p br {display:block}
  .circle_post .x_bg1,.circle_post .x_bg2{width:152px;}
  .circle_post .x_bg1{left: 0;}
  .circle_post .x_bg2{right: 0;}
  .circle_post .x_btn {width:260px;}
  .step2 .hosoku {margin: 40px auto 40px;}
  .x_btn {width: 280px;font-size: 15px;}
  .circle_conditions .box{margin: 0 0 30px}
  .rocket-wrapper.show {bottom: 40px;}
  .rocket-wrapper {right: 30px;}
  .requirement_list {padding: 0 30px 30px;}
  .requirement_list .inner {padding: 30px 30px 40px;}
  .page_plan p{ padding: 0 0 15px;}
  .page_plan .info p br {display: none}
  .requirement_list .bw {margin: 0 0 5px;}
  .bosyu_wrap {margin: 0 0 20px;}
  .bosyu_content {padding: 0 0 5px;}
  .page_plan .format_list p {padding: 15px 20px 20px;}
  .att_list{padding: 23px 25px 15px;}
  .header_top, #header {height: 58px;}
  .header_menu ul {display: none;}
  .header_top h1 {padding: 2px 0 0 10px;}
  .header_menu h1 img {margin: 0 0 0;width: auto;height: 40px;}
  .el_humburger,.navigation {display: block;}
  .el_humburger {top: 0;right: 0;width: 58px;height: 58px;padding-top: 1px;box-sizing: border-box;z-index: 10000;transition: all 0.2s ease-in-out;cursor: pointer;pointer-events: auto;
  background-image: -webkit-linear-gradient(325deg, #fffd5a, #28e0d8 31%, #62a2eb 47%, #c57de9 65%, #e77eea 77%, #ec7f96 94%);
    background-image: -o-linear-gradient(325deg, #fffd5a, #28e0d8 31%, #62a2eb 47%, #c57de9 65%, #e77eea 77%, #ec7f96 94%);
    background-image: linear-gradient(55deg, #fffd5a, #28e0d8 31%, #62a2eb 47%, #c57de9 65%, #e77eea 77%, #ec7f96 94%);
    padding: 17px 11px 10px;position: fixed;border-radius: 0px 0px 0px 15px;filter: brightness(1.05);
  }
  .el_humburger > span {
    display: block;width: 95%;margin: 0 auto 6px;height: 3px;background: #fff;transition: all 0.2s ease-in-out;
    &:last-child {margin-bottom: 0;}
    .js_humburgerOpen & {background: #fff;}
  }
  .js_humburgerOpen .el_humburger > span.top {transform: translateY(9px) rotate(-45deg);background: #fff;}
  .js_humburgerOpen .el_humburger > span.middle {opacity: 0;}
  .js_humburgerOpen .el_humburger > span.bottom {transform: translateY(-9px) rotate(45deg);background: #fff;}
  .el_humburgerButton.el_humburgerButton__close {top: 2%;right: 2%;}
  .el_humburgerButton__close > span {display: block;width: 35px;margin: 0 auto;height: 4px;background: #fff;}
  .el_humburgerButton__close > span.el_humburgerLineTop {transform: translateY(5px) rotate(-45deg);}
  .el_humburgerButton__close > span.el_humburgerLineBottom {transform: translateY(-6px) rotate(45deg);}
  /*ナビゲーション*/
  .navigation {display: none;}
  .js_appear{position:fixed;top:0;left:0;bottom:0;right:0;display:block!important;z-index:9999}
  .navigation_screen{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(14,14,14,.96);z-index:0;margin-top:0;padding-top:0;overflow:auto;-webkit-overflow-scrolling:touch;color:#fff}
  .navigation_wrapper{padding:80px 0 0 0;text-align:center;}
  .navigation_item{font-ize:18px;margin-bottom:20px}
  .navigation_item>a{color:#000;text-decoration:none}
  .js_fixed {position: fixed;width: 100%;height: 100%;}
  .menu_sp li {border-bottom: 1px solid #333;}
  .menu_sp li:first-child {border-top: 1px solid #333;}
  .menu_sp li a {padding: 15px;display: block;color: #fff;font-size: 16px;}
  .navigation .link_data {margin: 35px auto 0;}
  .link_data a,.bosyu_btn {width: 280px;}
   .bosyu_btn{margin: 35px auto 0;padding: 9px 0 15px;line-height: 1.75;font-size: 16px;}
  .bosyu_btn span{background-size: 16px;padding: 0 20px 7px 12px;}
  /* メニューが開いているときはCanvasを強制的に非表示にする */
  .js_humburgerOpen ~ #sparkleCanvas,.js_appear #sparkleCanvas {display: none !important;}
  /* あるいは、メニューの背面に確実に隠すため、メニュー側のz-indexを再確認 */
  .navigation.js_appear {z-index: 9999;}
  .event_data {z-index:0}
  .page_bottom_img1 img, .page_bottom_img2 img {z-index: 0}
}
@media screen and (max-width:768px){
	.display_pc {display: none!important;}
	.display_sp {display: block!important;}
  .center {padding: 0 30px;}
  .all p,.p_text,.page_plan p,.page_wrap p,.circle_conditions .box p,.step1 table,.circle_post .post_area p {font-size: 14px;height: auto;letter-spacing: 0.1em;line-height: 1.75;}
  .step1 table {margin: 0 0 40px;}
  p br {display: none;}
  .big_ttl,.info_data .big_ttl {font-size: 28px;margin: 0 0 30px;line-height: 1.75;padding: 5px 35px 9px;}
  .big_ttl {border: 2px solid #fff;}
  .link_btn {width: 320px;}
  .x_btn {width: 220px;}
  .top_enter{background-image: url(./images/bg_sp.webp);height:auto;background-size:cover;background-position:30%;padding:0}
  .top_enter_in{width:100%;padding:0;margin: -5px 0 0}
  .hero-wrapper{width:auto}
  .top_img{width:100%;height:auto}
  .logo_main {width: 86%;bottom: 0px;right: -9px;}
  .inner_wrap {padding: 0;}
  .top_news {padding: 8px 0;}
  .top_news a {font-size: 17px;margin: 0 0 0 -8px;}
  .top_news a span {background-size: 19px;padding: 18px 0 20px 27px;}
  .date_wrap .p_txt {margin: -17px 0 30px;}
  .date_wrap .p_txt br {display: block;}
  .event_data {padding: 27px 0 40px;}
  .wrapper .event_title {font-size: 18px;line-height: 1.6;  margin: 0px 0 -5px;}
  .date_img {width: 88%;margin: 16px auto 15px;}
  .event_data .venue .place_name {margin: 3px 10px 0 0;}
  .event_title br {display: block}
  .explanation br {display: block;}
  .explanation .attention p {font-size: 13px;}
  .about_only {width: 90%;}
  .about_only p {font-size: 11px;padding: 0 0 12px;}
  .about_only a {margin: 0 0 10px;font-size:13px;}
  .widebg_a{background-image: url(./images/bg_sp3.webp);background-size: auto;}
  .info_data{width:90%;padding:5px 15px 30px}
  .info_data .big_ttl{margin:18px 0 6px}
  .info_data dl{width:100%;margin:0 auto;padding: 15px 2px 15px;text-align:center}
  .info_data dt{margin:0 0 2px;display:block;font-size: 13px;}
  .info_data dd{width:100%;display:block;font-size:14px}
  .info_data dd p br{display:block}
  .info_data dt,.info_data dd{display:inline-block;vertical-align:middle}
  .info_data dd .display_sp,.info_data .sp_c {line-height: 1.6;margin: 8px 0 0; display: block}
  .sns_area{width:auto;margin: 0 auto;background:none}
  .sns_area .x_btn{width:270px;}
  .sns_area .x_btn span{display:block;font-size:12px;margin:-3px 0 0}
  .sns_area .x_btn .btn_name {font-size: 15px;}
  .hash_tag p {font-size:12px;padding: 6px 30px 12px;}
  .sns_area .color {display: block}
  .conditions_list ul {font-size: 18px;}
  .conditions_list br {display: none;}
  .no_a,.circle_conditions .no_b,.step1 .no_c,.bosyu_wrap .no_bosyu {width: 30px;height: 30px;margin: 0 7px 0 0;font-size: 19px;line-height: 1.65;}
  .step1 .no_c {margin: 0 15px 0 0;}
  .method_box h3 {margin: 8px 10px 25px;}
  .method_box p {padding: 0 10px 10px;}
  .method_box .x_btn {width: 270px;padding: 15px 0;}
  .widebg_b{width:100%;padding:0 0 30px}.widebg_b .p_text br{display:block}.x_btn{width:250px;padding:12px 0}.chara_x1,.chara_x2{width:220px;margin:15px auto 0}.chara_a{margin:20px auto 0}.chara_a,.chara_b,.chara_c{width:210px}.chara_b{margin:20px auto 0}.event_data{width:100%;}
  .date_wrap .event_data .p_txt{margin:0 0 10px;padding:0}.plan_box{margin:0 0 20px}.plan_box div{flex-wrap:wrap}
  .plan_box h3{width: 150px;margin: 0 0 25px;padding: 1px 5px;font-size: 16px;}
  .plan_box img{width:80%;margin:0 0 12px}.plan_box p br{display:none}.chara_c{width:220px;margin:40px auto 0}.accordion{font-size:14px}.top_contact .contact_btn{font-size: 15px}.widebg_b{margin:0}.print_list{justify-content:center;width:auto;flex-wrap:wrap}.print_list li{width:80%}.print_list img{width:100%}
  #content,.post_content{width:auto}
  .page_wrap{width:auto;margin:0 auto}
  .page_bottom_img1 img,.page_bottom_img2 img{z-index:0}
  .conditions1, .conditions2 {width: 80%;}
  .conditions1 br {display:none;}
  .circle_conditions h4 {width: 100%;font-size: 18px;}
  .method_step li{z-index:0}
  .method_step li p {font-size: 13px;line-height: 1.5;}
  .method_step li p br {display:block;}
  .method_step .deadline {font-size: 12px;}
  .method_step li::after {right: -15px;border-bottom: 9px solid #b9c3e3;border-right: 6px solid #b9c3e3;}
  .circle_conditions .box p {text-align: left;}
  .circle_conditions .attention {width: auto;padding: 17px 20px 12px;}
  .circle_sample .sample_box {flex-wrap: wrap;width: auto;}
  .circle_sample .sample {width: 100%; margin: 0 0 15px;}
  .circle_logo {padding: 30px 30px 40px;}
  .circle_logo::after,.circle_post::after {bottom: -37px;left: 0;right: 0;width: 0;margin: 0 auto;}
  .circle_post {padding: 30px 20px 30px;}
  .circle_logo h4 {margin: 0 0 12px;}
  .circle_logo p {padding: 0 0 15px;}
   .circle_sample {padding: 25px 30px 15px;}
  .all .attention_txt {font-size: 13px;}
  .form_btn {width: 360px;}
  .step_t {margin: 30px 0 -5px;}
  .step_t p {width: 90%;}
  .page_wrap .step_t p {line-height: 1.8;}
  .step2 .hosoku, .step3 .hosoku {padding: 20px 20px 10px;}
  .circle_conditions .attention p,.step2 .hosoku p, .step3 .hosoku p {font-size: 13px!important;}
  .page_plan {margin: 0 0 35px;}
  .page_plan img {width: 80%;}
  .footer_top {margin: 0;padding: 10px 0 0;}
  .footer_top .center {padding: 0;}
  .footer_top .center p {font-size: 15px;padding-bottom: 15px;}
  .footer_logo {margin: 5px 0 5px;}
  .footer_top img {width: 300px;margin: 10px auto 5px;display: block;}
  .footer_top .link_data a {width: 230px;}
  .all .copy_top {margin: 40px 0 0;padding: 5px 0;font-size: 13px;}
  .rocket-wrapper {right: 20px;}
  #rocketShip img {width: 50px;}
  .bosyu_wrap .no_bosyu {margin: 0 15px 0 0;}
  .att_list p br {display: block}
  .page_plan .format_list p {padding: 14px 15px 15px;}
  .requirement_list .bosyu_ttl {width: 339px;}
  .requirement_list .bo_txt br {display: block}
  .requirement_list .arrow{margin: 0 auto 18px;}
}
@media screen and (max-width:689px){
  .plan_name {font-size: 23px;margin: 0 0 0 -5px;}
  .plan_list {padding: 8px 6px;margin: -5px 0 30px;}
  .plan_list {justify-content: space-between;}
  .plan_list li {margin: 0 2px;}
  .plan_list li a {height: 88px;}
  .plan_list .pl2 {background-position: top 8px left 50%;}
  .plan_list li a span {font-size: 11px;line-height: 1.2;width: 60px;height: 24px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 0;}
  .plan_list .pl2 span {margin: -2px auto 0;}
  .step_ttl {font-size: 23px;}
  .plan_list li .sp_t {padding: 0;display: block}
  .circle_logo h4 {font-size: 20px;}
  .circle_sample p {font-size: 15px;}
  .circle_conditions h4 {margin: 0 auto 23px;}
  .circle_conditions .box {margin: 0 0 20px;}
  .circle_conditions .attention {margin: 10px auto 40px;}
  .method_step .step {font-size: 13px;}
  .method_step h4 {margin: 35px 0 20px;}
  .method_step ul {flex-wrap: wrap;padding: 20px 20px 10px;}
  .method_step li {width: 100%;}
  .method_step li a {margin: 0 0 10px;}
  .method_step li::after {display: none}
  .method_step li p {font-size: 14px;}
  .method_step li p br {display: none;}
  .method_step .deadline {display: block;width: 100px;}
  .c_deadline p {width: 90%;padding: 8px 0 10px;border-radius: 50px;}
  .c_deadline span {display: block;padding: 0;font-size: 13px;}
  .c_deadline span::after {display: none}
  .step1 th {width: 75px;padding: 10px 0px;font-size: 12px;line-height: 1.65;}
  .circle_post{padding: 30px 20px 20px;}
  .circle_post .post_area {padding: 15px 20px 30px;margin: 0 0 10px}
  .circle_post .x_bg1, .circle_post .x_bg2 {width: 125px;}
  .circle_post .x_bg1{top: 100px;left: 63px;display: none}
  .circle_post .x_bg2{top: 96px;right: 60px;display: none}
  .circle_post .x_bg3{width: 85%;display: block;margin: 0 auto;padding: 12px 14px 19px 0;}
  .post_area .x_btn {margin: 5px auto 0;}
  .form_btn {width: 340px;}
  .contact_btn span {background-size: 22px;padding: 0 26px 0 0;}
  .requirement_list h6 {font-size: 16px;margin: 15px 0 10px;}
  .requirement_list h6 .no_bosyu,.requirement_list h6 .cent {display: inline-block;vertical-align: text-top;}
  .requirement_list h6 .cent {width: 80%;}
  .requirement_list h4 {font-size: 25px;display: block;margin: 0 auto 8px;padding: 0 0 3px 0;background-position: top 81% right 0;background-size: 77px;text-align: center;width: auto;background: none}
  .requirement_list h4 .small {display: block;font-size: 15px;}
  .post_wrap .form_btn {width: 95%;}
  .att_list {margin: -5px auto;padding: 0; border: none}
  .att_list h5 {text-align: center}
  .att_list p{font-size: 13px;margin: 0 5px;}
  .att_list br {display: block}
  .post_wrap {margin: 20px auto 20px;}
  .form_btn {font-size: 18px;}
  .requirement_list .bw {margin: 0}
  .bosyu_wrap{margin: 0 0 10px;}.format_list {margin: 0 0 25px;}
  .bosyu_wrap .no_bosyu {width: 28px;height: 28px;margin: 0 10px 0 0;font-size: 18px;}
  .requirement_list .bo_txt br {display: none}
  .requirement_list .bosyu_ttl {width: 329px;}
}
@media screen and (max-width:480px){
  .center {padding: 0 25px;}
  .big_ttl, .info_data .big_ttl {font-size: 23px;padding: 3px 30px 8px;}
  .date_wrap .p_txt {margin: -19px 30px 32px;line-height: 2;}
  .date_wrap .p_txt br {display: none;}
  .event_data {padding: 22px 0 30px;margin: 0 auto 35px;}
  .date_img {width: 90%;margin: 16px auto 15px;padding: 0 0 0 12px;}
  .event_data .venue .place {font-size: 22px;}
  .event_data .venue .place_name {font-size: 14px;}
  .wrapper .event_title {font-size: 16px; line-height: 1.62;margin: -3px 0 0;}
  .about_only a .icon {background-size: 16px;padding: 0 23px 0 0;margin: 0 0 0 5px;}
  .info_data {padding: 10px 15px 27px;}
  .info_data .big_ttl {margin: 18px 0 8px;}
  .info_data dl {padding: 11px 0 12px;}
  .hash_tag {margin: -8px 0 -5px;}
  .hash_tag p {font-size:12px;padding: 6px 25px 12px;}
  .sns_area .x_btn {width: 250px;margin: 0 auto;}
  .sns_area .color {font-size: 15px;}
  .all .explanation p {font-size: 13px;}
  .explanation {margin: 5px 28px 4px;}
  .explanation .attention {margin: 8px 0 0;padding: 8px 10px 11px;}
  .all .attention p {font-size: 12px;}
  .explanation br {display: none}
  .conditions_list ul {font-size: 17px;margin: 5px auto 8px;padding: 0 10px;}
  .general span {display: block;margin: 5px 10px 0;border-radius: 8px;border: 1px dashed #e4e4e4;padding: 6px 0 9px;font-size: 12px;}
  .general span a {display: block;font-size: 13px;}
  .general_share h4, .circle_share h4 {font-size: 17px;}
  .accordion {margin: 0;}
  .top_contact {margin: 0 0 5px;}
  .widebg_b {padding: 0 0 20px;}
  .page_wrap {padding: 30px 0 30px;}
  .post_content {margin: 0 15px;}
  .page_inner {padding: 0 25px;}
  .page_ttl {font-size: 28px;}
  .page_ttl_s {margin: 10px auto 30px;padding: 8px 0 10px;font-size: 20px;}
  .c_ttl {margin: -10px auto 20px;}
  .step_ttl {font-size: 20px;}
  .link_txt {margin: 0 5px 0 0;}
  .link_txt span {background-size: 16px;padding: 0 23px 0 0;}.step1 img {width: 95%; margin: 20px auto 32px;}
  .method_step h4 {font-size: 20px;}
  .page_bottom_img1 img{width: 85%;}
  .page_bottom_img2 img{width: 100%;}
  .circle_conditions {margin: 35px 0 0;}
  .conditions1 {margin: 0 0 0 10px;}
  .circle_sample {padding: 25px 25px 15px;}
  .circle_sample .sample img {width:70%}
  .c_deadline span{font-size: 12px;}
  .c_deadline p {width: 100%}
  .circle_logo {padding: 30px 20px 40px;}
  .circle_post {padding: 30px 0px 20px;}
  .method_wrap {padding: 0 0 20px;}
  .method_box h3 {margin: 8px 10px 18px;}
  .circle_post h4 {font-size: 17px;}
  .circle_post .slash::before,.circle_post .slash::after,.circle_share .slash::before,.circle_share .slash::after,.general_share .slash::before,.general_share .slash::after{width: 19px;margin: 1px 2px -1px;}
  .general_share, .circle_share {margin: 0 0 24px;}
  .circle_post .post_area {margin: 0 25px 10px;}
  .circle_post p br {display: none;}
  .circle_post .pr{margin: 0 25px}
  .first_c{margin: 0 auto 25px;}
  .plan_name {font-size: 23px;}
  .plan_list {flex-wrap: wrap;margin: -5px 0 30px;padding: 15px 15px 5px;}
  .plan_list li {width: 48%;margin: 0 0 10px;}
  .plan_list li a {height: 85px; padding: 43px 0 13px;}
  .plan_list li a span {width: auto;height: auto;font-size: 12px;}
  .plan_list .pl2 {background-position: top 9px left 50%;}
  .plan_list .pl2 span {margin: 0 auto;}
  .plan_list li .sp_t {display: inline;margin:0}
  .form_btn,.link_btn {width: 280px;font-size: 16px;}
  .form_btn .small {font-size: 12px;}
  .circle_post .x_btn {width: 245px;}
  .circle_post .x_btn{ font-size: 14px;}
  .x_btn span {letter-spacing: 0.7px;}
  .top_news a {font-size: 16px;}
  .requirement_list {margin: 15px 0 0;padding: 0 12px 20px;}
  .requirement_list .inner {padding: 20px 20px 30px;}
  .page_plan .bo_txt {margin: 0 10px;}
  .page_plan br {display: none}
  .page_plan .attention br {display: none}
  .page_plan .bosyu_content p {text-align: center}
  .requirement_list h4 {margin: 0 0 8px 0;font-size: 24px;}
  .requirement_list h4 .small {font-size: 14px;}
  .format_list th {width: 75px; font-size: 13px;}
  .format_list td{font-size: 14px;letter-spacing: 0.1em;line-height: 1.75;padding: 10px 10px 10px 15px;}
  .post_wrap .form_btn {width: 98%;}
  .footer_logo{margin: 20px 0 7px;}
  .footer_top img{width: 270px;margin: 0 auto 0;} 
  .link_data a {font-size: 15px;}
}
@media screen and (max-width:399px){
  .link_btn,.top_contact .contact_btn {width: 92%;font-size: 15px;}
  .x_btn,.form_btn {width: 98%;font-size: 15px;}
  .circle_post .x_btn {width: 98%;font-size: 15px;}
  .x_btn,.method_box .x_btn {width: 92%;font-size: 15px;}
  .center {padding: 0 20px;}
  .explanation {margin: 5px 18px 0px;}
  .event_data .venue .place_name {margin: 2px 10px 0 0;font-size: 13px;}
  .event_data .venue .place {font-size: 20px;}
  .event_data .venue span {font-size: 15px;    margin: 0px 12px 0 0;}
  .wrapper .event_title {font-size: 16px;}
  .general_share h4, .circle_share h4 {font-size: 16px;}
  .slash::before, .slash::after {width: 17px;}
  .circle_post .slash::before, .circle_post .slash::after, .circle_share .slash::before, .circle_share .slash::after,.general_share .slash::before,.general_share .slash::after {width: 17px;margin: -2px 2px -6px;}
  .info_data {width: 93%;padding: 10px 10px 24px;}
  .hash_tag p {padding: 6px 0 12px;width: 90%;}
  .sns_area .color {font-size: 14px;}
  .sns_area .x_btn {width: 100%;}
  .conditions_list ul {font-size: 16px;}
  .page_wrap {padding: 20px 0 30px;}
  .page_inner {padding: 0 20px;}
  .circle_sample {padding: 25px 20px 15px;}
  .circle_post .post_area {margin: 0 20px 10px;}
  .circle_post .pr{margin: 0 20px}
  .method_step ul {padding: 20px 17px 10px;}
  .footer_top .center p {font-size: 14px;}
  .post_content {margin: 0 10px;}
  .requirement_list {padding: 0 10px 15px;}
  .requirement_list .inner {padding: 20px 20px 40px;}
  .footer_top img {width: 80%;}
  .requirement_list .bosyu_ttl {width: 100%;}
  #rocketShip img {width: 45px;}
}
@media screen and (max-width:368px){
  .link_btn,.top_contact .contact_btn,.x_btn,.form_btn,.circle_post .x_btn,.x_btn,.method_box .x_btn,.sns_area .x_btn .btn_name {font-size:15px;}
  .circle_post .x_btn {width: 100%;}
  .x_btn span,.link_data .btn_name,.sns_area .x_btn .btn_name {padding: 0 0 0 22px;background-position: top 58% left 0;background-size: 15px;}
  .explanation .attention {padding: 8px 25px 11px;}
  .circle_post h4 {font-size: 16px;}
  .general_share h4, .circle_share h4 {font-size: 15px;letter-spacing: 0.4px;}
  .circle_post .slash::before, .circle_post .slash::after, .circle_share .slash::before, .circle_share .slash::after, .general_share .slash::before, .general_share .slash::after {width: 13px;}
  .link_data a {font-size: 14px;}
  .hash_tag p,.page_ttl_s {width: 100%;}
  .wrapper .event_title {font-size: 15px;}
  .big_ttl, .info_data .big_ttl {font-size: 21px;}
  .method_box h3 {font-size: 19px;}
}