@charset "utf-8";


/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 17px;	/*文字サイズ*/
	line-height: 1.6;		/*行間*/
	background: #F8F5F0 url(../images/bg.png);	/*背景色、背景画像の読み込み*/
	line-break: strict; /*日本語中国語韓国語の改行を単語ごとに行う */
	-webkit-text-size-adjust: none;
	-webkit-line-break: strict;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{
	margin: 0px;padding: 0px;
}
ul{
	list-style-type: none;
}
img{
	border: none;max-width: 100%;height: auto;
}
table{
	border-collapse:collapse;font-size: 100%;border-spacing: 0;
}
iframe{
	width: 100%;
}

/* 中央寄せ */
.centering_outer{
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	align-items: center;
}
.centering_inner{
	margin:10px auto ;
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a{
	color: #333;	/*リンクテキストの色*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
a:hover{
	color: #000096;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header{
	width: 100%;	/*横一杯使う為に100%指定*/
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: -webkit-linear-gradient(#d5edff, rgba(255,255,255,0) 50%) #fff;	/*グラデーションと背景色*/
	background: linear-gradient(#d5edff, rgba(255,255,255,0) 50%), #fff;/*同上*/
	font-size: 14px;
    z-index: 1;
}
/*サイト幅にしたheader内のブロック*/
header #inner{
	height: 50px;	/*高さ*/
	display: -ms-grid;
	display:grid;
	gap:20px;
	-ms-grid-columns: 1fr 20px 1fr 20px  1fr 20px 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	/*背景色、背景画像の読み込み（古いブラウザ用）*/
	/* background: #fff url(../images/header_bg.jpg) no-repeat 300px center; */
	/*グラデーション、背景色、背景画像の読み込み（リピートなし、左から300pxの場所に配置、上下中央、画像幅500px）*/
	/* background: -webkit-linear-gradient(#d5edff, rgba(255,255,255,0) 50%), #fff url(../images/header_bg.jpg) no-repeat 300px center/500px; */
	/*同上*/
	/* background: linear-gradient(#d5edff, rgba(255,255,255,0) 50%), #fff url(../images/header_bg.jpg) no-repeat 300px center/500px; */
}
/*ヘッダーのロゴ等*/
header #logo{
	width:200px;
	height:48px;
	align-self: center;
}

header #CDT{
	-ms-grid-column: 3;
}

header #CDT p {
	background-color: #5a79bb;
	bottom: 0;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 20px;
}
header #top_tel{
	align-self: center;
	-ms-grid-column:7;
	/* justify-self: end; */
	
}
header #top_txt{
	font-size: 10px;
	align-self: center;
}

header #top_btn{
	/* align-self: center; */
	justify-self: end;
	-ms-grid-column:5;
}


/*ヘッダー内メニュー（「資料請求・お問い合わせ」と「見学のお申し込み」ボタン）
---------------------------------------------------------------------------*/
header a.bg_orange{
	text-decoration: none;
	background: #139519;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa600), to(#ff8a00));	/*グラデーション*/
	background: -webkit-linear-gradient(#ffa600, #ff8a00);	/*同上*/
	background: linear-gradient(#ffa600, #ff8a00);			/*同上*/
	color: #FFF;	/*文字色*/
	padding: 12px 15px 11px;	/*上下、左右へのボックス内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
	border: 1px solid #ff8a00;	/*枠線の幅、線種、色*/
}
/*マウスオン時*/
header a.bg_orange:hover{
	color: #ff8a00;	/*文字色*/
	background: #fff;	/*背景色*/
}


/*文字サイズ変更ボタン（※文字サイズを「大」にした時の設定はlarge.cssで行う）
---------------------------------------------------------------------------*/
/*ボタンブロック全体*/
ul#fsize{
	height: 50px;	/*大中のボタン画像の高さに合わせる*/
	width: 90px;	/*大中のボタン画像２点の幅を合計した数字にする*/
	position: absolute;
	right: 10px;	/*ヘッダーブロックの右から10pxの場所に配置*/
	top: 0px;	/*ヘッダーブロックの上から0pxの場所に配置*/
	padding-left: 140px;	/*「文字サイズ」の画像幅に合わせる*/
	padding-right: 5px;
	background: #fff url(../images/fsize_bg.png) no-repeat left center;	/*背景色、「文字サイズ」の背景画像読み込み（古いブラウザ用）*/
	background: url(../images/fsize_bg.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));	/*「文字サイズ」の背景画像とグラデーション*/
	background: url(../images/fsize_bg.png) no-repeat left center, -webkit-linear-gradient(#fff 30%, #eee);	/*同上*/
	background: url(../images/fsize_bg.png) no-repeat left center, linear-gradient(#fff 30%, #eee);			/*同上*/
	border: 1px solid #dcdcdc;	/*枠線の幅、線種、色*/
	border-top: none;	/*上の線だけ消す設定*/
	border-radius: 0px 0px 4px 4px;	/*角丸のサイズ。左上、右上、右下、左下。*/
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);	/*影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);			/*同上*/
}
/*ボタン１個あたり*/
ul#fsize li{
	float: left;	/*左に回り込み*/
}
ul#fsize a{
	overflow:hidden;
	display: block;
	text-indent: -9999px;
}
/*「中」サイズのボタン設定*/
ul#fsize li#me a{
	background: url(../images/fsize_on.png) left center;	/*背景画像として「中」を読み込む。初期設定でこれをオンの状態にしておく。*/
	height: 50px;	/*画像の高さ*/
	width: 40px;	/*画像の幅*/
}
ul#fsize li#me a:hover{
	background: url(../images/fsize_on.png) left center;	/*マウスオン時の背景画像*/
}
/*「大」サイズのボタン設定*/
ul#fsize li#la a{
	background: url(../images/fsize.png) right center;	/*背景画像として「大」を読み込む。初期設定でこれはオフの状態にしておく。*/
	height: 50px;	/*画像の高さ*/
	width: 50px;	/*画像の幅*/
}
ul#fsize li#la a:hover{
	background: url(../images/fsize_on.png) right center;	/*マウスオン時の背景画像*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menu-box{
	width: 100%;
	overflow: hidden;
	-webkit-box-shadow: 0px 5px 6px rgba(0,0,0,0.1);	/*影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
	box-shadow: 0px 5px 6px rgba(0,0,0,0.1);			/*同上*/
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));	/*グラデーション*/
	background: -webkit-linear-gradient(#fff 30%, #eee);	/*同上*/
	background: linear-gradient(#fff 30%, #eee);			/*同上*/
	border-bottom: 1px solid #dcdcdc;	/*下線の幅、線種、色*/
	margin-bottom: 0px;	/*メニューと下のコンテンツとの間に空けるスペース*/
}
#menubar,
#menubar-s{
	overflow: hidden;
	margin: 0 auto;
	border-left: 1px solid #dcdcdc;	/*一番左側にラインを入れる設定*/
	font-size: 14px;	/*文字サイズを固定。文字サイズ「大中」ボタンの影響を受けたいならこの行削除。但し若干レイアウトが崩れます。*/
}
/*メニュー１個あたりの設定*/
#menubar li,
#menubar-s li{
	float: left;	/*左に回り込み*/
	text-align: center;	/*文字をセンタリング*/
	border-right: 1px solid #dcdcdc;	/*右側にラインを入れる*/
	width: calc(100% / 6 - 4px);	/*メニュー幅*/
}
#menubar li:last-child, 
#menubar-s li:last-child{
	border-right: 0;
}
#menubar a,
#menubar-s a{
	margin: 7px 5px;	/*上下、左右へ、外側へとる余白。メニュー選択時に余白を設ける為に設定しています。*/
	display: block;
	text-decoration: none;
	padding: 7px 0px;	/*上下、左右へとる余白*/
	border-radius: 4px;	/*角丸のサイズ*/
}
/*マウスオン時*/
#menubar a:hover,
#menubar li.current a,
#menubar-s a:hover,
#menubar-s li.current a{
	background: #7ec0c9;	/*背景色*/
	color: #fff;	/*文字色*/
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.1) inset;	/*影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。insetは内側に向かっての影。*/
	box-shadow: 1px 2px 3px rgba(0,0,0,0.1) inset;			/*同上*/
}
/*スマホ用メニューを表示させない*/
#menubar-s{
	display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr{
	display: none;
}

/*コンテンツ（左右ブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents{
	max-width:940px;
	padding: 20px 0px;	/*ボックス内の余白。上下、左右。*/
	margin: 0 auto 30px;
	background: #F8F5F0;	/*背景色*/
	overflow: visible;
	/*-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);	影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
	/*box-shadow: 0px 0px 5px rgba(0,0,0,0.1);			同上*/
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main{
	padding-bottom: 30px;
}
/*mainコンテンツのh2タグの設定*/
#main h2{
	margin-top: 40px;
	font-size: 19px;
	color : #ffffff;		/*文字色*/
	background : none 0% 0% / auto auto repeat scroll padding-box border-box #5a79bb;	/*背景色*/
	padding: 15px 15px;	/*上下、左右への余白*/
	border-radius: 6px;	/*角丸のサイズ*/
}
/*mainコンテンツのh2タグの１文字目への設定*/
/* #main h2::first-letter {*/
	/* border-left: 3px solid #fff;	/*左側のアクセント用ラインの幅、線種、色*/
	/* padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
/* }*/
/*mainコンテンツのh3タグの設定*/
#main h3{
	clear: both;
	margin-bottom: 15px;
	font-size: 100%;
	background: #FFF;	/*背景色*/
	padding: 4px 15px;	/*上下、左右への余白*/
	border: 1px solid #bcbcbc;	/*枠線の幅、線種、色*/
	border-radius: 4px;	/*角丸のサイズ*/
}
/*mainコンテンツのh3タグの１文字目への設定*/
#main h3::first-letter{
	border-left: 3px solid #000096;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}
#main h4{
	color: #000096;	/*文字色*/
	font-weight: bold;	/*太字*/
	font-size: 18px;
	padding-top: 15px;
	border-bottom:2px solid #000096;
}

/*mainコンテンツの段落タグ設定*/
#main p{
	padding: 7px 15px 14px;	/*上、左右、下への余白*/
}
#main p + p{
	padding-top: 0px;
}
#main h2 + p,
#main h3 + p{
	padding-top: 0px;
	margin-top: -5px;
}

.txt_supervisor{
	font-size:28px;
}

/*「６つのサポート」の一覧用ブロック
---------------------------------------------------------------------------*/
#main .support{
	padding:0 60px 0 65px;
}

/*ボックスの設定（リンクなし・あり共通設定）*/
#main section.list{
	display:grid;
	-ms-grid-columns: 38% 58%;
	grid-template-columns: 38% 58%;
	column-gap: 4%;
	margin-bottom: 0px;	/*ボックス間のスペース*/
	/* position: relative; */
	/* overflow: hidden; */
	padding: 10px 20px;	/*ボックス内の余白*/
}
/*マウスオン時のボックス*/
#main section.list a:hover{
	background: #fffde7;	/*背景色*/
}
/*マウスオン時の矢印マーク*/
#main section.list a:hover::before{
	background: #000096;	/*背景色*/
}
/*ボックス内の段落タグ設定*/
#main section.list p{
	padding: 0px;
	/* width:50%; */
	/*margin-left: 34%;	/*左の写真とのバランスをとって設定*/
}

#main section.list p.col2{
	grid-column-start: 1;
	grid-column-end: 3;
	/* width:50%; */
	/*margin-left: 34%;	/*左の写真とのバランスをとって設定*/
}

/*ボックス内の写真設定*/
#main section.list figure img{
	/* float: left;		/*画像を左へ回り込み*/ 
	padding: 0px;		/*余白*/
	/*background: #fff;*/	/*背景色*//* 
	/*max-width: 240px;			/*写真の幅*/ 
	height: auto;		/*写真の高さ*/
	/*border: 1px solid #ccc;*/	/*線の幅、線種、色*/
}
/*ボックス内のh4タグ設定*/
#main section.list h4{
	font-size: 120%;
	color: #000096;		/*文字色*/
	border-bottom: dotted 2px #000096;	/*下線の線種、幅、色*/
	margin-left: 34%;	/*左の写真とのバランスをとって設定*/
	margin-bottom: 10px;
}

/*「出版書籍の概要」監修者ブロック
---------------------------------------------------------------------------*/
/*ボックスの設定（リンクなし・あり共通設定）*/
#main section.list3{
	margin: 15px 0;	/*ボックス間のスペース*/
	position: relative;
	overflow: hidden;
}

/*ボックス内の写真設定*/
#main section.list3 figure img{
	margin: 20px 0;
	width: 100%;			/*写真の幅*/
}

/*ボックス内のh4タグ設定*/
#main section.list3 h4{
	font-size: 120%;
	color: #000096;		/*文字色*/
	border-bottom: dotted 2px #000096;	/*下線の線種、幅、色*/
	margin-bottom: 10px;
}

/*監修者ボックス*/
#main section.list3 div.kanshu_box {
	display: flex;
	justify-content: center;
}
#main section.list3 div.kanshu_box div.kanshu_box_image{
	width: 30%;
}

#main section.list3 div.kanshu_box div.kanshu_box_image img{
	margin: 0;
	vertical-align: top;
}

#main section.list3 div.kanshu_box div.kanshu_box_text{
	box-sizing: border-box;
    border: 1px solid #000000;
	margin-left: 20px;
	width: 70%;
}


/*「出版書籍の概要」書籍概要ブロック
---------------------------------------------------------------------------*/
#main .gaiyo{
	padding:0 15px 0 15px;
}

#main section.list4{
	display: -ms-flexbox;
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 100%;
	height:auto;
}
/* 書影側のブロック */
#main section.list4 div.left{
	width:35%;
}
#main section.list4 div.left figure img{
	width: 90%;
}

/* 段落側のブロック */
#main section.list4 div.right{
	width:65%;
}

/*ボックス内のh4タグ設定*/
#main section.list4 h4{
	font-size: 120%;
	color: #000096;		/*文字色*/
	border-bottom: dotted 2px #000096;	/*下線の線種、幅、色*/
	margin-bottom: 10px;
}
/* ボックス内のリストタグ設定 */
#main section.list4 ul{
	list-style:inside;
	list-style-type: disc;
}
#main section.list4 ul.fifth{
	list-style-type: decimal;
}
#main section.list4 ul.sixth li:nth-child(n+3){
	list-style-type: none;
}
/* 書籍の仕様 */
#main section.list4 div.shiyou h4 {
	color: #000096;
    font-weight: bold;
    font-size: 18px;
    padding-top: 15px;
    border-bottom: 2px solid #000096;
}

dl#marit{
	display: -ms-flexbox;
	display:flex;
	flex-wrap:wrap;
}
dl#marit dt{
	width:30%;
}
dl#marit dd{
	width:70%;
	padding-top:30px;
}

#marit_chk{
	margin:40px 0;
	padding:30px 12%;
	background-color:#FFF;
}
#marit_chk li{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: 700;
	font-size:24px;
	margin:0 0 0.5em 0;
}
#marit_chk li:before{
	content: "\2714";
	-webkit-text-fill-color: #ee8aae;
	color:#ee8aae;

}
#marit_chk li{
	text-indent: -1em;
	padding-left: 1em;
}
span.highlighter_pink{
	/* background: linear-gradient(transparent 70%, #ee8aae 80%); */
	background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0), rgba(238,138,174, 0.9)) #fff;	/*グラデーションと背景色*/
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0), rgba(238,138,174, 0.9)) #fff;/*同上*/
}
#marit_PR{
	margin:50px 0;
}
#marit_PR p{
	margin:20px 0;
}
.marit_serif{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.marit_strong{
	font-weight: 400;
	font-size:120%;
}
.marit_stronger{
	font-weight: 600;
	font-size:140%;
}
.marit_stronger1{
	font-weight: 500;
	font-size:140%;
}
.marit_strongest{
	font-size:200%;
}
.highliter_yellow{
	/* background: linear-gradient(transparent 70%, #FF0 80%); */
	background: -webkit-linear-gradient(rgba(255,255,255,0) ,rgba(255,255,255,0) ,rgba(255,255,0,1));	/*グラデーションと背景色*/
	background: linear-gradient(rgba(255,255,255,0) ,rgba(255,255,255,0) ,rgba(255,255,0,1));/*同上*/
}
.txt_center{
	text-align: center;
}
#main p.marit_kakoi{
	padding:1em;
}
.marit_kakoi {
    position: relative;

}
.marit_kakoi:before,.marit_kakoi:after{ 
    content:'';
    width: 50%;
    height: 40%;
    position: absolute;
    display: inline-block;
}
.marit_kakoi:before{
    border-left: solid 1px #555;
    border-top: solid 1px #555;
    top:0;
    left: 0;
}
.marit_kakoi:after{
    border-right: solid 1px #555;
    border-bottom: solid 1px #555;
    bottom:0;
    right: 0;
}
div.kiji_box div{
	margin:30px 0;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer{
	clear: both;
	background : none 0% 0% / auto auto repeat scroll padding-box border-box #5a79bb;	/*背景色*/
	color : #ffffff;	/*文字色*/
	font-size: 85%;	/*文字サイズ*/
}
footer a{
	color: #fff;
}
footer a:hover{
	color: #fff;
}
footer .pr{
	display: block;
	font-size: 80%;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu{
	width: 940px;	/*幅*/
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0px;
}
/*１行分の設定*/
#footermenu ul{
	float: left;	/*左に回り込み*/
	text-align: center;
	width: 12%;		/*幅。今回は５列作ったのでここの幅18%と下のpaddingの2%でトータル20%になるよう設定。列に応じて調整して下さい。*/
	padding-right: 1.6%;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright{
	clear: both;
	text-align: center;
	background : none 0% 0% / auto auto repeat scroll padding-box border-box #000000;	/*背景色*/
	padding: 10px 0;
}
#copyright a{
	text-decoration: none;
}

/*トップページ内メインイメージ
---------------------------------------------------------------------------*/
#mainimg{
	width: 100%;
	margin-bottom: -7px;
}

/*お客様の声
---------------------------------------------------------------------------*/
/*ブロック全体*/
.voc{
	padding:0;

}
/*見出し*/
.voc dt{
	color: #000096;	/*文字色*/
	font-weight: bold;	/*太字*/
	font-size: 18px;
	padding-top: 15px;
	border-bottom:2px solid #000096;
}

/*内容*/
.voc dd{
	margin:20px;
	display: -ms-flexbox;
    display: flex;
	justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
}

.voc dd p {
	position:  relative;
	min-height:80px;
	border-radius: 10px;
	color: #ffffff;
	background-color: #0888ff;
	width:75%;
}

.voc dd:nth-of-type(odd) p::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -15px;
	top: 10px;
	border-right: 15px solid #0888ff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.voc dd:nth-of-type(odd)::before{
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	background-image: url(../images/kao_icon.png);
	background-size: cover;
}

.voc dd:nth-of-type(even) p::after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: -15px;
	top: 10px;
	border-left: 15px solid #0888ff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.voc dd:nth-of-type(even)::after{
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	background-image: url(../images/kao_icon.png);
	background-size: cover;
}

.voc dd:nth-of-type(1)::before{
	background-image: url(../images/kao_icon_kishi.png);
}
.voc dd:nth-of-type(2)::after{
	background-image: url(../images/kao_icon_kawasaka.png);
}
.voc dd:nth-of-type(3)::before{
	background-image: url(../images/kao_icon_izuka.png);
}
.voc dd:nth-of-type(4)::after{
	background-image: url(../images/kao_icon_tsujimoto.png);
}

/*よく頂く質問ページ
---------------------------------------------------------------------------*/
/*ブロック全体*/
.faq{
	padding:0;
}
/*質問の設定*/
.faq dt{
	color: #000096;	/*文字色*/
	font-weight: bold;	/*太字*/
	font-size: 18px;
	padding-top: 15px;
	border-bottom:2px solid #000096;
}
/*回答の設定*/
.faq dd{
	/*border-bottom: 1px solid #CCC;*/	/*下線の幅、線種、色*/
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop{
	clear: both;
	padding-top: 40px;
}
#pagetop a{
	color: #FFF;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	padding: 0px 30px;	/*上下、左右へのボックス内余白*/
	background: #333;	/*背景色*/
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下。*/
}
/*マウスオン時*/
#pagetop a:hover{
	background-color: #999;	/*背景色*/
	color: #FFF;			/*文字色*/
}


/* dl */
dl.dl_type1{
	border-bottom:1px solid #ddd; margin:0 0 10px 0;
}
dl.dl_type1 dt{
	float:left; width:140px; display:inline; margin:0 0 0px 0; line-height:150%; font-weight:bold; border-top:1px solid #ddd; padding:12px 10px 10px 0; color: #000096;
}
dl.dl_type1 dd{
	margin:0 0 0px 140px; line-height:150%; padding:12px 10px 10px 10px; border-top:1px solid #ddd;
}
dl.dl_type1 dt:first-of-type,
dl.dl_type1 dd:first-of-type{
	border-top:0px;
}

/*------------------------------------------
■ 見出し
------------------------------------------*/

h2{
	position: relative;
	text-align: center;
	margin-bottom:50px;
	}

h2::after{
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	margin: 0 0 0 -30px;
	border: 30px solid transparent;
	border-top: 30px solid #5a79bb;
	width: 0;
	height: 0;
}


/*その他
---------------------------------------------------------------------------*/
.look{
	background: #dcdcdc;
}
.mb15,
.mb1em{
	margin-bottom: 15px;
}
.mt15,
.mt1em{
	margin-top: 15px;
}
.clear{
	clear: both;
}
ul.disc{
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1{
	color: #000096;
}
.pr{
	font-size: 10px;
}
.wa{
	width: 100%;
}
.wl{
	width: 726px;
}
.ws{
	width: 50%;
}
.c{
	text-align: center;
}
.r{
	text-align: right;
}
.l{
	text-align: left !important;
}
.newicon{
	background: #F00;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
}
.txt_small{
	font-size: 12px;
}
.txt_big{
	font-size: 19px !important;
}
.txt_bold{
	font-weight: bold;
}
.txt_red{
	font-weight:bold;
	color: #cb1414;
}
.txt_smaller{
	font-size: 14px !important;
}
.txt_bigger{
	font-size: 120% !important;
}
.txt_orange{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: 600 !important;
	color: #fe7000 !important;
}
.txt_green{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: 600 !important;
	color: #009c73 !important;
}

a:hover img {
	opacity: 0.85;/*--IE,FF対応--*/
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85)";
}

div#kiji_price{
	margin-top : 49px;
}

#kiji_price table{
border-collapse: separate;
text-align: center;
border: solid 1px #111;
}

#kiji_price th{
width: 150px;
height:100px;
background: #FCE4D6;
border: solid 1px #111;
}

#kiji_price td{
background: #fff;
padding:auto 0;
border: solid 1px #111;
}

.btn-pagetop{
	position: fixed;
	right: 50px;
	bottom: 30px;
}

.sankaku{
	width:30%;
}

figcaption{
	text-align:right;
	font-size:small;
}

/*スマホ表示用
---------------------------------------------------------------------------*/
.sp {
display: none;
}
.pc {
display: block;
}

@media screen and (min-width: 750px) and (max-width: 1024px) {
	header #inner {
		padding:0 5px;
		gap:5px;
	}
	#contents {
		width: 700px;
	}
	h2{
		margin-bottom: 40px;
	}
	#main h2 + p:first-of-type{
		margin-top: 50px;
	}
	#marit_chk{
		padding:20px 10%;
	}
	#marit_chk li {
		font-size:110%;
	}

}

@media (max-width: 750px) { 
	.pc {
	display: none;
	}
	.sp {
	display: block;
	}


	header #top_txt{
		width:100%;
		font-size: 10px;
		text-align:center;
	}
	header #inner {
		grid-template-columns: 1fr 1fr;
		-ms-grid-columns: 1fr 10px 1fr;
		grid-auto-rows:48px;	
		height: 166px;
		gap:10px;
	}
	/*ロゴ画像*/
	header #logo{
		align-self: center;
		justify-self: center;
		grid-column: span 2;
		-ms-grid-column:1;
		-ms-grid-row:1;
		-ms-grid-column-span:3;
	}
	header #CDT{
		-ms-grid-column:1;
		-ms-grid-row:3;
	}
	header #CDT p {
		font-size: 3.5vw;
	}
	header #top_tel{
		-ms-grid-column:1;
	}
	header #top_tel a{
		align-self: center;
		justify-self: center;		
	}
	header #top_btn{
		/* align-self: center; */
		justify-self: center;
		-ms-grid-column:3;
		-ms-grid-row:3;
	}
	#top_tel{
		align-self: center;
		justify-self: center;
		grid-column: span 2;
		-ms-grid-column:1;
		-ms-grid-row:5;
	}
	.sankaku{
		width:70%;
	}
	#contents {
		width: 89%;
	}
	#main{
		width: 100%;
	}
	h2{
		margin-bottom: 30px;
	}
	#main p {
		padding: 5px 0;
	}
	#main h2 + p:first-of-type{
		margin-top: 50px;
	}
	#main section.list3 div.kanshu_box {
		flex-direction: column;
	}
	#main section.list3 div.kanshu_box div.kanshu_box_image{
		width: 100%;
	}
	#main section.list3 div.kanshu_box div.kanshu_box_text{
		margin-left: initial;
		margin-top: 20px;
		width: 100%;
	}
	#main section.list3 div.kanshu_box div.kanshu_box_text p{
		padding: 10px 20px;
	}
	#main section.list4 figure {
		text-align: center;
	}
	#main section.list4 figure img {
		width: 100%;
	}
	#main section.list4 {
	padding: 5px;
	}
	#main section.list4 h4 {
		margin-left: 0;
	}
	#main section.list4 p {
		margin-left: 0;
	}
	#main .jirei {
		padding: 0 3px 0 3px;
	}
	.txt_supervisor{
		font-size:20px;
	}
	#main section.list3 {
		padding: 5px;
	}
	#main section.list3 p {
		margin-right: 0;
	}
	#main .support {
		padding: 0 5px;
	}
	.faq {
		padding: 0 5px;
	}
	#main section.list4 figure img {
		margin-top: 20px;
	}
	/* 書影側のブロック */
	#main section.list4 div.left{
		width:100%;
	}
	/* 段落側のブロック */
	#main section.list4 div.right{
		width:100%;
	}
	.btn-pagetop{
		width:15%;
		height:15%;
		right: 5px;
		bottom: 0;
	}
	/*お客様の声*/
	#main dl.voc dd p{
		padding: 3%;
	}
	.voc dd{
		margin:20px 5px;
	}
	.voc dd p {
		width:60%;
	}
	.voc dd:nth-of-type(odd) p::before{
		top: 40px;
	}
	.voc dd:nth-of-type(odd)::before{
		width: 60px;
		height: 60px;
	}
	.voc dd:nth-of-type(even) p::after{
		top: 40px;
	}
	.voc dd:nth-of-type(even)::after{
		width: 60px;
		height: 60px;
	}
	div#kiji_price table{
		display:block;
		width: 90%;
		margin:0 auto;
	}
	div#kiji_price tbody {
		display: flex;
		display: -ms-flexbox;
		}
	div#kiji_price   tr {
		display: block;
		width: 50%;
		}
	div#kiji_price   th,td {
		display: block;
		text-align: center;
		width: 100%;
		height:50px;
		padding:0;
		}
	dl#marit dt{
		width: 70%;
		margin: 0 auto;
	}
	dl#marit dd{
		width:100%;
		padding-top:0;
		padding-bottom:30px;
	}
	/*ボックスの設定（リンクなし・あり共通設定）*/
	#main section.list{
		display:grid;
		grid-template-columns: 100%;
		-ms-grid-columns: 100%;
	}
	#main section.list p.col2{
		grid-column-start: 1;
		grid-column-end: 1;
	}
	#main h2 {
		margin-top:10px;
	}
	#marit_chk li{
		font-weight: 700;
		font-size: 110%;
		margin:0 0 0.7em 0;
	}
	#marit_chk{
		margin:15px 0;
		padding:20px 10px;
		background-color:#FFF;
	}
}


/* Table装飾設定（PC）
---------------------------------------------------------------------------*/
@media (min-width: 751px) {
	table td.ex_border_a {
		border-bottom: 5px solid red !important;
		border-right: 5px solid red !important;
		border-left: 5px solid red !important;
	}
	table th.ex_border_a {
		border-top: 5px solid red !important;
		border-right: 5px solid red !important;
		border-left: 5px solid red !important;
	}
}

	/* Table装飾設定（SP）
---------------------------------------------------------------------------*/
@media (max-width: 750px) {
	table td.ex_border_a {
		border-top: 5px solid red !important;
		border-bottom: 5px solid red !important;
		border-right: 5px solid red !important;
	}
	table th.ex_border_a {
		border-top: 5px solid red !important;
		border-bottom: 5px solid red !important;
		border-left: 5px solid red !important;
	}
}


/* ボタン（オレンジ）
---------------------------------------------------------------------------*/
.btn-orange{
     display:block;
	 width:80%;
     min-width:350px;
     height:70px;
     line-height: 70px;
     color: #FFF;
     font-size:120%;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     background-color: #f39800; /*ボタン色*/
     border-radius: 10px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     /*margin-top: 30px; */
     border: 2px solid #f07302;
}
.btn-orange:hover{
     color: #f07302;
     background-color: #fff; /*ボタン色*/
     border: 2px solid #f07302;
}


/* ボタン（グリーン）
---------------------------------------------------------------------------*/
.btn-green{
     display:block;
     width: 70%;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #FFF;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     background-color: #9ec34b; /*ボタン色*/
     border-radius: 10px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     margin-top: 30px;
     border: 2px solid #7a9933;
}
.btn-green:hover{
     background-color: #fff; /*ボタン色*/
     border: 2px solid #7a9933;
     color: #7a9933;
}
@media (max-width: 750px) {
.btn-green{
     font-size:85%;
	}
}