/*---------------共通タイトル01-----------------*/

section .title01 h2{display: block; color:#333;position: relative;}
section .title01 h2 span,
section .title02 h2 span{background: linear-gradient(transparent 60%, #FFFFFF 60%);}
section.sec08 .title02 h2 span{background: linear-gradient(transparent 60%, rgba(215,180,80,0.2) 60%);}
section.sec09 .title02 h2 span{background: linear-gradient(transparent 60%, rgba(255,255,255,0.6) 60%);}
section .title01 .lead{color: rgba(61,61,61,1.00)}
section .title01 h3{writing-mode: vertical-rl; text-orientation: upright;color:#32281e; text-align: left;}
section .title01 h3 span{padding: 20px 5px;color: rgba(255,255,255,1.00);}
section.sec03 .title01 h3 span{background-color:#68446a;}
section.sec04 .title01 h3 span{background-color:#bb6267;} 
section.sec02 .title01 h3 span{background-color:#74a696;}
section.sec05 .title01 h3 span{background-color:#74a696;}
@media screen and (min-width:641px){ /*PC*/
	section .title01{padding: 60px 0 20px;}
	section.sec01 .title01{padding: 0px 0 20px;}
	section .title01 .inner{padding:150px 0 50px 0;}
	section .title01 img.eng{width:260px;margin-bottom:30px;}
	section .title01 h2{ letter-spacing:6px;font-size:28px; line-height:80px;z-index: 1;}
	section .title01 h2 span{font-size:46px; line-height:77px;padding: 5px 15px;}
	section .title01 h3{margin-top: -8px; padding-bottom: 30px; letter-spacing:6px;font-size:24px; line-height:38px;}
	section .title01 .titleimg{position: absolute; top:80px;left:330px;width: 350px;}
	section.sec02 .title01 .titleimg{position: absolute; top:38px;left:330px;width:400px;}
	section .title01 .lead{ position: relative;padding: 50px 0 50px;}
	section .title01.t_left .inner{padding-left: 50px;}
	section .title01.t_left .inner,section .title01.t_left .inner *{text-align: left!important;}
	section .title01.t_right .inner{padding-right: 50px;}
	section .title01.t_right .inner,section .title01.t_right .lead,section .title01.t_right h2{text-align: right!important;}
	section .title01 h3{position: absolute;line-height:66px;font-size:28px;}
	section .title01 h3 span{line-height:76px;font-size:36px;}
	section.sec02 .title01 h3{ top:-80px;right:100px;}
	section.sec03 .title01 h3{ top:-80px;left:120px;text-align: left!important;}
	section.sec04 .title01 h3{ top:-80px;right:100px;}
	section.sec05 .title01 h3{ top:-80px;right:60px;}

}
@media screen and (max-width:640px){ /*SP*/
	section .title01{padding:40px 0 20px;}
	section .title01 .inner{padding:36px 0 20px 0; background-size: 100% 95%;}
	section .title01 img.eng{width:200px;margin-bottom:15px;}
	section .title01 h2{ letter-spacing:3px;font-size:20px; line-height:56px;}
	section .title01 h2 span{font-size: 26px; line-height:52px;padding: 5px 10px;}
	section .title01 .sub{position:sticky;overflow: hidden;}
	section .title01 .sub.texto{text-align: center;}
	section .title01 .titleimg{margin:70px 0 40px 20%; width:80%;z-index: -1;}
	section .title01 .sub h3{position: absolute; top:10px;left:0px; letter-spacing:1px;font-size:20px; line-height:38px;}
	section.sec05 .title01 .sub h3{letter-spacing:0px;font-size:19px;line-height:39px;}
	section.sec05 .title01 .titleimg{margin:95px 0 60px 20%; }
	section .title01 .sub.texto h3{position: relative; margin: 0 auto;}
	section .title01 h3 span{line-height:52px;font-size:24px;letter-spacing:3px;}
	section .title01 .sub.texto h3{margin: 0 auto;text-align: left;}
	section .title01 .lead{ position: relative;padding:20px 0px 35px 00px;font-size: 16px; line-height: 30px;}
}


/*---------------共通タイトル02-----------------*/

section .title02 h2{display: block; color:#333;text-align:center;position: relative;}
section .title02 .lead{color: rgba(61,61,61,1.00)}
@media screen and (min-width:641px){ /*PC*/
	section .title02{padding: 60px 0 20px;}
	section .title02 .inner{padding:60px 0 50px 0; background-size:460px 95%;}
	section .title02 img.eng{width:260px;margin-bottom:20px;}
	section .title02 h2{padding-bottom:20px; letter-spacing:6px;font-size:32px; line-height:63px;}
	section .title02 h2 span{font-size:32px; line-height:48px;padding: 5px 15px;}
	section .title02 h3{margin-top: -8px; padding-bottom: 30px; letter-spacing:6px;font-size:24px; line-height:38px;}
	section .title02 .lead{ position: relative;padding: 0px 0 50px;margin-top: -40px;}
}
@media screen and (max-width:640px){ /*SP*/
	section .title02{padding:40px 0 20px;}
	section .title02 .inner{padding:30px 0 20px 0; background-size: 100% 95%;}
	section .title02 img.eng{width:200px;margin-bottom:15px;}
	section .title02 h2{padding-bottom: 20px; letter-spacing:3px;font-size: 26px; line-height:43px;}
	section .title02 h3{margin-top: -8px; padding-bottom: 30px;font-size:20px; line-height:50px;}
	section .title02 .lead{ position: relative;padding:0px 30px 35px 30px;font-size: 16px; line-height: 30px;}
}