@charset "utf-8";
/*基本設定ここから*/
.tc { width: 100%; max-width:980px; margin:0 auto;}

/*画像共通*/
.tc img { display: block; text-align:center;}

/*要素の余白*/
.fit_t {padding-top:0 !important;}
.fit_b {padding-bottom:0 !important;}
.fit_r {padding-right:0 !important;}
.fit_l {padding-left:0 !important;}
.fit_all {padding:0 !important;}

/*テキスト赤文字*/
.tc strong {color: red;font-weight: normal;}

/*ボックス*/
.tc_box { width:100%; max-width:980px; margin: 2% auto; padding:2%; box-sizing:border-box;}

/*インナー*/
.tc_inner { width:100%; padding:0 2% 2%; box-sizing:border-box;}
.tc_inner:first-child { padding:2%;}
:not(.tc_inner)+.tc_inner { padding:2%;}

/*インナーの子要素*/
.tc_inner>div { width:100%; padding:0 2% 2%; box-sizing:border-box;}
.tc_inner>div:first-child { padding:2%;}
.tc_inner>:not(div)+div{ padding:2%;}

/*テキスト*/
.tc_txt { width:100%; font-size:140%; line-height: 1.6em; padding:0 2% 2%; text-align: left; overflow: hidden; box-sizing:border-box;}
.tc_txt:first-child { padding:2%;}
:not(.tc_txt)+.tc_txt { padding:2%;}
@media screen and (max-width:640px) {
.tc_txt { font-size:14px;}
}

/*導線上下の余白*/
.tc_btn { margin: 2% auto;}
@media screen and (max-width:1024px) {
.tc_btn { margin: 2%;box-sizing:border-box;}
}
/*テキスト右側 sp画像w50%表示*/
.txt_r_1per2 p img { float: left; width: auto !important; margin: 0 2% 2% 0;}
/*テキスト右側 sp画像w33%表示*/
.txt_r_1per3 p img { float: left; width: auto !important; margin: 0 2% 2% 0;}

/*テキスト左側 sp画像w50%表示*/
.txt_l_1per2 p img { float: right; width: auto !important; margin: 0 0 2% 2% ;}
/*テキスト左側 sp画像w33%表示*/
.txt_l_1per3 p img { float: right; width: auto !important; margin: 0 0 2% 2% ;}

@media screen and (max-width:1024px) {
.txt_r_1per2 p img,
.txt_l_1per2 p img { max-width: 50% !important;}
}
@media screen and (max-width:640px) {
.txt_r_1per3 p img,
.txt_l_1per3 p img { max-width: 30% !important;}
}

/*hタグ左側*/
.htag_l h2,
.htag_l h3 { text-align: left;}
.htag_l p img { float: right; width: auto !important; margin: 0 0 2% 2%;}
/*hタグ右側*/
.htag_r h2,
.htag_r h3 { text-align: right;}
.htag_r p img { float: left; width: auto !important; margin: 0 20px 20px 0;}
@media screen and (max-width:1024px) {
.htag_l p img { margin: 0 0 2% 2%;}
.htag_r p img { margin: 0 2% 2% 0;}
}
.htag_l .tc_txt,
.htag_r .tc_txt { overflow: visible;}
@media screen and (max-width: 640px){
.d-640 {display: none !important;}
}
/*基本設定ここまで*/
/*はじめにページパターン03ここから*/
.hajimeni_tc .tc_box_03{background: #e6e2df;}
.hajimeni_tc .tc_box_03 .tc_inner {padding:3% 4%;}
.hajimeni_tc .tc_box_03 .tc_inner div {background: #fff; border: 3px solid #f39200;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.hajimeni_tc .tc_cbox li{
	text-align: left;
	box-sizing: border-box;
	list-style-type:none;
	background-repeat:no-repeat;
	background-image:url("../hajimeni/cbox_mark.jpg");
	background-position:left 0em;
	width: 98%;
	margin: 2% 0;
	padding-left:7%;
	font-size: 230%;
	background-size: 7% auto;
	font-weight: bold;
	color: #323232;
}
@media screen and (max-width:1024px) {
.hajimeni_tc .tc_box_03 .tc_inner {padding:2%;}
.hajimeni_tc .tc_cbox li { font-size:200%; background-size: 6% auto;}
}
@media screen and (max-width:640px) {
.hajimeni_tc .tc_cbox li { width:84%; font-size:150%;}
}
@media screen and (max-width:480px) {
.hajimeni_tc .tc_cbox li { font-size:105%;}
}                          
/*はじめにページパターン03ここから*/                          
/*はじめにページパターン04ここから*/

.hajimeni_tc .tc_box_04 .tc_inner div {background-color:#4f0000; padding: 2px;}
.hajimeni_tc .tc_box_04 .tc_inner div p {background-color: #fff;} 
@media screen and (max-width:1024px) {
.hajimeni_tc .tc_box_04 .clearfix {margin: 0 2%;width: 96%;}
}
/*はじめにページパターン04ここまで*/
/*はじめにページパターン05ここから*/
.tc_box_05 {margin: 2% 0 0; color:#fff; background-color: #f39200;} 
/*はじめにページパターン05ここまで*/
/*はじめにページパターン06ここから*/
.hajimeni_tc .tc_box_06 {padding: 20px 10px; width: 98%; color: #332a21; background: transparent url("../hajimeni/hajimeni_06_bg.jpg") repeat scroll 0px 0px;}
.hajimeni_tc .tc_box_06 li { box-sizing: border-box; width: 33.3%; float: left;}
.hajimeni_tc .tc_box_06_img { width:100% !important; max-width:299px !important; height:auto; text-align: center;}
@media screen and (max-width:1024px) {
.hajimeni_tc .tc_box_06 {padding:20px 0; width:100%;}
.hajimeni_tc .tc_box_06 ul{padding:1%;}
}
@media screen and (max-width:640px) {
/*.hajimeni_tc .tc_box_06 {padding:2%;}*/
.hajimeni_tc .tc_box_06 li { width: 100%;}
.hajimeni_tc .tc_box_06_img { width:40% !important; margin:0% 1%; float:left;}
.hajimeni_tc .tc_box_06 .tc_txt { width:96%; margin: 2%; padding: 9% 0 0; overflow: visible;}
}
@media screen and (max-width:614px) {
.hajimeni_tc .tc_box_06 { padding:0;}
}
/*はじめにページパターン06ここまで*/  
                         
/*はじめにページパターン08_02ここから*/
.hajimeni_tc .tc_box_08_02 {background: transparent url("../images/bg_02.jpg") repeat scroll 0px 0px; color:#fff; box-sizing: border-box;}
.hajimeni_tc .tc_box_08_02 h3 img{margin: -2% 0 0; display: inline;}
.hajimeni_tc .tc_box_08_02 .txt_l_1per2 p img {margin: 0 0 0 2%;}
.hajimeni_tc .tc_box_08_02 .tc_txt:first-child { padding: 2%; overflow: visible;}
@media screen and (max-width:1024px) {     
.hajimeni_tc .tc_box_08_02 h3 img{margin: 0 auto;  padding: 2% 0;display: block;}
.hajimeni_tc .tc_box_08_02 .txt_l_1per2 p img{margin: 0 0 1% 2%;}
.hajimeni_tc .tc_box_08_02 .tc_txt:first-child { padding: 0;}
.hajimeni_tc .tc_box_08_02 {margin:0 0 4% 0;}

}
/*はじめにページパターン08_02ここまで*/    
                            
/*はじめにページパターン09ここから*/
.hajimeni_tc .tc_box_09 {margin: 1% 0 0;}
                            
/*はじめにページパターン09ここまで*/                            
                         
/*はじめにページパターン11ここから*/
.hajimeni_tc .tc_box_11 { padding: 0 2px 2px;background: #4f0000;}
@media screen and (max-width:1024px) { 
.hajimeni_tc .tc_box_11 {margin: 2% 2% 0 2%;}
}
.hajimeni_tc .tc_box_11 .tc_txt {background: #fff;}
/*はじめにページパターン11ここまで*/  

/*はじめにページパターン12ここから*/
.hajimeni_tc .tc_box_12 { margin:2% 0;}
@media screen and (max-width:640px) {
.hajimeni_tc .tc_box_12 {margin:2% 0 4% 0;}
}
/*はじめにページパターン12ここまで*/  

/*はじめにページパターン15ここから*/
.hajimeni_tc .tc_box_15 {background: transparent url("../images/bg_02.jpg") repeat scroll 0px 0px; color:#fff; box-sizing: border-box;}
.hajimeni_tc .tc_box_15 h3 {padding:2%;}
.hajimeni_tc .tc_box_15 h3 img{width:68% }
.hajimeni_tc .tc_box_15 h4 { text-align: right; box-sizing: border-box;}                        
.hajimeni_tc .tc_box_15 h4 img {max-width: 46% !important; margin-right: 3%; display: inline;}
.hajimeni_tc .tc_box_15 .tc_txt img{margin-top: -7%;}
.hajimeni_tc .tc_box_15 .tc_txt {overflow: visible;}
.hajimeni_tc .tc_box_15 .txt_l_1per2 p img {margin: 0 -3% 0 2%;}
.hajimeni_tc .tc_box_15 .tc_txt:first-child { padding: 2%; overflow: visible;}
@media screen and (max-width:1024px) {     
.hajimeni_tc .tc_box_15 h3 img{margin: 0 auto; display: block;}
.hajimeni_tc .tc_box_15 .txt_l_1per2 p img{margin: 0 0 1% 2%;}
.hajimeni_tc .tc_box_15 .tc_txt:first-child { padding: 0;}
}
@media screen and (max-width:960px) { 
.hajimeni_tc .tc_box_15 h4 img {margin-right: 2%;}

}
@media screen and (max-width:640px) {                        
.hajimeni_tc .tc_box_15 h3 img{width:100%;}
}
                         
@media screen and (max-width:480px) {   
.hajimeni_tc .tc_box_15 .tc_txt img{margin-top: 0%;}

.hajimeni_tc .tc_box_15 h4 { text-align: center;}    
.hajimeni_tc .tc_box_15 h4 img {max-width: 96% !important; margin:0 auto;}
}	
/*はじめにページパターン15ここまで*/  

/*はじめにページパターン16ここから*/
.hajimeni_tc .tc_box_16 {margin:2% 0;}
@media screen and (max-width:640px) {
.hajimeni_tc .tc_box_16 {margin:2% 0 4% 0;}
}
/*はじめにページパターン16ここまで*/
                         
/*はじめにページパターン18ここから*/
.hajimeni_tc .tc_box_18 {background: transparent url("../images/bg_02.jpg") repeat scroll 0px 0px; color:#fff; box-sizing: border-box;}
.hajimeni_tc .tc_box_18 h3 {padding:2%;}
.hajimeni_tc .tc_box_18 h3 img{width:68% ;}
.hajimeni_tc .tc_box_18 h4 { text-align: right; box-sizing: border-box;}                        
.hajimeni_tc .tc_box_18 h4 img {max-width: 45% !important; margin-right: 6%; display: inline;}
.hajimeni_tc .tc_box_18 .tc_txt img{margin-top: -7%;}
.hajimeni_tc .tc_box_18 .tc_txt {overflow: visible;}
.hajimeni_tc .tc_box_18 .txt_l_1per2 p img {margin: 0 -3% 0 2%;}
.hajimeni_tc .tc_box_18 .tc_txt:first-child { padding: 2%; overflow: visible;}
@media screen and (max-width:1024px) {     
.hajimeni_tc .tc_box_18 h3 img{margin: 0 auto; display: block;}
.hajimeni_tc .tc_box_18 .txt_l_1per2 p img{margin: 0 0 1% 2%;}
.hajimeni_tc .tc_box_18 .tc_txt:first-child { padding: 0;}
}
@media screen and (max-width:960px) { 
.hajimeni_tc .tc_box_18 h4 img {margin-right: 3%;}
}
@media screen and (max-width:640px) { 
.hajimeni_tc .tc_box_18 h4 img {margin-right: 2%;}
.hajimeni_tc .tc_box_18 h3 img{width:100%;}
}
@media screen and (max-width:480px) {   
.hajimeni_tc .tc_box_18 .tc_txt img{margin-top: 0%;}

.hajimeni_tc .tc_box_18 h4 { text-align: center;}    
.hajimeni_tc .tc_box_18 h4 img {max-width: 96% !important; margin:0 auto;}
}	
/*はじめにページパターン18ここまで*/
                         
/*はじめにページパターン19ここから*/
.hajimeni_tc .tc_box_19 {margin:2% 0 0;}
@media screen and (max-width:1024px) { 
.hajimeni_tc .tc_box_19 {margin:0; padding: 2%;}     
}
/*はじめにページパターン19ここまで*/