@charset "UTF-8";

html {
height:100%;
width: 100%;
overflow-y:scroll;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}



body {
margin:0;
padding:0;
height:auto !important;
height: 100%;
min-height: 100%;
width: 100%;
-webkit-text-size-adjust: 100%;
overflow:hidden;
color:#3C3C3C;
background:#ffffff;
font-family:"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"BIZ UDPGothic",
Meiryo,
sans-serif;
font-style: normal;
font-size: 100%;
}

.att13 {
padding-left: 1.3em;
text-indent: -1.3em;
}


*{
margin: 0;
padding: 0;
}

a {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
a:hover {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.slow * {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

img{
border:none;
max-width: 100%;
height: auto;
width:auto;
margin:0;
padding:0;
vertical-align:bottom;
}

p {
-webkit-hyphens: auto;
hyphens: auto; 
-epub-hyphens: auto;
-ms-hyphens: auto;
}

a:link,a:visited,a:hover,a:active  { 
text-decoration:none;
}

section {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
}

/*---------PC・タブレット----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {

.container {
position:relative;
width: 90%;
margin:5% auto;
height:auto !important;
height: 100%;
min-height: 100%;
padding:0;
overflow-y:auto;
font-size: 100%;
line-height:1.6;
color:#3C3C3C;
z-index:0;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
  font-feature-settings: "palt";
}


.target_card_header {
width:100%;
padding:10px;
background:#F0F0F0;
margin-bottom:2%;
padding-left:2%;
box-sizing:border-box;
font-size:min(3.5vw,22px);
font-weight:700;
}
.target_card_text {
font-size:min(2.9vw,16px);
line-height:2;
}



.target_card_chuki {
font-size:min(2.0vw,12px);
line-height:1.8;
}
.small_up{
font-size:60%;
vertical-align:7px;
padding-left:3px;
}
.r_mark {
padding-bottom:3px;
}

.space20px {
margin-top:20px;
display:block;
}
.space10px {
margin-top:10px;
display:block;
}

.maru {
font-size:80%;
vertical-align:0px;
}
}


/*---------スマホ--------------------------------------------------*/
@media only screen and (max-width: 767px) {

.container {
position:relative;
width: 90%;
margin:7% auto;
height:auto !important;
height: 100%;
min-height: 100%;
padding:0;
overflow:hidden;
font-size: 100%;
line-height:1.6;
color:#3C3C3C;
z-index:0;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
  font-feature-settings: "palt";
}


.target_card_header {
width:100%;
padding:10px;
background:#F0F0F0;
margin-bottom:2%;
padding-left:2%;
box-sizing:border-box;
font-size:min(3.4vw,22px);
font-weight:700;
}
.target_card_text {
font-size:min(3vw,16px);
line-height:2;
}



.target_card_chuki {
font-size:min(2.4vw,12px);
line-height:1.8;
}
.small_up{
font-size:60%;
vertical-align:7px;
padding-left:3px;
}
.r_mark {
padding-bottom:3px;
}

.space20px {
margin-top:20px;
display:block;
}
.space10px {
margin-top:10px;
display:block;
}

.maru {
font-size:80%;
vertical-align:0px;
}
}