@charset "UTF-8";
/* html , body */
* {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%;
  font-weight: normal;
  color: #444444; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 100; }

.disp_no {
  display: none; }

/*	link */
a.signup_btn {
  display: block;
  width: 200px;
  font-size: 22px;
  text-align: center;
  border-radius: 40px;
  color: #FFFFFF;
  background: #EA525E;
  margin: 0 auto 30px auto;
  padding: 14px 40px;
  cursor: pointer; }
a.signup_btn:hover {
	background: #D6525C; }

a.learn_more {
  font-size: 18px;
  font-weight: 200; }
a.learn_more:hover {
	color: #2e5cb4;
	text-decoration: underline; }

p.login_area {
  font-size: 20px;
  text-align: center;
  color: #FFFFFF; }
  p.login_area a {
    font-weight: 400;
    color: #FFFFFF; }
  p.login_area a:hover {
	  text-decoration: underline; }

/*	main_visual */
#main_visual {
  font-family: "Helvetica Neue","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 200;
  min-width: 1024px;
  height: auto;
  background: url(../../../image/portal/foreign/151214/bg_mainimage.png) no-repeat center top;
  background-size: cover;
  padding: 200px 0 400px 0; }
  #main_visual .inner {
    max-width: 1024px;
    margin: 0 auto;
    position: relative; }
    #main_visual .inner h2 {
      color: #FFF;
      font-size: 68px;
      text-align: center;
      letter-spacing: 2px;
      padding: 0 0 100px 0; }
    #main_visual .inner .mv_img_templates {
      position: absolute;
      bottom: -520px;
      width: 1024px;
      height: 420px;
      background: url(../../../image/portal/foreign/151214/templates_mainimage.png) no-repeat center top;
      background-size: 1024px; }

/*	content_wrap */
#content_wrap {
  font-family: "Helvetica Neue","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 200;
  text-align: left;
  padding: 200px 0 0 0; }
  #content_wrap .inner {
    width: 100%; }
    #content_wrap .inner h3 {
      font-size: 58px;
      text-align: center;
      letter-spacing: 1px;
      margin: 0 0 120px 0; }
    #content_wrap .inner .feature_list {
      max-width: 1024px;
      margin: 0 auto 160px auto; }
      #content_wrap .inner .feature_list li {
        float: left;
        width: 33%;
        text-align: center; }
        #content_wrap .inner .feature_list li i.icon_features {
          display: block;
          width: 144px;
          height: 94px;
          background: url(../../../image/portal/foreign/151214/bg_features.png) no-repeat;
          background-size: 144px 860px;
          margin: 0 auto 50px auto; }
        #content_wrap .inner .feature_list li i.many_features {
          background-position: 2px 12px; }
        #content_wrap .inner .feature_list li i.mobile_support {
          background-position: 2px -88px; }
        #content_wrap .inner .feature_list li i.customize {
          background-position: 2px -196px; }
        #content_wrap .inner .feature_list li i.easy_to_use_tools {
          background-position: 2px -295px; }
        #content_wrap .inner .feature_list li i.fight_spam {
          background-position: 2px -387px; }
        #content_wrap .inner .feature_list li i.applications {
          background-position: 2px -488px; }
        #content_wrap .inner .feature_list li i.selling_your_blog {
          background-position: 2px -593px; }
        #content_wrap .inner .feature_list li i.photo_album {
          background-position: 2px -695px; }
        #content_wrap .inner .feature_list li i.moving_from_wordPress {
          background-position: 0px -783px; }
        #content_wrap .inner .feature_list li h5, #content_wrap .inner .feature_list li p {
          text-align: center;
          margin: 0 0 30px 0; }
        #content_wrap .inner .feature_list li h5 {
          font-size: 26px;
          letter-spacing: 0.5px; }
        #content_wrap .inner .feature_list li p {
          font-size: 16px;
          color: #9A9A9A;
          padding: 0 20px; }
        #content_wrap .inner .feature_list li a.app_apple, #content_wrap .inner .feature_list li a.app_google {
          display: inline-block;
          height: 42px; }
    #content_wrap .inner .detail_section {
      width: 100%; }
      #content_wrap .inner .detail_section .inner {
        position: relative;
        width: 960px;
        margin: 0 auto; }
        #content_wrap .inner .detail_section .inner h4 {
          font-size: 42px;
          letter-spacing: 1px;
          text-align: center;
          margin: 0 0 60px 0; }
        #content_wrap .inner .detail_section .inner p {
          font-size: 26px;
          letter-spacing: 0.5px;
          margin: 0 0 30px 0; }
        #content_wrap .inner .detail_section .inner a.learn_more {
          color: #FFFFFF; }
      #content_wrap .inner .detail_section.template, #content_wrap .inner .detail_section.storage {
        color: #FFFFFF; }
      #content_wrap .inner .detail_section.template {
        position: relative;
        overflow: hidden;
        background: #73D18D;
        margin: 0 0 160px 0;
        padding: 70px 0 203px 0; }
        #content_wrap .inner .detail_section.template .detail_section_txt {
          float: left;
          width: 500px;
          margin: 70px 0 0 20px; }
        #content_wrap .inner .detail_section.template .detail_section_img {
          position: absolute;
          margin-top: 18px;
          margin-left: 550px; }
      #content_wrap .inner .detail_section.storage {
        background: #70C3EB;
        margin: 0 0 160px 0;
        padding: 70px 0 180px 0; }
        #content_wrap .inner .detail_section.storage .detail_section_txt {
          float: right;
          width: 500px;
          margin: 70px 0 0 0; }
        #content_wrap .inner .detail_section.storage .detail_section_img {
          position: absolute;
          margin-top: -2px;
          margin-left: -70px; }
      #content_wrap .inner .detail_section.notifications {
        display: block;
        background: #F9F9F2;
        padding: 70px 0 80px 0;
        text-align: center; }
        #content_wrap .inner .detail_section.notifications .notifications_list {
          margin: 40px 0 0 0;
          padding: 0 20px;
          text-align: left; }
          #content_wrap .inner .detail_section.notifications .notifications_list li p {
            font-size: 18px; }
            #content_wrap .inner .detail_section.notifications .notifications_list li p span.date {
              display: block;
              float: left;
              width: 120px;
              font-weight: 100;
              margin: 0; }
            #content_wrap .inner .detail_section.notifications .notifications_list li p a {
              display: block;
              float: right;
              width: 800px;
              color: #444444; }
            #content_wrap .inner .detail_section.notifications .notifications_list li p a:hover {
	            text-decoration: underline; }
        #content_wrap .inner .detail_section.notifications a.learn_more {
          color: #2e5cb4; }

/*	signup_section */
.signup_section {
  width: 100%;
  background: url(../../../image/portal/foreign/151214/bg_signup_section.png) no-repeat center center;
  background-size: cover; }
  .signup_section .inner {
    padding: 90px 0; }
    .signup_section .inner p.signup_leadtxt {
      color: #FFFFFF;
      text-align: center;
      font-size: 26px;
      letter-spacing: 1px;
      margin: 0 0 20px 0; }

/*	page_title */
#page_title {
  font-family: "Helvetica Neue","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  width: 100%;
  background-image: radial-gradient(circle at bottom right, #FFE7E7, #519EB6);
  background-color: #519EB6;
  padding: 110px 0; }
  #page_title .inner {
    font-weight: 100;
    text-align: center;
    letter-spacing: 2px;
    padding: 0 20px; }
    #page_title .inner h2 {
      color: #FFFFFF;
      font-size: 50px;
      margin: 0 0 20px 0; }
    #page_title .inner p.page_title_description {
      max-width: 960px;
      margin: 0 auto;
      font-size: 16px;
      color: #FFFFFF; }

/*	content_feature_wrap */
#content_feature_wrap {
  font-family: "Helvetica Neue","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 200;
  background: #FBFBFB;
  padding: 90px 20px;
  text-align: left; }
  #content_feature_wrap .inner {
    width: 960px;
    margin: 0 auto; }
    #content_feature_wrap .inner #content_side_menu {
      float: left;
      width: 20%; }
      #content_feature_wrap .inner #content_side_menu h3.side_menu_title {
        font-size: 22px;
        font-weight: 100;
        text-align: left;
        letter-spacing: 2px;
        margin: 0 0 20px 0; }
      #content_feature_wrap .inner #content_side_menu .side_menu_list li.side_menu {
        margin: 0 0 16px 0;
        line-height: 22px;
        font-size: 18px;
        font-weight: 100; }
        #content_feature_wrap .inner #content_side_menu .side_menu_list li.side_menu a {
          color: #888888; }
          #content_feature_wrap .inner #content_side_menu .side_menu_list li.side_menu a:hover {
            text-decoration: underline; }
        #content_feature_wrap .inner #content_side_menu .side_menu_list li.side_menu.active {
          color: #2e5cb4;
          border-left: 3px #2e5cb4 solid;
          padding: 0 0 0 10px; }
    #content_feature_wrap .inner #content_feature_detail {
      float: right;
      width: 75%; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list li.feature_detail {
        position: relative;
        border: 1px solid #EBEBEB;
        border-radius: 4px;
        background: #FFFFFF;
        margin: 0 0 40px 0;
        padding: 30px 30px 30px 160px; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list h4.feature_detail_title {
        font-size: 26px;
        letter-spacing: 2px;
        margin: 0 0 14px 0; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list p.feature_detail_txt {
        font-size: 16px;
        font-weight: 100;
        color: #888888;
        letter-spacing: 1px; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon {
        position: absolute;
        top: 30px;
        left: 30px;
        width: 100px;
        height: 100px;
        background: url(../../../image/portal/foreign/151214/icon_feature_detail.png) no-repeat;
        background-size: 84px 2692px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_1 {
          background-position: center 8px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_2 {
          background-position: center -104px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_3 {
          background-position: center -212px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_4 {
          background-position: center -324px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_5 {
          background-position: center -436px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_6 {
          background-position: center -560px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_7 {
          background-position: center -681px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_8 {
          background-position: center -798px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_9 {
          background-position: center -913px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_10 {
          background-position: center -1023px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_11 {
          background-position: center -1132px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_12 {
          background-position: center -1244px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_13 {
          background-position: center -1358px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_14 {
          background-position: center -1464px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_15 {
          background-position: center -1568px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_16 {
          background-position: center -1672px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_17 {
          background-position: center -1774px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_18 {
          background-position: center -1884px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_19 {
          background-position: center -1992px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_20 {
          background-position: center -2090px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_21 {
          background-position: center -2192px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_22 {
          background-position: center -2304px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_23 {
          background-position: center -2404px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_24 {
          background-position: center -2510px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_25 {
          background-position: center -2616px; }
      #content_feature_wrap .inner #content_feature_detail #content_feature_pager {
        margin: 100px 0 20px 0; }
        #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager {
          width: 100%; }
          #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_prev {
            float: left;
            width: 50%;
            text-align: left; }
          #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_next {
            float: right;
            width: 50%;
            text-align: right; }
          #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_prev a, #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_next a {
            font-size: 24px;
            font-weight: 100;
            color: #2e5cb4;
            letter-spacing: 2px; }
          #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_prev a:hover, #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_next a:hover {
						text-decoration: underline; }

/*	content_faq_wrap */
#content_faq_wrap {
  font-family: "Helvetica Neue","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 200;
  background: #FBFBFB;
  padding: 90px 20px; }
  #content_faq_wrap .inner {
    width: 960px;
    margin: 0 auto; }
    #content_faq_wrap .inner #content_side_menu {
      float: left;
      width: 20%; }
      #content_faq_wrap .inner #content_side_menu h3.side_menu_title {
        font-size: 22px;
        font-weight: 100;
        text-align: left;
        letter-spacing: 2px;
        margin: 0 0 20px 0; }
      #content_faq_wrap .inner #content_side_menu .side_menu_list li.side_menu {
        margin: 0 0 16px 0;
        line-height: 22px;
        font-size: 18px;
        font-weight: 100; }
        #content_faq_wrap .inner #content_side_menu .side_menu_list li.side_menu a {
          color: #888888; }
          #content_faq_wrap .inner #content_side_menu .side_menu_list li.side_menu a:hover {
            text-decoration: underline; }
        #content_faq_wrap .inner #content_side_menu .side_menu_list li.side_menu.active {
          color: #2e5cb4;
          border-left: 3px #2e5cb4 solid;
          padding: 0 0 0 10px; }
    #content_faq_wrap .inner #content_faq_detail {
      float: right;
      width: 75%; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_page_title {
        font-size: 36px;
        letter-spacing: 1px;
        margin: 0 0 20px 0; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_description {
        font-size: 21px;
        font-weight: 100;
        letter-spacing: 2px;
        line-height: 26px;
        color: #888888;
        margin: 0 0 40px 0; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail {
        margin: 0 0 60px 0; }
        #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question {
          font-size: 20px;
          letter-spacing: 1px;
          margin: 0px 0 10px 0; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question span.question {
            float: left;
            width: 5%; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question span.question_title {
            float: left;
            width: 95%; }
        #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer {
          font-size: 18px;
          color: #888888;
          border: 1px solid #EBEBEB;
          border-radius: 4px;
          background: #FFFFFF;
          padding: 30px; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer span.answer {
            float: left;
            width: 5%; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer span.answer_title {
            float: left;
            width: 95%; }
      #content_faq_wrap .inner #content_faq_detail #content_faq_pager {
        margin: 100px 0 20px 0; }
        #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager {
          width: 100%; }
          #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_prev {
            float: left;
            width: 50%;
            text-align: left; }
          #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_next {
            float: right;
            width: 50%;
            text-align: right; }
          #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_prev a, #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_next a {
            font-size: 24px;
            font-weight: 100;
            color: #2e5cb4;
            letter-spacing: 2px; }

/*
=====================================================================
*
*	320px から 599px の指定
*
* =================================================================== 
*/
@media screen and (min-width: 320px) and (max-width: 599px) {
  h1, h2, h3, h4, h5, h6 {
    font-weight: 100; }

  #main_visual {
    min-width: 100%;
    height: auto;
    padding: 80px 0 240px 0; }
    #main_visual .inner h2 {
      font-size: 56px;
      padding: 0 0 70px 0; }
    #main_visual .inner .mv_img_templates {
      width: 100%;
      height: 420px;
      background-size: 500px; }

  #content_wrap {
	  text-align: left;
    padding: 150px 0 0 0; }
    #content_wrap .inner {
      width: 100%; }
      #content_wrap .inner h3 {
        font-size: 48px;
        margin: 0 0 120px 0; }
      #content_wrap .inner .feature_list {
        max-width: 1024px;
        margin: 0 auto 30px auto; }
        #content_wrap .inner .feature_list li {
          float: none;
          width: 100%;
          margin: 0 0 90px 0;
          padding: 0; }
          #content_wrap .inner .feature_list li i.icon_features {
            margin: 0 auto 30px auto; }
          #content_wrap .inner .feature_list li a.app_apple, #content_wrap .inner .feature_list li a.app_google {
            display: inline-block;
            height: 42px; }
          #content_wrap .inner .feature_list li a.app_apple {
            margin: 0 0 8px 0; }
      #content_wrap .inner .detail_section .inner {
        position: relative;
        width: 100%;
        margin: 0 auto; }
        #content_wrap .inner .detail_section .inner h4 {
          font-size: 36px;
          margin: 0;
          padding: 0 20px; }
        #content_wrap .inner .detail_section .inner p {
          font-size: 18px;
          margin: 0 0 30px 0; }
      #content_wrap .inner .detail_section.template {
        position: relative;
        overflow: hidden;
        background: #73D18D;
        margin: 0 0 160px 0;
        padding: 70px 0 160px 0; }
        #content_wrap .inner .detail_section.template .detail_section_txt {
          float: none;
          width: auto;
          margin: 70px 0 40px 0;
          padding: 0 20px; }
        #content_wrap .inner .detail_section.template .detail_section_img {
          position: absolute;
          margin-top: 0;
          margin-left: 10px; }
          #content_wrap .inner .detail_section.template .detail_section_img img {
            width: 100%;
            height: auto; }
      #content_wrap .inner .detail_section.storage {
        background: #70C3EB;
        margin: 0 0 160px 0;
        padding: 70px 0 40px 0; }
        #content_wrap .inner .detail_section.storage .detail_section_txt {
          float: none;
          width: auto;
          margin: 70px 0 40px 0;
          padding: 0 20px; }
        #content_wrap .inner .detail_section.storage .detail_section_img {
          display: none; }
      #content_wrap .inner .detail_section.notifications {
        display: block;
        background: #F9F9F2;
        padding: 70px 0 80px 0;
        text-align: center; }
        #content_wrap .inner .detail_section.notifications .notifications_list {
          margin: 40px 0 0 0;
          padding: 0 20px;
          text-align: left; }
          #content_wrap .inner .detail_section.notifications .notifications_list li p {
            font-size: 18px; }
            #content_wrap .inner .detail_section.notifications .notifications_list li p span.date {
              display: block;
              float: none;
              width: 100%;
              font-weight: 100;
              margin: 0 20px 0 0; }
            #content_wrap .inner .detail_section.notifications .notifications_list li p a {
              display: block;
              float: none;
              width: 100%;
              color: #444444; }
        #content_wrap .inner .detail_section.notifications a.learn_more {
          color: #2e5cb4; }

  .signup_section .inner {
    padding: 70px 0; }

  /*	page_title */
  #page_title {
    padding: 70px 0; }
    #page_title .inner h2 {
      font-size: 38px; }
    #page_title .inner p.page_title_description {
      font-size: 16px;
      font-weight: 200; }

  /*	content_feature_wrap */
  #content_feature_wrap .inner {
    width: 100%; }
    #content_feature_wrap .inner #content_side_menu {
      display: none; }
    #content_feature_wrap .inner #content_feature_detail {
      float: none;
      width: auto; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list li.feature_detail {
        padding: 30px; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list h4.feature_detail_title {
        font-size: 24px;
        text-align: center;
        margin: 20px 0; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list p.feature_detail_txt {
        text-align: center; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto; }
      #content_feature_wrap .inner #content_feature_detail #content_feature_pager {
        margin: 80px 0 0px 0; }
        #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_prev a, #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_next a {
          font-size: 21px; }

  /*	content_faq_wrap */
  #content_faq_wrap .inner {
    width: 100%; }
    #content_faq_wrap .inner #content_side_menu {
      display: none; }
    #content_faq_wrap .inner #content_faq_detail {
      float: none;
      width: auto; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_page_title {
        font-size: 32px;
        text-align: center; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_description {
        font-size: 16px;
        text-align: center;
        line-height: 22px; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail {
        margin: 0 0 30px 0; }
        #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question {
          font-size: 18px; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question span.question {
            width: 10%;
            line-height: 22px; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question span.question_title {
            width: 90%;
            line-height: 22px; }
        #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer {
          font-size: 16px;
          padding: 20px; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer span.answer {
            width: 10%; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer span.answer_title {
            width: 90%; }
      #content_faq_wrap .inner #content_faq_detail #content_faq_pager {
        margin: 80px 0 0px 0; }
        #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_prev a, #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_next a {
          font-size: 21px; } }
/*
=====================================================================
*
*	600px から 1024px の指定
*
* =================================================================== 
*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
  #main_visual {
    min-width: 100%;
    height: auto;
    padding: 80px 0 320px 0; }
    #main_visual .inner h2 {
      font-size: 56px;
      padding: 0 0 70px 0; }
    #main_visual .inner .mv_img_templates {
      width: 100%;
      height: 420px;
      background-size: 740px; }

  #content_wrap .inner .detail_section .inner {
    max-width: 100%; }
  #content_wrap .inner .detail_section.storage {
    padding: 70px 0 330px 0; }
    #content_wrap .inner .detail_section.storage .detail_section_txt {
      float: none;
      width: auto;
      margin: 0;
      position: absolute;
      margin-top: 70px;
      margin-left: 390px;
      padding: 0 20px 0 0; }
    #content_wrap .inner .detail_section.storage .detail_section_img {
      margin-top: 28px;
      margin-left: 10px; }
	    #content_wrap .inner .detail_section.storage .detail_section_img img {
	      width: 360px;
	      height: auto; }
  #content_wrap .inner .detail_section.notifications {
    display: block;
    background: #F9F9F2;
    padding: 70px 0 80px 0;
    text-align: center; }
    #content_wrap .inner .detail_section.notifications .notifications_list {
      text-align: left;
      margin: 40px 0 0 0;
      padding: 0 30px; }
      #content_wrap .inner .detail_section.notifications .notifications_list li p {
        font-size: 18px; }
        #content_wrap .inner .detail_section.notifications .notifications_list li p span.date {
          display: block;
          float: left;
          width: 18%;
          font-weight: 100;
          margin: 0; }
        #content_wrap .inner .detail_section.notifications .notifications_list li p a {
          display: block;
          float: right;
          width: 80%;
          color: #444444; }
    #content_wrap .inner .detail_section.notifications a.learn_more {
      color: #2e5cb4; }

  /*	page_title */
  #page_title {
    padding: 80px 0; }
    #page_title .inner p.page_title_description {
      font-weight: 200; }

  /*	content_feature_wrap */
  #content_feature_wrap .inner {
    width: 100%;
    margin: 0 auto; }
    #content_feature_wrap .inner #content_side_menu {
      width: 25%; }
    #content_feature_wrap .inner #content_feature_detail {
      width: 73%; } }

/*
=====================================================================
*
*	960px以上 の指定
*
* =================================================================== 
*/
@media screen and (min-width: 960px) {
	#app_menu_left #left_menu {
		display: none; } }

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