/* Common */
body { font-family: 'Noto Sans JP', sans-serif; color: #333; }
.fn_en { font-family: 'Roboto Condensed', sans-serif; }
.fn_enI { font-family: 'Roboto Condensed', sans-serif; font-style: italic; }
p { font-size: 14px; line-height: 1.8; font-weight: 400; }
li { font-size: 14px; line-height: 1.4; font-weight: 400; }
strong { font-weight: 500; }
strong.st { font-weight: 700; }
.mgB0 { margin-bottom: 0 !important; }
.mgB8 { margin-bottom: 10px !important; }
.mgB10 { margin-bottom: 10px !important; }
.mgB40 { margin-bottom: 40px !important; }
.mgB60 { margin-bottom: 60px !important; }
.ps_m { position: relative; left: -10px; }
.content_wrap0 { width: 1024px; box-sizing: border-box; padding: 0; margin: 0 auto; }
.content_wrap { width: 1024px; box-sizing: border-box; padding: 0 20px; margin: 0 auto; }

@media all and (max-width:900px){
.content_wrap0 { width: 100%; padding: 0 20px; }
.content_wrap { width: 100%; }
}

img { max-width: 100%; height: auto; }
a, button, img { 
  -webkit-transition: .2s ease;
  transition: .2s ease; }
a:hover img { opacity: 0.7; }
.nrm_box p { margin-bottom: 12px; font-size: 16px; }
.nrm_box p.txt_s { margin-bottom: 12px; font-size: 14px; }

/* txt_mg_pd */
.mgT0 { margin-top: 0 !important; }
.mgT60 { margin-top: 60px !important; }
.mgT40 { margin-top: 40px !important; }
.mgT30 { margin-top: 30px !important; }
.mgT20 { margin-top: 20px !important; }
.mgT10 { margin-top: 10px !important; }
.txt_fw5 { font-weight: 500 !important; }
.txt_fw7 { font-weight: 700 !important; }
.txt_cc,.txt_cl { text-align: center; }
.txt_L { font-size: 105%; }
.txt_rl,.txt_rr { text-align: right; }
.txt_id1 { padding-left: 1em; text-indent: -1em; }
.txt_id12 { padding-left: 1.2em; text-indent: -1.2em; }
.txt_id2 { padding-left: 2.5em; text-indent: -2.5em; }
.txt_wba { word-break: break-all; }
.sem_tag_txt .txt_L { font-size: 110%; font-weight: 700 !important; }
.txt_LB { font-size: 130% !important; font-weight: 500; }
.txt_LB2 { font-size: 115% !important; font-weight: 500; }
.txt_LB3 { font-size: 115% !important; font-weight: 700; color: #777; }
.txt_sn { font-size: 90% !important; }
.txt_sn2 { font-size: 80% !important; }
.h2_type01 { font-size: 125%; padding-bottom: 12px; border-bottom: 1px solid #333; margin-bottom: 16px; }
.h2_type02 { font-size: 125%; font-weight: 500; padding: 10px 16px 11px; margin-bottom: 36px; position: relative; background: #90c6e0; color: #fff; letter-spacing: 3px; }
.h2_type02::after { content: ""; width: 15px; height: 10px; background-image: url("../images/common/dy.png"); background-size: cover; position: absolute; left: 0; bottom: -11px; }
.h2_type02.bg_b { background: #0c83bb; }
.h2_type02.bg_g { background: #649ab2; }
.h2_type02.bg_lg { background: #90a3c5; }
.h2_type02.bg_b::after { background-image: url("../images/common/dy_b.png"); }
.h2_type02.bg_g::after { background-image: url("../images/common/dy_g.png"); }
.h2_type02.bg_lg::after { background-image: url("../images/common/dy_lg.png"); }
.h2_type02.int01 { background-color: #99bd5a; }
.h2_type02.int02 { background-color: #8ab1d2; }
.h2_type02.int03 { background-color: #6b98b9; }
.h2_type02.int04 { background-color: #22adb0; }
.h2_type02.int01::after { background-image: url("../images/common/dy_int01.png"); }
.h2_type02.int02::after { background-image: url("../images/common/dy_int02.png"); }
.h2_type02.int03::after { background-image: url("../images/common/dy_int03.png"); }
.h2_type02.int04::after { background-image: url("../images/common/dy_int04.png"); }

.h_type03 { margin: 0 0 20px; }
.h_type03 span { font-size: 150%; font-weight: 700; color: #fff; display: inline-block; margin-left: -22px; padding: 5px 42px 6px 22px; background: #0c83bb; }
.h_type03 span strong { font-size: 75%; }

.h3_type01 span { font-size: 115%; color: #67a2be; border: 1px solid #67a2be; border-left: 4px solid #67a2be; padding: 6px 100px 7px 10px; font-weight: 500; margin-bottom: 22px; display: inline-block; letter-spacing: 2px; position: relative; background: #fff; }

.h3_type01 span.c_b { color: #1a92cb; border: 1px solid #1a92cb; border-left: 4px solid #1a92cb; }
.h3_type01 span.c_g { color: #76a8bf; border: 1px solid #76a8bf; border-left: 4px solid #76a8bf; }

.h3_type01 span::after { content: ""; width: 100%; height: 2px; background: #cddbe2; position: absolute; left: -1px; bottom: -5px; border: 1px solid #cddbe2; border-left: 4px solid #cddbe2; box-sizing: content-box; }
.h3_type01 span::before { content: ""; width: 1px; height: 100%; background: #cddbe2; position: absolute; right: -5px; bottom: -5px; border: 1px solid #cddbe2; border-left: 2px solid #cddbe2; box-sizing: content-box; }
.h3_type01 span.c_b::after,
.h3_type01 span.c_b::before { border-color: #bfdeec; background: #bfdeec; }
.h3_type01 span.c_g::after,
.h3_type01 span.c_g::before { border-color: #c8e1ed; background: #c8e1ed; }


.h3_sub { margin-left: 20px; }
.h4_type01 span { border-bottom: 1px solid #333; font-size: 105%; font-weight: 700; margin-bottom: 8px; display: inline-block; left: 2px; }
.h3_type01 span strong,
.h4_type01 span strong { font-weight: 500 !important; }

.h3_type02 { text-align: center; font-size: 130%; font-weight: 500; color: #67a2be; line-height: 1.6; padding: 14px 50px; box-sizing: border-box; position: relative; width: 480px; margin: 0 auto 20px; }
.h3_type02::before,
.h3_type02::after { content: ""; width: 30px; height: 100%; border: 2px solid #67a2be; position: absolute; top: 0; }
.h3_type02::before { border-right: none; left: 0; }
.h3_type02::after { border-left: none; right: 0; }

.color_pk { color: #f25b7f; }
.color_gr { color: #0eb671; }
.color_sk { color: #0c83bb; }
.color_lg { color: #90a3c5; }
.color_lg2 { color: #617598; }
.color_bg { color: #649ab2; }
.color_ss { color: #6aabcb; }
.color_rd { color: #cc3f3f; }
.color_bl2 { color: #407be7; }
.color_rd2 { color: #f33d34; }



.pd_01 { padding-top: 20px; padding-bottom: 20px; }
.pd_02 { padding-top: 40px; padding-bottom: 40px; }
section { padding-top: 64px; }
.pt40,.pt40_2 { padding-top: 40px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb13 { margin-bottom: 13px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mbm10 { margin-bottom: -10px !important; }

.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mtm10 { margin-top: -10px !important; }
.mtm20 { margin-top: -20px !important; }
.mtm14 { margin-top: -14px !important; }
.mtm2 { margin-top: -2px !important; }
.mtm6 { margin-top: -6px !important; }
.mtm8 { margin-top: -8px !important; }

.w30 { width: 30%; height: auto; }
.w33 { width: 33%; height: auto; }
.w40 { width: 40%; height: auto; }
.w42 { width: 42%; height: auto; }
.w50 { width: 50%; height: auto; }
.w54 { width: 54%; height: auto; }
.w60 { width: 60%; height: auto; }
.w70 { width: 70%; height: auto; }
.w80 { width: 80%; height: auto; }
.w90 { width: 90%; height: auto; }

.w_img { width: 40%; }
.w_img2_1 { width: 39.388888888%; margin-left: 4.555555%; }
.w_img2_2 { width: 56.055555555%; }
@media all and (max-width:768px){
.txt_cl { text-align: left; }
.w_img { width: 65%; margin: 0 auto; }
.w_img2 { width: 100%; }

}
@media all and (max-width:560px){
.w_img2_1 { width: 100%; margin-left: 0; margin-top: 24px; }
.w_img2_2 { width: 100%; }
.txt_rl { text-align: left; }
}


/* Layout */
.flex_wrap01 { display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; align-items: center; }
.flex_wrap02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex_wrap03 { display: flex; justify-content: center; flex-wrap: wrap; align-content: center; align-items: center; }
.flex_wrap04 { width: 65%; display: flex; justify-content: flex-start; flex-wrap: wrap; align-content: flex-end; }
@media all and (max-width:900px){
.flex_wrap04 { width: 60%; }
}
@media all and (max-width:768px){
.flex_wrap04 { width: 100%; }
}

.h_sub a { color: #365da9; font-size: 12px; font-weight: 700; margin-left: 30px; }
.h_sub a:hover { opacity: 0.7; text-decoration: underline; }
.box_HH { width: 48%; }
.box_HH2 { width: 48.5%; }
@media all and (max-width:768px){
.box_HH2 { width: 100%; margin-top: 7px; }
}
.box_57 { width: 57%; }
.box_45 { width: 45%; }
.box_52 { width: 52%; }
.box_40 { width: 40%; }
.box_68 { width: 68%; }
.box_30 { width: 30%; }
.box_78 { width: 78%; }
.box_70 { width: 70%; }
.box_20 { width: 20%; }
.box_27 { width: 27%; }

/* Head */
.logo { width: 240px; height: auto; }
.head_menu { padding: 20px 0; }

/* Foot */
footer { background: #f7f7f5; color: #616161; padding-top: 20px; padding-bottom: 20px; margin-top: 72px; }
footer a { color: #616161; }
.cc { font-size: 12px; }
footer a:hover {
color: #00aeef;
text-decoration: underline; }
.f_link { display: flex; justify-content: flex-start; }
.f_link li:nth-child(2) { position: relative; padding-left: 16px; margin-left: 16px; border-left: 1px solid #616161; }

.button{
  position: fixed;
  right: 0;
  bottom: 0;
  cursor: pointer;
  transition: .3s;
  width: 60px;
  height: 60px;
  
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}
.button:hover { opacity: 0.7; }
/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}

/* TOP */

.overlay{
    display:none;
    width:100%;
    height:100%;
    background: rgba(70,120,140,0.6);
    position:fixed;
    z-index:15;
}
.btn_area{
    width:600px;
    height:354px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-163px;
    margin-left:-300px;
    background-color:#fff;
    z-index:25;
	padding: 30px;
}
.btn_area p{ margin-bottom: 18px; }
.btn_select { display: flex; justify-content: space-between; width: 60%; margin: 0 auto; }
.btn_area button, .btn_area a {
    display:block;
    margin:0;
	width: 48%;
	height: 60px;
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.btn_area button { background: #28c295; }
.btn_area a { background: #dc8282; display: flex; justify-content: center; align-items: center; }

.ov_ttl { background: #5daed4; font-weight: 700; color: #fff; font-size: 150%; text-align: center; display: block; padding: 15px; }


.mv { 
width: 100%;
background-image: url("../images/common/head_bg.png");
background-size: cover;
background-position: center center; }

.card_wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 20px; align-items: stretch; }
.card { width: 23.2%; height: 392px !important; margin-left: 2.4%; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); height: 100%; position: relative; padding-bottom: 20px; margin-bottom: 30px;}
.card:nth-child(4n+1) { margin-left: 0; }
.card_txt { padding: 18px; }
.card_txt p { font-size: 80%; }
.card_txt p.card_ttl { font-weight: 700; color: #1377a5; line-height: 1.45; font-size: 100%; margin-bottom: 30px; position: relative; }
.card_ttl::after { content: ""; width: 40px; height: 3px; background: #9cc6d9; position: absolute; left: 0; bottom: -12px; }
a.btn01 { background: #0c83ba; font-size: 11px; padding: 6px 18px 6px 27px; color: #fff; position: absolute; bottom: 0; right: 0; }
a.btn01:hover { background: #bedfee; color: #1377a5; }
a.btn01 span { position: relative; left: 2px; }
a.btn01:hover span { position: relative; left: 3px; }

ul.l_menu { display: flex; justify-content: flex-start; margin: 16px 0 40px; width: 100%; height: 54px; flex-wrap: wrap; }
ul.l_menu.l_menu_ft { justify-content: center; }
ul.l_menu.l_right { justify-content: flex-end; }
ul.l_menu li { width: 19%; display: block; margin-left: 1.25%; }
ul.l_menu.l_menu_ft li { width: 27%; display: block; margin-left: 1.25%; }

@media all and (max-width:560px){
ul.l_menu.l_menu_ft li { width: 48.5%; margin-left: 3%; }
ul.l_menu.l_menu_ft li:first-child { margin-left: 0 !important; }
}
ul.l_menu li:first-child { margin-left: 0 !important; }
ul.l_menu li a { background: #0c83ba; font-size: 15px; padding: 9px 10px 9px 10px; color: #fff; box-sizing: border-box; display: block; text-align: center; font-weight: 700; }
ul.l_menu li a:hover { background: #bedfee; color: #1377a5; }
ul.l_menu.l_menu_ft li:nth-child(2) a { background: #649ab2; }
ul.l_menu.l_menu_ft li:nth-child(2) a:hover { background: #badbe9; color: #497e95; }
ul.l_menu.l_menu_ft li:nth-child(3) a { background: #90a3c5; }
ul.l_menu.l_menu_ft li:nth-child(3) a:hover { background: #ccd8ed; color: #617598; }


ul.l_menu.l_menu2 li { width: 15%; position: relative; margin-left: 2%; }

ul.l_menu.l_menu2 li a { font-size: 16px; letter-spacing: 0.5px; box-sizing: border-box; height: 40px; }


ul.l_menu li.sem_tab a { border-radius: 5px 5px 0 0; position: relative;  padding: 9px 25px 9px 15px; }
ul.l_menu li.sem_tab a::after {
content: "";
width: 25px;
height: 54px;
position: absolute;
top: 0;
right: -8px;
background-image: url("../images/common/tab.png");
background-size: cover;
background-position: center center;
pointer-events: none;
}

ul.l_menu li.sem00 a { background: #90c6e0; }
ul.l_menu li.sem01 a { background: #F9C270; }
ul.l_menu li.sem02 a { background: #F29C97; }
ul.l_menu li.sem03 a { background: #6C9BD2; }
ul.l_menu li.sem04 a { background: #61C1BE;	letter-spacing: -1px; padding: 9px 15px 9px 5px; }
ul.l_menu li.sem05 a { background: #fff; border: 2px solid #649ab2; color: #649ab2; padding-top: 7px; padding-left: 36px; padding-right: 8px; text-align: left; }
ul.l_menu li.sem05 a::after { content: ""; background-color: #649ab2; background-image: url("../images/common/od_w.png"); width: 24px; height: 24px; position: absolute; top: 8px; left: 8px; background-size: 16px 16px; background-position: center center; background-repeat: no-repeat; border-radius: 20px; }
ul.l_menu li.sem00 a:hover { background: #c7e6f5; color: #67a2be; }
ul.l_menu li.sem01 a:hover { background: #fde7c6; color: #f39431; }
ul.l_menu li.sem02 a:hover { background: #fad7d5; color: #e65f59; }
ul.l_menu li.sem03 a:hover { background: #c4d7ed; color: #2e5ead; }
ul.l_menu li.sem04 a:hover { background: #c0e6e5; color: #25928e; }
ul.l_menu li.sem05 a:hover { background: #649ab2; color: #fff; }
ul.l_menu li.sem05 a:hover::after { background-color: #fff; background-image: url("../images/common/od.png"); }

.sem_box { border: 1px solid; padding: 18px; display: flex; justify-content: flex-start; position: relative; margin-bottom: 32px; flex-wrap: wrap; }
.sem_dy { width: 200px; height: 200px; color: #fff; font-weight: 700; padding: 18px; display: flex; justify-content: space-between; flex-flow: column; text-align: center; margin-right: 28px; }
.sem_dy span.yr { font-size: 27px; letter-spacing: 1px; }
.sem_dy span.dy { font-size: 62px; letter-spacing: 1px; margin-top: 24px; }
.sem_dy span.dy span { font-size: 44px; display: inline-block; margin: 0 5px; }
.sem_dy span.dy_od { font-size: 35px; display: inline-block; margin: 0 0 5px; letter-spacing: 0; white-space: nowrap; }
.sem_dy span.dy_od span { font-size: 80% !important; }
.sem_dy span.cat { background: #fff; font-size: 16px; line-height: 1.1; padding: 5px; }
.sem_dy span.cat.ondemand { background: #fff; font-size: 18px; line-height: 1.1; padding: 5px; color: #649ab2 !important; }
.sem_dy span.cat.ondemand span { padding-left: 24px;
background-image: url("../images/common/od_l.png");
background-position: left center;
background-size: 18px auto;
background-repeat: no-repeat; }
.sem00 .sem_dy { background: #90c6e0; }
.sem_box.sem00 { border-color: #90c6e0; }
.sem00 .sem_dy span.cat { color: #90c6e0; }
.sem01 .sem_dy { background: #F9C270; }
.sem_box.sem01 { border-color: #F9C270; }
.sem01 .sem_dy span.cat { color: #F9C270; }
.sem02 .sem_dy { background: #F29C97; }
.sem_box.sem02 { border-color: #F29C97; }
.sem02 .sem_dy span.cat { color: #F29C97; }
.sem03 .sem_dy { background: #6C9BD2; }
.sem_box.sem03 { border-color: #6C9BD2; }
.sem03 .sem_dy span.cat { color: #6C9BD2; }
.sem04 .sem_dy { background: #61C1BE; }
.sem_box.sem04 { border-color: #61C1BE; }
.sem04 .sem_dy span.cat { color: #61C1BE; letter-spacing: -0.5px; padding: 5px 2px; }

a.sem_link { font-size: 14px; padding: 6px 18px 6px 27px; color: #fff; position: absolute; bottom: 0; right: 0; font-weight: 500; }

.sem00 a.sem_link { background: #90c6e0; }
.sem01 a.sem_link { background: #F9C270; }
.sem02 a.sem_link { background: #F29C97; }
.sem03 a.sem_link { background: #6C9BD2; }
.sem04 a.sem_link { background: #61C1BE; }

.sem01 a.sem_link:hover { background: #c7e6f5; color: #67a2be; }
.sem01 a.sem_link:hover { background: #fde7c6; color: #f39431; }
.sem02 a.sem_link:hover { background: #fad7d5; color: #e65f59; }
.sem03 a.sem_link:hover { background: #c4d7ed; color: #2e5ead; }
.sem04 a.sem_link:hover { background: #c0e6e5; color: #25928e; }

.sem_ex { text-align: left; margin-bottom: 0px !important; }
.sem_ex span { background: #50849b; font-weight: 500; font-size: 14px; color: #fff; display: inline-block; padding: 5px 32px 6px; line-height: 1.1; letter-spacing: 1.5px; }
.box_01_2 p.sem_ex_ttl { font-size: 100% !important; font-weight: 500 !important; margin: 10px 0 5px !important; text-decoration: underline; }
.box_01_2 p.sem_ex_ttl.sem_ex_01 { color: #f6ab50 !important; }
.box_01_2 p.sem_ex_ttl.sem_ex_02 { color: #ec7d77 !important; }
.box_01_2 p.sem_ex_ttl.sem_ex_03 { color: #4c7cbf !important; }
.box_01_2 p.sem_ex_ttl.sem_ex_04 { color: #42a9a6 !important; }

@media all and (max-width:560px){
.box_01_2 p.sem_ex_ttl { font-size: 90% !important; margin: 7px 0 3px !important; }
}

a.sem_link span { position: relative; left: 2px; }
a.sem_link:hover span { position: relative; left: 3px; }

.sem_box_sd { border: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); }


/*
.od_btn { position: relative; display: inline-block; margin-top: 1px; }
.od_btn a { background: #fff; border: 2px solid #649ab2; color: #649ab2; padding: 4px 12px 5px 32px; text-align: left; font-size: 14px; font-weight: 500; }
.od_btn a::after { content: ""; background-color: #649ab2; background-image: url("../images/common/od_w.png"); width: 20px; height: 20px; position: absolute; top: 6px; left: 8px; background-size: 12px 12px; background-position: center center; background-repeat: no-repeat; border-radius: 20px; }
.od_btn a:hover { background: #649ab2; color: #fff; }
.od_btn a:hover::after { background-color: #fff; background-image: url("../images/common/od.png"); }*/
.od_btn { position: absolute; top: 18px; right: 18px; width: 42px; height: 42px; }

.sem_sp_ttl { display: none; }

@media all and (max-width:900px){
ul.l_menu { height: 42px; }
ul.l_menu li { width: 19.4%; margin-left: 0.75%; }
ul.l_menu li a { font-size: 13px; padding: 7px 2px; }
ul.l_menu.l_menu2 li { width: 16%; margin-left: 0.8%; }
ul.l_menu.l_menu2 li a { font-size: 12px; height: 30px; }
ul.l_menu.l_menu2 li a { padding: 7px; }
ul.l_menu li.sem_tab a { padding: 7px 15px 7px 5px; }
ul.l_menu li.sem05 a { padding-top: 4px; padding-left: 27px; padding-right: 4px; }
ul.l_menu li.sem05 a::after { width: 18px; height: 18px; top: 7px; left: 7px; background-size: 12px 12px; }
.sem_txt { font-size: 90%; }
.od_btn { top: 15px; right: 15px; width: 30px; height: 30px; }
.sem_dy span.cat { font-size: 14px;}
.sem_dy span.cat.ondemand { font-size: 16px;}
}
@media all and (max-width:768px){
ul.l_menu { height: auto; }
ul.l_menu li { width: 32%; margin-left: 2%; margin-bottom: 6px; }
ul.l_menu li:nth-child(3n+1) { margin-left: 0; }
ul.l_menu.l_menu2 li { width: 32%; margin-left: 2%; margin-bottom: 6px; }
ul.l_menu.l_menu2 li:nth-child(3n+1) { margin-left: 0; }
ul.l_menu.l_menu2.l_menu3 li { width: 19.8%; margin-left: 0.25% !important; margin-bottom: 6px; }
ul.l_menu.l_menu2.l_menu3 li:first-child { margin-left: 0 !important; }
ul.l_menu.l_menu2.l_menu3 li.sem05 { display: none; }
.sem_txt { font-size: 100%; padding-top: 14px; }
.sem_dy { margin-right: 14px; }
.sem_sp_ttl { display: flex; justify-content: center; align-content: center; align-items: center; flex-flow: column;
   width : 60% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(100% - 220px) ;
   width : calc(100% - 220px) ;}
.sem_sp_ttl span { width: 100%; display: block; text-align: left; font-weight: 500; }

.sem_sp_ttl span.sem_sp_ttl01 { font-size: 125%; padding-bottom: 16px; }
.sem_txt { width: 100%; padding-bottom: 40px; }
.sem_spsp { display: none; }
}
.spB2 { display: none; }
@media all and (max-width:620px){
.spB2 { display: inherit; }
ul.l_menu.l_menu2.l_menu3 li.sem_tab a {font-size: 10px; padding: 5px 12px 4px 2px; line-height: 1.2; height: 34px; display: flex; align-content: center; align-items: center; justify-content: center; }}

@media all and (max-width:560px){
.sem_sp_ttl span.sem_sp_ttl01 { font-size: 115%; padding-bottom: 10px; }
.sem_dy { width: 36%; height: auto; margin-right: 3%; padding: 10px; }
.sem_sp_ttl { width: 61%; padding-right: 30px; }
.sem_dy span.dy { font-size: 8vw; letter-spacing: 1px; margin-top: 1.6vw; margin-bottom: 1.6vw; }
.sem_dy span.dy span { font-size: 6vw; margin: 0 5px; }
.sem_dy span.dy_od { font-size: 5.2vw; margin: 5px 0 5px; }
.sem_dy span.cat { font-size: 2vw;}
.sem_dy span.cat.ondemand { font-size: 2.3vw;}
.sem_dy span.cat.ondemand span { padding-left: 3.2vw; background-size: 2.5vw auto; }
}
@media all and (max-width:480px){
ul.l_menu.l_menu_pd li a { font-size: 2.28vw; }
ul.l_menu.l_menu_pd li:nth-child(2) a { letter-spacing: -0.12vw; }
ul.l_menu.l_menu_pd li { width: 32.6%; margin-left: 1.1%; margin-bottom: 4px; }
ul.l_menu.l_menu_pd li:nth-child(3n+1) { margin-left: 0; }
}
@media all and (max-width:450px){
.sem_dy { width: 60%; margin-right: 0; padding: 10px; }
.sem_txt { padding-top: 11px; }
.sem_sp_ttl { width: 100%; padding-top: 14px; padding-right: 0; }
.sem_dy span.dy { font-size: 10vw; letter-spacing: 1px; margin-top: 0.6vw; margin-bottom: 1.6vw; }
.sem_dy span.dy span { font-size: 7.5vw; margin: 0 5px; }
.sem_dy span.dy_od { font-size: 6.8vw; margin: 5px 0 5px; }
.sem_dy span.cat { font-size: 3vw;}
.sem_dy span.cat.ondemand { font-size: 3.5vw;}
.sem_dy span.cat.ondemand span { padding-left: 4.7vw; background-size: 3.7vw auto; }
ul.l_menu.l_menu2 li a { font-size: 3vw; }
.sem05 { letter-spacing: -0.3vw; }
}

.ondemand_ttl { font-weight: 500; font-size: 105% !important; padding: 3px 8px 4px 36px; color: #fff; display: inline-block; border: 2px solid #90c6e0; border-bottom: none;margin: 0 !important; background-image: url("../images/common/od_lw.png");
background-size: 20px auto;
background-repeat: no-repeat;
background-position: left 10px center; }
.sem_cat { font-weight: 500; font-size: 105% !important; padding: 3px 10px 4px; display: inline-block; border: 2px solid #90c6e0; border-bottom: none; margin: 0 !important; color: #67a2be; }
.sem_cat.sem00 { border-color: #90c6e0 !important; color: #64a7cd; }
.sem_cat.sem01 { border-color: #F9C270 !important; color: #f7b057; }
.sem_cat.sem02 { border-color: #F29C97 !important; color: #ed847e; }
.sem_cat.sem03 { border-color: #6C9BD2 !important; color: #5383c3; }
.sem_cat.sem04 { border-color: #61C1BE !important; color: #49aeab; }
.ondemand_ttl.sem00 { background-color: #90c6e0; border-color: #90c6e0 !important; }
.ondemand_ttl.sem01 { background-color: #F9C270; border-color: #F9C270 !important; }
.ondemand_ttl.sem02 { background-color: #F29C97; border-color: #F29C97 !important; }
.ondemand_ttl.sem03 { background-color: #6C9BD2; border-color: #6C9BD2 !important; }
.ondemand_ttl.sem04 { background-color: #61C1BE; border-color: #61C1BE !important; }

.sem_wrap { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; }
.sem_tag { width: 50px; padding: 2px 0 3px 2px; text-align: center; color: #fff; display: inline-block; margin-right: 10px; box-sizing: border-box; white-space: nowrap; font-size: 80%; letter-spacing: 2px; }
.sem_tag_txt { width: calc(100% - 50px); }
.sem_tag.sem_n { background-color: #fff; position: relative; top: 1px; }
.sem_tag.sem00 { background-color: #90c6e0; position: relative; top: 1px; }
.sem_tag.sem01 { background-color: #F9C270; position: relative; top: 1px; }
.sem_tag.sem02 { background-color: #F29C97; position: relative; top: 1px; }
.sem_tag.sem03 { background-color: #6C9BD2; position: relative; top: 1px; }
.sem_tag.sem04 { background-color: #61C1BE; position: relative; top: 1px; }
.sem_clr_00 { color: #64a7cd; font-size: 90%; font-weight: 700 !important; }
.sem_clr_01 { color: #f7b057; font-size: 90%; font-weight: 700 !important; }
.sem_clr_02 { color: #ed847e; font-size: 90%; font-weight: 700 !important; }
.sem_clr_03 { color: #5383c3; font-size: 90%; font-weight: 700 !important; }
.sem_clr_04 { color: #49aeab; font-size: 90%; font-weight: 700 !important; }
.sem_od_txt { display: flex; justify-content: flex-start; align-items: center; align-content: center; }
.sem_pdf { width: 25%; margin: 54px auto; text-align: center; }
@media all and (min-width:769px){
.ha_box { position: relative; height: calc(100% -90px); }
.ha_box .btn_ex { position: absolute; bottom: 20px; width: calc(100% - 40px); }
}

.btn_ex a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 72px;
  padding: 1em 2em;
  width: 280px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background-color: #e1b829;
  box-shadow: 0 5px 0 #c5a32f;
  transition: 0.3s;
  border-radius: 4px;
}
.btn_ex.btn_ex2 a {
  margin: 14px auto 0;
  padding: 1em 2em;
  font-size: 14px;
  width: 100%;
  background-color: #99bd5a;
  box-shadow: 0 5px 0 #67912a;
}
.btn_ex.btn_ex3 a {
  margin: 14px auto 0;
  padding: 1em 2em;
  font-size: 14px;
  width: 100%;
  background-color: #8ab1d2;
  box-shadow: 0 5px 0 #6189ab;
}
.btn_ex.btn_ex4 a {
  margin: 14px auto 0;
  padding: 1em 2em;
  font-size: 14px;
  width: 100%;
  background-color: #6b98b9;
  box-shadow: 0 5px 0 #486682;
}
.btn_ex.btn_ex5 a {
  margin: 14px auto 0;
  padding: 1em 2em;
  font-size: 14px;
  width: 100%;
  background-color: #22adb0;
  box-shadow: 0 5px 0 #187a7c;
}

.btn_ex.btn_exL a { width: 340px; }
.btn_ex.fl_L a { margin: 32px 0 72px; padding: 0.75em 1.5em; font-size: 14px; }

.btn_ex a::after {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../images/common/link_w.png");
  background-size: 100% 100%;
  margin-left: 16px;
}
.btn_ex.fl_L a::after { width: 16px; height: 16px; }
.btn_ex.btn_dl a::after { background-image: url("../images/common/dl.png"); }
.btn_ex.btn_in a::after { background-image: url("../images/common/link_in.png"); }
.btn_ex.btn_sem a::after { background-image: url("../images/common/mail.png"); }

.btn_ex a:hover {
  transform: translateY(3px);
  text-decoration: none;
  background-color: #eac030;
  box-shadow: 0 2px 0 #c5a32f;
}
.btn_ex.btn_ex2 a:hover {
  background-color: #9ac157;
  box-shadow: 0 2px 0 #67912a;}
.btn_ex.btn_ex3 a:hover {
  background-color: #8fb6d7;
  box-shadow: 0 2px 0 #6189ab;}
.btn_ex.btn_ex4 a:hover {
  background-color: #77a3c3;
  box-shadow: 0 2px 0 #486682;}
.btn_ex.btn_ex5 a:hover {
  background-color: #25b7ba;
  box-shadow: 0 2px 0 #187a7c;}

.btn_page { display: flex; justify-content: space-between; margin: 96px 0 48px; width: 100%; }
.btn_page.page_st { justify-content: flex-end; }
a.btn_nx { background: #0c83ba; font-size: 14px; padding: 10px 20px 10px 28px; color: #fff; }
a.btn_nx:hover { background: #bedfee; color: #1377a5; }
a.btn_nx span { position: relative; left: 5px; }
a.btn_nx:hover span { position: relative; left: 6px; }
a.btn_pr { background: #0c83ba; font-size: 14px; padding: 10px 30px 10px 18px; color: #fff; }
a.btn_pr:hover { background: #bedfee; color: #1377a5; }
a.btn_pr span { position: relative; right: 3px; margin-right: 4px; }
a.btn_pr:hover span { position: relative; right: 4px; margin-right: 4px; }
.fl_r { float: right; }


.box_5sp_wrap { position: relative; }
.box_3sp { width: 32%; margin-bottom: 32px; }
.box_5sp { width: 18%; text-align: center; }
@media all and (max-width:900px){
.box_3sp { width: 48.5%; margin-bottom: 32px; }
.box_5sp { width: 32%; margin-bottom: 24px; }
.box_5sp_wrap::after { content: ""; width: 32%; height: 100%; }
}
@media all and (max-width:560px){
.box_3sp { width: 100%; }
.box_5sp { width: 48.5%; margin-bottom: 24px; }
.box_5sp_wrap::after { content: none; }
}




/* Page TTL */
.page_head { padding: 40px 0;
width: 100%;
background-image: url("../images/common/cat_bg.jpg");
background-size: cover;
background-position: center center;
pointer-events: none; }
.cat_ttl { font-weight: 700; color: #1377a5; line-height: 1.45; font-size: 110%; margin-bottom: 30px; position: relative; }
.cat_ttl::after { content: ""; width: 40px; height: 3px; background: #9cc6d9; position: absolute; left: 0; bottom: -12px; }
.page_ttl { font-size: 180%; font-weight: 500; padding-bottom: 24px; color: #178bc1; }
.page_ttl2 { padding-top: 24px; }

/* List */
.l_arrow li { padding-left: 14px; margin-bottom: 12px;
background-image: url("../images/common/arrow.jpg");
background-position: left 1px top 4px;
background-size: 8px auto;
background-repeat: no-repeat; }
.l_arrow.txt_L li { padding-left: 16px; font-size: 16px; background-position: left 1px top 5px; background-size: 10px auto; }
.link_ex2 li { 
padding-left: 20px; margin-bottom: 12px;
padding-right: 0;
background-image: url("../images/common/link2.png");
background-position: left center;
background-size: 14px auto;
background-repeat: no-repeat; }
.l_arrow li a:hover, .link_ex2 li a:hover { color: #0c83ba; }
.link_ex {
padding-right: 26px;
background-image: url("../images/common/link.jpg");
background-position: right center;
background-size: 18px auto;
background-repeat: no-repeat; }
@media all and (max-width: 560px){
.link_ex {
padding-right: 17px;
background-size: 13px auto; }
}
.l_pdf li { 
margin-bottom: 12px;
padding: 4px 0 6px 28px;
background-image: url("../images/common/pdf.jpg");
background-position: left top;
background-size: 18px auto;
background-repeat: no-repeat; }
.l_HH { display: flex; justify-content: space-between; flex-wrap: wrap; }
.l_HH li { width: 48%; }

/* Page Contents */
.box_01 { border: 1px solid #67a2be; border-radius: 8px; padding: 16px 22px; }
.box_01_2 { border: 1px solid #67a2be; color: #50849b; padding: 13px 15px; }
.box_01_3 { border: 1px solid #0c83bb; color: #0c83bb; padding: 10px 12px; font-size: 70%; text-align: left; line-height: 1.5; display: inline-block; margin: 0 auto; }
.box_01_4 { border: 1px solid #649ab2; color: #649ab2; padding: 10px 12px; font-size: 80%; text-align: left; line-height: 1.5; display: inline-block; margin: 0 auto; }
.box_01_5 { border: 1px solid #649ab2; color: #0f6aad; padding: 10px 12px; font-size: 80%; text-align: left; line-height: 1.5; display: inline-block; margin: 0 auto; }
.box_01_2 p { font-size: 80% !important; line-height: 1.45 !important; margin-bottom: 6px; }
.box_01b { border: 1px solid #1a92cb; border-radius: 8px; padding: 22px; }
.box_01_ttl { color: #67a2be; font-weight: 700; font-size: 110%; }
.box_02 { background: #eff8fc; padding: 22px; }
.box_03 { background: #effcfc; padding: 22px; }
.box_02_img { float: right; width: 25%; text-align: center; }
.box_02_02 { width: 25%; text-align: center; }
.box_02_02l { width: 72%; }


.sn_box00 { float: right; margin-top: 30px; }
.sn_box01 { float: right; margin-top: -50px; }
.sn_box02 { float: right; margin-top: -50px; padding: 50px 0; }
.sn_box03 { float: right; margin-top: -56px; }
.sn_mt01 { margin-top: 150px !important; }
.sn_mt02 { margin-top: 150px !important; }
@media all and (max-width: 900px){
.sn_box02 { float: right; margin-top: -110px; padding: 0; }
.sn_mt01 { margin-top: 150px !important; }
.sn_mt02 { margin-top: 50px !important; }}
@media all and (max-width: 768px){
.sn_box00 { float: none; text-align: center; margin-top: 30px; }
.sn_box01 { float: none; text-align: center; margin-top: 10px; }
.sn_box02 { float: none; text-align: center; margin-top: 10px; }
.sn_box03 { float: none; text-align: center; margin-top: 25px; }
.sn_mt01 { margin-top: 40px !important; }
.sn_mt02 { margin-top: 40px !important; }
}
@media all and (max-width: 560px){
.box_02_img { float: none; width: 100%; text-align: center; margin-bottom: 32px; }
.box_02_02 { width: 100%; text-align: center; margin-bottom: 32px; }
.box_02_02l { width: 100%; }
.mb32_sp { margin-bottom: 32px; }
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.img_shd { box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
.img_shd2 { box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); margin-bottom: 10px; }

.img_5 { width: 18%; }
@media all and (max-width:560px){
.img_5_wrap { position: relative; }
.img_5_wrap::after { content: ""; width: 32%; height: 100%; position: relative; }
.img_5 { width: 32%; margin-bottom: 6px; }
}

a.nrm_link, a span.nrm_link { color: #0c83bb; }
a:hover .nrm_link, a.nrm_link:hover { color: #67a2be; text-decoration: underline; }

.mt_box { padding-bottom: 32px; border-bottom: 1px dotted #67a2be; }

/* Table */
table.table01{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table.table01 th,table.table01 td{
  padding: 10px;
  text-align: center;
}
table.table01 th.tb_brd,table.table01 td.tb_brd { border-left: 1px solid #ddd; }

table.table01 tr:nth-child(even){
  background-color: #eee
}
table.table01 tr.tr_w { background: #fff; }
table.table01 tr th.pd_gp { background: #0c83bb; color: #fff; width: 180px; border-bottom: 8px solid #fff !important; vertical-align: middle; }
table.table01 tr th.pd_bp { background: #cc3f3f; color: #fff; vertical-align: middle; }
table.table01 tr td.pd_gp { color: #0c83bb; vertical-align: middle; }
table.table01 tr td.pd_bp { color: #cc3f3f; vertical-align: middle; }
table.table01.pd_gb tr td { padding-left: 24px; }

table.table02{
  width: 100%;
  border-collapse: collapse;
}

table.table02 tr:nth-child(odd){
  background: #cadaf4;
}

table.table02 tr:nth-child(even){
  background: #e5e9f0;
}

table.table02.table03 tr:nth-child(odd){
  background: #e5e9f0;
}

table.table02 tr.tr_bl { background: #6b93d6 !important; }
table.table02 tr.tr_bg { background: #7ec5b2 !important; }
table.table02 tr.tr_bl th, table.table02 tr.tr_bl td,
table.table02 tr.tr_bg th, table.table02 tr.tr_bg td { color: #fff; }
table.table02 th,table.table02 td{
  border:solid 1px white;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  font-size: 90%;
  line-height: 1.5; }
table.table02 th.txt_ll,table.table02 td.txt_ll,table.table01 td.txt_ll { text-align: left; }
table.table02.table03 th,table.table02.table03 td{border:solid 8px white;}


/**
 * menu
 */
 nav { height: 54px; width: 100%; background: #5daed4; border-bottom: 4px solid #178bc1; }
.menu {
	position: relative;
	height: 50px;
	margin: 0 auto;
}

@media all and (min-width:901px){
.menu > li {
	float: left;
	width: 12.5%;
	height: 50px;
	line-height: 50px;
	background: #5daed4;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	position: relative;
}
.menu > li.menu_2l { line-height: 18px; padding-top: 7px; }

.menu > li a {
	display: block;
	color: #fff;
}

.menu > li a:hover {
	color: #1377a5;
}

.menu__none:hover,
.menu__single:hover {
  background: #bedfee;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.menu__none:hover:after,
.menu__single:hover:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #178bc1;
}

.menu__single:hover .init-bottom { color: #1377a5; }

.menu__second-level li {
  border-top: 1px solid #178bc1;
}

.menu__third-level li {
  border-top: 1px solid #178bc1;
}

.menu__second-level li a:hover {
  background: #bedfee;
}

.menu__third-level li a:hover {
  background: #bedfee;
}

.menu__fourth-level li a:hover {
  background: #bedfee;
}

.menu:before,
.menu:after {
  content: "";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}



/**
 * single menu
 */
.menu > .menu__single {
  position: relative;
}

.menu__single .menu__second-level {
  position: absolute;
  top: 40px;
  width: 150%;
  background: #bedfee;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  font-size: 12px;
  z-index: 5;
}

.menu__single:hover > .menu__second-level {
  top: 50px;
  visibility: visible;
  opacity: 1;
  display: block;
  background: #bedfee;
}

.menu__single .menu__second-level a { height: 32px; padding: 8px; font-size: 12px; color: #1377a5; }
.menu__single .menu__second-level a:hover { background: #e3f1f7; padding-left: 9px;
  -webkit-transition: .2s ease;
  transition: .2s ease; }
}


  
.spB { display: none; }
.pcB { display: inherit; }

/* 製品情報 */
.ft_ttl01 { font-size: 160% !important; font-weight: 700; line-height: 1.2 !important; }
.ft_ttl02 { font-size: 340% !important; font-weight: 700; letter-spacing: 1px; }
.ft_ttl02 sup { font-size: 40% !important; position: relative; top: -24px; }
.ft_ttl03 { font-size: 280% !important; font-weight: 700; position: relative; padding-left: 24px; margin-bottom: -10px !important; letter-spacing: 2px; margin-top: 50px; }
.ft_ttl03.color_sk::after { content: ""; width: 100%; height: 26px; background: #def1f9; position: absolute; bottom: 13px; left: 0; z-index: -1; }
.ft_img { width: 72% !important; height: auto; }
.ft_pd { height: 60px; width: 100%; display: block; }
@media all and (min-width:901px){.minisola_img img { position: absolute; top: 0; right: 110px; width: 150px; height: auto; }}
@media all and (max-width:900px) and (min-width: 769px) { .minisola_img { display: block; text-align: right; } .minisola_img img { width: 23%; height: auto; position: relative; top: -60px; left: -80px; } }
@media all and (max-width:768px){
.minisola_img img { position: absolute; top: 0; right: 0; width: 170px; height: auto; } }
@media all and (max-width:560px){
.ft_pd { height: 30px; }
.ft_ttl01 { font-size: 140% !important; font-weight: 700; }
.ft_ttl02 { font-size: 270% !important; font-weight: 700; letter-spacing: 1px; }
.ft_ttl03 { font-size: 240% !important; letter-spacing: 1px; }
.ft_ttl03.lsm0 { letter-spacing: -0.5px; }
.ft_img { width: 100% !important; }
.minisola_img img { width: 150px; height: auto; }
}
@media all and (max-width:480px){
.minisola_img { display: block; text-align: right; margin: -24px 0; }
.minisola_img img { width: 48%; height: auto; position: relative; } 
}

  /* sp */
  .menu-btn {display: none;}
  @media all and (max-width:900px){
.card { width: 31%; height: 392px !important; margin-left: 3.5%; }
.card:nth-child(4n+1) { margin-left: 3.5%; }
.card:nth-child(3n+1) { margin-left: 0; }


.menu-btn {
  width: 100%;
  height: 30px;
  position: relative;
  outline: initial;
  display: block;
  color: #fff;
  z-index: 12;
  margin-bottom: -30px;
  line-height: 1.0;
  text-align: center;
}

.menu-btn .inn {
  margin: auto;
  position: absolute;
  width: 15px !important;
  height: 15px !important;
  top: 9px;
  right: 15px;
  z-index: 13;
}
.menu-btn .inn .line {
  position: absolute;
  display: inline-block;
  background-color: #fff;border-radius: 4px;
  height: 2px;
  left: 0;
  width: 15px;
  transition: 0.3s;
  z-index: 14;
}
.menu-btn .inn .line:nth-of-type(1) {
  top: 0;
}
.menu-btn .inn .line:nth-of-type(2) {
  top: 48%;
}
.menu-btn .inn .line:nth-of-type(3) {
  bottom: 0;
}

.menu-btn.is-open .inn .line:nth-of-type(1) {
  top: 45%;
  transform: rotate(45deg);
}
.menu-btn.is-open .inn .line:nth-of-type(2) {
  opacity: 0;
}
.menu-btn.is-open .inn .line:nth-of-type(3) {
  top: 45%;
  transform: rotate(-45deg);
  bottom: auto;
}

  .h_sub a { margin-left: 13px; font-size: 10px; }
  header nav.g_menu { height: 36px; position: relative; z-index: 10; }
  header nav.g_menu .menu.content_wrap0 {
  position: absolute;
  top: 36px;
  width: 100%;
  background-color: rgba(15,127,180,0.9);
  opacity: 0;
  transition: .3s ease-in-out;
  pointer-events: none;
  transform: translateY(-30px);
  height: auto;
  z-index: 11;
  color: #fff;
  padding: 20px 20px 20px 30px; }
  header nav.g_menu .menu.content_wrap0 li { position: relative; }
  header nav.g_menu.is-open .menu.content_wrap0 {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
  z-index: 11;}
  
  header nav.g_menu.is-open .menu.content_wrap0 li { margin-bottom: 18px; }
  header nav.g_menu.is-open .menu.content_wrap0 li a { font-size: 14px; }
  
  .menu__second-level { display: flex; justify-content: flex-start; flex-wrap: wrap; }
  .menu__second-level li { display: inline-block; margin-right: 4px; margin-top: 6px; white-space: nowrap; margin-bottom: 6px !important; }
  .menu__second-level li a { padding: 3px 10px 4px !important; font-size: 12px !important; border-radius: 20px; background-color: rgba(255,255,255,0.2); }
  header nav.g_menu .menu.content_wrap0 .menu__second-level li::after { content: none; }
  
  .page_head { padding: 20px 0; }
.page_ttl { font-size: 150%; padding-bottom: 10px; }
.page_ttl2 { padding-top: 8px; }


table.table01 th,table.table01 td,
table.table02 th,table.table02 td{
font-size: 80%;
}
table.table01 tr th.pd_gp,table.table01 tr th.pd_bp { width: 34%; font-size: 80%; padding: 4px 2px; }
table.table01.pd_gb tr td, table.table01.pd_gb tr td { padding-left: 10px; font-size: 90%; }
table.table01 th,table.table01 td,
table.table02 th,table.table02 td{padding: 7px;}
}
@media all and (max-width:900px){.pcB2{display: none;}}
@media all and (max-width:768px){
.sp100 { width: 100% !important; }
.box_02_02.sp100 img { width: 50%; margin-top: 40px; }
.spB { display: inherit; }
.pcB, .pcB_about { display: none; }
.h3_sub { margin-left: 0; display: block; margin-bottom: 16px; margin-top: -10px; }

.card { width: 48.5%; height: auto !important; margin-left: 3%; }
.card:nth-child(4n+1) { margin-left: 3%; }
.card:nth-child(3n+1) { margin-left: 3%; }
.card:nth-child(2n+1) { margin-left: 0; }
.box_57sp,.box_40sp { width:100%; }

.btn_area{
    width:500px;
    height:360px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-180px;
    margin-left:-250px;
    background-color:#fff;
    z-index:2;
	padding: 30px;
}

}


.non_block { display: none; }
.pdf_img2 { width: 70% !important; }

@media all and (max-width:560px){
header .content_wrap0.pd_01 { padding: 15px 10px; }
.logo { width: 44%; }
.h_sub a { font-size: 2vw; }
.btn_area{
    width:320px;
    height:400px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-200px;
    margin-left:-160px;
    background-color:#fff;
    z-index:2;
	padding: 20px;
}
.btn_select { width: 100%; }

.card { width: 100%; height: auto !important; margin-left: 0 !important; }
/*
.card {display: flex; justify-content: space-between; }
.card_img { width: 32%; }
.card_txt { width: 66%; }*/

.h3_type01 span { padding: 6px 16px 7px 10px; letter-spacing: 1px; }
.h3_type01 span.lsm0_2 { letter-spacing: 0px; }

.f_link { padding-bottom: 13px; }
.f_link li { font-size: 10px !important; }
.f_link li:nth-child(2) { position: relative; padding-left: 8px; margin-left: 8px; border-left: 1px solid #616161; }

.pdf_img { width: 65% !important; }
.pdf_img2 { width: 100% !important; }

.box_HH,.box_57,.box_45,.box_52,.box_40,.box_68,.box_30,.box_78,.box_70,.box_20,.box_27 { width:100%; }
.sp_img { padding: 16px; }
.pt40 { padding-top: 12px !important; }

.btn_ex a {
  padding: 0.6em 1.4em;
  font-size: 14px;
  }
.btn_ex.btn_exL a { width: 300px; }

.btn_ex.fl_L a { margin-left: auto; margin-right: auto; }

.non_table { display: none; }
.non_block { display: block; }
.non_block_ttl { display: inline-block; padding: 3px 8px; color: #fff; font-weight: 500; margin-bottom: 12px; font-size: 14px !important; background: #6b93d6; line-height: 1.4; }
.non_block_01 { width: 67%; line-height: 1.5; }
.non_block_02 { width: 30%; }
.non_block_03 { width: 54%; line-height: 1.5; }
.non_block_04 { width: 43%; }
 }
 
 
@media all and (max-width:480px){

.logo { width: 40%; }
.h_sub a { font-size: 1.8vw; margin-left: 5px; }
}
@media all and (max-width:420px){
.logo { width: 35%; }
}



/* Interview */
.itv_box_in { display: flex; flex-wrap: wrap; justify-content: space-between; }
.itv_block { width: 48%; margin-bottom: 40px; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); padding: 20px 20px 26px; }
.itv_block2 { width: 100%; margin-bottom: 40px; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); padding: 20px 20px 26px; }
.itv_block2:last-child { margin-bottom: 0; }
.itv_block2.itv_block_HH { width: 48.5% !important; position: relative; }

@media all and (min-width:769px){
.tks_btn { position: absolute !important; bottom: 26px !important; left: 20px !important; width: calc(100% - 40px); }
}

@media all and (max-width:768px){
.itv_block2.itv_block_HH { width: 100% !important; }
}


h2.itv_ttl { border-bottom: 3px solid #7bab34; color: #7bab34; font-size: 110%; font-weight: 500; line-height: 1.44; margin-bottom: 16px; padding-bottom: 10px; }
h2.itv_ttl2 { border-bottom: 3px solid #628baf; color: #628baf; font-size: 110%; font-weight: 500; line-height: 1.44; margin-bottom: 16px; padding-bottom: 10px; }
h2.itv_ttl3 { border-bottom: 3px solid #28999b; color: #28999b; font-size: 110%; font-weight: 500; line-height: 1.44; margin-bottom: 16px; padding-bottom: 10px; }

@media all and (min-width:769px){
.itv_block:nth-last-child(-n+2) { margin-bottom: 0; }}
@media all and (max-width:768px){
.itv_block { width: 100%; }
.itv_block:last-child { margin-bottom: 0; }}


/* アコーディオン */
.acd-check{
    display: none;
}
.acd-label{
    color: #707070;
    display: block;
	background-color: #efefef;
    padding: 15px 25px;
	line-height: 1.2;
    position: relative;
	font-size: 120%;
}
.acd-label:after{
    content: '［表示］';
    display: inline-block;
    position: absolute;
    left: 100px;
    top: 18px;
	font-size: 80%;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-content p { margin-bottom: 10px !important; line-height: 1.3 !important; }
.acd-content p a { border-bottom: 1px solid #fff; }
.acd-content p a:hover { border-bottom: 1px dotted #6aabcb; color: #6aabcb; }
.acd-check:checked + .acd-label:after{
    content: '［非表示］';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 20px 10px;
    visibility: visible;
}

/* 診療報酬 */
.box_guide { border: 1px solid #333; padding: 20px; }
.flex_wrap_g { display: flex; justify-content: flex-start; flex-wrap: wrap; align-content: center; align-items: center; }
.fb_01 { width: 30%; }
.fb_02 { width: 65%; box-sizing: content-box; margin-left: 5%; }
@media all and (max-width:900px){
.fb_01 { width: 45%; }
.fb_02 { width: 50%; }
}

@media all and (max-width:768px){
.fb_01 { width: 100%; }
.fb_02 { width: 100%; margin-left: 0; margin-top: 20px; }
}

.table-wrap {
  overflow-x: scroll;
  padding-bottom: 5px;
  margin: 20px 0;
}
table.table00{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1px solid #888; border-right: 1px solid #888;
}
table.table00 th, table.table00 td { text-align: center; white-space: nowrap; padding: 5px; border-top: 1px solid #888; border-left: 1px solid #888; vertical-align: middle; }
table.table00 th.brd_wh { border-left: 1px solid #fff; }
table.table00 th { font-weight: 500 !important; font-size: 90%; }
table.table00 td.td_color { background-color: #eaf8fd; font-weight: 500 !important; font-size: 90%; }
table.table00 th { background-color: #7797d2; color: #fff; }
table.table00 th.brd_non, table.table00 td.brd_non{border: none !important;background-color: rgba(255,255,255,0);}
table.table00 td.txt_ll { text-align: left; }
table.table00 td ul { list-style: none; margin: 0; padding: 0; }
table.table00 td ul li { position: relative; padding-left: 16px; line-height: 1.45; margin-bottom: 5px; }
table.table00 td ul li:before { content: "▶"; font-weight: 500 !important; position: absolute; left: 0; top: 2px; font-size: 70%; }
table.table00 td ul li:last-child { margin-bottom: 0; }
table.table00 td ul li span { font-size: 90%; padding-left: 12px; }
table.table00 td ul li.color_yw, span.color_yw { color: #4572c5; }
table.table00 td ul li.color_yw span.color_rd { color: #E90000; }
table.table00 td ul li.color_rd, span.color_rd3 { color: #E90000; }

.sc_btn { position: fixed; border-radius: 10px 0 0 10px; background-color: #e1b829; color: #fff; font-weight: 700; font-size: 14px; display: block; padding: 15px 34px 15px 32px;z-index: 5;
right: -4px;
top: 36%;
line-height: 1.2;
  -webkit-transition: .2s ease;
  transition: .2s ease;}
.sc_btn2 {
background-color: #fff;color: #67a2be;
border-radius: 5px;
padding: 10px 35px 11px 33px;
box-sizing: border-box;border: 2px solid #90c6e0;
font-weight: 500;
font-size: 14px;
line-height: 1.2;
  -webkit-transition: .2s ease;
  transition: .2s ease;}


.sc_btn:hover { background-color: #eac030; right: 0; }
.sc_btn2:hover { background-color: #67a2be;border: 2px solid #67a2be; color: #fff; }

.dw_box01L { width: 27%; }
.dw_box01R { width: 70%; }
.dw_box02L { width: 13%; margin-bottom: 24px; }
.dw_box02R { width: 84%; margin-bottom: 24px; }

@media all and (max-width:900px){
.dw_box01L { width: 37%; }
.dw_box01R { width: 60%; }
.dw_box02L { width: 25%; }
.dw_box02R { width: 72%; }}

@media all and (max-width:768px){
.h3_type02 { width: 280px; }
table.table00 th, table.table00 td,table.table00 td ul li,table.table00 td.td_color { font-size: 80%; }
.dw_box01L { width: 43%; }
.dw_box01R { width: 53%; }
.dw_box02L { width: 30%; }
.dw_box02R { width: 66%; }
.sc_btn { top: auto; bottom: 15%;right:0;
text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
	border-radius: 10px; padding: 15px 30px;box-sizing: border-box;}
.sc_btn:hover{ right: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);}}

@media all and (max-width:560px){
table.table00 th, table.table00 td,table.table00 td ul li,table.table00 td.td_color { font-size: 2.5vw; }
.dw_box01L { width: 100%; margin-bottom: 18px; }
.dw_box01R { width: 100%; }
.dw_box02L { width: 100%; margin-bottom: 18px; }
.dw_box02L img { width: 100%; height: auto; }
.dw_box02R { width: 100%; margin-bottom: 32px; }
.dw_box02L.mgB0 { margin-bottom: 18px !important; }
.sc_btn { top: auto; bottom: 20px; }}

/* NEWS */
.news_area { display: flex; flex-wrap: nowrap; background: #eff4f4; align-items: stretch; align-content: center; justify-content: flex-start; margin-bottom: 44px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); }
.news_area h2 { width: 15%; background: #0c83ba; color: #fff; font-size: 14px; font-weight: 500; color: #fff; display: flex; align-content: center; align-items: center; justify-content: center; padding: 10px; }
.news_area.topix_area { background: #fff; }
.news_area.topix_area h2 { background-color: #9ea9bf; }
.news_area.topix_area .flex_wrap02 { width: 85% !important; padding: 20px; box-sizing: border-box; }
.news_area ul { padding: 20px; }
.news_area ul li { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; margin-bottom: 10px; }
.news_area ul li a { color: #0c83ba; text-decoration: underline; margin-left: 13px; }
.news_area ul li:last-child { margin-bottom: 0; }
@media all and (max-width:640px){
.news_area { margin-bottom: 30px; }
.news_area h2 { width: 100px !important; font-size: 12px; word-break: keep-all; }
.news_area ul { padding: 14px; }
.news_area ul li { flex-wrap: wrap; }
.news_area ul li span, .news_area ul li a { width: 100%; }
.news_area ul li a { margin-left: 0; }
}

.img_box { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 36px; }
.img_box img { width: 48.5%; height: auto; margin-bottom: 24px; }
.img_box img:nth-child(2n) { margin-left: 3%; }
@media all and (max-width:768px){
.img_box img { width: 100%; }
.img_box img:nth-child(2n) { margin-left: 0; }
.news_area { display: block; }
.news_area.topix_area .flex_wrap02 { width: 100% !important; }
}

/*! 埋め込み動画をレスポンシブ対応させる */
.video {
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.box_r62 { width: 62%; }
.box_r32 { width: 32%; padding-top: 36px; }
/*.box_r32 { width: 48%; padding-top: 52px; }*/
.relaxa_p { margin: 0; text-align: right; }
.relaxa_p img { width: 260px; height: auto; }
.ttl04 { font-weight: 700 !important; font-size: 200% !important; }
.relaxa_list li { margin-bottom: 14px !important; font-weight: 700 !important; }
.relaxa_list li:last-child { margin-bottom: 0 !important; }
.relaxa_list li a { font-size: 140% !important; }
.relaxa_list li a:hover { border-bottom: 1px solid #90a3c5; }

.box_RELAXA { width: 34%; margin: 0 auto; }
.box_HH3 { width: 47%; }
.box_HH4 { width: 48.8%; }
.box_3sp2 { width: 31%; }
.spBG2 { margin-bottom: 50px !important; }
.rimg { padding: 0 10%; }
.mg_relaxa { margin: 0 !important; }
.h_type03 span.relaxa_lg { background: #617598; }
@media all and (max-width:768px){
.spBG { margin-bottom: 24px !important; }
.spBG2 { margin-bottom: 12px !important; }
.box_r62, .box_r32, .box_HH3, .box_HH4, .box_3sp2 { width: 100%; }
.box_r32 { padding-top: 20px; }
.box_RELAXA { width: 100%; }
.rimg { padding: 0; }
.mg_relaxa { width: 100%; }
.mg_relaxa.spBG { margin: 0 0 24px 0 !important; }
.relaxa_txt { font-size: 65% !important; position: relative; top: -3px; }
.h_type03 span.relaxa_lg { padding: 7px 20px 5px 20px; }
}
.ttl05 { position: relative; line-height: 1.4; color: #90a3c5; font-weight: bold !important; font-size: 120%; margin-bottom: 36px !important; }
.ttl05 span { font-size: 150%; color: #617598; }

.ttl05::after { content: ""; width: 100%; height: 18px; background: #d6deed; position: absolute; bottom: -7px; left: 0; z-index: -1; }
.ttl05.ttl05_2::after { bottom: 0px; height: 14px; }
.ttl05.ttl05_2 { margin-bottom: 3px !important; }
.txt_lh14 { line-height: 1.4 !important; }
.txt_fs110 { font-size: 110% !important; }
.txt_fs120 { font-size: 120% !important; }
.mt_box2 { padding-bottom: 40px; border-bottom: 1px dotted #67a2be; }
.box_r_local { border: 6px solid #e7ecf6; padding: 14px 17px; box-sizing: border-box; }
.box_01lg { border: 1px solid #617598; border-radius: 8px; padding: 20px 22px 14px; }