@charset "UTF-8";
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2020/01/10
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
/*====================================================================================================

    format

====================================================================================================*/
html{
overflow-y:scroll;
/*font-size:10px;*/
font-size: 62.5%;
}
@media screen and (max-width: 768px) {
html{
/*font-size:3.125vw;*/

}
}

@font-face {
font-family: 'Rage Italic';
font-style: normal;
font-weight: normal;
src: local('Rage Italic'), url('RAGE_1.woff') format('woff');
}

body{
margin:0;
padding:0;
font-family: 'Noto Sans JP', sans-serif, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ";
-webkit-text-size-adjust:100%;
color:#514e4d;
/*margin-top: 170px;*/
}

h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;
}

p{
margin:0 0 1.5em;
font-family: 'Noto Sans JP', sans-serif, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ";
}

ul,
ol{
margin:0;
padding:0;
}

ul{
list-style:none;
}

table{
margin:0 0 1.5em;
border-collapse:collapse;
border-spacing:0;
}

table th > *:last-child,
table td > *:last-child{
margin-bottom:0 !important;
}

hr{
display:none;
}

img{
border:0;
vertical-align:middle;
}

li img{
vertical-align:middle;
}

button,
input,
select,
textarea{
font-size:1.4rem;
vertical-align:middle;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"]{
cursor:pointer;
}

button{
display:inline;
border:none;
padding:0;
background:none;
}

button::-moz-focus-inner{
padding:0;
border:0;
}

:placeholder-shown{
color:#a0a0a0;
}

::-webkit-input-placeholder{
color:#a0a0a0;
}

::-moz-placeholder{
color:#a0a0a0;
opacity:1;
}

:-ms-input-placeholder{
color:#a0a0a0;
}

em,
address,
small{
font-style:normal;
}

em{
font-weight:bold;
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
mark,
audio,
video,
main{
display:block;
margin:0;
padding:0;
border:0;
outline:0;
}

fieldset{
margin:0;
padding:0;
border:none;
}

nav ul{
list-style:none;
}

input, button, select, textarea{
-webkit-appearance:none;
}

/*====================================================================================================

    base

====================================================================================================*/
@media screen and (min-width: 769px) {
body{
font-size: 1.4em;
min-width: 1000px;
/*font-size:1.4rem;
line-height:floor-decimal(1.71429, 1);*/
}
}
@media screen and (max-width: 768px) {
body{
font-size: 1.8em;
/*font-size: 1.4em;*/
min-width: none;
/*font-size:1.4rem;
line-height:floor-decimal(1.66667, 1);*/
}
}

/*a{
color:#004ba5;
}*/
a {

color: #333333;
transition:0.4s cubic-bezier(0.18, 0.86, 0.39, 1.23);

}
a:hover {
opacity: 0.6;
}


br.spBr{
display:none;
}
br.pcBr{
display:block;
}



@media screen and (max-width: 768px) {
br.pcBr{
display:none;
}
br.spBr{
display:block;
}

}
#nav-toggle {
display: none;
}



#gheader .inner {
width: 1000px;
margin: 0 auto;
position: relative;
}

/* Header
--------------------------------------------------------------------------------------------------- */


header {
width: 100% !important;
max-width: 100% !important;
}
#gheader {
    /*position: fixed;*/
    top: 0px;
    left: 0px;
    width: 100%;
    height: 170px;
	z-index: 990;
	background: #FFFFFF;
	}
	
/*	
.swiper-container {
padding-top: 190px;


}*/
#gheader h1 {
font-weight: normal;
}
#gheader h1.logo {
    width: 200px;
    height: 60px;
 
    /* テキストを画像に置換する */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url("/images/home2/logo.png");
	float: left;
	margin-block-start: 0.67em;
    margin-block-end: 0.67em;
}
#gheader .content .inner .rightBox{
float: right;
margin:0;
}

.floatNavWrap {
width: 100%;
background: #F6F6F6;
display: block;
overflow: hidden;
border: #CCCCCC solid;
border-width: 1px 0;
margin-bottom: 20px;
}
.floatNavWrap ul {
width: 1000px;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
margin: 0 auto;


}
.floatNavWrap ul li {
flex: auto; 
-webkit-flex: auto; 
line-height: 40px; 
text-align: center;
margin: 10px 0;
box-sizing: border-box;
font-size: 1.6rem;

} 
.floatNavWrap ul li a {
color: #333333;
text-decoration: none;
display:block;
    width:100%;
	
}

.floatNavWrap ul li {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  
}
.floatNavWrap ul li+ li {
  border-left: 0;
  border-right: 1px solid #CCCCCC;
}

/*
.container {
	overflow: hidden;
	width: 100%;
}
.swiper-container {
	width: 220%;
	margin: 0 -60%;
}
.swiper-button-prev {
	left: calc(10px + 30%);
}
.swiper-button-next {
	right: calc(10px + 30%);
}
.swiper-slide {
	pointer-events: none;
	opacity: .5;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.swiper-slide-next {
	pointer-events: auto;
	opacity: 1;
}
.swiper-slide img {
	width: 100%;
}

.swiper-pagination.swiper-pagination-bullets {
position: relative;
bottom: 0;
}

.swiper-button-next, .swiper-button-prev {

    top: calc(90px + 50%);

}*/


.label {
font-size: 1.2rem;
margin: 1px 0 !important;
padding:0;
line-height: 18px;
}
.headBtnList {
display: flex;
 justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.headLinkList {
text-align: right;
line-height: 40px;
margin-right: 20px;
}
.headLinkList a {
color: #535353;
text-decoration: none;
}

.headLinkList a span {
		font-size: 1.8rem;
	vertical-align: sub;
	margin-right: 5px;

}


.shiryou a {
background: rgb(245,171,49);
background: linear-gradient(90deg, rgba(245,171,49,1) 0%, rgba(252,122,82,1) 100%);
color: #FFFFFF;
display: inline-block;
  vertical-align: middle;
width: 160px;
line-height: 40px;
text-align: center;
text-decoration: none;
margin-right: 15px;
}



#gheader .contact {
    width: 160px;
    text-align: left;
    font-size: 1.4rem;
    font-weight: normal;
    margin: 0;
    padding: 0 0;
}

#gheader .contact a {
background: rgb(97,194,174);
background: linear-gradient(90deg, rgba(97,194,174,1) 0%, rgba(114,199,96,1) 100%);
color: #FFFFFF;
display: inline-block;
  vertical-align: middle;
width: 160px;

/*width: 100%;*/
line-height: 40px;
text-align: center;
text-decoration: none;
}


#gheader .contact a span {
	font-size: 1.8rem;
	vertical-align: sub;
	margin-left: 5px;
}

.shiryou span {
background: #FFFFFF;
padding: 3px 8px;
color: #FF0000;
display: inline-block;
line-height: 100%;
margin-left: 10px;
}


.sp-only{display: none !important;}

.finger{
  position: absolute;
  top:35%;
  left:0.8%;
  width:6.5%;
  z-index: 2;
}

span.logo_right {
vertical-align: middle;
position: absolute;
top: 75px;
left: 220px;
line-height: 2.0rem;

}

/*
#wrap {
padding-top: 190px !important;
}*/


@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
body{
/*margin-top: 50px;*/
margin-top: 61px;
}
  .pc-only{display: none !important;}
  .sp-only{display: block !important;}
  .inner {
    width: 100%;
    margin: 0 auto;
}
.label {
display: none;
}
/*#wrap {
padding-top: 50px !important;
}*/

/*#gheader {
    position:relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
	z-index: 990;
	background: #FFFFFF;
	}*/
	
#gheader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
	height: auto;
    z-index: 990;
    background: #FFFFFF;
}
	
	
/*.swiper-container {
padding-top: 0;
}*/
	
#gheader .logo {
    width: 30%;
    /*height: 3.0rem;*/
	height: 8.0rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/images/home2/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
    float: left;
}
span.logo_right {
vertical-align: middle;
position: absolute;
top: 75px;
left: 30%;

}


.navbar_toggle{
  z-index:9999;
}

.navbar_toggle_icon {
  position: relative;
  display: block;
  height: 2px;
  width: 30px;
  background: #5c6b80;
  -webkit-transition: ease .5s;
  transition: ease .5s;
}

.navbar_toggle_icon:nth-child(1) {
    top: 0;
}
.navbar_toggle_icon:nth-child(2) {
    margin: 8px 0;
}
.navbar_toggle_icon:nth-child(3) {
    top: 0;
}

.menu.open {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
}

.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
  top: -10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}










#gheader .content .inner .rightBox {
position: fixed;
float: none;
width: 100%;
	z-index: 910;


}
.headBtnList {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	margin: 0px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px #CCCCCC solid;
	background: #FFFFFF;


}
.headBtnList li {
width: 38%;
margin-right: 1%;
font-size: 1.4rem;
font-weight: bold;
}
#gheader .contact a,
.shiryou a {
width: 100%;
}

.headLinkList {
display: none;
}


.floatNavWrap {
display: none;
}

.logo {
margin-top: 65px;
}





#nav-toggle {
display: block;
}


#gheader .inner {
width: 100%;
margin: 0 auto;
position: relative;
}


.logo,
.logo_right {
display: none;

}

#gheader .contact {
width: 38%;
font-weight: bold;
}

}

@media screen and (max-width: 480px){
#gheader .logo {
    width: 30%;
    height: 4.0rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/images/home2/logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    float: left;
}
}






/*/////////////////////////////////////////
page_template 
/////////////////////////////////////////*/



.mainArea {
font-size:1.4rem;
}

/*.mainArea p {
margin: 0;
}*/


.mainArea p {
line-height: 200%;
}

section a {
color: #006CD8;
}

.page_inner {
width: 1000px;
margin: 0 auto;
position: relative;
}

.bread {
margin: 1.2rem auto;
font-size: 1.3rem;
width: 1000px;
position: relative;
}


.main_visual {
margin-bottom: 40px;
}

.main_visual .page_inner {
position: relative;
padding: 25px 0 25px 50px;
box-sizing: border-box;
}


.page_main_price {
text-align: center;
margin-bottom: 40px;
}

.price_target {
color: #FF0000;
border: #FF0000 solid 1px;
border-radius: 5px;
padding: 5px 20px;
display: inline-block;
margin: 0px auto 0 auto;
width: auto;
}


.size20 {
font-size: 2.0rem;
}
.size22 {
font-size: 2.2rem;
}
.size30 {
font-size: 3.0rem;
}
.size50 {
font-size: 5.0rem;
}
.b {
font-weight: bold;
}

.pt50 {
padding-top: 10px;
display: block;
}
.mt50 {
margin-top: 50px;
}

/*+++++++++++++++++++++++++++++++++++++++++*/

#menu {border: #DDDDDD solid;
border-width: 1px 0px;
background: #FFFFFF;
font-weight: bold;
}

#menu ul {
width: 1000px;
margin: 0 auto;
display: flex;
flex-flow: nowrap;
justify-content: space-between;
border: #CCCCCC solid;
border-width:0 0 0 1px;
}
#menu ul li {
border: #CCCCCC solid;
border-width:0 1px 0 0;
width: 100%;
text-align: center;
}

#menu ul li a {
text-align: center;
width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
text-decoration: none;
}

#menu ul li a span {
font-size: 1.2rem;
color: #FC7852;
font-weight: bold;
}


/*+++++++++++++++++++++++++++++++++++++++++*/



.page_btn_big {
width: 840px;
margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}



.page_btn_big .page_btn_big_request a {
background: rgb(245,171,49);
background: linear-gradient(90deg, rgba(245,171,49,1) 0%, rgba(252,122,82,1) 100%);
color: #FFFFFF;
display: inline-block;
vertical-align: middle;
width: 400px;
line-height: 80px;
text-align: center;
text-decoration: none;
margin-right: 15px;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
border-radius: 5px;
font-size: 2.6rem;
position: relative;
}

.page_btn_big .page_btn_big_request a span.page_btn_big_request_f {
background: #FFFFFF;
padding: 10px 20px;
color: #FF0000;
display: inline-block;
line-height: 100%;
margin-left: 10px;
border-radius: 5px;
}
.page_btn_big .page_btn_big_request a span.lnr {
position: absolute;
right: 20px;
top: 30%;
}

.page_btn_big .page_btn_big_request a::before {
	content:"";
	display:inline-block;
	width:3.0rem;
	height:3.0rem;
	background:url(/product/images/icon_01.png) no-repeat;
	background-size:contain;
	vertical-align: middle;
	margin-right: 0.5rem;
}

/*+++++++++++++++++++++++++++++++++++++++++*/

.page_btn_big .page_btn_big_register a {
background: rgb(255,77,77);
background: linear-gradient(90deg, rgba(255,77,77,1) 0%, rgba(255,38,38,1) 100%);
color: #FFFFFF;
display: inline-block;
vertical-align: middle;
width: 400px;
line-height: 80px;
text-align: center;
text-decoration: none;
margin-right: 15px;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
border-radius: 5px;
font-size: 2.6rem;
position: relative;
}


.page_btn_big .page_btn_big_register a span.lnr {
position: absolute;
right: 20px;
top: 30%;
}

.page_btn_big .page_btn_big_register a::before {
	content:"";
	display:inline-block;
	width:3.0rem;
	height:3.0rem;
	background:url(/product/images/icon_02.png) no-repeat;
	background-size:contain;
	vertical-align: text-top;
	
}

/*+++++++++++++++++++++++++++++++++++++++++*/


.cp_banner {
text-align: center;
/*margin-top: 50px;*/
}

.catch {
background-image: url("/product/images/catch_bg.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: top center;
background-color: #FBF2EE;
margin-top: 50px;
padding: 0 0 60px 0;
}

.catch h2 {
font-size: 3.0rem;
text-align: center;
font-weight: bold;
padding-top: 50px;
display: block;
}

.c_orange {
color: #FC7852;
}
.catch_recommend_li {
margin: 0 auto;
font-size: 2.0rem;
line-height: 4.0rem;
margin-bottom: 50px;
width: 800px;
}

.catch_recommend_li .fas {
font-size: 2.4rem;
color: #FC7852;
margin-right: 0.5rem;

}

.catch_recommend_li li {
width: 45%;
display: inline-block;
box-sizing: border-box;
margin-left: 30px;
}

.catch .qualification {
border: #73652F solid 1px;
padding: 40px;
box-sizing: border-box;
width: 700px;
margin: 0 auto;
background: #FFFFFF;
display: flex;
justify-content: space-between;
align-items: flex-start;
}

.catch .qualification img {
width: 150px;
height: auto;
}

.page_btn_base {
background: rgb(162,146,108);
background: linear-gradient(90deg, rgba(162,146,108,1) 0%, rgba(167,128,101,1) 100%);
color: #FFFFFF;
display: block;
vertical-align: middle;
/*width: 400px;*/
max-width: 420px;
min-width: 420px;
line-height: 60px;
text-align: center;
text-decoration: none;
margin-right: 15px;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
border-radius: 5px;
font-size: 2.0rem;
position: relative;
margin: 0 auto;
}


.page_btn_base span.lnr {
    position: absolute;
    right: 20px;
    top: 35%;
}

.qualification_txt {
width: 440px;
font-weight: bold;
}

.qualification .page_btn_base {
font-size: 1.6rem;
max-width: 250px;
    min-width: 250px;
line-height: 40px;
display: block;
margin: 0 auto;
margin-top: 30px;
font-weight: normal;
}


/*+++++++++++++++++++++++++++++++++++++++++*/

.outline h2 {
font-size: 3.0rem;
text-align: center;
}

.outline h2 .c_orange {
font-size: 5.0rem;
}

.outline h3 {
font-size: 2.2rem;
text-align: center;
/*color: #8E7448;*/
margin: 0 0 30px 0;
}

.outline_box1 {
display: flex;
justify-content: space-between;
padding-bottom: 40px;
border-bottom: #BBBBBB solid 1px;
flex-direction:row-reverse;
align-items: flex-start;
}

.outline_txt1 {
width: 560px;
display: inline-block;

}

.outline_ph1 {
width: 400px;
height: auto;
display: inline-block;
}

.outline_ph2 {
text-align: center;
display: block;
margin: 0 auto;
}


.outline_box2 {
padding-top: 40px;

}


/*+++++++++++++++++++++++++++++++++++++++++*/


.reason {
background-image: url("/product/images/reason_bg.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: top left;
background-color: #FBF2EE;
margin-top: 50px;
padding: 0 0 60px 0;
}

.reason h2 {
font-size: 3.0rem;
text-align: center;
font-weight: bold;
padding-top: 50px;
display: block;
}

.reason h2 .c_orange {
font-size: 4.0rem;
}


.reason h3 {
font-size: 2.6rem;
font-weight: bold;
margin: 0 0 2.0rem 0;
color: #994A4A;
}


.reason_li li {
/*display: flex;
justify-content: space-between;
flex-wrap: wrap;*/

overflow: hidden;
background: #FFFFFF;
padding: 40px;
}

.reason_li li .reason_li_txt {
width: 460px;
float: left;
}


.reason_li li .reason_li_img {
float: right;
}


.reason_li li .reason_li_img img {
width: 400px;
height: auto;
margin-bottom: 30px;
}

.reason_li li .pack {
    overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.reason_li li .page_btn_base {
margin-bottom: 50px;
clear: both;
}

.videowrapper {
    width: 420px;
}

.vid iframe {
    width: 420px;
    height: 240px;
}


.reason_li li.reason_li_block {
display: block;
}
.reason_li li.reason_li_block .reason_li_txt {
width: 100%;
}


.reason_li li.reason_li_block img {
width: auto;
height: auto;
display: block;
margin: 0 auto;
margin-bottom: 30px;
}


.reason_li li.reason_li_block_white {
display: block;
background: #FFFFFF;
padding: 40px;
box-sizing: border-box;
}

.reason_li li.reason_li_block_white .reason_li_txt {
width: 100%;
}

.reason_li li.reason_li_block_white .reason_li_txt h3 {
color: #514e4d;
text-align: center;

}

.reason_li li.reason_li_block_white img {
width: auto;
height: auto;
display: block;
margin: 0 auto;
margin-bottom: 30px;
}

.reason_li li.reason_li_block_white .page_btn_base {
margin-bottom: 40px;
}


/*+++++++++++++++++++++++++++++++++++++++++*/


.lineup {
background: #EFF7FD;
padding: 40px 0 60px 0;
}


.lineup h2 {
color: #4E7FB0;
font-size: 2.6rem;
text-align: center;
}

#lineup .swiper-wrapper {
display: flex;

justify-content: space-between;
}



#lineup img {
width: 100%;
height: auto;
}


#lineup p {
font-size: 1.2rem;
margin: 0;
padding: 0;
}

#lineup .swiper-wrapper li.swiper-slide {
width: 320px;
font-size: 1.3rem;
background: #FFFFFF;
display: flex;
align-items: baseline;
    height: auto;
}

#lineup .swiper-wrapper li.swiper-slide a {
color: #333333;
text-decoration: none;
}

#lineup h4 {
font-size: 1.6rem;
margin: 0;
padding: 0;
font-weight: bold;
color: #4E7FB0;
}
#lineup dl {
margin: 14px 0 0 0;
padding: 0;
}
#lineup dd {
margin: 0 0 0 1.3rem;
padding: 0;
list-style-type: circle;

}

#lineup dl dd::before {
  content: "・";
  margin: 0 0 0 -1.3rem;
}

#lineup .lineup_li_txt {
padding: 20px;
}
#lineup .lineup_li_txt p {
font-weight: bold;
}

.lineup h3 {
font-size: 2.2rem;
font-weight: bold;
text-align: center;
}


.lineup .page_btn_base {
background: rgb(256,256,256);
border: 1px solid #4F80B0;
color: #4F80B0;
}


/*+++++++++++++++++++++++++++++++++++++++++*/


.radiusbox {
border-radius: 20px;
border: #CCCCCC solid 1px;
padding: 60px;
text-align: center;
box-sizing: border-box;
margin: 40px auto;
}


.radiusbox h2 {
font-size: 3.0rem;
text-align: center;
}


/*+++++++++++++++++++++++++++++++++++++++++*/


.course .page_inner {
border: #736339 solid 2px;
padding: 50px 50px 0px 50px;
box-sizing: border-box;
margin: 0 auto;

}

.kyouzaibox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction:row-reverse;
}


.kyouzai_ph {
width: 450px;
height: auto;
display: block;
}

.kyouzai_ph img {
width: 450px;
height: auto;
}

.kyouzai_txt {
width: 420px;
display: block;

}

.kyouzai_heed {
font-size: 1.3rem;
}
.kyouzai_txt ol {
margin-bottom: 30px;
}

.kyouzai_txt li {
margin-left: 2.0rem;
font-size: 1.3rem;
}

.kyouzai_txt h2 {
font-size: 3.4rem;
color: #514e4d;
font-weight: bold;
margin: 0;
padding: 0;
}

.kyouzaibox .page_btn_base {
/*background: rgb(252,120,82);*/
border: 0;
color: #FFFFFF;
margin: 0;
margin-bottom: 40px;
}

/*+++++++++++++++++++++++++++++++++++++++++*/

.sum,.install {
display: inline-block;
vertical-align: top;
}

.install {
margin-left: 40px;
}

/*.install p {
display: flex;
}*/

.install .orico {
margin-left: 10px;
}

.install p {
display: inline-block;

}

.orico {
display: inline-block;
}


/*.install form {
display: inline;
float: left;
background: #000000;
padding: 20px;
}*/

.sum .pay {
    background: #736339;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 1px 15px;
    border-radius: 5px;;
    margin-bottom: 15px;
    font-size:1.4rem
}

.install .pay {
    background: #736339;
    color: #fff;
    display: table;
    text-align: center;
    padding: 1px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size:1.4rem
}

.sum p {
font-size: 2.0rem;
}
.sum p span {
	font-size: 3.0rem;
	font-weight: bold;
}

ul.period  {
  margin:0;
  padding:0;
  list-style:none;
  font-size:0;
}

.period li {
background: #EEEEEE;
border-radius: 5px;
padding: 10px;
display: inline-block;
font-size: 2.0rem;
line-height: 120%;
text-align: center;
margin-bottom: 10px;
margin-right: 10px;
}


.period li span {
display: block;
}
.period li span.elearn {
font-size: 1.6rem;
}

.course {
margin-bottom: 50px;
}

.coursebox h3 {
color: #514e4d;
font-size: 3.0rem;
margin: 10px 0;
padding: 0;
}

.coursebox h4 {
color: #514e4d;
font-size: 3.0rem;
margin: 10px 0;
padding: 0;
}

.icon_dvd {
background: #F8CCC7;
display: inline-block;
text-align: center;
padding: 1px 15px;
border-radius: 5px;
font-size: 1.8rem;
font-weight: bold;

}
.icon_el {
background: #D9E462;
display: inline-block;
text-align: center;
padding: 1px 15px;
border-radius: 5px;
font-size: 1.8rem;
font-weight: bold;

}
.icon_dvd_el {
background: #8CD1E4;
display: inline-block;
text-align: center;
padding: 1px 15px;
border-radius: 5px;
font-size: 1.8rem;
font-weight: bold;

}


.coursebox .price_target {
    color: #FF0000;
    border: #FF0000 solid 1px;
    border-radius: 5px;
    padding: 1px 15px;
    display: inline-block;
    margin: 0 auto 0 10px;
    width: auto;
	font-size: 1.8rem;
}

.coursebox {
padding: 40px 0;
border-top: #736339 solid 2px;
}

.coursebox .page_btn_big_register a {
background: rgb(255,71,71);
color: #FFFFFF;
display: inline-block;
vertical-align: middle;
width: 460px;
line-height: 60px;
text-align: center;
text-decoration: none;
margin-right: 15px;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
border-radius: 5px;
font-size: 2.0rem;
position: relative;
margin-bottom: 10px;
}


.coursebox .page_btn_big_register a span.lnr {
position: absolute;
right: 15px;
top: 40%;
font-size: 1.4rem;
}

.coursebox .page_btn_big_register a::before {
	content:"";
	display:inline-block;
	width:2.3rem;
	height:2.3rem;
	background:url(/product/images/icon_02.png) no-repeat;
	background-size:contain;
	vertical-align: text-top;
	backface-visibility: hidden;
	
}






.course_btn_el a {
background: rgb(49,162,125);
color: #FFFFFF;
display: block;
vertical-align: middle;
width: 460px;
line-height: 50px;
text-align: center;
text-decoration: none;
margin-right: 15px;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
border-radius: 5px;
font-size: 1.6rem;
position: relative;
margin-bottom: 10px;
}


.course_btn_el span.lnr {
    position: absolute;
    right: 15px;
    top: 35%;
	font-size: 1.4rem;
}

.course_btn_oe a {
background: rgb(138,124,83);
color: #FFFFFF;
display: block;
vertical-align: middle;
width: 460px;
line-height: 50px;
text-align: center;
text-decoration: none;
margin-right: 15px;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
border-radius: 5px;
font-size: 1.6rem;
position: relative;
margin-bottom: 10px;
}


.course_btn_oe span.lnr {
    position: absolute;
    right: 15px;
    top: 35%;
	font-size: 1.4rem;
}



.bv_all .star {
color: #FFD700;
}

.bv_all p {
font-size: 1.3rem;
}


.course_subbox dt {
background: #736339;
color: #FFFFFF;
border-radius: 5px 5px 0 0;
padding: 10px;
font-size: 2.8rem;
text-align: center;
margin-top: 50px;
}

.course_subbox dd {
border: #736339 solid 2px;
border-radius: 0 0 5px 5px;
padding: 40px;
margin: 0;
box-sizing: border-box;
text-align: center;
}

.course_subbox .period {
text-align: center;
}


.course_subbox h3 {
color: #736339;
font-size: 2.8rem;
margin: 10px 0;
padding: 0;
text-align: center;
line-height: 120%;
}


.course_subbox_course {
display: flex;
justify-content: space-between;
}

.course_subbox_course_box {
width: 400px;
}


.course_subbox_course_box img {
width: 400px;
margin-bottom: 20px;
}


.course_subbox_course_box .page_btn_big_register a {
/*width: 400px;*/
width: 300px;
margin: 0 auto;
margin-bottom: 30px;
}

.course_subbox .course_btn_el a,
.course_subbox .course_btn_oe a{
margin: 0 auto;
text-align: center;
margin-top: 10px;
}



.course_subbox .sum p {
    font-size: 2.0rem;
    display: inline-block;
}
.course_subbox .pay {
vertical-align: middle;
margin-right: 10px;
}


.course_subbox .install {
align-items: flex-start;
    display: flex;
	margin-top: 40px;
	margin-left: 0;
}



.course_subbox .install p {
text-align: left;
}


/*+++++++++++++++++++++++++++++++++++++++++*/

.faq .page_inner {
padding:0 0 40px 0;
}

.faq .page_btn_base {
    background: rgb(256,256,256);
    border: 1px solid #00A3D9;
    color: #00A3D9;
}

.faq dt {
position: relative;
font-size: 2.2rem;
font-weight: bold;
background: #E5F6FB;
padding: 10px 15px;
padding-left: 40px;
}
.faq dt::before {
content: "Q.";
color: #00A3D9;
font-size: 2.2rem;
position: absolute;
left: 1.4rem;
top: 15px;
font-weight: bold;
}
.faq dd::before {
content: "A.";
color: #FF7373;
font-size: 2.2rem;
position: absolute;
left: -2.4rem;
top: 15px;
font-weight: bold;
}
.faq dd {
position: relative;
padding: 15px 40px 40px 5px;
margin: 0 0 0 40px;
line-height: 200%;
}

.faq h2 {
font-size: 3.0rem;
text-align: center;
}


.relation {
background: #F6F6F6;
font-family: 'Noto Sans JP', sans-serif, "メイリオ", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3";
}

.relation h2 {
font-size: 3.0rem;
text-align: center;
margin:0 0 20px 0;
padding: 0;
}

.relation .page_inner {
padding: 40px 0px;

}
.relation ul {
display: flex;
margin-bottom: 20px;
flex-wrap: wrap;
justify-content: flex-start;
column-gap: 20px;
}
.relation li {
width: 234px;
/*margin-right: 20px;*/
}
.relation li img {
width: 100%;
height: auto;
}

.relation li a {
color: #333333;
text-decoration: none;
font-weight: bold;
}


/*+++++++++++++++++++++++++++++++++++++++++*/

.column {
background: #F0EDDB;
text-align: center;
}
.column .page_inner {
padding: 40px 0px;
}
.column h2 {
font-size: 3.0rem;
text-align: center;
margin: 0 0 20px 0;
padding: 0;
}

.column li {
margin-bottom: 1.0rem;
text-align: left;
}
.column li::before {
font-family: "Font Awesome 5 Free";
content: "\f138";
  font-weight: 900;
  margin-right: 10px;
  color: #BEB065;
}
.column li a {
color: #333333;
text-decoration: none;
}


.column ul {
display: inline-block;
width: 45%;
padding-left: 50px;
box-sizing: border-box;
}



/*+++++++++++++++++++++++++++++++++++++++++*/
.bv .page_inner {
padding:0 0 40px 0;
}

.other {
margin-top: 50px;
padding: 0 0 60px 0;
}


.other .page_inner {
border: #DDDDDD solid 2px;
padding: 30px 30px 0 30px;
width: 900px;
box-sizing: border-box;
}


.other h3 {
font-size: 2.2rem;
font-weight: bold;
margin: 0 0 2.0rem 0;
color: #333333;
}

.other_li li {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 50px;
}

.other_li li:nth-child(even) {
  flex-direction: row-reverse;
}

.other_li li .other_li_txt {
width: 450px;
}

.other_li li .other_li_img img {
width: 360px;
height: auto;

}


.other_li li.other_li_small .other_li_txt {
width: 590px;
}

.other_li li.other_li_small .other_li_img img {
width: 200px;
height: auto;

}





/*+++++++++++++++++++++++++++++++++++++++++*/


footer {
background: #EEEEEE;

}

.foot_info {
width: 900px;
margin: 0 auto;
position: relative;
display: block;
font-size: 1.3rem;
padding: 30px 0;
}

.foot_info ul {
display: flex;
justify-content: center;
padding-bottom: 20px;

}
.foot_info li {
margin: 0;
padding: 0;
line-height: 120%;
}
.foot_info li + li {
border-left:  1px #333333 solid;
height: 1.3rem;

}

.foot_info li a {
text-decoration: none;
padding: 0 10px;
}


.foot_info .copy {
text-align: center;
}

.foot_info .logo {
margin: 0;
padding: 0;
    position: absolute;
    bottom: 30px;
    right: 0px;
}




/*+++++++++++++++++++++++++++++++++++++++++*/



.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}




/*+++++++++++++++++++++++++++++++++++++++++*/

.detail_name h2 {
    font-size: 1.8rem;
    color: #736339;
    font-weight: bold;
    margin: 60px 0 0 0;
    padding: 0;
}



.detail_title {
background-color: #F7F7F3;
height: 200px;
text-align: center;
margin-bottom: 50px;
position: relative;
}

.detail_title img {
position: absolute;
top: 0;
right: 0;
}

.detail_title .page_inner {
width: 1000px;
height: 100%;
margin: 0 auto;
padding: 0px;
position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.detail_title .page_inner::after{
  content: "";
  background-position: right top;
  background-size: contain;
  opacity: 1.0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;

}

.detail_title .page_inner2 {
width: 1000px;
height: 100%;
margin: 0 auto;
padding: 0px;
position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.detail_title .page_inner2::after{
  content: "";
  background: url(/product/medical/images/main_visual_bg3.png) no-repeat;
  background-position: right top;
  background-size: contain;
  opacity: 1.0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;

}

.detail_title h2 {
    font-size: 3.0rem;
    color: #FC7852;
    font-weight: bold;
    margin: 0;
    padding: 0;
	z-index: 2;

}

.detailbox h2 {
    font-size: 3.0rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
	text-align: center;
	margin-bottom: 20px;

}

.detail_li {
margin-top: 50px;
}

.detail_li h3 {
font-size: 2.6rem;
font-weight: bold;
margin: 0 0 2.0rem 0;
color: #994A4A;
}

.detail_li li {
/*display: flex;
justify-content: space-between;
flex-wrap: wrap;*/
margin-bottom: 50px;
overflow: hidden;
}


.detail_li li:last-of-type {
margin-bottom: 0;
}

.detail_li li .detail_li_txt {
width: 540px;
float: left;
}

.detail_li li .detail_li_img {
width: 400px;
float: right;
margin-bottom: 30px;
}

.detail_li li .detail_li_img img {
width: 400px;
height: auto;
}

.detail_li li .pack {
    overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: space-around;
}



.detail_li li .page_btn_base {
margin-bottom: 60px;
}

/*+++++++++++++++++++++++++++++++++++++++++*/


.speaker {
background: #F7F7F3;
padding: 40px 0px;
}

.speaker h2 {
    font-size: 3.0rem;
    font-weight: bold;
    margin: 0 0 30px 0;
    padding: 0;
	text-align: center;

}


.speaker_ph {
width: 150px;
}
.speaker_ph img {
width: 100%;
height: auto;
}

.speaker_txt {
width: 830px;
line-height: 200%;
}


.speakerbox {
display: flex;
justify-content: space-between;
}

.speaker_txt h3 {
margin: 0;
padding: 0;
font-size: 2.0rem;
}


/*+++++++++++++++++++++++++++++++++++++++++*/



.material {
padding: 40px 0px;
}


.material h2 {
    font-size: 3.0rem;
    font-weight: bold;
    margin: 60px 0 20px 0;
    padding: 0;
	text-align: center;
}

.material h2:first-of-type {
margin: 0 0 30px 0;
}

.material h3 {
color: #8D7347;
    font-size: 2.2rem;
    font-weight: bold;
    margin: 60px 0 10px 0;
    padding: 0 0 0px 0;
	border-bottom: #8D7347 solid 1px;
}

.material h3:first-of-type {
margin: 0 0 10px 0;
}



.material dt {
color: #994a4a;
font-weight: bold;
}

.material dd {
margin: 0;
padding: 0;
margin-bottom: 30px;

}


.material_table {
width: 800px;
margin: 0 auto;
}


.material_table th,
.material_table td {
border: #DDDDDD solid 1px;
font-weight: normal;
padding: 10px;
}
.material_table th {
background: #F7F7F3;
width: 23%;
text-align: left;
vertical-align: top;

}



.material li,
.material dd {
line-height: 200%;
}


.sp_footer_menu {
display: none;
}

.pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 50;
}

.pagetop span {
display: block;
text-align: center;
width: 100%;
}
.pagetop span:first-of-type {
margin-top: 5px;
}
.pagetop span:last-of-type {
font-size: 1.0rem;
}

.pagetop a {
display: flex;
flex-wrap: wrap;
width: 50px;
height: 50px;
border: #DDDDDD solid 1px;
border-radius: 5px;
align-items: center;
justify-content: center;
background: #FFFFFF;
text-decoration: none;
color: #333333;
}

#BVRRContainer .bv-content-title {
    color: #35980d !important;
}
.bv-cv2-cleanslate .bv-core-container-167 .bv-content-title {
    color: #35980d !important;


}

.swiper-button-prev,.swiper-button-next,.swiper-pagination{

				background: none;
			}

.swiper-button-prev::before {
   font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
   content: "\e889";
   color: #4F80B0;
      background: #FFFFFF;
   border-radius: 50%;
   font-size: 3.0rem;
   
}
.swiper-button-next::before {
/*    position: relative;
    content: "\f105";
    font-family: FontAwesome;
    background: rgba(255,255,255,0.5);
    padding: 8px 12px;
    opacity: 1;
    border: 1px solid #111;*/
   
   font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
   content: "\e88a";
   color: #4F80B0;
   background: #FFFFFF;
   border-radius: 50%;
 font-size: 3.0rem;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -15px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -15px;

}

.tel {
display: none;
}


.bv_sum_in {
display: flex;
width: 100%;
flex-flow: column-reverse;
}


.bv_all div {
display: inline-block;
vertical-align: middle;
}


.bv_all .tl {
display: inline-block;

}

#insertArea,.insertArea {
width: 980px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#insertArea img,.insertArea img {
margin-bottom: 10px;
}
#insertArea_sp,.insertArea_sp {
display: none;
}


@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

/*+++++++++++++++++++++++++++++++++++++++++*/
.mainArea{
/*font-size:1.4rem;*/
/*padding-bottom: 200px;*/
/*font-size:1.8rem;*/


padding-bottom: 9.0rem;}

.mainArea p {
line-height: 160%;
}

/**/
.size20 {
    font-size: 1.6rem;
}

.size30 {
    font-size: 2.0rem;
}

.size50 {
    font-size: 3.0rem;
}


.page_inner h2 {
font-size: 2.0rem;
}
.page_inner2 h2 {
font-size: 2.0rem;
}

.sum p span {
	font-size: 2.5rem;
	font-weight: bold;
}

.outline h2 .c_orange {
    font-size: 3.0rem;
}


.reason h2 {
font-size: 1.8rem;
padding-top: 20px;
padding-bottom: 20px;
}
.reason h2 span {
font-size: 1.6rem;
letter-spacing: -1px;
}
.reason h2 .c_orange {
    font-size: 3.0rem;
	display: block;
}

.reason_li li {
margin-bottom: 50px;
}


.reason_li li .page_btn_base {
max-width: 100%;
min-width: 100%;
margin-bottom: 50px;
}
.page_inner h3 {
font-size: 2.0rem;
}

.page_inner h4 {
font-size: 2.3rem;
margin: 1.0rem 0 ;
}

.page_btn_base {
font-size: 1.4rem;
line-height: 50px;
}


.catch_recommend_li {
font-size: 1.6rem;
}

.period li {
font-size: 1.2rem;
}
.period li span.elearn {
    font-size: 1.2rem;
}

.catch_recommend_li .fas {
    font-size: 1.6rem;

}

.bv_all p {
    font-size: 1.0rem;
}


.icon_dvd,
.icon_el,
.icon_dvd_el,
.coursebox .price_target {
font-size: 1.4rem;
display: table;
}


.course_subbox dt,
.faq dt {
font-size: 1.8rem;
}

.foot_info .copy {
font-size: 1.2rem;
}


.qualification .page_btn_base {
font-size: 1.4rem;
}

/*+++++++++++++++++++++++++++++++++++++++++*/

#wrapper img {
width: 100%;
height: auto;
}
.center {
text-align: center;
}


.page_inner {
width: 90%;
margin: 0 auto;
position: relative;
}


.main_visual .page_inner {
padding: 0px;
width: 100%;
}


.main_visual {
margin-bottom: 5px;
}

#menu {
display: none;
}


.sp_footer_menu {
display: block;
}


.page_btn_big {
position: fixed;
bottom: 0;
width: 100%;
justify-content: space-between;
    margin-top: 0px;
	padding: 3%;
	box-sizing: border-box;
	background: #FFFFFF;
	border-top: #CCCCCC solid 1px;
	z-index: 10;
}

.page_btn_big .page_btn_big_request,
.page_btn_big .page_btn_big_register {
width: 48%;
}

.page_btn_big .page_btn_big_request a {
    width: 100%;
    font-size: 1.6rem;
	line-height: 40px;
}


.page_btn_big .page_btn_big_register a {
    width: 100%;
    font-size: 1.6rem;
	line-height: 40px;
}


.page_btn_big .page_btn_big_request a::before {
    width: 2.0rem;
    height: 2.0rem;
}

.page_btn_big .page_btn_big_register a::before {
    width: 2.0rem;
    height: 2.0rem;
}

.page_btn_big .page_btn_big_request a span.lnr,
.page_btn_big .page_btn_big_register a span.lnr {
    position: absolute;
    right: 10px;
    top: 30%;
}

.page_btn_big .page_btn_big_request a span.page_btn_big_request_f {
    background: #FFFFFF;
    padding: 2px 5px;
    color: #FF0000;
    display: inline-block;
    line-height: 100%;
    margin-left: 10px;
    border-radius: 5px;
	font-size: 1.2rem;
	position: absolute;
	top: -7px;
	left: -5px;
	border: rgba(252,122,82,1) solid 1px;
}


.price_target {
    margin: 0px auto 0 auto;

}

/*+++++++++++++++++++++++++++++++++++++++++*/
.outline_box2 {
    padding-top: 20px;
}

.outline_box1 {
    display: block;
	padding-bottom: 0px;
}


.outline_txt1 {
    width: 100%;
    display: inline-block;
	margin-top: 10px;
}

.outline h3 {
margin-bottom: 10px;
}

.catch_recommend_li {
line-height: 200%;
    width: 90%;
	margin-left: 30px;
	box-sizing: border-box;
}

.catch_recommend_li li {
    width: 90%;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 0px;
	
}



.catch .qualification {
width: 100%;
    padding: 20px;
	display: block;
	
}

.qualification .page_btn_base {
min-width: 80%;
max-width: 80%;
}


#wrapper .catch .qualification img {
width: 80%;
margin: 0 auto;
display: block;
}

.qualification_txt {
    width: 100%;
	text-align: center;

}


.catch {
margin-top: 0;
padding: 0 0 20px 0;
}

.catch h2 {

    padding-top: 20px;

}



.outline_ph2 {
margin-bottom: 10px;
}

.page_btn_base {
max-width: 90%;
min-width: 90%;
}

.reason h3 {
text-align: center;
}

.reason_li li .reason_li_txt,
.reason_li li .reason_li_img {
    width: 100%;
    float: none;
}

.reason_li li .pack {
display: block;
}

.reason_li li:last-of-type {
margin-bottom: 0;
}

.reason_li li.reason_li_block_white {
    padding: 20px;
}



.reason_li li + div.reason_block {
    margin-bottom: 0px;

}

#lineup li {
    width: 90%;
	margin: 0 auto;
}


.reason_li li .reason_li_img img {
    margin-bottom: 10px;
}

.reason {

    padding: 0 0 20px 0;
}

.radiusbox {
    border-radius: 20px;
    border: none;
    padding: 0px;
    text-align: center;
    box-sizing: border-box;
    margin: 40px auto;
}

.kyouzai_txt ol {
display: none;
}

.kyouzaibox .page_btn_base {
max-width: 90%;
    min-width: 90%;
	margin: 0 auto 15px auto;
}

.kyouzaibox {
padding-bottom: 30px;
}


.course .page_inner {
width: 96%;
    padding: 10px 10px 0px 10px;
	border-width: 1px;

}

.coursebox {
border-width: 1px;
}

.coursebox .price_target {
margin-top: 10px;
margin-left: 0;
}

.install {
    margin-left: 0px;
}


.install p {
    display: block;
}
#wrapper .install p img {
    margin-left: 0px;
	width: 50%;
	height: auto;
	display: table;
}

.coursebox .page_btn_big_register a,
.course_btn_el a,
.course_btn_oe a {
    width: 100%;
}

.course_btn_el a {
line-height: 120%;
padding: 10px 0;
}

.course_subbox dd {
    padding: 10px;
	border-width: 1px;

}


.course_subbox .period {
text-align: left;
}


.course_subbox_course {
    display: block;
}
.course_subbox_course_box {
    width: 100%;
	border-bottom: #736339 solid 1px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.course_subbox_course_box .sum {
text-align: left;
}

.course_subbox_course_box .page_btn_big_register a {
margin-bottom: 0;

}

.course_subbox_course_box:nth-last-of-type(1) {
border-bottom: none;
padding-bottom:0;
}

.page_btn_big_register,
.course_btn_el,
.course_btn_oe {
width: 90%;
margin: 0 auto;
}

.coursebox .page_btn_big_register a{
    margin-right: 0px;

    
}

.course_subbox .install {
    display: block;
    margin-top: 20px;
	text-align: left;
}

.course div:last-of-type {
padding-bottom: 0;
}



.relation ul {
flex-wrap: wrap;
}

.relation ul li {
width: 47%;
margin-bottom: 20px;
/*margin-right: 3%;*/
}


.sp_footer_menu .page_inner {
    padding: 20px 0px;
	box-sizing: border-box;
	width: 95%;
	margin: 0 0 0 5%;
}


.sp_footer_menu h2 {
    font-size: 2.0rem;
    text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
}


.sp_footer_menu li::before {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-weight: 900;
    margin-right: 10px;
    color: #FC7852;
}
.sp_footer_menu ul {
display: flex;
flex-wrap: wrap;
}
.sp_footer_menu li a {
color: #333333;
text-decoration: none;
}
.sp_footer_menu li {
width: 50%;
margin-bottom: 10px;
}


.column ul {
    width: 100%;
    padding-left: 0px;
}


.other .page_inner {
    width: 96%;
	    padding: 20px 20px 0 20px;
}

.other_li li {
margin-bottom: 50px;
}

.other_li li:last-of-type {
margin-bottom: 20px;
}

.other_li_txt h3 {
margin-bottom: 5px;
}


.foot_info {
    width: 96%;

}

.foot_info ul {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
	flex-wrap: wrap;
}


.foot_info ul li {
width: 49%;
display: block;
}
.foot_info li + li {
    border-left: none;
width: 49%;
display: block;
height: auto;
}

.foot_info li a {
padding: 10px 0;
display: block;
width: 100%;
}

.foot_info li a::before {
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e876";

}


.foot_info .logo {
display: block;
position: relative;
text-align: center;
padding: 0px 0 20px 0;
bottom: 0;
}

.foot_info .logo img {
width: 30%;
}


.foot_info .copy {
margin-bottom: 50px;
}


.bread {

    width: 100%;
    position: absolute;
	bottom: 0px;
	padding: 0 2%;
	box-sizing: border-box;
}

.videowrapper {
    width: 100%;
}
.vid iframe {
    width: 100%;
    height: 100%;
}


.footer_tel {
position: relative;
display: block;
margin-top: 30px;
width: 80%;
margin: 30px auto 100px auto;
    
}

/*.footer_tel .tel {
width: 80%;
margin: 0 auto;
display: block;
position: absolute;
bottom: 150px;
left: 10%;

}*/

.footer_tel .tel {
width: 80%;
margin: 0 auto;
display: block;


}

/*.footer_page_up {
position: relative;
}
.footer_page_up .page_up {
width: 13%;
display: block;
position: absolute;
bottom: 80px;
right: 10px;
}

.footer_page_up .page_up img {
width: 100%;
height: auto;
}*/





.lineup {
    padding: 10px 0 20px 0;
}

.kyouzai_txt h2 {
    margin: 0 0 10px 0;

}

.faq dd {
    position: relative;
    padding: 15px 00px 20px 5px;
    margin: 0 0 0 40px;
	line-height: 160%;
}



.relation .page_inner {
width: 96%;
}




.detail_name h2 {
margin: 80px 0 20px 0;
}
.detail_title {
z-index: -2;
}

.detail_title .page_inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    display: block;
    align-items: center;
    justify-content: center;
	box-sizing: border-box;
	z-index: 0;
}

.detail_title .page_inner::after{
  background-size: cover;
  opacity: 0.2;
  z-index: -1;
}

.detail_title .page_inner2 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    display: block;
    align-items: center;
    justify-content: center;
	box-sizing: border-box;
	z-index: 0;
}

.detail_title .page_inner2::after{
  background-size: cover;
  opacity: 0.2;
  z-index: -1;
}

/*

.detail_title img {
    position: relative;
    top: 0;
    right: 0;
}*/

.detail_title {
    height: auto;

}

.detail_li {
margin-top: 50px;
}


.detail_li li .pack {
    display: block;
}


.material_table {
    width: 100%;
    margin: 0 auto;
}

.material_table th {
width: 30%;
}


.detail_li li .page_btn_base {
    margin-bottom: 50px;
}

.detail_li li .detail_li_txt {
    width: 100%;
    float: none;
}
.detail_li li .detail_li_img {
    width: 100%;
    float: none;
}

.detail_li h3 {
text-align: center;
}


.videowrapper {
  position: relative;
    padding-bottom: 56%;
    padding-top: 0px;
    height: 0;
  width: 100%;
  margin-bottom: 10%;
}
.videowrapper p {
    padding-top: 57%;
}
.vid iframe {
    width: 100%;
    height: 100%;
	    position: absolute;
    top: 0;
    left: 0;
}

.speakerbox {
    display: block;
}

.speaker_ph {
    width: 150px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.speaker_txt {
    width: 100%;
	line-height: 160%;
}
.material li, .material dd {
    line-height: 160%;
}


footer {
position: relative;
}


.pagetop {
position: absolute;
bottom: -100px;
right: -30px;
z-index: 1;
}



#wrapper {
position: relative;
}


#BVRRSummaryContainer {
display: inline-block;
padding: 5px 5px 0 5px;
}


#BVRRContainer .bv-content-title {
    color: #35980d !important;
}
.bv-cv2-cleanslate .bv-core-container-167 .bv-content-title {
    color: #35980d !important;


}


#lineup .swiper-wrapper li.swiper-slide a {
width: 100%;
display: block;

}

.kyouzai_txt,
.kyouzai_ph {
width: 100%;
}

.other_li li .other_li_txt,
.other_li li.other_li_small .other_li_txt{
    width: 100%;
}



.bv_sum_in {
display: flex;
width: 100%;
flex-flow: column;
}

.install .orico {
margin: 0 0 20px 0;
}

#insertArea_sp,.insertArea_sp {
width: 100%;
margin: 10px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#insertArea_sp img,.insertArea_sp img {
margin-bottom: 10px;
width: 100%;
}

#insertArea,.insertArea {
display: none;
}

}






@media(min-width: 769px){
.swiper-wrapper{
/*flex-wrap:wrap;*/
}
.swiper-slide{
/*width: 33.3%;*/
/*padding: 0 5px;*/
}
.swiper-button-prev,.swiper-button-next,.swiper-pagination{
display: none;

}



}

.swiper-container .swiper-slide div {
width: 100%;
display: block;
box-sizing: border-box;
}
.swiper-container .swiper-slide img{
width: 100%;
height: auto;

}
.prettyprint{
border: none;
background: #fafafa;
color: #697d86;
}


/*追加2020/9/1*/
.line{
border-bottom:1px solid #cccccc;
margin-bottom: 15px;
width: 100%;
}

.line2{
border-bottom:1px solid #cccccc;
margin-bottom: 30px;
width: 100%;
}

.support {
background: url(/product/medical/images/support_bg.jpg)  no-repeat;
background-size:cover;
padding: 40px 0 60px 0;
}

#support img {
width: 100%;
height: auto;
}

.support .page_btn_base {
background: rgb(256,256,256);
border: 1px solid #ff7f00;
color: #ff7f00;
}

.t23 {
font-size: 2.0rem;
}

.fv {
	  background-color: #70c0e5;
    background-position: center top;
    background-repeat: repeat-x;
}
@media(max-width: 769px){
  .fv {
	  background-color: transparent;
  }
}
.fv_inner{
	text-align: center;
	width: 1000px;
	margin: 0 auto;
}


	.pc_only {display: block;}
	.sp_only {display: none;}

.btn a {
display: block;
border: 2px solid #094A66;
border-radius: 5px;
padding: 10px 20px;
text-decoration: none;
text-align: center;
margin: 0 auto;
width: 350px;
max-width: 80%;
font-weight: bold;
color: #094A66;
}


@media(max-width: 769px){
	.pc_only {display:  none;}
	.sp_only {display: block;}
    .fv_inner {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
    }

/*+++++++++++++++++++++++++++++++++++++++++*/
a.btn_blue {
    display: block;
    max-width: 180px;
    margin: 0 auto;
    padding: 1.2rem 1.2rem;
    background-color: #ffab29;
    border-radius: 8px;
  box-sizing: border-box;
    text-decoration: none;
    transition: 0.3s;
    margin-bottom: 40px;
}
a.btn_blue span.bl__text {
    display: block;
    position: relative;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    padding-left: 10px;
}
a.btn_blue span.bl__text:before {
    content: '';
    width: 20px;
    height: 20px;
    /*background: #ffffff;*/
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
a.btn_blue span.bl__text:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
  box-sizing: border-box;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}
/*a.btn_blue:hover {
    background-color: #01b5d0;
}*/

a.btn_blue:hover span.bl__text:after {
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}
@media (max-width: 736px) {
    a.btn_blue {
        max-width: 150px;
        padding: 1.0rem 1.0rem;
    }
    a.btn_blue span.bl__text {
        font-size: 14px;
    }
}

a.btn_g {
    display: block;
    max-width: 180px;
    margin: 8px auto 0;
    padding: 1.2rem 2.0rem;
    background-color: #595857;
    border-radius: 8px;
  box-sizing: border-box;
    text-decoration: none;
    transition: 0.3s;
}
a.btn_g span.bl__text {
    display: block;
    position: relative;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    padding-left: 10px;
}
a.btn_g span.bl__text:before {
    content: '';
    width: 20px;
    height: 20px;
    /*background: #ffffff;*/
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
a.btn_g span.bl__text:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
  box-sizing: border-box;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}
/*a.btn_g:hover {
    background-color: #01b5d0;
}*/

a.btn_g:hover span.bl__text:after {
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}
@media (max-width: 736px) {
    a.btn_g {
        max-width: 150px;
        padding: 1.0rem 1.0rem;
    }
    a.btn_g span.bl__text {
        font-size: 14px;
    }
}
