@charset "utf-8";
/* CSS Document */

body{
	color:#333;
}

section{
	width:960px;
	margin:0 auto 0 auto;
}

a:hover {
	opacity: 0.8;
}

/******************************************************/
/* 共通 */
/******************************************************/

/* btn_defa */
.btn_defa {
	margin:0px auto 0 auto;
	width:280px;
}
.btn_defa a {
	font-size:15px;
	font-weight: bold;
	display: table;
	width:100%;
	padding:11px 26px 11px 8px;
	text-align:center;
	background-color:#fff;
	border: solid 1px #ccc;
	color:#000;
	text-decoration:none;
	-webkit-transition-property:background-color;
    -webkit-transition-duration:0.2s;
    -webkit-transition-timing-function:linear;
	position:relative;
}
.btn_defa a:hover {
	border: solid 1px #DC7373;
	background-color:#DC7373;
	color: #fff;
	opacity:1;
}
.btn_defa a:after {
	content:"";
	background:url("https://d15e99.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/common/icon_arrow_red.png")no-repeat;
	background-size: 100%;
	position:absolute;
	width:6px;
	height:8px;
	top:50%;
	margin-top:-4px;
	right: 15px;
}
.btn_defa a:hover:after {
	background:url("https://9f5877.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/common/icon_arrow_wh.png")no-repeat;
	background-size: 100%;
}

.btn_defa a .inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}


/* arrow_bottom */
.btn_defa.arrow_bottom a{
	padding:11px 8px 11px 26px;
}
.btn_defa.arrow_bottom a:after {
	transform: rotateZ(90deg);
	left: 15px;
}



/* col */
.col2area {
	font-size: 0;
}
.col2area .content_box {
	font-size: 16px;
	display: inline-block;
	width: 49%;
	vertical-align: top;
	margin-bottom: 20px;
}
.col2area .content_box:nth-child(odd) {
	margin-right: 2%;
}
.col2area .content_box:last-child {
	margin-bottom: 0;
}
/* col3area */
.col3area {
	margin-bottom: 50px;
	font-size: 0;
}
.col3area .content_box {
	font-size: 14px;
	display: inline-block;
	width: 32%;
	vertical-align: top;
	margin-right: 2%;
	margin-bottom: 1.3%;
}
.col3area .content_box:nth-child(3n) {
	margin-right: 0%;
}

/* col4area */
.col4area {
	font-size: 0;
	margin-bottom: 50px;
}
.col4area .content_box {
	font-size: 14px;
	display: inline-block;
	width: 24%;
	vertical-align: top;
	margin-right: 1.3%;
	margin-bottom: 1.3%;
}
.col4area .content_box:nth-child(4n) {
	margin-right: 0%;
}



.col2area .btn_defa ,
.col3area .btn_defa ,
.col4area .btn_defa {
    width: 100%;
}





/******************************************************/
/* 全ページ共通 */
/******************************************************/


.topmenu {
	background: url("https://a5c216.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/common/bg_topmenu.png")repeat-x bottom;
	background-size: contain;
}

.head_top {
	padding: 20px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.head_top .head_left {
	display: table-cell;
}
.head_top .head_left .logo {
	max-width: 309px;
	height: auto;
	display: table-cell;
	vertical-align: middle;
}
@media only screen and (max-width: 1030px) {
.head_top .head_left .logo {
    max-width: 230px;
}
}
.head_top .head_left .text_area {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
	font-size: 15px;
}
.head_top .head_left .text_area .eigyou:first-child {
	margin: 5px 0px;
}
.head_top .head_left .text_area .eigyou .tag {
	width: 98px;
	text-align: center;
	color: #fff;
	border-radius: 100px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	border: solid 1px #DC7373;
	color: #000;
	margin-right: 10px;
}
.head_top .head_left .text_area .eigyou:first-child .tag {
	background-color: #DC7373;
	color: #fff;
}

.head_top .head_right {
	display: table-cell;
	text-align: right;
    width: 300px;
}
.head_top .head_right li {
	max-width: 64px;
	height: auto;
	list-style:none;
	display:inline-block;
	margin-right: 10px;
    max-width: 20%;
}
.head_top .head_right li:last-child {
	margin-right: 0;
}

.menu_list {
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}

.menu_list li {
	/*display: inline-block;
	list-style:none;
	margin-right: 10px;*/
    list-style: none;
    width: 20%;
    text-align: center;
    border-left: 1px solid #333;
    float: left;
    margin-bottom: 10px;
}
.menu_list li:nth-child(5n),
.menu_list li:last-child {
	margin-right: 0;
    border-right: 1px solid #333;
}


/*
.menu_list li:after {
	content: "|";
	margin-left: 10px;
}
.menu_list li:last-child:after {
	content: "";
	margin-left: 0px;
}*/

.menu_list li a {
	text-decoration: none;
	color: #000;
	/*font-size: 18px;*/
font-size: 16px;
}
.menu_list li:last-child a {
	margin-right: 0;
}

.menu_list li a:hover {
	opacity: 1;
	color:#DC7373;
}


/* footer */

.foot_img {
	font-size: 0;
}
.foot_img .img {
	background: url("https://ffcb32.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/common/footer_img01.png")no-repeat center;
	background-size: cover !important;
	height: 186px;
	display: inline-block;
	width: 20%;
}
.foot_img .img:nth-child(2) {background: url("https://19f0ca.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/common/footer_img02.png")no-repeat center;}
.foot_img .img:nth-child(3) {background: url("https://8a59e4.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/common/footer_img03.png")no-repeat center;}
.foot_img .img:nth-child(4) {background: url("https://69480b.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/common/footer_img04.png")no-repeat center;}
.foot_img .img:nth-child(5) {background: url("https://0ebe18.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/common/footer_img05.png")no-repeat center;}

#footer {
	margin: 15px 0px 20px 0px;
}
#footer .footer_area {
	display: table;
	width: 100%;
}
#footer .foot_left {
	display: table-cell;
	vertical-align: top;
}
#footer .foot_left .logo {
	max-width: 300px;
	margin-bottom: 15px;
}

#footer .foot_left .eigyou:first-child {
	margin: 5px 0px;
}
#footer .foot_left .eigyou .tag {
	width: 98px;
	text-align: center;
	color: #fff;
	border-radius: 100px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	border: solid 1px #DC7373;
	color: #000;
	margin-right: 10px;
}
#footer .foot_left .eigyou:first-child .tag {
	background-color: #DC7373;
	color: #fff;
}

#footer .foot_right {
	display: table-cell;
	vertical-align: top;
	text-align: right;
}
#footer .foot_right .menu_list  {
	text-align: right;
}
#footer .foot_right .menu_list li a {
	font-size: 14px;
}
#footer .foot_right .copy {
	font-size: 14px;
}





/******************************************************/
/* トップページ */
/******************************************************/

/*#mainvisual section{
width:100%;
}
#mainvisual section img.open{
width:100%;
height:auto;
}
*/

#mainvisual {
	background: url("https://ddb43d.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/top/top_mainvisual_bg.png") no-repeat center center;
	background-size: cover;
}


#mainvisual .bg_black {
	background: url("https://a407de.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/top/top_mainvisual_bgblack.png")repeat-y left;
	background-size: 50%;
	width: 100%;
}
#mainvisual .bg_bottom {
	background:url("https://09fad9.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/top/top_mainvisual_bottom.png")repeat-x bottom;
	background-size: 30%;
}


#mainvisual .mainvisual_area {
	padding: 80px 0px 130px 0px;
}




#mainvisual h1 {
	max-width: 290px;
	margin-bottom: 20px;
}
#mainvisual .mainvisual_text {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}

.top_cont01 .col4area .content_box .img {
	margin-bottom: 10px;
}
.top_cont01 .col4area .content_box .title_area {
	text-align: center;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.top_cont01 .col4area .content_box .title_area .sub_title {
	font-size: 14px;
}
.top_cont01 .col4area .content_box .title_area .title {
	font-size: 20px;
}

#sb-site.top .page_container {
    background: url(https://9513a5.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/page/bg_page_left.png)no-repeat left 70px , url(https://c98092.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/page/bg_page_right.png)no-repeat right 70px;
    background-size: 175px auto;
	padding-bottom: 0;
}

.bg_or {
	background-size: 5%;
	background: linear-gradient(to bottom,#fff 0%, #F9ECD7 50%);
	position: relative;
}
.bg_or:after {
	content:"";
	background:url("https://54f0ec.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/top/top_bg01.png")no-repeat;
	background-size: 100%;
	position:absolute;
	width:100%;
    height: 86px;
    bottom: -86px;
	left: 50%;
	margin-left: -50%;
}

.huro_area {
	margin-top: -50px;
}
.huro_area .left ,
.huro_area .right {
	padding: 300px 40px 20px 40px;
}

.huro_area .content_box{
    position:relative;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.huro_area .content_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
.huro_area .content_box:hover {
	opacity: 0.8;
}


.huro_area .left {
	float: left;
	width: 50%;
	background: url("https://2faba9.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/top/top_bg02.png")center;
	background-size: cover;
}
.huro_area .right {
	float: right;
	width: 50%;
	background: url("https://a645eb.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/top/top_bg03.png")center;
	background-size: cover;
}
.huro_area .text_area {
	background-color: #F9ECD7;
	text-align: center;
	font-weight: bold;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 10px;
}
.huro_area .text_area .tag {
    background-color: #DC7373;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 1px 8px;
    border-radius: 30px;
	margin-right: 10px;
}


.top .top_cont01 .col4area.tophuro_area .content_box ,
.top .top_cont03 .col3area.service_area .content_box {
    position:relative;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.top .top_cont01 .col4area.tophuro_area .content_box a ,
.top .top_cont03 .col3area.service_area .content_box a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
.top .top_cont01 .col4area .content_box:hover ,
.top .top_cont03 .col3area .content_box:hover {
	opacity: 0.8;
}

.page_content.top_cont01 ,
.page_content.top_cont02 {
	margin-bottom: 50px;
}

.top_cont02 .news_area .title_border {
	font-size: 20px;
}
.top_cont02 .news_area li {
	list-style: none;
	color: #707070;
	margin-bottom: 10px;
	display: table;
}
.top_cont02 .news_area li a {
	color: #707070;
	display: table-cell;
}
.top_cont02 .news_area li .data {
	display: table-cell;
    width: 130px;
}


.top_cont03 {
	background-color: #F9ECD7;
	padding: 40px 0px 90px 0px;
}
.top_cont03 .tag_orange {
	background-color: #FFBA00;
	color: #fff;
	font-weight: bold;
	color: #000;
	border-radius: 100px;
	padding: 3px 40px;
	max-width: 400px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

.top_cont03 .service_area .content_box .title_area {
	text-align: center;
}
.top_cont03 .service_area .content_box .title_area .sub_title {
	font-size: 14px;
	margin-top: 10px;
	font-weight: bold;
}
.top_cont03 .service_area .content_box .title_area .title {
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
}

.top_cont04 {
	background-color: #D10707;
	color: #E6FF00;
	font-weight: bold;
	padding: 30px 0px;
	font-size: 17px;
	line-height: 30px;
}

.bnr_area .content_box {
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}






/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/











/******************/
/* for Tablet    */
/* 600px-959px    */
/******************/
@media only screen and (max-width: 959px) {


	section{
		width:94%;
		margin:0 auto 0 auto;
	}
	#headbar{
		display:none !important;
	}
	section{
		width:94%;
		margin:0 auto 0 auto;
	}
	#headbar{
		display:none !important;
	}
	
	.head_top .head_left .text_area ,
	.head_top .head_right ,
	.menu_list {
		display: none;
	}
	
	.head_top .head_left .logo {
    	max-width: 200px;
		margin: 0 auto;
		display: block;
	}
	.head_top {
    	padding: 15px 20px;
	}
	
	.foot_img .img {
		background: url(https://ffcb32.claudeassets.com/20220125091724im_/https://www.tsukino-yu.com/images/common/footer_img01.png)no-repeat center;
		background-size: cover !important;
		height: 100px;
	}
	
	#footer .foot_left {
		display: block;
		width: 100%;
		max-width: 380px;
		margin: 0 auto 20px auto;
	}
	#footer .foot_right {
		display: block;
		vertical-align: top;
		width: 100%;
		text-align: center;
	}
	
	/* トップページ */
	
	.top_cont01 .col4area .content_box {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.top_cont01 .col4area .content_box:nth-child(2n) {
		margin-right: 0;
	}
	.top_cont03 .content50 {
		width: 500px;
		margin: 0 auto 0 auto;
	}
	
	.bg_or:after {
		width: 100%;
		left: 50%;
		margin-left: -50%;
	}
	
	.huro_area .left {
		float: none;
		width: 100%;
	}
	.huro_area .right {
		float: none;
		width: 100%;
	}
	
	.top_cont02 .news_area .content_box {
		width: 100%;
	}
	
	



}





/******************/
/* for SP-TB      */
/* 320px-599px    */
/* only Header    */
/******************/
@media only screen and (max-width: 599px) {

	.foot_img .img {
    	height: 68px;
	}
	
	
	/* col */
	.col2area .content_box {
		width: 100%;
		vertical-align: top;
	}
	.col2area .content_box:nth-child(odd) {
		margin-right: 2%;
	}

	/* col3area */
	.col3area {
		margin-bottom: 20px;
	}
	.col3area .content_box {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.col3area .content_box:nth-child(3n) {
		margin-right: 2%;
	}
	.col3area .content_box:nth-child(even) {
		margin-right: 0%;
	}

	/* col4area */
	.col4area {
		margin-bottom: 20px;
	}
	.col4area .content_box {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.col4area .content_box:nth-child(4n) {
		margin-right: 2%;
	}
	.col4area .content_box:nth-child(even) {
		margin-right: 0%;
	}
	
	/* トップページ */





	#mainvisual .mainvisual_area {
    	text-align: center;
	}
	#mainvisual h1 {
		margin: 0 auto 20px auto;
	}
	#mainvisual .mainvisual_area {
		padding: 80px 0px 90px 0px;
	}
	
	#sb-site.top .page_container {
		background: none;
	}
	.top_cont01 .content60 {
		max-width: 400px;
	}
	.top_cont01 .content60 .col2area {
		margin: 40px 0px;
	}
	
	.top_cont03 .bnr_area {
		width: 100%;
		text-align: center;
	}
	.top_cont03 .bnr_area .content_box {
		width: 100%;
		max-width: 380px;
		margin: 0 auto 20px auto;
	}
	.huro_area {
		margin-top: 0px;
	}
	
	.huro_area .left, .huro_area .right {
		background: none;
		padding: 20px 40px;
	}

	
	.top_cont03 .service_area .content_box .title_area .title {
    	font-size: 17px;
	}

	
	
	

}



/*
     FILE ARCHIVED ON 16:14:59 Oct 11, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:03:25 Aug 13, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.737
  exclusion.robots: 0.062
  exclusion.robots.policy: 0.047
  esindex: 0.008
  cdx.remote: 26.718
  LoadShardBlock: 53.196 (3)
  PetaboxLoader3.datanode: 125.605 (5)
  PetaboxLoader3.resolve: 368.834 (2)
  load_resource: 467.346
  loaddict: 89.154
*/