@charset "UTF-8";

section {
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(top, #ffffff, #f5f5f5);
	margin-left: 0px;
	margin-right: 0px;
	/*padding-top:45px;
	padding-bottom:45px;*/
}

.section-title {
	margin: 3em 0;
	font-size: 200%;
	line-height: 1.6;
	text-align: center;
}

.section-content {
	padding: 1.5em 1em 1.5em;
	font-size: 110%;
	line-height: 1.7;
	text-align: center;
}

.bk_darkred {
	padding: 1em;
	color: #fff;
	background-color: #AE3249;
}

a.hover_rubyred:hover {
	color: #AE3249;
}

@media (max-width: 768px) {
.section-title {
	font-size: 150%;
}
.section-content {
	font-size: 100%;
	text-align: justify;
}
}



#content.hero {
    margin-top: 35vh;
}
@media (max-width: 768px) {
#content.hero {
    margin-top: 50vh;
}
}



#content.full .yellow_back {
	background-color: #fbf7e6;
}

#content.full .orange_back {
	background-color: #f8ca9c;
}

.onepage-hero .bg-hero-text h2 {
	color: #FFFFFF;
	font-size: calc(180% + 0.25vw);
	margin-top: 55px;
	margin-bottom: 0.5vmax;
}

.onepage-hero .bg-hero-text.top_center  {
    position: relative;
    color: #FFFFFF;
    z-index: 10;
    top: 40%;
}

.onepage-hero .bg-hero-text h2{
	color: #FFFFFF;
	font-size: calc(180% + 0.25vw);
	margin-top: 0px;
	margin-bottom: 0.5vmax;
}
.slides_h1{
font-size: 70px;
}
.slides_h2{
font-size: 40px;
margin: auto;
}
@media (max-width: 768px) {
.slides_h1{
font-size: 40px;
}
.slides_h2{
font-size: 20px;
margin: auto;
}
.slides_h3{
font-size: 6vw;
margin: 5px 0 10px 0;
}
}

.just{
text-align: justify; 
}

.mt-0 {
	margin-top: 0;
}

.mb-0 {
	margin-bottom: 0;
}




.soudan_button{
	width:100%;
	height:150px;
	background-position: center top;
	-moz-background-size: 80%;
		background-size: 80%;
		background-repeat: no-repeat;
	background-image:url('/tohoku/oc/images/jyuken_p07.png');
}

.soudan_button:hover{
	background-image:url('/tohoku/oc/images/jyuken_p07_on.png');
}
@media (max-width: 768px) {
.soudan_button{
	width:100%;
	height:150px;
	background-position: center top;
	-moz-background-size: 100%;
		background-size: 100%;
		background-repeat: no-repeat;
	background-image:url('/tohoku/oc/images/jyuken_p07.png');
}

.soudan_button:hover{
	background-image:url('/tohoku/oc/images/jyuken_p07_on.png');
}
}


img.w100 {
width: 100%;
}

@media (max-width: 768px) {
img.w100 {
width: 100px;
}
}




/* 下線
---------------------------------------------------- */
.center-line {
    width: 50%;
    height: 5px;
    display: block;
    margin: 10px auto 30px auto;
    border-bottom: 1px solid #F879D7;
    border-top: 1px solid #F879D7;
}
@media (max-width: 768px) {
	.center-line {
		width: 85%;
		height: 5px;
		display: block;
		margin: 5px auto 20px auto;
		border-bottom: 1px solid #F879D7;
		border-top: 1px solid #F879D7;
	}
}
.text-line {
    height: 24px;
    margin: 0px auto 3px auto;
    border-bottom: 2px solid #F879D7;
}


/* 背景
---------------------------------------------------- */
.content_full {
    margin: 0px -10px 0px;
    padding: 20px;
}
@media (max-width: 768px) {
	.content_full {
		margin: 0px -10px 0px;
		padding: 20px 10px;
}
}
.content_full.end {
    margin: 0px -10px -10px;
    padding: 20px;
}

.content_full {
    margin: 0px -10px 0px;
    padding: 0;
}

.content_full2 {
    margin: 10px -10px 10px;
    padding: 20px;
}







/* 画像コンテンツ
---------------------------------------------------- */
/* スペース有りタイプ */
.content-wrap{
	text-align: center;
	margin-bottom: 30px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}
.content-wrap h4{
	font-size: 15px;
	text-transform: uppercase;
}
.content-wrap h4:hover{
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
}
.content-wrap:hover .content-hover{
	opacity: 1;
	text-decoration: none;
}

/* スペースなしタイプ */
.content-wrap2{
	text-align: center;
	margin-bottom: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	background: #fff;
}
.content-wrap2 h4{
	font-size: 15px;
	text-transform: uppercase;
}
.content-wrap2 h4:hover{
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
}
.content-wrap2:hover .content-hover{
	opacity: 1;
	text-decoration: none;
}
.content-label{
	position: absolute;
	top:0;
	left: 0;
	padding: 4px 10px;
	text-transform: uppercase;
	font-size: 13px;
	color:#fff;
	background: #333;
}
.content-hover{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	background-color:rgba(66,172,194,0.90);
	text-align: center;
	opacity: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.content-hover p{
	position: absolute;
	width:100%;
	top:50%;
	margin-top: -10px;
	text-align: center;
	font-size: 20px;
	color:#fff;
	text-transform: uppercase;
}



/* ----------------------------------------
 * Bootstrap機能拡張
 * ---------------------------------------- */

/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}


/* ----------------------------------------
 * web font
 * ---------------------------------------- */

.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }




ol ul {
    list-style-type: disc;
    margin-block-start: 0px;
    margin-block-end: 0px;
}




/** 01. circle button
 **************************************************************** **/


.circle_btn_wrap a{
	color: #333;
	font-size: 1em;
	font-weight: 600;
}
@media (max-width: 768px){
	.circle_btn_wrap a{
		font-size: 2.1vw;
	}
}

@media (max-width: 480px){
	.circle_btn_wrap a{
		font-size: 2vw;
	}
}
.circle_btn{
	margin: 10px 0 0;
	position: relative;
	display: inline-block;
	height:200px;
	width: 200px;
	border-radius: 50%;
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;
}
.circle_btn::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	background:rgba(255,255,255,0.00);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.circle_btn.bt-001:hover::after {
	background:rgba(131,147,202,0.50);
}
.circle_btn.bt-002:hover::after {
	background:rgba(95,171,127,0.50);
}
.circle_btn.bt-003:hover::after {
	background:rgba(250,162,177,0.50);
}
.circle_btn.bt-004:hover::after {
	background:rgba(248,209,96,0.50);
}
.circle_btn.bt-005:hover::after {
	background:rgba(250,148,107,0.50);
}
.circle_btn.bt-006:hover::after {
	background:rgba(251,105,124,0.50);
}
.circle_btn.bt-007:hover::after {
	background:rgba(206,147,208,0.50);
}
.circle_btn.bt-008:hover::after {
	background:rgba(121,213,194,0.50);
}
.circle_btn.bt-009:hover::after {
	background:rgba(174,50,73,0.50);
}
.circle_btn.bt-010:hover::after {
	background:rgba(204,204,51,0.50);
}
.circle_btn.bt-011:hover::after {
	background:rgba(106,194,255,0.50);
}
#content .circle_btn p {
	position: absolute;/*絶対配置*/
	width: 100%;
	display: block;
	color: white;/*文字は白に*/
	bottom: 15%;
	line-height: 1.3;
	font-weight: 600;
	z-index: 2;
}
@media (max-width: 1200px) {
	.circle_btn{
		position: relative;
		display: inline-block;
		height:170px;
		width: 170px;
		border-radius: 50%;
	}
}
@media (max-width: 991px) {
	.circle_btn{
		position: relative;
		display: inline-block;
		height:130px;
		width: 130px;
		border-radius: 50%;
	}
}
@media (max-width: 480px){
	.circle_btn{
		position: relative;
		display: inline-block;
		height:130px;
		width: 130px;
		border-radius: 50%;
	}
	#content .circle_btn p {
		bottom: 8%;
		font-size: 0.8em;
	}
}
@media (max-width: 450px){
	.circle_btn{
		position: relative;
		display: inline-block;
		height:100px;
		width: 100px;
		border-radius: 50%;
	}
}
@media (max-width: 320px){
	.circle_btn{
		position: relative;
		display: inline-block;
		height:80px;
		width: 80px;
		border-radius: 50%;
	}
}

/** 18. thumbnail関連
 **************************************************************** **/
#pickup .thumbnail {
	background-color: #34AEC1;
}

#pickup a.thumbnail:hover,
#pickup a.thumbnail:focus,
#pickup a.thumbnail.active {
	top: -4px;
	color: #34AEC1;
	text-shadow: 0 0px 0px rgba(0, 0, 0, .4);
	background: #B3EBF3;
	box-shadow: 0.5px 3px 0.5px 0.5px rgba(44,151,168,0.80);
	-webkit-transition: all .3s;
	transition: all .3s;
	border-color: #34AEC1;
	background-color: #B3EBF3;
}

.sc .thumbnail {
	background-color: #FFDA4B;
}


.thumbnail {
	display: block;
	padding: 5px 5px;
	margin-bottom: 19px;
	line-height: 1.5;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 6px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}


.thumbnail > img,
.thumbnail a > img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}


.thumbnail a {
	color: #333;
	z-index: 99;
}


.thumbnail .caption {
	padding: 0px;
	text-align: center;
}

	.caption h4 {
		font-size: 16.5px;
	}
	
	#pickup h4 {
		font-size: 16.5px;
	}

@media (max-width: 768px) {
	.caption h4 {
		font-size: 13.5px;
	}
	
	
	#pickup h4 {
		font-size: 13.5px;
	}
}


.thumbnail .caption {
	color: #333;
}


#pickup a.thumbnail {
	color: #fff;
}


a.thumbnail {
	color: #333;
}


#pickup a.thumbnail h4 {
	color: inherit;
}





a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #ff90a1cc;
	background-color: #ffc8d0cc;
}

.sc a.thumbnail:hover,
.sc a.thumbnail:focus,
.sc a.thumbnail.active {
	top: -4px;
	color: #34AEC1;
	text-shadow: 0 0px 0px rgba(0, 0, 0, .4);
	background: #FFEEB1;
	box-shadow: 0.5px 3px 0.5px 0.5px #FFDA4B;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-color: #FFDA4B;
	background-color: #FFEEB1;
}

.thumbnail .icon {
	width: 60px;
	height: 60px;
}


.btn.shadow_01 {
	-moz-box-shadow:  0px 1px 5px rgba(0,0,0,.3);
	-webkit-box-shadow:  0px 1px 5px rgba(0,0,0,.3);
	box-shadow:  0px 1px 5px rgba(0,0,0,.3);
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;
}


.btn.shadow_01:hover,
.btn.shadow_01:focus,
.btn.focus.shadow_01 {
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 7.82213px 24.4918px -4.87295px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 7.82213px 24.4918px -4.87295px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 7.82213px 24.4918px -4.87295px;
}


.triangle {
	position: relative;
	padding-right: 20px;
}


.triangle::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 5px;
	width: 0;
	height: 0;
	margin-top: -8px;
	border-top: 8px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 11px solid ;
}


/*文字のサイズ変更*/
#content .md {
	font-size: 200%;
}

#content .bg {
	font-size: 400%;
}

#content .sm {
	font-size: 140%;
}

#content .ssm {
	font-size: 140%;
}

@media all and (max-width: 515px) {


#content .bg {
	font-size: 5.6vw;
}

#content .md {
	font-size: 4.7vw;
}

#content .sm {
	font-size: 4.0vw;
}

#content .ssm {
	font-size: 3.0vw;
}

}


/*===== 丸の中の文字 =====*/
#content .maru {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-flow: column;
	vertical-align: top;
}

#content .maru2 {
	display: inline-table;
	text-align: center;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: -26px;
}

/* 円の大きさ */
#content .size_bg {
	width: 7rem;
	height: 7rem;
}

#content .size_normal {
	width: 2rem;
	height: 2rem;
}

#content .size_md {
	width: 3rem;
	height: 3rem;
}

/* 画像の大きさ */
img.w50 {
	width: 50px;
	}
	img.w100 {
	width: 100px;
	}

/* 文字の大きさ */
#content .letter {
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #FFFFFF;
}

#content .letter1 {
	font-size: 2.6rem;
	line-height: 3.2rem;
	color: #FFFFFF;
}

#content .letter3 {
 position: relative;
	font-size: 1.5rem;
	font-weight: 800;
	margin: 0 10px 0 0;
	line-height: 1.2;
}

#content .letter3 span {
	position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :7rem;
  text-align:center;
}
.top_-40px{
	position: relative;
	top:-40px;
}

.top_-20px{
	position: relative;
	top:-20px;
}

/* 円の装飾 */
.pink1 {
	background-color: #F56883;
}
.gray1 {
	background-color: #4F4E4E;
}

.green1 {
	background-color: #90b37a;
}

.green2 {
	background-color: #fff;
	color: #8FDDA7;
	border: solid 2px #8FDDA7;
}

.yellow2 {
	background-color: #fff;
	color: #333;
	border: solid 2px #FFE31E;
}
.pink2 {
	background-color: #fff;
	color: #333;
	border: solid 2px #FF88AA;
}

.blue2 {
	background-color: #fff;
	color: #BFC5F4;
	border: solid 2px #BFC5F4;
}

.orange2 {
	background-color: #fff;
	color: #EF8080;
	border: solid 2px #EF8080;
}

@media (max-width: 515px) {
	#content .size_bg {
		width: 6rem;
		height: 6rem;
	}
	
	#content .size_normal { 
		width: 2.8rem;
		height: 2.8rem;
		
	}
	
	/* 文字の大きさ */
	#content .letter {
		font-size: 1.8rem;
		line-height: 1.8rem;
	}
	
	#content .letter1 {
		font-size: 2rem;
		line-height: 2.2rem;
		color: #FFFFFF;
	}
	#content .letter3 {
 position: relative;
	font-size: 1.3rem;
	font-weight: 800;
	margin: 0 30px 0 0;
	line-height: 1.2;
}
	#content .letter4 {
 position: relative;
	line-height: 1.2;
}

#content .letter3 span {
	position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :6rem;
  text-align:center;
}

.top_-30px{
	position: relative;
	top:-30px;
}

}

@media (max-width: 320px) {
	#content .letter3 {
		margin: 0 5px 0 0;
	}
}


#content .accordion-toggle a {
	text-decoration: none;
}

/*===== 四角背景付き文字 =====*/
.border_green {
	align-items: center;
	font-size: 150%;
	border-radius: 25px 25px 0 0;
	background-color: #a9e5bb;
}

.border_yellow {
	align-items: center;
	font-size: 150%;
	padding-left: 10px;
	border-radius: 25px 25px 0 0;
	background-color: #FFE31E;
}

.border_pink {
	align-items: center;
	font-size: 150%;
	padding-left: 10px;
	border-radius: 25px 25px 0 0;
	background-color: #FF88AA;
}

.border_blue {
	display: flex;
	align-items: center;
	font-size: 170%;
	border-radius: 25px 0 0 25px;
	background-color: #d8dcff;
	padding-right: 35px;
}

.border_orange {
	display: flex;
	align-items: center;
	font-size: 170%;
	border-radius: 25px 0 0 25px;
	background-color: #ff9999;
}

.border_blue:hover,
.border_blue:active,
.border_blue:focus {
	background-color: #BFC5F4;
}

a .border_blue {
	color: #333;
}

a .border_blue:hover,
a .border_blue:focus {
	color: #333;
}

@media (max-width: 515px) {
	.border_green {
		font-size: 140%;
	}
	.border_yellow {
	font-size: 130%;
	padding-right: 30px;
}
	.border_pink {
	font-size: 115%;
	padding-right: 30px;
}
	
	.border_blue {
		font-size: 140%;
	}
	
	.border_orange {
		font-size: 140%;
	}
}

@media (max-width: 320px) {
	.border_green {
		font-size: 120%;
	}

	.border_blue {
		font-size: 120%;
	}

	.border_orange {
		font-size: 120%;
	}
}

/*===== アコーディオン =====*/
.mw_content .list-group-item {
	position: relative;
	display: block;
	padding: 0;
	margin-bottom: 0px;
	border: 0px solid #ddd;
}

.mw_content a.list-group-item:hover,
.mw_content a.list-group-item:focus {
}

.mw_content .accordion-toggle a.collapsed::after {
	right: 20px;
}

.mw_content .accordion-toggle a::after {
	right: 20px;
}

	.mw_content .faq_comment {
		background-color: #FFE31E;
	}

@media (max-width: 768px) {
	.mw_content .faq_comment {
		padding: 10px;
	}
}

.mh_content .list-group-item {
	position: relative;
	display: block;
	padding: 0;
	margin-bottom: 0px;
	border: 0px solid #ddd;
}

.mh_content a.list-group-item:hover,
.mh_content a.list-group-item:focus {
}

.mh_content .accordion-toggle a.collapsed::after {
	right: 20px;
}

.mh_content .accordion-toggle a::after {
	right: 20px;
}

	.mh_content .faq_comment {
		background-color: #FF88AA;
	}

@media (max-width: 768px) {
	.mh_content .faq_comment {
		padding: 10px;
	}
}

#QA_content .list-group-item {
	border: 1px solid #2e98b7;
}

#QA_content .faq_list::before {
	color: #2e98b7;
}

#QA_content a.list-group-item.faq_list:hover {
	background-color: #E9F8FD;
}


.btn {
	margin-top: 5px;
}

.container_nav .btn {
	margin-top: 0px;
}

.btn.btn-square {
	border-radius: 0;
	padding: 15px 17px;
	font-size: 18px;
}

@media (max-width: 768px) {
.btn.btn-square {
	font-size: 16px;
	padding: 9px 17px;
}
}

#scrool_top .btn.btn-square {
	border-radius: 0;
	padding: 15px 17px;
	font-size: 15px;
}


@media (max-width: 768px) {
#scrool_top .btn.btn-square {
	font-size: 13px;
	padding: 9px 9px;
}
}


.btn-success {
  color: #fff;
  background-color: #18BC9C;
  border-color: #18BC9C;
}

.btn-success:hover {
  color: #fff;
  background-color: #149a80;
  border-color: #128f76;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(24, 188, 156, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #18BC9C;
  border-color: #18BC9C;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #128f76;
  border-color: #11836d;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(24, 188, 156, 0.5);
}


.under.green_underline {/* グリーン系 */
	border-bottom: solid 2px #18BC9C;
}