@charset "utf-8";
/* CSS Document */
@media (max-width: 960px){
  #breadcrumb {
    display: none;
  }
  .l-topTitleArea {
    min-height: 9em;
    background: #3785d4;
    background: -moz-linear-gradient(55deg, #3785d4 0%, #41bbe2 100%);
    background: -webkit-linear-gradient(55deg, #3785d4 0%,#41bbe2 100%);
    background: linear-gradient(55deg, #3785d4 0%,#41bbe2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3785d4', endColorstr='#41bbe2',GradientType=1 );
  }
  #top_title_area {
    background: #3785d4;
    background: -moz-linear-gradient(55deg, #3785d4 0%, #41bbe2 100%);
    background: -webkit-linear-gradient(55deg, #3785d4 0%,#41bbe2 100%);
    background: linear-gradient(55deg, #3785d4 0%,#41bbe2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3785d4', endColorstr='#41bbe2',GradientType=1 );
  }
  .l-topTitleArea__img {
    opacity: 0.4;
  }
  .c-filterLayer.-texture-dot::after {
    background: none;
  }
  .l-topTitleArea.c-filterLayer::before {
    background: none;
  }
  #footer {
    margin-top: 3em;
  }
  .page h1, .category-3 h1, .category-1 h1 {
    color: #fff;
  }
  h1.c-pageTitle {
    text-shadow: none;
    font-weight: normal;
    font-size: 1.2em;
    margin-bottom: -0.1em;
  }
  h1, h2, h3, .entry-title, strong, b {
    font-family: 'Noto Serif Japanese', Garamond , "游明朝" , "Times New Roman" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  }
  .-frame-on .l-mainContent {
    padding: 4vw 0 0 0;
  }
  #top_title_area + #breadcrumb + #content #main_content {
    padding-top: 0;
  }
  .wpcf7 form > p {
    margin-bottom: 1.8em;
  }
  .wpcf7 form p label em {
    top: -2px;
    position: relative;
  }
  .wpcf7 form p label em + span {
    background-color: #1974b7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px;
    padding: 2px 4px;
    color: #FFF;
    margin-left: 10px;
    margin-top: 10px;
    position: absolute;
    margin-top: 0px;
    padding-right: 5px;
  }
  .wpcf7 form .wpcf7-form-control-wrap {
    margin-top: 0.1em;
    display: block;
  }
  input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], select, textarea {
    width: 100%;
  }
  .wpcf7 form input[type="submit"] {
    max-width: 350px;
    width:50%;
    font-weight: bold;
    margin: 20px auto 0;
    background: #1974b7;
    color: #fff;
    border: none;
    padding: 15px 0 16px;
    cursor: pointer;
    display: block;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -ms-transition: .3s ease-in;
    /* font-family: 'Josefin Sans', 游ゴシック, sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif; */
  }
  .wpcf7 form input[type="submit"]:hover {
  	background:#ff4160;
  }
  em {
    font-style: normal;
    font-weight: bold;
    font-size: 105%;
  }
  strong {
    font-style: normal;
    background: linear-gradient(transparent 50%, #ebf5f8 50%);
    font-weight: 600;
    font-size: 110%;
  }
  .post_content h3 {
    text-align: center;
  }
  .post_content h3::before {
    display: none;
  }
  .-frame-on .l-content {
		padding: 1.2em 4vw;
	}
  .id_2 #content, .id_15 #content {
		padding-top: 0;
	}
  .mTe4 {
    margin-top: 2em !important;
  }

  #reco > div > section {
    padding: 0 4vw;
  }
  #reco h2 {
    font-size: 1.1rem;
    margin: 0;
  }
  #reco .ill li {
    margin-bottom: 1.5em;
  }
  #reco .ill li .btn {
    margin: auto;
  }
  #reco .ill figure {
    margin: 0;
  }
  #reco .ill figure img {
    width: 80%;
  }
  #reco .ill figure a {
    color: #010101;
    background: #fff;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
  }
  #reco .ill figure a:hover {
    background: #dbf1f7;
  }
  #reco .ill figure figcaption {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0.3em 0;
  }
  #reco section.reco {
  }
  #reco section.reco hgroup {
    margin-top: 4em;
  }
  #reco section.reco#entre hgroup {
    background: url(/wp/wp-content/uploads/2020/08/icon_entre.jpg) no-repeat top center;
    background-size: 75px;
    padding-top: 80px;
  }
  #reco section.reco#company hgroup {
    background: url(/wp/wp-content/uploads/2020/08/icon_company.jpg) no-repeat top center;
    background-size: 75px;
    padding-top: 80px;
  }
  #reco section.reco#creator hgroup {
    background: url(/wp/wp-content/uploads/2020/08/icon_creator.jpg) no-repeat top center;
    background-size: 75px;
    padding-top: 80px;
  }
  #reco section#entre hgroup {
    margin-top: 2.5em;
  }
  #reco section.reco hgroup p {
    font-size: 0.8rem;
  }
  #reco section.reco ul.for {
    margin-top: 0 !important;
  }
  #reco section.reco h3 {
    margin: 0;
    font-size: 1.4rem;
  }
  #reco ul.for li {
    text-align: center;
    margin-bottom: 2em;
  }
  #reco ul.for li div {
    background: #fff;
    margin: -30px 20px 0;
    padding: 15px;
    position: relative;
    -webkit-box-shadow: 0px 5px 20px -10px rgba(78, 169, 197, 0.5);
    box-shadow: 0px 5px 20px -10px rgba(78, 169, 197, 0.5);
  }
  #reco ul.for li ul {
    list-style: none;
    padding: 0;
    margin: auto;
    display: inline-block;
    text-align: left;
  }
  #reco ul.for li ul li {
    background: url(../img/common/check_blue02.png) no-repeat left top 2px;
    background-size:20px;
    padding-left: 25px;
    margin-bottom: 0.5em;
    text-align: left;
  }
  #reco ul.for li a.btn {
    margin: 1.5em auto 0.5em;
  }

  #about > div > section {
    padding: 0 4vw;
  }
  #about h2 {
    font-size: 1.1rem;
    margin: 0;
  }
  #about #infog {
    width: 100%;
    margin: auto;
    display: block;
  }
  #about #infog + br {
    display: none;
  }
  #about h3 {
    margin-bottom: 1em;
  }
  #about .wecan li {
    margin-bottom: 3em;
  }
  #about .wecan li i img {
    width: 60px;
  }
  #about .wecan li i + br {
    display: none;
  }
  #about .wecan li h4 {
    margin: 0.2em 0 0.7em 0;
    padding: 0;
    border: none;
    font-weight: 400;
    line-height: 1.3;
    min-height: 2.7em;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }
  #about .wecan li p {
    line-height: 1.6;
  }
  #about .wecan li figure + p {
  }
  #about .wecan li figure {
    width: 100%;
    padding-top: 75%;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.3em;
  }
  #about .wecan li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
  }
  #about .wecan li .btn {
    margin-top: 1.5em !important;
  }

  .page #content p.has-text-align-center {
    text-align: left;
  }
  .page #content p.has-text-align-center br {
    display: none;
  }
  .page .wp-block-embed>figcaption, .page .wp-block-image figcaption, .page .wp-block-table figcaption, .page .wp-block-video figcaption {
    text-align: right;
  }
  .page dl {
     border: solid 1px #eaf2f7;
     border-bottom: none;
   }
   .page dl dt {
     border-bottom: solid 1px #eaf2f7;
     padding: 1em;
   }
   .page dl dd {
     border-bottom: solid 1px #eaf2f7;
     padding: 1em;
   }

  .c-widget__title.-side {
    font-family: "Overpass" , 'Noto Sans JP', "游ゴシック" , sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
    color: #1974b7;
    font-size: 1.3rem;
    font-weight: normal;
    padding: 0;
    margin-bottom: 0.5em;
  }
  .c-widget__title.-side::before, .c-widget__title.-side::after {
    display: none;
  }
  .widget_archive a, .widget_categories a, .widget_nav_menu a, .widget_pages a, .widget_recent_entries a, .wp-block-archives a, .wp-block-categories a {
    border-bottom: solid 1px rgba(200,200,200,.2)
  }
  .-w-ranking .p-postList__item::before {
    background: #3c3c3c !important;
    display: none;
  }
  .archive .l-mainContent .c-pageTitle, .archive .c-pageTitle__inner {
    border: none;
  }
  .archive .c-pageTitle__inner {
    border-bottom: solid 2px #69b6ce;
    padding-bottom: 0.3em;
  }
  .c-pageTitle__subTitle {
    display: none;
  }
  .icon-posted::before, .icon-folder::before {
    display: none;
  }
  .widget_categories>ul>.cat-item>a::before, .wp-block-categories>.cat-item>a::before {
    display: none;
  }
  .-fix.c-shareBtns {
    display: none;
  }
  .c-postTitle__date {
    display: none;
  }
  .single #content {
    margin-top: 1.5em !important;
  }
  .plink {
    padding: 0 3%;
  }
  .plink .btn {
    background: url(../img/common/arrow_bel.png) no-repeat right 15px center #1974b7;
    background-size: 14px;
  }
  .widget_categories>ul>.cat-item>a, .wp-block-categories>.cat-item>a {
    padding-left: .5em;
  }
  .c-categoryList__link, .c-tagList__link {
    margin-bottom: .2em;
  }

  #body_wrap.page h2 {
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
  }
  #body_wrap.page h2 strong {
    color: #1974b7;
    display: block;
    font-size: 1.1rem;
    background: none;
    font-weight: normal;
    letter-spacing: 0;
  }
  .page-id-371 .wp-block-columns.has-background {
    padding: 1.3em;
  }
  .page-id-371 #content p strong {
    line-height: 1.3;
  }
}
