@charset "utf-8";

/*
tenugui
染の安坊の強み
*/

/* #Sec01
-----------------------------------------------------------------*/
.tenugui #Sec01{
	margin-top: 40px;
	padding: 0 80px;
}
.tenugui #Sec01 .inner{
	max-width: 960px;
	margin: 0 auto;
}
.tenugui #Sec01 .txt span{
	font-weight: 700;
}
.tenugui #Sec01 h2.ttl{
	margin-top: 60px;
}

/* #Sec02
-----------------------------------------------------------------*/
.tenugui #Sec02{
	margin-top: 80px;
	padding: 0 40px;
}
.tenugui #Sec02 .inner{
	border-top: dotted 1px #000033;
	padding: 80px 40px 0;
	max-width: 960px;
	margin: 0 auto;
}
.tenugui #Sec02 .center_txt{
	text-align: center;
	font-size: 1.8rem;
	margin-top: 40px;
}
.tenugui #Sec02 .link_btn a{
	margin: 20px auto 0;
}
.tenugui #Sec02 .flex{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.tenugui #Sec02 .flex .box{
	width: 48%;
}
.tenugui #Sec02 .flex .ttl{
	font-weight: 700;
}

/* #Sec03
-----------------------------------------------------------------*/
.tenugui #Sec03{
	margin-top: 80px;
	padding: 0 80px;
}
.tenugui #Sec03 .inner{
	max-width: 960px;
	margin: 0 auto;
}
.tenugui #Sec03 .center_txt{
	text-align: center;
	font-size: 1.8rem;
	margin-top: 40px;
}
.tenugui #Sec03 .part{
	margin-top: 60px;
}

.tenugui #Sec03 .box_01 .flex{
	display: flex;
	justify-content: space-between;
}
.tenugui #Sec03 .box_01 .flex .txt_box{
	width: 70%;
}
.tenugui #Sec03 .box_01 .flex .txt_box .point{
	font-weight: 700;
	font-size: 2rem;
}
.tenugui #Sec03 .box_01 .flex .txt_box .txt{
	margin-top: 20px;
}
.tenugui #Sec03 .box_01 .flex .img_box{
	width: 25%;
}
.tenugui #Sec03 .box_01 .flex .img_box .img{
	margin-bottom: 20px;
}
.tenugui #Sec03 .box_01 .flex .img_box .img img{
	width: 100%;
	height: auto;
}

.tenugui #Sec03 .box_02{
	padding-bottom: 80px;
}
.tenugui #Sec03 .box_02 .flex{
	display: flex;
	justify-content: space-between;
}
.tenugui #Sec03 .box_02 .flex .txt{
	width: 70%;
}
.tenugui #Sec03 .box_02 .flex .img{
	width: 25%;
}
.tenugui #Sec03 .box_02 .flex .img img{
	width: 100%;
	height: auto;
}
.tenugui #Sec03 .box_02 .link_btn{
	margin-top: 30px;
}

.tenugui #Sec03 .box_03{
	background: #F3F3F3;
}
.tenugui #Sec03 .box_03 ul{
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tenugui #Sec03 .box_03 ul li{
	width: 30%;
	margin-bottom: 30px;
}
.tenugui #Sec03 .box_03 ul li .ttl{
	font-size: 2rem;
	font-weight: 700;
}
.tenugui #Sec03 .box_03 ul li .img{
	margin-top: 10px;
}
.tenugui #Sec03 .box_03 ul li .img img{
	width: 100%;
	height: auto;
}
.tenugui #Sec03 .box_03 ul li .txt{
	margin-top: 10px;
	font-size: 1.4rem;
}

.tenugui #Sec03 .box_03 .movie {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.tenugui #Sec03 .box_03 .movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.tenugui #Sec03 .box_04{
	padding-bottom: 50px;
}
.tenugui #Sec03 .box_04 .txt_box{
	margin-bottom: 30px;
}
.tenugui #Sec03 .box_04 .ttl{
	font-size: 2rem;
	font-weight: 500;
}
.tenugui #Sec03 .box_04 .txt{
	margin-top: 10px;
}
.tenugui #Sec03 .box_05{
	padding-bottom: 50px;
}
.tenugui #Sec03 .box_05 .txt_box{
	margin-bottom: 30px;
}
.tenugui #Sec03 .box_05 .ttl{
	font-size: 2rem;
	font-weight: 500;
}
.tenugui #Sec03 .box_05 .txt{
	margin-top: 10px;
}


@media screen and (max-width: 1020px) {
/* 1020pxまでの幅の場合に適応される */


/* 1020pxまでの幅の場合に適応される */
}

@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */

/* #Sec01
-----------------------------------------------------------------*/
.tenugui #Sec01{
	padding: 0 50px;
}

/* #Sec02
-----------------------------------------------------------------*/
.tenugui #Sec02{
	margin-top: 80px;
	padding: 0 50px;
}
.tenugui #Sec02 .inner{
	padding: 80px 0 0;
}
.tenugui #Sec02 .center_txt{
	font-size: 1.6rem;
}
.tenugui #Sec02 .link_btn a{
	margin: 20px auto 0;
}
.tenugui #Sec02 .flex{
	margin-top: 40px;
	display: block;
}
.tenugui #Sec02 .flex .box{
	width: 100%;
	margin-top: 30px;
}

/* #Sec03
-----------------------------------------------------------------*/
.tenugui #Sec03{
	padding: 0 50px;
}
.tenugui #Sec03 .center_txt{
	font-size: 1.6rem;
}

.tenugui #Sec03 .box_01 .flex{
	display: block;
}
.tenugui #Sec03 .box_01 .flex .txt_box{
	width: 100%;
}
.tenugui #Sec03 .box_01 .flex .txt_box .point{
	font-weight: 700;
	font-size: 1.6rem;
}
.tenugui #Sec03 .box_01 .flex .txt_box .txt{
	margin-top: 20px;
}
.tenugui #Sec03 .box_01 .flex .img_box{
	width: 100%;
}
.tenugui #Sec03 .box_01 .flex .img_box .img{
	margin: 20px 0 0 0;
}

.tenugui #Sec03 .box_02{
	padding-bottom: 0;
}
.tenugui #Sec03 .box_02 .flex{
	display: block;
}
.tenugui #Sec03 .box_02 .flex .txt{
	width: 100%;
}
.tenugui #Sec03 .box_02 .flex .img{
	width: 100%;
	margin-top: 20px;
}
.tenugui #Sec03 .box_02 .link_btn{
	margin-top: 30px;
}

.tenugui #Sec03 .box_03 ul{
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tenugui #Sec03 .box_03 ul li{
	width: 48%;
	margin-bottom: 30px;
}
.tenugui #Sec03 .box_03 ul li .ttl{
	font-size: 1.4rem;
	font-weight: 700;
}
.tenugui #Sec03 .box_03 ul li .img{
	margin-top: 10px;
}
.tenugui #Sec03 .box_03 ul li .txt{
	margin-top: 10px;
	font-size: 1.2rem;
}

.tenugui #Sec03 .box_04{
	padding-bottom: 0;
}
.tenugui #Sec03 .box_04 .txt_box{
	margin-bottom: 20px;
}
.tenugui #Sec03 .box_04 .ttl{
	font-size: 1.6rem;
	font-weight: 500;
}
.tenugui #Sec03 .box_04 .txt{
	margin-top: 10px;
}
.tenugui #Sec03 .box_05{
	padding-bottom: 0;
}
.tenugui #Sec03 .box_05 .txt_box{
	margin-bottom: 20px;
}
.tenugui #Sec03 .box_05 .ttl{
	font-size: 1.6rem;
	font-weight: 500;
}
.tenugui #Sec03 .box_05 .txt{
	margin-top: 10px;
}

/* 767pxまでの幅の場合に適応される */
}

@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */


/* 640pxまでの幅の場合に適応される */
}