/* ============================================================
   parts.css
   下層テンプレートパーツ専用スタイル
   対象: template.html 等の下層ページで読み込む
   ============================================================ */

/* ------------------------------------------------------------
   下層 メインビジュアル画像
   ------------------------------------------------------------ */
.tmpl_top_image{padding:0 1rem; text-align: center;}
.tmpl_top_image .wp-block-image{margin-bottom:1rem}
.tmpl_top_image .wp-block-image:last-child{margin-bottom:0}

.wp-block-group__inner-container {
  display: contents;
}

/* ------------------------------------------------------------
   下層 サブコンテンツ共通
   ------------------------------------------------------------ */
.tmpl_sub{padding:100px 0;min-height:500px;position:relative;font-family:"Lato","Noto Sans JP","游ゴシック",YuGothic,"Hiragino Sans","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif}
@media only screen and (max-width: 768px){.tmpl_sub{padding:40px 0 50px}}

/* ------------------------------------------------------------
   建築概要テーブル
   ------------------------------------------------------------ */
.tmpl_outline{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;align-items:flex-start}
@media only screen and (max-width: 768px){.tmpl_outline{display:block}}
.tmpl_outline .tmpl_outline_heading{flex:0 0 auto;margin-right:5rem;font-weight:400;line-height:1.9}
.tmpl_outline .tmpl_outline_textbody{flex:1 1 100%;max-width:100%}
.tmpl_outline_table table{border:0;border-spacing:0;border-collapse:separate}
.tmpl_outline_table td{text-align:left;vertical-align:top;border: 0;padding: 0;}

/* ------------------------------------------------------------
   2カラムレイアウト
   ------------------------------------------------------------ */
.tmpl_two_column{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;align-items:flex-start}
@media only screen and (max-width: 768px){.tmpl_two_column{display:block}}
.tmpl_two_column>*{width:45%}
@media only screen and (max-width: 768px){.tmpl_two_column>*{width:auto;margin-bottom:3rem}.tmpl_two_column>*:last-child{margin-bottom:0}}

/* ------------------------------------------------------------
   見出し
   ------------------------------------------------------------ */
.tmpl_heading1{margin-bottom:10px;font-size:2rem;font-weight:400}
.tmpl_heading2{margin-bottom:10px;font-size:1.8rem;font-weight:400}
.tmpl_en_heading2{margin-bottom:10px;font-size:2rem;font-weight:400}
.tmpl_heading3{margin-bottom:10px;font-size:1.5rem;font-weight:400}

/* ------------------------------------------------------------
   余白ユーティリティ
   ------------------------------------------------------------ */
.tmpl_mb05{margin-bottom:5px}
.tmpl_mb10{margin-bottom:5px}

/* インラインstyle "height:15px" の外部化 */
.tmpl_spacer_sm{height:15px}

/* ------------------------------------------------------------
   サークルリスト（活動領域）
   ※ 画像パスは ../img/sub/ → WordPress化後は ../img/sub/ に変更要
   ------------------------------------------------------------ */
.tmpl_circle_list{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;width:800px}

.tmpl_circle_list .tmpl_circle_item{width:438px;height:438px;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;font-size:1.3rem;line-height:1.6;background-position:center;background-repeat:no-repeat}

.tmpl_circle_list .tmpl_circle_item:nth-child(1){background-image:url("../img/sub/circle_bg01.svg")}
.tmpl_circle_list .tmpl_circle_item:nth-child(1) .tmpl_circle_heading,
.tmpl_circle_list .tmpl_circle_item:nth-child(1) .tmpl_circle_company,
.tmpl_circle_list .tmpl_circle_item:nth-child(1) .tmpl_circle_job{color:#896c45}

.tmpl_circle_list .tmpl_circle_item:nth-child(2){margin-left:-79px;background-image:url("../img/sub/circle_bg02.svg")}
.tmpl_circle_list .tmpl_circle_item:nth-child(2) .tmpl_circle_heading,
.tmpl_circle_list .tmpl_circle_item:nth-child(2) .tmpl_circle_company,
.tmpl_circle_list .tmpl_circle_item:nth-child(2) .tmpl_circle_job{color:#722049}

.tmpl_circle_list .tmpl_circle_item:nth-child(3){margin-top:-101px;background-image:url("../img/sub/circle_bg03.svg")}
.tmpl_circle_list .tmpl_circle_item:nth-child(3) .tmpl_circle_heading,
.tmpl_circle_list .tmpl_circle_item:nth-child(3) .tmpl_circle_company,
.tmpl_circle_list .tmpl_circle_item:nth-child(3) .tmpl_circle_job{color:#282d6e}

.tmpl_circle_list .tmpl_circle_item .tmpl_circle_item_inner{max-width:252px}
.tmpl_circle_list .tmpl_circle_item .tmpl_circle_heading{margin-bottom:2.5rem;font-size:2.4rem;font-weight:400;text-align:center}
.tmpl_circle_list .tmpl_circle_item .tmpl_circle_company{font-size:1.4rem;font-weight:600}
.tmpl_circle_list .tmpl_circle_item .tmpl_circle_job{margin-bottom:20px;font-size:1.2rem}

/* ------------------------------------------------------------
   お問い合わせフォーム
   ------------------------------------------------------------ */
.tmpl_form .tmpl_form_input{margin-bottom:3rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;align-items:flex-start}
@media only screen and (max-width: 768px){.tmpl_form .tmpl_form_input{display:block}}
.tmpl_form .tmpl_form_input:last-child{margin-bottom:0}
.tmpl_form .tmpl_form_input .tmpl_form_input_heading{margin-top:1rem;flex:0 0 180px;font-size:1.5rem}
@media only screen and (max-width: 768px){.tmpl_form .tmpl_form_input .tmpl_form_input_heading{margin-top:0;margin-bottom:.8rem}}
.tmpl_form .tmpl_form_input .tmpl_form_input_textbody{flex:1 1 100%;max-width:100%}
.tmpl_form .tmpl_form_submit{margin-top:6rem;text-align:center}
@media only screen and (max-width: 768px){.tmpl_form .tmpl_form_submit{margin-top:4rem}}