@charset "utf-8";
/* CSS Document */
a {
	display: inline;
	text-decoration: none;
}
body {
	font-size: 18px;
}
img {
		width: 0;
	}
.inner {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}
.sp {
	display: none;
}
li {
	list-style: none;
}

/*header_movie-----------------------------*/
#h_movie ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 10px 0 5px;
}
#h_movie ul li {
	list-style: none;
	width: 19%;
}
#h_movie ul li a {
	display: block;
	text-decoration: none;
	transition: .1s;
}
#h_movie ul li a:hover {
	opacity: 0.7;
}
#h_movie ul li img {
	width: 100%;
	vertical-align: middle;
}

/*系列サイトナビ-----------------------------*/
.plat_nav ul {
	margin: 10px 0 5px;
	text-align: center;
}
.plat_nav ul li {
	list-style: none;
	display: inline;
	font-size: 14px;
}
.plat_nav ul li:first-child::after {
	padding-left: 5px;
}
.plat_nav ul li::after {
	content: "▶";
	color: #383838;
}
.plat_nav ul li:last-child::after {
	content: "";
}
.plat_nav ul li a {
	color: #000;
	padding: 0 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
}
.plat_nav ul li:first-child a {
	background: #cc0000;
	color: #fff;
	font-weight: bold;
	padding: 0 5px;
}
.plat_nav ul li a:hover {
	color: orangered;
}
.plat_nav ul li:first-child a:hover {
	color: #fff;
	opacity: 0.7;
}


/*shukatsu_nav-----------------------------*/
.shukatsu_nav {
	box-shadow:  0 3px 4px 0 rgb(0 0 0 / 20%)
}

.shukatsu_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}
.shukatsu_nav ul li {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	width: 8.33%;
}
.shukatsu_nav ul li:nth-child(7) {
	width: 9%;
}
.shukatsu_nav ul li.s_box {
	width: 6.3%;
}
.shukatsu_nav ul li.l_box {
	width: 10.8%;
}
.shukatsu_nav ul li a {
	display: block;
	color: #000;
	padding: 5px 0;
	font-weight: bold;
}
.shukatsu_nav ul li a:hover {
	background-color: #baddff;
}

/*main_img---------------------------------*/
article.pc .main_img{
	background-image: url("../images/fv_bg.jpg");
	background-repeat:  no-repeat;
	background-position: top center;
}
.main_img img {
	vertical-align: middle;
	width: 100%;
}
.main_02 {
	text-align: center;
	margin: 0 auto;
	margin-left: 2px;
}
.main_02 img {
	vertical-align: middle;
	width: 100%;
}
/*.bg_gr {
	background-color: #e6ffd7;
	padding-bottom: 20px;
}*/

/*ライン一覧修正前------------------------------------
#line_list {
	margin-top: 10px;
}
#line_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#line_list ul li {
	list-style: none;
	width: 31.333%;
	text-align: center;
	background-color: #fff;
}
#line_list ul li figure {
	margin: 0 auto;
	text-align: center;
}
#line_list ul li img {
	width: 100%;
	vertical-align: middle;
}
#line_list ul li figcaption {
	font-weight: bold;
	font-size: 28px;
	margin-top: 10px;
}
#line_list ul li .sub_txt {
	font-size: 20px;
	margin: 5px 0 0;
	font-weight: normal;
}
#line_list ul li .qr_img {
	max-width: 90px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#line_list h3 {
	text-align: center;
	font-weight: bold;
	color: #1fba04;
	font-size: 26px;
	margin: 5px auto 0;
}
#line_list h3 span {
	border-bottom: 1px solid #1fba04;
	padding: 0 10px;
	font-weight: bold;
}
*/

/*ライン一覧修正後-------------------------------------------*/
#overall {
	margin-top: 20px;
}
#overall .flex_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#overall .flex_box .l_box {
	width: 30.333%;
	background-color: #ededed;
	box-sizing: border-box;
	border-radius: 10px;
	padding-bottom: 10px;
	position: relative;
}
#overall .flex_box .plat_box::before,
#overall .flex_box .line_box::before {
	content: url("../images/arrow.png");
	vertical-align: middle;
	display: inline-block;
    position: absolute;
    top: 50%;
    right: -55px;
    transform: translateY(-50%) scale(0.5);
}
#overall .flex_box .l_box h3 {
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 24px;
	padding: 10px 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#overall .flex_box .plat_box h3 {
	background-color: #007aff;
}
#overall .flex_box .line_box h3 {
	background-color: #00e015;
}
#overall .flex_box .map_box h3 {
	background-color: #ff0080;
}
#overall .flex_box .l_box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
}
#overall .flex_box .l_box ul li {
	width: 49%;
	text-align: center;
	margin-top: 10px;
}
#overall .flex_box .l_box ul li a {
	color: #000;
}
#overall .flex_box .l_box ul li figure {
	margin: 0 auto;
}
#overall .flex_box .l_box ul li figure img {
	width: 100%;
}
#overall .flex_box .l_box ul li figcaption {
	font-weight: bold;
	font-size: 12px;
}
#overall .flex_box .l_box .main_fv {
	text-align: center;
	margin: 15px auto 0;
	padding: 0 10px;
	box-sizing: border-box;
}
#overall .flex_box .plat_box .main_fv {
	margin-top: 20px;
}
#overall .flex_box .l_box .main_fv img {
	width: 100%;
}
#overall .flex_box .l_box .more_bt {
	text-align: center;
	margin-top: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}
#overall .flex_box .l_box .more_bt img {
	width: 100%;
}
#overall .flex_box .l_box .more_bt a {
	display: block;
}
#overall .flex_box .l_box dl {
	padding: 0 10px;
	box-sizing: border-box;
}
#overall .flex_box .l_box dl dt {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	line-height: 1.4;
}
#overall .flex_box .l_box dl dt::before {
	content: "□";
	position: absolute;
	top: 0;
	left: 0;
}





/*動画で解説-------------------------------------*/
.doga_box {
	margin-top: 20px;
}
.doga_box h3 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	padding: 10px 0;
	background-color: #007f33;
	margin: 0px auto 10px;
}
.doga_box .m_img {
	text-align: center;
	margin: 0;
}
.doga_box .m_img img {
	width: 100%;
}
.doga_box .flex_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.doga_box .flex_box .left_box {
	width: 48%;
}
.doga_box .movie {
	float: none;
	max-width: 100%;
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.doga_box .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.doga_box .flex_box .bt_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.doga_box .flex_box .bt_box p {
	text-align: center;
	width: 50%;
	font-size: 20px;
	font-weight: normal;
	margin: 0 auto;
}
.doga_box .flex_box .bt_box p a {
	display: block;
	padding: 15px 0;
	color: #fff;
	transition: .1s;
}
.doga_box .flex_box .bt_box .t_bt a {
	background-color: #1fba04;
}
.doga_box .flex_box .bt_box .m_bt a {
	background-color: #0088cc;
}
.doga_box .flex_box .bt_box p a:hover {
	opacity: 0.7;
}
.doga_box .flex_box .right_box {
	width: 50%;
}
.doga_box .flex_box .right_box dl dt {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
	border-bottom: 1px dashed #cdcdcd;
	padding-left: 22px;
	position: relative;
}
.doga_box .flex_box .right_box dl dt::before {
	position: absolute;
	top: 0;
	left: 0;
}
.doga_box .flex_box .right_box dl dt:first-child::before {
	content: "\02776";
}
.doga_box .flex_box .right_box dl dt:nth-child(2)::before {
	content: "\02777";
}
.doga_box .flex_box .right_box dl dt:last-child::before {
	content: "\02778";
}
.doga_box .flex_box .right_box .txt1 {
	font-size: 18px;
	line-height: 1.5;
}


/*友だち登録方法------------------------------*/
#entry_flow {
	margin-top: 20px;
}
#entry_flow img {
	width: 100%;
	vertical-align: middle;
}

#entry_flow h3 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	padding: 10px 0;
	background-color: #007f33;
	margin: 0px auto 10px;
}
#entry_flow .cate_frame {
	border-radius: 8px;
	border: 1px solid #777777;
	box-sizing: border-box;
	margin-bottom: 20px;
	overflow: hidden;
}
#entry_flow .title_box {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	color: #fff;
}
#entry_flow .shuraku_box .title_box {
	padding: 10px 0;
	background-color: #510384;
}
#entry_flow .shukatsu_box .title_box {
	padding: 10px 0;
	background-color: #0089ef;
}
#entry_flow .nadasoso_box .title_box {
	padding: 10px 0;
	background-color: #208f65;
}
#entry_flow .yukari_box .title_box {
	padding: 10px 0;
	background-color: #922842;
}
#entry_flow .title_box h4 {
	font-size: 26px;
	font-weight: bold;
	margin: 0;
	padding-left: 10px;
}
#entry_flow .title_box p {
	position: relative;
	font-size: 16px;
	padding-left: 15px;
	margin: 0;
}
#entry_flow .title_box p::before {
	content: "｜";
	position: absolute;
	top: 0;
	left: 0;
	color: #fff!important;
}
#entry_flow .cate_box {
	padding: 0 10px 10px;
	box-sizing: border-box;
}
#entry_flow .cate_box .sub_title {
	border-top: 1px dashed #777;
	padding-top: 10px;
	margin: 0 0 5px;
	position: relative;
	font-size: 19px;
	font-weight: normal;
	padding-left: 20px;
}
#entry_flow .cate_box .sub_title::before {
	content: "■";
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 22px;
}
#entry_flow .shukatsu_box .sub_title::before {
	color: #0089ef;
}
#entry_flow .shukatsu_box .cate_box .sub_title span {
	font-weight: bold;
	color: #0089ef;
}
#entry_flow .nadasoso_box .sub_title::before {
	color: #208f65;
}
#entry_flow .nadasoso_box .cate_box .sub_title span {
	font-weight: bold;
	color: #208f65;
}
#entry_flow .yukari_box .sub_title::before {
	color: #922842;
}
#entry_flow .yukari_box .cate_box .sub_title span {
	font-weight: bold;
	color: #922842;
}
#entry_flow .cate_box .flex_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#entry_flow .cate_box .flex_box .left_box {
	width: 40%;
}
#entry_flow .cate_box .flex_box .left_box .web_box {
	margin: 0 auto;
	text-align: center;
}
#entry_flow .cate_box .flex_box .left_box .web_box a {
	display: block;
	transition: .1s;
}
#entry_flow .cate_box .flex_box .left_box .web_box a:hover {
	opacity: 0.7;
}
#entry_flow .cate_box .flex_box .left_box .c_title {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 0;
}

#entry_flow .cate_box .flex_box .right_box {
	width: 58%;
}
#entry_flow .cate_box .flex_box .right_box .flex_box2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
#entry_flow .cate_box .flex_box .right_box .flex_box2 .movie_box {
	width: 56%;
}
#entry_flow .cate_box .flex_box .right_box .flex_box2 .qr_box {
	width: 42%;
	text-align: center;
}
#entry_flow .cate_box .flex_box .right_box .flex_box2 .movie_box a {
	display: block;
	transition: .1s;
}
#entry_flow .cate_box .flex_box .right_box .flex_box2 .movie_box a:hover {
	opacity: 0.7;
}
#entry_flow .cate_box .flex_box .right_box .flex_box2 .qr_box img {
	max-width: 140px;
}
#entry_flow .cate_box .flex_box .right_box .flex_box2 .qr_box .flow_bt {
	margin: 0;
}
#entry_flow .cate_box .flex_box .right_box .flex_box2 .qr_box .t_only {
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	background-color: #cecece;
	padding: 10px 0;
	border-radius: 6px;
}
#entry_flow .cate_box .flex_box .right_box .flex_box2 .qr_box .flow_bt a {
	display: block;
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	background-color: #1fba04;
	padding: 10px 0;
	border-radius: 6px;
	transition: .1s;
}
#entry_flow .cate_box .flex_box .right_box .flex_box2 .qr_box .flow_bt a:hover {
	opacity: 0.7;
}
#entry_flow .cate_box .flex_box .right_box .txt1 {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: 10px;
}

/*staff-----------------------------------------------------------------------------*/
#staff {
	margin-top: 20px;
	/*background-color: #e6ffd7;*/
	padding-bottom: 20px;
}
#staff h3 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	padding: 10px 0;
	background-color: #007f33;
	margin: 0 auto;
}
#staff .cate {
	border-radius: 8px;
	border: 1px solid #777777;
	box-sizing: border-box;
	margin-top: 10px;
	overflow: hidden;
	background: #fff;
}
#staff .title_box {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	color: #fff;
}
#staff .cate01 .title_box {
	padding: 10px 0;
	background-color: #208f65;
}
#staff .cate02 .title_box {
	padding: 10px 0;
	background-color: #0089ef;
}
#staff .cate03 .title_box {
	padding: 10px 0;
	background-color: #0070b5;
}
#staff .cate04 .title_box {
	padding: 10px 0;
	background-color: #510384;
}
#staff .cate05 .title_box {
	padding: 10px 0;
	background-color: #ff8000;
}
#staff .title_box h4 {
	font-size: 26px;
	font-weight: bold;
	margin: 0;
	padding-left: 10px;
}
#staff .title_box h4 a{
	color: #fff;
}
#staff .title_box p {
	position: relative;
	font-size: 16px;
	padding-left: 15px;
	margin: 0;
}
#staff .title_box p::before {
	content: "｜";
	position: absolute;
	top: 0;
	left: 0;
	color: #fff!important;
}
#staff .cate ul {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0;
	margin: 0;
}
#staff .cate ul li {
	width: 23%;
	text-align: center;
	margin: 1%;
}

#staff .cate ul li figure {
	margin: 0 auto;
	box-sizing: border-box;
	border: 1px solid #777;
	border-radius: 3px;
	overflow: hidden;
}
#staff .cate ul li figure img {
	width: 100%;
	vertical-align: middle;
}
#staff .cate ul li figcaption {
	font-size: 18px;
	font-weight: bold;
	margin-top: 6px;
}
#staff .cate p.sub_headline{
	text-align: center;
	color: #ff8000;
	padding: 0;
	margin: .5em .5em 0 .5em;
	font-size: 1.6em;
	font-weight: bold;
	border-bottom: 1px solid #ff8000;
}
/*巻頭言-------------------------------------------------------------------------*/
.c_cate {
	margin-top: 20px;
}
.c_cate h3 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	padding: 10px 0;
	background-color: #007f33;
	margin: 0 auto;
}
.c_cate a {
	display: block;
	transtion: .1s;
}
.c_cate a:hover {
	opacity: 0.7;
}
.c_cate .flex_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.c_cate .flex_box .left_box {
	width: 48%;
}
.c_cate .flex_box .left_box figure {
	margin: 0 auto;
}
.c_cate .flex_box .left_box figure img {
	width: 100%;
	vertical-align: middle;
}
.c_cate .flex_box .left_box .more_bt {
	text-align: center;
	margin: 0 auto;
}
.c_cate .flex_box .left_box .more_bt a {
	padding: 15px 0;
	color: #fff;
	background-color: #1fba04;
	font-size: 22px;
}
.c_cate .flex_box .right_box {
	width: 50%;
}
.c_cate .flex_box .right_box .txt1 {
	line-height: 1.5;
	font-size: 18px;
	margin: 0;
}

.c_cate dl dt {
	position: relative;
	padding-left: 23px;
	font-size: 18px;
	margin-top: 15px;
	border-bottom: 1px dashed #777;
	line-height: 1.5;
}
.c_cate dl dt::before {
	content: "■";
	position: absolute;
	top: -2px;
	left: 0;
	font-size: 22px;
	color: #1fba04;
}
.c_cate dl dt .font_w {
	font-weight:bold;
}
.c_cate dl dd {
	margin-left: 22px;
	margin-top: 10px;
	line-height: 1.5;
	font-size: 16px;
}
.c_cate dl dd ul {
	padding: 0;
	margin: 10px 0 0;
}
.c_cate dl dd ul li {
	position: relative;
	padding-left: 18px;
	margin-top: 7px;
	font-size: 16px;
}
.c_cate dl dd ul li::before {
	content: "○";
	position: absolute;
	top: 0px;
	left: 0;
}
.c_cate dl dd ul li .txt_blue {
	font-weight: bold;
	color: darkblue;
}
.c_cate .txt2 {
	line-height: 1.5;
	font-size: 18px;
	margin: 10px 0 0;
}
.c_cate .txt2 .txt_red {
	color: red;
	font-weight: bold;
}



/*強み--------------------------------------------------------------------------*/
#kantogen {
	margin-top: 0;
}
#tsuyomi.c_cate .flex_box {
	justify-content: center;
}
#tsuyomi.c_cate dl dt {
	font-weight: bold;
}




/*エリア対応----------------------------------------------------------------------*/
.area_maps {
	margin-top: 20px;
}
.area_maps h3 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	padding: 10px 0;
	background-color: #007f33;
	margin: 0 auto 10px!important;
}
#areamap {
	background-image: url(https://shukatsu-koredeyoshi.jp/images/bg_map.png);
    background-position: center top;
    background-repeat: no-repeat;
}
#areamap img {
	width: 100%;
}
.clearfix {
	display: block;
}
.clearfix::after {
	content: url(clearfix.gif);
    display: block;
    clear: both;
    height: 0;
}
.map_contents {
	float: left;
}
.area {
	float: right;
	width: 67%;
}
.area h2 {
	font-size: 32px;
	color: #666;
	font-weight: bold;
	padding: 25px 0 10px 0;
	margin: 0;
	border-bottom: none;
}
.area p {
	text-align: left;
	line-height: 180%;
	background-color: rgba(255,255,255,0.5);
	border-radius: 8px;
	padding: 2%;
	margin-right: 4%;
}
.hokkaido {
	color: #7478c2;
}
.tohoku {
	color: #4388d3;
}
.kanto {
	color: #31beca;
}
.hokuriku_koshinetsu {
	color: #4ab969;
}
.tokai {
	color: #b483b1;
}
.kansai {
	color: #b0b72f;
}
.chugoku {
	color: #ef9f27;
}
.shikoku {
	color: #d08f68;
}
.kyushu {
	color: #ff7575;
}
.okinawa {
	color: #f17436;
}

#area_uncer .cate dl dt {
	position: relative;
	padding-left: 22px;
	border-bottom: 1px dashed #777;
	margin-top: 15px;
	font-weight: bold;
}
#area_uncer .cate dl dt::before {
	content: "■";
	position: absolute;
	top: -2px;
	left: 0;
	font-size: 22px;
	color: #1fba04;
}
#area_uncer .cate dl dd {
	margin: 10px 0 0 22px;
	line-height: 1.5;
}
#area_uncer .cate dl dd .txt_blue {
	font-weight: bold;
	color: darkblue;
}

/* 全国マップ 終了 */

/*最新情報-------------------------------------*/
#writing {
	margin-top: 10px;
}
#writing .btn_open{
	display:block;
	cursor:pointer;
	background:url("../images/i-switch.png") 775px 18px no-repeat;
	box-sizing: border-box;
	margin-top: 0px;
	position: relative;
	background-color: #007f33;
	padding: 17px 0 10px;
}
#writing .btn_open .title {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	color: #fff;
}
#writing .box {
	display: none;
	margin-top: 10px;
}
#writing .btn_open.active{
	background:url("../images/i-switch-close.png") 775px 18px no-repeat;
	background-color: #007f33;
}
#writing .list_cir {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#writing .list_cir li {
	width: 49.5%;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 1.1;
	color: #555;
	box-sizing: border-box;
}
.list_cir li:before {
	content: "○";
    display: inline-block;
    width: 1.1em;
    margin-left: -1.5em;
}
.list_hisi {
	padding: 0;
}
.list_hisi li:before {
	content: "◇";
    display: inline-block;
    width: 1.1em;
    margin-left: -1.5em;
}

#writing .list_hisi li {
	width: 100%;
	margin-bottom: 0;
	padding-left: 1.5em;
}
ul.head-menu-thumb li img {
	width: 100%;
}
.map_contents img {
	width: 100%;
}

/*クレジットカード決済コーナー*/
#settlement p {
	font-size: 16px;
}
#settlement form input[type="submit"] {
	width: 40%;
	background: #cc0000;
	color: #FFF;
	font-weight: bold;
	border-radius: 4px;
	padding: 1rem 0;
}
area:-webkit-any-link {
	opacity: 0.7;
}

/*Contents02--------------------------------------------------------------------*/
.c_box2 {
	margin-top: 20px;
}
.c_box2 h3 {
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	padding: 0!important;
	margin-bottom: 10px!important;
}
.c_box2 h3 a {
	display: block;
	color: #fff;
	background-color: #007f33;
	padding: 10px 0;
	font-weight: bold;
}
.c_box2 .txt1 {
	font-size: 18px;
	line-height: 1.5;
	margin: 0;
}
.c_box2 dl dt {
	position: relative;
	padding-left: 22px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: 1px dashed #777;
	margin-top: 15px;
}
.c_box2 dl dt::before {
	content: "■";
	position: absolute;
	top: -2px;
	left: 0;
	font-size: 22px;
	color: #1fba04;
}
.c_box2 dl dt a {
	color: #000;
}
.c_box2 dl dt .txt_blue {
	font-weight: bold;
	color: darkblue;
}
.c_box2 dl dd {
	margin: 0;
	margin-left: 22px;
	margin-top: 10px;
}
.c_box2 dl dd ul {
	padding: 0;
	margin: 0;
}
.c_box2 dl dd ul li {
	position: relative;
	padding: 0 0 0 20px;
	font-size: 16px;
	line-height:1.5;
	margin-top: 10px;
}
.c_box2 dl dd ul li::before {
	content: "○";
	position: absolute;
	top: 0;
	left: 0;
}
.c_box2 dl dd ul li .txt_blue {
	font-weight: bold;
	color: darkblue;
}
.c_box2 .more_bt {
	margin: 0 auto;
	max-width: 400px;
	width: 100%;
	text-align: center;
	font-size: 22px;
}
.c_box2 .more_bt a {
	display: block;
	padding: 20px 0 15px;
	font-weight: bold;
	color: #fff;
	background: #1fba04;
	transition: .1s;
}
.c_box2 .more_bt a:hover {
	opacity: 0.7;
}

#collabo .flex_box,
#company .flex_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
#collabo .flex_box .left_box {
	width: 60%;
}
#company .flex_box .left_box {
	width: 45%;
}
#collabo .flex_box .right_box {
	width: 38%;
	margin: 0 auto;
	text-align: center;
}
#company .flex_box .right_box {
	width: 52%;
}
#collabo .flex_box .right_box img,
#company .flex_box .right_box img {
	width: 100%;
	vertical-align: middle;
}
#sitemap {
	margin-bottom: 60px;
}

/*page-top------------------------------------------------*/
#page-top {
	position: fixed;
	background: rgba(0,0,0,.5);
	min-width: 50px;
	min-height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	bottom: 9%;
	right: 2%;
	cursor: pointer;
}



/*ここからタブレット記述------------------------------------------------------------*/
@media only screen and (max-width:1024px) {
	
}



/*ここからスマホ記述----------------------------------------------------------------*/
@media only screen and (max-width:599px) {
	body {
		font-size: 18px;
	}
	.inner {
		padding: 0 10px;
		box-sizing: border-box;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	#page-top {
		display: none!important;
	}
	#h_movie ul {
		width: 100%;
		margin: 0 auto;
		flex-wrap: nowrap;
		overflow: scroll;
	}
	#h_movie ul li {
		width: 100%;
		flex: 0 0 150px;
		margin-right: 1%;
	}
	#overall .flex_box .l_box {
		width: 100%;
		margin-top: 45px;
	}
	#overall .flex_box .plat_box {
		margin-top: 0;
	}
	#overall .flex_box .plat_box::before, #overall .flex_box .line_box::before {
		top: auto;
		bottom: -58px;
		right: 50%;
		transform: translateX(50%) scale(0.5) rotate(90deg);
	}
	#overall .flex_box .l_box ul li figcaption {
		font-size: 15px;
	}
	.doga_box h3 {
		font-size: 18px;
	}
	.doga_box .flex_box .left_box {
		width: 100%;
	}
	.doga_box .flex_box .right_box {
		width: 100%;
		margin-top: 10px;
	}
	.doga_box .flex_box .bt_box p {
		font-size: 18px;
	}
	#entry_flow h3 {
		font-size: 20px;
		line-height: 1.5;
	}
	#entry_flow .title_box {
		display: block;
	}
	#entry_flow .title_box h4 {
		font-size: 22px;
	}
	#entry_flow .title_box p {
		font-size: 14px;
		padding: 0 10px;
		line-height: 1.5;
	}
	#entry_flow .title_box p::before {
		content: "";
	}
	#entry_flow .cate_box .sub_title {
		font-size: 18px;
	}
	#entry_flow .cate_frame {
		padding-bottom: 10px;
	}
	#entry_flow .cate_box .flex_box .left_box {
		width: 100%;
	}
	#entry_flow .cate_box .flex_box .right_box {
		width: 100%;
	}
	#entry_flow .cate_box .flex_box .right_box .txt1 {
		font-size: 16px;
	}
	#entry_flow .cate_box .flex_box .right_box .flex_box2 .movie_box {
		width: 100%;
		margin-top: 10px;
	}
	#entry_flow .cate_box .flex_box .right_box .flex_box2 .qr_box {
		width: 100%;
	}
	#entry_flow .cate_box .flex_box .right_box .flex_box2 .qr_box .flow_bt {
		margin-top: 10px;
	}
	#entry_flow .cate_box .flex_box .right_box .flex_box2 .qr_box .flow_bt a {
		font-size: 22px;
		padding: 15px 0;
	}
	#entry_flow .cate_box .flex_box .right_box .flex_box2 .qr_box .t_only {
		padding: 15px 0;
		font-size: 22px;
	}
	#entry_flow .cate_box .sub_title::before {
		font-size: 18px;
	}
	.c_cate .flex_box .left_box {
		width: 100%;
	}
	.c_cate .flex_box .right_box {
		width: 100%;
		margin-top: 10px;
	}
	#technology h3 {
		font-size: 19px!important;
	}
	#sp_areamap {
		font-size: 16px;
		
	}
	#sp_areamap dt {
		margin-top: 10px;
	}
	#sp_areamap dd {
		margin-top: 5px;
		line-height: 1.5;
	}
	#writing {
		margin: 20px 0 0;
	}
	#writing .btn_open {
		background: url("../images/i-switch.png") 355px 13px no-repeat;
		background-size: 25px;
		background-color: #007f33;
	}
	#writing .btn_open.active {
		background: url("../images/i-switch-close.png") 355px 13px no-repeat;
		background-size: 25px;
		background-color: #007f33;
	}
	#writing .btn_open .title {
		font-size: 20px;
		text-align: left;
		padding-left: 20px;
	}
	#writing .list_cir li {
		width: 100%;
		 overflow-wrap:  break-word;
	}
	#settlement form input[type="text"] {
		width: 12rem!important;
	}
	#settlement form input[type="submit"] {
		margin-top: 10px;
		width: 100%;
	}
	#collabo .flex_box .left_box {
		width: 100%;
	}
	#collabo .flex_box .right_box {
		display: none;
	}
	.c_box2 .more_bt {
		margin-top: 10px;
	}
	.c_cate .flex_box .left_box .more_bt a {
		font-size: 18px;
	}
	.c_box2 .more_bt a {
		padding: 15px 0;
		font-size: 18px;
	}
	#company .flex_box .left_box {
		width: 100%;
		order: 2;
	}
	#company .flex_box .right_box {
		width: 100%;
		order: 1;
	}
	
	.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}	
@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slide-down {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.slide-up {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.content-txt {
  height: 60px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.close-btn, .more-btn {
  display: block;
  width: 100%;
  padding: 80px 10px 0;
	box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0
    );
}
.close-btn {
  background: none;
}
.slide-up {
  height: 60px;
  padding-bottom: 0;
  overflow: hidden;
}
.slide-down {
  height: auto;
  overflow: visible;
  padding-bottom: 60px;
}
.more-btn p {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background: #0088cc;
  padding: 15px 20px;
  width: 100%;
	box-sizing: border-box;
  border-radius: 6px;
	font-size: 20px;
}
.close-btn {
  padding:0 10px;
	box-sizing: border-box;
}
.close-btn p {
  background: #aaa;
}
	#sp_areamap .close-btn,
	#sp_areamap .more-btn {
		bottom: 2px;
	}
}