@charset "utf-8";
/*
Theme Name: aircon-school
Theme URI: www.www.www
Author: takedesign
Author URI: www.www.www
Version: 0.0.1
*/
/* リセットCSS */
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:bold;}a{text-decoration:none;color:inherit;transition:all .3s ease-in-out}img{display: block;max-width:100%;height:auto;vertical-align: middle;}ol,ul{list-style:none}table{border-collapse:collapse}input,textarea,select{font:inherit;line-height:inherit;border:1px solid #ccc;padding:8px;}textarea{resize:vertical}button{padding: 0;font-family: inherit;appearance: none;cursor: pointer;background-color: transparent;border: none;}fieldset{border:0;padding:0;margin:0;min-width:0}legend{display:block;width:100%;max-width:100%;padding:0;white-space:normal;}[hidden],template{display:none}:focus-visible{outline:2px solid #000}

/* 汎用CSS
===================================================== */

/* スマホでテキストの折り返し用 */
.ib {display: inline-block}

/* フォーム */
label {margin-bottom:8px;}
select,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {width: 100%;max-width: 100%;padding: 8px 16px;background-color: #F6F6F6;margin-top: 4px;}
select,input,textarea {line-height: 1.1;font-family: inherit;font-size: inherit;font-weight: inherit;}

input[type="submit"],
input[type="button"]{padding: 12px 16px;}

.fontM{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.fontG{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.fonten{font-family:var(--en-font)}

:root {
	--font-color: #111111;
	--main-color:#324f9b;
	--bg-color: #2e2e2e;
	--main-font:"Noto Sans JP", sans-serif;
	--hover-transform:all .3s ease-in-out;
	--hamburger-transform:display .5s ease-in-out;
	--show-anime:opacity .5s , translate 1s;
	--clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
	--clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
	--clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
	--clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
	--clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
	--clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
	--clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
	--clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

::selection {background-color: var(--main-color);color:#fff;}

/* 基本レイアウト
===================================================== */

html{height: -webkit-fill-available;}
body{min-height: 100vh;min-height: -webkit-fill-available;}

body {font-size: 16px;font-family:var(--main-font);line-height:1.6;letter-spacing: .05em;color: var(--font-color);text-align: justify;font-feature-settings: "palt";}

#page{overflow:hidden;}
.container{width: 680px;max-width: 100%;padding-inline: 20px;margin-inline: auto;position: relative;z-index:11}

.page-herder{padding-block:80px;padding-inline:40px;text-align:center;}
.page-tit-jp{font-size:24px;}
.page-tit-en{text-transform:uppercase;}
/* ヘッダー
===================================================== */

/* フッター
---------------------------- */
.sec-footer{background-color:#F6F6F6;padding-block: 80px 160px;}
.footer_Menu_list li{text-align:center;}
.footer_Menu_list li:not(:first-child){margin-top:1em;}
.footer_Menu_list li a{font-weight:bold;}

.disclaimer-item{margin-top:40px;padding-inline:40px;}
.disclaimer-item h3{font-size:12px;}
.disclaimer-item p{font-size:12px;}
.site-generator{font-size:14px;text-align:center;margin-top:40px;}

@media(max-width:767px){
	.disclaimer-item{padding-inline:0;}
}

/*-------------------------------------
/* 共通
--------------------------------------- */
.fix-cta{position:fixed;bottom:0px;right: -20px;z-index:999;opacity:0;pointer-events:none;transition:var(--hover-transform)}
.is-scrollActive .fix-cta{opacity:1;pointer-events:auto}
.cta-btn.elementor-widget{position:absolute;bottom: 20px;left:50%;translate:-50% 0}

/*-------------------------------------
/* ホバースタイル
--------------------------------------- */

@media (hover: hover){
}

/* お問い合わせ
===================================================== */
.page-contact-des{text-align:center;padding-top:40px;}

.c-table {width: 800px;max-width:100%;margin-inline: auto;}
fieldset:not(:first-child) .from-item{margin-top:40px;}
.from-item .fl{font-weight:bold;}
.from-item .fr{margin-top:8px;}
.from-item p + p{margin-top:16px;}
.required{font-size: 12px;color:#fff;padding-block: 4px;padding-inline: 10px;background-color: #DB7331;margin-left: 16px;vertical-align: 1px;border-radius:100px;}
.any{font-size: 12px;padding: 4px 8px;background-color: #b4b5b5;margin: 0 16px 0 0;vertical-align: 1px;}
.example{font-size: 14px;letter-spacing: -1px;}
.from-item-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.from-item-data input[type=date]{height: 44px;}
input[type=number].from-number{width: calc(100% - 29px);margin-right:8px;}
.from-item input[type=email]{width:100%}
.from-item input[type=tel]{width:310px;}
.from-item textarea {height: 140px;width:100%}
.from-note{width: 420px;max-width: 100%;text-align:center;margin:40px auto 0;padding: 32px 16px;background-color: #fff;border-radius:6px;}
.from-note p{color:#000;}
.from-note .acceptance-wrap{font-weight:bold;margin:16px 0 0}
.from-note .doui{width: 18px;height: 18px;margin: 0 8px 0 0;border: none;vertical-align: -3px;}
.wpcf7-submit:disabled{opacity: 0.3;pointer-events: none}
.formsubmit{margin-top:40px;margin-inline:auto;position:relative;width:fit-content;}
.formsubmit .wpcf7-submit{width: 300px;max-width:100%;margin-inline: auto;padding-block: 24px;background-color: var(--main-color);color: #fff;border-radius:100px;line-height:1;text-align: center;position: relative;font-size: 20px;transition:var(--hover-transform)}
.wpcf7-spinner{display:block;margin:16px auto}
.policy-link{padding:0 8px;text-decoration: underline;}
.js-confirm-area{width:800px;max-width:100%;margin:40px auto 0;}
.confirm-note{text-align:center;margin-bottom:32px;}
.confirm-note h2{font-size:28px;line-height:1.4;margin-bottom:12px;}
.confirm-note p{text-align:center;}
.confirm-table{width:100%;background-color:#fff;border-top:1px solid #d9d9d9;}
.confirm-table th,
.confirm-table td{padding:20px 16px;border-bottom:1px solid #d9d9d9;text-align:left;vertical-align:top;}
.confirm-table th{width:34%;font-weight:bold;background-color:#F6F6F6;}
.confirm-table td{word-break:break-word;}
.js-confirm-back{display:block;width:300px;max-width:100%;margin:0 auto 16px;padding:20px 16px;border:1px solid #111;border-radius:100px;line-height:1;text-align:center;font-size:18px;background-color:#fff;transition:var(--hover-transform);}

/* privacypolicy
===================================================== */
.privacypolicy{padding-block: 0 80px;}
.privacypolicy-item h3{font-size:20px;margin-block:40px 8px}
.privacypolicy-item h4{font-size:18px;margin-block:32px 8px}
.privacypolicy-item h4::before{content:'';display:inline-block;width:16px;height:16px;background-color: var(--font-color);margin-right:8px;}
.privacypolicy-item h5{margin-block:24px 8px}
.privacypolicy-item h5::before{content:'';display:inline-block;width:16px;height:1px;background-color: var(--font-color);margin-right:8px;vertical-align: 6px;}
.privacypolicy-item ul,
.privacypolicy-item ol{margin-block:16px}
.privacypolicy-item li{position:relative;padding-left: 24px;}
.privacypolicy-item li::before{content:'';position: absolute;width:10px;height:10px;border-radius:10px;background-color: var(--font-color);margin-right:8px;top: 8px;left: 4px;}
.privacypolicy-item table th{width:240px;padding-block:1em;padding-inline:1em;border-left:1px solid;border-top:1px solid;}
.privacypolicy-item table td{padding-block:1em;padding-inline:1em;border-left:1px solid;border-top:1px solid;}
.privacypolicy-item table tr{border-right:1px solid;border-bottom:1px solid}


@media(max-width:767px){
  .c-table .fl,
  .c-table .fr{width:100%;}
  .confirm-table,
  .confirm-table tbody,
  .confirm-table tr,
  .confirm-table th,
  .confirm-table td{display:block;width:100%;}
  .confirm-table th{border-bottom:none;padding-bottom:8px;}
  .confirm-table td{padding-top:8px;}
	.privacypolicy-item table th,
	.privacypolicy-item table td{display:block;width:100%;border-top:none;}
	.privacypolicy-item table{border-top:1px solid;}
}

@media(max-width:560px){
  .c-table{margin-top:24px}
}
