@charset "utf-8";
body{
overflow-x: hidden;
}
.sp {display: none!important;}
.pc {display: block;}
#responsive_wrap {
width: 100%!important;
margin: 0 auto;
text-align: left;
font-family: 'Noto Sans Japanese','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans',YuGothic,'Yu Gothic', Meiryo,'MS PGothic';
font-size: 14px;
}
.clbt {
clear: both;
}
.red {color: red;}
/********* sp ***********/
@media (max-width: 720px) {
body{ width: 100%; }
.pc {display: none!important;}
.sp {display: block!important;}
img { height: auto; }
.adjustment{padding-top:1rem;}
}
/********* sp/end ***********/
/** HEAD_LINE START **/
#c_header {
border-top: 10px solid #0c2988;
position: relative;
}
#c_header .h_logo {
float: right;
padding-top: 16px;
padding-bottom: 16px;
margin:0 220px 0 0;
}
#c_header .h_logo img {
height: 50px;
}
/** HEAD_LINE END **/
/** HEAD_LINE_SP START **/
@media (max-width: 720px) {
#c_header .h_logo img{
width: auto;
height: 36.19px;
}
#c_header {
border-top: 5px solid #0c2988;
}
#c_header section {
width: 95%;
text-align: right;
}
}
/** HEAD_LINE_SP END **/
/** FOOT_LINE START **/
.pageFooter {
width: 910px;
padding-top: 2.5em;
padding-bottom: 2.5em;
margin-bottom: 30px;
}
.pageFooter .copyright address {
float: right;
padding: 40px 1rem 0 0;
line-height: 1.5em;
font-style: normal;
vertical-align: bottom;
}
.pageFooter .h_logo {
float: right;
padding-top: 16px;
padding-bottom: 16px;
}
.pageFooter .h_logo img {
height: 35px;
}
.wide_foot{
width:910px;
text-align: right;
margin: 0 auto;
}
/** FOOT_LINE END **/
/** FOOT_LINE_SP START **/
@media (max-width: 720px) {
.pageFooter {
width: 100%;
margin-bottom: 140px;
}
.pageFooter .copyright address {
float: right;
padding: 25px 130px 0 0;
line-height: 1.5em;
font-style: normal;
}
.wide_footer{
margin: 0 auto 0px;
}
.wide_footer img{
width: 100%;
height: auto;
}
.spfoot {
position: relative;
}
.spfoot .f_logo{
position: absolute;
top: 20%;
right: 0;
width: 30%;
display: flex;
}
.spfoot .f_logo img{
width: auto;
height: 33px;
padding-left:10px;
}
}
/** FOOT_LINE_SP END **/
/** LAST_BTN START **/
.list-box5 {
display: table;
text-align:center;
margin: 0 auto;
margin-top:50px;
width: 540px;
}
.list-box5 img{
width: 100%;
height: auto;
}
.list-left5{
display: table-cell;
vertical-align: middle;
}
.list-center5{
display: table-cell;
vertical-align: middle;
padding-left: 20px;
}
.list-right5 {
display: table-cell;
vertical-align: middle;
padding-left: 20px;
}
/** LAST_BTN END **/
/** LAST_BTN_SP START **/
@media (max-width: 720px) {
.list-box5 {
width:100%;
height:auto;
display: flex!important;
box-sizing: border-box;
}
.list-left5 {
width:45%;
height:auto;
display: block!important;
box-sizing: border-box;
margin: 0 auto;
}
.list-center5 {
width:80%;
height:auto;
display: block!important;
box-sizing: border-box;
margin: 20px auto;
padding-left: 0px;
}
.list-right5 {
width:45%;
height:auto;
display: block!important;
box-sizing: border-box;
margin: 0 auto;
padding-left: 0px;
}
}
/** LAST_BTN_SP END **/
/* -------- #in_cnt START --------- */
#in_cnt {
background-color:white;
text-align:center;
font-family:sans-serif;
}
#in_cnt {
width:100%;
}
#in_cnt .head img{
width:100%;
}
#in_cnt a{
cursor: pointer;
}
/* -------- #in_cnt END --------- */
/* -------- #in_cnt_sp START --------- */
@media (max-width: 720px) {
#in_cnt {
width:100%;
font-size:12px;
}
}
/* -------- #in_cnt_sp END --------- */
/** COMMON START **/
.flex_c {
display:flex;
justify-content:center;
}
.flex_c2 {
display:flex;
justify-content:center;
}
.flex_e {
display:flex;
justify-content:space-between;
}
.flex_s {
display:flex;
}
/** COMMON END **/
@media (max-width: 720px) {
}
/** HEADER_ZONE START **/
#in_cnt .head {
width: 100%;
max-width: 1920px;
margin: auto;
background: #fffee8;
}
/** HEADER_ZONE END **/
/** HEADER_ZONE_SP START **/
@media (max-width: 720px) {
#in_cnt .head img{
width: 100%;
height: auto;
}
}
/** HEADER_ZONE_SP END **/
/** NAV_ZONE START **/
#NAV_ZONE {
background: url(../img/bg01.jpg)no-repeat;
background-position: top center;
margin-bottom: -5px;
}
#NAV_ZONE .toptxt {
color:#FFF;
padding: 30px 0;
width:80%;
max-width:1200px;
margin:auto;
}
#NAV_ZONE .toptxt h6{
padding: 0 0 50px;
font-size:42px;
font-weight:bold;
display:inline-block;
}
#NAV_ZONE .subtxt {
display:inline-block;
text-align:left;
font-size:1.3rem;
padding: 0 0 10px;
}
#NAV_ZONE .coments{
display:inline-block;
text-align:left;
}
/** NAV_ZONE END **/
/** NAV_ZONE_sp START ************************/
@media (max-width: 720px) {
#NAV_ZONE {
background:url(../img/bgsp01.png)no-repeat, url(../img/bg01.jpg)no-repeat;
background-position: bottom center, top center;
background-size:100% ,cover;
padding:10px 2%;
margin-top: -5px;
}
#NAV_ZONE .toptxt {
width:100%;
padding: 15px 0 45px;
text-align:center;
}
#NAV_ZONE .toptxt h6{
padding: 0 0 20px;
font-size:21px;
font-weight:bold;
}
#NAV_ZONE .subtxt {
display: inline-block;
font-weight:normal;
font-size:0.7rem;
text-align:center;
}
#NAV_ZONE .coments{
display: inline-block;
font-size:0.5rem;
text-align:left;
padding-left:1em;
text-indent:-1em;
text-align:left;
}
}
/** NAV_ZONE_sp END **/
/** RED_ZONE START **/
#RED_ZONE {
background: url(../img/bg02.jpg)no-repeat;
background-position: top center;
background-size: auto 100%;
padding: 50px 0 0;
width:100%;
max-width:1920px;
margin:auto;
}
#RED_ZONE .high {
margin:0 auto 70px;
}
#RED_ZONE .high p {
padding:0 0 40px;
}
#RED_ZONE .point01 {
padding-left:600px;
width: 150px;
margin: 50px auto -50px;
}
#RED_ZONE .low {
background: rgba(255,255,255,0.7);
background-position: top center;
padding: 30px 0;
position: relative;
}
#RED_ZONE .low .flex_c{
align-items: center;
padding-right: 110px;
}
#RED_ZONE .low .flex_c li{
margin: 0 50px;
}
#RED_ZONE .point02 {
position: absolute;
top:-50px;
left:0;
right:0;
}
#RED_ZONE .low p{
font-size: 28px;
font-weight: bold;
text-align: right;
}
#RED_ZONE .text{
font-size: 17px;
font-weight: bold;
padding:0 0 30px;
}
#RED_ZONE .sc {margin: 0 30px;}
#RED_ZONE .uc {margin: 0 30px;}
#RED_ZONE .sc p{margin: 15px 0;}
#RED_ZONE .uc p{margin: 15px 0;}
#RED_ZONE .sc .flex_c img {width:200px!important;margin:15px 5px 0;}
#RED_ZONE .uc .flex_c img {width:200px!important;margin:15px 5px 0;}
/** RED_ZONE END **/
/** RED_ZONE_SP START ************************/
@media (max-width: 720px) {
#RED_ZONE {
background:url(../img/bg02_sp.png)no-repeat;
background-position:top center;
background-size:auto 100%;
width:100%;
margin:auto;
}
#RED_ZONE .high {
margin:0 auto 20px;
}
#RED_ZONE .high p {}
#RED_ZONE .flex_c {
flex-wrap: wrap;
}
#RED_ZONE .flex_c2 {
}
#RED_ZONE .flex_c li{
width: 70%;
}
#RED_ZONE .flex_c2 li {
width: 50%;
}
#RED_ZONE .flex_c li img{
width: 100%;
}
#RED_ZONE .point01 {
padding-left:0;
width: 150px;
margin: 0;
text-align:right;
float: right;
}
#RED_ZONE .point01 img{
width: 100%;
}
#RED_ZONE .low {
}
#RED_ZONE .low .flex_c{
align-items: center;
padding-right: 0;
padding:20px 0 0
}
#RED_ZONE .low .flex_c li{
margin: 0 50px;
}
#RED_ZONE .ml-1 {
padding: 0 0 0 40px;
}
#RED_ZONE .point02 {
position: static;
margin:-50px auto 0;
width:100px;
}
#RED_ZONE .point02 img{
width:100%;
}
#RED_ZONE .low p{
font-size: 22px;
font-weight: bold;
text-align: right;
}
#RED_ZONE .first {
width: 112%!important;
}
#RED_ZONE .title02 img{
width:95%;
margin:auto;
}
#RED_ZONE .sc {margin: 0 10px;}
#RED_ZONE .uc {margin: 0 10px;}
#RED_ZONE .sc img {width: 80%;}
#RED_ZONE .uc img {width: 72%;}
#RED_ZONE .sc p{margin: 15px 0;}
#RED_ZONE .uc p{margin: 15px 0;}
#RED_ZONE .sc .flex_c2 li {width: 100%;}
#RED_ZONE .uc .flex_c2 li {width: 100%;}
#RED_ZONE .sc .flex_c2 li {margin:5px 5px 0;}
#RED_ZONE .uc .flex_c2 li {margin:5px 5px 0;}
#RED_ZONE .sc .flex_c2 img {width: 100%;}
#RED_ZONE .uc .flex_c2 img {width: 100%;}
}
/** RED_ZONE_SP END **/
/** WHITE_ZONE START **/
#WHITE_ZONE {
background: #fff;
padding:50px 0 0;
}
#WHITE_ZONE .text {
margin: 0 auto 30px;
}
#WHITE_ZONE .top{
padding: 30px 0;
}
#WHITE_ZONE .red{
margin:10px auto 0;
font-weight: bold;
font-size:1.7rem;
}
#WHITE_ZONE .wd{
width:1100px;
margin:0 auto 20px;
}
#WHITE_ZONE .wd p{
text-align: right;
}
/** WHITE_ZONE END **/
/** WHITE_ZONE_SP START ************************/
@media (max-width: 720px) {
#WHITE_ZONE {
padding:100px 2% 0;
}
#WHITE_ZONE {
padding:30px 0 0;
}
#WHITE_ZONE .text {
margin: 0 auto 30px;
}
#WHITE_ZONE .top{
padding: 30px 0;
}
#WHITE_ZONE .red{
color: red;
margin:10px auto 0;
font-weight: bold;
font-size:1.7rem;
}
#WHITE_ZONE .wd{
width:100%;
margin:0 auto 20px;
}
#WHITE_ZONE .wd p{
display: inline-block;
text-align: left;
}
#WHITE_ZONE .imger {
width:90%;
margin:auto;
}
#WHITE_ZONE .imger img {
width:100%;
margin:15px 0;
}
}
/** WHITE_ZONE_SP END **/
/** COMMENT_ZONE START **/
#COMMENT_ZONE {
background: #f5f5f5;
text-align:left;
width: 100%;
max-width: 1920px;
margin: auto;
}
#COMMENT_ZONE .in_box{
width:1000px;
margin:auto;
padding: 50px 0;
}
#COMMENT_ZONE .in_box h5 {
color: #000;
text-align:center;
font-size: 42px;
font-weight: normal;
border-bottom:2px solid ;
width: 350px;
padding: 0.5em;
margin: auto;
position: relative;
}
#COMMENT_ZONE .in_box h5:before,
#COMMENT_ZONE .in_box h5:after{
content:"";
background: #000;
width: 10px;
height: 10px;
border-radius:10px;
position: absolute;
bottom:-5px;
}
#COMMENT_ZONE .in_box h5:before{ left:-5px; }
#COMMENT_ZONE .in_box h5:after{ right:-5px; }
#COMMENT_ZONE .list{
padding:1rem 1rem 1rem 2rem;
text-indent: -0.75rem;
}
#COMMENT_ZONE .boxs {
margin:30px 0;
}
#COMMENT_ZONE .boxs h3{
font-size: 1rem;
}
#COMMENT_ZONE .boxs p{
}
#COMMENT_ZONE .boxs .flex_s li{
margin:10px;
display: block;
}
#COMMENT_ZONE .gray {
background: #e6e6e6;
padding:0.5em 1em;
border:2px solid ;
height:1.5em;
}
#COMMENT_ZONE .boxs p.indent{
padding:0 0 0 1rem;
text-indent:-.75rem;
}
#COMMENT_ZONE .blue {
background: #e6f5ff;
}
#COMMENT_ZONE table tr td {
text-align: center;
padding: 10px;
border:2px solid ;
width: 130px;
}
/* ACCORDION */
.accbox,
.accbox2 {
margin: 2em 0;
padding: 0;
max-width: 1000px;
}
.accbox label, .accbox2 label {
text-align:center;
display: block;
margin: 1.5px 0 0;
cursor :pointer;
transition: all 0.5s;
border:2px solid ;
font-size:30px;
line-height:1.5rem;
}
.b_white {
padding:1rem;
position:relative;
}
.b_white::before {
position: absolute;
top:25%;
left:10px;
content:"必須";
padding:0 8px;
width: 30px;
height: 25px;
font-size:12px;
border:1px solid #000;
}
.mini {
font-size:0.8rem;
}
.heading1:before,
.heading2:before{
content:'+';
height:15px;
width:2px;
display:block;
box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
position:absolute;
}
.heading1:before{
top:38%;
right:50px;
}
.heading2:before{
top:30%;
right:50px;
}
.accbox input,
.accbox2 input {
display: none;
}
.accbox .accshow,
.accbox2 .accshow2 {
height: auto;
padding: 0;
overflow: hidden;
opacity: 1;
transition: 0.8s;
border-left:2px solid ;
border-right:2px solid ;
border-bottom:2px solid ;
}
/** COMMENT_ZONE END **/
/** COMMENT_ZONE_SP START ************************/
@media (max-width: 720px) {
#COMMENT_ZONE {
width: 100%;
margin: auto;
padding: 0;
}
#COMMENT_ZONE .in_box{
width:92%;
margin:auto;
padding: 50px 0;
}
#COMMENT_ZONE .in_box h5 {
color: #000;
text-align:center;
font-size: 36px;
font-weight: normal;
border-bottom:2px solid ;
width: 80%;
padding: 0.5em 0;
margin: auto;
position: relative;
}
#COMMENT_ZONE .list{
padding:1rem 1rem 1rem 2rem;
text-indent: -0.75rem;
}
#COMMENT_ZONE .boxs {
margin:30px 0;
}
#COMMENT_ZONE .boxs h3{
font-size: 1rem;
}
#COMMENT_ZONE .boxs p{
}
#COMMENT_ZONE .boxs .flex_s{
flex-wrap: wrap;
}
#COMMENT_ZONE .gray {
background: #e6e6e6;
padding:0.5em 1em;
border:2px solid ;
height:1.5em;
}
#COMMENT_ZONE .blue {
}
#COMMENT_ZONE table tr td {
text-align: center;
padding: 10px;
border:2px solid ;
width: 130px;
}
.accbox label, .accbox2 label {
text-align:center;
display: block;
margin: 1.5px 0 0;
cursor :pointer;
transition: all 0.5s;
border:2px solid ;
font-size:26px;
line-height:2rem;
}
.heading1:before{
top:40%;
right:30px;
}
.heading2:before{
top:26%;
right:30px;
}
.b_white {
padding:1rem;
position:relative;
}
.b_white::before {
padding:0 8px 5px;
}
.mini {
font-size:0.8rem;
line-height:1rem;
}
}
/** COMMENT_ZONE_SP END **/
.lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}
/*************************************/
.sns {
position: absolute;
top:25px;
right:10px;
padding:10px;
}
.sns ul{
display: flex;
justify-content:center;
}
.sns ul li{
margin:6px;
}
.icon {
position: relative;
}
.icon:before {
position:absolute;
top:-4px;
right:0;
font-size:20px;
content:"";
width:10px;
height:10px;
border-top: 2px solid #F00;
border-right: 2px solid #F00;
color:red;
transform: rotate(135deg);
transition: .5s;
}
input[type=checkbox] {
display: none;
transition: .5s;
}
.bar {
display: none;
transition: .5s;
}
input:checked + label + div {
transition: .5s;
display: block;
}
input:checked + label .icon:before {
transform: rotate(-45deg);
top:2px;
}
#MODAL_ZONE {
padding:30px 0;
}
#MODAL_ZONE2 {
padding:30px 0;
background: #F0F0F0;
}
.app_white {
background:rgba(255,255,255,0.8);
width:80%;
max-width:1400px;
margin:0 auto 30px;
padding: 30px 0 0;
}
.app_white .text {
padding: 0 0 10px;
}
.app_white .text p{
padding:0.5rem!important;
}
.sanka_point {
display:inline-block;
margin: 0 auto 80px;
padding:0 0 0 1rem;
text-indent:-1rem;
font-weight: bold;
font-size:20px;
text-align:left;
}
/* radio non-display */
.fade_area .radio{
display: none;
}
.fade_area .btn-image{
text-align: right;
display: flex;
justify-content: flex-end;
margin-right: 0px;
}
/* button control */
.fade_area #close:checked ~ .btn-close {
display: none;
}
.fade_area #close:checked ~ .btn-open {
text-align: right;
display: flex;
justify-content: flex-end;
margin-right: 0px;
}
.fade_area #open:checked ~ .btn-close {
display: flex;
justify-content: flex-end;
margin-right: 0px;
}
.fade_area #open:checked ~ .btn-open {
display: none;
}
/* content control */
.fade_area #close:checked ~ .box_close {
display: none;
}
.fade_area #open:checked ~ .box_close {
display: block;
}
.box_close {
background:url(../img/fixed_bg.png) no-repeat;
background-position: top center;
background-size: auto 100%;
transform: translate3d(0, 0, 0);
padding:10px 0;
text-align:center;
}
#cnt .fixed_area {
width: 100%;
left: 0;
right: 0;
margin: auto;
padding: 0;
transform: translate3d(0, 0, 0);
display: block;
text-align: right;
}
#cnt .fixed {
position: fixed;
bottom: 0;
}
#cnt .fixed_area a {
margin: 1rem auto 0;
display: table;
}
.portal {
display:flex;
justify-content:center;
text-align:center;
margin:20px 0 5px;
}
.portal li{
margin:0 60px;
}
#LASTSNS_ZONE {
text-align:center;
width:140px;
margin:30px auto 0;
}
#LASTSNS_ZONE ul {
display: flex;
justify-content:space-around;
margin:10px 0;
}
#LASTSNS_ZONE ul::after {
display:none;
}
/**********************/
@media (max-width: 720px) {
.sns {
top:65px;
}
.app_white {
width:90%;
}
.sanka_point {
padding:0 1rem 0 2rem;
font-size:12px;
margin:0 auto 10px;
}
.box_close {
background:#F00;
padding:10px 0;
text-align:center;
border-top: 6px solid #902417;
border-BOTTOM: 6px solid #902417;
}
#cnt .fixed_area {
background: 25%;
background-position: left bottom;
padding: 0;
width: 100%;
bottom: 0;
position: -webkit-sticky;
position: sticky;
text-align: right;
z-index:999;
}
#cnt .fixed {
position: fixed;
bottom: 0;
}
#cnt .fixed_area a {
margin: .5rem auto 0;
width: 100%;
font-size:10px;
}
.portal {
margin:0;
}
.portal li{
width:45%;
margin:0 2.5%;
}
.portal li img{
width:100%;
margin:0;
}
}
/**********************************/
.contentm{
margin: 0 auto;
padding: 40px;
}
.modal{
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100%;
}
.modal__bg{
background: rgba(0,0,0,0.8);
height: 100vh;
position: absolute;
width: 100%;
}
.modal__content{
background: #fff;
left: 50%;
padding: 20px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 80%;
border-radius: 10px;
position: relative;
}
.close_modal {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 30px;
height: 30px;
display: inline-block;
cursor: pointer;
}
.close_modal span::before,
.close_modal span::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 84%;
height: 16%;
margin: -8% 0 0 -42%;
background: #000;
}
.close_modal span::before {
transform: rotate(-45deg);
}
.close_modal span::after {
transform: rotate(45deg);
}
.modal_card {
display: flex;
justify-content:center;
}
.modal_card li{
width:25%;
max-width: 220px;
padding:0 20px;
}
.modal_card li img{
width:100%;
}
.card_area {
}
.card_area .card_name{
font-weight: bold;
margin:1rem 0;
}
.card_area .card_text{
text-align: left;
height:6rem;
}
.card_a {
margin: 0;
}
.red {color : #e60000}
/*.card_a a{
background: red;
border-radius: 10px;
padding: 1rem 1rem;
width: 100%;
color: white;
}*/
.btn-flat-logo {
position: relative;
display: inline-block;
font-weight: bold;
padding: 0.25em 0.5em;
text-decoration: none;
color: #FFF!important;
background: #00bcd4;
transition: .4s;
}
.btn-flat-logo:hover {
background: #1ec7bb;
}
@media (max-width: 991px) {
.modal_card {
flex-wrap:wrap;
}
.modal_card li{
width:45%;
max-width: 220px;
padding:0 5px;
}
.card_area .card_name{
margin:.5rem 0;
}
.card_area .card_text{
text-align: left;
height:4rem;;
}
}
/* sp
========================================================================== */
@media (max-width: 720px) {
.card_text{
height:4rem;
}
.close_modal {
top: .1rem;
right: .1rem;
}
#in_cnt {
width:100%;
font-size:12px;
}
}
/* -------- 20190911add --------- */
#POINT_ZONE {
margin:0 auto 20px;
}
#POINT_ZONE .add {
margin:0 auto 40px;
}
#POINT_ZONE .tick {
margin:0 auto 20px;
text-align:center;
}
/*#POINT_ZONE .tick img{
width: 100%;
max-width:1732px;
}*/
@media (max-width: 720px) {
#POINT_ZONE .add .sp img{
width: 90%;
}
#MODAL_ZONE img{
width: 90%;
}
#MODAL_ZONE2 img{
width: 90%;
}
}
/* -------- 20190926add --------- */
#chu {
margin:20px auto 0;
text-align: center;
}
#chu p.alink{
margin:10px 0 0!important;
font-size: 18px;
}
#chu .dotted {
display: inline-block;
border-top: 2px dotted #000;
border-bottom: 2px dotted #000;
padding: 1rem 0;
text-align: left;
}
#chu .dotted p{
font-size: 17px;
margin: 0;
padding: 0;
font-weight: bold;
}
@media screen and (max-width:980px){
#chu {
margin:0 auto 0;
text-align: center;
}
#chu .dotted {
margin:0.5rem 1rem 1rem;
text-indent:-1.2rem;
}
#chu .dotted p{
padding: 0 0 0 1.2rem;
}
}
/**************/
#QUESTION_ZONE {
padding: 2rem 0;
background: #fff;
}
.accbox00 {
margin: 2em auto;
padding: 0;
max-width: 1000px;
background: #FFF;
position: relative;
}
.acd-label {
background: url(../img/aco00.png)no-repeat;
background-size: 100% 100%;
text-align:center;
padding:10px;
display: block;
margin: 15px 0;
cursor :pointer;
transition: all 0.5s;
font-size:30px;
font-weight: bold;
color: #FFF;
}
.c_white {
padding:1rem;
position:relative;
}
.chu::before {
content: "";
background: url(../img/plus.png)no-repeat;
position: absolute;
right: 31px;
top: 30px;
width: 40px;
height: 40px;
opacity: 1;
transition: .5s;
}
.plus::before {
}
.acd-check{
display: none;
}
.acd-label{
display: block;
margin-bottom: 1px;
padding: 10px;
}
.acd-content{
background: #FFF;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
overflow: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
}
.acd-check:checked + .chu::before {
background: url(../img/minu.png)no-repeat;
}
.qalist {
width:90%;
margin: auto;
text-align: left;
}
.qalist li{
border-bottom:2px solid #cccccc;
margin:10px auto 10px;
padding:10px 0;
}
.que {
background: url(../img/pic00.png)no-repeat;
background-size: 50px 50px;
height:auto;
padding:12px 0 12px 55px;
font-size: 20px;
font-weight: bold;
}
.ans {
background: url(../img/pic01.png)no-repeat;
background-size: 50px 50px;
margin:10px auto 5px;
padding:15px 0 15px 55px;
height:auto;
}
@media (max-width: 720px) {
.chu::before {
top: 25px;
right: 10px;
}
}
/* -------- 20190927add --------- */
.sidecom {
padding:1rem;
margin:auto;
position: absolute;
top:10px;
left: 10px;
border:2px solid #0c2988;
font-weight: bold;
color: #0c2988;
}
@media screen and (max-width:980px){
.sidecom {
margin:auto;
width: 90%;
position: relative;
padding:0.5rem;
text-align:center;
}
.sidecom p img{
width:100%;
}
}
/* -------- 20191009add --------- */
.listin {
display: inline-block;
text-align:left;
list-style:none;
margin:0 auto;
padding: 0 0 1rem;
width: 90%;
}
.listin li{
padding: 0 0 0 1rem;
text-indent: -1rem;
text-align:left;
}
.red {
color: red;
}
.adnine {
background: #fffceb;
}
.adnine h5{
padding:0 0 30px;
text-align:center;
}
.num { padding:30px 0; }
.num p { margin:0; }
.flex_c { display:flex; }
.left,
.right { margin:0 25px 10px; }
.adstra {
background: #f4f4f4;
padding:30px 0;
margin: auto;
text-align:center;
}
.adstra h3 {
border-bottom:2px solid #000;
display: inline-block;
font-size: 36px;
font-weight: normal;
text-align:center;
padding: 0 60px;
position: relative;
}
.adstra h3:before,
.adstra h3:after {
background:#000;
border-radius:50px;
content:"";
height:10px;
width:10px;
position: absolute;
}
.adstra h3:after {
bottom:-5px;
left:-5px;
}
.adstra h3:before {
bottom:-5px;
right:-5px;
}
.adstra p{
margin:0;
}
.gaiyo {
width: 90%;
max-width:950px;
margin:auto;
}
.box {
text-align:left;
margin:20px auto;
}
.title {
font-weight: bold;
}
.tick2 {
text-align:center;
margin: 0 2%;
width:46%;
}
.tick3 {
text-align:center;
margin: 0 2%;
width:46%;
}
.tick2 img,
.tick3 img {
width:100%;
max-width:550px;
}
#F_ZONE {
display:flex;
width:100%;
max-width:1200px;
margin:auto;
padding:30px 0;
}
/*********************************************/
@media screen and (max-width:980px ) {
#F_ZONE {
flex-wrap: wrap;
}
.tick2,
.tick3 {
text-align:center;
margin: 10px 2%;
width:96%;
}
.adstra h3 {
font-size: 24px;
}
.cream {
padding: 30px 10px;
}
.box .title,
.box .text {
display:block!important;
}
.listin {
width: 100%;
}
.listin li {
}
.flex_c { flex-wrap: wrap; }
footer h3 {
font-size: 26px;
font-weight: normal;
padding: 0 1rem;
position: relative;
}
.button img{
width: 90%;
}
}
/* -------- 20191009add --------- */
.button {
text-align:center;
}
.button a{
margin:0 auto 50px;
}