@charset "UTF-8";
/* CSS Document */
.pc{
display:block !important;
}
.tab-pc{
display:block !important;
}
.tab{
display: none !important;
}
.sp-tab{
display:none !important;
}
.sp{
display:none !important;
}
@media screen and (max-width:980px){
.pc{
display:none !important;
}
.tab{
display:block !important;
}
.sp-tab{
display:block !important;
}
}
@media screen and (max-width:767px){
body{
font-size:9pt;
}
.tab-pc{
display: none !important;
}
.tab{
display: none !important;
}
.sp{
display:block !important;
}
}
/*-------------------------------------*/
.clear:after
{
content:"";
display:block;
clear:both;
}
.blockLeft{
float:left;
}
.blockRight{
float:right;
}
/*-------------------------------------*/
.cursorPointer {
cursor: pointer;
}
/*-------------------------------------*/
.imgMax {
width: 100%;
height: auto;
}
/*-------------------------------------*/
.hr{
border-width: 1px;
border-style: solid;
}
.hr2px{
border-width: 2px;
border-style: solid;
}
.hrBold{
border-width: 6px;
border-style: solid;
}
@media only screen and (max-width:767px){
.hrBold{
border-width: 4px;
border-style: solid;
}
}
/*-------------------------------------*/
.contentsBorder-top {
border-top: 1px solid #e6e6e6;
}
.contentsBorder{
border-bottom: 1px solid #e6e6e6;
padding-bottom: 50px;
margin-bottom: 50px;
}
@media only screen and (max-width:767px){
.contentsBorder{
padding-bottom: 30px;
margin-bottom: 30px;
}
}
.contentsBorder-short{
border-bottom: 1px solid #e6e6e6;
padding-bottom: 40px;
margin-bottom: 40px;
}
@media only screen and (max-width:767px){
.contentsBorder-short{
padding-bottom: 25px;
margin-bottom: 25px;
}
}
/*-------------------------------------*/
.areaInner{
width:90%;
max-width:980px;
margin:0 auto;
position:relative;
}
.areaInner--W100{
width: 100%;
}
/*-------------------------------------*/
.fix{
position: fixed;
}
.relative{
position: relative;
}
.absolute{
position:absolute;
}
/*-------------------------------------*/
.l-row {
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
.l-row--middle {
align-items: center;
}
.l-row--alignEnd {
align-items: flex-end;
}
.l-row--center {
justify-content: center;
}
.l-row--start {
justify-content: flex-start;
}
.l-row--end {
justify-content: flex-end;
}
.l-row--around {
justify-content: space-around;
}
.l-row--between {
justify-content: space-between;
}
.l-row--noWrap {
flex-wrap: nowrap;
}
.l-row--re {
flex-direction: row-reverse;
}
/*-------------------------------------*/
.telLink {
pointer-events: none;
}
.spContent .telLink {
pointer-events: inherit;
}
/*-------------------------------------*/
.rollOver img {
transition: all 0.3s ease;
}
.rollOver:hover img{
opacity: 0.7;
}
/*-------------------------------------*/
a.linkText:link,
a.linkText:visited
{
text-decoration:underline;
}

a.linkText:hover,
a.linkText:active
{
text-decoration:none;
}
/*-------------------------------------*/
.hoverZoom_itemWrap {
overflow: hidden;
}
.hoverZoom_item {
transition: transform .3s;
}
.hoverZoom:hover .hoverZoom_item {
transform: scale(1.05);
}
/*-------------------------------------*/
.hoverSlide_item {
transition: transform .3s;
}
.hoverSlide:hover .hoverSlide_item {
transform: translateX(5px);
}
/*-------------------------------------*/
.autoBlock {
margin-left: auto;
margin-right: auto;
}
/*-------------------------------------*/
.maximumBlock {
margin-bottom: 180px
}
@media only screen and (max-width:767px){
.maximumBlock {
margin-bottom: 140px
}
}
.bigBlock {
margin-bottom: 150px
}
@media only screen and (max-width:767px){
.bigBlock {
margin-bottom: 120px
}
}
.sectionBlock {
margin-bottom: 100px
}
@media only screen and (max-width:767px){
.sectionBlock {
margin-bottom: 80px
}
}
.sectionSemiBlock {
margin-bottom: 70px
}
@media only screen and (max-width:767px){
.sectionSemiBlock {
margin-bottom: 50px
}
}
.contentsBlock {
margin-bottom: 50px
}
@media only screen and (max-width:767px){
.contentsBlock {
margin-bottom: 45px
}
}
.contentsSemiBlock {
margin-bottom: 40px
}
.normalBlock {
margin-bottom: 30px
}
.semiBlock {
margin-bottom: 20px
}
.miniBlock {
margin-bottom: 10px
}
.minimumBlock {
margin-bottom: 5px
}
/*-------------------------------------*/
.u-center {
text-align: center;
}
.u-right {
text-align:right;
}
.u-left {
text-align: left;
}
/*-------------------------------------*/
.u-underLine{
background: linear-gradient(transparent 70%, #ffff02 70%);
}
.u-fcWhite {
color: #fff;
}
.u-fcBlack {
color: #000;
}
.u-fcGray {
color: #b3b3b3;
}
.u-fcLiGray {
color: #bcbcbc;
}
.u-fcBlue {
color: #033b82;
}
.u-fcRed {
color: #dd1c24;
}
.u-bgWhite {
background:#fff;
}
.u-bgBlack {
background: #000;
}
.u-bgGray {
background: #666;
}
.u-bgLiGray {
background: rgba(35, 24, 21, 0.03);
}
.u-bgBlue {
background: #033b82;
}
.u-bgRed{
background: #dd1c24;
}
.u-bgLiRed {
background: #fdf6f6;
}
/*-------------------------------------*/
.u-fwBold {
font-weight: bold;
}
.u-fwNomal{
font-weight: normal;
}
.u-fsItalic {
font-style: italic;
}
.u-textSkew {
transform: skewX(-10deg);
}
/*-------------------------------------*/
.hidden{
overflow: hidden;
}
.dpInlineBlock{
display: inline-block;
}
.dpBlock{
display: block;
}
.dpNone{
display: none;
}
/*-------------------------------------*/
.u-vaTop {
vertical-align: top;
}
.u-vaMiddle {
vertical-align:middle;
}
.u-vaBottom{
vertical-align:bottom;
}
/*-------------------------------------*/
.u-rotation45{
transform: rotate(45deg);
}
.u-rotationnega45{
transform: rotate(-45deg);
}
.u-rotation90{
transform: rotate(90deg);
}
.u-rotationnega90{
transform: rotate(-90deg);
}
/*-------------------------------------*/
.u-br50{
border-radius: 50%;
}
.u-br10px{
border-radius: 10px;
}
.u-br40px{
border-radius: 40px;
}
/*-------------------------------------*/
.fs-40{
font-size: 4.0rem;
}
.fs-34{
font-size: 3.4rem;
}
@media only screen and (max-width:767px){
.fs-34{
font-size: 2.9rem;
}
}
.fs-30{
font-size: 3.0rem;
}
.fs-29{
font-size: 2.9rem;
}
.fs-28{
font-size: 2.8rem;
}
.fs-27{
font-size: 2.7rem;
}
.fs-26{
font-size: 2.6rem;
}
.fs-25{
font-size: 2.5rem;
}
.fs-24{
font-size: 2.4rem;
}
.fs-24{
font-size: 2.4rem;
}
.fs-23{
font-size: 2.3rem;
}
.fs-22{
font-size: 2.2rem;
}
.fs-21{
font-size: 2.1rem;
}
.fs-20{
font-size: 2.0rem;
}
.fs-19{
font-size: 1.9rem;
}
.fs-18{
font-size: 1.8rem;
}
.fs-17{
font-size: 1.7rem;
}
.fs-16{
font-size: 1.6rem;
}
.fs-15{
font-size: 1.5rem;
}
.fs-14{
font-size: 1.4rem;
}
.fs-13{
font-size: 1.3rem;
}
.fs-12{
font-size: 1.2rem;
}
.fs-11{
font-size: 1.1rem;
}
.fs-10{
font-size: 1.0rem;
}
/*-------------------------------------*/
.ls-mini{
letter-spacing: 0.05em;
}
.ls-medium{
letter-spacing: 0.1em;
}
.ls-long{
letter-spacing: 0.2em;
}
.ls-normal{
letter-spacing: normal;
}
/*-------------------------------------*/
.lh-maxheight{
line-height: 2.5;
}
.lh-hight{
line-height: 2.2;
}
.lh-normal{
line-height: 1.8;
}
.lh-medium{
line-height: 1.5;
}
.lh-low{
line-height: 1.2;
}
.lh-thin{
line-height: 1;
}
/*-------------------------------------*/
/*横並び時のmargin-bottom解除*/
.l-halfBox:last-child,
.l-halfBox:nth-last-child(2).l-halfBox:nth-child(2n+1) {
margin-bottom: 0;
}
.l-tripartitionBox:last-child,
.l-tripartitionBox:nth-last-child(2).l-tripartitionBox:nth-child(3n+2),
.l-tripartitionBox:nth-last-child(2).l-tripartitionBox:nth-child(3n+1),
.l-tripartitionBox:nth-last-child(3).l-tripartitionBox:nth-child(3n+1){
margin-bottom: 0;
}
.l-quarterBox:last-child,
.l-quarterBox:nth-last-child(2).l-quarterBox:nth-child(4n+1),
.l-quarterBox:nth-last-child(2).l-quarterBox:nth-child(4n+2),
.l-quarterBox:nth-last-child(2).l-quarterBox:nth-child(4n+3),
.l-quarterBox:nth-last-child(3).l-quarterBox:nth-child(4n+1),
.l-quarterBox:nth-last-child(3).l-quarterBox:nth-child(4n+2),
.l-quarterBox:nth-last-child(4).l-quarterBox:nth-child(4n+1){
margin-bottom: 0;
}
.l-fifthBox:last-child,
.l-fifthBox:nth-last-child(2).l-fifthBox:nth-child(5n+1),
.l-fifthBox:nth-last-child(2).l-fifthBox:nth-child(5n+2),
.l-fifthBox:nth-last-child(2).l-fifthBox:nth-child(5n+3),
.l-fifthBox:nth-last-child(2).l-fifthBox:nth-child(5n+4),
.l-fifthBox:nth-last-child(3).l-fifthBox:nth-child(5n+1),
.l-fifthBox:nth-last-child(3).l-fifthBox:nth-child(5n+2),
.l-fifthBox:nth-last-child(3).l-fifthBox:nth-child(5n+3),
.l-fifthBox:nth-last-child(4).l-fifthBox:nth-child(5n+1),
.l-fifthBox:nth-last-child(4).l-fifthBox:nth-child(5n+2),
.l-fifthBox:nth-last-child(5).l-fifthBox:nth-child(5n+1){
margin-bottom: 0;
}
.l-sixthBox:last-child, 
.l-sixthBox:nth-last-child(2).l-sixthBox:nth-child(6n+1),
.l-sixthBox:nth-last-child(2).l-sixthBox:nth-child(6n+2),
.l-sixthBox:nth-last-child(2).l-sixthBox:nth-child(6n+3),
.l-sixthBox:nth-last-child(2).l-sixthBox:nth-child(6n+4),
.l-sixthBox:nth-last-child(2).l-sixthBox:nth-child(6n+5),
.l-sixthBox:nth-last-child(3).l-sixthBox:nth-child(6n+1),
.l-sixthBox:nth-last-child(3).l-sixthBox:nth-child(6n+2),
.l-sixthBox:nth-last-child(3).l-sixthBox:nth-child(6n+3),
.l-sixthBox:nth-last-child(3).l-sixthBox:nth-child(6n+4),
.l-sixthBox:nth-last-child(4).l-sixthBox:nth-child(6n+1),
.l-sixthBox:nth-last-child(4).l-sixthBox:nth-child(6n+2),
.l-sixthBox:nth-last-child(4).l-sixthBox:nth-child(6n+3),
.l-sixthBox:nth-last-child(5).l-sixthBox:nth-child(6n+1),
.l-sixthBox:nth-last-child(5).l-sixthBox:nth-child(6n+2),
.l-sixthBox:nth-last-child(6).l-sixthBox:nth-child(6n+1){
margin-bottom: 0;
}
/*-------------------------------------*/
/*commonstyle*/
/*-------------------------------------*/
.tate {
line-height: 1.9;
letter-spacing: 0.03em;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-family: "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.tate.mincho{
font-family:"游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
}
/*-------------------------------------*/
.list{
margin-left: 1em;
}
.list_mark{
margin-left: -1em;
width: 1em;
display: inline-block;
}
.list-big{
margin-left: 1.5em;
}
.list_mark-big{
margin-left: -1.5em;
display: inline-block;
width: 1.5em;
position: relative;
}
.list-arrow{
margin-left: 1.5em;
}
.list_mark-arrow{
margin-left: -1.5em;
display: inline-block;
width: 1.5em;
position: relative;
}
.list_mark-arrow:before{
content: "";
position: absolute;
top:-6px;
left:0;
width: 5px;
height: 5px;
border-top: 1px solid #39d6b2;
border-right: 1px solid #39d6b2;
transform: rotate(45deg);
}
.list_mark-dot{
height: 1.5em;
position: relative;
}
.list_mark-dot:before{
content: "";
position: absolute;
top:0.9em;
left:0;
width:6px;
height:6px;
background: #39d6b2;
}
/*-------------------------------------*/
.kome{
position: relative;
padding-right: 0.7em;
}
.kome-num{
padding-right: 1.2em;
}
.kome_mark{
position: absolute;
top:0.1em;
right: 0;
font-size:0.7em;
}
/*-------------------------------------*/
.txt-dot>span{
position: relative;
}
.txt-dot>span:after{
content: "";
position: absolute;
top: -5px;
left: 50%;
width: 0.15em;
height: 0.15em;
border-radius: 50%;
transform: translate(-50%,0);
background: #39d6b2;
}