/*
Theme Name: Zubin Child
Theme URI: https://catchthemes.com/themes/zubin/
Template: zubin
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: Zubin is a responsive free Multipurpose WordPress theme that fits all kinds of business purposes. You can use the theme for Corporates, Blogs, Music sites, Wedding sites, Online Stores, Photography, Professional sites, and more. Zubin is fully flexible and provides a neat interface to efficiently represent your business in the web world. This responsive multipurpose WordPress theme features many crucial sections that can showcase everything you have to offer. For instance, Featured Slider, Featured Content, Hero Content, Logo Slider, Testimonials, Services, and more. All of these features are highly customizable and you can quickly enable the ones you desire. The fully responsive design in Zubin makes your site look amazingly aesthetic across all devices. Enable the sections you need and take full advantage by tweaking it your way. Zubin is an outstanding multipurpose WordPress theme with all and everything you need to create any type of website you fancy. So, what are you waiting for? Download Zubin today and start promoting your business online quickly and efficiently. check out Theme Instructions at https://catchthemes.com/themes/zubin/#theme-instructions and Demo at https://catchthemes.com/demo/zubin.
Tags: one-column,two-columns,right-sidebar,custom-background,custom-header,custom-menu,custom-logo,editor-style,featured-images,flexible-header,footer-widgets,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,theme-options,translation-ready,block-styles,wide-blocks,portfolio,blog,photography
Version: 1.3.1686303010
Updated: 2023-06-09 18:30:10

*/
/* 基本文字設定 */
body {
  font-size: clamp(0.9rem, 2.5vw, 1.125rem);
  font-weight: 400;
  line-height: 1.75;
}

/* 見出し（H1〜H2） */
h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 1em;
}
h2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 768px) {
  .section-content-wrapper,
  .site-content .wrapper,
  .main-footer-title .wrapper,
  .recent-blog-content .section-content-wrapper.layout-one {
    padding: 0 !important;
  }
}

/* 応募フォーム用 */
.content-area-bgwhite {
  background-color: #fff;
  padding: 2rem 1rem;
}
.mw_wp_form p {
  overflow: hidden;
  position: relative;
  zoom: 1;
}
.mw_wp_form_confirm .myCaption {
  padding-top: 30px;
}
.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"],
.mw_wp_form input[type="url"],
.mw_wp_form input[type="password"],
.mw_wp_form input[type="search"],
.mw_wp_form input[type="tel"],
/* .mw_wp_form input[type="number"], */
.mw_wp_form input[type="hidden"],
.mw_wp_form select,
.mw_wp_form textarea {
  /* width:80%; */
  border: 1px solid #aaaaaa;
  flex: 1; /* 入力欄は残りの幅いっぱい使う */
  min-width: 200px; /* 狭すぎないように最低幅を確保 */
}
.mw_wp_form ul,
.mw_wp_form ol {
  /*  background: #fffde8;    */
  /*  box-shadow: 0px 0px 0px 10px #fffde8;    */ /*線の外側*/
  /*    border-radius: 9px;    */
  margin-left: 10px; /*はみ出ないように調整*/
  margin-right: 10px; /*はみ出ないように調整*/
  /* padding: 1.5em 0.5em 2.5em 2em; */
  padding: 2vw 1vw 2vw 1vw;
}
.myOuter {
  border: dashed 2px #0d0000; /*破線*/
}

.myFormRow {
  display: flex;
  align-items: center; /* 高さを揃える */
  flex-wrap: wrap; /* 画面幅が狭いとき折り返す */
  margin-bottom: 1em;
}

.myFormRow .myCaption {
  display: flex;
  align-items: center; /* 高さを揃える */
  flex-wrap: wrap; /* 画面幅が狭いとき折り返す */
  /* margin-bottom: 1em; */
  /* height: 50px; */
  /* align-items: center; */
  /* float: left; */
  /* padding-top: 15px; */
  list-style-type: none;
}

.mw_wp_form .myConfirm {
  width: 50%;
}
.mw_wp_form .mySubmit {
  width: 30%;
  margin: 0 10px;
}
.mw_wp_form .myRed {
  color: #b70000;
}
.mw_wp_form .newLine {
  display: block;
}
.VocalDetails .mwform-checkbox-field-text {
  font-weight: bold;
}
.Emphasis {
  padding: 20px;
  margin: 20px;
  border: 4px #0d0000 solid;
  text-align: center;
}
.Message {
  margin: 0 0 50px 25px;
}
.DisplayNone {
  display: none;
}
