@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*フォントウェイト　100,300,350,400,500,700,900*/
body { font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; /*メインで使用するフォントが明朝体のとき
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
*/ /*メインで使用するフォントが丸ゴシックのとき
font-family: "Rounded Mplus 1c",'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';*/ /*メインで使用するフォントはNotoSansのとき
font-family: 'Noto Sans Japanese', sans-serif;*/ }

a:hover { text-decoration: underline; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

a img { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

a img:hover { opacity: 0.6; filter: alpha(opacity=60); }

.clear { clear: both; line-height: 0px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-table; overflow: hidden; zoom: 1; /*for IE 5.5-7*/ }

/* Hides from IE-mac \*/
.clearfix { display: block; }

/* End hide from IE-mac */
.sp { display: none; }

@media screen and (max-width: 767px) { .pc { display: none; }
  .sp { display: block; } }
/*/////////////////////////////
スタジオ向けページ
/////////////////////////////*/
.content_wrapper { width: 100% !important; padding: 0 !important; }

.subpage_container { width: 100% !important; max-width: 100% !important; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); overflow-x: hidden; }

#forstudio .key_visual { height: 600px; background-image: url(../img/forstudio/bg_main.jpg); background-size: cover; background-position: center center; padding-top: 150px; position: relative; }
@media screen and (max-width: 767px) { #forstudio .key_visual { height: 50vh; padding-top: 15vh; } }
#forstudio .key_visual .inner { max-width: 1440px; margin: auto; }
@media screen and (max-width: 767px) { #forstudio .key_visual .inner { max-width: 100%; } }
#forstudio h1 { color: #ffffff; font-size: 66px; }
@media screen and (max-width: 767px) { #forstudio h1 { font-size: 8vw; } }
#forstudio h1 span { background-color: rgba(26, 26, 26, 0.8); /* display: inline-block; */ margin-bottom: 10px; padding: 0 10px; line-height: 1.25; }
#forstudio .tab_cmp { position: absolute; bottom: 0; margin-left: 50px; margin-bottom: 0; }
@media screen and (max-width: 767px) { #forstudio .tab_cmp { margin-left: 5%; } }
#forstudio .tab_cmp img { width: 600px; }
@media screen and (max-width: 767px) { #forstudio .tab_cmp img { width: 95%; } }
#forstudio .logo_mark { width: 450px; position: absolute; top: 125px; right: 50px; }
@media screen and (max-width: 767px) { #forstudio .logo_mark { width: 50%; bottom: -10vh; right: -2vw; } }
#forstudio #sec_01 { background-color: #f7f7f7; }
#forstudio #sec_02 { padding-top: 150px; }
@media screen and (max-width: 767px) { #forstudio #sec_02 { padding-top: 10%; } }
#forstudio #sec_03 { background-color: #f7f7f7; }
#forstudio .inner_sec { max-width: 1440px; margin: auto; padding: 75px 0; }
@media screen and (max-width: 767px) { #forstudio .inner_sec { min-width: 94%; padding: 10% 0; width: 94%; } }
#forstudio .bg_brown { background-color: #EBE2D8; }
#forstudio .ttl_about { font-size: 30px; font-weight: 700; color: #1A1A1A; line-height: 1.5; background: linear-gradient(transparent 60%, #e8e868 0%); display: inline; }
@media screen and (max-width: 767px) { #forstudio .ttl_about { font-size: 20px; } }
#forstudio .ttl_cmp { font-size: 33px; background-image: url(../img/forstudio/bg_cmp.svg); color: #ffffff; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: auto 120%; padding: 10px 100px; }
#forstudio .ttl_cmp span { font-size: 45px; }
@media screen and (max-width: 767px) { #forstudio .ttl_cmp span { font-size: 30px; } }
@media screen and (max-width: 767px) { #forstudio .ttl_cmp { font-size: 18px; padding: 5%; background-size: 100% auto; padding-top: 2%; } }
#forstudio .title { text-align: center; margin-bottom: 75px !important; }
@media screen and (max-width: 767px) { #forstudio .title { margin-bottom: 7% !important; } }
#forstudio .title .inner { display: inline-block; background-image: url(../img/forstudio/bg_h_left.svg), url(../img/forstudio/bg_h_right.svg); background-repeat: no-repeat; background-position: left 0 center, right 0 center; background-size: auto 100%; padding: 0 35px; }
#forstudio .title .inner h2 { color: #9C794F; font-size: 65px; font-weight: 800; line-height: 1.25; margin-bottom: 0; }
@media screen and (max-width: 767px) { #forstudio .title .inner h2 { font-size: 30px; } }
#forstudio .title .inner p { font-size: 20px; font-weight: 500; line-height: 1.25; margin-bottom: 0; }
@media screen and (max-width: 767px) { #forstudio .title .inner p { font-size: 15px; } }
#forstudio .content_01 .left { width: 47.5%; float: left; }
@media screen and (max-width: 767px) { #forstudio .content_01 .left { width: 94%; float: none; text-align: center; margin: auto; margin-bottom: 15%; } }
#forstudio .content_01 .right { width: 47.5%; float: right; }
@media screen and (max-width: 767px) { #forstudio .content_01 .right { width: 94%; float: none; margin: auto; } }
#forstudio .screen_shot { position: absolute; width: 700px; }
@media screen and (max-width: 767px) { #forstudio .screen_shot { position: static; width: 95%; margin: auto; } }
#forstudio .about_list { margin-top: 50px; padding-right: 25px; }
@media screen and (max-width: 767px) { #forstudio .about_list { padding-right: 0; margin-left: 0; } }
#forstudio .about_list li { list-style-type: none; padding: 25px; line-height: 1.5; background-color: #ffffff; margin-bottom: 35px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); font-size: 18px; font-weight: 600; background-image: url(../img/forstudio/bg_about.svg); background-repeat: no-repeat; background-size: 25px; }
@media screen and (max-width: 767px) { #forstudio .about_list li { padding: 5%; font-size: 15px; margin-bottom: 4%; } }
#forstudio .txt_merit { width: 45%; padding-top: 35px; }
@media screen and (max-width: 767px) { #forstudio .txt_merit { width: 94%; margin: auto; } }
#forstudio .txt_merit .merit_list { margin-top: 50px; margin-left: 0; }
#forstudio .txt_merit .merit_list li { list-style-type: none; margin-bottom: 75px; background-color: rgba(235, 226, 216, 0.8); display: block; padding-right: 15px; }
@media screen and (max-width: 767px) { #forstudio .txt_merit .merit_list li { padding: 3% !important; } }
#forstudio .txt_merit .merit_list li .point { font-size: 28px; color: #9C794F; margin-bottom: 20px; font-weight: 600; background-image: url(../img/forstudio/check-box.png); background-repeat: no-repeat; background-size: auto 60%; background-position: left center; padding-left: 35px; }
@media screen and (max-width: 767px) { #forstudio .txt_merit .merit_list li .point { font-size: 23px; } }
#forstudio .txt_merit .merit_list li p { font-size: 18px; line-height: 1.5; font-weight: 600; }
@media screen and (max-width: 767px) { #forstudio .txt_merit .merit_list li p { font-size: 15px; margin-bottom: 0; } }
#forstudio .content_merit { position: relative; background-image: url(../img/forstudio/pic_merit.jpg); background-repeat: no-repeat; background-position: right top; background-size: 900px auto; margin-bottom: 75px; }
@media screen and (max-width: 767px) { #forstudio .content_merit { background-size: 150%; background-position: center bottom; padding-bottom: 50%; } }
#forstudio .pic_merit { width: 900px; position: absolute; top: 0; right: 0; }
#forstudio .entry_btn { text-align: center; }
@media screen and (max-width: 767px) { #forstudio .entry_btn { width: 94%; margin: auto; margin-top: 15%; } }
#forstudio .entry_btn a { font-size: 34px; font-weight: 600; display: inline-block; background-color: #f4d400; padding: 20px 100px; border-radius: 5px; margin-bottom: 25px; background-image: url(../img/forstudio/cursor.svg); background-repeat: no-repeat; background-position: right 20px center; background-size: auto 18px; }
@media screen and (max-width: 767px) { #forstudio .entry_btn a { width: 100%; font-size: 18px; padding: 5%; } }
#forstudio .entry_btn a:hover { text-decoration: none; color: #ffffff; background-color: #9C794F; }
#forstudio .entry_btn p { font-size: 12px; line-height: 1.5; }
#forstudio .func_list { display: flex; justify-content: space-between; }
@media screen and (max-width: 767px) { #forstudio .func_list { flex-wrap: wrap; margin-left: 0; width: 90%; margin: auto; } }
#forstudio .func_list li { width: 33%; list-style-type: none; }
@media screen and (max-width: 767px) { #forstudio .func_list li { width: 100%; } }
#forstudio .func_list li img { width: 100%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); margin-bottom: 25px; }
#forstudio .func_list li .func { font-size: 30px; color: #9C794F; font-weight: 600; margin-bottom: 20px; text-align: left; }
@media screen and (max-width: 767px) { #forstudio .func_list li .func { font-size: 23px; } }
#forstudio .func_list li .func span { display: inline-block; background-image: url(../img/forstudio/bg_num.svg); background-repeat: no-repeat; background-size: 100% 100%; color: #ffffff; font-size: 25px; font-weight: 700; padding: 23px; line-height: 0.5; margin-right: 10px; }
@media screen and (max-width: 767px) { #forstudio .func_list li .func span { font-size: 20px; padding: 5%; } }
#forstudio .func_list li h3 { font-size: 25px; text-align: left; margin-bottom: 25px; }
@media screen and (max-width: 767px) { #forstudio .func_list li h3 { font-size: 18px; } }
#forstudio .func_list li ul { margin-left: 0; }
#forstudio .func_list li ul li { width: 100%; text-align: left; font-size: 18px; margin-bottom: 0.75em; font-weight: 600; list-style-type: disc; list-style-position: inside; }
@media screen and (max-width: 767px) { #forstudio .func_list li ul li { font-size: 15px; } }
#forstudio .func_list li p { line-height: 1.5; margin-top: 20px; font-size: 18px; }
@media screen and (max-width: 767px) { #forstudio .func_list li p { font-size: 15px; } }
#forstudio .func_list li.cursor { width: 6%; padding: 2%; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 767px) { #forstudio .func_list li.cursor { padding: 5%; width: 100%; } }
#forstudio .func_list li.cursor img { box-shadow: none; margin: 0; }
@media screen and (max-width: 767px) { #forstudio .func_list li.cursor img { width: 8%; transform: rotate(90deg); } }
#forstudio .txt_cmp { text-align: center; font-size: 18px; color: #1A1A1A; line-height: 1.5; margin-top: 25px; }
@media screen and (max-width: 767px) { #forstudio .txt_cmp { font-size: 15px; } }
#forstudio .txt_cmp .ant { font-size: 13px; }
#forstudio .plan_list { display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; justify-content: space-between; list-style-type: none; color: #1A1A1A; margin-top: 75px; margin-bottom: 150px; }
@media screen and (max-width: 767px) { #forstudio .plan_list { display: block; margin-left: 0; margin-bottom: 75px; } }
#forstudio .plan_list li { width: 31%; background-color: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16); line-height: 1.5; font-size: 18px; position: relative; }
@media screen and (max-width: 767px) { #forstudio .plan_list li { width: 100%; margin-bottom: 20%; } }
#forstudio .plan_list li h3 { text-align: center; font-size: 30px; color: #ffffff; padding: 10px; }
@media screen and (max-width: 767px) { #forstudio .plan_list li h3 { font-size: 23px; } }
#forstudio .plan_list li .inner { padding: 5%; text-align: left; }
#forstudio .plan_list li .plice { font-size: 40px; text-align: center; font-weight: 700; margin-bottom: 25px; }
@media screen and (max-width: 767px) { #forstudio .plan_list li .plice { font-size: 30px; } }
#forstudio .plan_list li .plice span { font-size: 18px; font-weight: 400; }
#forstudio .plan_list li .plice2 { font-size: 38px; }
@media screen and (max-width: 767px) { #forstudio .plan_list li p { font-size: 15px; } }
#forstudio .plan_list li p.txt { margin-bottom: 1em; }
#forstudio .plan_list li .check { color: #fff; font-weight: 500; padding: 3%; background-image: url(../img/forstudio/check-box_white.svg); background-repeat: no-repeat; padding-left: 12%; background-position: left 3% center; background-size: auto 18px; margin-bottom: 1px; font-weight: 600; }
#forstudio .plan_list li .check2 { padding: 7% 3% !important; padding-left: 12% !important; }
#forstudio .plan_list li .check_green { background-color: #4f9c81; }
#forstudio .plan_list li .check_blue { background-color: #4F789C; }
#forstudio .plan_list li .check_gold { background-color: #AC994C; }
#forstudio .plan_list li .plus { font-size: 30px; text-align: center; padding: 10px; margin-bottom: 0; color: #757575; }
#forstudio .plan_list li.entry h3 { background: #4f9c81; }
#forstudio .plan_list li.standard h3 { background-color: #4f789c; }
#forstudio .plan_list li.premium h3 { background: #ac994c; }
@media screen and (max-width: 767px) { #forstudio .plan_list li.entry, #forstudio .plan_list li.standard { margin-bottom: 50%; } }
#forstudio .plan_list .cmp_icon { text-align: center; position: absolute; bottom: -135px; width: 100%; }
#forstudio .plan_list .cmp_icon img { width: 150px; margin: auto; }
#forstudio #company { padding: 100px 0; }
#forstudio #company h3 { text-align: center; font-size: 23px; }
#forstudio #company table { width: 800px; margin: auto; border: none; line-height: 1.5; }
@media screen and (max-width: 767px) { #forstudio #company table { width: 100%; } }
#forstudio #company table tr { border-bottom: solid 1px #757575; }
#forstudio #company table td { border: none; border-bottom: solid 1px #757575; padding: 25px 15px; font-size: 18px; background-color: #fff; }
@media screen and (max-width: 767px) { #forstudio #company table td { font-size: 15px; } }
#forstudio #company table .td_01 { width: 25%; background-color: #9C794F; color: #fff; border-bottom: 1px solid #ffffff; }
#forstudio .ant_li { list-style-type: disc; list-style-position: inside; text-align: left; width: 800px; margin: auto; margin-top: 25px; }
@media screen and (max-width: 767px) { #forstudio .ant_li { width: 100%; font-size: 13px; } }
#forstudio .ant_li li { margin-bottom: 1em; line-height: 1.5; padding-left: 1em; text-indent: -1.5em; }

/* /#forstudio */
/*/////////////////////////////
掲載申し込みフォーム
/////////////////////////////*/
#entry_form { font-size: 18px; }
#entry_form .table_form td, #entry_form .table_form td { padding: 5%; }
#entry_form .table_form th { background-color: #9C794F; color: #fff; }

/* /#entry_form */
/*///////////////////////////// User向けページ
/////////////////////////////*/
#foruser .key_visual { height: 500px; background-image: url(../img/foruser/bg_main.jpg); background-size: cover; background-position: center center; padding-top: 150px; position: relative; }
@media screen and (max-width: 767px) { #foruser .key_visual { height: 50vh; padding-top: 15vh; } }
#foruser .key_visual .inner { max-width: 1440px; margin: auto; }
@media screen and (max-width: 767px) { #foruser .key_visual .inner { max-width: 100%; } }
#foruser h1 { color: #ffffff; font-size: 50px; text-align: center; }
@media screen and (max-width: 767px) { #foruser h1 { font-size: 8vw; } }
#foruser h1 span { background-color: rgba(26, 26, 26, 0.8); /* display: inline-block; */ margin-bottom: 10px; padding: 0 10px; line-height: 1.25; }
#foruser .tab_cmp { position: absolute; bottom: 0; margin-left: 50px; margin-bottom: 0; }
@media screen and (max-width: 767px) { #foruser .tab_cmp { margin-left: 5%; } }
#foruser .tab_cmp img { width: 600px; }
@media screen and (max-width: 767px) { #foruser .tab_cmp img { width: 95%; } }
#foruser .logo_mark { width: 450px; position: absolute; top: 125px; right: 50px; }
@media screen and (max-width: 767px) { #foruser .logo_mark { width: 50%; bottom: -10vh; right: -2vw; } }
#foruser #sec_01 { background-color: #f7f7f7; }
#foruser #sec_03 { background-color: #f7f7f7; background-image: url(../img/foruser/bg_features.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
#foruser .inner_sec { max-width: 1440px; margin: auto; padding: 75px 0; }
@media screen and (max-width: 767px) { #foruser .inner_sec { min-width: 94%; padding: 10% 0; width: 94%; } }
#foruser .bg_brown { background-color: #EBE2D8; }
#foruser .ttl_about { font-size: 30px; font-weight: 700; color: #1A1A1A; line-height: 1.5; background: linear-gradient(transparent 60%, #e8e868 0%); display: inline; }
@media screen and (max-width: 767px) { #foruser .ttl_about { font-size: 20px; } }
#foruser .ttl_cmp { font-size: 33px; background-image: url(../img/forstudio/bg_cmp.svg); color: #ffffff; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: auto 120%; padding: 10px 100px; }
#foruser .ttl_cmp span { font-size: 45px; }
@media screen and (max-width: 767px) { #foruser .ttl_cmp span { font-size: 30px; } }
@media screen and (max-width: 767px) { #foruser .ttl_cmp { font-size: 18px; padding: 5%; background-size: 100% auto; padding-top: 2%; } }
#foruser .title { text-align: center; margin-bottom: 75px !important; }
@media screen and (max-width: 767px) { #foruser .title { margin-bottom: 7% !important; } }
#foruser .title .inner { display: inline-block; background-image: url(../img/forstudio/bg_h_left.svg), url(../img/forstudio/bg_h_right.svg); background-repeat: no-repeat; background-position: left 0 center, right 0 center; background-size: auto 100%; padding: 0 35px; }
#foruser .title .inner h2 { color: #9C794F; font-size: 65px; font-weight: 800; line-height: 1.25; margin-bottom: 0; }
@media screen and (max-width: 767px) { #foruser .title .inner h2 { font-size: 30px; } }
#foruser .title .inner p { font-size: 20px; font-weight: 500; line-height: 1.25; margin-bottom: 0; }
@media screen and (max-width: 767px) { #foruser .title .inner p { font-size: 15px; } }
#foruser .content_01 .left { width: 47.5%; float: left; }
@media screen and (max-width: 767px) { #foruser .content_01 .left { width: 94%; float: none; text-align: center; margin: auto; margin-bottom: 15%; } }
#foruser .content_01 .right { width: 47.5%; float: right; }
@media screen and (max-width: 767px) { #foruser .content_01 .right { width: 94%; float: none; margin: auto; } }
#foruser .screen_shot { position: absolute; width: 700px; }
@media screen and (max-width: 767px) { #foruser .screen_shot { position: static; width: 95%; margin: auto; } }
#foruser .about_list { margin-top: 50px; padding-right: 25px; margin-bottom: 75px; }
@media screen and (max-width: 767px) { #foruser .about_list { padding-right: 0; margin-left: 0; } }
#foruser .about_list li { list-style-type: none; padding: 25px; line-height: 1.5; background-color: #ffffff; margin-bottom: 35px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); font-size: 18px; font-weight: 600; background-image: url(../img/forstudio/bg_about.svg); background-repeat: no-repeat; background-size: 25px; }
@media screen and (max-width: 767px) { #foruser .about_list li { padding: 5%; font-size: 15px; margin-bottom: 4%; } }
#foruser .entry_btn { text-align: center; }
@media screen and (max-width: 767px) { #foruser .entry_btn { width: 94%; margin: auto; margin-top: 15%; } }
#foruser .entry_btn a { font-size: 34px; font-weight: 600; display: inline-block; background-color: #f4d400; padding: 20px 100px; border-radius: 5px; margin-bottom: 25px; background-image: url(../img/forstudio/cursor.svg); background-repeat: no-repeat; background-position: right 20px center; background-size: auto 18px; }
@media screen and (max-width: 767px) { #foruser .entry_btn a { width: 100%; font-size: 18px; padding: 5%; } }
#foruser .entry_btn a:hover { text-decoration: none; color: #ffffff; background-color: #9C794F; }
#foruser .entry_btn p { font-size: 12px; line-height: 1.5; }
#foruser .bg_nayami { background-image: url(../img/foruser/pic_01.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: right center; }
@media screen and (max-width: 767px) { #foruser .bg_nayami { padding-bottom: 50%; background-size: 100% auto; background-position: center 80%; } }
#foruser .nayami { position: relative; width: 50%; padding-bottom: 100px; margin-left: 100px; }
@media screen and (max-width: 767px) { #foruser .nayami { margin-left: 0; width: 100%; } }
#foruser .nayami .icon_fukidashi { width: 150px; position: absolute; right: 0; bottom: -30px; }
@media screen and (max-width: 767px) { #foruser .nayami .icon_fukidashi { width: 20%; left: 5%; bottom: 8%; } }
#foruser .nayami .fukidashi { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); background-color: #fff; padding: 35px 50px; border-radius: 150px; width: 95%; }
@media screen and (max-width: 767px) { #foruser .nayami .fukidashi { width: 100%; border-radius: 10%; padding: 4%; } }
#foruser .nayami .fukidashi h2 { font-size: 30px; text-align: center; color: #9C794F; background-image: url(../img/foruser/underline.svg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 20px; margin-bottom: 25px; }
@media screen and (max-width: 767px) { #foruser .nayami .fukidashi h2 { font-size: 20px; } }
#foruser .nayami .fukidashi ul li { font-size: 18px; margin-bottom: 20px; }
@media screen and (max-width: 767px) { #foruser .nayami .fukidashi ul li { font-size: 16px; line-height: 1.25; } }
#foruser .feature_list { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 75px; padding-left: 0; margin-left: 0; }
#foruser .feature_list li { width: 30%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); background-color: #fff; position: relative; margin-bottom: 5%; list-style-type: none; padding: 25px; padding-top: 100px; margin-bottom: 10%; }
@media screen and (max-width: 767px) { #foruser .feature_list li { width: 100%; margin-bottom: 15%; } }
#foruser .feature_list li .icon { width: 100%; text-align: center; position: absolute; top: -25%; margin-left: -5%; }
@media screen and (max-width: 767px) { #foruser .feature_list li .icon { top: -10%; } }
#foruser .feature_list li .icon img { width: 125px; }
@media screen and (max-width: 767px) { #foruser .feature_list li .icon img { width: 25%; } }
#foruser .feature_list li h3 { color: #9C794F; font-size: 25px; font-weight: 700; display: flex; }
@media screen and (max-width: 767px) { #foruser .feature_list li h3 { font-size: 18px; } }
#foruser .feature_list li h3 .num { font-size: 60px; font-weight: 100; margin-right: 3%; }
@media screen and (max-width: 767px) { #foruser .feature_list li h3 .num { font-size: 40px; } }
#foruser .feature_list li p { font-size: 16px; line-height: 1.5; }
#foruser .feature_list li:nth-child(4) { margin-left: 250px; }
@media screen and (max-width: 767px) { #foruser .feature_list li:nth-child(4) { margin-left: 0; } }
#foruser .feature_list li:nth-child(5) { margin-right: 250px; }
@media screen and (max-width: 767px) { #foruser .feature_list li:nth-child(5) { margin-right: 0; } }

/* /#foruser */

/*# sourceMappingURL=page.css.map */