@charset "utf-8";

/*--------------------------------------------------*/
/*		http://
/*		/css/index.css
/*--------------------------------------------------*/
/*		$index
/*--------------------------------------------------*/
/*			$index.......目次
/*			$layout......全体・部分的なレイアウト
/*			$visual......visual部分
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*			$layout
/*--------------------------------------------------*/
#header .parents>li>a{text-shadow: 0 0 1px rgba(255,255,255,1),0 0 2px rgba(255,255,255,1),0 0 3px rgba(255,255,255,1),0 0 4px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1);}
#header .parents>li.sell a,#header .parents>li a:hover{text-shadow: none;}
#sell-wrap{padding-bottom: 50px;}
#sell-wrap .intro{padding-bottom: 2em; font-size: 2rem;}
#sell-wrap .inner{padding: 0 30px;}
#sell-wrap h3{margin-bottom: 1em; padding: .5em 1em; background-color: #014099; color: #fff; font-size: 2rem; line-height: 1;}
@media screen and (max-width: 767px) {
#header .parents>li>a{text-shadow: none;}
#sell-wrap{padding: 0 0 9.375%;}
#sell-wrap .intro{padding-bottom: 2em; font-size: 1.2rem;}
#sell-wrap .inner{padding: 0;}
#sell-wrap h3{margin-bottom: .5em; font-size: 1.5rem;}
}



/*--------------------------------------------------*/
/*			$visual
/*--------------------------------------------------*/
#lower-visual{margin-bottom: 40px; background: url(/images/sell/visual_pc.jpg) no-repeat center top; background-size: cover;}
#lower-visual h2{margin-left: -7.1em; text-shadow: 0 0 2px rgba(255,255,255,.9),0 0 4px rgba(255,255,255,.9),0 0 6px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.9),0 0 10px rgba(255,255,255,.9);}
@media screen and (max-width: 767px) {
#lower-visual{margin-bottom: 6.25%;}
}



/*--------------------------------------------------*/
/*			$box01
/*--------------------------------------------------*/
#box01{padding-bottom: 50px;}
#box01 p{padding-bottom: 1em; font-size: 1.8rem;}
#box01 ul{-webkit-justify-content: space-between; justify-content: space-between;}
#box01 li{width: 440px;}
#box01 figcaption{font-size: 1.3rem;}
@media screen and (max-width: 767px) {
#box01{padding-bottom: 1.5625%;}
#box01 p{font-size: 1.2rem;}
#box01 ul{display: block;}
#box01 li{width: 100%; padding-bottom: 3.125%;}
#box01 figcaption{font-size: .9rem;}
}



/*--------------------------------------------------*/
/*			$box02
/*--------------------------------------------------*/
#box02{padding-bottom: 50px;}
#box02 .inner{padding-bottom: 218px; background: url(/images/sell/box02_bg_pc.jpg) no-repeat center bottom;}
#box02 p{width: 450px; font-size: 1.8rem;}
@media screen and (max-width: 767px) {
#box02{padding-bottom: 9.375%;}
#box02 .inner{padding-bottom: 105%; background: url(/images/sell/box02_bg_sp.jpg) no-repeat center bottom; background-size: 100% auto;}
#box02 p{width: 100%; font-size: 1.2rem;}
}



/*--------------------------------------------------*/
/*			$box03
/*--------------------------------------------------*/
#box03{padding-bottom: 40px;}
#box03 ul{-webkit-justify-content: space-between; justify-content: space-between;}
#box03 li{width: 290px;}
#box03 p{padding: 0 .8em; font-size: 1.6rem;}
@media screen and (max-width: 767px) {
#box03{padding-bottom: 2.34375%;}
#box03 ul{display: block;}
#box03 li{width: 100%; padding-bottom: 4.6875%;}
#box03 p{padding: 0; font-size: 1.2rem;}
}



/*--------------------------------------------------*/
/*			$box04
/*--------------------------------------------------*/
#box04 h4{padding-bottom: 1em; font-size: 2.4rem; font-weight: normal; text-align: center;}
#box04 p{padding-bottom: 40px; font-size: 0; line-height: 0;}
#box04 aside{background: url(/images/sell/bnr_bg_pc.jpg) no-repeat; background-size: cover;}
#box04 aside a{display: block; position: relative; padding: 5rem 10rem; color: #fff; font-size: 2.4rem; font-weight: bold; line-height: 1;}
#box04 aside a i{position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; padding: 1.3rem 0 0 1.4rem; border-radius: 20px; background-color: #014099; box-shadow: 0 2px 5px #000; color: #fff; font-size: 1.4rem; line-height: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#box04 aside a:hover i{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
@media screen and (max-width: 767px) {
#box04 h4{font-size: 1.5rem; font-weight: bold;}
#box04 p{padding-bottom: 6.25%;}
#box04 aside{background: url(/images/sell/bnr_bg_sp.jpg) no-repeat; background-size: cover;}
#box04 aside a{padding: 3.75rem 2.75rem; font-size: 1.5rem;}
#box04 aside a i{width: 30px; height: 30px; padding: 1rem 0 0 1rem; border-radius: 15px; font-size: 1.05rem;}
}