@charset "UTF-8";
/*!*
	--------------------------------
	Created: 2018.01.15
	Last Modified:
	--------------------------------
	- Table of Contents -
	初期化
	--------------------------------
*!*/
/*!* -------------------------------
	main_visual
------------------------------- *!*/
.main_visual.features{background-image:url(../img/osouji-yuhalink/img_main_visual_features.jpg)}
/*!* -------------------------------
	product head image
------------------------------- *!*/
.product_tab_nav .upper_nav .product_wrap .head_img{width:170px;padding:0 5px 0 25px}
/*!* -------------------------------
	product feature image
------------------------------- *!*/
.content.osouji-yuhalink .head_note{text-align: left}
.content.osouji-yuhalink .head_note .note{display: inline-block;}
.content.osouji-yuhalink #section02_01 .emphasis_label{text-align: left;}
.content.osouji-yuhalink .main_visual.features .main_visual_logo{position:absolute;left:31em;top:0;width: 21.86%}
.content.osouji-yuhalink .main_visual.features .main_visual_logo img{width:100%;max-width: 100%;vertical-align: middle}
.content.osouji-yuhalink .main_visual.features .main_visual_title sup{display: inline-block; line-height: 1.3em;top: -2em}
.content.osouji-yuhalink .note_text_wrap{padding-left: 37%;}
.content.osouji-yuhalink .note.indent_3em {padding-left: 3em;}
.content.osouji-yuhalink .img_logo{max-width: 122px;vertical-align: -8px;padding-left: 1.5em;padding-right: 8px;}
.content.osouji-yuhalink #section02 .container > .width_1 + .products_img,
.content.osouji-yuhalink #section02 .container > .width_2 + .products_img{margin-top: 80px;}
.content.osouji-yuhalink #section02 .width_1{max-width: 870px;margin: 20px auto;}
.content.osouji-yuhalink #section02 .width_2{max-width: 1160px;margin: 20px auto;}
.content.osouji-yuhalink #section02 .width_3{max-width: 1040px;margin: 20px auto;}
.content.osouji-yuhalink #section03 .container > .products_text{margin-top: 30px;}
.content.osouji-yuhalink .products_button_wrap{margin-top: 65px;}
.content.osouji-yuhalink .mt-20 {margin-top: 20px;}
.content.osouji-yuhalink .mt-80 {margin-top: 80px;}
.content.osouji-yuhalink .mt-30 {margin-top: 30px;}

@media screen and (max-width:960px) and (min-width:768px){
.content.osouji-yuhalink .main_visual.features .main_visual_logo{margin-top:0;margin-bottom:15px;max-width:100%}
}

@media only screen and (max-width:767px){
.main_visual.features{background-image:url(../img/osouji-yuhalink/img_main_visual_features_sp.jpg)}
.product_tab_nav .upper_nav .product_wrap .head_img{width:42.59%;padding:0 15px 0 0}
.content.osouji-yuhalink .section+.section {margin-top: 50px;}
.content.osouji-yuhalink .emphasis_label{text-align: center;}
.content.osouji-yuhalink .emphasis_label + .products_img{margin-top: 10px;}
.content.osouji-yuhalink .main_visual.features .main_visual_logo{position: static;width: 100%;margin-top: 0;}
.content.osouji-yuhalink .main_visual.features .main_visual_logo img{width:225px}
.content.osouji-yuhalink .note_text_wrap{padding-left: 0;}
.content.osouji-yuhalink .img_logo {max-width: 100px;vertical-align: -4px;padding-left: 10px;}
.products_img+.emphasis_label {margin-top: 30px;}
.content.osouji-yuhalink #section02 .container > .width_1 + .products_img,
.content.osouji-yuhalink #section02 .container > .width_2 + .products_img,
.content.osouji-yuhalink #section02 .container > .width_3 + .products_img{margin-top: 30px;}
.content.osouji-yuhalink #section02 .container > .width_1,
.content.osouji-yuhalink #section02 .container > .width_2,
.content.osouji-yuhalink #section02 .container > .width_3{margin: 10px auto;}
.content.osouji-yuhalink #section03 .container > .products_text{margin-top: 20px;}
.content.osouji-yuhalink .products_button_wrap{margin-top: 30px;}
}
