body{
background-color:#FFFFFF;
margin:0;
padding:0;
color: #1C1C1C;
font-family:"貂ｸ繧ｴ繧ｷ繝�け", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
vertical-align:middle;
}
.scr {
width: 100%;
height: 460px;
overflow-y: scroll;
}
@media screen and (max-width: 480px) {
.scr {
width: 100%;
height: 250px;
overflow-y: scroll;
}
}
.scr a {
color: #FFF;
text-decoration: none;
}
/*xs縺ｧ謾ｹ陦後ｒ辟｡蜉ｹ蛹�*/
@media screen and (max-width: 480px) {
.brnone { display : none ; }
}
/*xs縺ｧ繝輔か繝ｳ繝医し繧､繧ｺ蟆上＆縺�*/
@media print, screen and (max-width: 749px) {
.fntxs { font-size:13px;
line-height:14px;}
}
a.overwhite{
display:block;
}
a.overwhite:hover img{
cursor:pointer;
filter: alpha(opacity=60); /* ie lt 8 */
-ms-filter: "alpha(opacity=60)"; /* ie 8 */
-moz-opacity:0.6; /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6; /* Safari 1.x */
opacity:0.6;
zoom:1;
}
/*�題｡悟�縺ｧ蜿ｳ蟇�○蟾ｦ蟇�○*/
.textalignleft{
text-align: left;
float: left;
}
.textalignright{
text-align: right; }
/*�題｡悟�縺ｧ蜿ｳ蟇�○蟾ｦ蟇�○*/
.fnt_white,.fnt_white a {
color:#FFFFFF;
}
.aka{
color:#F00;
}
.txt {
padding:10px 0;
}
Demo styles
html, body {
position: relative;
height: 100%;
}
body {
background: #eee;
/*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
font-size: 14px;
color:#000;
margin: 0;
padding: 0;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/*隕九□縺�*/
@media print, screen and (min-width: 993px), print {
.mds01 {
padding:0 0 30px 0;
text-align:left;
border-bottom:#CCC solid 1px;
margin-bottom:30px;
font-weight:bold;
}
}
@media print, screen and (min-width: 391px) and (max-width: 992px) {
.mds01 {
padding:0 0 10px 10px;
text-align:left;
border-bottom:#CCC solid 1px;
margin-bottom:20px;
}
}
@media print, screen and (max-width: 390px) {
.mds01 {
padding:0 0 10px 0;
text-align:center;
border-bottom:solid 1px #ccc;
margin-bottom:10px;
}
}
/*隕九□縺�*/
.bgcolor{
background-color:#E7F1F7;
}
.fs80 {
font-size:80%;
}
.fs110 {
font-size:110%;
}
.fs120 {
font-size:120%;
}
.fs130 {
font-size:130%;
}
.fs140 {
font-size:140%;
}
.fs150 {
font-size:150%;
}
.fs160 {
font-size:160%;
}
dl.list309 dt {
clear: left;
float: left;
margin: 0 0 0.8em;
width: 100%;
color: #FFF;
font-weight:bold;
}
dl.list309 dd {
margin-bottom: 0.8em;
margin-left: 0em;
border-bottom:solid 1px #FFF;
}
@media print, screen and (max-width: 749px) {
}
/*譛譁ｰ諠��ｱ驛ｨ蛻�*/
/*.font-mincho {
font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}*/
.head_bg{
}
ul,ul li{
margin:0;
padding:0;
/*list-style-type:none;*/
list-style-position:inside;
}
.list li{
margin-left:20px;
padding:0;
list-style-image:url(../img/btn_arrow.png);
}
@media print, screen and (min-width: 993px), print {
.fs120 {
font-size:120%;
}
.fs130 {
font-size:130%;
}
.fs80 {
font-size:80%;
line-height:2em;
}
}
@media print, screen and (min-width: 750px) and (max-width: 992px) {
.fs120 {
font-size:120%;
}
.fs130 {
font-size:130%;
}
.fs80 {
font-size:80%;
line-height:2em;
}
}
@media print, screen and (max-width: 749px) {
.fs120 {
font-size:100%;
}
.fs130 {
font-size:100%;
}
.fs80 {
font-size:80%;
line-height:2em;
}
}
/**/
.lineheight140{
line-height:140%;
}
.lineheight180{
line-height:180%;
}
.kakaku{
text-align:right;
color:#F00;
}
/*繝倥ャ繝繝ｼ繝輔ャ繧ｿ繝ｼ*/
CSS
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color:#FFF;
}
body > .container {
padding: 0 15px 15px;
}
.container {
}
.bg{
background-color:#FFF;
padding:30px 20px;
}
.container .text-muted {
margin: 20px 0;
}
.footer > .container {
padding-right: 15px;
padding-left: 15px;
}
/*�上�繝�ム繝ｼ繝輔ャ繧ｿ繝ｼ*/
.iro {
color:#3954AA;
}
.iro2 {
color:#684317;
}
.bgiro{
background-color:#FC0;
}
.bld {
font-weight:bold;
}
.cntr {
text-align:center;
margin:0 auto;
}
.midori_bk{
background-image:url(../img/top/midori.gif);
background-repeat:repeat-x;
background-position:bottom center;
}
/*xs sm縺ｧ繧ｻ繝ｳ繧ｿ繝ｼ蟇�○*/
@media print, screen and (min-width: 993px), print {
.sm_center {
text-align:left;
margin:0 auto;
}
}
@media print, screen and (min-width: 391px) and (max-width: 992px) {
.sm_center {
width:100%;
text-align:center;
margin:0 auto;
}
}
@media print, screen and (max-width: 390px) {
.sm_center {
width:100%;
text-align:center;
margin:0 auto;
}
}
/*�駿s sm縺ｧ繧ｻ繝ｳ繧ｿ繝ｼ蟇�○*/
/*繝輔ャ繧ｿ繝ｼ*/
/**/
@media print, screen and (min-width: 993px), print {
.copyright{
text-align:center;
margin:0 auto;
display:block;
padding:6px 0;
border-top:solid 1px #FFF;
}
}
@media print, screen and (min-width: 391px) and (max-width: 992px) {
.copyright{
text-align:center;
margin:0 auto;
display:block;
padding:6px 0;
border-top:solid 1px #FFF;
font-size:90%;
line-height:2em;
}
}
@media print, screen and (max-width: 390px) {
.copyright{
text-align:center;
margin:0 auto;
display:block;
padding:6px 0;
border-top:solid 1px #FFF;
font-size:80%;
line-height:2em;
}
}
/**/
/*�上ヵ繝�ち繝ｼ*/
/*逕ｻ蜒乗棧莉倥″*/
.img-thumbnail-dotted {
padding: 2px;
border: 1px dotted #555;
border-radius: 2px;
}
/*�冗判蜒乗棧莉倥″*/
.brdr_bottom{
border-bottom:1px dotted #999;
padding:2px 0;
margin:10px 0 5px;
}
.ttl{
padding:40px 0 20px 0;
}
/*繧ｭ繝｣繝�メ*/
@media print, screen and (min-width: 993px), print {
.catch {
font-size:34px;
}
.catch2 {
font-size:24px;
line-height:160%;
}
.catch3 {
font-size:21px;
line-height:140%;
}
.catch4 {
font-size:17px;
}
}
@media print, screen and (min-width: 391px) and (max-width: 992px) {
.catch {
font-size:24px;
}
.catch2 {
font-size:18px;
line-height:140%;
}
.catch3 {
font-size:16px;
line-height:140%;
}
.catch4 {
font-size:16px;
}
}
@media print, screen and (max-width: 390px) {
.catch {
font-size:16px;
font-weight:bold;
}
.catch2 {
font-size:15px;
font-weight:bold;
line-height:120%;
}
.catch3 {
font-size:14px;
font-weight:bold;
line-height:120%;
}
.catch4 {
font-size:14px;
}
}
/*繧ｭ繝｣繝�メ*/
.mds-bk{
padding: 0 0 20px 0;
border-bottom:solid 2px #ccc;
}
.mds-bk2{
background-image:url(../img/common/mds_bk4.png);
background-repeat:repeat-x;
background-position:bottom;
}
.mds-bk3{
height:47px;
padding:12px 0 10px 15px;
background-image:url(../img/common/mds_bk5.png);
background-repeat:repeat-x;
border:solid #F2F2F2 1px;
margin-bottom:20px;
}
.mds-bk4{
background-color:#D3EAD3;
padding:10px;
}
.mds-grd1 {
padding:15px;
margin-bottom:20px;
border:solid 1px #83C683;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#009315', endColorstr = '#00700b');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#009315', endColorstr = '#00700b')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #009315, #00700b);
background-image: -ms-linear-gradient(top, #009315, #00700b);
background-image: -o-linear-gradient(top, #009315, #00700b);
background-image: -webkit-gradient(linear, center top, center bottom, from(#009315), to(#00700b));
background-image: -webkit-linear-gradient(top, #009315, #00700b);
background-image: linear-gradient(top, #009315, #00700b);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
.list_none {
padding:0;
margin:0;
}
.list_none li {
list-style-type:none;
padding:0 0 5px 0;
margin:0;
}
.brdrbtm {
border-bottom:#333 dotted 1px;
}
.gly-bk {
border:dotted 1px #ccc;
background-color:#F4F4F4;
padding:15px;
margin-bottom:10px;
width:auto;
}
.gly-bk2 {
background-color:#E7F1F7;
padding:10px;
margin-bottom:10px;
width:auto;
border:solid 1px #3954AA;
}
.orng-bk {
background-color:#ED965A;
border:solid 1px #E85A24;
padding:20px;
color:#FFF;
}
.orng-waku {
border:solid 2px #3954AA;
padding:20px;
}
@media screen and (max-width: 480px) {
.orng-waku {
padding:10px;
}
}
.waku {
background-color:#FFF;
padding:20px;
border: 2px solid #F4F4F4;
border-radius: 2px;
}
.waku-sdw {
background-color:#FFF;
/* box-shadow */
box-shadow:0px 0px 10px 0px #e3e3e3;
-moz-box-shadow:0px 0px 10px 0px #e3e3e3;
-webkit-box-shadow:0px 0px 10px 0px #e3e3e3;
/* border-radius */
border:solid 1px #FFF;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
/* border */
}
.green_bk {
background-color:#FFF;
padding:20px 20px 10px 20px;
border: 5px solid #5E2E1B;
border-radius: 2px;
}
.green_bk2 {
background-color:#FFF;
color:#000;
padding:20px;
border:#5E2E1B solid 1px;
text-decoration:none;
}
a .green_bk2:hover {
background-color:#9AC1AC;
color:#FFF;
padding:20px;
border:#5E2E1B solid 1px;
}
.gly_orange {
background-color:#F3F9FF;
padding:20px;
border: 3px solid #3954AA;
border-radius: 2px;
}
.sankaku{
padding:0;
margin:0 auto;
text-align:center;
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #3954AA;
}
/*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝悶ユ繝ｼ繝悶Ν繝�じ繧､繝ｳ1 ***/
.tbl{
width:100%;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.tbl th{
padding: 5px;
border-left: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
background-color: #F4F4F4;
text-align:center;
font-weight:normal;
}
.tbl td{
padding: 5px 10px;
border-left: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
}
@media print, screen and (max-width: 749px) {
.tbl th{
padding: 5px 3px;
}
.tbl td{
padding: 5px 3px;
}
}
.tbl2{
width:100%;
}
.tbl2 th{
font-weight:normal;
padding: 5px 0;
border-right: dashed 1px #cccccc;
border-bottom: dashed 1px #cccccc;
}
.tbl2 td{
padding: 5px 10px;
border-bottom: dashed 1px #cccccc;
}
.tbl-rsp{
width:100%;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
.tbl-rsp th{
padding: 10px;
border-left: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
overflow: hidden;
font-style: normal;
font-weight: bold;
font-size: 100%;
text-align: left;
word-break: break-all;
word-wrap: break-word;
vertical-align: top;
background-color: #F4F4F4;
}
.tbl-rsp td{
padding: 10px;
text-align: left;
vertical-align: top;
border-left: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
@media (max-width: 400px){
.tbl-rsp{
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.tbl-rsp th{
border-right: 1px solid #cccccc;
width:100%;
display:block;
margin: 0 auto;
/*border:none;
border-radius: 3px;*/
}
.tbl-rsp td{
border-right: 1px solid #cccccc;
display: list-item;
width: 100%;
border-top: none !important;
/*border-right: none !important;*/
}
}
/*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝悶ユ繝ｼ繝悶Ν繝�じ繧､繝ｳ1 ***/
/*** 繝ｬ繧ｹ繝昴Φ繧ｷ繝悶ユ繝ｼ繝悶Ν繝�じ繧､繝ｳ2 ***/
.tbl-rsp2{
width:100%;
/*border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;*/
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
.tbl-rsp2 th{
padding: 6px;
border-right: dashed 1px #cccccc;
border-bottom: dashed 1px #cccccc;
overflow: hidden;
font-style: normal;
font-weight:normal;
font-size: 100%;
text-align: left;
word-break: break-all;
word-wrap: break-word;
vertical-align: top;
/*background-color: #F4F4F4;*/
}
.tbl-rsp2 td{
padding: 6px;
text-align: left;
vertical-align: top;
/*border-left: solid 1px #cccccc;*/
border-bottom: dashed 1px #cccccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
@media (max-width: 400px){
.tbl-rsp2{
/*border:none;*/
}
.tbl-rsp2 th{
background-color: #F4F4F4;
width:100%;
display:block;
margin: 0 auto;
/*border:none;
border-radius: 3px;*/
}
.tbl-rsp2 td{
display: list-item;
width: 100%;
border-top: none !important;
border-right: none !important;
}
}
/*** �上Ξ繧ｹ繝昴Φ繧ｷ繝悶ユ繝ｼ繝悶Ν繝�じ繧､繝ｳ2 ***/
.lineheight140{
line-height:140%;
}
.lineheight14{
line-height:1.4em;
}
.lineheight18{
line-height:1.8em;
}
.leftbrdr_orange{
border-left:solid 7px #3954AA;
padding-left:10px;
line-height:120%;
margin-bottom:5px;
}
.orange {
color:#70655F;
}
.kuro
{
color:#333;
}
.hr{
border:none;
border-top:solid 1px #666666;
height:1px;
color:#FFFFFF;
margin: 0 6 0 6;
padding:0;
}
.mds-bk_iro{
background-color:#3954AA;
padding:7px 15px;
margin:0 0 10px;
color:#fff;
}
.mds-bk_iro2{
background-color:#3954AA;
color:#FFF;
padding:10px;
margin:20px 0;
}
/*繝√ぉ繝�け隕句�縺�*/
.heading2{
position:relative;
padding-left:30px;
border-bottom:2px solid #ccc;
font-weight: bold;
line-height: 38px;
}
.heading2:after, .heading2:before{
content:'';
height:18px;
width:4px;
display:block;
background:#00A8FF;
position:absolute;
top:8px;
left:15px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
.heading2:before{
height:10px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
top:16px;
left:7px
}/*繝√ぉ繝�け隕句�縺�*/
.shikaku_arrow {
border-left:18px solid #3954AA;
padding-left:10px;
margin-bottom:10px;
line-height:18px;
}
@media print, screen and (min-width: 993px), print {
}
@media print, screen and (min-width: 391px) and (max-width: 992px) {
}
@media print, screen and (max-width: 390px) {
}
/**/
.mds_stripe {
padding: .5em .75em;
background: -webkit-repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
background: repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.mds_ribbon {
color:#FFF;
position: relative;
padding: .5em 1em;
background-color: #3954AA;
}
.mds_ribbon::before,
.mds_ribbon::after {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
}
.mds_ribbon::before {
left: 0;
border-width: 0 15px 15px 0;
border-right-color: #198E24;
}
.mds_ribbon::after {
right: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-top-color: #198E24;
}
.mds_ribbon_bg{
padding:20px;
}
@media print, screen and (max-width: 749px) {
.mds_ribbon::before {
border-width: 0 8px 8px 0;
}
.mds_ribbon::after {
border-width: 8px 8px 0 0;
}
.mds_ribbon_bg{
padding:10px 0;
}
}
/**/
@media print, screen and (min-width: 993px), print {
.brdrtate{
border-left:1px solid #ccc;
}
}
@media print, screen and (min-width: 750px) and (max-width: 992px) {
.brdrtate{
border-left:1px solid #ccc;
}
}
@media print, screen and (max-width: 749px) {
.brdrtate{
border-left:none;
}
}
/**/
hr.hr2 {
margin:13px 0;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
hr.hr4{
border:0;
border-top:1px solid #ccc;
border-bottom:1px solid #fff;
}
hr.hr5{
border:0;
border-bottom:2px solid #000;
}
hr.hr3{
border:0;
border-bottom: 1px solid #FFFFFF;
}
.waku-grd{
padding:10px ;
border:solid 1px #ccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius:2px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f4f4f4');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f4f4f4')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f4f4f4));
background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
background-image: linear-gradient(top, #ffffff, #f4f4f4);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
.waku-grd2{
padding:10px 2px;
border:solid 1px #83C683;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius:2px;
color:#fFFFFFF;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#98d86f', endColorstr = '#48b748');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#98d86f', endColorstr = '#48b748')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #98d86f, #48b748);
background-image: -ms-linear-gradient(top, #98d86f, #48b748);
background-image: -o-linear-gradient(top, #98d86f, #48b748);
background-image: -webkit-gradient(linear, center top, center bottom, from(#98d86f), to(#48b748));
background-image: -webkit-linear-gradient(top, #98d86f, #48b748);
background-image: linear-gradient(top, #98d86f, #48b748);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
.waku-grd2 p {
color:#FFF;
}
.mojimarker/*陋榊�繝槭�繧ｫ繝ｼ*/ {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
/*縺ｵ縺阪□縺�*/
.arrow_box { color:#0371E8;
}
@media print, screen and (min-width: 993px), print {
.arrow_box {
padding:15px 25px;
position: relative;
background: #CFEAFF;
border-radius:10px;
/*border: 4px solid #3954AA;*/
}
.arrow_box:after, .arrow_box:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-left-color: #CFEAFF;
border-width: 15px;
margin-top: -15px;
}
/*.arrow_box:before {
border-color: rgba(194, 225, 245, 0);
border-left-color: #3954AA;
border-width: 21px;
margin-top: -21px;
}*/
}
@media print, screen and (min-width: 750px) and (max-width: 992px) {
}
@media print, screen and (max-width: 749px) {
.arrow_box {
padding:15px 25px;
position: relative;
background: #CFEAFF;
border-radius:10px;
/*border: 4px solid #3954AA;*/
}
.arrow_box:after, .arrow_box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
/*.arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #3954AA;
border-width: 15px;
margin-left: -15px;
}*/
.arrow_box:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #CFEAFF;
border-width: 21px;
margin-left: -21px;
}
}
/*縺ｵ縺阪□縺�*/
/*list繝�じ繧､繝ｳ*/
.list03 li {
position: relative;
left: 1.2em;font-size: 13.5px;
list-style:none;
}
.list03 li::after,
.list03 li::before {
display: block;
content: '';
position: absolute;
}
.list03 li::after {
top: .35em;
left: -1.2em;
width: 14px;
height: 14px;
background-color: #3954AA;
border-radius: 100%;
}
.list03 li::before {
z-index: 2;
top: .625em;
left: -.975em;
width: 4px;
height: 4px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*list繝�じ繧､繝ｳ*/
/*繝ｪ繧ｹ繝医せ繧ｿ繧､繝ｫ*/
.list01 {
padding:0;
margin:0;
}
.list01 li {
list-style:none;
padding:0;
margin:0;
}
.list01 li a,.list01 li a:hover {
color:#FFF;
}
.list02 {
padding:0;
margin:0;
}
.list02 li {
list-style:none;
padding:0 0 0 0px;
margin:0;
}
.list02 li ul,.list02 li ul li {
font-size:95%;
list-style:none;
padding:0 0 0 10px;
margin:0;
}
/*�上Μ繧ｹ繝医せ繧ｿ繧､繝ｫ*/
/*譫�縺ｯ縺倥♀繧�*/
.wakublock {
position: relative;
padding: 20px;
color: #FFF;
background: #3954AA;
overflow: hidden;
}
@media screen and (max-width: 480px) {
.wakublock {
padding: 10px;
}
}
.wakublock:before {
content: " ";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-width: 16px 16px 0 0;
border-style: solid;
border-color: #fff;
border-top-color: #95A9DB;
box-shadow: 0 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
.wakublock4 {
position: relative;
padding: 10px;
color:#3954AA;
background: #DCE7F4;
overflow: hidden;
}
.wakublock4:before {
content: " ";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-width: 16px 16px 0 0;
border-style: solid;
border-color: #fff;
border-top-color: #3954AA;
box-shadow: 0 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}/*譫�縺ｯ縺倥♀繧�*/
/*譫�蟾ｦ繝懊�繝繝ｼ*/
.wakublock2 {
border: #d2b48c solid 1px;
border-left: #d2b48c solid 10px;
padding: 20px;
background: #fff;
}/*譫�蟾ｦ繝懊�繝繝ｼ*/
/*隕句�縺怜ｷｦ繝懊�繝繝ｼ*/
.wakublock3 {
border: #3954AA solid 1px;
border-left: #3954AA solid 10px;
padding: 8px 10px;
color:#3954AA;
background: #fff;
margin:0 0 10px;
}/*隕句�縺怜ｷｦ繝懊�繝繝ｼ*/
@media print, screen and (max-width: 749px) {
.xs-bg-midori {
border-top:solid 1px #3954AA;
padding-top:10px;
}
}
.otoi {
background-image:url(../img/common/otoi_bg.png);
background-repeat:no-repeat;
background-position:center right;
}
@media print, screen and (max-width: 749px) {
.otoi {
background-image:none;
}
}
.waku_mint {
background-color:#F2F5F9;
border:dashed 3px #87AEDD;
padding:15px;
background-image:url(../img/customer_voice/yuki.png);
}
.center{
text-align: center;
}
.f13{
font-size: 13px;
}
.f12{
font-size: 12px;
}
.infomation_box {
height: 150px;
overflow: hidden;
overflow-y: scroll;
}
.topics dl {
padding: 5px 0;
border-bottom: 1px dotted #ccc;
}
.topics dt {
padding-bottom: 1px;
}
.topics dd {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.topics dd a {
}
@media screen and (min-width: 768px) {
.topics dt {
clear: left;
float: left;
width: 20%;
}
}
@media screen and (max-width: 768px) {
.topics dt,.topics dd {font-size: 11px;}
}
.aoirob{
font-weight: 500;
color: #3954AA;
}
.aoirob:hover {
font-weight: 500;
color: #666666;
}
.aaaimg:hover{
opacity: 0.8;
}
.i1 {
background: url(../img/top/i1.png) 0 0 no-repeat;
padding: 0px 10px 10px 34px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
color: #3954AA;
font-size: 110%;
margin-bottom: 10px;
}
.i2 {
background: url(../img/top/i2.png) 0 0 no-repeat;
padding: 0px 10px 10px 34px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
color: #3954AA;
font-size: 110%;
margin-bottom: 10px;
}
.i3 {
background: url(../img/top/i3.png) 0 0 no-repeat;
padding: 0px 10px 10px 34px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
color: #3954AA;
font-size: 110%;
margin-bottom: 10px;
}
.i4 {
background: url(../img/top/i4.png) 0 0 no-repeat;
padding: 0px 10px 10px 34px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
color: #3954AA;
font-size: 110%;
margin-bottom: 10px;
}
.i5 {
background: url(../img/top/i5.png) 0 0 no-repeat;
padding: 0px 10px 10px 34px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
color: #3954AA;
font-size: 110%;
margin-bottom: 10px;
}
.i6 {
background: url(../img/top/i6.png) 0 0 no-repeat;
padding: 0px 10px 10px 34px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
color: #3954AA;
font-size: 110%;
margin-bottom: 10px;
}
.i7 {
background: url(../img/top/i7.png) 0 0 no-repeat;
padding: 0px 10px 10px 34px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
color: #3954AA;
font-size: 110%;
margin-bottom: 10px;
}
.i8 {
background: url(../img/top/i8.png) 0 0 no-repeat;
padding: 0px 10px 10px 34px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
color: #3954AA;
font-size: 110%;
margin-bottom: 10px;
}
.i9 {
background: url(../img/top/i9.png) 0 0 no-repeat;
padding: 0px 10px 10px 34px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
color: #3954AA;
font-size: 110%;
margin-bottom: 10px;
}
.iimozi1 {
font-weight: bold;
color: #000000;
font-size: 110%;
}
.setubi table td {
padding: 10px;
}
.setubi table th {
padding: 10px;
vertical-align: top;
}
.sitokuaaa {
border: 10px solid #ff7ea8;
border-radius: 0px; color: #fff;
text-align: center;
}
.sitokuaaa_ttl {
font-weight: bold;
font-size: 20px;
padding: 10px;
background-color: #ff7ea8;
}
.sitokuaaa_list {
/* text-align: left; */
padding: 20px;
color: #333333;
}
.sirowaku20{
padding: 20px;
background: #ffffff;
}
.link_btn2 {
display: block;
color: #FFFFFF !important;
background-color: #d50d50;
margin: 25px auto;
margin-top: 5px;
width: 400px;
max-width: 80%;
border-radius: 50px;
text-align: center;
font-weight: bold;
padding: 10px 20px;
font-size: 20px;
}
@media screen and (max-width: 500px) {
.link_btn2 {
display: block;
color: #FFFFFF !important;
background-color: #d50d50;
margin: 25px auto;
margin-top: 6px;
width: 80%;
max-width: 80%;
border-radius: 50px;
text-align: center;
font-weight: bold;
padding: 10px 20px;
font-size: 16px;
}
}
a .siaaa{
padding: 10px;
background-color: #fff3f7; background-color: #ffffff;
border: solid 12px #ea83a5;border: solid 10px #eaaabf;
border-radius: 6px;
}
a:hover .siaaa{
padding: 10px;
background-color: #fff3f7;
}
.makerunabana{
border: solid 4px #3954AA;
border-radius: 2px;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1199px) {
.makerunabana{
border: solid 4px #3954AA;
border-radius: 2px;
width: 100%;
height: 100%;
}
}
.vtop{
vertical-align: top;
}
.thumbnaila {
display: block;
padding: 2px;
/* margin-bottom: 10px; */
/* line-height: 1.42857143; */
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.hhha:hover{
opacity: 0.8;
}
.mb10{
padding-bottom: 10px;
}
.mb20{
padding-bottom: 20px;
}
.bold{
font-weight: 600;
}
@media screen and (min-width: 768px) {
.pc768{
}
.sp767{
display: none;
}
}
@media screen and (max-width: 767px) {
.pc768{
display: none;
}
.sp767{
}
}
.ryokousienwaku {
border: solid 4px #8ec1c9;
border-radius: 2px;
width: 100%;
height: 100%;
}
.wakumurasaki{
border: solid 4px #e0d1e8;
}
.mb5{
padding-bottom: 5px;
}
.pppd{
padding: 30px;
}
.f18{
font-size: 18px;
}
.f20{
font-size: 20px;
}
.waku11 {
border: solid 1px #b1b1b1;
width: 100%;
height: 100%;
padding: 3px;
margin-bottom: 10px;
border-radius: 4px;
line-height: 1.42857143;
background-color: #fff;
}
.flink{
color:#e429c1 !important;
font-size: 16px;
}
:root {
--icon-width: 2px;
--icon-color: #e429c1;
}
.icon-blank {
display: inline-block;
box-sizing: border-box;
position: relative;
width: 12px;
height: 8px;
}
.icon-blank:before,
.icon-blank:after {
content: "";
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
border-style: solid;
border-color: #e429c1;
}
.icon-blank:before {
top: 0;
left: 0;
border-width: var(--icon-width);
}
.icon-blank:after {
top: 4px;
left: 4px;
border-width: 0 var(--icon-width) var(--icon-width) 0;
}
@media screen and (min-width: 600px) {
.douga1{
max-width: 500px;
margin: ;
}
}
@media screen and (max-width: 599px) {
.douga1{
max-width: 100%;
}
}
.f11{
font-size: 11px;
line-height: 14px;
}