/*
カスタムパーツ
**************************************/
/**---s:テキスト領域---**/
.textArea {
	margin: 0 auto 40px;
}
.tx-center {
	text-align:center;
}
.info-box{
	margin: 0 auto 40px;
	border:1px solid;
	padding:20px;
}
/**---s:画像設置---**/
.img-center {
	text-align:center;
	margin: 0 auto 20px;
}
.img-left {
	text-align:left;
	margin: 0 auto 20px;
}
.img-right {
	text-align:right;
	margin: 0 auto 20px;
}

/**---s:画像+テキスト(テキスト折り返し)---**/
.img-txt {
    margin-bottom: 20px;
}
.img-txt.left img {
	float:left;
	margin: 0 20px 10px 0;
}
.img-txt.right img {
	float:right;
	margin: 0 0 10px 20px;
}

/**---s:共通バナー---**/
.common_bnr {
	padding: 10px;
	margin: 0 auto 30px;
}
.common_bnr a{
	display: inline-block;
}
.common_bnr .top{
	margin: 0 auto 10px;
	text-align: center;
}
.common_bnr .tel{
	float: left;
	width: 45%;
}
.common_bnr .form{
	float: right;
	width: 45%;
}
/**---s:矢印つきリンク---**/
.arrow-link {
	margin: 0 auto 20px;
}
.arrow-link a {
	display: inline-block;
	padding-left: 10px;
	position: relative;
}
.arrow-link a:before {
	content: '>';
	position: absolute;
	top:10px;
	left: 10px;
}
/**---s:ボタン風リンク---**/
.btn-link {
	margin: 0 auto 20px;
}
.btn-link a {
	display: inline-block;
	padding:10px 30px;
	line-height: 1;
	text-decoration: none;
	border: 1px solid;
}
.btn-link a:hover {
	background: #fff;
	color: #333;
	border: 1px solid;
}
/**---s:タイトル+テキスト+画像+ボタンのセットコンテンツ---**/
.set-box {
	margin: 0 auto 20px;
}
.set-box .ttl{
	margin: 0 auto 10px;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}
.set-box .img{
	margin: 0 auto 10px;
	text-align: center;
}
.set-box .txt{
	margin: 0 auto 10px;
	text-align: left;
}
.set-box .btn{
	margin: 0 auto;
	text-align: center;
}
.set-box .btn a{
	display: inline-block;
}

/**---s:横並びコンテンツ2列3列---**/
.sbs-wrap{
	margin: 0 auto 20px;
}
.sbs-wrap.box2 {
	margin: 0 0 0 -5%;
}
.sbs-wrap.box2 .set-box{
	width: 45%;
	float: left;
	margin: 0 0 0 5%;
}
.sbs-wrap.box3 {
	margin: 0 0 0 -2%;
}
.sbs-wrap.box3 .set-box{
	width: 30%;
	float: left;
	margin: 0 0 0 3%;
}
@media screen and (max-width: 736px){
	.sbs-wrap.box2 .set-box,
	.sbs-wrap.box3 .set-box{
		float:none;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto 20px;
	}
}
/**---s:ページ内リンク---**/
.page-link {
	margin: 0 auto 30px;
}
.page-link ul {
	margin: 0 0 0 -5%;
}
.page-link ul li{
	width: 30%;
	float: left;
	margin: 0 0 10px 3%;
	border: 1px solid;
	border-left:15px solid;
	position: relative;
}
.page-link ul li:before {
	content: '';
	min-width: 15px;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(https://takahashi-syouji.jp/images/common/page-link-icon.png) center center no-repeat;
}
.page-link ul li a{
	display: block;
	box-sizing: border-box;
	padding: 10px 10px 10px 40px;
	width: 100%;
	text-decoration: none;
}
.page-link ul li:hover{
	border: 1px solid;
	border-left: 15px solid;
}
.page-link ul li:hover a{
	text-decoration: none;
}

/**---s:STEP系コンテンツ---**/
ol.step-cont li{
	margin: 0 auto 30px;
	position: relative;
	padding: 0 0 0 40px;
}
ol.step-cont li:after{
	content: '';
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	bottom: -10px;
	left: 0;
	background: url(https://takahashi-syouji.jp/images/common/step-cont-arrow.png) center center no-repeat;
}
ol.step-cont li .txt{
	width: 60%;
	float: left;
}
ol.step-cont li .img{
	width: 30%;
	float: right;
}
ol.step-cont li:nth-child(1){background: url(https://takahashi-syouji.jp/images/common/step-cont-1.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(2){background: url(https://takahashi-syouji.jp/images/common/step-cont-2.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(3){background: url(https://takahashi-syouji.jp/images/common/step-cont-3.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(4){background: url(https://takahashi-syouji.jp/images/common/step-cont-4.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(5){background: url(https://takahashi-syouji.jp/images/common/step-cont-5.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(6){background: url(https://takahashi-syouji.jp/images/common/step-cont-6.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(7){background: url(https://takahashi-syouji.jp/images/common/step-cont-7.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(8){background: url(https://takahashi-syouji.jp/images/common/step-cont-8.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(9){background: url(https://takahashi-syouji.jp/images/common/step-cont-9.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(10){background: url(https://takahashi-syouji.jp/images/common/step-cont-10.png) 0 0 no-repeat;}

/**---s:POINT系コンテンツ---**/
.point-box {
	margin: 0 auto 30px;
	border: #F26964 3px solid;
	padding: 10px;
}
.point-box ul li{
	margin: 0 auto 8px;
	padding: 3px 0 0 40px;
	background: url(https://takahashi-syouji.jp/images/common/point-check-icon.png) 0 0 no-repeat;
}

/**---s:お知らせコンテンツ---**/
.lower_main ul.news_cont .news_date {
	float: left;
	width: 96px;
	margin-right: 30px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	padding: 4px 15px;
}
.lower_main ul.news_cont .news_title {
	float: left;
	width: 1044px;
	font-size: 13px;
	line-height: 20px;
}
.info-cont {
	border-bottom:1px dotted;
}
.info-cont .date{
	float:left;
	width:15%;
	text-align:center;
	font-weight:bold;
}
.info-cont.ctgr-info .ctgr{
	float:left;
	width:15%;
}
.info-cont .ttl{
	float:right;
	width:85%;
	text-align:left;
	font-weight:normal;
}
.info-cont.ctgr-info .ttl{
	width:67%;
}
.info-cont .ttl a{}
.detail-date-ctgr{
  padding:20px;
  margin:0 auto 20px;
}
.detail-date-ctgr .date{
  float:right;
}
@media screen and (max-width: 736px){
	.info-cont .date,
	.info-cont .ttl{
		float:none;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto 10px;
		text-align:left;
	}
	.detail-date-ctgr{
		padding:5px 10px;
		margin:0 auto 10px;
	}
	.lower_main ul.news_cont .news_date {
		margin-bottom:3%;
	}
	.lower_main ul.news_cont .news_title {
		float: left;
		width: 100%;
		font-size: 13px;
		line-height: 20px;
	}
}
/***********************************
カスタムパーツ用CSS
***********************************/
.textArea {margin: 0 auto 40px;}
.p1p{padding:1%;}
.p2p{padding:2%;}
.p3p{padding:3%;}
.p4p{padding:4%;}
.p5p{padding:5%;}
@media (max-width: 736px) {
	.textArea {
		margin: 0 auto 5%;
		padding:0 2%;
	}
}
/**************
左右BOX
**************/
.LR_box{
}
.LR_box .left{
	float:left;
}
.LR_box .right{
	float:right;
}
.LR_box .left img,
.LR_box .right img{
	margin-bottom:2%;
}
@media (max-width: 736px) {
	.LR_box .left{
		float:none;
	}
	.LR_box .right{
		float:none;
	}
}
ul.LR_list{
}
ul.LR_list li{
	margin-bottom:2%;
}
.LR_box_inner{
	margin-bottom:2%;
}
@media (max-width: 736px) {
	.LR_box_inner .left,
	.LR_box_inner .right{
		/*border-bottom:1px dotted;*/
		margin-bottom:4%;
	}
}

/**************
横幅
**************/
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
.left.w10{width:9%;padding-right:1%;}
.left.w20{width:19%;padding-right:1%;}
.left.w30{width:29%;padding-right:1%;}
.left.w40{width:39%;padding-right:1%;}
.left.w50{width:49%;padding-right:1%;}
.left.w60{width:59%;padding-right:1%;}
.left.w70{width:69%;padding-right:1%;}
.left.w80{width:79%;padding-right:1%;}
.left.w90{width:89%;padding-right:1%;}
.left.w100{width:99%;padding-right:1%;}
.right.w10{width:9%;padding-left:1%;}
.right.w20{width:19%;padding-left:1%;}
.right.w30{width:29%;padding-left:1%;}
.right.w40{width:39%;padding-left:1%;}
.right.w50{width:49%;padding-left:1%;}
.right.w60{width:59%;padding-left:1%;}
.right.w70{width:69%;padding-left:1%;}
.right.w80{width:79%;padding-left:1%;}
.right.w90{width:89%;padding-left:1%;}
.right.w100{width:99%;padding-left:1%;}
@media (max-width: 736px) {
	.w10,.w20,.w30,.w40,.w50,.w60,.w70,.w80,.w90,.w100{
		width:100%;
	}
	.left.w10,
	.left.w20,
	.left.w30,
	.left.w40,
	.left.w50,
	.left.w60,
	.left.w70,
	.left.w80,
	.left.w90,
	.left.w100,
	.right.w10,
	.right.w20,
	.right.w30,
	.right.w40,
	.right.w50,
	.right.w60,
	.right.w70,
	.right.w80,
	.right.w90,
	.right.w100{
		width:100%;
		padding-left:0%;
	}
}
/**************
横並びボックス(detail_box)
**************/
.detail_box_wrap{
	margin-bottom: 20px;
	text-align: center;
}
.detail_box_wrap .detail_box2 li,
.detail_box_wrap .detail_box3 li,
.detail_box_wrap .detail_box4 li{
	float: left;
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: top;
}

.detail_box{
	width:100%;
}
.detail_box_wrap .more_btn a {
	width:100%;
	box-sizing: border-box;
}
@media (max-width: 736px) {
	.detail_box_wrap .more_btn a {
		width:90%;
		box-sizing: border-box;
	}
}

/**************
横並び×2
**************/
.detail_box2 li{
	width:48%;
}
.detail_box2 li:first-child{
	margin-left:1%;
}
.detail_box2 li:nth-child(2n+2){
	margin-left:2%;
}
@media (max-width: 736px) {
	.detail_box2 li{
		width:48%;
	}
	.detail_box2 li:nth-child(2n+2){
		margin-left:2%;
	}
}

/**************
横並び×3
**************/
.detail_box3 li{
	width:32%;
	margin-left:2%;
}
.detail_box3 li:first-child,
.detail_box3 li:nth-child(3n+1){
	margin-left:0%;
}
@media (max-width: 736px) {
	.detail_box3 li{
		width:100%;
		margin-left:0;
		margin-bottom: 10px;
	}
	.detail_box3 li:first-child,
	.detail_box3 li:nth-child(3n+1){
		margin-left:0%;
	}
}

/**************
横並び×4
**************/
.detail_box4 li{
	width:23.5%;
	margin-left:2%;
}
.detail_box4 li:first-child,
.detail_box4 li:nth-child(4n+1){
	margin-left:0%;
}
@media (max-width: 736px) {
	.detail_box4 li{
		width:49%;
		margin-left:0%;
	}
	.detail_box4 li:nth-child(2n+2){
		margin-left:2%;
	}
}
/**************
スマホ横並び解除(「.sp_side」を加える)
**************/
@media (max-width: 736px) {
	.detail_box2.sp_side li{
		width:100%;
	}
	.detail_box2.sp_side li:nth-child(2n+2){
		margin-left:0%;
	}
	.detail_box3.sp_side li{
		width:100%;
		margin-left:0%;
	}
	.detail_box3.sp_side li:first-child,
	.detail_box3.sp_side li:nth-child(2n+2),
	.detail_box3.sp_side li:nth-child(3n+1){
		margin-left:0%;
	}
	.detail_box4.sp_side li{
		width:100%;
		margin-left:0%;
	}
	.detail_box4.sp_side li:nth-child(2n+2){
		margin-left:0%;
	}
}

/**************
スマホ横並び×2 (「.sp_side2」を加える)
**************/
@media (max-width: 736px) {
	.detail_box2.sp_side2 li{
		width:100%;
		float:none;
	}
	.detail_box2.sp_side2 li:nth-child(2n+2){
		margin-left:0%;
	}
	.detail_box3.sp_side2 li{
		width:100%;
		margin-left:0%;
		float:none;
	}
	.detail_box3.sp_side2 li:first-child,
	.detail_box3.sp_side2 li:nth-child(3n+1){
		margin-left:0%;
	}
	.detail_box3.sp_side2 li:nth-child(2n+2){
		margin-left:0%;
	}
	.detail_box4.sp_side2 li{
		width:100%;
		margin-left:0%;
		float:none;
	}
	.detail_box4.sp_side2 li:nth-child(2n+2){
		margin-left:0%;
	}
}

.common_frame{
    padding: 1%;
	border-color: 1px solid;
}
.common_frame .img-center{
    margin-bottom:0;
}