@charset "utf-8";
/* CSS Document */

html {
    font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

body {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
    padding: 0;
}

table {
    border-collapse: collapse;
}

.c004 p,
.c004 h3 {
    margin: 20px auto;
}

strong {
    font-weight: bold;
}

h2 {
    border-bottom: solid 3px #cce4ff;
    position: relative;
    margin-top: 60px;
    font-size: 1.75em;
}


h2:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #5472cd;
    bottom: -3px;
    width: 20%;
}

h3 {
    font-weight: bold;
    font-size: 120%;
}


.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 300ms;
}

.fadein.Tkun {
    opacity: 0;
    transform: translate(300px, 0);
    transition: all 600ms;
}

.fadein.scrollin,
.fadein.scrollin.Tkun {
    opacity: 1;
    transform: translate(0, 0);
}


.c004 {
    width: 800px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 16px !important;
}

.c004 td {
    display: table-cell;
}


.c004 .maincontents {
    width: 800px;
}

.c004 .maincontents .mv {
    position: relative;
    margin-bottom: 60px;
}

.c004 .maincontents .sec02 {
    position: relative;
    margin-bottom: 60px;
}

.c004 .maincontents .mv div {
    position: relative;
}

.c004 .maincontents .mv div div {
    position: absolute;
    top: 0;
}

.c004 .maincontents .mv ul li {
    display: inline-block;
    width: 250px;
    text-align: center;
    margin: 7px 5px;
    /*background: #c6f7ff;box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);*/
}

/*.c004 .maincontents .mv ul li a { display: block; padding: 18px 0 15px; font-weight: bold;}*/

.c004 .maincontents .sec02 h2,
.sec03 h2 {
    border-bottom: none;
}

.c004 .maincontents .sec02 h2:after,
.sec03 h2:after {
    border-bottom: none;
}


/* 吹き出し本体 - 普通の吹き出し */
.voice_w {
    background: url(https://image.rakuten.co.jp/lamd/cabinet/00165082/c004/c004_voice_woman01.gif) no-repeat left top;
    background-size: contain;
    margin-bottom: 20px;
}

.voice_m {
    background: url(https://image.rakuten.co.jp/lamd/cabinet/00165082/c004/c004_voice_man01.gif) no-repeat right top;
    background-size: contain;
    margin-bottom: 20px;
}

.voice_w.w2 {
    background: url(https://image.rakuten.co.jp/lamd/cabinet/00165082/c004/c004_voice_woman02.gif) no-repeat left top;
    background-size: contain;
}

.voice_m.m2 {
    background: url(https://image.rakuten.co.jp/lamd/cabinet/00165082/c004/c004_voice_man02.gif) no-repeat right top;
    background-size: contain;
}

.voice_w.w3 {
    background: url(https://image.rakuten.co.jp/lamd/cabinet/00165082/c004/c004_voice_woman03.gif) no-repeat left top;
    background-size: contain;
}

.voice_m.m3 {
    background: url(https://image.rakuten.co.jp/lamd/cabinet/00165082/c004/c004_voice_man03.gif) no-repeat right top;
    background-size: contain;
}

.balloon {
    position: relative;
    padding: 15px 25px;
    border-radius: 20px;
    width: 700px;
    font-size: 0.80em;
    border: solid 1px #eee;

}

.balloon span {
    font-weight: bold;
    font-size: 1.4em;
}

.voice_w .balloon {
    margin-left: 100px;
    background-color: #f9edf3;
}

.voice_m .balloon {
    margin-right: 100px;
    background-color: #eaf6fd;
}

/* 三角アイコン - 普通の吹き出し */
.voice_w .balloon::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -15px;
    bottom: 20px;
    border-right: 15px solid #f9edf3;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.voice_m .balloon::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -15px;
    bottom: 20px;
    border-left: 15px solid #eaf6fd;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

th {
    line-height: 1.2;
}

.c004 table td {
    font-size: 0.9em;
}

.c004 .sec05 h3 {
    margin-top: 0;
    margin-bottom: 10px;
    background: linear-gradient(transparent 60%, #d0e7ff 0%);
}

.c004 .sec04 p {
    margin-top: 0;
}

.sec04 .item00 {
    margin: 0 0 60px;
}

.sec04 .item01 table.twobody {
    text-align: center;
    margin: -20px auto 0;
}

.sec04 .item01 table.twobody td {}

.sec04 .item01 .twobody a {
    display: block;
    color: #fff !important;
    padding: 10px 20px;
    box-sizing: border-box;
}

.sec04 ul.navi {
    letter-spacing: -4.0em;
    margin: 30px 0 70px
}

.sec04 ul.navi li {
    border-top: dotted 1px #666;
    border-bottom: dotted 1px #666;
    display: inline-block;
    width: 20%;
    box-sizing: border-box;
    letter-spacing: normal;
    text-align: center;
    font-size: 0.80em;
}

.sec04 ul.navi li a {
    padding: 18px 0 15px;
    display: block;
}

.sec04 ul.navi li.mainitem {
    background: #00adef;
}

.sec04 ul.navi li.mainitem a {
    color: #fff !important;
}

.sec04 .item01 ul.navi li {
    width: 25%;
}

.sec04 .item03 ul.navi li,
.sec04 .item04 ul.navi li {
    width: 16.5%;
}



.c004 .sec05 table td {
    border: 1px solid #ccc;
}

.c004 .sec05 table td.inc {
    padding: 10px 0 0 10px;
    text-indent: 0.5em;
    display: table-cell;
}

.c004 .sec05 table td.inc a {
    display: block;
}

.arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}

.arrow::before,
.arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.inc.arrow::before {
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 1px solid #666;
    margin-right: 10px;
}

.inc.arrow::after {
    right: 15px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #7a0;
    border-right: 1px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.sec07 h2 {
    border-bottom: solid 3px #ffddd0;
}

.sec07 h2:after {
    border-bottom: solid 3px #fd672e;
}


.sec06 table td.chip,
.sec07 table td.chip {
    vertical-align: middle;
    width: 150px;
    height: 50px;
    font-size: 0.8em;
    padding: 5px;
}

.sec06 table td.chip a,
.sec07 table td.chip a {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    width: 150px;
    line-height: 0.6;
}

.sec06 table td.chip a p,
.sec07 table td.chip a p {
    height: 30px;
    margin: 0;
}

.orange {
    background: orange;
}

.navy {
    background: navy;
}

.gray {
    background: gray;
}

.beige {
    background: beige;
}

.purered {
    background: red;
}

.brown {
    background: brown;
}

.white {
    background: white;
}

.red {
    background: red;
}

.blue {
    background: blue;
}

.green {
    background: green;
}

.yellow {
    background: yellow;
}

.black {
    background: black;
}

.lemon {
    background: #ffff66;
}

.sax {
    background: #66ccff;
}

.mint {
    background: #66ffcc;
}

.lilac {
    background: #cc99ff;
}

.rose {
    background: #ff6699;
}

.violet {
    background: #6633cc;
}

.gold {
    background: #e6b422;
}

.silver {
    background: #c0c0c0;
}

.cream {
    background: #fff3b8;
}

.pink {
    background: #ee87B4;
}

.lightgreen {
    background: #90ee90;
}

.lightblue {
    background: #add8e6;
}

.purple {
    background: purple;
}


.c004 .sec06 h3 {
    text-align: center;
    background: linear-gradient(transparent 60%, #d0e7ff 0%);
}

.c004 .sec07 h3 {
    text-align: center;
    background: linear-gradient(transparent 60%, #ffddd0 0%);
}

.c004 .sec06 p,
.c004 .sec07 p {
    text-align: left;
}

.c004 .sec06 strong,
.c004 .sec07 strong {}

.c004 .sec06 span,
.c004 .sec07 span {
    font-size: smaller;
}


.mb60 {
    margin-bottom: 60px !important;
}