/*------------------------------------
   デザイン
------------------------------------*/

/*基本サイズ*/
span {
    font-size: 1.8rem;
}
p {
    font-size: 1.8rem;
    margin-bottom: 2rem;
}
b {
    font-weight: bold;
}
h1 {
    font-size: 2.4rem;
}
h2 {
    font-size: 2.3rem;
}
h3 {
    font-size: 2.2rem;
}
h4 {
    font-size: 2.0rem;
}
h5 {
    font-size: 1.8rem;
}
.mt3 {
    margin-top: 3rem;
}
.mt5 {
    margin-top: 5rem;
}
.mb2{
	margin-bottom: 2rem;
}
.mb5{
	margin-bottom: 5rem;
}
.mb50 {
	margin-bottom: 50rem;
}
.ml3 {
	margin-left: 3em;
}
.f30 {
    font-size: 3rem;
}
.red {
    color: #cc0000;
}
.last {
    padding: 1.2rem 1.2rem;
}
.indent {
    text-indent: -2rem;
    padding-left: 2rem;
    margin: 1rem 0 2rem;
    line-height: 1.2;
}
.normal{
	font-weight: normal;
}
a img:hover {
    opacity: 0.7;
    transition: all .4s;
}
ol {
    margin-left: 2rem;
}
ol li {
    font-weight: bold;
}
ul.disc {
    list-style: disc;
    margin-left: 2rem;
    margin-bottom: 2rem;
}
ul.disc li {
}
ul.pink {
    margin-bottom: 3rem;
}
ul.pink li {
    margin-left: 1rem;
}
ul.pink li:before {
    position: relative;
    left: -1rem;
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    content: '';
    border-radius: 100%;
    background: #f3aa8f;
    vertical-align: middle;
}
ul.blue {
    margin-bottom: 3rem;
}
ul.blue li {
    margin-left: 1rem;
}
ul.blue li:before {
    position: relative;
    left: -1rem;
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    content: '';
    border-radius: 100%;
    background: #6cade3;
    vertical-align: middle;
}
/*タイトルデザイン*/
h2 {
	clear: both;
    font-size: 2.3rem;
    color: white;
    background: #88cbd2;
    line-height: 1.2;
    padding: 1.1rem 1.1rem;
    margin-bottom: 2rem;
}
h3.pink {
	clear: both;
    font-size: 2.2rem;
    background: url("../img/h3pink.png")no-repeat center left;
    padding-left: 3.8rem;
    border-bottom: solid 0.3rem #eeb6b5;
	margin: 1rem 0 3rem 0;
}
h3.blue {
	clear: both;
    font-size: 2.2rem;
    background: url("../img/h3blue.png")no-repeat center left;
    padding-left: 3.8rem;
    border-bottom: solid 0.3rem #336699;
	margin: 1rem 0 3rem 0;
}
p.red {
  position: relative;
  padding:0.1rem 1.5rem;
  background: #f7e7ec;
  color: #cc6666;
  font-size: 2.1rem;
  border: solid 2px #e2908f;
  margin-bottom: 3rem;
	font-weight: bold;
}
p.red:before{
  position: absolute;
  content: '';
  top: 105%;
  left: 0;
  border: none;
  border-bottom: solid 1.0rem transparent;
  border-right: solid 4.0rem rgb(226, 144, 143);
}
p.red:after{
  position: absolute;
  content: '';
  bottom: 105%;
  right: 0;
  border: none;
  border-top: solid 1.0rem transparent;
  border-left: solid 4.0rem rgb(226, 144, 143);
}
@media screen and (max-width:768px) {
h3.pink {
	clear: both;
    padding-left: 3rem;
    background: url("../img/h3pink.png")no-repeat top 5px left;
    background-size: 18px auto;
}
h3.blue {
	clear: both;
    padding-left: 3rem;
    background: url("../img/h3blue.png")no-repeat top 5px left;
    background-size: 18px auto;
}
}
span.pink {
	clear: both;
    color: #f3aa8f;
	font-size: 1rem;
	background: #61CB9E;
	line-height: 2;
	vertical-align: middle;
}
h4.pink {
	clear: both;
    font-size: 2rem;
    color: white;
    background: #eeb6b5;
    border-radius: 17px;
    line-height: 1.7;
    padding: 0 1.7rem;
	margin: 1rem 0 3rem 0;
}
h4.oran {
	clear: both;
    font-size: 2rem;
    color: white;
    background: #f3aa8f;
    border-radius: 17px;
    line-height: 1.7;
    padding: 0 1.7rem;
	margin: 1rem 0 3rem 0;
}
h4.yell {
	clear: both;
    font-size: 2rem;
    line-height: 1.7;
    padding: 0 1rem;
    border-left: solid 1rem #deb13a;
	margin: 3rem 0 2rem 0;
}
h4.blue {
	clear: both;
    font-size: 2.8rem;
    color: #336699;
    background: #FFF;
    width: 7.6rem;
    padding: 0 1rem;
    margin-top: -4.5rem;
}
h5.blue {
	clear: both;
    font-size: 1.8rem;
    color: #336699;
    border-bottom: dotted 0.3rem #999;
	margin: 1rem 0 3rem 0;
}
h5.pink {
	clear: both;
    font-size: 1.8rem;
    padding-bottom: 0.6rem;
    border-bottom: dashed 0.1rem #de744c;
}
h6.pink {
	clear: both;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 0 1rem;
    border-left: solid 0.5rem #f19ec2;
    margin: 3rem 0 2rem;
}
p.pink:before {
    position: relative;
    left: -1rem;
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    content: '';
    border-radius: 100%;
    background: #f3aa8f;
    vertical-align: middle;
	margin: 0 0 0 1rem;
}
/*枠デザイン*/

.waku_pink {
    width: 100%;
    border: solid 0.3rem #eeb6b5;
    background: #fcf2f2;
    padding: 2.4rem;
    padding-bottom: 0.4rem;
    margin: 4rem 0;
}
.waku_blue {
    width: 100%;
    border: solid 0.3rem #336699;
    border-radius: 1rem;
    padding: 2.4rem;
    padding-bottom: 0.4rem;
    margin: 4rem 0 2rem;
}
.waku_gray {
    width: 100%;
    border: solid 1px #CCC;
    font-size: 1.4rem;
    padding: 0.6rem 1.2rem;
}
.waku_gray02 {
    width: 100%;
    border: solid 1px #CCC;
    border-bottom: 0;
    font-size: 1.4rem;
    padding: 1.2rem 1.2rem;
}

.waku_oran {
    width: 100%;
    background: #fbe5dd;
    padding: 2.4rem;
    margin: 3rem 0;
    border-radius: 1rem;
}
.mb5 {
	margin-bottom: 5rem;
}
.waku_oran a:link, .waku_oran a:visited,.waku_oran a:active {
    color: #3366cc;
    text-decoration: none;
	font-weight: bold;
}
.waku_oran a:hover {
    color: #cc3366;
    text-decoration: none;
}

/*リンク*/

.rink {
    color: #3366cc;
    font-weight: bold;
}
.rink-arrow {
    position: relative;
    }
.rink-arrow:after {
    content: '';
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url("../img/next.png");
    background-size: contain;
    vertical-align: middle;
    margin-left: 0.5rem;
}
      
.rink a:link, .rink a:visited, .rink a:active {
    color: #3366cc;
    text-decoration: none;
}
.rink a:hover {
    color: #cc3366;
    ;
    text-decoration: none;
}
.waku_gray li {
    background: url("../img/icon_fs.png")no-repeat left top 1rem;
    line-height: 2rem;
    padding: 0.7rem 0 0.7rem 1.5rem;
}
.waku_gray li.sc {
    background: url("../img/icon_sc.png")no-repeat left 1rem top 1rem;
    line-height: 2rem;
    padding: 0.7rem 0 0.7rem 2rem;
}
.waku_gray a:link, .waku_gray a:visited, .waku_gray a:active {
    color: #333;
    text-decoration: none;
}
.waku_gray a:hover {
    color: #cc3366;
    text-decoration: none;
}
.waku_aqua {
    width: 100%;
    border: solid 0.3rem #6cade3;
    background: #ebf2f7;
    padding: 1.5rem 2.5rem 1.5rem 6rem;
    margin: 0;
    line-height: 1.2;
}
.waku_aqua li {
    padding: 2rem 0;
}
main #in_com_r dl {
}
main #in_com_r dl dt {
    font-weight: bold;
}
main #in_com_r dl dd {
    color: #3366cc;
}

.link-arrow-s {
position: relative;
}
.link-arrow-s:after {
    content: '';
    display: inline-block;
    top:2px;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url("../img/next.png");
    background-size: contain;
    vertical-align: middle;
    margin-left: 0.5rem;
}

main #in_com_r dd a:link, main #in_com_r dd a:visited, main #in_com_r dd a:active {
    color: #3366cc;
    text-decoration: none;
}
main #in_com_r dd a:hover {
    color: #cc3366;
    ;
    text-decoration: none;
}
/*テーブル*/

table.yell {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.7rem;
    margin-bottom: 2.5rem;
}
table.yell th {
    padding: 0.8rem;
    background-color: #faefd3;
    vertical-align: top;
    border: 1px solid #CCC;
    border-right: 0px solid #CCC;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
table.yell td {
    padding: 0.8rem;
    border: 1px solid #CCC;
    border-left: 0px solid;
    font-weight: normal;
}
table.yell_top {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.7rem;
    margin-bottom: 2.5rem;
}
table.yell_top th {
    padding: 0.8rem;
    background-color: #faefd3;
    vertical-align: top;
    border: 1px solid #CCC;
    font-weight: normal;
    white-space: nowrap;
	text-align: center;
}
table.yell_top td {
    padding: 0.8rem;
    border: 1px solid #CCC;
    font-weight: normal;
}
/*折り返しノーマル*/
table.yell th.normal {
    white-space: normal;
}
table.yell th.normal span{
	font-size: 1.5rem;
}
table.blue {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.7rem;
    margin-bottom: 2.5rem;
}
table.blue th {
    padding: 0.8rem;
    background-color: #ebf2f7;
    ;
    vertical-align: top;
    border: 1px solid #CCC;
    border-right: 0px solid #CCC;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
table.blue td {
    padding: 0.8rem;
    border: 1px solid #CCC;
    border-left: 0px solid;
    font-weight: normal;
}
table.gren {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.7rem;
    margin-bottom: 2.5rem;
}
table.gren th {
    padding: 0.8rem;
    background-color: #dfebe8;
    ;
    vertical-align: top;
    border: 1px solid #CCC;
    border-right: 0px solid #CCC;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
table.gren td {
    padding: 0.8rem;
    border: 1px solid #CCC;
    border-left: 0px solid;
    font-weight: normal;
}
/*フォームデザイン*/
#info dl, #info dt, #info dd, #using dl, #using dt, #using dd {
    box-sizing: border-box;
    font-size: 1.7rem;
    font-weight: normal;
}
button, input, select, textarea {
font-family : inherit;
font-size : 100%;
}
#using dl, #info dl {
    background: #faefd3;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
#using dt, #using dd, #info dt, #info dd {
    border-top: 1px solid #ccc;
}
#using dt, #info dt {
    width: 35%;
    float: left;
    padding: 2.5rem 0 0 2rem;
}
#using dd, #info dd {
    background: #fff;
    margin-left: 35%;
    padding: 0.5rem 0 0.5rem 2rem;
    border-left: none;
}
#using dd:after, #info dd:after {
    content: '';
    display: block;
    clear: both;
}
#using input, #info input {
}
#using input[type="tel"], #using input[type="email"], #using input[type="text"], #info input[type="tel"], #info input[type="email"], #info input[type="text"] {
    border: 1px solid #ccc;
    margin: 1rem 0;
    padding: 1rem;
    line-height: 1.5;
    width: 90%;
}
#using input[type="text"].years {
    width: 35%;
}
#using input[type="text"].no, #info input[type="text"].no {
    border: 1px solid #ccc;
    margin: 1rem 0;
    padding: 1rem;
    line-height: 1.5;
    width: 35%;
}
#using input[type="radio"] {
    margin: 2.5rem 0.5rem;
}
#using textarea, #info textarea {
    border: 1px solid #ccc;
    margin: 1rem 0;
    padding: 1rem;
    line-height: 1.5;
    width: 90%;
}
#using select, #info select {
    font-size: 1.5rem;
    font-weight: normal;
    width: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    margin: 1rem 0;
    padding: 1rem;
    line-height: 1.5;
    background: url(../img/down.png)no-repeat center right;
}
#using .button, #info .button {
    display: block;
    width: 30%;
    margin: 3rem 35% 5rem;
	padding: 1rem;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background-color: #b0b0b0; /*ボタン色*/
    -webkit-transition: all .4s;
    border-style: none;
    transition: all .4s;
	border: solid 1px #CCC;
	font-weight: bold;
}
#using .button:hover, #info .button:hover {
    background-color: #666; /*ボタン色*/
}

/*sp*/
@media screen and (max-width:480px) {
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

#using dt, #info dt {
    width: 100%;
    background: #faefd3;
    float: none;
    padding: 0.5rem 0 0.5rem 2rem;
}
#using dd, #info dd {
    background: #fff;
    margin-left: 0%;
    border-top: 0px;
}

}