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

index1.css 

***********************************/
@charset "UTF-8";

/* font */
@font-face {
    font-family: 'GENJ';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/GenJyuuGothic-Medium.eot');
    src: url('../fonts/GenJyuuGothic-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GenJyuuGothic-Medium.ttf') format('truetype'),
    url('../fonts/GenJyuuGothic-Medium.woff') format('woff');
	
}
@import url('https://fonts.googleapis.com/css?family=Roboto:500i&display=swap');

/*font-family: 'Roboto', sans-serif;*/

/* main */
.main {
	background: #ec6d7b;
}

.main .inner {
	padding-right: 0.3em;
    padding-left: 0.3em;
}

/* tit */
.tit {
	position: relative;
	padding: 37px 28px 48px 140px;
	color: #fff;
	max-width: 550px;
	margin: auto;
}
.tit:before {
	position: absolute;
	top: 17px;
	right: 17px;
	width: 100px;
	height: 100px;
	background: url(../images/index1/tit_bg01.png) no-repeat top right;
	-webkit-background-size: 92px auto;
	background-size: 92px auto;
	content: "";
}
.tit:after {
	position: absolute;
	bottom: 17px;
	left: 17px;
	width: 100px;
	height: 100px;
	background: url(../images/index1/tit_bg02.png) no-repeat bottom left;
	-webkit-background-size: 92px auto;
	background-size: 92px auto;
	content: "";
}

.tit_img {
	position: absolute;
	top: 50%;
	left: 36px;
	margin: 0;
	width: 100px;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.tit_img img{
    margin: 1px auto 0;
    width: auto;
    height: 65px;
}

.tit_subtit {
	margin: 0;
	padding-left: 5px;
	font-family: "Avenir Next", 'Roboto', Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
	letter-spacing: 0.18em;

}

h1 {
	margin: 20px 0 0;
	text-align: left;
    font-family: 'GENJ';
    font-size: 170%;
    font-weight: 500;
    letter-spacing: 0.01em;
}

h1 span {
	display: inline-block;
	font-size: 150%;
}

/* link */
.link {
	margin: 0;
}

.link li {
	float: left;
	position: relative;
	margin: 0 3% 16px 0;
	width: 48.5%;
	border-radius: 8px;
	background: #000;
}
.link li:nth-child(2n) {
	margin-right: 0;
}
.link li:before {
	position: absolute;
	top: 8px;
	left: 6px;
	width: 51px;
	height: 51px;
	background: url(../images/index1/link_bg01.png) no-repeat top left;
	-webkit-background-size: 51px auto;
	background-size: 51px auto;
	content: "";
}
.link li:after {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 51px;
	height: 51px;
	background: url(../images/index1/link_bg02.png) no-repeat top right;
	-webkit-background-size: 51px auto;
	background-size: 51px auto;
	content: "";
}

.link a {
	display: block;
	position: relative;
	height: 216px;
}
.link a:before {
	position: absolute;
	bottom: 8px;
	left: 6px;
	width: 51px;
	height: 51px;
	background: url(../images/index1/link_bg03.png) no-repeat bottom left;
	-webkit-background-size: 51px auto;
	background-size: 51px auto;
	content: "";
}
.link a:after {
	position: absolute;
	bottom: 8px;
	right: 8px;
	width: 51px;
	height: 51px;
	background: url(../images/index1/link_bg04.png) no-repeat bottom right;
	-webkit-background-size: 51px auto;
	background-size: 51px auto;
	content: "";
}

.link_inner {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.link_subtit {
	margin: 0;
	text-align: center;
	color: #f06e80;
	font-size: 80%;
	font-family: "Avenir Next", 'Roboto',Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
	font-weight: bold;
	letter-spacing: 0.18em;
}

.link_category {
	margin: 10px 0;
	text-align: center;
	color: #fff;
    font-family: 'GENJ';
    font-size: 150%;
    font-weight: 500;
    line-height: 1.2;
}

.link_category .sp_hide {
	display: none;
}

.link_txt {
    margin: 3px 0 0;
    text-align: center;
    color: #fff;
    font-family: 'GENJ';
    font-size: 115%%;
    font-weight: 500;
}

/* clearfix */
.clearfix {
zoom: 1;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}


/* 幅変更用 */
@media screen and (min-width:481px) {
	.tit {
		padding-left: 162px;
	}
	.tit_img {
		width: 130px;
	}
	.tit_img img{
	    height: 75px;
	}
	h1 {
		font-size: 2em;
	}
	h1 span {
		font-size: 184%;
	}
	.link_category .sp_hide {
		display: inline-block;
	}
	.link_category .pc_hide {
		display: none;
	}
}