/* ==================================================
   Basic Styles
================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap');

html, body, header, footer, nav, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  line-height: 1;
  vertical-align: baseline;
}

table, caption, tbody, tfoot, thead, tr, th, td {}

html, body {
	height: 100%;
}

body {
	background: #fff;
	color: #061b33;
	/*font-weight: 300;*/
	/*font-family: "Meiryo", "Yu Gothic","YuGothic", "Hiragino Kaku Gothic Pro", verdana, "Osaka", "MS PGothic", Sans-Serif;*/
  font-family: "Noto Sans JP", "Yu Gothic","YuGothic", "Hiragino Kaku Gothic Pro", verdana, "Osaka", "MS PGothic", Sans-Serif;
	/*font-size: 14px;*/
  font-size: 16px;
  font-weight: 500;
	letter-spacing: 0.05em;
}

@media (max-width: 480px) {
	body {
		/*font-size: 12px;*/
    font-size: 14px;
	}
}

h1, h2, h3, h4, h5, h6, p, dt, dd, li, th, td {
	line-height: 1.6;
}

a img {
	border: none;
}

a > img {
	vertical-align: bottom;	
}

img {
	max-width: none;	
}

.font_mincho {
	font-family: YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
}


/* ==================================================
   Header
================================================== */

header {
	width: 100%;
	z-index: 99;
	position: relative;
}
/*スマホサイズの時メニューバーをスクロールして上部で固定*/
#header_top {
  position: sticky;
  top: 0;
  display: flex;
  /*height: 60px;*/
}
.h1_area {
	/*float: left;*/
	/*width: 30%;*/
  width: 400px;
	height: 80px;
	background: #0d47a1;
}
.h1_area h1 {
  height: 100%;
	/*padding: 23px 20px;*/
}
.h1_area h1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}
.h1_area h1 img {
  max-width: 100%;
  height: auto;
}
.h1_area h1 a:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
	text-decoration: none;

	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;	
}
.menu_area {
	/*float: right;*/
	/*width: 70%;*/
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
	height: 80px;
	background: #1e88e5;
	text-align: right;
	/*padding: 23px 10px;*/
  padding: 0 30px;
}

/*header:after {
	content: "";
	display: block;
	clear: both; 
}*/

@media (max-width: 1320px) {
  .h1_area {
    width: 25%;
  }
}

@media (max-width: 1199px) {
  .h1_area {
    width: 20%;
  }
  .menu_area {
    padding: 0 20px;
  }
}

@media (max-width: 992px) {
  #header_top {
    display: inherit;
  }
	.h1_area {
		float: none;
		width: 100%;
		height: 60px;
	}
	.h1_area h1 {
		padding: 18px 15px;
	}
  .h1_area h1 a {
    display: block;
    width: 50%;
    min-width: 250px;
  }
	.h1_area h1 img {
	  max-width: 200px;
	  height: auto;
	}
	.menu_area {
		float: none;
		width: 100%;
		height: auto;
	}
}

/* ==================================================
   Navigation
================================================== */

ul#menu-nav {
  display: flex;
  list-style: none;
}
#menu-nav > li {
	/*display: inline-block;*/
	padding-left: 5px;
	padding-right: 5px;
}
#menu-nav > li.menu-nav_mb {
  display: none;
}
#menu-nav > li > a {
  display: block;
	color: #fff;
	line-height: 34px;
	padding-left: 5px;
	padding-right: 5px;
}

#menu-nav > li.current > a {
	border-bottom: 2px solid #fff;
}

#menu-nav > li > a:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
	text-decoration: none;

	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;	
}

@media (max-width: 1199px) {
	#menu-nav > li {
		/*padding-left: 3px;*/
		/*padding-right: 3px;*/
	}
	#menu-nav > li > a {
		/*padding-left: 3px;*/
		/*padding-right: 3px;*/
    font-size: 14px;
	}
}
@media (max-width: 991px) {
  #menu-nav > li.menu-nav_mb {
    display: block;
  }
}

/* ==================================================
   Mobile Navigation
================================================== */

#mobile-nav {
	display: none;	
}

.menu-nav {
	background: url(../img/home/menu-mobile.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 22px;
	display: block;
	margin: 15px 15px 15px 0;
	
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		 -o-transform: rotate(0deg);
			transform: rotate(0deg);
	
	-webkit-transition: -webkit-transform 250ms ease-out 0s;	
	   -moz-transition: -moz-transform 250ms ease-out 0s;
		 -o-transition: -o-transform 250ms ease-out 0s;
		    transition: transform 250ms ease-out 0s;
}

.menu-nav.open {
	background-position: 0 -22px;
		  
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		 -o-transform: rotate(-180deg);
			transform: rotate(-180deg);
	
	-webkit-transition: -webkit-transform 0.25s ease-out 0s;	
	   -moz-transition: -moz-transform 0.25s ease-out 0s;
		 -o-transition: -o-transform 0.25s ease-out 0s;
		    transition: transform 0.25s ease-out 0s;	
}

#navigation-mobile {
	display: none;
	text-align: center;
	width: 100%;
	position: relative;
	float: left;
	z-index: 9999;
	background: rgba(30, 136, 229, 1.0);
	padding: 20px 20px 42px 20px;
}

#navigation-mobile li {
	list-style: none;
}

#navigation-mobile li a {
	display: block;
	font-size: 14px;
	line-height: 42px;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

#navigation-mobile li.current a {
	color: #0d47a1;
	background: rgba(255, 255, 255, 1.0);
}

#navigation-mobile li a:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
	text-decoration: none;

	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;	
}

@media (max-width: 992px) {
	#menu {
		display: none;	
	}
	#mobile-nav {
    display: block;
		float: right;
	}
	#menu-nav-mobile {
		margin: 0;
	}
}


/* ==================================================
   Home
================================================== */

.bg_visual_1 {
  position: relative;
  /*width: auto;
	height: 900px;
	min-height: 100%;
	margin-bottom: -80px;*/
	background: url(../img/home/bg_visual_l.jpg) no-repeat center center;
	/*background-size: cover;*/
}

#clouds_1 {
	height: 100%;
	min-height: 100%;
	margin-bottom: -80px;
    background: url(../img/home/clouds_1.png) repeat-x;
}

#clouds_2 {
	height: 100%;
	min-height: 100%;
	margin-bottom: -80px;
    background: url(../img/home/clouds_2.png) repeat-x;
}

.slogan {
  position:absolute;
  /*top: 0;
  bottom: 35%;
  left: 0;
  right: 0;
  margin:auto;
  width:440px;
  height:198px;*/
  top: 0;
  left: 0;
  width: 100%;
  /*height: 823px;*/
  height: 100%;
  display: grid;
  place-content: center;
}

/*.slogan > div {
  width:440px;
  height:198px;*/
  /*margin-bottom: 300px;
}*/

/*.pagenext_area {
	position: relative;
	bottom: 0;
	height: 80px;
	display: block;
	text-align: center;
	background: #fff;
}*/

.slogan > p > img {
  padding-bottom: 30vh;
}

#pagenext img {
	animation: pagenext_anime 1.0s ease-in-out infinite alternate;
}
@keyframes pagenext_anime {
	0% { transform:translateY(18px); }
	100% { transform:translateY(28px); }
}

.home_contents {
	background: #1e88e5;
}


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

.home_contents div {
	width: 50%;
	float: left;
}

.home_contents div a:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
	text-decoration: none;

	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;	
}

#feed {}

#feed div {
	position: relative;
	padding-left: 60px;
	/*display: inline-block;*/
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ddd;
}

#feed div:after {
	content: "";
	display: block;
	clear: both; 
}

#feed div .date{
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: url(../img/home/bg_feedday.png) no-repeat center center;
	font-size: 10px;
	text-align: center;
	float: left;
	width: 50px;
	height: 50px;
	padding-top: 9px;
	margin-right: 5px;
}

#feed div h4 {
	font-weight: 600;
}

@media (max-width: 480px) {
	.bg_visual_1,
	#clouds_1,
	#clouds_2 {
		margin-bottom: -60px;
	}
	.slogan {
		/*bottom: 40%;
		max-width: 200px;
		height: 90px;*/
	}
  /*.slogan > div {
   margin-bottom: 250px;
    max-width: 250px; 
  }*/
	.pagenext_area {
		height: 60px;
	}
	@keyframes pagenext_anime {
		0% { transform:translateY(8px); }
		100% { transform:translateY(18px); }
	}
	.home_contents div {
		width: 100%;
	}
}

/*スライド画像追加*/
.bg_visual_wrap {
  position: relative;
  width: auto;
 /* height: *//*1000px*//*100vh;*/
  height: calc(100vh - 80px);
  overflow: hidden;
}

@media (max-width: 992px) {
  .bg_visual_wrap {
    height: 100svh;
  }
}

/*.top_slick {
  width: 100%;
  height: 1000px;
}*/
.bg_visual {
  width: auto;
	height: 100vh;
	/*margin-bottom: -80px;*/
  background-size: cover;
}
.bg_visual_2 {
	background: url("../img/home/bg_visual02.jpg") no-repeat center center;
  background-size: cover;
}
.bg_visual_3 {
	background: url("../img/home/bg_visual03.jpg") no-repeat center center;
  background-size: cover;
}
.slick,
.sslick-initialized,
.slick-slider,
.slick-track,
.slick-slide {
  /*height: 1000px;*/
  height: 100vh;
}

/* topメインビジュアル内スクロールダウン ※使用しない */
.container_05 {
  height: 300px;
}
.scrollbar-text_05 {
  display: inline-block;
  position: absolute;
  bottom: /*20*/13%;
  /*right: 1%;*/
  left: 50%;
  /*padding: 10px 10px 110px*/;
  color: #fff;
  font-size: 14px;
  font-family: serif;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  writing-mode: vertical-lr;
  /*left: 50%;*/
  transform: translateX(-50%);
}
.scrollbar_05 {
  position: absolute;
  left: 50%;
  bottom: /*8%*/0;
  /*right: 2.5%;*/
  transform: translateX(-50%);
  /*bottom: 1px;*/
}
.scrollbar_05::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100px;
  background: #fff;
  animation: liner 2.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes liner {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  30% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  70% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
@media (max-width: 480px) {
  .scrollbar-text_05 {
    bottom: 18%;
    font-size: 13px;
  }
  .scrollbar_05 {
    bottom: 6%;
    /*right: 4%;*/
  }
}

/*pagenext_areaをRISEnewsに変更*/
.rise_news_wrap {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 100%;
  max-width: 80%;
  text-align: center;
  transform: translateX(-50%);
  z-index: 10;
}
.rise_news_box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 820px;
  min-height: 90px;
  padding: 10px;
  text-align: left;
	background: #fff;
  border-radius: 3px;
}

.rise_news_wrap .rise_news_label {
  border-right: 2px solid #0d47a1;
  padding: 0 1.8em;
}
.rise_news_wrap .rise_news_main {
  flex: 1;
}
.news_title {
  line-height: 1;
	color: #0d47a1;
	font-size: 1.75rem;
	font-weight: 600;
  padding-top: 5px;
}
.news_subtitle {
  padding-top: 2px;
  font-size: 0.8em;
}
.news_contents {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  color: #000;
  line-height: 1.5;
}
.rise_news_wrap .rise_news_main a {
  text-decoration: none;
}
.rise_news_wrap .rise_news_main a:hover {
  text-decoration: none;
}

@media (max-width: 1300px) {
  .news_contents {
    display: block;
  }
}
@media (max-width: 1024px) {
  .bg_visual_2 {
	  background: url("../img/home/bg_visual02_tab.jpg") no-repeat center center;
  }
  .bg_visual_3 {
    background: url("../img/home/bg_visual03_tab.jpg") no-repeat center center;
  }
}
@media (max-width: 992px) {
  .rise_news_wrap {
    left: 0;
    transform: translateX(0);
  }
  .rise_news_box {
    min-width: 0;
    border-radius: 0 3px 3px 0;
  }
}
@media (max-width: 800px) {
  .rise_news_box {
    display: block;
    min-width: 0;
  }
  .rise_news_wrap .rise_news_label {
    width: 100%;
    display: flex;
    align-items: baseline;
    padding-bottom: 10px;
    border-right: none;
    border-bottom: 2px solid #0d47a1;
  }
  .news_title {
    padding-top: 0;
    font-size: 1.5em;
  }
  .news_subtitle {
    padding-top: 0;
    padding-left: 20px;
  }
  .news_contents {
    padding-bottom: 0;
  }
}
@media (max-width: 580px) {
  .rise_news_wrap  .rise_news_label {
    padding-left: 10px;
    padding-right: 10px;
  }
  .news_subtitle {
    display: none;
  }
  /*.rise_news_wrap {
    height: 90px;
  }*/
  /*.slogan > p > img {
    padding-bottom: 100px;
  }*/
  .rise_news_wrap .news_contents {
    padding-left: 10px;
    padding-right: 10px;
  }
  .news_contents_text {
    width: 100%;
    font-size: 1.15em;
  }
  /*.news_contents li:last-child {
    display: none;
  }*/
}
@media (max-width: 430px) {
.bg_visual_2 {
	background: url("../img/home/bg_visual02_sp.jpg") no-repeat center center;
  }
  .bg_visual_3 {
    background: url("../img/home/bg_visual03_sp.jpg") no-repeat center center;
  }
}


/* ==================================================
   Contents
================================================== */

.contents {
	padding-bottom: 50px;
}

.title {
	margin-bottom: 50px;
	border-bottom: 1px solid #0d47a1;
}

.title h2 {
	line-height: 100px;
	color: #0d47a1;
	font-size: 2em;
	font-weight: 600;
	text-align: center;
}
.title h2.en {
	font-size: 3rem;
}
.h3_basic {
	position: relative;
	color: #0d47a1;
	font-size: 1.5em;
	font-weight: 600;
	padding-bottom: 0.5em;
	margin-bottom: 25px;
	border-bottom: 4px solid #98a2a7;
}
.h3_basic {
	position: relative;
	color: #0d47a1;
	font-size: 1.5em;
	font-weight: 600;
	padding-bottom: 0.5em;
	margin-bottom: 25px;
	border-bottom: 4px solid #98a2a7;
}
.h3_basic::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #015db2;
}
#toppage .h3_basic {
	font-size: 2.6em;
	padding-bottom: 0;
	margin-bottom: 10px;
	border-bottom: none;
}
#toppage .h3_basic.en {
	font-size: 3.75rem;
}
#toppage .h3_basic.en > span {
	font-size: 1.75rem;
}
#toppage .h3_basic::after {
	display: none;
}

.h4_basic {
	font-size: 1.14em;
	font-weight: 600;
	padding-bottom: 5px;
}

.continue {
	margin-top: 50px /*!important*/;
  height: 100%;
}

.continue_half {
	margin-top: 25px /*!important*/;
  margin-bottom: 50px;
}

.table-bordered thead th {
	background: rgba(242, 255, 195, 0.5);
	text-align: center;
}

.table-bordered tbody th {
	background: rgba(238, 238, 238, 0.5);
	width: 12em;
}

.table-bordered tbody td {
	background: rgba(255, 255, 255, 0.5);
}

.ul_basic {
	margin-top: 0.25em;
	padding-left: 1em;
}

.ul_basic li {
	list-style: disc;
	margin-bottom: 0.25em;
}

.ul_notice {
	padding-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #1565c0;
	text-indent: -1em;
	border-top: 1px solid #1565c0;
	border-bottom: 1px solid #1565c0;
}

.ul_notice li {
	list-style: none;
	margin-bottom: 0.25em;
}

.ul_notice li:before {
    content: "\f111";
    font-family: FontAwesome;
}

.ul_border li {
	color: #1e88e5;
	padding-bottom: 0.25em;
	border-bottom: 1px dotted #ddd;
}

.ul_notice span,
.ul_border span {
	color: #061b33;
}

.ul_worry {
	padding-left: 1em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #e61e24;
	text-indent: -1em;
}

.ul_worry li {
	list-style: none;
	margin-bottom: 0.25em;
	font-size: 1.14em;
}

.ul_worry li:before {
    content: "\f00c";
    font-family: FontAwesome;
}

.ul_worry span {
	color: #0a2d4d;
}

.button_basic {
	padding: 10px 15px;
	color: #fff;
	font-weight: 600;
	background: #0d47a1;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
	        border-radius: 3px;
}

.button_basic:focus,
.button_basic:hover,
.button_basic:active,
.button_basic:active:hover,
.button_basic:active:focus {
	color: #fff;
	background: #1e88e5;
	text-decoration: none !important;
}

.map_canvas {
	position: relative;
	padding: 0 0 56%;
	height: 0;
	overflow: hidden;
}

.map_canvas iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.balloon {
	position: relative;
	background: #e1ecf2;
	width: 80%;
	padding: 20px;
	border-radius: 50px;
}

.balloon:before,
.balloon:after {
	content: '';
	position: absolute;
	display: block;
	height: 30px;
	width: 30px;
	border-radius: 15px;
}

.balloon.right:after {
	background: #fff;
	right: -20px;
	bottom: 55%;
	z-index: -1;
}

.balloon.right:before {
	background: #e1ecf2;
	right: -15px;
	bottom: 45%;
	z-index: -1;
}

.face {
	position: absolute;
	top: 0;
	right: -20%;
	width: 15%;
}

.teachingpro {
	position: relative;
	padding: 30px 20px;
	border-radius:1px;
	border:1px solid #ddd;
	margin: 10px 0px;
	width: 100%;
	height: 61.8%;
	background: #fff;
}

.teachingpro:before,
.teachingpro:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	width: 30%;
	height:10px;
	box-shadow: 0 15px 10px #444;
}
 
.teachingpro:before {
	left: 5px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.teachingpro:after {
	right: 5px;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}

.teachingpro h3 {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 3px solid #0d47a1;
}

.teachingpro h3 span {
	font-size: 1.71em;
}


@media (max-width: 767px) {
  #toppage .h3_basic.en {
    font-size: 2.675rem;
  }
  #toppage .h3_basic.en > span {
    display: block;
    padding-bottom: 15px;
    font-size: 0.5em;
  }
}

@media (max-width: 480px) {
	.title {
		margin-bottom: 25px;
	}
	.title h2 {
		line-height: 60px;
		font-size: 1.5em;
	}
  .title h2.en {
    font-size: 2.2rem;
  }
	/*.contents p,
	.contents li,
	.contents th,
	.contents td {
		font-size: 13px;
	}*/
	.h3_basic {
		margin-bottom: 15px;
		font-size: 1.25em;
	}
	.continue_sp {
		margin-top: 50px !important;
	}
	.continue_half_sp {
		margin-top: 25px !important;
	}
	.table-bordered tbody th {
		width: inherit;
	}
	.face {
		right: -25%;
		width: 18%;
	}
	.teachingpro {
		padding: 20px 10px 10px 10px;
	}
	.teachingpro h3 {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
}


/* ==================================================
   Footer
================================================== */

.pagetop_area {
	display: block;
	text-align: center;
}

#pagetop {
	margin: 0 auto;
	display: block;
	width: 126px;
	height: 96px;
	background: url(../img/home/pagetop_anime.png) no-repeat;
}

#pagetop:hover {
	    animation: pagetop_anime 1.0s steps(2,start) forwards;
}

@keyframes pagetop_anime {
	0%{ background-position:0 0;}
	100%{ background-position:-252px 0;}
}

footer {
	border-top: 1px solid #0d47a1;
}

.footer_area {
	padding-top: 25px;
	padding-left: 25px;
	border-left: 10px solid #0d47a1;
}

.footer_area h1 {
	font-size: 1.14em;
	font-weight: 600;
}

#credits {
	font-size: 0.71em;
	line-height: 60px;
}

@media (max-width: 480px) {
	.footer_area {
		padding-top: 15px;
		padding-left: 15px;
	}
}

/* ==================================================
   ブログ固定ボタン
================================================== */
.fix_blog_btn {
  position: fixed;
  bottom: 24px;
  right: 84px;
  z-index: 100;
  width: 150px;
  height: auto;
}
.fix_blog_btn:hover img {
  transition: transform 2s;
  transform: rotate(360deg);
}

/*=== 回る文字 ===*/
.circle_fix {
  position: fixed;
  bottom: 0;
  right: 10px;
  z-index: 99;
}
/*.circle_wrap {
  position: relative;*/
  /*width: 100%;
  min-height: 600px;*/
/*}*/
.circle_container {
/*position: absolute;
right: 15%;
bottom: 0;*/
}
.text_circle {
  width: 300px;/*文字サークルの大きさ*/
  animation: rotateIt 20s linear infinite;/*文字サークルの回転の速さ*/
}

@keyframes rotateIt {
  to {
  transform: rotate(-360deg);
  }
}
.text_circle text {
  font-size: 2rem;
  /*text-transform: uppercase;*//*すべての文字を大文字に*/
  fill: #0d47a1/*#337ab7*/;/*文字の色*/
  font-weight: 700;
  text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}
.text_circle textPath {
  letter-spacing: 17px;/*文字の余白*/
}

/*@media (max-width: 768px) {*/
@media (max-width: 1300px) {
	.fix_blog_btn {
		width: 100px;
    bottom: 60px;
    right: 50px;
	}
  .text_circle {
    width: 200px;
  }
  .circle_fix {
    right: 0;
    bottom: 58px;
  }
}
/*@media (max-width: 320px) {*/
@media (max-width: 768px) {
  .fix_blog_btn {
		width: 80px;
    bottom: 30px;
    right: 30px;
	}
  .text_circle {
    width: 160px;
  }
  .circle_fix {
    right: -10px;
    bottom: 39px;
  }
}