/*
Theme Name: commitlp
Description:
Author: Takagawa-lp
Author URI:
*/


/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

 *,
 ::before,
 ::after {
   box-sizing: border-box;
 }

 /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */

 ::before,
 ::after {
   text-decoration: inherit; /* 1 */
   vertical-align: inherit; /* 2 */
 }

 /**
  * 1. Use the default cursor in all browsers (opinionated).
  * 2. Change the line height in all browsers (opinionated).
  * 3. Use a 4-space tab width in all browsers (opinionated).
  * 4. Remove the grey highlight on links in iOS (opinionated).
  * 5. Prevent adjustments of font size after orientation changes in
  *    IE on Windows Phone and in iOS.
  * 6. Breaks words to prevent overflow in all browsers (opinionated).
  */

 html {
   cursor: default; /* 1 */
   line-height: 1.5; /* 2 */
   -moz-tab-size: 4; /* 3 */
   tab-size: 4; /* 3 */
   -webkit-tap-highlight-color: transparent /* 4 */;
   -ms-text-size-adjust: 100%; /* 5 */
   -webkit-text-size-adjust: 100%; /* 5 */
   word-break: break-word; /* 6 */
 }

 /* Sections
  * ========================================================================== */

 /**
  * Remove the margin in all browsers (opinionated).
  */

 body {
   margin: 0;
 }

 /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Edge, Firefox, and Safari.
  */

 h1 {
   font-size: 2em;
   margin: 0.67em 0;
 }

 /* Grouping content
  * ========================================================================== */

 /**
  * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
  */

 dl dl,
 dl ol,
 dl ul,
 ol dl,
 ul dl {
   margin: 0;
 }

 /**
  * Remove the margin on nested lists in Edge 18- and IE.
  */

 ol ol,
 ol ul,
 ul ol,
 ul ul {
   margin: 0;
 }

 /**
  * 1. Add the correct sizing in Firefox.
  * 2. Show the overflow in Edge 18- and IE.
  */

 hr {
   height: 0; /* 1 */
   overflow: visible; /* 2 */
 }

 /**
  * Add the correct display in IE.
  */

 main {
   display: block;
 }

 /**
  * Remove the list style on navigation lists in all browsers (opinionated).
  */

 nav ol,
 nav ul {
   list-style: none;
   padding: 0;
 }

 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */

 pre {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
 }

 /* Text-level semantics
  * ========================================================================== */

 /**
  * Remove the gray background on active links in IE 10.
  */

 a {
   background-color: transparent;
 }

 /**
  * Add the correct text decoration in Edge 18-, IE, and Safari.
  */

 abbr[title] {
   text-decoration: underline;
   text-decoration: underline dotted;
 }

 /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */

 b,
 strong {
   font-weight: bolder;
 }

 /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */

 code,
 kbd,
 samp {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
 }

 /**
  * Add the correct font size in all browsers.
  */

 small {
   font-size: 80%;
 }

 /* Embedded content
  * ========================================================================== */

 /*
  * Change the alignment on media elements in all browsers (opinionated).
  */

 audio,
 canvas,
 iframe,
 img,
 svg,
 video {
   vertical-align: middle;
 }

 /**
  * Add the correct display in IE 9-.
  */

 audio,
 video {
   display: inline-block;
 }

 /**
  * Add the correct display in iOS 4-7.
  */

 audio:not([controls]) {
   display: none;
   height: 0;
 }

 /**
  * Remove the border on iframes in all browsers (opinionated).
  */

 iframe {
   border-style: none;
 }

 /**
  * Remove the border on images within links in IE 10-.
  */

 img {
   border-style: none;
 }

 /**
  * Change the fill color to match the text color in all browsers (opinionated).
  */

 svg:not([fill]) {
   fill: currentColor;
 }

 /**
  * Hide the overflow in IE.
  */

 svg:not(:root) {
   overflow: hidden;
 }

 /* Tabular data
  * ========================================================================== */

 /**
  * Collapse border spacing in all browsers (opinionated).
  */

 table {
   border-collapse: collapse;
 }

 /* Forms
  * ========================================================================== */

 /**
  * Remove the margin on controls in Safari.
  */

 button,
 input,
 select {
   margin: 0;
 }

 /**
  * 1. Show the overflow in IE.
  * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
  */

 button {
   overflow: visible; /* 1 */
   text-transform: none; /* 2 */
 }

 /**
  * Correct the inability to style buttons in iOS and Safari.
  */

 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
   -webkit-appearance: button;
 }

 /**
  * 1. Change the inconsistent appearance in all browsers (opinionated).
  * 2. Correct the padding in Firefox.
  */

 fieldset {
   border: 1px solid #a0a0a0; /* 1 */
   padding: 0.35em 0.75em 0.625em; /* 2 */
 }

 /**
  * Show the overflow in Edge 18- and IE.
  */

 input {
   overflow: visible;
 }

 /**
  * 1. Correct the text wrapping in Edge 18- and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  */

 legend {
   color: inherit; /* 2 */
   display: table; /* 1 */
   max-width: 100%; /* 1 */
   white-space: normal; /* 1 */
 }

 /**
  * 1. Add the correct display in Edge 18- and IE.
  * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
  */

 progress {
   display: inline-block; /* 1 */
   vertical-align: baseline; /* 2 */
 }

 /**
  * Remove the inheritance of text transform in Firefox.
  */

 select {
   text-transform: none;
 }

 /**
  * 1. Remove the margin in Firefox and Safari.
  * 2. Remove the default vertical scrollbar in IE.
  * 3. Change the resize direction in all browsers (opinionated).
  */

 textarea {
   margin: 0; /* 1 */
   overflow: auto; /* 2 */
   resize: vertical; /* 3 */
 }

 /**
  * Remove the padding in IE 10-.
  */

 [type="checkbox"],
 [type="radio"] {
   padding: 0;
 }

 /**
  * 1. Correct the odd appearance in Chrome, Edge, and Safari.
  * 2. Correct the outline style in Safari.
  */

 [type="search"] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }

 /**
  * Correct the cursor style of increment and decrement buttons in Safari.
  */

 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
   height: auto;
 }

 /**
  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  */

 ::-webkit-input-placeholder {
   color: inherit;
   opacity: 0.54;
 }

 /**
  * Remove the inner padding in Chrome, Edge, and Safari on macOS.
  */

 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }

 /**
  * 1. Correct the inability to style upload buttons in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */

 ::-webkit-file-upload-button {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
 }

 /**
  * Remove the inner border and padding of focus outlines in Firefox.
  */

 ::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }

 /**
  * Restore the focus outline styles unset by the previous rule in Firefox.
  */

 :-moz-focusring {
   outline: 1px dotted ButtonText;
 }

 /**
  * Remove the additional :invalid styles in Firefox.
  */

 :-moz-ui-invalid {
   box-shadow: none;
 }

 /* Interactive
  * ========================================================================== */

 /*
  * Add the correct display in Edge 18- and IE.
  */

 details {
   display: block;
 }

 /*
  * Add the correct styles in Edge 18-, IE, and Safari.
  */

 dialog {
   background-color: white;
   border: solid;
   color: black;
   display: block;
   height: -moz-fit-content;
   height: -webkit-fit-content;
   height: fit-content;
   left: 0;
   margin: auto;
   padding: 1em;
   position: absolute;
   right: 0;
   width: -moz-fit-content;
   width: -webkit-fit-content;
   width: fit-content;
 }

 dialog:not([open]) {
   display: none;
 }

 /*
  * Add the correct display in all browsers.
  */

 summary {
   display: list-item;
 }

 /* Scripting
  * ========================================================================== */

 /**
  * Add the correct display in IE 9-.
  */

 canvas {
   display: inline-block;
 }

 /**
  * Add the correct display in IE.
  */

 template {
   display: none;
 }

 /* User interaction
  * ========================================================================== */

 /*
  * 1. Remove the tapping delay in IE 10.
  * 2. Remove the tapping delay on clickable elements
       in all browsers (opinionated).
  */

 a,
 area,
 button,
 input,
 label,
 select,
 summary,
 textarea,
 [tabindex] {
   -ms-touch-action: manipulation; /* 1 */
   touch-action: manipulation; /* 2 */
 }

 /**
  * Add the correct display in IE 10-.
  */

 [hidden] {
   display: none;
 }

 /* Accessibility
  * ========================================================================== */

 /**
  * Change the cursor on busy elements in all browsers (opinionated).
  */

 [aria-busy="true"] {
   cursor: progress;
 }

 /*
  * Change the cursor on control elements in all browsers (opinionated).
  */

 [aria-controls] {
   cursor: pointer;
 }

 /*
  * Change the cursor on disabled, not-editable, or otherwise
  * inoperable elements in all browsers (opinionated).
  */

 [aria-disabled="true"],
 [disabled] {
   cursor: not-allowed;
 }

 /*
  * Change the display on visually hidden accessible elements
  * in all browsers (opinionated).
  */

 [aria-hidden="false"][hidden] {
   display: initial;
 }

 [aria-hidden="false"][hidden]:not(:focus) {
   clip: rect(0, 0, 0, 0);
   position: absolute;
 }



 /* CSS Document */
 /*-------------------------------------------------------------------------------------
 PC用レイアウト（768px以上スクリーン）
 ----------------------------------------------------------------------------------------*/
 /*--------------------------------------------------
 共通設定(PC)
 -----------------------------------------------------*/
 /*body全体の初期スタイル調整*/
 body {
   font-size: 62.5%; /*emの計算をしやすくするための定番設定*/
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
   font-weight: normal;
   color: #000;
 }
 /*リンク文字の設定*/
 a {
   text-decoration: underline;
 }
 a:link, a:visited {
   color: #39f;
 }
 a:hover, a:active {
   color: #f60;
 }
 /*ブラウザのCSSをリセット*/
 p {
   margin: 0 !important;
   /* padding: 0 !important; */
 }
 /*セクションエリアの共通設定*/
 section {
   clear: both;
   overflow: auto;
 }
 /*--------------------------------------------------
 見出しタグ設定（PC）
 -----------------------------------------------------*/
 h2 {
   margin: 0.5em 0em;
   font-size: 2em;
   font-weight: bold;
   text-align: center;
 }

 /*--------------------------------------------------
 全体レイアウト／背景設定（PC）
 -----------------------------------------------------*/
 /*全体エリア（全体背景を設定するにはここ）*/
 .main {
   background-color: #f2f2f2;
   padding-top: 20px;
   padding-bottom: 0px;
 }
 /*記事(ボディ)エリア*/
 .article {
   background-color: #fff;
   font-size: 1.8em; /*=18px*/
 }
 /*記事(ボディ)エリアの行間*/
 .article p {
   line-height: 1.6;
 }
 .article .p {
   padding-bottom: 1.6em;
 }
 .article ul {
   margin: 0;
   padding-bottom: 1.6em;
 }

 .article{
   width: 65%;
   max-width: 1000px;
   margin: 0 auto;
   padding: 30px 30px 40px;
   border-radius: 10px;
 }

 .article .p_right {
   float: right;
   margin-bottom: -10px;
 }
 .article .clear {
   clear: both;
 }
 /*カラム全体の幅を変更する*/
 .section_inr {
   margin: 0 auto; /*真ん中に要素を置きたいときに使う*/
 }

 /*--------------------------------------------------
 sectionの設定
 -----------------------------------------------------*/
 .section_01 {
   padding: 1.5em 3em;
 }

 /*--------------------------------------------------
 テーブル設定
 -----------------------------------------------------*/
 table {
   width: 100%;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   margin: 1em auto;
 }
 th, td {
   padding: 0.5em;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
 }
 th {
   width: 15%;
   font-weight: normal;
   text-align: center;
 }
 td {
   background-color: #fff;
   text-align: left;
 }

 table .red{
   color: red;
   font-weight: bold;
 }
 /*--------------------------------------------------
 CTAエリア
 -----------------------------------------------------*/
 .button{
   width: 100%;
 }
 /*--------------------------------------------------
 フッター部分
 -----------------------------------------------------*/
 .footer {
   background-color: #f2f2f2;
   padding: 2em 0em;
   text-align: center;
   font-size: 1.4em;
   color: #000;
 }
 .footer a {
   color: #000;
 }


 /* CSS Document */


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

 /*-------------------------------------------------------------------------------------
 スマホ用レイアウト（768px以下スクリーン）
 ----------------------------------------------------------------------------------------*/

 /*--------------------------------------------------
 共通設定(スマホ)
 -----------------------------------------------------*/

 /*body全体の初期スタイル調整*/
 body {
   width: 100%;
   -webkit-text-size-adjust:100%;
   -ms-text-size-adjust:100%;
 }

 /*--------------------------------------------------
 見出しタグ設定（スマホ）
 -----------------------------------------------------*/
 h2 {
   margin: 0.5em 0em;
   font-size: 1.6em;
   font-weight: bold;
   text-align: center;
 }

 /*--------------------------------------------------
 全体レイアウト／背景設定（スマホ）
 -----------------------------------------------------*/
 /*全体エリア（全体背景を設定するにはここ）*/
 .main {
   background-color: #f2f2f2;
   padding-top: 0;
 }
 /*記事(ボディ)エリア*/
 .article {
   background-color: #fff;
   border-left: none;
   border-right: none;
   font-size: 1.4em; /*=14px*/
 }
 /*記事(ボディ)エリアの行間*/
 .article p {
   line-height: 1.6;
 }

 .article{
   width: 100%;
 }

 /*カラム全体の幅を変更する*/
 .section_inr {
   width: 100%;
   margin: 0 auto; /*真ん中に要素を置きたいときに使う*/
 }


 /*--------------------------------------------------
 sectionの設定
 -----------------------------------------------------*/
 .section_01 {
   padding: 0.5em 0.5em;
 }

 /*--------------------------------------------------
 テーブル設定
 -----------------------------------------------------*/
 table {
   width: 100%;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   margin: 1em 0em;
 }
 th, td {
   padding: 0.5em;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
 }
 th {
   font-weight: normal;
   text-align: center;
 }
 td {
   background-color: #fff;
   text-align: left;
 }

 /*--------------------------------------------------
 CTAエリア
 -----------------------------------------------------*/

 /*--------------------------------------------------
 フッター部分
 -----------------------------------------------------*/
 .footer {
   background-color: #f2f2f2;
   padding: 2em 0em;
   text-align: center;
   font-size: 1.2em;
   color: #000;
 }
 .footer a {
   color: #000;
 }



 }