@charset "shift_jis";

/*ALL PAGES CSS -------------------------------------------------------------- */


.txtc_blue{
color: #165e83;
}
.txtc_red{
color: #e05a5f;
}
.txtd_under{
text-decoration: underline;
}
.txtl_01{
letter-spacing: 1em;
}


/* SP */
@media only screen and (max-width: 639px) {
body{
	padding-top: 60px;
	font-size: 1.4rem;
}

body.open main{
-webkit-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
transition: all .4s;
}
}

/* PC */
@media print, screen and (min-width: 640px) {
body {
	min-width: 1000px;
	padding-top: 120px;
	font-size: 1.6rem;
}
body input,
body select,
body textarea {
	font-size: 1.6rem;
}
a[href^="tel"] {
	pointer-events: none;
	text-decoration: none !important;
	color: #333;
}
.spbr{
display: none
}
}



/*------------------------------------
LINK
------------------------------------*/

a {
color: #000;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.link a{
color: #165e83;
position: relative;
padding-left: 1.5em;
}
.link a i{
position: absolute;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top:50%;
font-size: 1.2em;
}


/* SP */
@media only screen and (max-width: 639px) {


}

/* PC */
@media print, screen and (min-width: 640px) {



}




/*------------------------------------
TAB
------------------------------------*/

table{
width: 100%;
}

.tab00 tr th{
font-weight: 700;
position: relative;
}
.tab00 tr td{}
.tab00 tr th,
.tab00 tr td{
vertical-align: top;
}
.tab00 tr th .enq{
background-color: #ec6d71;
color: #fff;
font-size: 1.2rem;
padding: .2rem .5rem;
vertical-align: middle;
margin-left:1rem; 
}
.tab00 tr th{}
.tab00 tr td{}


.tab00 tr td input[type="text"],
.tab00 tr td input[type="tel"],
.tab00 tr td input[type="email"],
.tab00 tr td textarea,
.tab00 tr td select{
padding: .25em .5em;
resize:vertical;
}



/* SP */
@media only screen and (max-width: 639px) {

.tab00 {
    border-collapse: separate;
    border-spacing: 10px;
}
.tab00 tr th,
.tab00 tr td{
display: block;
}
.tab00 tr th{
border-left: 2px solid #3492b5;
padding-left: 1em;
}
.tab00 tr td{
border-bottom: 1px solid #cbcbcb;
padding: 1rem 1em;
}
.tab00 tr td input[type="text"],
.tab00 tr td input[type="tel"],
.tab00 tr td input[type="email"]{
width: 100%;
}
.tab00 tr td textarea{
width: 100%;
height: 8em;
}

}

/* PC */
@media print, screen and (min-width: 640px) {

.tab00 tr td{}
.tab00 tr th,
.tab00 tr td{
padding: 2.5rem 2rem;
}
.tab00 tr th{
border-bottom: 2px solid #3492b5;
}
.tab00 tr td{
border-bottom: 1px solid #cbcbcb;
padding-left: 5rem;
}

.tab00 tr td input[type="text"],
.tab00 tr td input[type="tel"]{
width: 50%;
}
.tab00 tr td input[type="email"],
.tab00 tr td textarea{
width: 100%;
}
.tab00 tr td textarea{
height: 8em;
}

}



/*------------------------------------
Dl
------------------------------------*/

.dl00{}
.dl00 dt{
color: #3492b5;
letter-spacing: 1em;
font-weight: 700;
padding-bottom: .5rem;
}
.dl00 dd ol li{
padding-left: 2em;
position: relative;
line-height: 1.5em;
counter-increment: chapter;
}
.dl00 dd ol li + li{
margin-top: 1rem;
}
.dl00 dd ol li:before{
content: counter(chapter);
position: absolute;
left: 0;
background: #3492b5;
color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
width: 2rem;
height: 2rem;
text-align: center;
line-height: 2rem;
font-size: 1.5rem;
top: .35rem;
}

/* SP */
@media only screen and (max-width: 639px) {

}

/* PC */
@media print, screen and (min-width: 640px) {


}


/*------------------------------------
UL
------------------------------------*/
#pagenav{
background-color: #e1e1e1;
padding: 2rem;
}
#pagenav a{
color: #165e83;
text-decoration: underline;
}
#pagenav a:hover{
text-decoration: none;
}
#pagenav li{
position: relative;
padding: 0 2rem;
display: inline-block;
}
#pagenav li + li:before{
content: "";
position: absolute;
width: 1px;
height: 1em;
background-color: #000;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top:50%;
}

.ul_news li{
border-bottom: 1px solid #fff;
position: relative;
}
.ul_news li:after{
content: "";
clear: both;
display: block;
}
.ul_news li .date{
color: #13789e;
font-weight: 700;
line-height: 2em;
}
.ul_news li p a{
display: block;
}
.ul_history li{
position: relative;
}
.ul_history li .date{}
.ul_history li p{
display: block;
}
.ul_history li + li{
border-top: 1px dashed #848182;
}
.ul00 li{
padding-left: 1em;
position: relative;
}
.ul00 li:before{
content: "";
width: 1rem;
height: 1rem;
background-color: #3492b5;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
position: absolute;
left: 0;
top: .5em;
}


.ul_flow{}
.ul_flow li .title{
font-weight: 700;
position: relative;
}
.ul_flow li .title i{
color: #3492b5;
position: absolute;
left: 0;
}
.ul_flow li{
padding-bottom: 1.5rem;
}

.ul_file li{
position: relative;
padding-left: 2em;
}

.ul_file li i.material-icons{
color: #165e83;
position: absolute;
}
.ul_file li > i.material-icons{
left: 0;
}
.ul_file li a{
color: #165e83;
padding-left: 0;
}
.ul_file li a i.material-icons{
left: 0;
}

.ul_file li + li{
margin-top: 1rem;
}





/* SP */
@media only screen and (max-width: 639px) {


#pagenav a{
font-size: 1.4rem;
}
.ul_news {
padding-top: 0}
.ul_news li{
padding-bottom: 1rem;
margin-top: 1rem;
}
.ul_news li .date{}
.ul_news li p{
padding-left: 1em;
}
.ul_news li img {
padding: 1rem;
width: 100%;
display: block;
}
.ul_history {}
.ul_history li{
padding-bottom: .5rem;
}
.ul_history li + li{
padding-top: .5rem;
}
.ul_history li .date{
position: absolute;
left: 0;
}
.ul_history li p{
padding-left: 8em;
}
.ul_flow li .title{
padding-left: 4rem;
font-size: 2rem;
display: block;
}
.ul_flow li .title i{
font-size: 3rem;
position: absolute;
left: 0;
}
.ul_flow li  > p{
margin: .5rem 0 0 5rem;
line-height: 1.8em !important;
}






}
/* PC */
@media print, screen and (min-width: 640px) {


#pagenav a{
font-size: 1.8rem;
}
.ul_news {
padding-top: 2rem;
}
.ul_news li{
padding-bottom: 1.5rem;
margin-top: 1.5rem;
}
.ul_news li img {
float: right;
margin-left:2rem;
max-width: 40%;
height: auto;
}
.ul_news li .date{
position: absolute;
left: 0;
}
.ul_news li p{
padding-left: 8em;
}
.ul_history {}
.ul_history li{
padding-bottom: .5rem;
}
.ul_history li + li{
padding-top: .5rem;
}
.ul_history li .date{
position: absolute;
left: 0;
}
.ul_history li p{
padding-left: 8em;
}

.ul_flow li .title{
padding-left: 4rem;
font-size: 2rem;
}
.ul_flow li .title i{
font-size: 3rem;
}
.ul_flow li  > p{
margin: .5rem 0 0 5rem;
line-height: 1.8em !important;
}



}



/*------------------------------------
button
------------------------------------*/
.btn_block{
text-align: center;
}
.btn_block .btn{
display: inline-block;
}
.btn_block .btn a{
color: #fff;
line-height: 1em;
letter-spacing: .1em;
display: inline-block;
font-weight: 700;
position: relative;
text-decoration: none;
background-color: #464646;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.btn_block .btn a:hover{
filter:  alpha(opacity=80%);  -moz-opacity:.8;  opacity:.8;
}
.btn_block .btn a i{
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top:50%;
position: absolute;
right: .5rem;
font-size: 1.6rem;
}

form .btn_block .btn{
color: #fff;
display: inline-block;
position: relative;
background-color: #464646;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
border: none; 
}
form .btn_block .btn i{
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top:50%;
position: absolute;
font-size: 1.6rem;
}
form .btn_block .btn.submit i{
right: .5rem;
}
form .btn_block .btn input{
color: #fff;
line-height: 1em;
letter-spacing: .1em;
display: block;
font-weight: 500;
position: absolute;
border: none;
background-color: transparent;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
text-align: center;
outline: none;
cursor: pointer;
}


.seeall_block{
margin-top: 1.5rem;
}
.seeall_block a{
color: #3492b5;
padding-right: 2.5rem;
position: relative;
}
.seeall_block a i{
position: absolute;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top:50%;
font-size: 2rem;
}




/* SP */
@media only screen and (max-width: 639px) {

.btn_block {
margin-top: 3rem;
}
.btn_block .btn {
width: 90%;
}
.btn_block .btn + .btn{
margin-top: 2rem;
}
.btn_block .btn a{
width: 100%;
font-size: 1.25rem;
padding: 2rem 0;
}
.btn_block .btn a i{
}

form .btn_block .btn.submit{
height: 4rem;
min-width: 45%;
}
form .btn_block .btn.submit input{
font-size: 1.25rem;
}


}

/* PC */
@media print, screen and (min-width: 640px) {

.btn_block {
margin-top: 5rem;
}
.btn_block .btn + .btn{
margin-top: 2rem;
}
.btn_block .btn a{
font-size: 1.6rem;
padding: 2.5rem 5rem;
min-width: 28rem;
}
.btn_block .btn a i{
font-size: 1.6rem;
}

form .btn_block .btn.submit{
height: 6rem;
min-width: 28rem;
}
form .btn_block .btn.submit input{
font-size: 1.6rem;
}


}



/*------------------------------------
header
------------------------------------*/
header {
background-color: #fff;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1000;
}
header .logo a img{
display: block;
}

/* SP */
@media only screen and (max-width: 639px) {

header .menu-trigger {}
header {
height: 60px;
}
header .container {
text-align: right;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}
header .logo,
header nav{
display:block;
}
header .logo{
float: left;
position: relative;
z-index: 105;
}
header .logo img{
height: 40px;
}







}

/* PC */
@media print, screen and (min-width: 640px) {
header .menu-trigger {
	display: none;
}
header {
height: 120px;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
overflow: hidden;
}
header.fixed {
height: 110px;
}
header .container {
padding-top: 50px;
text-align: right;
position: relative;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
header.fixed .container {
padding-top: 40px;
}
header .logo,
header nav{
display:block;
}
header .logo{
float: left;
width: 14%;
}
header nav {
float: right;
width: 83%;
padding-top: 1rem;
}




}





/*------------------------------------
navi
------------------------------------*/

#gnav li a,
#gnav li a small {
display: block;
text-align: center;
color: #165e83;
font-weight: 600;
text-decoration: none;
line-height: 1em;
letter-spacing: .1em;
}
#gnav li a small {
color: #b8b8b8;
font-weight: 300;
}
#gnav li a:hover {
	text-decoration: none;
}
#subnav li a {
font-weight: 500;
color: #165e83;
letter-spacing: .1em;
}
@-webkit-keyframes gnavactive {
	0% {bottom: -2.5rem;}
	80% {bottom: -2.5rem;}
	100% {bottom: -1.5rem;}
}
@keyframes gnavactive {
	0% {bottom: -2.5rem;}
	80% {bottom: -2.5rem;}
	100% {bottom: -1.5rem;}
}


/* SP */
@media only screen and (max-width: 639px) {


body.open{
}

header .menu-trigger, header .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
header .menu-trigger {
	position: absolute;
	z-index: 110;
	width: 40px;
	height: 40px;
	top: 7px;
	right: 0;
	cursor: pointer;
}
header .menu-trigger span {
	position: absolute;
	right: 0;
	height: 5px;
	width: 100%;
	background-color: #165e83;
}
header .menu-trigger span:nth-of-type(1) {
	top: 5px;
}
header .menu-trigger span:nth-of-type(2) {
	top: 15px;
}
header .menu-trigger span:nth-of-type(3) {
	top: 25px;
}
.menu-trigger::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -.75rem;;
	content: 'MENU';
	display: block;
	width: 100%;
	letter-spacing: .1em;
	color: #054e97;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
	transition: all .4s;
}
.menu-trigger.active::after {
	content: 'CLOSE';
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-13px) rotate(45deg);
	transform: translateY(-13px) rotate(45deg);
}
header nav {
	position: fixed;
	transition: all 0.5s;
	right: 0;
	left: 0;
	top: -100vh;
	height: 100vh;
	z-index: 100;
	padding-top: 60px;
	background-color: rgba(255,255,255,0.95);
}
header nav.opennav {top:0;}

#gnav {
position: relative;
}
#gnav li {
	display: block;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	position: relative;
}
#gnav li + li {
	border-top: none;
}
#gnav li a {
	display: block;
	padding: 1.6rem 0 1.2rem 0;
	font-size: 1.35rem;
	text-align: center;
}
#gnav li a small {
font-size: .9rem;
padding-top: 1rem;
letter-spacing: .1em;
}


#subnav{
text-align: center;
}
#subnav li a {
font-size: 1.4rem;
display: block;
font-weight: 700;
text-decoration: none;
}
#subnav li a i{
color: #cdcdcd;
font-size: 1.8rem;
display: inline-block;
vertical-align: middle;
margin-right: .5rem;
margin-top: -.1rem;
}
#subnav li input[type="text"]{
width: 85%;
outline:none;
font-size: 1.5rem;
line-height: 1em;
padding: 0 .2rem;
vertical-align: middle;
height: 3rem;
border: 1px solid #cdcdcd;
margin-right: .5rem;
}
#subnav li button{
vertical-align: middle;
background-color: #cdcdcd;;
border: 1px solid #cdcdcd;
display: inline-block;
height: 3rem;
width: 3.5rem;
}
#subnav li button i{
color: #fff;
line-height: 1em;
font-size: 1.8rem;
vertical-align: middle;
}

#subnav li:first-child{
padding: 1.5rem 0;
}
#subnav li:last-child{
background-color: #3492b5;
padding: 1rem ;
}


}

/* PC */
@media print, screen and (min-width: 640px) {

#gnav{
float: right;
width: 100%;
}
#gnav li {
float: left;
position: relative;
width: 20%;
}
#gnav li:before,
#gnav li:last-child:after {
content: "";
display: block;
position: absolute;
left: 0;
width: 1px;
background-color: #ddd;
top: 0;
bottom: 0;
}

#gnav li:last-child:after{
right: 0;
left: auto;
}
#gnav li:first-child{
display: none;
}
#gnav li a {
font-size: 1.5rem;
padding: .7rem 0 0;
position: relative;
display: block;
}

#gnav li a:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -3.5rem;
height: .5rem;
background-color: #2484b5;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
#gnav li a:hover:after {
bottom: -1.5rem;
}


#gnav li a small {
font-size: .9rem;
padding: 1rem 0 .5rem;
letter-spacing: .1em;
}
#subnav{
position: absolute;
right: 0;
top: 1rem;
}
#subnav li{
display: inline-block;
vertical-align: middle;
margin-left: 3rem;
}
#subnav li a {
font-size: 1.4rem;
position: relative;
padding-left: 2.5rem; 
}
#subnav li a i{
position: absolute;
left: 0;
color: #cdcdcd;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top:50%;
font-size: 1.8rem;
}
#subnav li input[type="text"]{
width: 10em;
outline:none;
font-size: 1.5rem;
line-height: 1em;
padding: 0 .2rem;
vertical-align: middle;
height: 3rem;
border: 1px solid #cdcdcd;
margin-right: .5rem;
}
#subnav li button{
vertical-align: middle;
background-color: #cdcdcd;;
border: 1px solid #cdcdcd;
display: inline-block;
height: 3rem;
width: 3.5rem;
}
#subnav li button i{
color: #fff;
line-height: 1em;
font-size: 1.8rem;
vertical-align: middle;
}





}





/*------------------------------------
headline
------------------------------------*/

#headline {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-color: #ddd;
}
#headline .title {
position: relative;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top:50%;
font-weight: 700;
color: #fff;
letter-spacing: .15em;
}
#headline .title small {
display: block;
font-weight: 200;
letter-spacing: .1em;
line-height: 1.5em;
}
.headline {
	position: relative;
}
.headline:before {
content: "";
position: absolute;
background-color: #3492b5;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
left:50%;
}
.headline .title {
	font-weight: 900;
	line-height: 1.5em;
	color: #000;
}


.sub-headline {}
.sub-headline .title {
	font-weight: 900;
	line-height: 1.5em;
	color: #165e83;
}



main {}
.container{
	display: block;
}
main section + section:nth-child(2n) {
background-color: #f6f6f6;
}
.home main section {
background-color: transparent !important;
}



/* SP */
@media only screen and (max-width: 639px) {


#headline {
height: 12rem;
background-size: 640px auto;
}
#headline .title {
font-size: 2.3rem;
}
#headline .title small {
font-size: 1.2rem;
}

.headline {
padding:3rem 0 1rem;
margin-bottom: 2rem;
}
.headline:before {
height: .35rem;
width: 35%;
}
.headline .title {
font-size: 2.3rem;
}
.sub-headline{
margin-bottom: 1rem;
}
.sub-headline .title {
font-size: 1.8rem;
}


.container {
margin-left: 10px;
margin-right: 10px;
}
main .container p {
line-height: 1.8em;
}
main section {
padding-bottom: 3em;
}


}

/* PC */
@media print, screen and (min-width: 640px) {


#headline {
height: 18rem;
background-size: 1200px auto;
}
#headline .title {
font-size: 3.6rem;
}
#headline .title small {
font-size: 1.2rem;
}


.headline {
padding:6rem 0 2rem;
margin-bottom: 3rem;
}
.headline:before {
height: .5rem;
width: 18rem;
}
.headline .title {
font-size: 3.6rem;
letter-spacing: .1em;
}

.sub-headline{
margin-bottom: 2rem;
}
.sub-headline .title {
font-size: 2.6rem;
}


main {}
main section {
padding-bottom: 4em;
}
.container {
width: 1000px;
margin: 0 auto;
}
main .container p {
line-height: 2em;
}



}

@media print, screen and (min-width: 1200px) {

#headline {
background-size: 100% auto;
}



}




/*------------------------------------
footer
------------------------------------*/
footer {
background: url(../images/common/bg_fot.png) no-repeat right center #165e83;
color: #fff;
}
footer .container {
position: relative;
}
footer * {
color: #fff !important;
}
#pagetop {
	position: fixed;
	z-index: 90;
}
#pagetop.stop {
	position: absolute;
	bottom: inherit;
}
#pagetop a {
	background: #3492b5;
	display: block;
	text-align: center;
	margin: 0 auto;
	transform-origin: center center;	
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
}
#pagetop.top a {
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	transform: scale(0, 0);
}
#pagetop a i {
	color: #fff;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
}




/* SP */
@media only screen and (max-width: 639px) {


footer  {
margin-top: 3rem;
}
footer .container{
padding-top: 3rem;
padding-bottom: 2rem;
text-align: center;
}
footer .container .logo{
height: 35px;
}
footer .container nav{
margin-top: 1.5rem;
}
footer .container nav #fotnav li{
display: inline-block;
position: relative;
padding: 0;
line-height: 1em;
margin: .5rem 0;
min-width: 45%;
}
footer .container nav #fotnav li a{
font-size: 1.5rem;
line-height: 1em;
}
footer .container nav #fotnav li:nth-child(2n+1):before,
footer .container nav #fotnav li:after{
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background-color: #fff;
}
footer .container nav #fotnav li:after{
right: 0;
left: auto;
}
footer .container #copy{
font-size: 1rem;
margin-top: 1.5rem;
}
#pagetop {
	bottom: -5px;
	right: 0;
	left: 0;
}
#pagetop.stop {
	top: -25px;
	left: auto;
}
#pagetop a {
	width: 100%;
	height: 50px;
	float: right;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
#pagetop.stop a {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
	width: 50px;
}
#pagetop a i {
	font-size: 2em;
}




}

/* PC */
@media print, screen and (min-width: 640px) {

footer  {
margin-top: 5rem;
}
footer .container{
padding-top: 5rem;
padding-bottom: 4rem;
}
footer .container .logo{
}
footer .container nav{
float: right;
text-align: right;
}
footer .container nav #fotnav li{
float: left;
position: relative;
padding: 0 2rem;
}
footer .container nav #fotnav li a{
font-size: 1.5rem;
line-height: 1em;
}
footer .container nav #fotnav li:before{
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 1px;
background-color: #fff;
}
footer .container nav #fotnav li:last-child{
padding-right: 0;
}
footer .container nav #fotnav li:last-child:before{
display: none;
}
footer .container #copy{
text-align: right;
font-size: 1.2rem;
margin-top: 1.5rem;
}
#pagetop {
	bottom: 100px;
	width: 1000px;
}
#pagetop.stop {
	top: -30px;
}
#pagetop a {
	width: 60px;
	height: 60px;
	margin-right: -60px;
	float: right;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
#pagetop a:hover {
	margin-top: 10px;
}
#pagetop.stop a {
}
#pagetop a i {
	font-size: 2.6em;
}

}






/*------------------------------------
block
------------------------------------*/

.box2x{

}


/* SP */
@media only screen and (max-width: 639px) {



}

/* PC */
@media print, screen and (min-width: 640px) {


.box2x{
width: 46%;
float: left;
}
.box2x:nth-child(2n){
float: right;
}



}





/*------------------------------------
category page
------------------------------------*/


/* SP */
@media only screen and (max-width: 639px) {


}

/* PC */
@media print, screen and (min-width: 640px) {

}