@charset "UTF-8";
/* CSS Document */
/* #mv
------------------------------------------------------------------*/

.title{
	background: url(../img/bg_h2.jpg) 50% 50% no-repeat;
	min-height: 153px;
	
}

/*メイン
------------------------------------------------------------------*/
.under .inner h3.index{
	margin-top: -66px;
}

.under .inner h4.index{
	background: url(../img/bg_h4_index.png) no-repeat 50% 50%;
	text-align: center;
	padding-bottom: 0px;
font-size: 2.2rem;
	letter-spacing: 0.2em;
	font-weight: bold;
margin-left: 0px;
margin-top: 20px;
margin-bottom: 10px;
border-bottom: none;
	color: #4F382F;line-height: 70px;
	
}

.under .inner ul.index li.index_01 a{
	background: url(../img/img_index_01.png) no-repeat 50% 50%;
	background-size: cover;
	
}
.under .inner ul.index li.index_02 a{
	background: url(../img/img_index_02.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_03 a{
	background: url(../img/img_index_03.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_04 a{
	background: url(../img/img_index_04.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_05 a{
	background: url(../img/img_index_05.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_06 a{
	background: url(../img/img_index_06.png) no-repeat 50% 50%;
	background-size: cover;
	
}

.under .inner ul.index li.index_07 a{
	background: url(../img/img_index_07.png) no-repeat 50% 50%;
	background-size: cover;
	
}


.under_main .inner p.policy{
	text-align: center;
}
.under_main .inner p.policy img{
	width: 100%;
	max-width: 528px;
	margin: 20px auto 25px;

}



.policy .inner ul.type1{
	width: 100%;
		max-width: 600px;
	margin: 20px auto 25px;
	text-align: center;
	font-size: 2.7rem;
	line-height: 1.4;
	letter-spacing: 0.2em;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;

}
 .policy .inner ul.type1 li{
margin-bottom: 15px;
	background-position:0 8px;
}



.yume .inner{
	background: #fcffc8;
}
.yume .inner h3{
	margin-bottom: 30px;
}

.yume .inner h4{
	margin-bottom: 20px;
	text-align: center;
}
.yume .inner>img,
.yume .inner>p{
	width: 600px;
	margin: 0 auto 20px;
	display: block;
}
.yume .inner .yume_box{
	background: #fff;
	background: url(../img/bg_yume_box.png) repeat-x 50% 0 #fff;
	padding-top: 50px;
	padding-bottom: 40px;
}
.yume .inner h5{
padding: .5em .75em;
background: none;
border: none;
box-shadow:none;
margin: 0 auto 20px;
	width: 300px;
}

.yume .inner .repo_box{
	overflow: hidden;
	width: 900px;
	margin: 10px auto 40px;
}

.yume .inner .repo_box .repo_title{
	padding-left: 150px;
	width: 780px;
	min-height: 100px;
	padding-top: 5px;
	margin-bottom: 20px:
}
.yume .inner .repo_box .repo_title h6{
	font-size: 2.6rem;
}
.yume .inner .repo_box .repo_title h6:before{
	display: none;
}
.yume .inner .repo_box .repo_title p{
background: #fcffc8;
	border-radius: 30px;
	color: #FE6C8A;
	padding: 5px 15px;
	display: inline;
}
.yume .inner .repo_box>p{
	margin: 20px auto;
}
.yume .inner .repo_box .no_01{
	background: url(../img/icon_repo_01.png) no-repeat 20px 0px;
}
.yume .inner .repo_box .no_01 h6{
	color: #01AECB;
}
.yume .inner .repo_box .no_02{
	background: url(../img/icon_repo_02.png) no-repeat 20px 0px;
}
.yume .inner .repo_box .no_02 h6{
	color: #AE7BFF;
}
.yume .inner .repo_box .no_03{
	background: url(../img/icon_repo_03.png) no-repeat 20px 0px;
}
.yume .inner .repo_box .no_03 h6{
	color: #EE8A20;
}
.yume .inner .repo_box .no_04{
	background: url(../img/icon_repo_04.png) no-repeat 20px 0px;
}
.yume .inner .repo_box .no_04 h6{
	color: #FF6DB6;
}



.oshigoto h2 img{
	width: 100%;
}
.oshigoto_index {
	width:			calc(100% / 4 - 20px);
	overflow:		hidden;
	margin:			10px;
	position:		relative;	/* 相対位置指定 */
	border-radius: 40px 40px 0 0;
}
.oshigoto_index .caption {
	text-align: 		center;
	padding-top:		100px;
	color:#FF6C8B;
}
.oshigoto_index .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
	margin: auto;
}
.oshigoto_index:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
.oshigoto_flex{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.oshigoto .koluku{
	background: url("../img/koluku.jpg") ;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 30px;
	margin-bottom: 30px;
}
.oshigoto .oshigoto_h2{
	height: 400px;
	position: relative;
	background: none;
	width: 960px;
	margin: 0 auto;
}
.oshigoto .oshigoto_h2 img.title{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 200px;
	margin: auto;
	width: auto;
	background: none;
}
.oshigoto .oshigoto_h2 img.img{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 400px;
	margin: auto;
		width: auto;

}
    .head_test {
        margin:  0;                 /* デフォルトCSS打ち消し */
        font-size:  24px;           /* 文字サイズ指定 */
        position:  relative;        /* 位置調整 */
        font-weight:  normal;       /* 文字の太さ調整 */
        margin-bottom: 15px;        /* 周りの余白指定 */
        border-radius:  2px;        /* 角丸指定 */
		border-bottom: 2px solid #f20b5d;
    }
    .head_test-point {
        background-color: #f20b5d;  /* 背景色指定 */
        border-radius:  50%;        /* 丸くする */
        padding:  10px;             /* 余白指定 */
        font-size: 40px;            /* 文字サイズ指定 */
        color: #fff;                /* 文字色指定 */
        margin-right: 5px;          /* 周りの余白指定 */
		border-bottom: none;
    }
.oshigoto .flex_box{
background: rgba(255,255,255,0.8);
	border:4px solid #613D1F;
		box-sizing: border-box;
	border-radius: 20px;
	box-sizing: border-box;
	border-radius: 20px;
padding: 20px;
}
.oshigoto .flex_box>div:first-child{
	width: 600px;
}
.oshigoto .flex_box>div:nth-child(2){
	width: calc(100% - 620px);
}
.oshigoto .flex_box>div:nth-child(2) img{
	width: 100%;
}
.oshigoto .flex_box>div:nth-child(2) p{
	font-size: 14px;
}

.oshigoto .more_info{
	box-sizing: border-box;
	padding: 15px;
	border-radius: 10px;
	background: url("../img/bg_more_info.png");
	margin: 20px auto 50px;
}
.oshigoto .more_info p{
		box-sizing: border-box;
	padding: 15px;
	border-radius: 10px;
width: 100%;
	background: rgba(255,255,255,0.8);
	font-weight: bold;
}
.oshigoto .inner h4{
	position: absolute;

top: 180px;

width: 100%;

background:
#92ccdd;
font-weight: bold;
color:
#333;
	font-size: 16px;
}
ul.comic_menu{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
ul.comic_menu li{
	width: calc(100% / 3 - 20px);
	margin: 10px;
	background: #02AECB;
	border-radius: 10px;
	padding: 20px 0;
	text-align: center;
}
ul.comic_menu li a{
	color: #fff;
}

.report .under_main .inner .repo_box h2{
	line-height: 1.3;
	font-size: 20px;
	border-bottom:  #d7bfff 3px dashed;
	background: #EFEFEF;
	padding: 5px 15px;
	box-sizing: border-box;
	border-radius: 15px;
	margin-bottom: 20px;
}
.report .under_main .inner .repo_box  h2 span{
	display: block;
	font-size: 80%;
	color: #d7bfff;
	font-weight: bold;
}

.report .under_main .inner .repo_box .repo_photo{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
}
.report .under_main .inner .repo_box .repo_photo img{
	width: calc(100% / 3 - 10px);
	margin: 10px 5px;
}