@charset "UTF-8";

/*
======== table of content. ===============
summary:ページ要素（SP）
==========================================
*/
@media screen and (max-width: 767px) {

html { font-size: 62.5%; }
body { font-size: 1.4rem; }

.forpc { display: none; }
.forsp { display: block; }

img { width:100%; height: auto; }
.btn_line { display: block; width:97%; margin: .3em auto; }

/*12月更新分*/
.bnr_campaign_fr { padding-top: 10px; }
.access { margin-top: 10px; }

/*ヘッダー*/
#header_2 { width: auto; }

#header_2 { height: 80px; display: flex; justify-content: space-between; align-items: center; padding:.4em .5em .4em 0; }

#header_2 a { width: 46%; }
#logo, #header_2 #btn { position: static; margin-top: 40px; }
#header_2 #tel {width:50%;left: 0;right:0;top:.4em;margin: auto;}

.tel { padding-left: 2.66%!important; padding-right: 2.66%!important; }
    
.img02 { display: none; }

#wrapper,#header,
.contact01,.contact02,.contact03,.contact04,
#cont02 .box01,
#cont02 .box03 li,
#cont04 .box01 .sec .sec01,
#cont04 .box01 .sec .sec02,
#cont03 .box01,
#cont03 .box02,
#cont03 .text02,
.contact04 .btn_area,
#cont05 .box01 { width:auto; height: auto; }

#header h1,
.contact01 { position: static; }

#header h1 { padding: .6em; font-size: 1rem; }
    
#header h2 { position: relative; z-index: 100; }

.contact01 { margin: 0 2%; padding: 0 3% 3% 3%; border:none; }
.contact01 p { font-size: 1.3rem; }

.contact01 .img02 { left: auto; right:4%; top:60vmin; width:45%; }

.contact02 { margin-top: 0; }
.contact02 .btn { padding: 0; }
.contact02 .info { padding-left: 0; font-size: 1.3rem; }
.contact02 .img02 { position: static; width:50%; }

#cont02 .box01 .text { position: static; padding: 0 2.66% 5%; box-sizing: border-box; }
#cont02 p { font-size: 1.4rem; }
#cont02 .box02 li .text { top:155px; width:88%; }

#cont02 .box03 li { position: relative; }
#cont02 .box03 li .text { top:30%; left: 38%; width: 55%; font-size: .8rem; line-height: 120%; }
#cont02 .box03 li .text.text02 { left: 5%;}
#cont02 .box03 li p { font-size: 1rem; }

#cont02 .box02,
#cont02 .box03 { margin-left: auto; margin-right: auto; }

#cont02 .box02 li { float: none; width:96%; margin-left: auto; margin-right: auto; height: auto; }

.contact03 .btn { padding: 10px; margin-top: 0; position: relative; z-index: 9; }
.contact03 .img02 { position: static; width:60%; margin: -80px auto 0; }
.contact03 .info { font-size: 1.3rem; }

.cont03_img { display: block; width: 60%; margin: auto; }

#cont03 .box01,
#cont03 .box02 { margin: 0 5%; }

#cont03 p,
#cont03 h4 { font-size: 1.4rem; }

#cont03 .text01 { width:auto; }

#cont03 .box01 .p01, #cont03 .box02 .p01,
#cont03 .text01,#cont03 .text02 { position: static; }

/*
#cont03 .box01 img,
#cont03 .box02 img { display: none; }
*/

#cont05 .box02 ol li p { width:245px; }


#cont03 .p02 { margin: 0 0 50px; }

#cont04 .box01 { margin-top: 0; height: auto; background-image: none; }
#cont04 .box01 h3 { padding: 0 4% 5%; font-size: 1.4rem; }
#cont04 .box01 .sec { padding: 0 2.6%; }
#cont04 .box01 .sec .sec01 { float: none; margin-right: 0; margin-bottom: 5%; }
#cont04 .box01 .sec .inner { width:auto; }

#cont04 .box01 .sec .inner h5 { font-size: 1.4rem; }

#cont04 .box01 .sec .sec01 h6,
#cont04 .box01 .sec .sec01 .inner_box_cont dl dt,
#cont04 .box01 .sec .sec01 .inner_box_cont dl dd,
#cont04 .box01 .sec .sec01 ul li,
#cont04 .box01 .sec .sec02 h6,
#cont04 .box01 .sec .sec02 .inner_box_cont dl dt,
#cont04 .box01 .sec .sec02 .inner_box_cont dl dd{ font-size: 1.3rem; }

#cont05 .box01 { margin-left: 0; }
#cont05 .box01 ol { position: static; }
#cont05 .box01 ol li,
#cont05 .box02 ol li { float: none; margin-left: auto; margin-right: auto; margin-bottom: 3%; }

#cont05 .box01 ol li { width:70%; }
#cont05 .box02 ol li { width:85%; }

#cont05 .box01 ol li p,
#cont05 .box02 ol li p,
.contact04 p { font-size: 1.4rem; }
.contact04 .p01 { padding: 18px 2.6% 0; }
.contact04 .btn_area { margin-top: 0; }

section.tv { padding: 0 2.66%!important; }
h2.tv1 { font-size: 2rem!important; }


div.div_1,
div.div_2 { float: none!important; }

div.div_1 { margin-bottom: 3%; }


div.div_1,
div.div_2,
.google {　height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative; }

div.div_1 iframe,
div.div_2 iframe,
.google iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

#footer #copyright { font-size: 1rem; }

@media screen and (orientation: landscape) {
}
	
}


/* iPhone SE */
@media screen and (max-width: 320px) {
}