@charset "utf-8";


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------*/

/*contents
---------------------------------------------------------------------------*/
.contents {
	clear: both;overflow: hidden;
	padding-top: 40px;		/*上に空けるボックス内の余白*/
	padding-bottom: 40px;	/*下に空けるボックス内の余白*/
}

.box13 {
    padding: 0.5em 1em;
    margin: 2em 9.5em;
    color: #000;
    background:#fff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}

.sample1{
	font-size: 1.2em;		/*文字サイズ*/
	font-weight:bold;
    margin: 0; 
    padding: 0;
    text-align:center;
    background:lightskyblue;
}
.sample2{
	font-size: 0.9em;		/*文字サイズ*/
	font-weight:bold;
    margin: 0; 
    padding: 0;
    text-align:center;
    
}
.sample3{
    margin: 10px 0; 
    padding: 0;
    font-size:4em;
    font-family:Arial Black;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background : rgba(0,0,0,1);
	text-shadow : 
		0 0 0.1em rgba(255,255,255,0.05),
		0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
    
}
.sample4{
	font-size: 1.0em;		/*文字サイズ*/
	font-weight:bold;
    margin: 0; 
    padding: 0;
    text-align:center;
    
}


/*コンテンツのh4タグ設定*/
h4.ppt{
	position:relative;
    width: 70%;
    float: left;
	padding:2px 48px;
    margin-left: 180px;
    margin-bottom: 45px;
	border-bottom:2px solid #62A1CB;
    font-size:2em;
	font-weight:bold;
}
h4.ppt:first-letter{color:#62A1CB;}
h4.ppt:before, .contents h4.ppt:after{
	content:"";
	display:block;
	position:absolute;
}
h4.ppt:before{
	width:32px;height:32px;
	border-radius:50%;
	border:1px solid #ddd;
	bottom:-16px;
	left:8px;
}
h4.ppt:after{
	height:64px;
	border-left:1px solid #ddd;
	bottom:-32px;
	left:24px;
}

/*コンテンツのh5タグ設定*/
.contents h5 {
	clear: both;
	margin-bottom: 30px;	/*見出しの下に空けるスペース*/
	padding: 10px 20px;		/*上下、左右への余白*/
	font-size: 20px;		/*文字サイズ*/
	font-weight:bold;
    text-align:left;
	background: #fff;	/*背景色*/
	color: #000;			/*文字色*/
	border: 1px solid #ccc;
	border-radius: 5px;		/*角丸のサイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定*/
    margin: auto auto 30px;
    width:67%;
}

/*h5タグの１文字目の設定。左側のアクセントラインです。*/
.contents h5::first-letter {
	border-left: 3px solid red;	/*左の線の幅、線種、色*/
	padding-left: 15px;				/*線と文字列との間に空ける余白*/
}

.kojin{
    background:linear-gradient(transparent 50%, #FFFF00 0%);
}
/* 問い合わせ説明内容 */
.toiawase p{padding-left:20%;}　　　/*文字位置調整*/


/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	color: #666;			/*文字色*/
	padding: 10px;			/*ボックス内の余白*/
	font-weight:bold;
}
/*ta1設定*/
.ta1 {
	width: 67%;
	margin: auto auto 80px;
	background: #fff;	/*背景色*/
	color: #666;			/*文字色*/
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px 15px;	/*ボックス内の余白*/
	word-break: break-all;
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 25%;		/*幅*/
	text-align: center;	/*センタリング*/
    background:rgba(0,100,0,0.5);
    font-weight:bold;
    color:#fff;
}
/*リンクテキストの文字色*/
.ta1 a {color: #666;}
/*ta1のtdタグ内のリストタグ*/
.ta1 td ul.disc {padding: 0 5px 0 20px;}
/*ta1のtdタグ内の段落(p)タグ*/
.ta1 p {padding: 0;}


/*お問い合わせ
---------------------------------------------------------------------------*/
.c {text-align: center;}　　　　　　/*送信・リセットボタンの位置*/
.ws,.wl {width: 94%;}           	/*要件・名前・TEL・mail・内容の入力幅*/
.tel{
	margin:0 auto;
    text-align:center;
	font-size:1.0em;
    font-weight:bold;
    color:#000;
    width:80%;
}
.telban {
  position   : absolute;                   /* 親要素からの絶対位置 */
  box-sizing : border-box;
  white-space: nowrap;                     /* 折返しなし */
  display    : inline-block;               /* 文字囲みのBOXにする */
  color      : rgba(64, 64, 255, 0.80);    /* 文字色（透明度） */
  top        : 50%;                        /* 親要素からの上位置 */
  left       : 50%;                        /* 親要素からの左位置 */
  transform  : translate(-50%, -50%);      /* 文字BOXの位置ずらし */
  font-size  : 30pt;                       /* 文字サイズ */
  font-weight: bold;                       /* 太字 */
  line-height: 1em;                        /* 1行の高さ */
}


.mailbutton{
    display:inline-block;
    margin:auto;
}

/*inputボタン(入力欄)
---------------------------------------------------------------------------*/
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn {
	padding: 5px 10px;		/*上下、左右へのボタン内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	font-size: 15px;		/*文字サイズ*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: #eee;		/*背景色*/
}
/*マウスオン時の設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
}



/*画面幅1300px以下の設定
---------------------------------------------------------------------------*/
@media screen and (min-width:1051px) and (max-width:1290px) {
/*contents*/
/*コンテンツのh4タグ設定*/
.contents h4.ppt{
	position:relative;
    width: 64%;
    float: left;
	padding:2px 48px;
    margin-left: 140px;
    margin-bottom: 40px;
	border-bottom:2px solid #62A1CB;
    font-size:1.8em;
	font-weight:bold;
}
.contents h4.ppt:first-letter{color:#62A1CB;}
.contents h4.ppt:before, .contents h4.ppt:after{
	content:"";
	display:block;
	position:absolute;
}
.contents h4.ppt:before{
	width:32px;height:32px;
	border-radius:50%;
	border:1px solid #ddd;
	bottom:-16px;
	left:8px;
}
.contents h4.ppt:after{
	height:64px;
	border-left:1px solid #ddd;
	bottom:-32px;
	left:24px;
}

.box13 {
    padding: 0.5em 1em;
    margin: 2em 8.5em;
    color: #000;
    background:#fff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}
.sample2{
	font-size: 0.75em;		/*文字サイズ*/
	font-weight:bold;
    margin: 0; 
    padding: 0;
    text-align:center;
    
}
.sample3{
    margin: 10px 0; 
    padding: 0;
    font-size:3.2em;
    font-family:Arial Black;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background : rgba(0,0,0,1);
	text-shadow : 
		0 0 0.1em rgba(255,255,255,0.05),
		0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
    
}
}


/*画面幅801から1050px以下の設定
-----------------------------------------------------------------------------*/
@media screen and (min-width:801px) and (max-width:1050px){
/*コンテンツのh4タグ設定*/
.contents h4.ppt{
	position:relative;
    width: 75%;
    float: left;
	padding:2px 48px;
    margin-top:0px;
    margin-left: 60px;
    margin-bottom: 40px;
	border-bottom:2px solid #62A1CB;
    font-size:1.6em;
	font-weight:bold;
}
.contents h4.ppt:first-letter{color:#62A1CB;}
.contents h4.ppt:before, .contents h4.ppt:after{
	content:"";
	display:block;
	position:absolute;
}
.contents h4.ppt:before{
	width:32px;height:32px;
	border-radius:50%;
	border:1px solid #ddd;
	bottom:-16px;
	left:8px;
}
.contents h4.ppt:after{
	height:64px;
	border-left:1px solid #ddd;
	bottom:-32px;
	left:24px;
}

/*コンテンツのh5タグ設定*/
.contents h5 {
	clear: both;
	margin-bottom: 30px;	/*見出しの下に空けるスペース*/
	padding: 10px 20px;		/*上下、左右への余白*/
	font-size: 20px;		/*文字サイズ*/
	font-weight:bold;
    text-align:left;
	background: #fff;	/*背景色*/
	color: #000;			/*文字色*/
	border: 1px solid #ccc;
	border-radius: 5px;		/*角丸のサイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定*/
    margin: auto auto 30px;
    width:80%;
}
/*h5タグの１文字目の設定。左側のアクセントラインです。*/
.contents h5::first-letter {
	border-left: 3px solid red;	/*左の線の幅、線種、色*/
	padding-left: 15px;				/*線と文字列との間に空ける余白*/
}

.box13 {
    padding: 0.5em 1em;
    margin: 2em 3.0em;
    color: #000;
    background:#fff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}

.sample2{
	font-size: 0.65em;		/*文字サイズ*/
	font-weight:bold;
    margin: 0; 
    padding: 0;
    text-align:center;
    
}
.sample3{
    margin: 10px 0; 
    padding: 0;
    font-size:3.0em;
    font-family:Arial Black;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background : rgba(0,0,0,1);
	text-shadow : 
		0 0 0.1em rgba(255,255,255,0.05),
		0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
    
}

/*下記フォーム～の設定*/
.toiawase p{
	font-size:70%;
	width:60%;
    margin-left:80px;
	padding-left:6%;    /*文字位置調整*/
}
}



/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:800px){
/*contents
---------------------------------------------------------------------------*/
/*コンテンツのh4タグ設定*/
.contents h4.ppt{
	position:relative;
    width: 85%;
    float: left;
    margin-top:-50px;
	padding:2px 48px;
    margin-left: 0px;
    margin-bottom: 40px;
	border-bottom:2px solid #62A1CB;
    font-size:1.6em;
	font-weight:bold;
}
.contents h4.ppt:first-letter{color:#62A1CB;}
.contents h4.ppt:before, .contents h4.ppt:after{
	content:"";
	display:block;
	position:absolute;
}
.contents h4.ppt:before{
	width:32px;height:32px;
	border-radius:50%;
	border:1px solid #ddd;
	bottom:-16px;
	left:8px;
}
.contents h4.ppt:after{
	height:64px;
	border-left:1px solid #ddd;
	bottom:-32px;
	left:24px;
}
/*コンテンツのh5タグ設定*/
.contents h5 {
	padding: 5px 10px;	    /*上下、左右への余白*/
	font-size: 17px;	    /*文字サイズ*/
	margin-bottom: 10px; 	/*余白下*/   
	width: 90%;             /*全体の幅*/       
}

.box13 {
    padding: 0.5em 1em;
    margin: 2em 2.0em;
    color: #000;
    background:#fff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}

.sample2{
	font-size: 0.75em;		/*文字サイズ*/
	font-weight:bold;
    margin: 0; 
    padding: 0;
    text-align:center;
    
}
.sample3{
    margin: 10px 0; 
    padding: 0;
    font-size:3.5em;
    font-family:Arial Black;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background : rgba(0,0,0,1);
	text-shadow : 
		0 0 0.1em rgba(255,255,255,0.05),
		0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
    
}

/*下記フォーム～の設定*/
.toiawase p{padding-left:6%;}　　　/*文字位置調整*/


/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	padding: 5px;
}
/*テーブル内の左側*/
.ta1 th {
	width: 25%;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}
/*テーブル全体の幅*/
.ta1 {width: 90%;}

/*お問い合わせ
---------------------------------------------------------------------------*/
/*電話問合せの画像*/
.contact1{
	width:90%;
	margin-top:20px;	
}
.ws,.wl {width: 95%;}			　/*入力欄の幅*/
}


/*画面幅480px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:480px){
/*contents
---------------------------------------------------------------------------*/
/*コンテンツのh4タグ設定*/
.contents h4.ppt{
	position:relative;
    width: 70%;
    float: right;
	padding:2px 48px;
    margin-top:-50px;
    margin-bottom: 30px;
	border-bottom:2px solid #62A1CB;
    font-size:1.4em;
	font-weight:bold;
}
.contents h4.ppt:first-letter{color:#62A1CB;}
.contents h4.ppt:before, .contents h4.ppt:after{
	content:"";
	display:block;
	position:absolute;
}
.contents h4.ppt:before{
	width:26px;height:26px;
	border-radius:50%;
	border:1px solid #ddd;
	bottom:-16px;
	left:10px;
}
.contents h4.ppt:after{
	height:40px;
	border-left:1px solid #ddd;
	bottom:-20px;
	left:24px;
}
/*コンテンツのh5タグ設定*/
.contents h5 {
	padding: 5px 10px;	    /*上下、左右への余白*/
	font-size: 14px;	    /*文字サイズ*/
	margin-bottom: 10px;    /*余白下*/ 
    width:90%;              /*全体の幅*/
}

.box13 {
    padding: 0.5em 1em;
    margin: 2em 1.0em;
    color: #000;
    background:#fff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}

.sample1{
    font-size: 1.1em;
}

.sample2{
	font-size: 0.8em;		/*文字サイズ*/
	font-weight:bold;
    margin: 0; 
    padding: 5px;
    text-align:left;
}
.sample3{
    margin: 10px 0; 
    padding: 0;
    font-size:2.5em;
    font-family:Arial Black;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: transparent;
	background : rgba(0,0,0,1);
	text-shadow : 
		0 0 0.1em rgba(255,255,255,0.05),
		0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
    
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	padding: 5px;
}
/*テーブル内の左側*/
.ta1 th {
	width: auto;
	padding: 7px;
    display: block;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 15px;
    display: block;
}
/*テーブル全体の幅*/
.ta1  {width: 90%;}


/*お問い合わせ
---------------------------------------------------------------------------*/
/*電話問合せの画像*/
.contact1{
	width:90%;
	margin-top:20px;
}
.ws,.wl {width: 94%;}				/*入力欄の幅*/
}