@charset "UTF-8";
/* CSS Document */
/*---------------------------------------------------------------
01.top
02.information　お知らせ　一覧
03.information_detail　お知らせ詳細
04.flow　動画制作の流れ
05.template　テンプレート集　一覧
06.template_detail　テンプレート詳細
07.terms_privacypolicy　利用規約・プライバシーポリシー
08.order　ベーシック・カスタム・サブスクプラン専用　注文フォーム
09.order_confirm　ベーシック・カスタム・サブスクプラン専用　確認画面
10.order_done　ベーシック・カスタム・サブスクプラン専用　完了画面
11.custommade　オーダーメイドプラン専用　注文フォーム
12.custommade_confirm　オーダーメイドプラン専用　確認画面
13.custommade_done　オーダーメイドプラン専用　完了画面
14.contact　お問い合わせフォーム
15.contact_confirm　お問い合わせ　確認画面
16.contact_done　お問い合わせ　完了画面
----------------------------------------------------------------*/

@media only screen and (max-width:1719px) {
  /*----------
01.top
----------*/

  #top .mv_cnt {
    width: 61.686vw;
  }

  #top .mv_cnt .mv_text {
    width: 48.837vw;
    padding: 1.86vw 0;
  }

  #top .mv_cnt .mv_text .box01 {
    font-size: 1.802vw;
    line-height: 2.791vw;
  }

  #top #about_area .cnt_g .left_box {
    width: 56.9%;
    padding: 7.965vw 4.5vw;
  }

  #top #about_area .cnt_g .left_box .cnt_box {
    max-width: 472px;
    padding-left: 3.721vw;
  }

  #top #about_area .cnt_g .right_box {
    margin-top: 12.267vw;
  }

  #top #about_area .cnt_g .right_box .youtube_box {
    margin-right: 2.035vw;
  }

  /*-----------------------------
02.information　お知らせ　一覧
------------------------------*/


  /*---------------------------------
03.information_detail　お知らせ詳細
----------------------------------*/


  /*----------------------
04.flow　動画制作の流れ
-----------------------*/

  /*------------------------------
05.template　テンプレート集　一覧
--------------------------------*/
  /*modal*/

  #modal_area .modal_block .cnt_box .plan_g ul li {
    width: 31.9%;
  }


  /*END modal*/







  /*-----------------------------------
06.template_detail　テンプレート詳細
------------------------------------*/

  /*--------------------------------------------------
07.terms_privacypolicy　利用規約・プライバシーポリシー
---------------------------------------------------*/

  /*----------------------------------------------------------
08.order　ベーシック・カスタム・サブスクプラン専用　注文フォーム
------------------------------------------------------------*/

  /*--------------------------------------------------------------
09.order_confirm　ベーシック・カスタム・サブスクプラン専用　確認画面
---------------------------------------------------------------*/

  /*------------------------------------------------------------
10.order_done　ベーシック・カスタム・サブスクプラン専用　完了画面
-------------------------------------------------------------*/

  /*---------------------------------------------------
11.custommade　オーダーメイドプラン専用　注文フォーム
----------------------------------------------------*/

  /*-----------------------------------------------------
12.custommade_confirm　オーダーメイドプラン専用　確認画面
------------------------------------------------------*/

  /*--------------------------------------------------
13.custommade_done　オーダーメイドプラン専用　完了画面
---------------------------------------------------*/

  /*-------------------------------
14.contact　お問い合わせフォーム
--------------------------------*/

  /*---------------------------------------
15.contact_confirm　お問い合わせ　確認画面
----------------------------------------*/

  /*-------------------------------------
16.contact_done　お問い合わせ　完了画面
--------------------------------------*/


}


@media only screen and (max-width:1280px) {
  /*----------
  01.top
  ----------*/

  #top #mv_area {
    margin-bottom: 100px;
  }

  #top #information_area {
    margin-bottom: 270px;
  }

  #top #about_area {
    margin-bottom: 150px;
  }

  #top #about_area .cnt_g .left_box h2 {
    font-size: 85px;
    line-height: 100px;
    letter-spacing: 0.1em;
    margin-bottom: 60px;
  }

  #top #about_area .cnt_g .left_box {
    border-radius: 170px;
  }

  #top #about_area .cnt_g .left_box .cnt_box {
    max-width: 410px;
  }

  #top #about_area .cnt_g .left_box p {
    font-size: 15px;
  }

  #top #about_area .cnt_g .left_box .img_box {
    left: 34.977vw;
    width: 104%;
  }

  #top #about_area .cnt_g .right_box {
    width: 40%;
    margin-top: 8vw;
  }

  #top #about_area .cnt_g .right_box .youtube_box {
    width: 22vw;
    margin-right: 1vw;
  }

  #top #about_area .cnt_g .right_box .youtube_box img {
    width: 14.141vw;
  }

  #top #about_area .cnt_g .right_box .youtube_box p {
    font-size: 18px;
    line-height: 30px;
  }

  #top #about_area .cnt_g .right_box .youtube_box p span {
    font-size: 14px;
  }

  #top #about_area .cnt_g .right_box .balloon_box {
    width: 18.984vw;
    height: 9.531vw;
  }

  #top #about_area .cnt_g .right_box .balloon_box p {
    font-size: clamp(20px, 2.188vw, 28px);
    line-height: 1.214;
  }

  #top #about_area .cnt_g .right_box .balloon_box p span.normal_text {
    font-size: clamp(16px, 1.563vw, 20px);
  }

  #top #about_area .cnt_g .right_box .balloon_box p span.small_text {
    font-size: clamp(15px, 1.641vw, 21px);
  }

  #top #about_area .cnt_g .right_box .balloon_box p span.vertical {
    width: 0.680vw;
  }

  #top #service_area {
    margin: 0 auto 125px;
  }

  #top #service_area .service_g .cnt_box:nth-child(1) .benefit img {
    width: 9.419vw;
  }

  #top #service_area .service_g .cnt_box:nth-child(2) .benefit img {
    width: 9.651vw;
  }

  #top #service_area .service_g .cnt_box:nth-child(3) .benefit img {
    width: 16.163vw;
  }

  #top #plan_area {
    padding: 100px 0 150px;
    margin-bottom: 100px;
  }

  #top #plan_area .plan_g .cnt_box {
    width: 24%;
  }

  #top #plan_area .plan_g .cnt_box h3 {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 10px;
  }

  #top #plan_area .plan_g .cnt_box .inner {
    padding: 15px;
  }

  #top #plan_area .plan_g .cnt_box p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 15px;
  }

  #top #plan_area .plan_g .cnt_box dl dt {
    width: 70px;
    letter-spacing: 0.05em;
  }

  #top #plan_area .plan_g .cnt_box dl dd {
    width: calc(100% - 70px);
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 0;
    margin-left: 7px;
  }

  #top #plan_area .table_g table th {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
  }

  #top #plan_area .table_g table td {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0;
  }

  #top #plan_area .table_g table td span {
    display: block;
    font-size: 11px;
    letter-spacing: 0;
  }

  #top #plan_area .table_g table td span .pc {
    display: none;
  }

  #top #line_area {
    margin: 0 auto 100px;
  }

  #top #faq_area .title_g {
    margin: 0 auto 100px;
  }

  /*-----------------------------
02.information　お知らせ　一覧
------------------------------*/


  /*---------------------------------
03.information_detail　お知らせ詳細
----------------------------------*/


  /*----------------------
04.flow　動画制作の流れ
-----------------------*/

  #flow #flow_area .cnt_g .left_box {
    border-radius: 135px;
    padding: 6.1% 6% 6%;
  }

  #flow #flow_area .cnt_g .right_box {
    width: 56.9%;
  }

  #flow #flow_area .cnt_g .right_box li {
    padding: 5% 5% 5% 11%;
  }






  /*------------------------------
05.template　テンプレート集　一覧
--------------------------------*/
  /*modal*/

  #modal_area .modal_block .modal_cnt {
    padding: 60px 30px 70px;
  }

  #modal_area .modal_block .cnt_box .plan_g ul li {
    font-size: 15px;
    padding: 13px 5px;
  }

  #modal_area .modal_block .cnt_box .plan_g span {
    font-size: 20px;
    margin-bottom: 21px;
  }

  #modal_area .modal_block .cnt_box p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 34px;
    padding: 0;
  }

  #modal_area .btn_ptn04 a {
    font-size: 19.6px;
    padding: 11px 0 13px;
  }

  /*END modal*/







  /*-----------------------------------
06.template_detail　テンプレート詳細
------------------------------------*/

  /*--------------------------------------------------
07.terms_privacypolicy　利用規約・プライバシーポリシー 
---------------------------------------------------*/

  /*----------------------------------------------------------
08.order　ベーシック・カスタム・サブスクプラン専用　注文フォーム
------------------------------------------------------------*/

  /*--------------------------------------------------------------
09.order_confirm　ベーシック・カスタム・サブスクプラン専用　確認画面
---------------------------------------------------------------*/

  /*------------------------------------------------------------
10.order_done　ベーシック・カスタム・サブスクプラン専用　完了画面
-------------------------------------------------------------*/

  /*---------------------------------------------------
11.custommade　オーダーメイドプラン専用　注文フォーム
----------------------------------------------------*/

  /*-----------------------------------------------------
12.custommade_confirm　オーダーメイドプラン専用　確認画面
------------------------------------------------------*/

  /*--------------------------------------------------
13.custommade_done　オーダーメイドプラン専用　完了画面
---------------------------------------------------*/

  /*-------------------------------
14.contact　お問い合わせフォーム
--------------------------------*/

  /*---------------------------------------
15.contact_confirm　お問い合わせ　確認画面
----------------------------------------*/

  /*-------------------------------------
16.contact_done　お問い合わせ　完了画面
--------------------------------------*/












}


@media only screen and (max-width:1024px) {
  /*----------
01.top
----------*/

  #top #mv_area {
    margin-bottom: 60px;
  }

  #top #information_area {
    margin-bottom: 200px;
  }

  #top #information_area .arch {
    font-size: 28px;
  }

  #top #about_area {
    margin-bottom: 130px;
  }

  #top #about_area .cnt_g {
    margin-right: 0;
  }

  #top #about_area .cnt_g .left_box::before {
    top: -56px;
    width: 90px;
    height: 149px;
  }

  #top #about_area .cnt_g .left_box {
    width: 60%;
    border-radius: 130px;
    padding: 10vw 4.5vw;
  }

  #top #about_area .cnt_g .left_box h2 {
    font-size: 72px;
    line-height: 90px;
    margin-bottom: 45px;
  }

  #top #about_area .cnt_g .left_box .sub_title {
    font-size: 25.5px;
    line-height: 36px;
    margin-bottom: 30px;
  }

  #top #about_area .cnt_g .left_box p {
    font-size: 14px;
    line-height: 28.8px;
    font-feature-settings: "palt";
  }

  #top #about_area .cnt_g .right_box {
    width: 39%;
    margin-top: 100px;
  }

  #top #about_area .cnt_g .right_box .youtube_box p {
    font-size: 14px;
    line-height: 26px;
  }

  #top #about_area .cnt_g .right_box .youtube_box p span {
    font-size: 13px;
  }

  #top #about_area .cnt_g .right_box .balloon_box {
    right: -2.219vw;
  }

  #top #about_area .cnt_g .right_box .balloon_box p span.vertical {
    width: 0.8vw;
  }

  #top .title_g .sub_title {
    font-size: 15px;
    line-height: 29px;
  }

  #top #service_area .service_g .cnt_box {
    width: 31%;
  }

  #top #service_area .service_g .cnt_box::before {
    width: 220px;
    height: 220px;
  }

  #top #service_area .service_g .cnt_box .benefit {
    margin: -45px 0 30px;
  }

  #top #service_area .service_g .cnt_box:last-child .benefit {
    margin: -45px 0 1.27vw;
  }

  #top #service_area .service_g h3 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px;
  }

  #top #service_area .service_g p {
    font-size: 14px;
    line-height: 26px;
  }

  #top #plan_area {
    padding: 70px 0 100px;
    margin-bottom: 60px;
  }

  #top #plan_area .plan_g {
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 0 auto;
  }

  #top #plan_area .plan_g .cnt_box {
    width: 48%;
    max-width: 325px;
    margin-bottom: 60px;
  }

  #top #plan_area .table_g {
    padding: 25px 20px;
  }

  #top #line_area {
    margin: 0 auto 60px;
  }

  #top #line_area .cnt_g a {
    justify-content: space-evenly;
    padding: 15px 20px;
  }

  #top #line_area .cnt_g .cnt_text {
    padding: 10px;
  }

  #top #line_area .cnt_g h3 {
    font-size: 18px;
    margin-bottom: 7px;
    padding-bottom: 7px;
  }

  #top #line_area .cnt_g .cnt_text p {
    font-size: 24px;
    line-height: 45px;
  }

  #top #line_area .cnt_g .cnt_text p .text_big {
    font-size: 30px;
  }

  #top #line_area .cnt_g .cnt_text p .text_mdl {
    font-size: 25px;
  }

  /*template動画テンプレートリスト*/

  #template_area .templete_g .cnt_box h3 {
    font-size: 18px;
    line-height: 30px;
  }

  /*END template動画テンプレートリスト*/

  #top #faq_area .title_g .sub_title a {
    font-size: 24px;
    padding: 45px 0 40px;
  }

  /*-----------------------------
02.information　お知らせ　一覧
------------------------------*/


  /*---------------------------------
03.information_detail　お知らせ詳細
----------------------------------*/


  /*----------------------
04.flow　動画制作の流れ
-----------------------*/

  #flow #flow_area .cnt_g .left_box {
    width: 43.3%;
    border-radius: 110px;
    padding: 7.1% 4% 10%;
    margin-right: 2.8%;
  }

  #flow #flow_area .cnt_g .left_box::before {
    top: -56px;
    left: 40px;
    width: 90px;
    height: 149px;
  }

  #flow #flow_area .cnt_g .left_box h2 {
    font-size: 51px;
    line-height: 82px;
    margin-bottom: 60px;
  }

  #flow #flow_area .cnt_g .left_box h2 span.color_white {
    font-size: 30px;
  }

  #flow #flow_area .cnt_g .left_box h2 span.text_big {
    font-size: 74px;
  }

  #flow #flow_area .cnt_g .left_box p {
    font-size: 14px;
    line-height: 26px;
  }

  #flow #flow_area .cnt_g .right_box {
    width: 53.9%;
  }

  #flow #flow_area .cnt_g .right_box li {
    border-radius: 50px;
    padding: 5%;
  }

  #flow #flow_area .cnt_g .right_box li .cnt_text h3 {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 5.8px;
  }

  #flow #flow_area .cnt_g .right_box li .number {
    width: 72px;
    margin-right: 4%;
  }

  #flow #flow_area .cnt_g .right_box li .cnt_text {
    width: 79.3%;
  }


  #flow #flow_area .cnt_g .right_box li .cnt_text p {
    font-size: 13.5px;
    line-height: 23.4px;
  }

  #flow #flow_area .cnt_g .right_box li:last-child {
    padding: 5%;
  }

  #flow #flow_area .cnt_g .right_box li:last-child .number {
    width: 112px;
    font-size: 23px;
    margin-right: 5%;
  }



  /*------------------------------
05.template　テンプレート集　一覧
--------------------------------*/

  /*-----------------------------------
06.template_detail　テンプレート詳細
------------------------------------*/

  /*--------------------------------------------------
07.terms_privacypolicy　利用規約・プライバシーポリシー
---------------------------------------------------*/

  /*----------------------------------------------------------
08.order　ベーシック・カスタム・サブスクプラン専用　注文フォーム
------------------------------------------------------------*/

  /*フォームデフォルトCSS*/

  .form_page .title_area .plan_list .list {
    font-size: 15px;
  }

  /*END　フォームデフォルトCSS*/


  /*--------------------------------------------------------------
09.order_confirm　ベーシック・カスタム・サブスクプラン専用　確認画面
---------------------------------------------------------------*/

  /*------------------------------------------------------------
10.order_done　ベーシック・カスタム・サブスクプラン専用　完了画面
-------------------------------------------------------------*/

  /*---------------------------------------------------
11.custommade　オーダーメイドプラン専用　注文フォーム
----------------------------------------------------*/

  /*-----------------------------------------------------
12.custommade_confirm　オーダーメイドプラン専用　確認画面
------------------------------------------------------*/

  /*--------------------------------------------------
13.custommade_done　オーダーメイドプラン専用　完了画面
---------------------------------------------------*/

  /*-------------------------------
14.contact　お問い合わせフォーム
--------------------------------*/

  /*---------------------------------------
15.contact_confirm　お問い合わせ　確認画面
----------------------------------------*/

  /*-------------------------------------
16.contact_done　お問い合わせ　完了画面
--------------------------------------*/





}

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

  /*----------
01.top
----------*/
  #top #mv_area {
    margin-bottom: 70px;
  }

  #top .mv_g .cnt_img .pc {
    display: none;
  }

  #top .mv_g .cnt_img .sp {
    display: block;
  }

  #top .mv_cnt {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 268px;
    width: 100%;
    height: 268px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.85);
  }

  #top .mv_cnt .mv_text {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
  }

  #top .mv_cnt .mv_text .box01 {
    color: #2D96AC;
    font-size: 15px;
    line-height: 23px;
  }

  #top .mv_cnt .mv_text .box02 {
    max-width: 132px;
    width: 100%;
    margin: 24px auto 0;
  }

  #top .title_g {
    margin: 0 auto 35px;
  }

  /*informationお知らせリスト*/

  #top #information_area .arch {
    font-size: 27px;
    line-height: 79px;
  }

  #information_area .information_g {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 10px;
  }

  #information_area .information_g li {
    width: 47.5%;
    margin: 0 0 30px;
  }

  #information_area .information_g li .cnt_img {
    margin-bottom: 16px;
  }

  #information_area .information_g li .date {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 13px;
  }

  #information_area .information_g li h3 {
    font-size: 12px;
    line-height: 20px;
  }

  /*END informationお知らせリスト*/

  #top #about_area {
    margin-bottom: 100px;
  }

  #top #about_area .cnt_g {
    display: block;
    margin: 0 auto;
  }

  #top #about_area .cnt_g .left_box {
    top: -38px;
    width: 100%;
    border-radius: 103px;
    padding: 90px 10px 82px 30px;
  }

  #top #about_area .cnt_g .left_box h2 {
    font-size: 54px;
    line-height: 69px;
    margin-bottom: 31px;
  }

  #top #about_area .cnt_g .left_box::before {
    width: 70.8px;
    height: 117.27px;
  }

  #top #about_area .cnt_g .left_box .cnt_box {
    padding-left: 0;
  }

  #top #about_area .cnt_g .right_box {
    width: 100%;
    flex-direction: column-reverse;
    margin: 45px auto 0;
  }

  #top #about_area .cnt_g .right_box .youtube_box {
    width: 100%;
    margin: 0 auto;
  }

  #top #about_area .cnt_g .right_box .youtube_box img {
    width: 181px;
    margin: 0 auto 18px;
  }

  #top #about_area .cnt_g .right_box .youtube_box p {
    font-size: 21px;
    line-height: 32px;
  }

  #top #about_area .cnt_g .right_box .youtube_box p span {
    font-size: 16px;
  }

  #top #about_area .cnt_g .right_box .balloon_box {
    position: static;
    width: 242px;
    height: 124px;
    background: url(../img/top/bg_balloon_sp.svg) no-repeat;
    background-size: contain;
    margin: 0 auto 30px;
  }

  #top #about_area .cnt_g .right_box .balloon_box p {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.03em;
    padding-left: 0;
  }

  #top #about_area .cnt_g .right_box .balloon_box p span.normal_text {
    font-size: 20px;
  }

  #top #about_area .cnt_g .right_box .balloon_box p span.small_text {
    font-size: 21px;
  }

  #top #about_area .cnt_g .right_box .balloon_box p span.vertical {
    font-size: 12px;
    transform: scale(1);
    width: 11.7px;
    margin: -5px 3px 0 3px;
  }

  #top #about_area .cnt_g .img_box {
    position: relative;
    bottom: -40px;
  }


  #top #service_area .title_g {
    margin: 0 auto 130px;
  }

  #top #service_area .service_g {
    display: block;
    margin: 0 auto 12px;
  }

  #top #service_area .service_g .cnt_box {
    width: 100%;
    margin: 0 auto 160px;
  }

  #top #service_area .service_g .cnt_box:nth-child(3) {
    margin-bottom: 130px;
  }

  #top #service_area .service_g .cnt_box:nth-child(1) .benefit img {
    width: 162px;
  }

  #top #service_area .service_g .cnt_box:nth-child(2) .benefit img {
    width: 166px;
  }

  #top #service_area .service_g .cnt_box:nth-child(3) .benefit img {
    width: 278px;
  }

  #top #service_area .service_g .cnt_box .benefit {
    margin: 0 auto;
    position: relative;
    top: -45px;
  }

  #top #service_area .service_g .cnt_box:last-child .benefit {
    margin: 0 auto -20px;
  }

  #top #service_area .service_g .cnt_box::before {
    width: 264px;
    height: 264px;
  }

  #top #service_area .service_g h3 {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 34px;
  }

  #top #service_area .service_g h3 span {
    line-height: 32px;
  }

  #top #service_area .service_g .cnt_box:nth-child(3) h3 {
    margin-bottom: 5px;
  }

  #top #service_area {
    margin: 0 auto 95px;
  }

  #top #plan_area {
    padding: 50px 0 5px;
  }

  #top #plan_area .title_g {
    margin: 0 auto 70px;
  }

  #top #plan_area .sub_title {
    padding-top: 22px;
  }

  #top #plan_area .plan_g {
    display: block;
    margin: 0 auto;
  }

  #top #plan_area .plan_g .cnt_box {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 64px;
  }

  #top #plan_area .plan_g .cnt_box .decoration {
    margin: -20px auto 0;
  }

  #top #plan_area .plan_g .cnt_box .cnt_img {
    margin: 0 auto 0;
  }

  #top #plan_area .plan_g .cnt_box h3 {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 15px;
  }

  #top #plan_area .plan_g .cnt_box .inner {
    padding: 15px 29px 30px;
  }

  #top #plan_area .plan_g .cnt_box p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 30px;
  }

  #top #plan_area .plan_g .cnt_box dl>div {
    margin-bottom: 7px;
  }

  #top #plan_area .plan_g .cnt_box dl dt {
    width: 77px;
  }

  #top #plan_area .plan_g .cnt_box dl dd {
    width: calc(100% - 77px);
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 0.0em;
    margin-left: 10px;
  }

  #top #plan_area .plan_g .cnt_box p span {
    font-size: 13px;
    letter-spacing: 0.01em;
  }

  #top #plan_area .plan_g .cnt_box:nth-child(2) .cnt_img {
    margin: 25px auto;
  }

  #top #plan_area .plan_g .cnt_box:nth-child(4) .cnt_img {
    margin: 25px auto;
  }

  #top #line_area {
    margin: 0 auto 70px;
  }

  #top #line_area .contents_in {
    max-width: 345px;
  }

  #top #line_area .cnt_g a {
    flex-wrap: wrap;
    justify-content: space-between;
    border: 3px solid #06C755;
  }

  #top #line_area .cnt_g h3 {
    width: 100%;
    max-width: 265px;
    color: #06C755;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin: 0 auto 15px;
    padding-bottom: 2px;
    text-align: center;
  }

  #top #line_area .cnt_g .icon_box {
    width: 78px;
  }

  #top #line_area .cnt_g .cnt_text {
    width: calc(100% - 78px);
    padding: 0 0 0 22px;
  }

  #top #line_area .cnt_g .cnt_text p {
    font-size: 20px;
    line-height: 35px;
  }

  #top #line_area .cnt_g .cnt_text p .text_big {
    font-size: 33px;
  }

  /*template動画テンプレートリスト*/
  #top #template_area {
    margin-bottom: 40px;
  }

  #top #template_area .title_g {
    margin-bottom: 20px;
  }

  #top #template_area .title_g .sub_title {
    padding-top: 20px;
  }

  #template_area .contents_in {
    width: calc(100% - 6.5vw);
  }

  #template_area .templete_g {
    justify-content: space-between;
    margin: 0 auto 35px;
  }

  #template_area .templete_g .cnt_box {
    position: relative;
    width: 48.85%;
    margin: 0 0 25px;
  }

  #template_area .templete_g .cnt_box .cnt_img {
    margin: 0 auto 8px;
  }

  #template_area .templete_g .cnt_box .cate_g li {
    width: 87px;
    border-radius: 13px;
    font-size: 10px;
    line-height: 12px;
    padding: 3px 0 5px;
    margin: 0 0 3px -6px;
    transform: scale(0.83);
  }

  #template_area .templete_g .cnt_box h3 {
    font-size: 12px;
    line-height: 17px;
  }

  #template_area .templete_g .cnt_box .new {
    top: -12px;
    left: -8px;
    width: 34px;
    height: 34px;
    font-size: 10px;
    transform: scale(0.7);
  }

  /*END template動画テンプレートリスト*/

  #top #faq_area .title_g .sub_title {
    width: 78.133vw;
    margin: -53px auto 0;
  }

  #top #faq_area .title_g .sub_title a {
    font-size: 14px;
    padding: 21px 0 19px;
  }

  /*-----------------------------
02.information　お知らせ　一覧
------------------------------*/
  #information {
    padding-bottom: 100px;
  }

  #information .title_area {
    margin: 75px auto 90px;
  }

  #information .information_g {
    margin: 0 auto 80px;
  }

  /*---------------------------------
03.information_detail　お知らせ詳細
----------------------------------*/

  /*詳細ページ共通部分*/

  .detail_page .article_area .contents_in {
    width: calc(100% - 16vw);
  }

  .detail_page .article_area .cnt_img {
    margin: 0 auto 42px;
  }

  .detail_page .article_area .detail_text {
    font-size: 12px;
    line-height: 26px;
    margin: 0 auto 83px;
  }

  .detail_page .article_area .btn_g .contents_btn a {
    font-size: 14.4px;
    line-height: 20px;
  }

  .detail_page .article_area .btn_g .contents_btn a::after {
    bottom: -5px;
    width: 79.37px;
    height: 7.37px;
  }

  /*END 詳細ページ共通部分*/

  #information_detail .title_area {
    margin: 90px auto 70px;
  }

  #information_detail .article_area .date {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 63px;
    text-align: center;
  }

  #information_detail .article_area .article_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.08em;
    margin-bottom: 50px;
  }

  /*----------------------
04.flow　動画制作の流れ
-----------------------*/
  #flow {
    padding-bottom: 100px;
  }

  #flow .title_area {
    margin: 90px auto 160px;
  }

  #flow #flow_area .cnt_g {
    display: block;
  }

  #flow #flow_area .cnt_g .left_box {
    width: 100%;
    border-radius: 106px;
    padding: 55px 55px 50px;
    margin: 0 auto 64px;
  }

  #flow #flow_area .cnt_g .left_box::before {
    top: -82px;
    left: 40px;
    width: 97.22px;
    height: 161px;
  }

  #flow #flow_area .cnt_g .left_box h2 {
    font-size: 41px;
    line-height: 50px;
    margin-bottom: 45px;
  }

  #flow #flow_area .cnt_g .left_box h2 span.color_white {
    font-size: 25.5px;
    line-height: 34px;
    margin-bottom: 8.7px;
  }

  #flow #flow_area .cnt_g .left_box h2 span.text_big {
    font-size: 57px;
  }

  #flow #flow_area .cnt_g .left_box h2 span.more_big {
    font-size: 116px;
  }

  #flow #flow_area .cnt_g .right_box {
    width: 100%;
    margin: 0 auto;
  }

  #flow #flow_area .cnt_g .right_box li {
    display: block;
    border-radius: 63px;
    padding: 34.31px 14px 51px;
  }

  #flow #flow_area .cnt_g .right_box li .number {
    width: 74px;
    margin: 0 auto 24px;
  }

  #flow #flow_area .cnt_g .right_box li .cnt_text {
    width: 100%;
    text-align: center;
  }

  #flow #flow_area .cnt_g .right_box li .cnt_text h3 {
    text-align: center;
  }

  #flow #flow_area .cnt_g .right_box li::after {
    width: 54.19px;
    height: 30.69px;
  }

  #flow #flow_area .cnt_g .right_box li:last-child {
    padding: 74px 14px 66px;
  }

  #flow #flow_area .cnt_g .right_box li:last-child .number {
    width: 100%;
    font-size: 27px;
    margin: 0 auto 15px;
    text-align: center;
  }











  /*------------------------------
05.template　テンプレート集　一覧
--------------------------------*/
  #template {
    padding-bottom: 130px;
  }

  #template .title_area {
    margin: 75px auto 72px;
  }

  #template .category_list_area {
    margin: 0 auto 50px;
  }

  #template #template_area .contents_in {
    width: calc(100% - 8.64vw);
  }

  #template #template_area .templete_g {
    margin: 0 auto 90px;
  }

  #template #template_area .templete_g .cnt_box {
    width: 47.8%;
    margin: 0 0 40px;
  }

  #template #template_area .templete_g .cnt_box .cnt_img {
    margin: 0 auto 15px;
  }

  #template #template_area .templete_g .cnt_box .new {
    top: -18px;
    left: -4px;
    width: 44px;
    height: 44px;
    font-size: 12.25px;
    transform: scale(1);
  }

  #template #template_area .templete_g .cnt_box .cate_g li {
    width: 79px;
    border-radius: 13px;
    font-size: 10px;
    line-height: 11px;
    padding: 4px 0 5px;
    margin: 0 5px 7px 0;
    transform: scale(1);
  }

  #template #template_area .templete_g .cnt_box .cate_g li:nth-child(2n) {
    margin: 0 0 7px 0;
  }

  #template #template_area .templete_g .cnt_box h3 {
    font-size: 15px;
    line-height: 21px;
  }


  /*modal*/
  #modal_area .modal_block {
    top: 35px;
  }

  #modal_area .modal_block .inner {
    width: calc(100% - 8.533vw);
    padding: 0 0 35px 0;
  }

  #modal_area .close_btn {
    right: -5px;
    top: -20px;
  }

  #modal_area .close_btn::before {
    width: 47.826px;
    height: 48.48px;
  }

  #modal_area .modal_block .modal_cnt {
    padding: 40px 24px;
  }

  #modal_area .modal_block .cnt_box {
    margin: 0 auto 36px;
  }

  #modal_area .modal_block .cnt_box .plan_g ul {
    display: block;
    max-width: 227px;
    margin: 0 auto;
  }

  #modal_area .modal_block .cnt_box .plan_g ul li {
    width: 100%;
    border-radius: 22px;
    font-size: 16.4px;
    margin: 0 auto 15px;
  }

  #modal_area .modal_block .cnt_box p {
    text-align: left;
  }

  #modal_area .btn_ptn04 a {
    font-size: 15.6px;
    line-height: 22px;
    padding: 8px 0 10px;
  }

  #modal_area .close_btn02 {
    max-width: 180px;
    margin: 40px auto 0;
  }

  /*END modal*/


  /*-----------------------------------
06.template_detail　テンプレート詳細
------------------------------------*/
  /*categoryリスト*/
  .under_page .temp_cate_g {
    margin: 0 auto 25px;
  }

  .under_page .temp_cate_g li a {
    width: 90px;
    font-size: 11px;
    line-height: 14px;
    padding: 3px 0 4px;
    margin: 0 8.5px 10px;
  }

  .under_page .category_list_area .contents_in {
    width: calc(100% - 16vw);
    max-width: 325px;
  }

  .under_page .category_list_area .temp_cate_g {
    justify-content: space-between;
  }

  .under_page .category_list_area .temp_cate_g li a {
    margin: 0 0 22px;
  }

  /*END categoryリスト*/

  #template_detail {
    padding-bottom: 100px;
  }

  #template_detail .title_area {
    margin: 91px auto 65px;
  }

  #template_detail #movie_tmp_area {
    margin: 0 auto 77px;
  }

  #template_detail #movie_tmp_area .article_title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 60px;
  }

  #template_detail #movie_tmp_area .movie_box {
    margin: 0 auto 38px;
  }

  .detail_page .article_area .detail_text {
    margin: 0 auto 50px;
  }

  .detail_page .article_area .btn_ptn02 a {
    letter-spacing: 0.025em;
  }

  #template_detail .btn_ptn02 {
    margin: 0 auto 61px;
  }


  /*--------------------------------------------------
07.terms_privacypolicy　利用規約・プライバシーポリシー
---------------------------------------------------*/
  #terms_privacypolicy .link_g {
    max-width: 205px;
    margin: 100px auto 0;
  }

  #terms_privacypolicy .link_g .btn {
    display: block;
  }

  #terms_privacypolicy .link_g .btn span {
    width: 205px;
    margin-bottom: 12.5px;
  }

  #terms_privacypolicy .link_g .btn span:nth-child(2) {
    margin-bottom: 0;
  }

  #terms_privacypolicy .link_g .btn span a {
    border-radius: 19.44px;
    font-size: 14.26px;
    padding: 15.5px 0;
  }

  #terms_privacypolicy .title_area {
    margin: 0 auto 88px;
    padding-top: 76px;
  }

  #terms_privacypolicy .clause_area {
    padding: 61px 0 65px;
  }

  #terms_privacypolicy .clause_area .contents_in {
    width: calc(100% - 13.333vw);
  }

  #terms_privacypolicy .clause_area p,
  #terms_privacypolicy .clause_area ol li {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.02em;
  }

  #terms_privacypolicy .clause_area p.first_text {
    margin-bottom: 50px;
    letter-spacing: 0.02em;
  }

  #terms_privacypolicy .clause_area h3 {
    font-size: 14.4px;
    line-height: 21px;
    margin-bottom: 11.7px;
  }

  #terms_privacypolicy .clause_area ol {
    padding-left: 0;
  }

  #terms_privacypolicy .clause_area ol.list_g {
    margin-bottom: 37px;
  }

  #terms_privacypolicy .clause_area ol.list_g.g_ptn {
    padding-left: 1em;
  }

  #terms_privacypolicy .clause_area ol li span {
    max-width: 20px;
  }

  #terms_privacypolicy #privacypolicy_area .clause_area {
    padding: 61px 0 110px;
  }

  #terms_privacypolicy #privacypolicy_area .title_area {
    margin: 0 auto 52px;
    padding-top: 95px;
  }

  #terms_privacypolicy #privacypolicy_area .clause_area p.first_text {
    margin-bottom: 32px;
  }






  /*----------------------------------------------------------
08.order　ベーシック・カスタム・サブスクプラン専用　注文フォーム
------------------------------------------------------------*/

  /*フォームデフォルトCSS*/

  .form_page #form_area {
    padding: 60px 0 160px;
  }

  .form_page .title_area {
    margin: 97px auto 54px;
  }

  .form_page .title_area .arch {
    margin-bottom: 42px;
  }

  .form_page .title_area .plan_list {
    display: block;
    max-width: 205px;
    width: 96%;
    margin: 0 auto 23px;
  }

  .form_page .title_area .plan_list .list {
    width: 100%;
    border-radius: 19.44px;
    font-size: 14.3px;
    margin-bottom: 12px;
    padding: 14px 5px;
  }

  .form_page #form_area .btn_other {
    max-width: 246px;
    margin: 0 auto 77px;
  }

  .form_page #form_area .contents_in {
    width: calc(100% - 16vw);
  }

  .form_page #form_area h3 {
    max-width: 132px;
    font-size: 15px;
    line-height: 30px;
    padding: 1px 0 2px;
    margin-bottom: 16px;
  }

  .form_page #form_area .info_g {
    padding-bottom: 35.5px;
  }

  .form_page #form_area .label_g .link_btn {
    max-width: 123.5px;
    position: relative;
    max-width: 123.5px;
    border-radius: 1.6px;
    top: -5px;
  }

  .form_page #form_area .label_g .link_btn.btn02 {
    max-width: 108px;
  }

  .form_page #form_area .label_g .link_btn a {
    border-radius: 1.6px;
    font-size: 12px;
    line-height: 17px;
    padding: 3px 5px;
  }

  .form_page #form_area .attention_g {
    padding-bottom: 26px;
  }

  .form_page #form_area .attention_g p {
    font-size: 13.5px;
    line-height: 28px;
    letter-spacing: 0.03em;
    margin-bottom: 58px;
  }

  /*formパーツ*/

  .form_page #form_area .label {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 8px;
  }

  .form_page #form_area .label .required {
    border-radius: 9.46px;
    font-size: 9px;
    margin-left: 3px;
    padding: 2px 9.1px 3px;
  }

  .form_page #form_area .item {
    margin: 0 auto 24.5px;
  }

  .form_page #form_area .text_input input {
    font-size: 14px;
    line-height: 20px;
    min-height: 40px;
    border-radius: 6.08px;
    padding: 9.5px 19px;
  }

  .form_page #form_area .item_radio {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 6.08px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.02em;
    min-height: 110px;
    padding: 18px 22px;
  }

  .mw_wp_form .horizontal-item+.horizontal-item {
    margin-left: 0 !important;
  }

  .form_page #form_area .item_radio label span {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.02em;
    padding-left: 23px;
    margin-right: 0;
  }

  .form_page #form_area .item_radio label span:before {
    width: 13.24px;
    height: 13.24px;
  }

  .form_page #form_area .item_radio label span:after {
    top: 2.2px;
    left: 4px;
    width: 5.79px;
    height: 5.79px;
  }

  .form_page #form_area .item_checkbox {
    margin: 12.8px 0 0 0;
  }

  .form_page #form_area .item_checkbox .mwform-checkbox-field-text {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    padding-left: 23.5px;
  }

  .form_page #form_area .item_checkbox .mwform-checkbox-field-text:before,
  .form_page #form_area .item_checkbox .mwform-checkbox-field-text:after {
    width: 15.66px;
    height: 15.66px;
  }

  .form_page #form_area .item_checkbox input[type=checkbox]:checked+.mwform-checkbox-field-text:after {
    top: 6px;
  }

  .form_page #form_area textarea {
    font-size: 14px;
    line-height: 20px;
    min-height: 215px;
    border-radius: 6px;
    padding: 9.2px 14.7px;
  }







  /*attention_gチェックボックス*/

  .form_page #form_area .item_checkbox02 .agree_text {
    font-size: 15px;
    line-height: 21px;
    padding-left: 27px;
    letter-spacing: 0.02em;
  }

  .form_page #form_area .item_checkbox02 .mwform-checkbox-field-text:before,
  .form_page #form_area .item_checkbox02 .mwform-checkbox-field-text:after {
    width: 22.75px;
    height: 22.75px;
  }

  .form_page #form_area .item_checkbox02 {
    margin: 0 auto 29px 12px;
  }

  .form_page #form_area .item_checkbox02 input[type=checkbox]:checked+.mwform-checkbox-field-text:after {
    top: 5px;
    left: 5px;
  }

  /*END　attention_gチェックボックス*/

  /*確認・送信ボタン*/

  .form_page #form_area .btn_box {
    max-width: 259px;
  }

  .form_page #form_area .btn_box .btn_ptn input:first-child {
    margin: 0 auto 16.5px;
  }

  .form_page #form_area .btn_box .btn_ptn input {
    border-radius: 25.41px;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: 0.18em;
    padding: 13px;
  }



  /*END　確認・送信ボタン*/

  /*END　フォームデフォルトCSS*/

  /*--------------------------------------------------------------
09.order_confirm　ベーシック・カスタム・サブスクプラン専用　確認画面
---------------------------------------------------------------*/

  /*フォームデフォルトCSS*/
  .form_page.confirm #form_area {
    padding: 55px 0 151px;
  }

  .form_page.confirm .title_area .arch {
    margin-bottom: 65px;
  }


  .form_page.confirm #form_area .contents_in:first-child {
    width: calc(100% - 2vw);
  }

  .form_page.confirm #form_area .confirm_area {
    margin: 0 auto 60px;
  }

  .form_page.confirm #form_area .confirm_area h3 {
    font-size: 17px;
    margin-bottom: 23.5px;
  }

  .form_page.confirm #form_area .confirm_area p {
    font-size: 15px;
    line-height: 28px;
  }

  .form_page.confirm #form_area .confirm_area p.attention {
    padding: 1px 18px;
    margin-bottom: 26px;
  }

  .form_page.confirm #form_area .confirm_area p .note {
    font-size: 11.5px;
    line-height: 23px;
    margin-top: 7px;
  }

  .form_page.confirm #form_area .order_g {
    padding-bottom: 40px;
  }


  /*formパーツ*/
  .form_page.confirm #form_area .item {
    display: block;
    padding-bottom: 18px;
    margin: 0 auto 21px;
  }

  .form_page.confirm #form_area .label .required {
    border-radius: 10.51px;
    font-size: 10px;
    margin-left: 9px;
    padding: 3px 9.2px 4px;
  }

  .form_page.confirm #form_area form .label {
    max-width: none;
    width: 100%;
    margin-bottom: 12px;
  }

  .form_page.confirm #form_area form p {
    width: 100%;
    font-size: 15px;
    line-height: 28px;
  }

  .form_page.confirm #form_area form .tmp_g {
    width: 100%;
  }

  .form_page.confirm #form_area form .label_g {
    width: 100%;
  }




  /*END  formパーツ*/


  /*END　フォームデフォルトCSS*/








  /*------------------------------------------------------------
10.order_done　ベーシック・カスタム・サブスクプラン専用　完了画面
-------------------------------------------------------------*/

  /*完了画面デフォルトCSS*/

  .form_page.done .title_area {
    margin: 97px auto 92px;
  }

  .form_page.done .complete_area {
    padding: 76px 0 70px;
    margin-bottom: 154px;
  }

  .form_page.done .complete_area .contents_in {
    width: 100%;
  }

  .form_page.done .complete_area h2 {
    margin: 0 auto 25px;
  }

  .form_page.done .complete_area p {
    width: calc(100% - 29.333vw);
    font-size: 12px;
    line-height: 25.6px;
    margin: 0 auto;
  }




  /*END  完了画面デフォルトCSS*/


  /*---------------------------------------------------
11.custommade　オーダーメイドプラン専用　注文フォーム
----------------------------------------------------*/


  #custommade.form_page .title_area .arch {
    margin-bottom: 48px;
  }

  #custommade.form_page #form_area .btn_other {
    max-width: 246px;
    margin: 0 auto 69px;
  }

  #custommade.form_page #form_area {
    padding: 60px 0 143px;
  }

  /*-----------------------------------------------------
12.custommade_confirm　オーダーメイドプラン専用　確認画面
------------------------------------------------------*/

  #custommade_confirm.form_page.confirm .title_area .arch {
    margin-bottom: 50px;
  }




  /*--------------------------------------------------
13.custommade_done　オーダーメイドプラン専用　完了画面
---------------------------------------------------*/

  /*-------------------------------
14.contact　お問い合わせフォーム
--------------------------------*/

  #contact.form_page .title_area {
    margin: 93px auto 90px;
  }

  #contact.form_page .title_g .sub_title {
    font-size: 15px;
  }

  #contact.form_page .title_area .arch {
    margin-bottom: 25px;
  }

  #contact.form_page #form_area {
    padding: 48px 0 113px;
  }

  #contact.form_page #form_area .label .note_text {
    display: block;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0 0 0;
    text-indent: -1em;
    padding: 0 0 0 1em;
  }

  #contact.form_page #form_area .item_radio {
    justify-content: flex-start;
    flex-direction: row;
    font-size: 13.5px;
    padding: 5px 0 0;
  }

  #contact.form_page #form_area .item_radio label span {
    font-size: 13.5px;
    margin-right: 49px;
  }

  #contact.form_page #form_area .item_radio>span:nth-child(2) label span {
    margin-right: 0;
  }

  #contact.form_page #form_area .label .text_small {
    font-size: 12px;
  }

  #contact.form_page #form_area .address_box textarea {
    min-height: 65px;
    padding: 10.3px 19.2px;
  }

  #contact.form_page #form_area .info_g {
    padding-bottom: 16px;
  }

  #contact.form_page #form_area .attention_g p {
    letter-spacing: -0.03em;
    margin-bottom: 58px;
  }




  /*---------------------------------------
15.contact_confirm　お問い合わせ　確認画面
----------------------------------------*/

  #contact_confirm.form_page .title_area {
    margin: 93px auto 100px;
  }

  #contact_confirm.form_page .title_g .sub_title {
    font-size: 15px;
  }

  #contact_confirm.form_page .title_area .arch {
    margin-bottom: 25px;
  }

  #contact_confirm.form_page #form_area .info_g {
    padding-bottom: 35.5px;
  }




  /*-------------------------------------
16.contact_done　お問い合わせ　完了画面
--------------------------------------*/

  #contact_done.form_page .title_area {
    margin: 96px auto 100px;
  }

  #contact_done.form_page .title_area .arch {
    margin-bottom: 25px;
  }

  #contact_done.form_page.done .complete_area {
    padding: 74px 0 70px;
  }

  #contact_done.form_page.done .complete_area h2 {
    font-size: 15px;
    margin: 0 auto 22px;
  }

}




@media only screen and (max-width:360px) {
  /*----------
01.top
----------*/

  #top #about_area .cnt_g .left_box h2 {
    font-size: 50px;
  }

  #top #line_area .cnt_g h3 {
    font-size: 17px;
  }

  #top #line_area .cnt_g .cnt_text {
    padding: 0 0 0 16px;
  }

  #top #line_area .cnt_g .cnt_text p {
    font-size: 16px;
  }

  #top #line_area .cnt_g .cnt_text p .text_big {
    font-size: 28px;
  }

  #top #line_area .cnt_g .cnt_text p .text_mdl {
    font-size: 22px;
  }

  /*-----------------------------
02.information　お知らせ　一覧
------------------------------*/


  /*---------------------------------
03.information_detail　お知らせ詳細
----------------------------------*/


  /*----------------------
04.flow　動画制作の流れ
-----------------------*/

  #flow #flow_area .cnt_g .left_box {
    padding: 53px 30px 50px;
  }

  #flow #flow_area .cnt_g .right_box li .cnt_text p {
    font-size: 12.5px;
    letter-spacing: -0.01em;
  }








  /*------------------------------
05.template　テンプレート集　一覧
--------------------------------*/

  /*-----------------------------------
06.template_detail　テンプレート詳細
------------------------------------*/

  /*--------------------------------------------------
07.terms_privacypolicy　利用規約・プライバシーポリシー
---------------------------------------------------*/

  /*----------------------------------------------------------
08.order　ベーシック・カスタム・サブスクプラン専用　注文フォーム
------------------------------------------------------------*/

  /*--------------------------------------------------------------
09.order_confirm　ベーシック・カスタム・サブスクプラン専用　確認画面
---------------------------------------------------------------*/

  /*------------------------------------------------------------
10.order_done　ベーシック・カスタム・サブスクプラン専用　完了画面
-------------------------------------------------------------*/

  /*---------------------------------------------------
11.custommade　オーダーメイドプラン専用　注文フォーム
----------------------------------------------------*/

  /*フォームデフォルトCSS*/

  /*formパーツ*/

  .form_page #form_area .label {
    font-size: 14px;
  }

  /*attention_gチェックボックス*/
  .form_page #form_area .item_checkbox02 .mwform-checkbox-field-text {
    font-size: 13px;
    letter-spacing: 0;
    padding-left: 0;
  }

  .form_page #form_area .item_checkbox02 .agree_text {
    font-size: 12.5px;
  }

  /*END　attention_gチェックボックス*/

  /*フォームデフォルトCSS*/



  /*-----------------------------------------------------
12.custommade_confirm　オーダーメイドプラン専用　確認画面
------------------------------------------------------*/

  /*--------------------------------------------------
13.custommade_done　オーダーメイドプラン専用　完了画面
---------------------------------------------------*/

  /*-------------------------------
14.contact　お問い合わせフォーム
--------------------------------*/

  /*---------------------------------------
15.contact_confirm　お問い合わせ　確認画面
----------------------------------------*/

  /*-------------------------------------
16.contact_done　お問い合わせ　完了画面
--------------------------------------*/


}